\", \"\");\n const u = new En(this.player, l);\n Object.entries(u.captions).forEach(([f, h]) => {\n e.push(h);\n }), s();\n } else\n a();\n } else\n a();\n }));\n }), await Promise.allSettled(t), e;\n }\n}\nclass gt extends he {\n constructor(e, t, n) {\n super(e, t, n), this.__uiPlugin = !0;\n }\n async getDictionaries() {\n return null;\n }\n}\nlet mt = \"en\", si = \"\";\nconst ae = {};\nfunction Je(i) {\n const e = ae[mt] || {}, t = ae[si] || {};\n return e[i] || t[i] || i;\n}\nfunction Xe(i) {\n mt = i;\n}\nfunction et() {\n return mt;\n}\nfunction tt(i, e) {\n ae[i] = ae[i] || {};\n for (const t in e) {\n const n = e[t];\n ae[i][t] = n;\n }\n}\nfunction it() {\n return ae;\n}\nfunction nt(i) {\n return i.config.defaultLanguage || navigator.language;\n}\nlet ai = Je, ri = Xe, oi = et, li = tt, ci = it, ui = nt;\nfunction Ce(i, e = null) {\n const t = ai(i);\n if (Array.isArray(e)) {\n let n = t;\n return e.forEach((s, a) => {\n const r = `$${a + 1}`;\n n = n.replace(r, s);\n }), n;\n } else\n return t;\n}\nfunction Et(i) {\n ri(i);\n}\nfunction Sn() {\n return oi();\n}\nfunction _e(i, e) {\n li(i, e);\n}\nfunction In() {\n return ci();\n}\nfunction di(i) {\n return ui(i);\n}\nfunction Tt(i) {\n ai = i;\n}\nfunction St(i) {\n ri = i;\n}\nfunction It(i) {\n oi = i;\n}\nfunction kt(i) {\n li = i;\n}\nfunction Dt(i) {\n ci = i;\n}\nfunction xt(i) {\n ui = i;\n}\nfunction kn(i) {\n si = di(i);\n}\nasync function Ve(i, e) {\n var u, f;\n const t = b(\"\", e);\n t.plugin = i;\n const n = Ce(i.ariaLabel), s = Ce(i.description), a = i.dynamicWidth ? \"dynamic-width\" : \"fixed-width\", r = i.id ? `id=\"${i.id}\" ` : \"\", o = i.buttonName ? `name=\"${i.buttonName}\" ` : \"\", l = i.tabIndex ? ` tabindex=\"${i.tabIndex}\" ` : \"\";\n if (i.interactive) {\n const h = b(`\n\t\t\t\n\t\t`, t);\n i.className !== \"\" && h.classList.add(i.className), i._button = h, i._container = t, h._pluginData = i, t._pluginData = i, h.addEventListener(\"click\", (c) => {\n const p = h._pluginData;\n E(p.player, m.BUTTON_PRESS, {\n plugin: p\n }), p.action(c, null), c.stopPropagation(), c.pageX !== 0 && c.pageY !== 0 && document.activeElement.blur();\n });\n let g = null;\n const L = () => {\n g && (clearTimeout(g), g = null);\n }, y = () => {\n L(), g = setTimeout(() => {\n i.leftSideContainerPresent && i.leftSideContainer.classList.add(\"hidden\"), i.rightSideContainerPresent && i.rightSideContainer.classList.add(\"hidden\"), g = null;\n }, 300);\n }, v = () => {\n L(), i.leftSideContainerPresent && i.leftSideContainer.classList.remove(\"hidden\"), i.rightSideContainerPresent && i.rightSideContainer.classList.remove(\"hidden\");\n };\n h.addEventListener(\"focus\", v), h.addEventListener(\"mouseover\", v), h.addEventListener(\"mouseout\", y), h.addEventListener(\"blur\", y), (((u = i.player.config.accessibility) == null ? void 0 : u.clickWithSpacebar) !== void 0 ? (f = i.player.config.accessibility) == null ? void 0 : f.clickWithSpacebar : !0) || (h.addEventListener(\"keyup\", (c) => {\n c.keyCode == 32 && c.preventDefault();\n }), h.addEventListener(\"keydown\", (c) => {\n c.keyCode == 32 && c.preventDefault();\n })), i.className !== \"\" && h.classList.add(i.className);\n } else {\n const h = b(`\n\t\t\t
\n\t\t\t
\n\t\t`, t);\n i._button = h, i._container = t, h._pluginData = i, t._pluginData = i, i.className !== \"\" && h.classList.add(i.className);\n }\n}\nconst At = () => {\n const i = document.createElement(\"span\");\n return i.classList.add(\"side-container\"), i.classList.add(\"hidden\"), i;\n};\nclass Dn {\n onIconChanged(e, t, n) {\n }\n onTitleChanged(e, t, n) {\n }\n onStateChanged(e, t, n, s, a) {\n }\n}\nvar Le, st, q, W, Pe;\nclass ft extends gt {\n constructor() {\n super(...arguments);\n I(this, Le);\n I(this, q, null);\n I(this, W, null);\n I(this, Pe, []);\n }\n get type() {\n return \"button\";\n }\n // _container and _button are loaded in PlaybackBar\n get container() {\n return this._container;\n }\n get button() {\n return this._button;\n }\n get interactive() {\n return !0;\n }\n get dynamicWidth() {\n return !1;\n }\n getId() {\n return null;\n }\n get id() {\n return this.config.id || this.getId();\n }\n getButtonName() {\n return null;\n }\n get buttonName() {\n return this.config.name || this.getButtonName() || this.name;\n }\n get ariaLabel() {\n return this.config.ariaLabel || this.getAriaLabel();\n }\n getAriaLabel() {\n return \"\";\n }\n get tabIndex() {\n return this.config.tabIndex || this.getTabIndex();\n }\n getTabIndex() {\n return null;\n }\n getDescription() {\n return \"\";\n }\n get description() {\n return this.config.description || this.getDescription();\n }\n get minContainerSize() {\n return this.config.minContainerSize || this.getMinContainerSize();\n }\n getMinContainerSize() {\n return 0;\n }\n setObserver(t) {\n if (t instanceof Dn)\n this._observer = t;\n else if (typeof t.onIconChanged == \"function\" || typeof t.onTitleChanged == \"function\" || typeof t.onStateChanged == \"function\")\n this._observer = t;\n else\n throw new Error(\"Invalid observer for ButtonPlugin\");\n }\n get icon() {\n return this._icon || (this._icon = \"\"), this._icon;\n }\n set icon(t) {\n typeof t == \"string\" && (t = Ke(t)), this._icon = t, ze(this, Le, st).call(this);\n }\n get haveIcon() {\n return this.icon !== \"\";\n }\n get menuIcon() {\n return this._menuIcon || (this._menuIcon = \"\"), this._menuIcon;\n }\n set menuIcon(t) {\n typeof t == \"string\" && (t = Ke(t)), this._menuIcon = t, ze(this, Le, st).call(this);\n }\n get haveMenuIcon() {\n return this.menuIcon !== \"\";\n }\n get isMenuButton() {\n var s, a, r;\n const t = ((s = this.config) == null ? void 0 : s.parentContainer) === \"playbackBar\" || !((a = this.config) != null && a.parentContainer), n = ((r = this.config) == null ? void 0 : r.parentContainer) === \"videoContainer\";\n return !t && !n;\n }\n get title() {\n return this._title || \"\";\n }\n set title(t) {\n var n;\n if (this._title = t, t && this._button instanceof HTMLElement) {\n const s = this._button.querySelector(\"span\") || b(``, this._button);\n s.innerHTML = t;\n } else if (this._button instanceof HTMLElement) {\n const s = this._button.querySelector(\"span\");\n s && this._button.removeChild(s);\n }\n (n = this._observer) != null && n.onTitleChanged && this._observer.onTitleChanged(this, this._title, t);\n }\n // \"small\", \"medium\", \"large\"\n get titleSize() {\n return \"medium\";\n }\n // \"left\" or \"right\"\n get side() {\n var n;\n return ((n = this.config) == null ? void 0 : n.side) || \"left\";\n }\n get closePopUps() {\n return this.config.closePopUps || this.getClosePopUps();\n }\n getClosePopUps() {\n return !0;\n }\n // \"playbackBar\" or \"videoContainer\"\n get parentContainer() {\n var n;\n return ((n = this.config) == null ? void 0 : n.parentContainer) || \"playbackBar\";\n }\n get className() {\n return \"\";\n }\n enable() {\n this._enabled = !0, this.show();\n }\n disable() {\n this._enabled = !1, this.hide();\n }\n hide() {\n this._button && (this._button.style.display = \"none\");\n }\n show() {\n if (this._enabled === !1)\n return;\n const { width: t } = this.player.playbackBar.containerSize;\n this._button && (t > this.minContainerSize || this.parentContainer !== \"playbackBar\") && (this._button.style.display = null);\n }\n get leftSideContainer() {\n return d(this, q) || (k(this, q, At()), this.container.appendChild(d(this, q))), d(this, q);\n }\n get leftSideContainerPresent() {\n return d(this, q) !== null;\n }\n get rightSideContainer() {\n return d(this, W) || (k(this, W, At()), this.container.appendChild(d(this, W))), d(this, W);\n }\n get rightSideContainerPresent() {\n return d(this, W) !== null;\n }\n get stateText() {\n return null;\n }\n get stateIcon() {\n return null;\n }\n setState({ text: t = null, icon: n = null } = {}) {\n var r, o;\n const s = this._statusText, a = this._statusIcon;\n this._statusText = t, this._statusIcon = n, d(this, Pe).forEach((l) => l(this)), this._statusIcon && (this.icon = this._statusIcon, this.menuIcon = this._statusIcon), this._statusText && (this.title = this._statusText), (o = (r = this._observer) == null ? void 0 : r.onStateChanged) == null || o.call(r, this, s, t, a, n);\n }\n onStateChange(t) {\n typeof t == \"function\" ? d(this, Pe).push(t) : this.player.log.warn(\"Invalid callback for ButtonPlugin.onStateChange\");\n }\n async action(t, n = null) {\n }\n onResize({ width: t, height: n }) {\n t < this.minContainerSize ? this.hide() : this.show();\n }\n focus() {\n var t;\n (t = this.button) == null || t.focus();\n }\n blur() {\n var t;\n (t = this.button) == null || t.blur();\n }\n isFocus() {\n return this.button === document.activeElement;\n }\n}\nLe = new WeakSet(), st = function() {\n var s;\n const t = this.isMenuButton ? this._menuIcon : this._icon, n = this.isMenuButton && this.haveMenuIcon ? this.menuIcon : this.icon;\n if (n && this._button instanceof HTMLElement) {\n const a = this._button.querySelector(\"i\") || b(\"\", this._button);\n a.innerHTML = n;\n } else if (this._button instanceof HTMLElement) {\n const a = this._button.querySelector(\"i\");\n a && this._button.removeChild(a);\n }\n (s = this._observer) != null && s.onIconChanged && this._observer.onIconChanged(this, t, n);\n}, q = new WeakMap(), W = new WeakMap(), Pe = new WeakMap();\nconst xn = `\n`, An = ``, Mn = `\n\n\n`;\nclass Rn extends ft {\n getPluginModuleInstance() {\n return ge.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.playPauseButton\";\n }\n async load() {\n const e = this.player.getCustomPluginIcon(this.name, \"play\") || xn, t = this.player.getCustomPluginIcon(this.name, \"pause\") || An, n = this.player.getCustomPluginIcon(this.name, \"replay\") || Mn;\n this.icon = e, this.player.translate(this.config.ariaLabelPause || \"pause\");\n const s = this.player.translate(this.config.ariaLabelPlay || \"play\");\n M(this.player, m.PLAY, () => {\n this.icon = t, this.button.ariaLabel = s, this.button.title = this.config.ariaLabelPause || s;\n }), M(this.player, m.PAUSE, () => {\n this.icon = e, this.button.ariaLabel = s, this.button.title = this.config.ariaLabelPause || s;\n }), M(this.player, m.ENDED, () => {\n this.icon = n, this.button.ariaLabel = s, this.button.title = this.config.ariaLabelPause || s;\n }), M(this.player, m.STOP, () => {\n this.icon = e, this.button.ariaLabel = s, this.button.title = this.config.ariaLabelPause || s;\n });\n }\n async action() {\n await this.player.paused() ? await this.player.videoContainer.play() : await this.player.videoContainer.pause();\n }\n}\nconst Mt = \"(?:\\\\d*:){1,2}\\\\d*(?:\\\\.\\\\d+)?\", Vn = `(${Mt})\\\\s*\\\\-\\\\->\\\\s*(${Mt})`, Nn = {\n cueTiming: new RegExp(Vn)\n}, Un = (i, e, t, n) => {\n const s = Nn.cueTiming.exec(e);\n if (s) {\n const a = n[t - 1], r = [];\n for (let o = 1; t + o < n.length && n[t + o] !== \"\"; ++o)\n r.push(n[t + o]);\n i.addCue({\n label: a,\n start: s[1],\n end: s[2],\n captions: r\n });\n }\n};\nfunction Rt(i) {\n const e = new ni();\n return i !== \"\" && (i = i.replace(/\\r\\n/gm, `\n`), i = i.replace(/\\r/gm, `\n`), i.split(/\\n/).forEach((t, n, s) => {\n Un(e, t, n, s);\n })), e;\n}\nclass Fn {\n constructor(e = \"\") {\n this._text = e, this._captions = Rt(e);\n }\n get text() {\n return this._text;\n }\n set text(e) {\n this._text = e, this._captions = Rt(e);\n }\n get captions() {\n return this._captions;\n }\n}\nclass On extends ii {\n getPluginModuleInstance() {\n return ge.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.vttManifestCaptionsPlugin\";\n }\n async isEnabled() {\n return await super.isEnabled() && this.player.videoManifest.captions && this.player.videoManifest.captions.length > 0;\n }\n async getCaptions() {\n const e = [], t = [];\n return this.player.videoManifest.captions.forEach((n) => {\n t.push(new Promise(async (s, a) => {\n if (/vtt/i.test(n.format)) {\n const r = Y(this.player, n.url), o = await fetch(r);\n if (o.ok) {\n const l = await o.text(), u = new Fn(l);\n u.captions.label = n.text, u.captions.language = n.lang, e.push(u.captions), s();\n } else\n a();\n } else\n a();\n }));\n }), await Promise.allSettled(t), e;\n }\n}\nclass $n extends ft {\n getPluginModuleInstance() {\n return ge.Get();\n }\n get name() {\n return \"es.upv.paella.currentTimeLabel\";\n }\n async load() {\n this.title = ie(0);\n const e = async () => {\n const t = await this.player.videoContainer.currentTime();\n let n = ie(t);\n if (this.config.showTotalTime) {\n const s = await this.player.videoContainer.duration();\n n += ` / ${ie(s)}`;\n }\n this.title = n;\n };\n this.player.bindEvent(m.TIMEUPDATE, () => e()), this.player.bindEvent(m.TRIMMING_CHANGED, () => e()), this.player.bindEvent(m.SEEK, () => e());\n }\n get interactive() {\n return !1;\n }\n get dynamicWidth() {\n return !0;\n }\n}\nfunction Oe(i, e) {\n return vi(i, \"layout\").filter((n) => n.config && n.config.enabled && n.canApply(e));\n}\nfunction hi(i, e) {\n const t = Oe(i, e), n = [];\n return t.forEach((s) => {\n n.push(...s.getValidContentIds(e));\n }), n;\n}\nfunction Bn(i, e) {\n const t = [];\n return vi(i, \"layout\").filter((n) => {\n var s, a;\n if ((s = n.config) != null && s.enabled && ((a = n.config) != null && a.validContent))\n return n.config.validContent.every((r) => r.content.length === e);\n }).forEach((n) => n.config.validContent.forEach((s) => t.push(s.content))), t;\n}\nfunction pi(i, e, t) {\n const n = Oe(i, e);\n let s = null;\n return n.some((a) => {\n if (a.getValidContentIds(e).indexOf(t) !== -1)\n return s = a, !0;\n }), s;\n}\nfunction zn(i, e) {\n const t = Oe(i, e), n = hi(i, e);\n let s = [];\n return t.forEach((a) => {\n s = [...s, ...a.config.validContent];\n }), s.filter((a) => n.indexOf(a.id) !== -1);\n}\nfunction gi(i, e, t, n = null) {\n const s = pi(i, e, t);\n if (s) {\n const a = s.getLayoutStructure(e, t, n);\n return a.plugin = s, a;\n }\n return null;\n}\nclass me extends gt {\n get type() {\n return \"layout\";\n }\n get layoutType() {\n return \"static\";\n }\n getTabIndexStart() {\n return 10;\n }\n get tabIndexStart() {\n var e;\n return ((e = this.config) == null ? void 0 : e.tabIndexStart) || this.getTabIndexStart();\n }\n // Return the layout identifier, for example, presenter-presentation\n get identifier() {\n return \"default\";\n }\n get icon() {\n return \"icon.png\";\n }\n // Return the array of valid content in the configuration of the plugin\n get validContent() {\n var e;\n return ((e = this.config) == null ? void 0 : e.validContent) || [];\n }\n get validContentIds() {\n const e = [];\n return this.validContent.forEach((t) => e.push(t.id)), e;\n }\n // Gets the valid content ids that matches the streamData\n getValidContentIds(e) {\n const t = [];\n return this.validContent.forEach((n) => {\n n.content.every((s) => e.some((a) => s === a.content)) && t.push(n.id);\n }), t;\n }\n // Get the valid stream data combination, according to the plugin configuration\n // The result of this function must be an array of arrays with all the possible\n // combinations. For example, for a dual stream layout and three elements in\n // streamData that matches the valid content, the resulting valid streams must be:\n // [\n // [streamA, streamB],\n // [streamA, streamC],\n // [streamC, streamB] \n // ]\n getValidStreams(e) {\n const t = [];\n return this.validContent.forEach((n) => {\n let s = [];\n n.content.every((a) => e.some((r) => {\n if (a === r.content)\n return s.push(r), !0;\n })) && t.push(s);\n }), t;\n }\n canApply(e) {\n return this.getValidStreams(e).length > 0;\n }\n getLayoutStructure() {\n return {};\n }\n // Add buttons to videos\n // [\n // icon (required)\n // click (required)\n // tabIndex\n // ariaLabel\n // title\n // className\n // position (CanvasButtonPosition.LEFT, CanvasButtonPosition.CENTER, CanvasButtonPosition.RIGHT)\n //]\n getVideoCanvasButtons(e, t, n) {\n return [];\n }\n}\nfunction Gn(i) {\n return {\n icon: i.icon,\n position: i.position,\n title: i.description,\n ariaLabel: i.ariaLabel,\n name: i.buttonName,\n click: async (e) => {\n const t = i.player.videoContainer.streamProvider.streams[e];\n await i.action(e, t == null ? void 0 : t.player, t == null ? void 0 : t.canvas, t == null ? void 0 : t.canvasPlugin);\n }\n };\n}\nasync function Hn(i, e) {\n const t = [];\n return await $(\n i,\n \"canvasButton\",\n async (n) => {\n i.log.debug(` Canvas button plugin: ${n.name}`), t.push(n);\n }\n ), t.filter((n) => n.content.indexOf(e.content) !== -1).map((n) => Gn(n));\n}\nclass da extends gt {\n get type() {\n return \"canvasButton\";\n }\n get content() {\n return this._config.content || [\"presenter\"];\n }\n get ariaLabel() {\n return this._config.ariaLabel || this.getAriaLabel();\n }\n getAriaLabel() {\n return \"\";\n }\n get tabIndex() {\n return this.config.tabIndex;\n }\n get description() {\n return this.config.description || this.getDescription();\n }\n getDescription() {\n return \"\";\n }\n get icon() {\n return this._icon;\n }\n set icon(e) {\n this._icon = e;\n }\n get side() {\n var e;\n return ((e = this.config) == null ? void 0 : e.side) || \"left\";\n }\n get buttonName() {\n return this.name;\n }\n get position() {\n switch (this.side) {\n case \"left\":\n return S.LEFT;\n case \"center\":\n return S.CENTER;\n case \"right\":\n return S.RIGHT;\n default:\n throw new Error(`Invalid CanvasButtonPlugin side set: ${this.side}`);\n }\n }\n async action(e) {\n this.player.log.warn(`Action not implemented in canvas button plugin ${this.name}`);\n }\n}\nconst at = [];\nasync function jn(i) {\n await $(i, \"canvas\", (e) => {\n at.push(e);\n });\n}\nasync function qn(i) {\n}\nfunction Wn(i, e) {\n if (at.length === 0)\n throw Error(\"No canvas plugins loaded. Note that `loadCanvasPlugins()` must to be called before use `getCanvasPlugins()`\");\n let t = null;\n return at.some((n) => {\n if (n.isCompatible(e))\n return t = n, !0;\n }), t;\n}\nconst S = Object.freeze({\n LEFT: \"left\",\n CENTER: \"center\",\n RIGHT: \"right\"\n}), Qn = function({\n icon: i,\n tabIndex: e,\n ariaLabel: t,\n title: n,\n className: s,\n position: a = S.CENTER,\n click: r,\n content: o,\n name: l\n}) {\n if (!i)\n throw new Error(\"Error in video layout definition. getVideoCanvasButtons(): missing 'icon' attribute.\");\n if (!r)\n throw new Error(\"Error in video layout definition. getVideoCanvasButtons(): missing 'click' function.\");\n let u = `class=\"align-${a}${s ? \" \" + s : \"\"}\"`;\n t && (u += ` aria-label=\"${t}\"`), n && (u += ` title=\"${n}\"`), e !== void 0 && (u += ` tabindex=\"${e}\"`), l !== void 0 && (u += ` name=\"${l}\"`);\n const f = b(`\n \n `);\n switch (a) {\n case \"left\":\n this.leftButtonsArea.appendChild(f);\n break;\n case \"center\":\n this.centerButtonsArea.appendChild(f);\n break;\n case \"right\":\n this.rightButtonsArea.appendChild(f);\n break;\n }\n return f.addEventListener(\"click\", async (h) => (h.stopPropagation(), await r(o), !1)), f;\n}, rt = async (i, e, t, n, s) => {\n const a = e.plugin;\n let r = a.tabIndexStart;\n const o = await Hn(i, n), l = [];\n return [\n ...o,\n ...a.getVideoCanvasButtons(e, n.content, n, t)\n ].forEach((f) => {\n f.tabIndex = r++, f.content = s;\n const h = Qn.apply(t, [f]);\n l.push(h);\n }), l;\n}, ot = (i, e, t) => {\n let { tabIndexStart: n } = e.plugin;\n t.sort((s, a) => {\n const r = s.getBoundingClientRect().left, o = a.getBoundingClientRect().left;\n return r - o;\n }).forEach((s) => {\n s.setAttribute(\"tabindex\", n++);\n });\n};\nclass mi extends G {\n constructor(e, t, n) {\n super(t, { tag: e, parent: n }), this.element.className = \"video-canvas\", this._userArea = null, this._buttonsArea = b(`\n \n `, this.element);\n }\n async loadCanvas(e) {\n throw Error(`${this.name}: loadCanvas() not implemented`);\n }\n get userArea() {\n return this._userArea || (this._userArea = document.createElement(\"div\"), this._userArea.className = \"user-area\", this.element.appendChild(this._userArea)), this._userArea;\n }\n get leftButtonsArea() {\n return this._buttonsArea.querySelector(\".buttons-left\");\n }\n get centerButtonsArea() {\n return this._buttonsArea.querySelector(\".buttons-center\");\n }\n get rightButtonsArea() {\n return this._buttonsArea.querySelector(\".buttons-right\");\n }\n clearButtonsArea() {\n this._buttonsArea.childNodes.forEach((e) => {\n e.innerHTML = \"\";\n });\n }\n showButtons() {\n this._buttonsArea.style.display = null;\n }\n hideButtons() {\n this._buttonsArea.style.display = \"none\";\n }\n}\nclass fi extends he {\n get type() {\n return \"canvas\";\n }\n get canvasType() {\n return \"\";\n }\n isCompatible(e) {\n return Array.isArray(e == null ? void 0 : e.canvas) ? e.canvas.indexOf(this.canvasType) !== -1 : e.canvas === this.canvasType;\n }\n getCanvasInstance(e) {\n throw Error(`${this.name} canvas plugin: getCanvasInstance() not implemented`);\n }\n}\nlet qe = null;\nclass K extends Fe {\n static Get() {\n return qe || (qe = new K()), qe;\n }\n get moduleName() {\n return \"paella-core default video layouts\";\n }\n get moduleVersion() {\n return Ie.version;\n }\n}\nconst yt = `\n\n\n`, Ne = `\n\n\n`, ve = `\n\n`, ke = `\n\n\n`, Zn = `\n\n\n`;\nclass Vt extends me {\n getPluginModuleInstance() {\n return K.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.dualVideoDynamic\";\n }\n get layoutType() {\n return \"dynamic\";\n }\n async load() {\n this.pipContentIds = this.config.pipContentIds || [], this.allowSwitchSide = this.config.allowSwitchSide !== void 0 ? this.config.allowSwitchSide : !0;\n }\n getVideoCanvasButtons(e, t, n, s) {\n const a = this.player.getCustomPluginIcon(this.name, \"iconMaximize\") || Ne, r = this.player.getCustomPluginIcon(this.name, \"iconSideBySide\") || ke, o = this.player.getCustomPluginIcon(this.name, \"iconSwitchSide\") || yt, l = this.player.getCustomPluginIcon(this.name, \"iconClose\") || ve, u = this.player.getCustomPluginIcon(this.name, \"iconPiP\") || Zn, f = () => this._currentContent.find((y) => y.id === t), h = () => f().size === 25, g = () => f().size > 50, L = [];\n return h() || g() ? L.push({\n icon: r,\n position: S.LEFT,\n title: this.player.translate(\"Dual stream 50%\"),\n ariaLabel: this.player.translate(\"Dual stream 50%\"),\n name: this.name + \":iconSideBySide\",\n click: async () => {\n this._currentContent.forEach((y) => {\n y.size = 50;\n }), await this.player.videoContainer.updateLayout();\n }\n }) : L.push({\n icon: a,\n position: S.LEFT,\n title: this.player.translate(\"Maximize video\"),\n ariaLabel: this.player.translate(\"Maximize video\"),\n name: this.name + \":iconMaximize\",\n click: async () => {\n this._currentContent.forEach((y) => {\n y.size = y.id === t ? 75 : 25;\n }), await this.player.videoContainer.updateLayout();\n }\n }), this.allowSwitchSide && L.push({\n icon: o,\n position: S.LEFT,\n title: this.player.translate(\"Switch side\"),\n ariaLabel: this.player.translate(\"Switch side\"),\n name: this.name + \":iconSwitchSide\",\n click: async () => {\n const y = this._currentContent[0].id, v = this._currentContent[1].id, P = this._currentContent[0].size, c = this._currentContent[1].size;\n this._currentContent[0].id = v, this._currentContent[0].size = c, this._currentContent[1].id = y, this._currentContent[1].size = P, await this.player.videoContainer.updateLayout();\n }\n }), L.push({\n icon: l,\n position: S.RIGHT,\n title: this.player.translate(\"Close video\"),\n ariaLabel: this.player.translate(\"Close video\"),\n name: this.name + \":iconClose\",\n click: async () => {\n const v = this.player.videoContainer.validContentIds.filter((P) => P.indexOf(\"-\") === -1).find((P) => P != t);\n await this.player.videoContainer.setLayout(v);\n }\n }), this.pipContentIds.length > 0 && L.push({\n icon: u,\n position: S.LEFT,\n title: this.player.translate(\"Picture-in-picture\"),\n ariaLabel: this.player.translate(\"Picture-in-picture\"),\n name: this.name + \":iconPiP\",\n click: async () => {\n const y = this.player.videoContainer.validContentIds.find((v) => this.pipContentIds.indexOf(v) !== -1);\n await this.player.videoContainer.setLayout(y, t);\n }\n }), L;\n }\n getLayoutStructure(e, t, n) {\n if (!this._currentContent) {\n const { content: s } = this.validContent.find((a) => a.id === t);\n this._currentContent = s.map((a) => ({\n id: a,\n size: 50\n }));\n }\n return {\n id: \"dual-dynamic\",\n videos: [\n {\n content: this._currentContent[0].id,\n visible: !0,\n size: this._currentContent[0].size\n },\n {\n content: this._currentContent[1].id,\n visible: !0,\n size: this._currentContent[1].size\n }\n ]\n };\n }\n}\nconst yi = `\n\n\n`, Yn = `\n\n\n`;\nlet O = 0;\nconst _t = [\n // First layout: side by side\n {\n id: \"side-by-side\",\n videos: [\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", width: 560, height: 315, top: 218, left: 712 },\n { aspectRatio: \"16/10\", width: 560, height: 350, top: 206, left: 712 },\n { aspectRatio: \"4/3\", width: 560, height: 420, top: 173, left: 712 },\n { aspectRatio: \"5/3\", width: 560, height: 336, top: 206, left: 712 },\n { aspectRatio: \"5/4\", width: 560, height: 448, top: 160, left: 712 }\n ],\n visible: !0,\n layer: 1\n },\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", width: 688, height: 387, top: 166, left: 10 },\n { aspectRatio: \"16/10\", width: 688, height: 430, top: 148, left: 10 },\n { aspectRatio: \"4/3\", width: 688, height: 516, top: 111, left: 10 },\n { aspectRatio: \"5/3\", width: 690, height: 414, top: 154, left: 10 },\n { aspectRatio: \"5/4\", width: 690, height: 552, top: 96, left: 10 }\n ],\n visible: !0,\n layer: \"1\"\n }\n ],\n buttons: []\n },\n // Second layout: PIP left\n {\n id: \"pip-left\",\n videos: [\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", left: 0, top: 0, width: 1280, height: 720 },\n { aspectRatio: \"16/10\", left: 64, top: 0, width: 1152, height: 720 },\n { aspectRatio: \"5/3\", left: 40, top: 0, width: 1200, height: 720 },\n { aspectRatio: \"5/4\", left: 190, top: 0, width: 900, height: 720 },\n { aspectRatio: \"4/3\", left: 160, top: 0, width: 960, height: 720 }\n ],\n visible: !0,\n layer: 1\n },\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", left: 50, top: 470, width: 350, height: 197 },\n { aspectRatio: \"16/10\", left: 50, top: 448, width: 350, height: 219 },\n { aspectRatio: \"5/3\", left: 50, top: 457, width: 350, height: 210 },\n { aspectRatio: \"5/4\", left: 50, top: 387, width: 350, height: 280 },\n { aspectRatio: \"4/3\", left: 50, top: 404, width: 350, height: 262 }\n ],\n visible: !0,\n layer: 2\n }\n ],\n buttons: []\n },\n // Third layout: PIP right\n {\n id: \"pip-right\",\n videos: [\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", left: 0, top: 0, width: 1280, height: 720 },\n { aspectRatio: \"16/10\", left: 64, top: 0, width: 1152, height: 720 },\n { aspectRatio: \"5/3\", left: 40, top: 0, width: 1200, height: 720 },\n { aspectRatio: \"5/4\", left: 190, top: 0, width: 900, height: 720 },\n { aspectRatio: \"4/3\", left: 160, top: 0, width: 960, height: 720 }\n ],\n visible: !0,\n layer: 1\n },\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", left: 880, top: 470, width: 350, height: 197 },\n { aspectRatio: \"16/10\", left: 880, top: 448, width: 350, height: 219 },\n { aspectRatio: \"5/3\", left: 880, top: 457, width: 350, height: 210 },\n { aspectRatio: \"5/4\", left: 880, top: 387, width: 350, height: 280 },\n { aspectRatio: \"4/3\", left: 880, top: 404, width: 350, height: 262 }\n ],\n visible: !0,\n layer: 2\n }\n ],\n buttons: []\n }\n];\nfunction Kn(i) {\n return O = (O + 1) % _t.length, vt(i);\n}\nfunction fe(i, e) {\n return O = e < _t.length ? e : O, vt(i);\n}\nfunction vt(i) {\n let e = JSON.parse(JSON.stringify(_t[O]));\n return e.videos[0].content = i[0], e.videos[1].content = i[1], e;\n}\nclass Jn extends me {\n getPluginModuleInstance() {\n return K.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.dualVideo\";\n }\n get identifier() {\n return \"dual-video\";\n }\n async load() {\n let e = Z(\"dualVideoLayoutIndex\");\n e !== \"\" && (O = Number(e)), this.player.log.debug(\"Dual video layout loaded\");\n }\n getValidStreams(e) {\n return super.getValidStreams(e).filter((t) => t.length === 2);\n }\n switchContent() {\n const e = this._currentContent[0], t = this._currentContent[1];\n this._currentContent[0] = t, this._currentContent[1] = e, this.player.videoContainer.updateLayout();\n }\n async switchMinimized() {\n Kn(this._currentContent), await this.player.videoContainer.updateLayout();\n }\n async minimizeVideo(e) {\n let t = !0;\n if (e === this._currentContent[0]) {\n const n = this._currentContent[0], s = this._currentContent[1];\n this._currentContent[0] = s, this._currentContent[1] = n, t = !1;\n }\n O === 1 && t ? fe(this._currentContent, 2) : fe(this._currentContent, 1), await this.player.videoContainer.updateLayout();\n }\n async maximizeVideo(e) {\n let t = !0;\n if (e === this._currentContent[1]) {\n const n = this._currentContent[0], s = this._currentContent[1];\n this._currentContent[0] = s, this._currentContent[1] = n, t = !1;\n }\n O === 1 && t ? fe(this._currentContent, 2) : fe(this._currentContent, 1), await this.player.videoContainer.updateLayout();\n }\n async setSideBySide() {\n fe(this._currentContent, 0), await this.player.videoContainer.updateLayout();\n }\n get minimizedContent() {\n return O === 0 ? \"\" : this._currentContent[1];\n }\n async closeVideo(e) {\n const n = this.player.videoContainer.validContentIds.filter((s) => s.indexOf(\"-\") === -1).find((s) => s != e);\n await this.player.videoContainer.setLayout(n);\n }\n getVideoCanvasButtons(e, t, n, s) {\n if (e.id === \"side-by-side\")\n return [\n // Swap\n {\n icon: this.player.getCustomPluginIcon(this.name, \"iconRotate\") || yi,\n position: S.LEFT,\n title: this.player.translate(\"Swap position of the videos\"),\n ariaLabel: this.player.translate(\"Swap position of the videos\"),\n name: this.name + \":iconRotate\",\n click: async () => {\n await this.switchContent();\n }\n },\n // Minimize\n {\n icon: this.player.getCustomPluginIcon(this.name, \"iconMaximize\") || Ne,\n position: S.LEFT,\n title: this.player.translate(\"Maximize video\"),\n ariaLabel: this.player.translate(\"Maximize video\"),\n name: this.name + \":iconMaximize\",\n click: async () => {\n await this.maximizeVideo(t);\n }\n },\n // Close\n {\n icon: this.player.getCustomPluginIcon(this.name, \"iconClose\") || ve,\n position: S.RIGHT,\n title: this.player.translate(\"Close video\"),\n ariaLabel: this.player.translate(\"Close video\"),\n name: this.name + \":iconClose\",\n click: async () => {\n await this.closeVideo(t);\n }\n }\n ];\n {\n const a = [];\n return t === this.minimizedContent ? (a.push({\n icon: this.player.getCustomPluginIcon(this.name, \"iconMaximize\") || Ne,\n position: S.LEFT,\n title: this.player.translate(\"Maximize video\"),\n ariaLabel: this.player.translate(\"Maximize video\"),\n name: this.name + \":iconMaximize\",\n click: async () => {\n await this.switchContent();\n }\n }), a.push({\n icon: this.player.getCustomPluginIcon(this.name, \"iconSwitchSide\") || yt,\n position: S.LEFT,\n title: this.player.translate(\"Place the video on the other side of the screen\"),\n ariaLabel: this.player.translate(\"Place the video on the other side of the screen\"),\n name: this.name + \":iconSwitchSide\",\n click: async () => {\n await this.minimizeVideo(t);\n }\n }), a.push({\n icon: this.player.getCustomPluginIcon(this.name, \"iconClose\") || ve,\n position: S.RIGHT,\n title: this.player.translate(\"Close video\"),\n ariaLabel: this.player.translate(\"Close video\"),\n name: this.name + \":iconClose\",\n click: async () => {\n await this.closeVideo(t);\n }\n })) : (a.push({\n icon: this.player.getCustomPluginIcon(this.name, \"iconMinimize\") || Yn,\n position: S.LEFT,\n title: this.player.translate(\"Minimize video\"),\n ariaLabel: this.player.translate(\"Minimize video\"),\n name: this.name + \":iconMinimize\",\n click: async () => {\n await this.switchContent();\n }\n }), a.push({\n icon: this.player.getCustomPluginIcon(this.name, \"iconSideBySide\") || ke,\n position: S.LEFT,\n title: this.player.translate(\"Put the videos side by side\"),\n ariaLabel: this.player.translate(\"Put the videos side by side\"),\n name: this.name + \":iconSideBySide\",\n click: async () => {\n await this.setSideBySide();\n }\n }), a.push({\n icon: this.player.getCustomPluginIcon(this.name, \"iconClose\") || ve,\n position: S.RIGHT,\n title: this.player.translate(\"Close video\"),\n ariaLabel: this.player.translate(\"Close video\"),\n name: this.name + \":iconClose\",\n click: async () => {\n await this.closeVideo(t);\n }\n })), a;\n }\n }\n getLayoutStructure(e, t) {\n if (!this._currentContent || this._currentContentId !== t) {\n const { content: a } = this.validContent.find((l) => l.id === t);\n this._currentContent = a, this._currentContentId = t;\n const r = Z(\"dualVideoLayoutContent0\"), o = Z(\"dualVideoLayoutContent1\");\n r !== \"\" && o !== \"\" && this._currentContent.indexOf(r) !== -1 && this._currentContent.indexOf(o) !== -1 && (this._currentContent[0] = r, this._currentContent[1] = o);\n }\n const n = vt(this._currentContent), s = {\n id: n.id,\n player: this.player,\n name: { es: \"Dos streams con posición dinámica\" },\n hidden: !1,\n videos: n.videos,\n buttons: []\n };\n return ne(\"dualVideoLayoutIndex\", O), ne(\"dualVideoLayoutContent0\", this._currentContent[0]), ne(\"dualVideoLayoutContent1\", this._currentContent[1]), s;\n }\n}\nconst Nt = {\n id: \"pip-left\",\n name: { es: \"Dos streams imagen dentro de imagen\" },\n hidden: !1,\n videos: [\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", left: 0, top: 0, width: 1280, height: 720 },\n { aspectRatio: \"16/10\", left: 64, top: 0, width: 1152, height: 720 },\n { aspectRatio: \"5/3\", left: 40, top: 0, width: 1200, height: 720 },\n { aspectRatio: \"5/4\", left: 190, top: 0, width: 900, height: 720 },\n { aspectRatio: \"4/3\", left: 160, top: 0, width: 960, height: 720 },\n { aspectRatio: \"9/16\", left: 617, top: 17, width: 386, height: 687 }\n ],\n visible: !0,\n layer: 1\n },\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", left: 50, top: 470, width: 350, height: 197 },\n { aspectRatio: \"16/10\", left: 50, top: 448, width: 350, height: 219 },\n { aspectRatio: \"5/3\", left: 50, top: 457, width: 350, height: 210 },\n { aspectRatio: \"5/4\", left: 50, top: 387, width: 350, height: 280 },\n { aspectRatio: \"4/3\", left: 50, top: 404, width: 350, height: 262 },\n { aspectRatio: \"9/16\", left: 224, top: 301, width: 224, height: 400 }\n ],\n visible: !0,\n layer: 2\n }\n ],\n buttons: []\n}, Xn = {\n id: \"pip-right\",\n name: { es: \"Dos streams imagen dentro de imagen a la derecha\" },\n hidden: !1,\n videos: [\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", left: 0, top: 0, width: 1280, height: 720 },\n { aspectRatio: \"16/10\", left: 64, top: 0, width: 1152, height: 720 },\n { aspectRatio: \"5/3\", left: 40, top: 0, width: 1200, height: 720 },\n { aspectRatio: \"5/4\", left: 190, top: 0, width: 900, height: 720 },\n { aspectRatio: \"4/3\", left: 160, top: 0, width: 960, height: 720 },\n { aspectRatio: \"9/16\", left: 242, top: 17, width: 386, height: 687 }\n ],\n visible: !0,\n layer: 1\n },\n {\n content: null,\n rect: [\n { aspectRatio: \"16/9\", left: 880, top: 470, width: 350, height: 197 },\n { aspectRatio: \"16/10\", left: 880, top: 448, width: 350, height: 219 },\n { aspectRatio: \"5/3\", left: 880, top: 457, width: 350, height: 210 },\n { aspectRatio: \"5/4\", left: 880, top: 387, width: 350, height: 280 },\n { aspectRatio: \"4/3\", left: 880, top: 404, width: 350, height: 262 },\n { aspectRatio: \"9/16\", left: 887, top: 304, width: 224, height: 400 }\n ],\n visible: !0,\n layer: 2\n }\n ],\n buttons: []\n};\nclass es extends me {\n getPluginModuleInstance() {\n return K.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.dualVideoPiP\";\n }\n get identifier() {\n return \"dual-video-pip\";\n }\n async load() {\n this._currentLayout = Nt, this.dualVideoContentIds = this.config.dualVideoContentIds || [];\n }\n getValidStreams(e) {\n return super.getValidStreams(e).filter((t) => t.length === 2);\n }\n getVideoCanvasButtons(e, t, n, s) {\n const a = this.player.getCustomPluginIcon(this.name, \"iconClose\") || ve, r = this.player.getCustomPluginIcon(this.name, \"iconSwitchSide\") || yt, o = this.player.getCustomPluginIcon(this.name, \"iconMaximize\") || Ne, l = this.player.getCustomPluginIcon(this.name, \"iconSideBySide\") || ke, u = [\n {\n icon: a,\n position: S.RIGHT,\n title: this.player.translate(\"Close video\"),\n ariaLabel: this.player.translate(\"Close video\"),\n name: this.name + \":iconClose\",\n click: async () => {\n const h = this.player.videoContainer.validContentIds.filter((g) => g.indexOf(\"-\") === -1).find((g) => g !== t);\n await this.player.videoContainer.setLayout(h);\n }\n }\n ];\n return t === this._pipVideo ? (u.push({\n icon: r,\n position: S.LEFT,\n title: this.player.translate(\"Switch side\"),\n ariaLabel: this.player.translate(\"Switch side\"),\n name: this.name + \":iconSwitchSide\",\n click: async () => {\n this.switchSide(), await this.player.videoContainer.updateLayout(this._fullVideo);\n }\n }), u.push({\n icon: o,\n position: S.LEFT,\n title: this.player.translate(\"Maximize video\"),\n ariaLabel: this.player.translate(\"Maximize video\"),\n name: this.name + \":iconMaximize\",\n click: async () => {\n this.switchSources(), await this.player.videoContainer.updateLayout(this._fullVideo);\n }\n })) : this.dualVideoContentIds.length > 0 && u.push({\n icon: l,\n position: S.LEFT,\n title: this.player.translate(\"Set side by side\"),\n ariaLabel: this.player.translate(\"Set side by side\"),\n name: this.name + \":iconSideBySide\",\n click: async () => {\n const f = this.player.videoContainer.validContentIds, h = this.dualVideoContentIds.find((g) => f.indexOf(g) !== -1);\n h && this.player.videoContainer.setLayout(h);\n }\n }), u;\n }\n switchSide() {\n this._currentLayout.id === \"pip-left\" ? this._currentLayout = Xn : this._currentLayout = Nt;\n }\n switchSources() {\n const e = this._pipVideo;\n this._pipVideo = this._fullVideo, this._fullVideo = e;\n }\n getLayoutStructure(e, t, n) {\n const { content: s } = this.validContent.find((r) => r.id === t);\n n && s.find((r) => r === n) ? (this._fullVideo = n, this._pipVideo = s.find((r) => r !== n)) : (!this._pipVideo || !this._fullVideo) && (this._pipVideo = s[0], this._fullVideo = s[1]);\n const a = JSON.parse(JSON.stringify(this._currentLayout));\n return a.player = this.player, a.videos[0].content = this._fullVideo, a.videos[1].content = this._pipVideo, a;\n }\n}\nclass ts extends me {\n getPluginModuleInstance() {\n return K.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.singleVideo\";\n }\n get identifier() {\n return \"single-video\";\n }\n async load() {\n this.player.log.debug(\"Single video layout loaded\"), this.dualVideoContentIds = this.config.dualVideoContentIds || [\n \"presenter-presentation-dynamic\",\n \"presenter-2-presentation-dynamic\",\n \"presenter-presenter-2-dynamic\",\n \"presenter-presentation\",\n \"presenter-2-presentation\",\n \"presenter-presenter-2\"\n ];\n }\n getValidStreams(e) {\n return super.getValidStreams(e).filter((t) => t.length === 1);\n }\n getVideoCanvasButtons(e, t, n, s) {\n return this._multiStream ? [\n {\n icon: this.player.getCustomPluginIcon(this.name, \"iconSideBySide\") || ke,\n position: S.LEFT,\n title: this.player.translate(\"Two videos 50%\"),\n ariaLabel: this.player.translate(\"Two videos 50%\"),\n name: this.name + \":iconSideBySide\",\n click: () => {\n const a = this.player.videoContainer.validContentIds, r = this.dualVideoContentIds.find((o) => a.indexOf(o) !== -1);\n r && this.player.videoContainer.setLayout(r);\n }\n }\n ] : [];\n }\n getLayoutStructure(e, t) {\n const n = this.validContent.find((a) => a.id === t), s = {\n player: this.player,\n name: { es: \"One stream\" },\n hidden: !1,\n videos: [\n {\n content: n.content[0],\n rect: [\n { aspectRatio: \"1/1\", left: 280, top: 0, width: 720, height: 720 },\n { aspectRatio: \"6/5\", left: 208, top: 0, width: 864, height: 720 },\n { aspectRatio: \"5/4\", left: 190, top: 0, width: 900, height: 720 },\n { aspectRatio: \"4/3\", left: 160, top: 0, width: 960, height: 720 },\n { aspectRatio: \"11/8\", left: 145, top: 0, width: 990, height: 720 },\n { aspectRatio: \"1.41/1\", left: 132, top: 0, width: 1015, height: 720 },\n { aspectRatio: \"1.43/1\", left: 125, top: 0, width: 1029, height: 720 },\n { aspectRatio: \"3/2\", left: 100, top: 0, width: 1080, height: 720 },\n { aspectRatio: \"16/10\", left: 64, top: 0, width: 1152, height: 720 },\n { aspectRatio: \"5/3\", left: 40, top: 0, width: 1200, height: 720 },\n { aspectRatio: \"16/9\", left: 0, top: 0, width: 1280, height: 720 },\n { aspectRatio: \"1.85/1\", left: 0, top: 14, width: 1280, height: 692 },\n { aspectRatio: \"2.35/1\", left: 0, top: 87, width: 1280, height: 544 },\n { aspectRatio: \"2.41/1\", left: 0, top: 94, width: 1280, height: 531 },\n { aspectRatio: \"2.76/1\", left: 0, top: 128, width: 1280, height: 463 }\n ],\n visible: !0,\n layer: 1\n }\n ],\n background: { content: \"slide_professor_paella.jpg\", zIndex: 5, rect: { left: 0, top: 0, width: 1280, height: 720 }, visible: !0, layer: 0 },\n logos: [{ content: \"paella_logo.png\", zIndex: 5, rect: { top: 10, left: 10, width: 49, height: 42 } }],\n buttons: [],\n onApply: function() {\n }\n };\n return e.length > 1 && (this._multiStream = !0), s;\n }\n}\nclass is extends me {\n getPluginModuleInstance() {\n return K.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.singleVideoDynamic\";\n }\n get layoutType() {\n return \"dynamic\";\n }\n async load() {\n this.player.log.debug(\"Single video dynamic layout loaded\"), this.dualVideoContentIds = this.config.dualVideoContentIds || [\n \"presenter-presentation-dynamic\",\n \"presenter-2-presentation-dynamic\",\n \"presenter-presenter-2-dynamic\",\n \"presenter-presentation\",\n \"presenter-2-presentation\",\n \"presenter-presenter-2\"\n ];\n }\n getVideoCanvasButtons(e, t, n, s) {\n const a = this.player.getCustomPluginIcon(this.name, \"iconSideBySide\") || ke, r = [];\n return this._multiStream && r.push({\n icon: a,\n position: S.LEFT,\n title: this.player.translate(\"Dual stream 50%\"),\n ariaLabel: this.player.translate(\"Dual stream 50%\"),\n name: this.name + \":iconSideBySide\",\n click: async () => {\n const o = this.player.videoContainer.validContentIds, l = this.dualVideoContentIds.find((u) => o.indexOf(u) !== -1);\n l && this.player.videoContainer.setLayout(l);\n }\n }), r;\n }\n getLayoutStructure(e, t, n) {\n e.length > 1 && (this._multiStream = !0);\n const { content: s } = this.validContent.find((a) => a.id === t);\n return this._currentContent = s.map((a) => ({\n id: a,\n size: 50\n })), {\n id: \"single-dynamic\",\n videos: [\n {\n content: this._currentContent[0].id,\n visible: !0,\n size: this._currentContent[0].size\n }\n ]\n };\n }\n}\nconst ns = {\n videos: [\n {\n content: {},\n rect: [\n { aspectRatio: \"16/9\", left: 239, top: 17, width: 803, height: 451 }\n ],\n visible: !0,\n layer: 1\n },\n {\n content: {},\n rect: [\n { aspectRatio: \"16/9\", left: 44, top: 482, width: 389, height: 218 }\n ],\n visible: !0,\n layer: 1\n },\n {\n content: {},\n rect: [\n { aspectRatio: \"16/9\", left: 847, top: 482, width: 389, height: 218 }\n ],\n visible: !0,\n layer: 1\n }\n ],\n buttons: [\n {\n rect: { left: 618, top: 495, width: 45, height: 45 },\n onClick: function(i) {\n this.rotate();\n },\n label: \"Rotate\",\n icon: \"icon_rotate.svg\",\n layer: 2\n }\n ]\n};\nfunction ss(i) {\n let e = JSON.parse(JSON.stringify(ns));\n return e.videos[0].content = i[0], e.videos[1].content = i[1], e.videos[2].content = i[2], e;\n}\nclass as extends me {\n getPluginModuleInstance() {\n return K.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.tripleVideo\";\n }\n get identifier() {\n return \"triple-video\";\n }\n async load() {\n this.player.log.debug(\"Triple video layout loaded\");\n }\n getValidStreams(e) {\n return super.getValidStreams(e).filter((t) => t.length === 3);\n }\n switchContent() {\n const e = this._currentContent[0], t = this._currentContent[1], n = this._currentContent[2];\n this._currentContent[0] = n, this._currentContent[1] = e, this._currentContent[2] = t, this.player.videoContainer.updateLayout();\n }\n getLayoutStructure(e, t) {\n if (!this._currentContent || this._currentContentId !== t) {\n this._currentContentId = t;\n const { content: a } = this.validContent.find((r) => r.id === t);\n this._currentContent = a;\n }\n const n = ss(this._currentContent);\n return {\n player: this.player,\n name: { es: \"Three streams with dynamic position\" },\n hidden: !1,\n videos: n.videos,\n buttons: [\n {\n rect: n.buttons[0].rect,\n onClick: () => {\n this.switchContent();\n },\n label: \"Switch\",\n icon: yi,\n layer: 2,\n ariaLabel: \"Swap the position of the videos\",\n title: \"Swap the position of the videos\"\n }\n ]\n };\n }\n}\nclass rs extends mi {\n constructor(e, t) {\n super(\"div\", e, t), this.element.classList.add(\"image-canvas\");\n }\n async loadCanvas(e) {\n e.element.style.width = \"100%\", e.element.style.height = \"100%\";\n }\n}\nclass os extends fi {\n get name() {\n return super.name || \"es.upv.paella.audioCanvas\";\n }\n get canvasType() {\n return \"audio\";\n }\n getCanvasInstance(e) {\n return new rs(this.player, e);\n }\n}\nclass ls extends mi {\n constructor(e, t) {\n super(\"div\", e, t);\n }\n async loadCanvas(e) {\n e.element.style.width = \"100%\", e.element.style.height = \"100%\", e.element.style.position = \"absolute\", e.element.style.top = \"0\", e.element.style.left = \"0\";\n }\n}\nclass cs extends fi {\n get name() {\n return super.name || \"es.upv.paella.videoCanvas\";\n }\n get canvasType() {\n return \"video\";\n }\n async isCompatible(e) {\n return !Array.isArray(e.canvas) || e.canvas.length === 0 ? !0 : await super.isCompatible(e);\n }\n getCanvasInstance(e) {\n return new ls(this.player, e);\n }\n}\nclass _i extends he {\n get type() {\n return \"data\";\n }\n get context() {\n return this.config.context || [];\n }\n async read() {\n throw Error(`DataPlugin.read() not implemented in data plugin '${this.name}'`);\n }\n async write() {\n throw Error(`DataPlugin.write() not implemented in data plugin '${this.name}'`);\n }\n async remove() {\n throw Error(`DataPlugin.remove() not implemented in data plugin '${this.name}'`);\n }\n}\nclass us extends de {\n constructor(e) {\n super(e), this._dataPlugins = {}, $(this.player, \"data\", async (t) => {\n var n;\n (n = t.context) == null || n.forEach((s) => {\n this._dataPlugins[s] = this._dataPlugins[s] || [], this._dataPlugins[s].push(t);\n });\n });\n }\n getDataPlugin(e) {\n let t = this._dataPlugins[e] && this._dataPlugins[e].length > 0 && this._dataPlugins[e][0];\n if (t || (t = this._dataPlugins.default && this._dataPlugins.default.length > 0 && this._dataPlugins.default[0]), !t)\n throw Error(`No data plugin found for context '${e}'`);\n return t;\n }\n getDataPlugins(e) {\n let t = this._dataPlugins[e] && this._dataPlugins[e].length > 0 && this._dataPlugins[e];\n if (t || (t = this._dataPlugins.default && this._dataPlugins.default.length > 0 && this._dataPlugins.default), !t)\n throw Error(`No data plugin found for context '${e}'`);\n return t;\n }\n async read(e, t) {\n return await this.getDataPlugin(e).read(e, t);\n }\n async write(e, t, n) {\n const s = this.getDataPlugins(e);\n if (Array.isArray(s)) {\n let a = null;\n for (let r = 0; r < s.length; ++r)\n a = await s[r].write(e, t, n);\n return a;\n } else {\n if (s)\n return await s.write(e, t, n);\n this.player.log.warn(`No such data plugin found for context '${e}'`);\n }\n }\n async remove(e, t) {\n const n = this.getDataPlugins(e);\n if (n.length > 1) {\n let s = null;\n for (let a = 0; a < n.length; ++a)\n s = await n[a].remove(e, t);\n return s;\n } else\n return await n.remove(e, t);\n }\n}\nlet We = null;\nclass $e extends Fe {\n static Get() {\n return We || (We = new $e()), We;\n }\n get moduleName() {\n return \"paella-core default data plugins\";\n }\n get moduleVersion() {\n return Ie.version;\n }\n}\nclass ds extends _i {\n getPluginModuleInstance() {\n return $e.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.cookieDataPlugin\";\n }\n serializeKey(e, t) {\n return typeof t == \"object\" && (t = JSON.stringify(t)), `${e}|${t}`;\n }\n async read(e, t) {\n const n = this.serializeKey(e, t);\n let s = Z(n);\n try {\n s = JSON.parse(s);\n } catch {\n }\n return this.player.log.debug(`CookieDataPlugin.read: ${n}`), s;\n }\n async write(e, t, n) {\n const s = this.serializeKey(e, t);\n if (n && typeof n == \"object\")\n try {\n n = JSON.stringify(n);\n } catch {\n this.player.log.warn(`CookieDataPlugin.write: ${s}: invalid data object.`), n = \"\";\n }\n ne(s, n), this.player.log.debug(`CookieDataPlugin.write: ${s}`);\n }\n async remove(e, t) {\n const n = this.serializeKey(e, t);\n ne(n, \"\"), this.player.log.debug(`CookieDataPlugin.remove: ${n}`);\n }\n}\nclass hs extends _i {\n getPluginModuleInstance() {\n return $e.Get();\n }\n get name() {\n return super.name || \"es.upv.paella.localStorageDataPlugin\";\n }\n serializeKey(e, t) {\n return typeof t == \"object\" && (t = JSON.stringify(t)), `${e}|${t}`;\n }\n async read(e, t) {\n const n = this.serializeKey(e, t);\n let s = localStorage.getItem(n);\n try {\n s = JSON.parse(s);\n } catch {\n }\n return this.player.log.debug(`LocalStorageDataPlugin.read: ${n}`), s;\n }\n async write(e, t, n) {\n const s = this.serializeKey(e, t);\n if (n && typeof n == \"object\")\n try {\n n = JSON.stringify(n);\n } catch {\n this.player.log.warn(`LocalStorageDataPlugin.write: ${s}: invalid data object.`), n = \"\";\n }\n localStorage.setItem(s, n), this.player.log.debug(`LocalStorageDataPlugin.write: ${s}`);\n }\n async remove(e, t) {\n const n = this.serializeKey(e, t);\n localStorage.setItem(n, \"\"), this.player.log.debug(`LocalStorageDataPlugin.remove: ${n}`);\n }\n}\nconst ps = [\n {\n plugin: mn,\n config: {\n enabled: !1\n }\n },\n {\n plugin: fn,\n config: {\n enabled: !1\n }\n },\n {\n plugin: Cn,\n config: {\n enabled: !1\n }\n },\n {\n plugin: Ln,\n config: {\n enabled: !1\n }\n },\n {\n plugin: Tn,\n config: {\n enabled: !1\n }\n },\n {\n plugin: Rn,\n config: {\n enabled: !1\n }\n },\n {\n plugin: On,\n config: {\n enabled: !1\n }\n },\n {\n plugin: $n,\n config: {\n enabled: !1\n }\n },\n {\n plugin: Vt,\n config: {\n enabled: !1\n }\n },\n {\n plugin: Jn,\n config: {\n enabled: !1\n }\n },\n {\n plugin: es,\n config: {\n enabled: !1\n }\n },\n {\n plugin: ts,\n config: {\n enabled: !1\n }\n },\n {\n plugin: is,\n config: {\n enabled: !1\n }\n },\n {\n plugin: Vt,\n config: {\n enabled: !1\n }\n },\n {\n plugin: as,\n config: {\n enabled: !1\n }\n },\n {\n plugin: os,\n config: {\n enabled: !1\n }\n },\n {\n plugin: cs,\n config: {\n enabled: !1\n }\n },\n {\n plugin: ds,\n config: {\n enabled: !1,\n context: [\"default\"]\n }\n },\n {\n plugin: hs,\n config: {\n enable: !0,\n context: [\"default\"]\n }\n }\n];\nclass gs extends ft {\n constructor() {\n super(...arguments), this._refreshContent = !0;\n }\n set refreshContent(e) {\n this._refreshContent = e;\n }\n get refreshContent() {\n return this._refreshContent;\n }\n get closeParentPopUp() {\n return this.config.closeParentPopUp || this.getCloseParentPopUp();\n }\n getCloseParentPopUp() {\n return !1;\n }\n async action(e, t) {\n super.action(e, t), this.parentPopUp = t, await this.showPopUp();\n }\n get parentPopUp() {\n return this._parentPopUp;\n }\n set parentPopUp(e) {\n this._parentPopUp = e;\n }\n get popUp() {\n return this._popUp;\n }\n get menuTitle() {\n return this.config.menuTitle || null;\n }\n get moveable() {\n return this.config.moveable ?? !1;\n }\n get resizeable() {\n return this.config.resizeable ?? !1;\n }\n get customPopUpClass() {\n return this.config.customPopUpClass ?? \"\";\n }\n get closeActions() {\n var n, s;\n const e = ((n = this.config.closeActions) == null ? void 0 : n.clickOutside) ?? !0, t = ((s = this.config.closeActions) == null ? void 0 : s.closeButton) ?? !1;\n return {\n clickOutside: e,\n closeButton: t\n };\n }\n get currentContent() {\n return this._currentContent;\n }\n async getContent() {\n return b(\"Pop Up Button Plugin Content
\");\n }\n async checkRefreshContent() {\n if (this.refreshContent) {\n const e = await this.getContent();\n this._currentContent.innerHTML = \"\", Array.from(e.children).forEach((n) => this._currentContent.appendChild(n));\n }\n }\n get popUpType() {\n return this.config.popUpType || \"modal\";\n }\n hidePopUp() {\n this.player.playbackBar.popUp.isHidden || this.player.playbackBar.popUp.hide();\n }\n async showPopUp() {\n this._keyEventHandler || (this._keyEventHandler = (t) => {\n t.key === \"Escape\" && this.hidePopUp();\n }, this.button.addEventListener(\"keydown\", this._keyEventHandler));\n const e = this.player.playbackBar.popUp;\n if (e.isHidden || this._contentId !== e.currentContentId) {\n const t = await this.getContent();\n this._currentContent = t, this._contentId = e.show({\n title: this.menuTitle || this.description,\n content: t,\n attachRight: this.popUpType === \"timeline\" || this.side === \"right\",\n attachLeft: this.popUpType === \"timeline\" || this.side === \"left\",\n parent: this.parentPopUp\n });\n } else\n e.hide();\n }\n}\nconst ms = (i) => i ? `` : \"\", fs = (i) => i ? `${i}` : \"\", ys = (i) => i ? `aria-label=\"${i}\"` : \"\", _s = (i) => i ? `${i}` : \"\", vs = (i) => i ? `${i}` : \"\", ws = (i, e) => i || e ? `` : \"\";\nfunction Cs({ itemData: i, buttonType: e, container: t, allItems: n, menuName: s, selectedItems: a, itemPlugin: r }) {\n const { id: o = 0, title: l = null, icon: u = null, iconText: f = null, showTitle: h = !0, stateText: g = null, stateIcon: L = null } = i, y = this, v = document.createElement(\"li\"), P = a[o] ?? !1, c = b(`\n\t\t\n\t`);\n return r && (r._button = c), c.addEventListener(\"keydown\", (p) => {\n var w;\n const C = () => {\n p.stopPropagation(), p.preventDefault();\n };\n if (p.key === \"ArrowUp\") {\n const T = c.dataPrev;\n T == null || T.focus(), C();\n } else if (p.key === \"ArrowDown\") {\n const T = c.dataNext;\n T == null || T.focus(), C();\n } else if (p.key === \"Tab\") {\n const T = p.shiftKey ? p.target.dataPrev : p.target.dataNext;\n T == null || T.focus(), C();\n } else p.key === \"Escape\" && (this.player.playbackBar.popUp.pop() ? (w = y.button) == null || w.focus() : this.focus(), C());\n }), c.addEventListener(\"click\", async (p) => {\n if (e === \"check\") {\n const C = n.find((w) => w.id === o);\n a[o] = !a[o], y.itemSelected(C, n);\n } else if (e === \"radio\") {\n a[o] = !0;\n let C = null;\n n.forEach((w) => {\n w.id === o ? C = w : a[w.id] = !1;\n }), y.itemSelected(C, n);\n } else {\n const C = n.find((w) => w.id === o);\n y.itemSelected(C, n);\n }\n await y.checkRefreshContent(), p.stopPropagation(), y.closeOnSelect && (y.closeMenu(), ut(y.player));\n }), v.appendChild(c), t.appendChild(v), v;\n}\nclass bs extends gs {\n get closeOnSelect() {\n return this.config.closeOnSelect === void 0 && (this.buttonType !== \"check\" ? this.config.closeOnSelect = !0 : this.config.closeOnSelect = !1), this.config.closeOnSelect;\n }\n setSelected(e, t) {\n this._selectedItems && (this._selectedItems[e] = t);\n }\n async getContent() {\n var r, o;\n const e = (r = document.activeElement) == null ? void 0 : r.id, t = b(\"\");\n this._content = t;\n const n = await this.getMenu();\n this._menuItems = n, this._selectedItems || (this._selectedItems = {}, this._menuItems.forEach((l) => {\n l.selected !== void 0 && l.selected !== null && (this._selectedItems[l.id] = l.selected);\n }));\n const s = self.crypto.randomUUID(), a = n.map((l) => Cs.apply(this, [{\n itemData: l,\n buttonType: typeof this.buttonType == \"function\" ? this.buttonType() : this.buttonType,\n container: t,\n allItems: n,\n menuName: s,\n selectedItems: this._selectedItems,\n itemPlugin: l.plugin\n }]));\n return a.forEach((l, u, f) => {\n const h = l.querySelector(\"button\");\n let g = f[u + 1], L = f[u - 1];\n u === f.length - 1 && (g = f[0]), u === 0 && (L = f[f.length - 1]), h.dataNext = g == null ? void 0 : g.querySelector(\"button\"), h.dataPrev = L == null ? void 0 : L.querySelector(\"button\");\n }), this._firstItem = (o = a[0]) == null ? void 0 : o.querySelector(\"button\"), e && setTimeout(() => {\n var l;\n (l = document.getElementById(e)) == null || l.focus();\n }, 10), t;\n }\n get menuTitle() {\n return this.config.menuTitle || null;\n }\n async getMenu() {\n return [\n { id: 0, title: \"Option 1\" },\n { id: 1, title: \"Option 2\" },\n { id: 2, title: \"Option 3\" },\n { id: 3, title: \"Option 4\" },\n { id: 4, title: \"Option 5\" }\n ];\n }\n // Returns the menuItems with the current menu state\n get menuItems() {\n return this._menuItems;\n }\n // If showTitles is false, then the 'title' attribute of the menu\n // items is used only as aria-label.\n // If the menu item has no icon, then the `showTitles` property is ignored\n get showTitles() {\n return !0;\n }\n get buttonType() {\n return \"radio\";\n }\n itemSelected(e, t) {\n this.player.log.warn(`MenuButtonPlugin (${this.name}): itemSelected() function not implemented.`);\n }\n closeMenu() {\n this.player.playbackBar.popUp.hide();\n }\n async showPopUp() {\n this.refreshContent = !0, await super.showPopUp(), this.player.containsFocus && this._firstItem && this._firstItem.focus();\n }\n}\nclass Ls extends bs {\n get closeOnSelect() {\n return this.config.closeOnSelect ?? !1;\n }\n async load() {\n this._iconPath && (this.icon = await zt(this._iconPath));\n }\n async getContent() {\n return this._buttonPlugins || (this._buttonPlugins = [], await $(this.player, \"button\", async (e) => {\n this.player.log.debug(`Load button plugins into \"${this.groupName}\" container`), this._buttonPlugins.push(e), e.setObserver(this);\n }, async (e) => e.parentContainer === this.groupName ? await e.isEnabled() : !1)), await super.getContent();\n }\n onIconChanged(e, t, n) {\n }\n onTitleChanged(e, t, n) {\n }\n onStateChanged(e, t, n, s, a) {\n }\n get groupName() {\n var e;\n return ((e = this.config) == null ? void 0 : e.groupName) || \"buttonGroup\";\n }\n get popUpType() {\n return \"no-modal\";\n }\n getClosePopUps() {\n return !1;\n }\n buttonType() {\n return \"button\";\n }\n async getMenu() {\n return this._buttonPlugins.map((e) => ({\n id: e.name,\n title: e.title || e.description,\n icon: e.menuIcon !== \"\" ? e.menuIcon : e.icon,\n stateText: e.stateText,\n stateIcon: e.stateIcon,\n plugin: e,\n iconText: e.title\n }));\n }\n itemSelected(e, t) {\n const n = this._buttonPlugins.find((s) => s.name === e.id);\n if (n) {\n const s = new Event(\"menuitemselected\");\n n.action(s, this.currentContent);\n }\n }\n async showPopUp() {\n var e;\n await super.showPopUp(), setTimeout(() => {\n this._firstItem && this._firstItem.focus();\n }, 50), (e = this.buttons) == null || e.forEach((t) => {\n t.style.display === \"none\" ? this.hideButtonContainer(t) : this.showButtonContainer(t);\n });\n }\n get buttons() {\n return this._content && Array.from(this._content.getElementsByClassName(\"button-plugin\"));\n }\n hideButtonContainer(e) {\n var n;\n const t = (n = e.parentNode) == null ? void 0 : n.parentNode;\n t && (t.style.display = \"none\");\n }\n showButtonContainer(e) {\n var n;\n const t = (n = e.parentNode) == null ? void 0 : n.parentNode;\n t && (t.style.display = null);\n }\n}\nconst wt = (i, e, t, n = {}) => {\n const s = new i(e, t);\n return t = s.name || t, t ? (e.config.plugins && e.config.plugins[t] && we(n, e.config.plugins[t], !1), s._config = n, s) : (e.log.warn(`The instance of the ${i.name} plugin cannot be created because it is being loaded explicitly and does not have the name property implemented.`), null);\n};\nfunction Ct(i, e, t, n, s = !1) {\n const a = t.type;\n let r = -1;\n if (i.__pluginData__.pluginInstances[a] && i.__pluginData__.pluginInstances[a].find((l, u) => {\n if (l.name === t.name)\n return r = u, !0;\n }) && !s) {\n i.log.info(`Plugin ${t.name} of type ${a} already registered.`);\n return;\n }\n i.__pluginData__.pluginClasses[e] = n, i.__pluginData__.pluginInstances[a] = i.__pluginData__.pluginInstances[a] || [], r !== -1 && i.__pluginData__.pluginInstances[a].splice(r, 1), i.__pluginData__.pluginInstances[a].push(t), i.__pluginModules = i.__pluginModules || [];\n const o = t.getPluginModuleInstance();\n if (o && (o._player = o._player || i, !i.__pluginModules.find((l) => l.constructor.name === o.constructor.name))) {\n const l = o.moduleName, u = o.moduleVersion;\n i.log.debug(`Plugin module imported: ${l}: v${u}`), i.__pluginModules.push(o);\n }\n}\nfunction Ps(i, e) {\n let t = null, n = { enabled: !0 };\n if (typeof e == \"function\" ? t = e : typeof e == \"object\" && typeof e.plugin == \"function\" && (t = e.plugin, n = e.config), !t)\n i.log.warn(\"Error importing plugin with explicit import API. Check the 'plugins' array at init params\");\n else {\n const s = wt(t, i, null, n);\n if (!s)\n i.log.warn(`Unable to create an instance of the plugin ${t.name}`);\n else {\n const a = s.constructor.name;\n Ct(i, a, s, t, !0);\n }\n }\n}\nfunction ha(i, e) {\n const t = i.config;\n e.keys().forEach((n) => {\n const s = e(n), a = n.substring(2, n.length - 3);\n if (t.plugins[a]) {\n const r = s.default, o = wt(r, i, a, {});\n Ct(i, n, o, r, !1);\n } else if (/^[a-z0-9]+$/i.test(a)) {\n i.__pluginModules = i.__pluginModules || [];\n const r = s.default, o = new r(i);\n if (!i.__pluginModules.find((l) => l.constructor.name === o.constructor.name)) {\n const l = o.moduleName, u = o.moduleVersion;\n i.log.debug(`Plugin module imported: ${l}: v${u}`), i.__pluginModules.push(o);\n }\n }\n });\n}\nfunction Es(i) {\n const e = i.config;\n if (i.__pluginData__ = i.__pluginData__ || {\n pluginClasses: [],\n pluginInstances: {}\n }, i.__pluginData__.pluginClasses.length !== 0) return;\n [\n ...ps,\n ...i.initParams.plugins\n ].forEach((n) => {\n Ps(i, n);\n });\n const { buttonGroups: t } = e;\n t && t.forEach((n, s) => {\n const a = `button_group_${s}`, r = wt(Ls, i, a, n);\n r._iconPath = z([i.configResourcesUrl, n.icon]), Ct(i, r.type, r, `ButtonGroupPlugin${s}`, !1);\n }), i.log.debug(\"Plugins have been registered:\");\n}\nfunction Ts(i) {\n delete i.__pluginData__;\n}\nfunction vi(i, e) {\n var t;\n return ((t = i.__pluginData__) == null ? void 0 : t.pluginInstances[e]) || [];\n}\nasync function $(i, e, t = null, n = null) {\n if (!i.__pluginData__.pluginInstances[e]) {\n i.log.info(`There are no defined plugins of type '${e}'`);\n return;\n }\n i.__pluginData__.pluginInstances[e].sort((s, a) => s.order - a.order), i.__pluginData__.pluginInstances[e].forEach((s) => i.log.debug(`type: ${e}, name: ${s.name}`)), typeof n != \"function\" && (n = async function(s) {\n return await s.isEnabled();\n });\n for (const s in i.__pluginData__.pluginInstances[e]) {\n const a = i.__pluginData__.pluginInstances[e][s];\n if (await n(a)) {\n if (a.__uiPlugin) {\n const o = await a.getDictionaries();\n if (typeof o == \"object\")\n for (const l in o) {\n const u = o[l];\n i.addDictionary(l, u);\n }\n }\n typeof t == \"function\" && await t(a), await a.load();\n }\n }\n}\nasync function wi(i, e) {\n var t;\n (t = i.__pluginData__.pluginInstances[e]) == null || t.forEach(async (n) => {\n await n.unload();\n });\n}\nfunction Ss(i) {\n var t;\n const e = (n, s) => {\n if (!n)\n throw new Error(`Invalid video manifest: ${s}`);\n };\n e(i.streams, \"missing 'streams' object.\"), e(i.streams.length > 0, \"the 'streams' array is empty.\"), e((t = i.metadata) == null ? void 0 : t.preview, \"the 'metadata.preview' field is required.\");\n}\nclass Is extends de {\n constructor(e, t) {\n super(e, t), this._videoContainer = t, this._streamData = null, this._streams = null, this._players = [], this._mainAudioPlayer = null, this._streamSyncTimer = null, this._trimming = {\n enabled: !1,\n start: 100,\n end: 200\n };\n }\n async load(e) {\n this._streamData = e, this._streams = {};\n let t = this.player.config.defaultAudioStream || \"presenter\";\n this._streamData.length === 1 && (t = this._streamData[0].content), e.some((n) => {\n if (n.role === \"mainAudio\")\n return t = n.content, !0;\n }), this.player.log.debug(\"Finding compatible video plugins\"), await jn(this.player);\n for (const n of this._streamData) {\n const s = Wn(this.player, n);\n if (!s)\n throw Error(`Canvas plugin not found: ${n.canvas}`);\n const a = n.content === t, r = await qi(this.player, n);\n if (!r)\n throw Error(`Incompatible stream type: ${n.content}`);\n this._streams[n.content] = {\n stream: n,\n isMainAudio: a,\n videoPlugin: r,\n canvasPlugin: s\n };\n }\n for (const n in this._streams) {\n const s = this._streams[n];\n s.canvas = await s.canvasPlugin.getCanvasInstance(this._videoContainer), s.player = await s.videoPlugin.getVideoInstance(s.canvas.element, s.isMainAudio), t === n ? (this._mainAudioPlayer = s.player, s.player.initVolume(1)) : s.player.initVolume(0), await s.player.load(s.stream, this), await s.canvas.loadCanvas(s.player), s.player.onVideoEnded(() => {\n this.executeAction(\"pause\"), this.executeAction(\"setCurrentTime\", 0), se(this.player, m.ENDED);\n }), this._players.push(s.player);\n }\n if (this.mainAudioPlayer === null)\n throw this.player.log.error(\"The video stream containing the audio track could not be identified. The `role` attribute must be specified in the main video stream, or the `defaultAudioStream` attribute must be set correctly in the player configuration.\"), new Error(\"The video stream containing the audio track could not be identified.\");\n }\n async unload() {\n this.stopStreamSync(), await qn(this.player);\n }\n get players() {\n return this._players;\n }\n // This is the raw streamData loaded from the video manifest\n get streamData() {\n return this._streamData;\n }\n // This property stores the available streams, indexed by the content identifier, and contains the\n // stream data, the video plugin and the player, for each content identifier.\n get streams() {\n return this._streams;\n }\n get mainAudioPlayer() {\n return this._mainAudioPlayer;\n }\n get isTrimEnabled() {\n var e, t, n;\n return ((e = this._trimming) == null ? void 0 : e.enabled) && ((t = this._trimming) == null ? void 0 : t.end) > ((n = this._trimming) == null ? void 0 : n.start);\n }\n get trimStart() {\n var e;\n return (e = this._trimming) == null ? void 0 : e.start;\n }\n get trimEnd() {\n var e;\n return (e = this._trimming) == null ? void 0 : e.end;\n }\n async setTrimming({ enabled: e, start: t, end: n }) {\n if (t >= n)\n throw Error(`Error setting trimming: start time (${t}) must be lower than end time ${n}`);\n this._trimming = {\n enabled: e,\n start: t,\n end: n\n };\n const s = await this.currentTime();\n se(this.player, m.TIMEUPDATE, { currentTime: e ? t + s : s });\n }\n startStreamSync() {\n this._timeSync = !0;\n const e = async () => {\n if (!this._players.length) {\n this.player.log.warn(\"Player not yet loaded. Waiting for video sync.\");\n return;\n }\n let t = this.mainAudioPlayer.currentTimeSync;\n const n = 0.2;\n if (this.players.length > 1)\n for (let s = 0; s < this.players.length; ++s) {\n const a = this.players[s];\n if (a !== this.mainAudioPlayer) {\n const r = a.currentTimeSync;\n Math.abs(t - r) > n && (this.player.log.debug(\"Video synchronization triggered\"), a.setCurrentTime(t));\n }\n }\n if (this.isTrimEnabled) {\n let s = t - this.trimStart;\n if (this.trimEnd <= t) {\n await this.executeAction(\"pause\"), await this.setCurrentTime(0), this.stopStreamSync(), t = 0, se(this.player, m.ENDED, {});\n return;\n } else t < this.trimStart && (await this.setCurrentTime(0), t = this.trimStart, s = 0);\n se(this.player, m.TIMEUPDATE, { currentTime: s }), this._timeupdateTimer = setTimeout(() => {\n this._timeSync && e();\n }, 250);\n } else this._timeSync && (se(this.player, m.TIMEUPDATE, { currentTime: t }), this._timeupdateTimer = setTimeout(() => {\n e();\n }, 250));\n };\n e();\n }\n stopStreamSync() {\n this._timeSync = !1, this._timeupdateTimer && clearTimeout(this._timeupdateTimer);\n }\n executeAction(e, t = []) {\n return Array.isArray(t) || (t = [t]), new Promise((n) => {\n let s = [], a = [];\n this.players.forEach((r) => {\n a.push(new Promise((o) => {\n r[e](...t).then((l) => {\n s.push(l), o();\n });\n }));\n }), Promise.allSettled(a).then(() => n(s));\n });\n }\n get isLiveStream() {\n return this._streamData.some((e) => Array.from(Object.keys(e.sources)).indexOf(\"hlsLive\") !== -1);\n }\n async play() {\n return this.startStreamSync(), await this.executeAction(\"play\");\n }\n async pause() {\n return this.stopStreamSync(), await this.executeAction(\"pause\");\n }\n async stop() {\n this.stopStreamSync(), await this.executeAction(\"pause\"), await this.executeAction(\"setCurrentTime\", 0);\n }\n async paused() {\n return (await this.executeAction(\"paused\"))[0];\n }\n async setCurrentTime(e) {\n const t = await this.duration();\n e < 0 ? e = 0 : e > t && (e = t);\n const n = (await this.executeAction(\"currentTime\"))[0];\n let s = null;\n if (this.isTrimEnabled) {\n e = e + this.trimStart, e = e >= this.trimEnd ? this.trimEnd : e;\n const r = (await this.executeAction(\"setCurrentTime\", [e]))[0], o = (await this.executeAction(\"currentTime\"))[0];\n s = {\n result: r,\n prevTime: n - this.trimStart,\n newTime: o - this.trimStart\n };\n } else {\n const r = (await this.executeAction(\"setCurrentTime\", [e]))[0], o = (await this.executeAction(\"currentTime\"))[0];\n s = { result: r, prevTime: n, newTime: o };\n }\n const a = await this.currentTime();\n return se(this.player, m.TIMEUPDATE, { currentTime: a }), s;\n }\n async currentTime() {\n const e = await this.mainAudioPlayer.currentTime();\n return this.isTrimEnabled ? e - this.trimStart : e;\n }\n async currentTimeIgnoringTrimming() {\n return await this.mainAudioPlayer.currentTime();\n }\n async volume() {\n return this.mainAudioPlayer ? await this.mainAudioPlayer.volume() : (await this.executeAction(\"volume\"))[0];\n }\n async setVolume(e) {\n return this.mainAudioPlayer ? await this.mainAudioPlayer.setVolume(e) : (await this.executeAction(\"setVolume\", [e]))[0];\n }\n async duration() {\n return this.isTrimEnabled ? this.trimEnd - this.trimStart : await this.durationIgnoringTrimming();\n }\n async durationIgnoringTrimming() {\n return (await this.executeAction(\"duration\")).reduce((t, n) => Math.min(t, n), Number.MAX_VALUE);\n }\n async playbackRate() {\n return (await this.executeAction(\"playbackRate\"))[0];\n }\n async setPlaybackRate(e) {\n return (await this.executeAction(\"setPlaybackRate\", [e]))[0];\n }\n async getQualityReferencePlayer() {\n let e = null, t = [];\n if (Object.keys(this.streams).length > 0)\n for (const n in this.streams) {\n const s = this.streams[n], a = await s.player.getQualities() || [];\n !e && a.length > t.length && (t = a, e = s.player);\n }\n return e || this.mainAudioPlayer;\n }\n async getCurrentQuality() {\n return (await this.getQualityReferencePlayer()).currentQuality;\n }\n async getQualities() {\n return await (await this.getQualityReferencePlayer()).getQualities();\n }\n async setQuality(e) {\n const n = await (await this.getQualityReferencePlayer()).getQualities(), s = n.length;\n let a = -1;\n if (n.some((r, o) => (e.index === r.index && (a = o), a !== -1)), a >= 0) {\n const r = a / s;\n for (const o in this.streams) {\n const l = this.streams[o], u = await l.player.getQualities() || [];\n if (this.player.log.debug(u), u.length > 1) {\n const f = Math.round(u.length * r), h = u[f];\n await l.player.setQuality(h);\n }\n }\n }\n }\n async supportsMultiaudio() {\n return this.mainAudioPlayer.supportsMultiaudio();\n }\n async getAudioTracks() {\n return this.mainAudioPlayer.getAudioTracks();\n }\n async setCurrentAudioTrack(e) {\n return this.mainAudioPlayer.setCurrentAudioTrack(e);\n }\n get currentAudioTrack() {\n return this.mainAudioPlayer.currentAudioTrack;\n }\n}\nconst U = Object.freeze({\n TOP_LEFT: \"topLeft\",\n TOP_MIDDLE: \"topMiddle\",\n TOP_RIGHT: \"topRight\",\n CENTER_LEFT: \"centerLeft\",\n CENTER_MIDDLE: \"centerMiddle\",\n CENTER_RIGHT: \"centerRight\",\n BOTTOM_LEFT: \"bottomLeft\",\n BOTTOM_MIDDLE: \"bottomMiddle\",\n BOTTOM_RIGHT: \"bottomRight\"\n}), B = (i, e, t, n, s) => {\n n = n || \"\", t = t || 1e3;\n const a = b(`\n \n `);\n return s.innerHTML = \"\", s.appendChild(a), s.timer && (clearTimeout(s.timer), s.timer = null), s.timer = setTimeout(() => {\n s.removeChild(a);\n }, t), a;\n};\nclass ks extends G {\n constructor(e, t) {\n const n = { class: \"video-container-message\" };\n super(e, { attributes: n, parent: t }), this._topLeftContainer = b('', this.element), this._topMiddleContainer = b('', this.element), this._topRightContainer = b('', this.element), this._centerLeftContainer = b('', this.element), this._centerMiddleContainer = b('', this.element), this._centerRightContainer = b('', this.element), this._bottomLeftContainer = b('', this.element), this._bottomMiddleContainer = b('', this.element), this._bottomRightContainer = b('', this.element);\n }\n show({ icon: e = null, text: t = \"\", timeout: n = 1e3, position: s = U.CENTER_MIDDLE, cssClass: a = \"\" }) {\n switch (s) {\n case U.TOP_LEFT:\n B.apply(this, [e, t, n, a, this._topLeftContainer]);\n break;\n case U.TOP_MIDDLE:\n B.apply(this, [e, t, n, a, this._topMiddleContainer]);\n break;\n case U.TOP_RIGHT:\n B.apply(this, [e, t, n, a, this._topRightContainer]);\n break;\n case U.CENTER_LEFT:\n B.apply(this, [e, t, n, a, this._centerLeftContainer]);\n break;\n case U.CENTER_MIDDLE:\n B.apply(this, [e, t, n, a, this._centerMiddleContainer]);\n break;\n case U.CENTER_RIGHT:\n B.apply(this, [e, t, n, a, this._centerRightContainer]);\n break;\n case U.BOTTOM_LEFT:\n B.apply(this, [e, t, n, a, this._bottomLeftContainer]);\n break;\n case U.BOTTOM_MIDDLE:\n B.apply(this, [e, t, n, a, this._bottomMiddleContainer]);\n break;\n case U.BOTTOM_RIGHT:\n B.apply(this, [e, t, n, a, this._bottomRightContainer]);\n break;\n }\n }\n}\nconst _ = Object.freeze({\n UNLOADED: 0,\n LOADING_MANIFEST: 1,\n MANIFEST: 2,\n LOADING_PLAYER: 3,\n LOADED: 4,\n UNLOADING_MANIFEST: 5,\n UNLOADING_PLAYER: 6,\n ERROR: 7\n});\nfunction Ds(i, e) {\n return Array.isArray[e] || (e = [e]), ji(i, e).getManifestData(e);\n}\nasync function xs(i) {\n return { w: 1280, h: 720 };\n}\nasync function Ci(i) {\n var e;\n for (const t in this.streamProvider.streams) {\n const n = ((e = i == null ? void 0 : i.videos) == null ? void 0 : e.find((a) => a.content === t)) != null, s = this.streamProvider.streams[t];\n n && !s.player.isEnabled ? await s.player.enable() : !n && s.player.isEnabled && await s.player.disable();\n }\n}\nfunction bi() {\n for (const i in this.streamProvider.streams) {\n const e = this.streamProvider.streams[i];\n e.canvas.element.style.display = \"none\", this._hiddenVideos.appendChild(e.canvas.element);\n }\n}\nasync function As() {\n var a, r;\n const i = gi(this.player, this.streamProvider.streamData, this._layoutId, this._mainLayoutContent);\n await Ci.apply(this, [i]), bi.apply(this);\n const e = await xs(this.player), t = 100 / e.w, n = 100 / e.h;\n if (this.baseVideoRect.classList.remove(\"dynamic\"), this.baseVideoRect.classList.add(\"static\"), (a = i == null ? void 0 : i.videos) != null && a.length) {\n const o = [];\n for (const l of i.videos) {\n const u = this.streamProvider.streams[l.content], { stream: f, player: h, canvas: g } = u, L = await h.getDimensions(), y = L.w / L.h;\n let v = Number.MAX_VALUE, P = null;\n g.clearButtonsArea(), o.push(await rt(this.player, i, g, l, l.content)), l.rect.forEach((c) => {\n const p = /^(\\d+.?\\d*)\\/(\\d+.?\\d*)$/.exec(c.aspectRatio), C = p ? Number(p[1]) / Number(p[2]) : 1, w = Math.abs(y - C);\n w < v && (P = c, v = w);\n }), g.element.style.display = \"block\", g.element.style.position = \"absolute\", g.element.style.left = `${(P == null ? void 0 : P.left) * t}%`, g.element.style.top = `${(P == null ? void 0 : P.top) * n}%`, g.element.style.width = `${(P == null ? void 0 : P.width) * t}%`, g.element.style.height = `${(P == null ? void 0 : P.height) * n}%`, g.element.style.zIndex = l.layer, this.baseVideoRect.appendChild(g.element);\n }\n setTimeout(() => {\n ot(this.player, i, o.flat());\n }, 100);\n }\n const s = this.baseVideoRect.getElementsByClassName(\"video-layout-button\");\n return Array.from(s).forEach((o) => this.baseVideoRect.removeChild(o)), (r = i == null ? void 0 : i.buttons) == null || r.forEach((o) => {\n const l = Jt({\n tag: \"button\",\n attributes: {\n class: \"video-layout-button\",\n \"aria-label\": Ce(o.ariaLabel),\n title: Ce(o.title),\n style: `\n left: ${o.rect.left * t}%;\n top: ${o.rect.top * n}%;\n width: ${o.rect.width * t}%;\n height: ${o.rect.height * n}%;\n z-index: ${o.layer};\n `\n },\n parent: this.baseVideoRect,\n children: o.icon\n });\n l.layout = i, l.buttonAction = o.onClick, l.addEventListener(\"click\", async (u) => {\n E(this.player, m.BUTTON_PRESS, {\n plugin: i.plugin,\n layoutStructure: i\n }), await u.target.buttonAction.apply(u.target.layout), u.stopPropagation();\n }), this._layoutButtons.push(l);\n }), !0;\n}\nasync function Ms() {\n var r, o, l, u, f, h;\n const i = gi(this.player, this.streamProvider.streamData, this._layoutId, this._mainLayoutContent);\n await Ci.apply(this, [i]), bi.apply(this), this.baseVideoRect.classList.add(\"dynamic\"), this.baseVideoRect.classList.remove(\"static\"), this.baseVideoRect.innerHTML = \"\";\n const e = this.element.clientWidth, t = this.element.clientHeight, n = e > t;\n if (this.baseVideoRect.classList.remove(\"align-center\"), this.baseVideoRect.classList.remove(\"align-top\"), this.baseVideoRect.classList.remove(\"align-bottom\"), this.baseVideoRect.classList.remove(\"align-left\"), this.baseVideoRect.classList.remove(\"align-right\"), n) {\n const g = ((o = (r = this.player.config.videoContainer) == null ? void 0 : r.dynamicLayout) == null ? void 0 : o.landscapeVerticalAlignment) || \"align-center\";\n this.baseVideoRect.classList.remove(\"portrait\"), this.baseVideoRect.classList.add(\"landscape\"), this.baseVideoRect.classList.add(g);\n } else {\n const g = ((u = (l = this.player.config.videoContainer) == null ? void 0 : l.dynamicLayout) == null ? void 0 : u.portraitHorizontalAlignment) || \"align-center\";\n this.baseVideoRect.classList.add(\"portrait\"), this.baseVideoRect.classList.remove(\"landscape\"), this.baseVideoRect.classList.add(g);\n }\n const s = this.baseVideoRect.clientWidth, a = this.element.clientHeight;\n if (((f = i == null ? void 0 : i.videos) == null ? void 0 : f.length) === 1) {\n const g = [], L = [], y = i.videos[0], v = this.streamProvider.streams[y.content], { player: P, canvas: c } = v;\n c.clearButtonsArea(), L.push(await rt(this.player, i, c, y, y.content)), c.element.style = {}, c.element.style.display = \"block\", c.element.style.width = \"100%\", c.element.style.height = \"100%\", c.element.style.overflow = \"hidden\", c.element.style.position = \"relative\", g.push(c.element), c.element.sortIndex = 0, g.forEach((p) => this.baseVideoRect.appendChild(p)), setTimeout(() => {\n ot(this.player, i, L.flat());\n }, 100);\n } else if ((h = i == null ? void 0 : i.videos) != null && h.length) {\n let g = 0;\n const L = [], y = [];\n for (const v of i.videos) {\n const P = this.streamProvider.streams[v.content], { player: c, canvas: p } = P, C = await c.getDimensions(), w = C.w / C.h, T = s, J = a, H = (n ? T : J) * v.size / 100;\n let j = Math.round(n ? H : H * w), N = Math.round(n ? H / w : H);\n j > T && (j = T, N = Math.round(j / w)), N > J && (N = J, j = Math.round(N * w)), p.clearButtonsArea(), y.push(await rt(this.player, i, p, v, v.content)), p.element.style = {}, p.element.style.display = \"block\", p.element.style.width = `${j}px`, p.element.style.height = `${N}px`, p.element.style.overflow = \"hidden\", p.element.style.position = \"relative\", p.element.sortIndex = g++, L.push(p.element);\n }\n if (n) {\n const v = b('', this.baseVideoRect);\n L.forEach((P) => v.appendChild(P));\n } else\n L.forEach((v) => this.baseVideoRect.appendChild(v));\n setTimeout(() => {\n ot(this.player, i, y.flat());\n }, 100);\n }\n return !0;\n}\nclass Rs extends G {\n constructor(e, t) {\n var r;\n const n = \"base-video-rect\", s = {\n class: \"video-container\"\n };\n (r = e.config.videoContainer) != null && r.overPlaybackBar && (s.class += \" over-playback-bar\");\n const a = `\n \n \n `;\n super(e, { attributes: s, children: a, parent: t }), this._hiddenVideos = this.element.getElementsByClassName(\"hidden-videos-container\")[0], this._baseVideoRect = this.element.getElementsByClassName(n)[0], this.element.addEventListener(\"click\", async () => {\n await this.paused() ? await this.play() : await this.pause();\n }), this._ready = !1, this._players = [], this._streamProvider = new Is(this.player, this.baseVideoRect);\n }\n get layoutId() {\n return this._layoutId;\n }\n get mainLayoutContent() {\n return this._mainLayoutContent;\n }\n async setLayout(e, t = null) {\n var n, s;\n if (this.validContentIds.indexOf(e) === -1)\n return !1;\n {\n const a = (s = (n = this.player.config.videoContainer) == null ? void 0 : n.restoreVideoLayout) == null ? void 0 : s.global;\n await this.player.preferences.set(\"videoLayout\", e, { global: a }), await this.player.preferences.set(\"videoLayoutMainContent\", t, { global: a });\n const r = this._layoutId;\n this._layoutId = e, this._mainLayoutContent = t, await this.updateLayout(), r !== e && E(this.player, m.LAYOUT_CHANGED, { prevLayout: r, layoutId: e });\n }\n }\n get validContentIds() {\n return this._validContentIds;\n }\n get validContentSettings() {\n return this._validContentSettings;\n }\n get validLayouts() {\n return Oe(this.player, this.streamData);\n }\n get streamData() {\n return this._streamData;\n }\n get baseVideoRect() {\n return this._baseVideoRect;\n }\n get streamProvider() {\n return this._streamProvider;\n }\n async create() {\n this._baseVideoRect.style.display = \"none\", await $(this.player, \"layout\"), await Gi(this.player);\n }\n async load(e) {\n var o, l, u, f, h, g, L, y, v, P;\n if (this._streamData = e, (l = (o = this.player.config.videoContainer) == null ? void 0 : o.restoreVideoLayout) != null && l.enabled) {\n const c = (f = (u = this.player.config.videoContainer) == null ? void 0 : u.restoreVideoLayout) == null ? void 0 : f.global;\n this._layoutId = await this.player.preferences.get(\"videoLayout\", { global: c }) || this.player.config.defaultLayout, this._mainLayoutContent = await this.player.preferences.get(\"videoLayoutMainContent\", { global: c }) || null;\n } else\n this._layoutId = this.player.config.defaultLayout, this._mainLayoutContent = null;\n await this.streamProvider.load(e), this._validContentIds = hi(this.player, e), this._validContentSettings = zn(this.player, e), await this.updateLayout(null, !0);\n const t = b(\n '',\n this.element\n ), n = b(\n '',\n this.element\n );\n this._buttonPlugins = [t, n], this.player.log.debug(\"Loading videoContainer button plugins\"), await $(this.player, \"button\", async (c) => {\n this.player.log.debug(` Button plugin: ${c.name}`), c.side === \"left\" ? await Ve(c, t) : c.side === \"right\" && await Ve(c, n);\n }, async (c) => c.parentContainer === \"videoContainer\" ? await c.isEnabled() : !1), this._baseVideoRect.style.display = \"\";\n const s = await this.player.preferences.get(\"volume\", { global: !0 }), a = await this.player.preferences.get(\"playbackRate\", { global: !0 }), r = await this.player.preferences.get(\"lastKnownTime\", { global: !1 });\n if ((h = this.player.config.videoContainer) != null && h.restoreVolume && s !== null && s !== void 0 && await this.streamProvider.setVolume(s), (g = this.player.config.videoContainer) != null && g.restorePlaybackRate && a !== null && a !== void 0 && await this.streamProvider.setPlaybackRate(a), this.player.videoManifest.trimming && await this.player.videoContainer.setTrimming(this.player.videoManifest.trimming), (y = (L = this.player.config.videoContainer) == null ? void 0 : L.restoreLastTime) != null && y.enabled && !this.streamProvider.isLiveStream) {\n const c = async () => {\n if (!await this.paused()) {\n const C = await this.currentTime();\n await this.player.preferences.set(\"lastKnownTime\", C, { global: !1 });\n }\n setTimeout(c, 1e3);\n };\n if (r) {\n const p = await this.player.preferences.get(\"lastKnownTime\", { global: !1 }), C = await this.duration(), w = (P = (v = this.player.config.videoContainer) == null ? void 0 : v.restoreLastTime) == null ? void 0 : P.remainingSeconds;\n C - p > w && await this.setCurrentTime(p);\n }\n c();\n }\n this._messageContainer = new ks(this.player, this.element), this._ready = !0;\n }\n async unload() {\n this.removeFromParent(), await wi(this.player, \"layout\"), await Hi(this.player), await this.streamProvider.unload();\n }\n // Return true if the layout this.layoutId is compatible with the current stream data.\n async updateLayout(e = null) {\n const t = arguments[1];\n if (e && (this._mainLayoutContent = e), !t && this.player.state !== _.LOADED)\n return;\n if (this._updateInProgress)\n return this.player.log.warn(\"Recursive update layout detected\"), !1;\n this._updateInProgress = !0;\n let n = !0;\n this._layoutButtons = [], (!this._layoutId || this._validContentIds.indexOf(this._layoutId) === -1) && (this._layoutId = this.player.config.defaultLayout, this._mainLayoutContent = null, this._validContentIds.indexOf(this._layoutId) === -1 && (this._layoutId = this._validContentIds[0]), n = !1);\n const s = pi(this.player, this.streamProvider.streamData, this._layoutId);\n return s.layoutType === \"static\" ? n = As.apply(this) : s.layoutType === \"dynamic\" && (n = Ms.apply(this)), this._updateInProgress = !1, n;\n }\n hideUserInterface() {\n if (this._layoutButtons && this._buttonPlugins) {\n this.player.log.debug(\"Hide video container user interface\");\n const e = (t) => {\n t._prevDisplay = t.style.display, t.style.display = \"none\";\n };\n this._layoutButtons.forEach(e), this._buttonPlugins.forEach(e);\n for (const t in this.streamProvider.streams)\n this.streamProvider.streams[t].canvas.hideButtons();\n }\n }\n showUserInterface() {\n if (this._layoutButtons && this._buttonPlugins) {\n const e = (t) => t.style.display = t._prevDisplay || \"block\";\n this._layoutButtons.forEach(e), this._buttonPlugins.forEach(e);\n for (const t in this.streamProvider.streams)\n this.streamProvider.streams[t].canvas.showButtons();\n }\n }\n get message() {\n return this._messageContainer;\n }\n get elementSize() {\n return { w: this.element.offsetWidth, h: this.element.offsetHeight };\n }\n get ready() {\n return this._ready;\n }\n get isLiveStream() {\n return this.streamProvider.isLiveStream;\n }\n async play() {\n const e = await this.streamProvider.play();\n return E(this.player, m.PLAY), e;\n }\n async pause() {\n const e = await this.streamProvider.pause();\n return E(this.player, m.PAUSE), e;\n }\n async stop() {\n this.streamProvider.stop(), E(this.player, m.STOP);\n }\n async paused() {\n return this.streamProvider.paused();\n }\n async setCurrentTime(e) {\n const t = await this.streamProvider.setCurrentTime(e);\n return E(this.player, m.SEEK, { prevTime: t.prevTime, newTime: t.newTime }), t.result;\n }\n async currentTime() {\n return this.streamProvider.currentTime();\n }\n async volume() {\n return this.streamProvider.volume();\n }\n async setVolume(e) {\n const t = await this.streamProvider.setVolume(e);\n return E(this.player, m.VOLUME_CHANGED, { volume: e }), await this.player.preferences.set(\"volume\", e, { global: !0 }), t;\n }\n async duration() {\n return await this.streamProvider.duration();\n }\n async playbackRate() {\n return await this.streamProvider.playbackRate();\n }\n async setPlaybackRate(e) {\n const t = await this.streamProvider.setPlaybackRate(e);\n return E(this.player, m.PLAYBACK_RATE_CHANGED, { newPlaybackRate: e }), await this.player.preferences.set(\"playbackRate\", e, { global: !0 }), t;\n }\n get isTrimEnabled() {\n return this.streamProvider.isTrimEnabled;\n }\n get trimStart() {\n return this.streamProvider.trimStart;\n }\n get trimEnd() {\n return this.streamProvider.trimEnd;\n }\n async setTrimming({ enabled: e, start: t, end: n }) {\n const s = await this.streamProvider.setTrimming({\n enabled: e,\n start: t,\n end: n\n });\n return E(this.player, m.TRIMMING_CHANGED, {\n enabled: e,\n start: t,\n end: n\n }), s;\n }\n getVideoRect(e = null) {\n var n, s;\n let t = this.baseVideoRect;\n if (typeof e == \"string\") {\n if (t = (n = this.streamProvider.streams[e]) == null ? void 0 : n.canvas.element, !t)\n return this.player.log.warn(`videoContainer.getVideoRect: Invalid target '${e}'. Valid targets are: ${Object.keys(this.streamProvider.streams).join(\", \")}`), this.player.log.warn(\"Please, configure a valid target in the 'targetContent' property of the configuration file, or provide a valid target in the 'frameList.targetContent' property of the video manifest\"), null;\n } else e === 0 && (t = (s = this.streamProvider.streams[Object.keys(this.streamProvider.streams)[0]]) == null ? void 0 : s.canvas.element);\n return {\n x: t == null ? void 0 : t.offsetLeft,\n y: t == null ? void 0 : t.offsetTop,\n width: t == null ? void 0 : t.offsetWidth,\n height: t == null ? void 0 : t.offsetHeight,\n element: t\n };\n }\n appendChild(e, t = null, n = 1) {\n if (t) {\n const { width: s, height: a } = this.getVideoRect();\n t.x = t.x * 100 / s, t.width = t.width * 100 / s, t.y = t.y * 100 / a, t.height = t.height * 100 / a, e.style.position = \"absolute\", e.style.left = `${t.x}%`, e.style.top = `${t.y}%`, e.style.width = `${t.width}%`, e.style.height = `${t.height}%`, n !== null && (e.style.zIndex = n);\n }\n return this.baseVideoRect.appendChild(e), e;\n }\n removeChild(e) {\n this.baseVideoRect.removeChild(e);\n }\n}\nconst Vs = `\n\n\n`, Ns = `\n background-color: #e4e4e4;\n width: 100%;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n position: absolute;\n top: 50%;\n transform: translateY(-50%); \n`, Qe = `\n width: 100%;\n`, Us = `\n position: absolute; \n top: 0px; \n left: 0px; \n right: 0px; \n bottom: 0px; \n display: flex;\n align-content: center;\n justify-content: center;\n align-items: center;\n`, Fs = `\n pointer-events: none;\n width: 20%;\n max-width: 400px;\n min-width: 100px;\n opacity: 0.6;\n`, Os = `\n display: block;\n width: 20%;\n background: none;\n border: none;\n cursor: pointer;\n`;\nclass $s extends G {\n constructor(e, t, n, s) {\n const a = {\n class: \"preview-container\",\n style: Ns,\n role: \"button\",\n \"aria-label\": \"Play video\"\n };\n super(e, { attributes: a, parent: t }), this._img = b(`\n\n ${n ? `![\"\"/](\"${n}\")
` : \"\"}\n ${s ? `![\"\"/](\"${s}\")
` : \"\"}\n
\n `, this.element), this.element.setAttribute(\"id\", \"playerContainerClickArea\"), this.element.addEventListener(\"click\", (l) => {\n e.play();\n });\n const r = n && s, o = () => {\n if (r) {\n const l = this.element.clientWidth / this.element.clientHeight, u = Array.from(this.element.getElementsByClassName(\"preview-image-landscape\")), f = Array.from(this.element.getElementsByClassName(\"preview-image-portrait\"));\n l >= 1 ? (u.forEach((h) => h.style.display = \"\"), f.forEach((h) => h.style.display = \"none\")) : (u.forEach((h) => h.style.display = \"none\"), f.forEach((h) => h.style.display = \"\"));\n }\n };\n window.addEventListener(\"resize\", () => {\n o();\n }), o();\n }\n loadBackgroundImage(e) {\n this._img.setAttribute(\"src\", e);\n }\n}\nconst Bs = (i) => {\n const e = document.createElement(\"section\");\n return e.classList.add(\"pop-up\"), e.innerHTML = `\n \n \n
\n title
\n\n
\n `, i.appendChild(e), e.setTitle = (t) => {\n e.querySelector(\"header.pop-up-title h2\").textContent = t;\n }, e.popButton = () => e.querySelector(\"header.pop-up-title button\"), e.onPopClicked = (t) => {\n e._clickCallback && e.popButton().removeEventListener(\"click\", e._clickCallback), e._clickCallback = t, e.popButton().addEventListener(\"click\", t);\n }, e.hidePopButton = () => e.popButton().style.display = \"none\", e.showPopButton = () => e.popButton().style.display = \"\", e.setContent = (t) => {\n e.querySelector(\"div.pop-up-content\").innerHTML = \"\", e.querySelector(\"div.pop-up-content\").appendChild(t);\n }, e;\n};\nlet zs = 0;\nfunction Gs() {\n return ++zs;\n}\nvar ee, D, A, Ee;\nclass Hs {\n constructor(e) {\n I(this, ee, null);\n I(this, D, null);\n I(this, A, []);\n I(this, Ee, \"\");\n k(this, ee, e), k(this, D, document.createElement(\"div\")), d(this, D).className = \"pop-up-wrapper\", e.element.prepend(d(this, D)), d(this, D).classList.add(\"hidden\"), d(this, D).addEventListener(\"click\", (t) => t.stopPropagation()), d(this, ee).element.addEventListener(\"click\", (t) => {\n t.stopPropagation(), this.hide();\n });\n }\n get title() {\n return d(this, Ee);\n }\n set title(e) {\n k(this, Ee, e);\n }\n get currentContent() {\n return d(this, A).length && d(this, A)[d(this, A).length - 1];\n }\n get currentContentId() {\n var e;\n return ((e = this.currentContent) == null ? void 0 : e.dataContentId) ?? -1;\n }\n show({ content: e, title: t = \"\", parent: n = null, attachLeft: s = !1, attachRight: a = !1 }) {\n if (!e)\n throw new Error(\"PlaybackBarPopUp.show(): No content provided.\");\n e.setAttribute(\"data-pop-up-content-id\", Gs()), e.dataContentId = e.getAttribute(\"data-pop-up-content-id\");\n const r = d(this, A).length && d(this, A)[d(this, A).length - 1], o = n && n.getAttribute(\"data-pop-up-content-id\");\n r && r.getAttribute(\"data-pop-up-content-id\") !== o ? (d(this, D).innerHTML = \"\", k(this, A, [])) : r && r.container.classList.add(\"out\"), d(this, A).push(e), d(this, ee).element.classList.add(\"pop-up-active\"), d(this, D).classList.remove(\"hidden\");\n const l = Bs(d(this, D));\n return l.setTitle(t), e.container = l, s === !0 ? d(this, D).classList.add(\"left\") : d(this, D).classList.remove(\"left\"), a === !0 ? d(this, D).classList.add(\"right\") : d(this, D).classList.remove(\"right\"), l.setContent(e), d(this, A).length > 1 ? l.onPopClicked(() => {\n d(this, A).pop(), d(this, A)[d(this, A).length - 1].container.classList.remove(\"out\"), d(this, D).removeChild(l);\n }) : l.hidePopButton(), this.title = t, e.dataContentId;\n }\n pop() {\n if (d(this, D).querySelectorAll(\".pop-up\").length === 1)\n return this.hide(), !1;\n const e = new Event(\"click\");\n return d(this, D).querySelector(\".pop-up:not(.out) .action-back\").dispatchEvent(e), !0;\n }\n hide() {\n d(this, ee).element.classList.remove(\"pop-up-active\"), d(this, D).classList.add(\"hidden\");\n }\n get isHidden() {\n return d(this, D).classList.contains(\"hidden\");\n }\n}\nee = new WeakMap(), D = new WeakMap(), A = new WeakMap(), Ee = new WeakMap();\nvar Te, re, oe, Q, le, Se, ce, R, te, ue;\nclass js extends G {\n constructor(t, n) {\n var f;\n const s = ((f = t.config.progressIndicator) == null ? void 0 : f.inlineMode) ?? !1;\n super(t, { attributes: { class: \"playback-bar-container\" }, parent: n });\n I(this, Te, null);\n I(this, re, null);\n I(this, oe, null);\n I(this, Q, null);\n I(this, le, null);\n I(this, Se, null);\n I(this, ce, null);\n I(this, R, null);\n I(this, te, !0);\n I(this, ue, []);\n k(this, Te, new Hs(this)), this.element.addEventListener(\"mouseenter\", () => Wt(t)), this.element.addEventListener(\"mouseleave\", () => ut(t)), k(this, re, b('', this.element)), k(this, oe, b(\"\")), k(this, Q, b(\"\")), k(this, le, b(\"\n
\n `, this.element), this._captions = [], this.hide(), this._currentCaptions = null;\n const s = async (a) => {\n const o = (e.videoContainer.isTrimEnabled ? e.videoContainer.trimStart : 0) + (a.currentTime || a.newTime || 0);\n if (this._currentCaptions) {\n const l = this._currentCaptions.getCue(o);\n this._captionsContainer.innerHTML = \"\", l && l.captions.forEach((u) => {\n this._captionsContainer.innerHTML += u, this._captionsContainer.innerHTML += \"\";\n }), l ? this._captionsContainer.style.display = null : this._captionsContainer.style.display = \"none\", this.resize();\n }\n };\n M(this.player, m.TIMEUPDATE, s), M(this.player, m.SEEK, s), M(this.player, m.RESIZE, () => this.resize()), M(this.player, m.SHOW_UI, () => this.element.classList.add(\"visible-ui\")), M(this.player, m.HIDE_UI, () => this.element.classList.remove(\"visible-ui\"));\n }\n async load() {\n await Pn(this.player);\n }\n unload() {\n }\n resize() {\n const e = qs(this._captionsContainer.clientWidth);\n Li.forEach((t) => this.element.classList.remove(t.className)), this.element.classList.add(e);\n }\n addCaptions(e) {\n this._captions.push(e), E(this.player, m.CAPTIONS_CHANGED, { captions: this._captions });\n }\n get captions() {\n return this._captions;\n }\n get currentCaptions() {\n return this._currentCaptions;\n }\n getCaptions({ label: e, index: t, lang: n }) {\n if (e === void 0 && t === void 0 && n === void 0)\n throw Error(\"Could not find captions: you must specify the label, the index or the language\");\n return t !== void 0 ? this._captions[t] : this._captions.find((s) => {\n if (e !== void 0)\n return s.label === e;\n if (n !== void 0)\n return s.language === n;\n });\n }\n enableCaptions(e) {\n const t = this.getCaptions(e);\n if (t !== this._currentCaptions && (this._currentCaptions = t, this.currentCaptions)) {\n const { language: n, label: s } = this.currentCaptions;\n E(this.player, m.CAPTIONS_ENABLED, { language: n, label: s });\n }\n this.show();\n }\n disableCaptions() {\n this.currentCaptions && E(this.player, m.CAPTIONS_DISABLED), this._currentCaptions = null, this.hide();\n }\n}\nasync function Qs(i) {\n await $(i, \"eventLog\", async (e) => {\n e.events.forEach((t) => {\n M(i, t, async (n) => {\n await e.onEvent(t, n);\n });\n });\n });\n}\nasync function Zs(i) {\n}\nclass pa extends he {\n get type() {\n return \"eventLog\";\n }\n get events() {\n return [];\n }\n async onEvent(e, t) {\n this.player.log.warn(`${this.name}: onEvent() function is not overwritten.`);\n }\n}\nconst Pi = (i) => !1, Ei = (i) => i.description;\nclass Ys {\n constructor(e, t) {\n this._player = e, this._cookieConsentData = e.config.cookieConsent || [], this._getConsentCallback = t.getConsent || Pi, this._getDescriptionCallback = t.getDescription || Ei, this._cookieConsentData.forEach((n) => {\n n.description = this._getDescriptionCallback(n);\n }), this.updateConsentData();\n }\n updateConsentData() {\n this._cookieConsentData.forEach((e) => {\n e.value = this._getConsentCallback(e.type) || e.required;\n }), E(this._player, m.COOKIE_CONSENT_CHANGED, { cookieConsent: this });\n }\n getConsentForType(e) {\n const t = this._cookieConsentData.find((n) => n.type === e);\n return (t == null ? void 0 : t.value) || !1;\n }\n}\nfunction Ks({ container: i }) {\n i.innerHTML = `\n
\n ![\"\"](\"\")
\n \n
\n `;\n const e = i.querySelector(\"img\"), t = i.querySelector(\"p\"), n = i.querySelector(\".timeline-preview\");\n return {\n setImage(a, r) {\n a !== e.src && (e.src = a, e.alt = r);\n },\n setText(a) {\n t.innerText = a;\n },\n setPosition(a) {\n a > 0.5 ? (n.style.left = \"\", n.style.right = `${100 - a * 100}%`) : (n.style.right = \"\", n.style.left = `${a * 100}%`);\n },\n show() {\n n.classList.remove(\"hidden\");\n },\n hide() {\n n.classList.add(\"hidden\");\n }\n };\n}\nfunction Js({ container: i, player: e, duration: t = 100, currentTime: n = 0, precision: s = 100 }) {\n i.classList.add(\"progress-indicator\"), i.classList.add(\"custom-progress-indicator\"), i.innerHTML = `\n \n \n
\n `;\n const a = i.querySelector(\".elapsed\"), r = i.querySelector(\".remaining\"), o = i.querySelector(\".slider\"), l = i.querySelector(\".timeline-preview-container\"), u = Ks({ container: l });\n let f = !1, h = null;\n const g = [], L = (c) => {\n var p;\n return (p = g.find((C) => C.time < c && C.time + C.frameDuration >= c)) == null ? void 0 : p.marker;\n }, y = {\n player: e,\n elapsed: a,\n remaining: r,\n range: o,\n timeLinePreview: u,\n markersContainer: i.querySelector(\".markers-container\"),\n addMarker({ time: c, duration: p, frameDuration: C, addGap: w = !0 }) {\n const T = b(`\n \n \n
\n \n