https://www.ucn.dk/dist/js-video-testimonial.c812ad03.js

1"use strict";(self.webpackChunkucn=self.webpackChunkucn||[]).push([[3090,7258],{7989:function(e,t,i){i.d(t,{default:function(){return s}});var o=i(2213),n=i(2479);function a(e){return a="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},a(e)}function r(e,t){for(var i=0;i<t.length;i++){var o=t[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,l(o.key),o)}}function l(e){var t=function(e,t){if("object"!=a(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var o=i.call(e,t||"default");if("object"!=a(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==a(t)?t:t+""}n.Ay.use([n.dK,n.Ze]);var s=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,e),this.el=t.el,this.testimonialEls=[],this.init()},(t=[{key:"init",value:function(){this.setTestimonialEls(),this.setClasses(),this.addEventListeners(),this.setSwiper()}},{key:"setTestimonialEls",value:function(){var e=this.el.querySelectorAll(".video-testimonial__item-content");this.testimonialEls=Array.from(e).reduce(function(e,t,i){var o=t.querySelector(".js-video-testimonial__item-btn-close"),n=t.querySelector(".video-testimonial__item-hover-video"),a=t.querySelector(".video-testimonial__item-cover-img"),r=t.querySelector("button.video-thumbs__container"),l=t.querySelector(".video-thumbs-js");return e.push({el:t,closeBtn:o,hoverVideo:n,coverImage:a,playBtn:r,previewing:0===i||3===i,playing:!1,videoPlayer:l,index:i}),e},[])}},{key:"addEventListeners",value:function(){var e=this;this.testimonialEls.forEach(function(t){t.closeBtn.addEventListener("click",function(){e.closeTestimonial(t)}),t.el.addEventListener("mouseover",function(i){e.setMouseoverEvent(t)}),t.playBtn.addEventListener("focus",function(){e.setMouseoverEvent(t)}),t.videoPlayer.addEventListener("playing",function(){e.setPlayingTestimonial(t)})})}},{key:"setPlayingTestimonial",value:function(e){var t=this;this.testimonialEls.forEach(function(e){e.playing&&(e.playing=!1,t.closeTestimonial(e))}),e.playing=!0,this.setClasses()}},{key:"closeTestimonial",value:function(e){e.playing=!1,this.setClasses();var t=e.videoPlayer.querySelector(".video-tag, .videoplayer__iframe");e.videoPlayer.querySelector(".video-thumbs__container").classList.remove("hidden"),t.tabIndex=-1,(0,o.h)(e.videoPlayer)}},{key:"setMouseoverEvent",value:function(e){e.previewing||(this.testimonialEls.forEach(function(e){e.previewing=!1}),e.previewing=!0,this.setClasses())}},{key:"setClasses",value:function(){this.testimonialEls.forEach(function(e){e.previewing?e.el.classList.add("preview"):e.el.classList.remove("preview"),e.playing?(e.el.classList.remove("preview"),e.el.classList.add("playing")):e.el.classList.remove("playing")})}},{key:"setSwiper",value:function(){var e=this;new n.Ay(this.el.querySelector(".video-testimonial__swiper"),{keyboard:{enabled:!0},pagination:{el:".video-testimonial__swiper-pagination",type:"fraction"},scrollbar:{el:".video-testimonial__swiper-scrollbar",draggable:!0,hide:!1},spaceBetween:20}).on("slideChange",function(t){var i=t.slides[t.previousIndex];i.querySelector(".playing")&&i.querySelector(".js-video-testimonial__item-btn-close").click(),e.setMouseoverEvent(e.testimonialEls[t.activeIndex+3])})}}])&&r(e.prototype,t),i&&r(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t,i}()},2213:function(e,t,i){function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}function n(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,o)}return i}function a(e,t,i){return(t=l(t))in e?Object.defineProperty(e,t,{value:i,enumerable:!0,configurable:!0,writable:!0}):e[t]=i,e}function r(e,t){for(var i=0;i<t.length;i++){var o=t[i];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,l(o.key),o)}}function l(e){var t=function(e,t){if("object"!=o(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var n=i.call(e,t||"default");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==o(t)?t:t+""}i.d(t,{default:function(){return d},h:function(){return y},r:function(){return c}});var s="player.vimeo.com",u="www.youtube-nocookie.com",c=function(e){var t=e.querySelector("video"),i=e.querySelector("iframe"),o=new Event("js-video-pause");t&&t.dispatchEvent(o),i&&i.dispatchEvent(o)},y=function(e){var t=e.querySelector("video"),i=e.querySelector("iframe"),o=new Event("js-video-stop");t&&t.dispatchEvent(o),i&&i.dispatchEvent(o)},d=function(){return e=function e(t){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}

1(this,e),this.el=t.el,this.videoTopImage=this.el.querySelector(".video-thumbs__container"),this.playerEl=null,this.YTPlayer={},this.vimeoPlayer=null,this.videoType="",this.autoPlayVideo="true"===this.el.dataset.autoplay,this.init()},t=[{key:"init",value:function(){this.setVideoTypeAndPlayerEl(),this.addEventListeners()}},{key:"setVideoTypeAndPlayerEl",value:function(){var e=this.videoTopImage.closest(".video-thumbs").querySelector(".video-tag");if(null!=e)this.videoType="local",this.playerEl=e;else{var t=this.videoTopImage.closest(".video-thumbs").querySelector(".videoplayer__iframe"),i=new URL(t.src).host;switch(this.playerEl=t,i){case s:this.videoType="vimeo",this.loadVimeoSDK();break;case u:this.videoType="youtube",this.loadYoutubeSDK()}}}},{key:"addEventListeners",value:function(){var e=this,t=this;this.playerEl.addEventListener("js-video-pause",function(){t.pauseVideo()},!1),this.playerEl.addEventListener("js-video-stop",function(){t.stopVideo()},!1),"local"===this.videoType&&this.videoTopImage.addEventListener("click",function(){e.playerEl.paused?t.playLocalVideo():t.pauseVideo()})}},{key:"hideThumbnail",value:function(){this.videoTopImage.classList.add("hidden"),this.playerEl.tabIndex=0}},{key:"pauseVideo",value:function(){switch(this.el.setAttribute("data-playing","false"),this.videoType){case"local":this.playerEl.pause();break;case"youtube":var e;this.YTPlayer&&(null===(e=this.playerEl.contentWindow)||void 0===e||e.postMessage('{"event":"command","func":"pauseVideo","args":""}',"*"));break;case"vimeo":this.vimeoPlayer&&this.vimeoPlayer.pause()}}},{key:"stopVideo",value:function(){switch(this.el.setAttribute("data-playing","false"),this.videoType){case"local":this.playerEl.stop();break;case"youtube":var e;this.YTPlayer&&(null===(e=this.playerEl.contentWindow)||void 0===e||e.postMessage('{"event":"command","func":"stopVideo","args":""}',"*"));break;case"vimeo":this.vimeoPlayer&&this.vimeoPlayer.stop()}}},{key:"playVideo",value:function(){this.el.setAttribute("data-playing","true")}},{key:"playLocalVideo",value:function(){this.playVideo(),this.autoPlayVideo?(this.playerEl.play(),this.emitPlayEvent()):(this.hideThumbnail(),this.playerEl.load(),this.playerEl.play(),this.emitPlayEvent())}},{key:"loadYoutubeSDK",value:function(){var e=this,t=function(){window.YT.loaded?e.playYoutubeVideo():window.YT.ready(function(){e.playYoutubeVideo()})},i=document.getElementById("youtube-iframe-api");if(i)window.YT?t():i.addEventListener("load",t);else{var o=document.createElement("script");o.id="youtube-iframe-api",o.src="https://www.youtube.com/iframe_api";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(o,n),o.addEventListener("load",t)}}},{key:"loadVimeoSDK",value:function(){var e=this,t=function(){e.playVimeoVideo()},i=document.getElementById("vimeo-iframe-api");if(i)window.Vimeo?t():i.addEventListener("load",t);else{var o=document.createElement("script");o.id="vimeo-iframe-api",o.src="https://player.vimeo.com/api/player.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(o,n),o.addEventListener("load",t)}}},{key:"playVimeoVideo",value:function(){var e=this;this.vimeoPlayer=new Vimeo.Player(this.playerEl);var t=!0;e.videoTopImage.addEventListener("click",function(){e.autoPlayVideo?t?(t=!1,e.pauseVideo()):(e.playVideo(),t=!0,e.vimeoPlayer.play(),e.emitPlayEvent()):(e.playVideo(),e.hideThumbnail(),e.vimeoPlayer.play(),e.emitPlayEvent())})}},{key:"playYoutubeVideo",value:function(){var e=this;this.YTPlayer.playVideo||(this.YTPlayer=new window.YT.Player(e.playerEl,function(e){for(var t=1;t<arguments.length;t++){var i=null!=arguments[t]?arguments[t]:{};t%2?n(Object(i),!0).forEach(function(t){a(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):n(Object(i)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(i,t))})}return e}({},e.autoPlayVideo&&{playerVars:{playsinline:1,autoplay:1,controls:0,fs:0,loop:1,enablejsapi:1,mute:1}})));var t=!0;e.videoTopImage.addEventListener("click",function(){var i,o;e.autoPlayVideo?t?(t=!1,e.pauseVideo()):(e.playVideo(),t=!0,null===(i=e.playerEl.contentWindow)||void 0===i||i.postMessage('{"event":"command","func":"playVideo","args":""}',"*"),e.emitPlayEvent()):(e.playVideo(),e.hideThumbnail(),null===(o=e.playerEl.contentWindow)||void 0===o||o.postMessage('{"event":"command","func":"playVideo","args":""}',"*"),e.emitPlayEvent())})}},{key:"emitPlayEvent",value:function(){var e=new CustomEvent("playing",{bubbles:!0,detail:{type:this.videoType}});this.el.dispatchEvent(e)}}],t&&r(e.prototype,t),i&&r(e,i),Object.defineProperty(e,"prototype",{writable:!1}),e;var e,t,i}()}}]);
2//# sourceMappingURL=js-video-testimonial.c812ad03.js.map