{"version":3,"sources":["block-video-hero.js"],"names":["BlockVideoHero","constructor","container","options","this","Object","assign","plyr","moduleContainer","moduleWrapper","loaderEnabled","loaderContainer","screenWidth","window","innerWidth","videoPaused","document","querySelector","init","setEvents","addEventListener","style","opacity","videoPlayer","pause","Plyr","controls","debug","volume","autoplay","muted","play","on","classList","add","remove"],"mappings":"qBAAqBA,eACjBC,YAAYC,EAAWC,GAQnBC,KAAKD,QAAUE,OAAOC,OAAO,GAPN,CACnBC,KAAM,cACNC,gBAAiB,mBACjBC,cAAe,iBACfC,cAAe,CAAA,EACfC,gBAAiB,oBACrB,EACiDR,CAAO,EAExDC,KAAKQ,YAAcC,OAAOC,WAC1BV,KAAKW,YAAc,CAAA,EAEnBX,KAAKF,UAAYc,SAASC,cAAcf,CAAS,EAC9CE,KAAKF,YACJE,KAAKG,KAAOH,KAAKF,UAAUe,cAAcb,KAAKD,QAAQI,IAAI,EAC1DH,KAAKI,gBAAkBJ,KAAKF,UAAUe,cAAcb,KAAKD,QAAQK,eAAe,EAChFJ,KAAKK,cAAgBL,KAAKF,UAAUe,cAAcb,KAAKD,QAAQM,aAAa,EAC5EL,KAAKO,gBAAkBP,KAAKF,UAAUe,cAAcb,KAAKD,QAAQQ,eAAe,EAEhFP,KAAKc,KAAK,EACVd,KAAKe,UAAU,EAGvB,CAEAA,YACIf,KAAKF,UAAUkB,iBAAiB,QAAS,KACrChB,KAAKW,YAAc,CAACX,KAAKW,YACrBX,KAAKW,cACLX,KAAKG,KAAKc,MAAMC,QAAU,IAC1BlB,KAAKmB,YAAYC,MAAM,EAE/B,CAAC,CACL,CAEAN,OACId,KAAKmB,YAAc,IAAIE,KAAKrB,KAAKG,KAAM,CACnCmB,SAAU,CACN,aACA,OACA,WACA,OACA,aACA,UAEJC,MAAO,CAAA,EACPC,OAAQ,EACRC,SAAU,CAAA,EACVC,MAAO,CAAA,CACX,CAAC,EAED1B,KAAK2B,KAAK,CACd,CAEAA,OAC4B,KAApB3B,KAAKQ,aACLR,KAAKmB,YAAYS,GAAG,QAAS,KACzB5B,KAAKmB,YAAYQ,KAAK,CAC1B,CAAC,EAED3B,KAAKmB,YAAYS,GAAG,UAAW,KAC3B5B,KAAKK,cAAcwB,UAAUC,IAAI,QAAQ,EACzC9B,KAAKO,gBAAgBsB,UAAUE,OAAO,QAAQ,CAClD,CAAC,IAED/B,KAAKK,cAAcwB,UAAUC,IAAI,QAAQ,EACzC9B,KAAKO,gBAAgBsB,UAAUE,OAAO,QAAQ,EAKtD,CACJ","file":"block-video-hero.min.js","sourcesContent":["export default class BlockVideoHero {\r\n    constructor(container, options) {\r\n        const defaultOptions = {\r\n            plyr: '.video-plyr',\r\n            moduleContainer: '.video-container',\r\n            moduleWrapper: '.video-wrapper',\r\n            loaderEnabled: false,\r\n            loaderContainer: '.loading-container'\r\n        };\r\n        this.options = Object.assign({}, defaultOptions, options);\r\n        \r\n        this.screenWidth = window.innerWidth;\r\n        this.videoPaused = true;\r\n\r\n        this.container = document.querySelector(container);\r\n        if(this.container) {\r\n            this.plyr = this.container.querySelector(this.options.plyr);\r\n            this.moduleContainer = this.container.querySelector(this.options.moduleContainer);\r\n            this.moduleWrapper = this.container.querySelector(this.options.moduleWrapper);\r\n            this.loaderContainer = this.container.querySelector(this.options.loaderContainer);\r\n            \r\n            this.init();\r\n            this.setEvents();\r\n        }\r\n        \r\n    }\r\n\r\n    setEvents() {\r\n        this.container.addEventListener('click', () => {\r\n            this.videoPaused = !this.videoPaused;\r\n            if (this.videoPaused) {\r\n                this.plyr.style.opacity = '1';\r\n                this.videoPlayer.pause();\r\n            }\r\n        });\r\n    }\r\n    \r\n    init() {\r\n        this.videoPlayer = new Plyr(this.plyr, {\r\n            controls: [\r\n                'play-large',\r\n                'play',\r\n                'progress',\r\n                'mute',\r\n                'fullscreen',\r\n                'volume'\r\n            ],\r\n            debug: false,\r\n            volume: 0,\r\n            autoplay: false,\r\n            muted: true\r\n        });\r\n        \r\n        this.play();\r\n    }\r\n    \r\n    play() {\r\n        if (this.screenWidth >= 768) {\r\n            this.videoPlayer.on('ready', () => {\r\n                this.videoPlayer.play();\r\n            })\r\n            \r\n            this.videoPlayer.on('playing', () => {\r\n                this.moduleWrapper.classList.add('active');\r\n                this.loaderContainer.classList.remove('active');\r\n            });\r\n        } else {\r\n            this.moduleWrapper.classList.add('active');\r\n            this.loaderContainer.classList.remove('active');\r\n            // setTimeout(() => {\r\n            //     this.moduleWrapper.classList.add('active');\r\n            // }, 1500);\r\n        }\r\n    }\r\n}"]}