{"version":3,"sources":["webpack:///./widgets/profileDetailBlock.js"],"names":["CLS","ProfileDetailBlock","element","_this","_classCallCheck","this","$el","$","$slider","find","concat","$videoImg","$grid","$playVideo","$video","videoType","data","videoId","video","imgWidth","outerWidth","imgHeight","outerHeight","css","width","height","elem","document","querySelector","Masonry","itemSelector","columnWidth","$water","$waterPractices","on","$climate","$climatePractices","$biodiversity","$biodiversityPractices","$stewardship","$stewardshipPractices","$land","$landPractices","$wellbeing","$wellbeingPractices","$clip","$clipPractices","$responsibility","$responsibilityPractices","e","addClass","utils","scrollToEl","isVimeoLink","append","vimeoPlayer","Player","isYoutubeLink","embedLink","isYoukuLink","play","src","attr","wgWidth","videoWidth","videoHeight","show","animate","setTimeout","removeClass","key","value"],"mappings":"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","file":"54.js","sourcesContent":["import Masonry from \"masonry-layout\";\nimport utils from '../utils';\n\nconst NS = 'ProfileDetailBlock';\nconst CLS = 'profileDetailBlock';\n\nexport class ProfileDetailBlock {\n\tconstructor(element) {\n\t\tthis.$el = $(element);\n\t\tthis.$slider = this.$el.find(`.${CLS}-slider`);\n\t\tthis.$videoImg = this.$el.find(`.${CLS}-video-img`);\n\t\tthis.$grid = this.$el.find(`.grid`);\n\t\tthis.$playVideo = this.$el.find(`.playVideo`);\n\t\tthis.$video = this.$el.find(`.${CLS}-video`);\n\n\t\tconst videoType = this.$el.find(`.${CLS}-video-vid`).data('videoType');\n\t\tconst videoId = this.$el.find(`.${CLS}-video-vid`).data('videoId');\n\t\tconst video = this.$el.find(`.${CLS}-video-vid`);\n\t\tconst isPrepCls = 'is-preparing';\n\t\tconst isPlayCls = 'is-playing';\n\n\t\tconst imgWidth = this.$videoImg.outerWidth();\n\t\tconst imgHeight = this.$videoImg.outerHeight();\n\t\tvideo.css({\n\t\t\twidth: imgWidth,\n\t\t\theight: imgHeight,\n\t\t});\n\n\t\t  var elem = document.querySelector('.grid');\n\t\t  var msnry = new Masonry( elem, {\n\t\t  itemSelector: '.grid-item',\n\t\t  columnWidth: 200\n\t\t  });\n\t\t  var msnry = new Masonry( '.grid', {\n\t\t  });\n\n\tthis.$water = this.$el.find(`.${CLS}-water`);\n\tthis.$waterPractices = this.$el.find(`.water-practices`);\n\tthis.$water.on( \"mouseenter\", () => {\n\t\tthis.$waterPractices.css(\"display\", \"block\");\n\t}).on( \"mouseleave\", () => {\n\t\tthis.$waterPractices.css(\"display\", \"none\");\n\t});\n\n\tthis.$climate = this.$el.find(`.${CLS}-climate`);\n\tthis.$climatePractices = this.$el.find(`.climate-practices`);\n\tthis.$climate.on( \"mouseenter\", () => {\n\t\tthis.$climatePractices.css(\"display\", \"block\");\n\t}).on( \"mouseleave\", () => {\n\t\tthis.$climatePractices.css(\"display\", \"none\");\n\t});\n\n\tthis.$biodiversity = this.$el.find(`.${CLS}-biodiversity`);\n\tthis.$biodiversityPractices = this.$el.find(`.biodiversity-practices`);\n\tthis.$biodiversity.on( \"mouseenter\", () => {\n\t\tthis.$biodiversityPractices.css(\"display\", \"block\");\n\t}).on( \"mouseleave\", () => {\n\t\tthis.$biodiversityPractices.css(\"display\", \"none\");\n\t});\n\n\tthis.$stewardship = this.$el.find(`.${CLS}-stewardship`);\n\tthis.$stewardshipPractices = this.$el.find(`.stewardship-practices`);\n\tthis.$stewardship.on( \"mouseenter\", () => {\n\t\tthis.$stewardshipPractices.css(\"display\", \"block\");\n\t}).on( \"mouseleave\", () => {\n\t\tthis.$stewardshipPractices.css(\"display\", \"none\");\n\t});\n\n\tthis.$land = this.$el.find(`.${CLS}-land`);\n\tthis.$landPractices = this.$el.find(`.land-practices`);\n\tthis.$land.on( \"mouseenter\", () => {\n\t\tthis.$landPractices.css(\"display\", \"block\");\n\t}).on( \"mouseleave\", () => {\n\t\tthis.$landPractices.css(\"display\", \"none\");\n\t});\n\n\tthis.$wellbeing = this.$el.find(`.${CLS}-wellbeing`);\n\tthis.$wellbeingPractices = this.$el.find(`.wellbeing-practices`);\n\tthis.$wellbeing.on( \"mouseenter\", () => {\n\t\tthis.$wellbeingPractices.css(\"display\", \"block\");\n\t}).on( \"mouseleave\", () => {\n\t\tthis.$wellbeingPractices.css(\"display\", \"none\");\n\t});\n\n\tthis.$clip = this.$el.find(`.${CLS}-clip`);\n\tthis.$clipPractices = this.$el.find(`.clip-practices`);\n\tthis.$clip.on( \"mouseenter\", () => {\n\t\tthis.$clipPractices.css(\"display\", \"block\");\n\t}).on( \"mouseleave\", () => {\n\t\tthis.$clipPractices.css(\"display\", \"none\");\n\t});\n\n\tthis.$responsibility = this.$el.find(`.${CLS}-responsibility`);\n\tthis.$responsibilityPractices = this.$el.find(`.responsibility-practices`);\n\tthis.$responsibility.on( \"mouseenter\", () => {\n\t\tthis.$responsibilityPractices.css(\"display\", \"block\");\n\t}).on( \"mouseleave\", () => {\n\t\tthis.$responsibilityPractices.css(\"display\", \"none\");\n\t});\n\tthis.$playVideo.on('click', (e) => {\n\t\tthis.$video.addClass(isPrepCls);\n\t\tutils.scrollToEl(this.$video[0]);\n\t\t// Is Vimeo video ?\n\t\t// Create a hidden Vimeo Player that will be popup later.\n\t\t// @ref https://github.com/vimeo/player.js\n\t\tif (this.isVimeoLink(videoType)) {\n\t\t\tvideo.append('<div data-vimeo-id=\"' + videoId + '\" id=\"vimeoVideo\" />');\n\t\t\tvimeoPlayer = new Player('vimeoVideo');\n\t\t}\n\n\t\t// Is Youtube video ?\n\t\t// Append an Iframe\n\t\tif (this.isYoutubeLink(videoType)) {\n\t\t\tconst embedLink = 'https://www.youtube.com/embed/' + videoId;\n\t\t\tvideo.append('<iframe src=\"' + embedLink + '\" allow=\"autoplay\" />');\n\t\t}\n\n\t\t// Is Youku video ?\n\t\t// Append an Iframe\n\t\tif (this.isYoukuLink(videoType)) {\n\t\t\tconst embedLink = 'https://player.youku.com/embed/' + videoId;\n\t\t\tvideo.append('<iframe src=\"' + embedLink + '\" allow=\"autoplay\" />');\n\t\t}\n\n\t\t// Start Vimeo video.\n\t\tif (videoType === 'vimeo') vimeoPlayer.play();\n\n\t\t// Start Youtube video.\n\t\tif (videoType === 'youtube') {\n\t\t\tconst src = $('iframe', video).attr('src');\n\t\t\t$('iframe', video).attr('src', src + '?autoplay=1&rel=0');\n\t\t}\n\n\t\t// Start Youku video.\n\t\tif (videoType === 'youku') {\n\t\t\tconst src = $('iframe', video).attr('src');\n\t\t\t$('iframe', video).attr('src', src + '?autoplay=1&rel=0&showinfo=0');\n\t\t}\n\n\t\tconst wgWidth = this.$video.outerWidth();\n\t\tconst videoWidth = wgWidth - 50;\n\t\tconst videoHeight = (wgWidth - 50) / 16 * 10; // Video ratio is 16:9\n\n\t\t// prevent video jumping\n\t\tthis.$videoImg.css('height', videoHeight);\n\n\t\tvideo.show().animate({\n\t\t\twidth: videoWidth,\n\t\t\theight: videoHeight,\n\t\t}, 500, 'linear');\n\t\tsetTimeout(() => {\n\t\t\tthis.$video.removeClass(isPrepCls);\n\t\t\tthis.$video.addClass(isPlayCls);\n\t\t}, 500);\n\t});\n\n\t}\n\tisVimeoLink(videoType) {\n\t\treturn videoType === 'vimeo';\n\t}\n\n\tisYoutubeLink(videoType) {\n\t\treturn videoType === 'youtube';\n\t}\n\n\tisYoukuLink(videoType) {\n\t\treturn videoType === 'youku';\n\t}\n\n}\n"],"sourceRoot":""}