{"version":3,"file":"js/component-thronIntegrationComponent.chunk.js","mappings":"6LAGe,MAAMA,UAAsB,IAOvCC,YAAYC,GACRC,QACAC,KAAKC,kBAAoBH,EACzBE,KAAKC,kBAAkBC,aAAa,sBAAuB,QAC3DF,KAAKG,gBACT,CAIIC,UACA,OAAOJ,KAAKC,iBAChB,CACII,eACA,MAAMC,EAAc,CAAC,EACfC,EAAUC,OAAOC,OAAO,CAAC,EAAGT,KAAKI,IAAIM,SAa3C,OAZuBF,OAAOG,KAAKJ,GAASK,QAAQC,GAAUA,EAAMC,SAAS,YAC9DC,SAASF,IACpB,MAAMG,EAAapB,EAAcqB,eAAeJ,GAChD,IAAIK,EAEAA,EADAX,EAAQM,GAAOC,SAAS,MAAQP,EAAQM,GAAOC,SAAS,KAC1CK,KAAKC,MAAMb,EAAQM,GAAOQ,QAAQ,KAAM,MAGxCzB,EAAc0B,YAAYf,EAAQM,IAEpDP,EAAYU,GAAcE,CAAW,KAElC,OAAWZ,EACtB,CACIiB,qBACA,OAAOvB,KAAKwB,UAAU3B,YAAY4B,IACtC,CACAC,mBAAmBC,GACf,IAAIC,EACJ,OAAQD,GACJ,IAAK,QACDC,GAAe,EACf,MACJ,IAAK,OACDA,GAAe,EACf,MACJ,IAAK,OACDA,EAAe,KACf,MACJ,QACIA,EAAeD,EAGvB,OAAOC,CACX,CACAF,sBAAsBG,GAClB,MAAMC,EAAMD,EAAIR,QAAQ,SAAU,IAClC,MAAO,GAAGS,EAAIC,OAAO,GAAGC,sBAAsBF,EAAIG,MAAM,IAC5D,CAUAC,IAAIC,EAAQC,EAAItC,EAAUE,KAAKI,IAAKiC,EAAW,MACtCvC,GAAYqC,GAAWC,IAEvBC,EAQD,OAAQvC,EAASqC,EAAQE,GAAWC,IAC5BA,GACAA,EAAEC,kBACNH,EAAGE,EAAE,IAVT,OAAQxC,EAASqC,GAASG,IAClBA,GACAA,EAAEC,kBACNH,EAAGE,EAAE,IAUjB,CASAE,KAAKL,EAAQC,EAAItC,EAAUE,KAAKI,KAC5B,QAASN,EAASqC,EAAQC,EAC9B,CAQAK,KAAKN,EAAQrC,EAAUE,KAAKI,KACxB,QAASN,EAASqC,EACtB,CAQAO,MAAMP,EAAQrC,EAAUE,KAAKI,KACzB,SAAUN,EAASqC,EACvB,E,mFCxHJ,MAAMQ,EAAc,CAChBC,GAAI,4BACJC,GAAI,yBAEFC,EAAe,CACjBD,GAAI,CACAE,MAAO,CACHC,SAAU,UACVC,OAAQ,UAEZC,MAAO,CACHF,SAAU,UACVC,OAAQ,WAGhBL,GAAI,CACAG,MAAO,CACHE,OAAQ,SACRD,SAAU,eAEdE,MAAO,CACHD,OAAQ,SACRD,SAAU,cACVG,UAAW,UACXC,kBAAmB,UACnBC,iBAAiB,KAId,MAAMC,UAAkC,IACnDzD,YAAYC,EAASyD,GACjBxD,MAAMD,GACNE,KAAKuD,UAAYA,GAAa,QAC9BvD,KAAKwD,aAAc,EAEnBC,OAAOC,iBAAmB,GAC1B,IAAIC,EAASC,SAASC,cAAc,UACpCF,EAAOG,OAAS,KACZ9D,KAAK+D,WAAWjE,EAAQ,EAE5B6D,EAAOK,IAAM,WAAWrB,EAAYc,OAAOQ,SAAW,oDACtDL,SAASM,KAAKC,YAAYR,EAC9B,CACAS,MAAMC,EAAM,KAAMC,EAAM,MACpB,IAAKD,IAAQC,EACT,OAAO,EAEX,IAAIC,EAAY,GACZC,EAAY,GAShB,OARIH,IAEAE,EAAY,eAAeE,WAAWhB,OAAOiB,MAAML,IAAQ,OAAOC,EAAM,QAAU,MAElFA,IAEAE,EAAY,eAAef,OAAOiB,MAAMJ,SAErCb,OAAOkB,WAAW,GAAGJ,IAAYC,KAAaI,OACzD,CACAb,WAAWc,GACP,IAAIC,EAAkB,GACtB,GAAwC,OAApCD,EAASnE,QAAQqE,qBAA+DC,IAApCH,EAASnE,QAAQqE,eAC7D/E,KAAKiF,UAAUH,EAAiB,KAAMD,OAErC,CACD,IAAIK,EAAKL,EAASnE,QAAQyE,SAC1BL,EAAkB,UAClB9E,KAAKoF,WAAWF,EAAIJ,EAAiB,KAAMD,EAC/C,CACJ,CACAI,UAAUH,EAAiBO,EAAQR,GAC/B,IAAIK,EACAlF,KAAKoE,MAAM,KAAM,OACjBc,EAAKL,EAASnE,QAAQyE,SACtBL,EAAkB,YAGlBA,EAAkB,SAEdI,EADoC,SAApCL,EAASnE,QAAQqE,eACZF,EAASnE,QAAQqE,eAGjBF,EAASnE,QAAQyE,UAG9BnF,KAAKoF,WAAWF,EAAIJ,EAAiBO,EAAQR,EACjD,CACAS,WAAWC,EAAmBC,GAC1B,IAAIC,EAC8B,QAAjCA,EAAKzF,KAAKuF,yBAAsC,IAAPE,GAAyBA,EAAGC,iBAAiB,SAAUpD,IAC7FA,EAAEqD,iBACqD,SAAnDJ,EAAkBK,aAAa,iBAC/B5F,KAAKuF,kBAAkBrF,aAAa,eAAgB,SACpDsF,EAAeK,SAGf7F,KAAKuF,kBAAkBrF,aAAa,eAAgB,QACpDsF,EAAeM,QACnB,GAER,CACAV,WAAWF,EAAIJ,EAAiBO,EAAQR,GACpC,IAAIkB,EAAeC,KAAKC,MAAsB,KAAhBD,KAAKE,UACnCrB,EAASK,GAAK,SAAWA,EAAK,IAAMa,EAChClB,EAASnE,QAAQyF,kBACjBtB,EAASuB,UAAUC,IAAI,WACvBxB,EAASyB,cAAcC,MAAMC,SAAW,YAGxC3B,EAAS0B,MAAME,OAAS,UAG5B,IAAIC,EAAiB,CACjBC,WAAYzB,EACZ0B,QAAQ,EACRC,gBAAgB,EAChBC,UAAU,EACVC,MAAM,EACNC,OAAO,EACPC,sBAAsB,EACtBC,oBAAoB,EACpBC,mBAAmB,GAGnBC,EAAetE,EAAaW,OAAOQ,SAAW,MAAMjE,KAAKuD,WACzDhD,EAAUC,OAAOC,OAAOD,OAAOC,OAAOD,OAAOC,OAAO,CAAC,EAAGiG,GAAiBU,GAAepH,KAAKK,UAC7FgF,GACAA,EAAOgC,UAEX,IAAIC,EAAY,IAAIC,KAKhBC,EAJQF,EAAUG,WAIU,MAHlBH,EAAUI,aAG0B,MAFpCJ,EAAUK,aAE4C,MADjDL,EAAUM,kBAC8D,KAa3F,IAXAvC,EAAS5B,OAAOoE,uBAAuB,SAAW3C,EAAK,IAAMa,EAAcxF,IACpEuH,GAAG,SAAUtC,IAChB,IAAIC,EAC8B,QAAjCA,EAAKzF,KAAKuF,yBAAsC,IAAPE,GAAyBA,EAAGvF,aAAa,eAAgB,QACnGF,KAAK+H,iBAAmB/H,KAAK+H,iBAAiB,IAElD/H,KAAKgI,gBACD3C,EAAOyC,GAAG,QAAStC,IACfxF,KAAKgI,eAAehI,KAAKwD,aACzBxD,KAAKwD,cAAgBxD,KAAKwD,aAAc,EAAM,IAElDxD,KAAKiI,oBAAsBjI,KAAKkI,UAAW,CAC3C,MAAMC,EAAsB3C,IACxBxF,KAAKiI,mBAAmBzC,GACxBxF,KAAKkI,WAAa,EACblI,KAAKkI,WACN7C,EAAO+C,IAAI,WAAYD,EAC3B,EAEJ9C,EAAOyC,GAAG,WAAYK,EAC1B,MACSnI,KAAKiI,oBACV5C,EAAOyC,GAAG,WAAY9H,KAAKiI,oBAE3BjI,KAAKqI,gBACLhD,EAAOyC,GAAG,WAAYtC,IACdxF,KAAKqI,gBACLrI,KAAKqI,eAAe7C,EACxB,IAGJxF,KAAKsI,cACLjD,EAAOyC,GAAG,cAAetC,IACrBxF,KAAKsI,aAAa9C,EAAe,IAGzCH,EAAOyC,GAAG,SAAUtC,IAChB,IAAIC,EAAI8C,EAAIC,EAAIC,EAAIC,EAAIC,EAAIC,EAE5B,IAAIC,EAAU,IAAItB,KAKduB,EAJQD,EAAQpB,WAIU,MAHhBoB,EAAQnB,aAG0B,MAFlCmB,EAAQlB,aAE4C,MAD/CkB,EAAQjB,kBAC8D,KACrFmB,EAAWF,EAAQG,UAAY1B,EAAU0B,UAE7CvF,OAAOC,iBAAiBuF,KAAK,CAAEnJ,QAAS+E,EAAUqE,UAAW1B,EAAmB2B,QAASL,EAAiBM,cAAeL,EAAW,OACpI,MAAMM,EAAexE,EAASyE,QAAQ,6CAClCD,IACArJ,KAAKuF,kBAAoB8D,EAAaE,cAAc,gBAChDF,EAAaG,SAASH,EAAaE,cAAc,wBACjDvJ,KAAKuF,kBAAoBV,EAASyE,QAAQ,iBAAiBC,cAAc,iBAE7EvJ,KAAKsF,WAAWtF,KAAKuF,kBAAmBC,IAE5C,MAAMiE,EAAe5E,EAASyE,QAAQ,oBAClCG,IACAzJ,KAAKuF,kBAAoBkE,EAAaF,cAAc,gBAChDE,EAAaD,SAASC,EAAaF,cAAc,wBACjDvJ,KAAKuF,kBAAoBV,EAASyE,QAAQ,iBAAiBC,cAAc,iBAE7EvJ,KAAKsF,WAAWtF,KAAKuF,kBAAmBC,IAE5C,MAAMkE,EAAO7E,EAASyE,QAAQ,sBAC9B,GAAII,EAAM,CACN1J,KAAKuF,kBAAoBmE,EAAKH,cAAc,gBAC5CvJ,KAAKsF,WAAWtF,KAAKuF,kBAAmBC,GACxC,MAAMmE,EAAmBD,EAAKH,cAAc,eAC5CI,SAAoEA,EAAiBjE,iBAAiB,SAAS,KACrD,SAAlDiE,EAAiB/D,aAAa,iBAC9B+D,EAAiBzJ,aAAa,eAAgB,SAC9CsF,EAAeoE,OAAO,KAGtBD,EAAiBzJ,aAAa,eAAgB,QAC9CsF,EAAeoE,OAAO,GAC1B,GAER,CACA,MAAMC,EAAehF,EAASyE,QAAQ,gCACtC,GAAIO,EAAc,CACd,IAAIC,EAA0D,QAA5CrE,EAAKZ,EAASyE,QAAQ,wBAAqC,IAAP7D,OAAgB,EAASA,EAAGG,aAAa,cAC/G,GAAIkE,EAAY,CAEZ9J,KAAKuF,kBAAuQ,QAAlPiD,EAAyI,QAAnID,EAAKsB,aAAmD,EAASA,EAAaN,cAAc,yCAAsD,IAAPhB,OAAgB,EAASA,EAAGgB,cAAc,6BAA+BO,EAAa,aAA0B,IAAPtB,OAAgB,EAASA,EAAGe,cAAc,gBAC5R,QAAjCd,EAAKzI,KAAKuF,yBAAsC,IAAPkD,GAAyBA,EAAG/C,iBAAiB,SAAUpD,IACjC,SAAxDtC,KAAKuF,kBAAkBK,aAAa,iBACpC5F,KAAKuF,kBAAkBrF,aAAa,eAAgB,SACpDsF,EAAeK,SAGf7F,KAAKuF,kBAAkBrF,aAAa,eAAgB,QACpDsF,EAAeM,QACnB,IAGJ,MAAM6D,EAAsQ,QAAlPhB,EAAyI,QAAnID,EAAKmB,aAAmD,EAASA,EAAaN,cAAc,yCAAsD,IAAPb,OAAgB,EAASA,EAAGa,cAAc,6BAA+BO,EAAa,aAA0B,IAAPnB,OAAgB,EAASA,EAAGY,cAAc,gBAC9TI,SAAoEA,EAAiBjE,iBAAiB,SAAUpD,IACtD,SAAlDqH,EAAiB/D,aAAa,iBAC9B+D,EAAiBzJ,aAAa,eAAgB,SAC9CsF,EAAeoE,OAAO,KAGtBD,EAAiBzJ,aAAa,eAAgB,QAC9CsF,EAAeoE,OAAO,GAC1B,GAER,CACJ,CACA,MAAMG,EAAwBlF,EAASyE,QAAQ,4BAC/C,GAAIS,EAAuB,CACvB/J,KAAKuF,kBAAoBwE,EAAsBR,cAAc,gBACzDvJ,KAAKuF,oBACLvF,KAAKuF,kBAAkB7E,QAAQoF,MAAQ,GAAGkE,SAAShK,KAAKuF,kBAAkB7E,QAAQoF,OAAS,IAC3F9F,KAAKuF,kBAAkB7E,QAAQuJ,YAAc,GAAGD,SAAShK,KAAKuF,kBAAkB7E,QAAQuJ,aAAe,IACrE,QAAjCrB,EAAK5I,KAAKuF,yBAAsC,IAAPqD,GAAyBA,EAAGlD,iBAAiB,SAAUpD,IAC7FA,EAAEqD,iBAC0D,SAAxD3F,KAAKuF,kBAAkBK,aAAa,iBACpC5F,KAAKuF,kBAAkB7E,QAAQoF,MAAQ,GAAGkE,SAAShK,KAAKuF,kBAAkB7E,QAAQoF,OAAS,IAC3FN,EAAeK,OACX7F,KAAKuF,kBAAkB7E,QAAQoF,QAAU,GAAG9F,KAAKuF,kBAAkB7E,QAAQuJ,eAC3EjK,KAAKuF,kBAAkBrF,aAAa,eAAgB,WAIxDF,KAAKuF,kBAAkB7E,QAAQoF,MAAQ,IAAGkE,SAAShK,KAAKuF,kBAAkB7E,QAAQoF,OAAS,GAC3FN,EAAeM,QAC8B,MAAzC9F,KAAKuF,kBAAkB7E,QAAQoF,OAC/B9F,KAAKuF,kBAAkBrF,aAAa,eAAgB,QAE5D,KAGR,MAAMyJ,EAAmBI,EAAsBR,cAAc,eACzDI,IACAA,EAAiBjJ,QAAQwJ,KAAO,GAAGF,SAASL,EAAiBjJ,QAAQwJ,MAAQ,IAC7EP,EAAiBjJ,QAAQuJ,YAAc,GAAGD,SAASL,EAAiBjJ,QAAQuJ,aAAe,IAC3FN,EAAiBjE,iBAAiB,SAAS,KACvCF,EAAeoE,OAAO,GACgC,SAAlDD,EAAiB/D,aAAa,iBAC9B+D,EAAiBjJ,QAAQwJ,KAAO,GAAGF,SAASL,EAAiBjJ,QAAQwJ,MAAQ,IACzEP,EAAiBjJ,QAAQwJ,OAAS,GAAGP,EAAiBjJ,QAAQuJ,eAC9DN,EAAiBzJ,aAAa,eAAgB,WAIlDsF,EAAeoE,OAAO,GACtBD,EAAiBjJ,QAAQwJ,KAAO,IAAGF,SAASL,EAAiBjJ,QAAQwJ,MAAQ,GACvC,MAAlCP,EAAiBjJ,QAAQwJ,MACzBP,EAAiBzJ,aAAa,eAAgB,QAEtD,IAGZ,CACA,MAAMiK,EAAwBtF,EAASyE,QAAQ,4BAC/C,GAAIa,EAAuB,CACvB,MAAMC,EAAmBD,EAAsBZ,cAAc,eACvDI,EAAmBQ,EAAsBZ,cAAc,eAEzDhJ,EAAQuG,WACRqD,EAAsB/D,UAAUC,IAAI,gBACpC8D,EAAsB/D,UAAUC,IAAI,kBAEnC9F,EAAQyG,OACT2C,EAAiBzJ,aAAa,eAAgB,QAElD,IAAImK,EAAuB,IACvBC,EAAY,EAChBH,SAA8EA,EAAsBzE,iBAAiB,SAAUpD,IAC9GA,EAAEiI,OACJnE,UAAUoD,SAAS,iBAG1BW,EAAsB/D,UAAUoD,SAAS,iBACzCY,EAAiBlK,aAAa,eAAgB,QAC9CiK,EAAsB/D,UAAUoE,OAAO,gBACvChF,EAAeM,UAGfsE,EAAiBlK,aAAa,eAAgB,SAC9CiK,EAAsB/D,UAAUC,IAAI,gBACpCb,EAAeK,QACnB,IAEJ8D,SAAoEA,EAAiBjE,iBAAiB,SAAS,KACrD,SAAlDiE,EAAiB/D,aAAa,iBAC9B+D,EAAiBzJ,aAAa,eAAgB,SAC9CsF,EAAeoE,OAAO,KAGtBD,EAAiBzJ,aAAa,eAAgB,QAC9CsF,EAAeoE,OAAO,GAC1B,IAEJO,EAAsBzE,iBAAiB,aAAcpD,IACjDmB,OAAOgH,aAAaH,GAChBH,EAAsB/D,UAAUoD,SAAS,kBACzCW,EAAsB/D,UAAUC,IAAI,iBACpCiE,EAAY7G,OAAOiH,YAAW,KAC1BP,EAAsB/D,UAAUoE,OAAO,gBAAgB,GACxDH,GACP,GAER,CACA,MAAMM,EAAsB9F,EAASyE,QAAQ,0BACzCqB,IACA3K,KAAKuF,kBAAoBoF,EAAoBpB,cAAc,gBAC3DvJ,KAAKsF,WAAWtF,KAAKuF,kBAAmBC,IAE5C,MAAMoF,EAAiB/F,EAASyE,QAAQ,oBACxC,GAAIsB,EAAgB,CACXrK,EAAQyG,OAETxB,EAAeoE,OAAO,GAE1B5J,KAAKuF,kBAAoBqF,EAAerB,cAAc,gBACtDvJ,KAAKsF,WAAWtF,KAAKuF,kBAAmBC,GACxC,MAAMmE,EAAmBiB,EAAerB,cAAc,eACtDI,SAAoEA,EAAiBjE,iBAAiB,SAAS,KACrD,SAAlDiE,EAAiB/D,aAAa,iBAC9B+D,EAAiBzJ,aAAa,eAAgB,SAC9CsF,EAAeoE,OAAO,KAGtBD,EAAiBzJ,aAAa,eAAgB,QAC9CsF,EAAeoE,OAAO,GAC1B,GAER,CACI5J,KAAK6K,gBACL7K,KAAK6K,eAAerF,EACxB,GAQR,E","sources":["webpack:///./assets/common/src/scripts/base/baseComponent.ts","webpack:///./assets/common/src/scripts/components/thronIntegrationComponent.ts"],"sourcesContent":["import Bean from 'bean';\nimport deepFreeze from '../utilities/freeze';\nimport CommonInterface from './commonInterface';\nexport default class BaseComponent extends CommonInterface {\n    /**\n     *\n     * constructor\n     *\n     * @param {Element} element\n     */\n    constructor(element) {\n        super();\n        this._componentElement = element;\n        this._componentElement.setAttribute('data-component-init', 'true');\n        this._checkMessages();\n    }\n    /**\n     * @returns {HTMLElement}\n     */\n    get $el() {\n        return this._componentElement;\n    }\n    get $options() {\n        const compOptions = {};\n        const options = Object.assign({}, this.$el.dataset);\n        const optionsEntires = Object.keys(options).filter((entry) => entry.includes('option'));\n        optionsEntires.forEach((entry) => {\n            const cleanEntry = BaseComponent.cleanOptionKey(entry);\n            let optionValue;\n            if (options[entry].includes('{') && options[entry].includes('}')) {\n                optionValue = JSON.parse(options[entry].replace(/'/g, '\"'));\n            }\n            else {\n                optionValue = BaseComponent.convertType(options[entry]);\n            }\n            compOptions[cleanEntry] = optionValue;\n        });\n        return deepFreeze(compOptions);\n    }\n    get COMPONENT_NAME() {\n        return this.__proto__.constructor.name;\n    }\n    static convertType(option) {\n        let optionReturn;\n        switch (option) {\n            case 'false':\n                optionReturn = false;\n                break;\n            case 'true':\n                optionReturn = true;\n                break;\n            case 'null':\n                optionReturn = null;\n                break;\n            default:\n                optionReturn = option;\n                break;\n        }\n        return optionReturn;\n    }\n    static cleanOptionKey(key) {\n        const str = key.replace('option', '');\n        return `${str.charAt(0).toLocaleLowerCase()}${str.slice(1)}`;\n    }\n    /**\n     *\n     * $on\n     *\n     * @param {String} events\n     * @param {Function} cb\n     * @param {Element} [element = this.$el]\n     * @param {Array|String|Element} [elements = null]\n     */\n    $on(events, cb, element = this.$el, elements = null) {\n        if (!element || !events || !cb)\n            return;\n        if (!elements) {\n            Bean.on(element, events, (e) => {\n                if (e)\n                    e.stopPropagation();\n                cb(e);\n            });\n        }\n        else {\n            Bean.on(element, events, elements, (e) => {\n                if (e)\n                    e.stopPropagation();\n                cb(e);\n            });\n        }\n    }\n    /**\n     *\n     * $one\n     *\n     * @param {String} events\n     * @param {Function} cb\n     * @param {Element} [element = this.$el]\n     */\n    $one(events, cb, element = this.$el) {\n        Bean.one(element, events, cb);\n    }\n    /**\n     *\n     * $off\n     *\n     * @param {String} events\n     * @param {Element} [element = this.$el]\n     */\n    $off(events, element = this.$el) {\n        Bean.off(element, events);\n    }\n    /**\n     *\n     * $fire\n     *\n     * @param {String} events\n     * @param {Element} [element = this.$el]\n     */\n    $fire(events, element = this.$el) {\n        Bean.fire(element, events);\n    }\n}\n","import BaseComponent from '../base/baseComponent';\nconst THRON_DNAME = {\n    ST: 'stoneisland-cdn.thron.com',\n    MO: 'moncler-cdn.thron.com',\n};\nconst BRANDCONFIGS = {\n    MO: {\n        video: {\n            clientId: 'moncler',\n            sessId: 'ymo4nq',\n        },\n        audio: {\n            clientId: 'moncler',\n            sessId: 'ymo4nq',\n        },\n    },\n    ST: {\n        video: {\n            sessId: 'ujzayc',\n            clientId: 'stoneisland',\n        },\n        audio: {\n            sessId: 'vxnhgf',\n            clientId: 'stoneisland',\n            waveColor: '#999999',\n            waveProgressColor: '#000000',\n            audioResponsive: false,\n        },\n    },\n};\nexport default class ThronIntegrationComponent extends BaseComponent {\n    constructor(element, mediatype) {\n        super(element);\n        this.mediatype = mediatype || 'video';\n        this.isFirstPlay = true;\n        //@ts-ignore\n        window.thronInitTracker = [];\n        let script = document.createElement('script');\n        script.onload = () => {\n            this.initPlayer(element);\n        };\n        script.src = `https://${THRON_DNAME[window.brandId || 'MO']}/shared/ce/bootstrap/1/scripts/embeds-min.js`;\n        document.head.appendChild(script);\n    }\n    match(max = null, min = null) {\n        if (!max && !min) {\n            return false;\n        }\n        let maxString = '';\n        let minString = '';\n        if (max) {\n            //@ts-ignore\n            maxString = `(max-width: ${parseFloat(window.mqObj[max]) - 1}px)${min ? ' and ' : ''}`;\n        }\n        if (min) {\n            //@ts-ignore\n            minString = `(min-width: ${window.mqObj[min]}px)`;\n        }\n        return window.matchMedia(`${maxString}${minString}`).matches;\n    }\n    initPlayer(playerEl) {\n        let actualDisplayed = '';\n        if (playerEl.dataset.optionMobileId !== null && playerEl.dataset.optionMobileId !== undefined) {\n            this.sizeCheck(actualDisplayed, null, playerEl);\n        }\n        else {\n            let id = playerEl.dataset.optionId;\n            actualDisplayed = 'desktop';\n            this.bindPlayer(id, actualDisplayed, null, playerEl);\n        }\n    }\n    sizeCheck(actualDisplayed, player, playerEl) {\n        let id;\n        if (this.match(null, 'md')) {\n            id = playerEl.dataset.optionId;\n            actualDisplayed = 'desktop';\n        }\n        else {\n            actualDisplayed = 'mobile';\n            if (playerEl.dataset.optionMobileId !== 'null') {\n                id = playerEl.dataset.optionMobileId;\n            }\n            else {\n                id = playerEl.dataset.optionId;\n            }\n        }\n        this.bindPlayer(id, actualDisplayed, player, playerEl);\n    }\n    pauseVideo(pauseVideoElement, playerInstance) {\n        var _a;\n        (_a = this.pauseVideoElement) === null || _a === void 0 ? void 0 : _a.addEventListener('click', (e) => {\n            e.preventDefault();\n            if (pauseVideoElement.getAttribute('aria-pressed') === 'true') {\n                this.pauseVideoElement.setAttribute('aria-pressed', 'false');\n                playerInstance.play();\n            }\n            else {\n                this.pauseVideoElement.setAttribute('aria-pressed', 'true');\n                playerInstance.pause();\n            }\n        });\n    }\n    bindPlayer(id, actualDisplayed, player, playerEl) {\n        let randomNumber = Math.floor(Math.random() * 10000000000000000);\n        playerEl.id = 'thron_' + id + '_' + randomNumber;\n        if (playerEl.dataset.optionBackground) {\n            playerEl.classList.add('bg-mode');\n            playerEl.parentElement.style.position = 'relative';\n        }\n        else {\n            playerEl.style.height = 'inherit';\n        }\n        //DEFAULT CONFIGS\n        let defaultOptions = {\n            xcontentId: id,\n            noSkin: true,\n            mouseWheelZoom: false,\n            autoplay: true,\n            loop: true,\n            muted: true,\n            disableUserProfiling: true,\n            ignoreUserBehavior: true,\n            pauseOtherPlayers: false,\n        };\n        //BRAND OVERRIDE CONFIGS\n        let brandOptions = BRANDCONFIGS[window.brandId || 'MO'][this.mediatype];\n        let options = Object.assign(Object.assign(Object.assign({}, defaultOptions), brandOptions), this.$options);\n        if (player) {\n            player.destroy();\n        }\n        let dateStart = new Date();\n        let hours = dateStart.getHours();\n        let minutes = dateStart.getMinutes();\n        let seconds = dateStart.getSeconds();\n        let milliseconds = dateStart.getMilliseconds();\n        let completeTimeStart = hours + 'h :' + minutes + 'm :' + seconds + 's :' + milliseconds + 'ms';\n        //@ts-ignore\n        player = window.THRONContentExperience('thron_' + id + '_' + randomNumber, options);\n        player.on('pause', (playerInstance) => {\n            var _a;\n            (_a = this.pauseVideoElement) === null || _a === void 0 ? void 0 : _a.setAttribute('aria-pressed', 'true');\n            this.onPauseCallback && this.onPauseCallback();\n        });\n        this.onPlayCallback &&\n            player.on('play', (playerInstance) => {\n                this.onPlayCallback(this.isFirstPlay);\n                this.isFirstPlay && (this.isFirstPlay = false);\n            });\n        if (this.onCompleteCallback && this.loopTimes) {\n            const onCompleteFunction = (playerInstance) => {\n                this.onCompleteCallback(playerInstance);\n                this.loopTimes -= 1;\n                if (!this.loopTimes) {\n                    player.off('complete', onCompleteFunction);\n                }\n            };\n            player.on('complete', onCompleteFunction);\n        }\n        else if (this.onCompleteCallback) {\n            player.on('complete', this.onCompleteCallback);\n        }\n        if (this.onInitCallback) {\n            player.on('canPlay', (playerInstance) => {\n                if (this.onInitCallback) {\n                    this.onInitCallback(playerInstance);\n                }\n            });\n        }\n        if (this.onTimeUpdate) {\n            player.on('timeupdate', (playerInstance) => {\n                this.onTimeUpdate(playerInstance);\n            });\n        }\n        player.on('ready', (playerInstance) => {\n            var _a, _b, _c, _d, _e, _f, _g;\n            // console.info('thronplayer ready: ', playerInstance);\n            let dateEnd = new Date();\n            let hours = dateEnd.getHours();\n            let minutes = dateEnd.getMinutes();\n            let seconds = dateEnd.getSeconds();\n            let milliseconds = dateEnd.getMilliseconds();\n            let completeTimeEnd = hours + 'h :' + minutes + 'm :' + seconds + 's :' + milliseconds + 'ms';\n            let timeDiff = dateEnd.getTime() - dateStart.getTime();\n            //@ts-ignore\n            window.thronInitTracker.push({ element: playerEl, timeBegin: completeTimeStart, timeEnd: completeTimeEnd, executionTime: timeDiff + 'ms' });\n            const productVideo = playerEl.closest('.product-image--animate, .product-gallery');\n            if (productVideo) {\n                this.pauseVideoElement = productVideo.querySelector('[data-pause]');\n                if (productVideo.contains(productVideo.querySelector('.swiper-container'))) {\n                    this.pauseVideoElement = playerEl.closest('.swiper-slide').querySelector('[data-pause]');\n                }\n                this.pauseVideo(this.pauseVideoElement, playerInstance);\n            }\n            const galleryVideo = playerEl.closest('.gallery-wrapper');\n            if (galleryVideo) {\n                this.pauseVideoElement = galleryVideo.querySelector('[data-pause]');\n                if (galleryVideo.contains(galleryVideo.querySelector('.swiper-container'))) {\n                    this.pauseVideoElement = playerEl.closest('.swiper-slide').querySelector('[data-pause]');\n                }\n                this.pauseVideo(this.pauseVideoElement, playerInstance);\n            }\n            const hero = playerEl.closest('.hero__hero-column');\n            if (hero) {\n                this.pauseVideoElement = hero.querySelector('[data-pause]');\n                this.pauseVideo(this.pauseVideoElement, playerInstance);\n                const muteVideoElement = hero.querySelector('[data-mute]');\n                muteVideoElement === null || muteVideoElement === void 0 ? void 0 : muteVideoElement.addEventListener('click', () => {\n                    if (muteVideoElement.getAttribute('aria-pressed') === 'true') {\n                        muteVideoElement.setAttribute('aria-pressed', 'false');\n                        playerInstance.volume(0);\n                    }\n                    else {\n                        muteVideoElement.setAttribute('aria-pressed', 'true');\n                        playerInstance.volume(1);\n                    }\n                });\n            }\n            const heroCarousel = playerEl.closest('.hero-carousel__main-wrapper');\n            if (heroCarousel) {\n                let slideIndex = (_a = playerEl.closest('.swiper-slide')) === null || _a === void 0 ? void 0 : _a.getAttribute('data-index');\n                if (slideIndex) {\n                    // pause button\n                    this.pauseVideoElement = (_c = (_b = heroCarousel === null || heroCarousel === void 0 ? void 0 : heroCarousel.querySelector('.hero-carousel__slider-content')) === null || _b === void 0 ? void 0 : _b.querySelector('.swiper-slide[data-index=\"' + slideIndex + '\"]')) === null || _c === void 0 ? void 0 : _c.querySelector('.video-pause');\n                    (_d = this.pauseVideoElement) === null || _d === void 0 ? void 0 : _d.addEventListener('click', (e) => {\n                        if (this.pauseVideoElement.getAttribute('aria-pressed') === 'true') {\n                            this.pauseVideoElement.setAttribute('aria-pressed', 'false');\n                            playerInstance.play();\n                        }\n                        else {\n                            this.pauseVideoElement.setAttribute('aria-pressed', 'true');\n                            playerInstance.pause();\n                        }\n                    });\n                    // mute button [OE-16480]\n                    const muteVideoElement = (_f = (_e = heroCarousel === null || heroCarousel === void 0 ? void 0 : heroCarousel.querySelector('.hero-carousel__slider-content')) === null || _e === void 0 ? void 0 : _e.querySelector('.swiper-slide[data-index=\"' + slideIndex + '\"]')) === null || _f === void 0 ? void 0 : _f.querySelector('.btn--volume');\n                    muteVideoElement === null || muteVideoElement === void 0 ? void 0 : muteVideoElement.addEventListener('click', (e) => {\n                        if (muteVideoElement.getAttribute('aria-pressed') === 'true') {\n                            muteVideoElement.setAttribute('aria-pressed', 'false');\n                            playerInstance.volume(0);\n                        }\n                        else {\n                            muteVideoElement.setAttribute('aria-pressed', 'true');\n                            playerInstance.volume(1);\n                        }\n                    });\n                }\n            }\n            const threeColumnMultimedia = playerEl.closest('.three-column-multimedia');\n            if (threeColumnMultimedia) {\n                this.pauseVideoElement = threeColumnMultimedia.querySelector('[data-pause]');\n                if (this.pauseVideoElement) {\n                    this.pauseVideoElement.dataset.pause = `${parseInt(this.pauseVideoElement.dataset.pause) + 1}`;\n                    this.pauseVideoElement.dataset.totalVideos = `${parseInt(this.pauseVideoElement.dataset.totalVideos) + 1}`;\n                    (_g = this.pauseVideoElement) === null || _g === void 0 ? void 0 : _g.addEventListener('click', (e) => {\n                        e.preventDefault();\n                        if (this.pauseVideoElement.getAttribute('aria-pressed') === 'true') {\n                            this.pauseVideoElement.dataset.pause = `${parseInt(this.pauseVideoElement.dataset.pause) + 1}`;\n                            playerInstance.play();\n                            if (this.pauseVideoElement.dataset.pause === `${this.pauseVideoElement.dataset.totalVideos}`) {\n                                this.pauseVideoElement.setAttribute('aria-pressed', 'false');\n                            }\n                        }\n                        else {\n                            this.pauseVideoElement.dataset.pause = `${parseInt(this.pauseVideoElement.dataset.pause) - 1}`;\n                            playerInstance.pause();\n                            if (this.pauseVideoElement.dataset.pause === '0') {\n                                this.pauseVideoElement.setAttribute('aria-pressed', 'true');\n                            }\n                        }\n                    });\n                }\n                const muteVideoElement = threeColumnMultimedia.querySelector('[data-mute]');\n                if (muteVideoElement) {\n                    muteVideoElement.dataset.mute = `${parseInt(muteVideoElement.dataset.mute) + 1}`;\n                    muteVideoElement.dataset.totalVideos = `${parseInt(muteVideoElement.dataset.totalVideos) + 1}`;\n                    muteVideoElement.addEventListener('click', () => {\n                        playerInstance.volume(0);\n                        if (muteVideoElement.getAttribute('aria-pressed') === 'true') {\n                            muteVideoElement.dataset.mute = `${parseInt(muteVideoElement.dataset.mute) + 1}`;\n                            if (muteVideoElement.dataset.mute === `${muteVideoElement.dataset.totalVideos}`) {\n                                muteVideoElement.setAttribute('aria-pressed', 'false');\n                            }\n                        }\n                        else {\n                            playerInstance.volume(1);\n                            muteVideoElement.dataset.mute = `${parseInt(muteVideoElement.dataset.mute) - 1}`;\n                            if (muteVideoElement.dataset.mute === '0') {\n                                muteVideoElement.setAttribute('aria-pressed', 'true');\n                            }\n                        }\n                    });\n                }\n            }\n            const technicalVideoWrapper = playerEl.closest('.technical-video-wrapper');\n            if (technicalVideoWrapper) {\n                const playVideoElement = technicalVideoWrapper.querySelector('[data-play]');\n                const muteVideoElement = technicalVideoWrapper.querySelector('[data-mute]');\n                // set initial state of the buttons\n                if (options.autoplay) {\n                    technicalVideoWrapper.classList.add('video-played');\n                    technicalVideoWrapper.classList.add('show-controls');\n                }\n                if (!options.muted) {\n                    muteVideoElement.setAttribute('aria-pressed', 'true');\n                }\n                let timeoutInMiliseconds = 3000;\n                let timeoutId = 0;\n                technicalVideoWrapper === null || technicalVideoWrapper === void 0 ? void 0 : technicalVideoWrapper.addEventListener('click', (e) => {\n                    let target = e.target;\n                    if (target.classList.contains('btn--volume'))\n                        return;\n                    // metto in pausa\n                    if (technicalVideoWrapper.classList.contains('video-played')) {\n                        playVideoElement.setAttribute('aria-pressed', 'true');\n                        technicalVideoWrapper.classList.remove('video-played');\n                        playerInstance.pause();\n                    }\n                    else {\n                        playVideoElement.setAttribute('aria-pressed', 'false');\n                        technicalVideoWrapper.classList.add('video-played');\n                        playerInstance.play();\n                    }\n                });\n                muteVideoElement === null || muteVideoElement === void 0 ? void 0 : muteVideoElement.addEventListener('click', () => {\n                    if (muteVideoElement.getAttribute('aria-pressed') === 'true') {\n                        muteVideoElement.setAttribute('aria-pressed', 'false');\n                        playerInstance.volume(0);\n                    }\n                    else {\n                        muteVideoElement.setAttribute('aria-pressed', 'true');\n                        playerInstance.volume(1);\n                    }\n                });\n                technicalVideoWrapper.addEventListener('mousemove', (e) => {\n                    window.clearTimeout(timeoutId);\n                    if (technicalVideoWrapper.classList.contains('video-played')) {\n                        technicalVideoWrapper.classList.add('show-controls');\n                        timeoutId = window.setTimeout(() => {\n                            technicalVideoWrapper.classList.remove('show-controls');\n                        }, timeoutInMiliseconds);\n                    }\n                });\n            }\n            const productVideoGeneric = playerEl.closest('.wrapper-product-video');\n            if (productVideoGeneric) {\n                this.pauseVideoElement = productVideoGeneric.querySelector('[data-pause]');\n                this.pauseVideo(this.pauseVideoElement, playerInstance);\n            }\n            const videoContainer = playerEl.closest('.video-container');\n            if (videoContainer) {\n                if (!options.muted) {\n                    // penso non sia corretto fare partire il video con l'audio\n                    playerInstance.volume(1);\n                }\n                this.pauseVideoElement = videoContainer.querySelector('[data-pause]');\n                this.pauseVideo(this.pauseVideoElement, playerInstance);\n                const muteVideoElement = videoContainer.querySelector('[data-mute]');\n                muteVideoElement === null || muteVideoElement === void 0 ? void 0 : muteVideoElement.addEventListener('click', () => {\n                    if (muteVideoElement.getAttribute('aria-pressed') === 'true') {\n                        muteVideoElement.setAttribute('aria-pressed', 'false');\n                        playerInstance.volume(0);\n                    }\n                    else {\n                        muteVideoElement.setAttribute('aria-pressed', 'true');\n                        playerInstance.volume(1);\n                    }\n                });\n            }\n            if (this.onContentReady) {\n                this.onContentReady(playerInstance);\n            }\n            // workaround in case autoplay dont work (mobile)\n            // if (playerEl.dataset.optionAutoplay) {\n            //   setTimeout(() => {\n            //     playerInstance.play();\n            //   }, 500);\n            // }\n        });\n    }\n}\n"],"names":["BaseComponent","constructor","element","super","this","_componentElement","setAttribute","_checkMessages","$el","$options","compOptions","options","Object","assign","dataset","keys","filter","entry","includes","forEach","cleanEntry","cleanOptionKey","optionValue","JSON","parse","replace","convertType","COMPONENT_NAME","__proto__","name","static","option","optionReturn","key","str","charAt","toLocaleLowerCase","slice","$on","events","cb","elements","e","stopPropagation","$one","$off","$fire","THRON_DNAME","ST","MO","BRANDCONFIGS","video","clientId","sessId","audio","waveColor","waveProgressColor","audioResponsive","ThronIntegrationComponent","mediatype","isFirstPlay","window","thronInitTracker","script","document","createElement","onload","initPlayer","src","brandId","head","appendChild","match","max","min","maxString","minString","parseFloat","mqObj","matchMedia","matches","playerEl","actualDisplayed","optionMobileId","undefined","sizeCheck","id","optionId","bindPlayer","player","pauseVideo","pauseVideoElement","playerInstance","_a","addEventListener","preventDefault","getAttribute","play","pause","randomNumber","Math","floor","random","optionBackground","classList","add","parentElement","style","position","height","defaultOptions","xcontentId","noSkin","mouseWheelZoom","autoplay","loop","muted","disableUserProfiling","ignoreUserBehavior","pauseOtherPlayers","brandOptions","destroy","dateStart","Date","completeTimeStart","getHours","getMinutes","getSeconds","getMilliseconds","THRONContentExperience","on","onPauseCallback","onPlayCallback","onCompleteCallback","loopTimes","onCompleteFunction","off","onInitCallback","onTimeUpdate","_b","_c","_d","_e","_f","_g","dateEnd","completeTimeEnd","timeDiff","getTime","push","timeBegin","timeEnd","executionTime","productVideo","closest","querySelector","contains","galleryVideo","hero","muteVideoElement","volume","heroCarousel","slideIndex","threeColumnMultimedia","parseInt","totalVideos","mute","technicalVideoWrapper","playVideoElement","timeoutInMiliseconds","timeoutId","target","remove","clearTimeout","setTimeout","productVideoGeneric","videoContainer","onContentReady"],"sourceRoot":""}