https://www.rookvrijegeneratie.nl/wp-content/themes/rookvrijegeneratie/dist/assets/index-D-0D95Ku.js

1var h=Object.defineProperty;var r=(i,e,t)=>e in i?h(i,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):i[e]=t;var s=(i,e,t)=>r(i,typeof e!="symbol"?e+"":e,t);import{Video as c}from"./index-BXLN0bpz.js";import{a as o,g as l}from"./main-BThlQzEG.js";import"./_commonjsHelpers-D6Ya60D-.js";class m{constructor(e){s(this,"init",()=>{this.bindEvents()});s(this,"bindEvents",()=>{Object.entries(this.events.closeButton).forEach(([e,t])=>{(e==="click"||!this.isMobile)&&this.closeButton.addEventListener(e,t)}),this.isMobile&&!this.isIos&&Object.entries(this.events.document).forEach(([e,t])=>{document.addEventListener(e,t)}),this.isMobile||Object.entries(this.events.window).forEach(([e,t])=>{window.addEventListener(e,t)})});s(this,"unbindEvents",()=>{Object.entries(this.events.closeButton).forEach(([e,t])=>{(e==="click"||!this.isMobile)&&this.closeButton.removeEventListener(e,t)}),this.isMobile&&!this.isIos&&Object.entries(this.events.document).forEach(([e,t])=>{document.removeEventListener(e,t)}),this.isMobile||Object.entries(this.events.window).forEach(([e,t])=>{window.removeEventListener(e,t)})});s(this,"handleClick",()=>{this.close()});s(this,"handleMouseEnter",()=>{this.createHoverAnimation(90)});s(this,"handleMouseLeave",()=>{this.createHoverAnimation(0)});s(this,"handleKeyDown",e=>{e.key==="Escape"&&this.close()});s(this,"handleFullscreenChange",()=>{this.isFullscreen()||(this.videoInstance&&(this.videoInstance.destroy(),this.createTimelineOut(),this.videoInstance=null),this.isOpen=!1)});s(this,"open",e=>{if(!e||this.isOpen)return;this.isOpen=!0,this.video.dataset.src=e;const t=new Promise(n=>{this.videoInstance=new c(this.video,()=>n(),{startLevel:4}),this.videoInstance.loadSrc()});return t.then(()=>{this.isMobile&&!this.isIos&&this.canAccessFullscreen()?this.goFullscreen():this.createTimelineIn(),this.video&&this.video.paused&&!this.isIos&&this.video.play()}),t});s(this,"close",()=>{this.isOpen&&this.createTimelineOut().then(()=>{this.videoInstance&&this.videoInstance.destroy(),this.isOpen=!1})});s(this,"createHoverAnimation",e=>{var t;(t=this.hoverTl)==null||t.kill(),this.hoverTl=l.timeline(),this.hoverTl.to(this.closeIcon,{rotate:e,ease:"power4.out",duration:.45},0)});s(this,"createTimelineIn",(e=!1)=>{var t;(t=this.tl)==null||t.kill(),this.tl=l.timeline(),this.tl.to(this.element,{autoAlpha:1,ease:"power4.out",duration:e?0:.65},0)});s(this,"createTimelineOut",()=>{var e;return(e=this.tl)==null||e.kill(),this.tl=l.timeline({}),this.tl.to(this.element,{autoAlpha:0,ease:"power4.out",duration:.65},0),this.tl});s(this,"goFullscreen",()=>{const t=["requestFullscreen","webkitEnterFullscreen","webkitRequestFullscreen","msRequestFullScreen"].find(n=>typeof this.video[n]=="function");t?(this.video[t](),this.createTimelineIn(!0)):this.createTimelineIn()});s(this,"isFullscreen",()=>["fullscreenElement","webkitFullscreenElement","mozFullScreenElement","msFullscreenElement"].some(t=>!!document[t]));s(this,"canAccessFullscreen",()=>typeof this.video.requestFullscreen=="function");s(this,"destroy",()=>{var e,t;this.unbindEvents(),(e=this.tl)==null||e.kill(),(t=this.hoverTl)==null||t.kill()});this.element=e,this.video=this.element.querySelector("video"),this.closeButton=this.element.querySelector(".js-close"),this.closeIcon=this.element.querySelector(".js-close-icon"),this.isMobile=o.instances.get("device").isMobile,this.isIos=o.instances.get("device").isIos,this.events={closeButton:{click:this.handleClick,mouseenter:this.handleMouseEnter,mouseleave:this.handleMouseLeave},document:{fullscreenchange:this.handleFullscreenChange,webkitfullscreenchange:this.handleFullscreenChange,mozfullscreenchange:this.handleFullscreenChange,MSFullscreenChange:this.handleFullscreenChange},window:{keydown:this.handleKeyDown}},this.init()}}export{m as default};