https://www.ucn.dk/dist/js-intro-box.1ed6b1d0.js

1"use strict";(self.webpackChunkucn=self.webpackChunkucn||[]).push([[3431,7258],{3113:function(e,t,i){i.d(t,{default:function(){return s}});var n=i(4660),o=i(2213);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 n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,l(n.key),n)}}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 n=i.call(e,t||"default");if("object"!=a(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==a(t)?t:t+""}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.viewMoreButtonEl=this.el.querySelector(".js-intro-box-btn"),this.contentEl=this.el.querySelector(".js-intro-box-content"),this.contentRTE=this.el.querySelector(".js-intro-box-richtext"),this.btnExpandLabel=this.viewMoreButtonEl.dataset.expandLabel,this.btnCollapseLabel=this.viewMoreButtonEl.dataset.collapseLabel,this.btnExpandClass="btn--plus",this.btnCollapseClass="btn--minus",this.expanded=!1,this.expandToggleClass="intro-box--expanded",this.init()},t=[{key:"init",value:function(){this.attachEvents()}},{key:"attachEvents",value:function(){var e=this;this.viewMoreButtonEl.addEventListener("click",function(t){e.expanded=!e.expanded,e.expanded?e.expand():e.collapse()}),this.contentEl.addEventListener("transitionend",function(t){"height"===t.propertyName&&(e.contentEl.style.height=e.expanded?"auto":"")})}},{key:"expand",value:function(){var e;this.expanded=!0,this.viewMoreButtonEl.classList.add(this.btnCollapseClass),this.viewMoreButtonEl.classList.remove(this.btnExpandClass),this.viewMoreButtonEl.textContent=this.btnCollapseLabel,this.el.classList.add(this.expandToggleClass),(0,n.setAriaProp)(this.contentEl,"expanded",!0),null===(e=this.contentRTE)||void 0===e||e.removeAttribute("inert"),this.contentEl.style.height=this.contentEl.scrollHeight+"px"}},{key:"collapse",value:function(){var e,t=this;this.expanded=!1,(0,o.r)(this.el),this.viewMoreButtonEl.classList.add(this.btnExpandClass),this.viewMoreButtonEl.classList.remove(this.btnCollapseClass),this.viewMoreButtonEl.textContent=this.btnExpandLabel,this.el.classList.remove(this.expandToggleClass),(0,n.setAriaProp)(this.contentEl,"expanded",!1),null===(e=this.contentRTE)||void 0===e||e.setAttribute("inert",""),this.contentEl.style.height=this.contentEl.scrollHeight+"px",requestAnimationFrame(function(){t.contentEl.style.height=""})}}],t&&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 n(e){return n="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},n(e)}function o(e,t){var i=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),i.push.apply(i,n)}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 n=t[i];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,l(n.key),n)}}function l(e){var t=function(e,t){if("object"!=n(e)||!e)return e;var i=e[Symbol.toPrimitive];if(void 0!==i){var o=i.call(e,t||"default");if("object"!=n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==n(t)?t:t+""}i.d(t,{default:function(){return p},h:function(){return d},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"),n=new Event("js-video-pause");t&&t.dispatchEvent(n),i&&i.dispatchEvent(n)},d=function(e){var t=e.querySelector("video"),i=e.querySelector("iframe"),n=new Event("js-video-stop");t&&t.dispatchEvent(n),i&&i.dispatchEvent(n)},p=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 n=document.createElement("script");n.id="youtube-iframe-api",n.src="https://www.youtube.com/iframe_api";var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(n,o),n.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 n=document.createElement("script");n.id="vimeo-iframe-api",n.src="https://player.vimeo.com/api/player.js";var o=document.getElementsByTagName("script")[0];o.parentNode.insertBefore(n,o),n.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?o(Object(i),!0).forEach(function(t){a(e,t,i[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(i)):o(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,n;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===(n=e.playerEl.contentWindow)||void 0===n||n.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-intro-box.1ed6b1d0.js.map