@edm-webplayer/webplayer-angular 0.1.46 → 0.1.47

package/fesm2022/edm-webplayer-webplayer-angular.mjs

@@ -148,9 +148,12 @@ class PlyrPlayerComponent {
         });
     }
     getControlsSafeZone() {
-        const controls = (this.plyr?.elements?.controls ?? null);
+        const controls = (this.plyr?.elements?.controls ??
+            null);
         const menuHeight = this.getOpenMenuHeight();
-        const baseSafeZone = this.isTouchDevice() ? this.controlsSafeZonePxTouch : this.controlsSafeZonePxDesktop;
+        const baseSafeZone = this.isTouchDevice()
+            ? this.controlsSafeZonePxTouch
+            : this.controlsSafeZonePxDesktop;
         if (!controls) {
             return Math.max(baseSafeZone, menuHeight + 5);
         }
@@ -169,8 +172,7 @@ class PlyrPlayerComponent {
     }
     getOverlaySafeZone() {
         const host = this.config?.video_host;
-        if (this.overlayBlockAll &&
-            (host === 'youtube' || host === 'vimeo')) {
+        if (this.overlayBlockAll && (host === "youtube" || host === "vimeo")) {
             if (this.playbackEnded) {
                 return 0;
             }
@@ -196,7 +198,7 @@ class PlyrPlayerComponent {
     }
     ngAfterViewInit() {
         this.setupPlayer();
-        window.addEventListener('message', this.onCastMessage);
+        window.addEventListener("message", this.onCastMessage);
     }
     ngOnChanges(changes) {
         if (changes["config"] && this.plyr) {
@@ -204,10 +206,10 @@ class PlyrPlayerComponent {
         }
     }
     applyTheme(colors) {
-        const STYLE_ID = 'webplayer-theme-vars';
+        const STYLE_ID = "webplayer-theme-vars";
         let styleEl = this.document.getElementById(STYLE_ID);
         if (!styleEl) {
-            styleEl = this.document.createElement('style');
+            styleEl = this.document.createElement("style");
             styleEl.id = STYLE_ID;
             this.document.head.appendChild(styleEl);
         }
@@ -215,7 +217,7 @@ class PlyrPlayerComponent {
         const allPairs = [];
         for (const key in colors) {
             if (Object.prototype.hasOwnProperty.call(colors, key)) {
-                const cssVarName = `--theme-${key.replace('progresss-', 'progress-')}`;
+                const cssVarName = `--theme-${key.replace("progresss-", "progress-")}`;
                 const cssVarValue = String(colors[key]);
                 allPairs.push([cssVarName, cssVarValue]);
                 try {
@@ -225,7 +227,7 @@ class PlyrPlayerComponent {
             }
         }
         const cssRule = `:root{
-${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
+${allPairs.map(([n, v]) => `  ${n}: ${v};`).join("\n")}
 }`;
         styleEl.textContent = cssRule;
     }
@@ -237,7 +239,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         if (!candidate) {
             return null;
         }
-        return candidate.replace(/_/g, '-');
+        return candidate.replace(/_/g, "-");
     }
     resolveLocale() {
         const candidates = [
@@ -254,7 +256,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 return normalized;
             }
         }
-        return 'pt-BR';
+        return "pt-BR";
     }
     resolveCaptionsLanguage(locale) {
         const explicit = this.normalizeLocaleCandidate(this.config?.captions_locale ??
@@ -265,7 +267,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         const baseLocale = explicit || locale;
         if (!baseLocale)
             return null;
-        const code = baseLocale.split('-')[0]?.trim();
+        const code = baseLocale.split("-")[0]?.trim();
         return code ? code.toLowerCase() : null;
     }
     shouldHideVimeoRecommendations() {
@@ -304,7 +306,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         if (!container)
             return null;
         const wrapper = this.plyr?.elements?.wrapper ||
-            container.querySelector('.plyr__video-wrapper');
+            container.querySelector(".plyr__video-wrapper");
         return wrapper || null;
     }
     ensureRecommendationBlocker() {
@@ -314,30 +316,30 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         const wrapper = this.getVideoWrapper();
         if (!wrapper)
             return null;
-        const blocker = this.document.createElement('div');
-        blocker.className = 'plyr-recommendation-blocker';
-        blocker.style.position = 'absolute';
-        blocker.style.top = '0';
-        blocker.style.left = '0';
-        blocker.style.width = '100%';
-        blocker.style.height = '100%';
-        blocker.style.zIndex = '11';
-        blocker.style.pointerEvents = 'none';
-        blocker.style.display = 'none';
-        blocker.style.background = 'rgba(0,0,0,0)';
-        blocker.style.cursor = 'pointer';
-        const activeZone = this.document.createElement('div');
-        activeZone.className = 'plyr-recommendation-blocker__zone';
-        activeZone.style.position = 'absolute';
-        activeZone.style.top = '0';
-        activeZone.style.left = '0';
-        activeZone.style.width = '100%';
+        const blocker = this.document.createElement("div");
+        blocker.className = "plyr-recommendation-blocker";
+        blocker.style.position = "absolute";
+        blocker.style.top = "0";
+        blocker.style.left = "0";
+        blocker.style.width = "100%";
+        blocker.style.height = "100%";
+        blocker.style.zIndex = "11";
+        blocker.style.pointerEvents = "none";
+        blocker.style.display = "none";
+        blocker.style.background = "rgba(0,0,0,0)";
+        blocker.style.cursor = "pointer";
+        const activeZone = this.document.createElement("div");
+        activeZone.className = "plyr-recommendation-blocker__zone";
+        activeZone.style.position = "absolute";
+        activeZone.style.top = "0";
+        activeZone.style.left = "0";
+        activeZone.style.width = "100%";
         activeZone.style.bottom = `20px`;
-        activeZone.style.pointerEvents = 'auto';
-        activeZone.style.background = 'rgba(0,0,0,0)';
-        activeZone.style.cursor = 'pointer';
-        activeZone.addEventListener('pointerdown', this.onTopBlockerPointerDown);
-        activeZone.addEventListener('click', this.onRecommendationBlockerClick);
+        activeZone.style.pointerEvents = "auto";
+        activeZone.style.background = "rgba(0,0,0,0)";
+        activeZone.style.cursor = "pointer";
+        activeZone.addEventListener("pointerdown", this.onTopBlockerPointerDown);
+        activeZone.addEventListener("click", this.onRecommendationBlockerClick);
         blocker.appendChild(activeZone);
         wrapper.appendChild(blocker);
         this.recommendationBlocker = blocker;
@@ -346,7 +348,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         return blocker;
     }
     toggleRecommendationBlocker(active) {
-        if (this.config.video_host !== "youtube" && this.config.video_host !== "vimeo") {
+        if (this.config.video_host !== "youtube" &&
+            this.config.video_host !== "vimeo") {
             return;
         }
         const blocker = this.ensureRecommendationBlocker();
@@ -354,18 +357,18 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             return;
         const activeZone = this.recommendationBlockerActiveZone;
         if (active) {
-            blocker.style.display = 'block';
-            blocker.style.pointerEvents = 'none';
+            blocker.style.display = "block";
+            blocker.style.pointerEvents = "none";
             if (activeZone) {
-                activeZone.style.pointerEvents = 'auto';
+                activeZone.style.pointerEvents = "auto";
             }
             this.updateRecommendationBlockerSafeZone();
         }
         else {
-            blocker.style.display = 'none';
-            blocker.style.pointerEvents = 'none';
+            blocker.style.display = "none";
+            blocker.style.pointerEvents = "none";
             if (activeZone) {
-                activeZone.style.pointerEvents = 'none';
+                activeZone.style.pointerEvents = "none";
             }
         }
         this.updateTopClickBlockerSafeZone();
@@ -380,33 +383,33 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
     updateTopClickBlockerSafeZone(precomputed) {
         if (!this.topClickBlocker)
             return;
-        const safeZoneRaw = typeof precomputed === 'number' ? precomputed : this.getOverlaySafeZone();
+        const safeZoneRaw = typeof precomputed === "number" ? precomputed : this.getOverlaySafeZone();
         const safeZone = Math.max(0, safeZoneRaw);
         this.topClickBlocker.style.bottom = `${safeZone}px`;
     }
     togglePlayback(force) {
         if (!this.plyr)
             return;
-        const hasTogglePlay = typeof this.plyr.togglePlay === 'function';
+        const hasTogglePlay = typeof this.plyr.togglePlay === "function";
         const ended = this.playbackEnded;
-        if (hasTogglePlay && typeof force === 'undefined') {
+        if (hasTogglePlay && typeof force === "undefined") {
             try {
                 const result = this.plyr.togglePlay();
-                if (result && typeof result.catch === 'function') {
+                if (result && typeof result.catch === "function") {
                     result.catch(() => { });
                 }
                 return;
             }
             catch { }
         }
-        const shouldPlay = typeof force === 'boolean' ? !!force : !this.plyr.playing;
+        const shouldPlay = typeof force === "boolean" ? !!force : !this.plyr.playing;
         if (shouldPlay) {
             if (this.deferUntilStartTimeSettles(() => this.togglePlayback(true))) {
                 return;
             }
             if (ended) {
                 try {
-                    if (typeof this.plyr.restart === 'function') {
+                    if (typeof this.plyr.restart === "function") {
                         this.plyr.restart();
                     }
                     else {
@@ -420,7 +423,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             this.updateRecommendationBlockerSafeZone();
             try {
                 const result = this.plyr.play?.();
-                if (result && typeof result.catch === 'function') {
+                if (result && typeof result.catch === "function") {
                     result.catch(() => { });
                 }
             }
@@ -435,7 +438,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         catch { }
     }
     ensureTopClickBlocker() {
-        if (this.config.video_host !== "youtube" && this.config.video_host !== "vimeo") {
+        if (this.config.video_host !== "youtube" &&
+            this.config.video_host !== "vimeo") {
             return;
         }
         const wrapper = this.getVideoWrapper();
@@ -444,20 +448,20 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         if (this.topClickBlocker && this.topClickBlocker.isConnected) {
             return;
         }
-        const blocker = this.document.createElement('div');
-        blocker.className = 'plyr-top-click-blocker';
-        blocker.style.position = 'absolute';
-        blocker.style.top = '0';
-        blocker.style.left = '0';
-        blocker.style.right = '0';
-        blocker.style.width = '100%';
-        blocker.style.zIndex = '12';
-        blocker.style.pointerEvents = 'auto';
-        blocker.style.background = 'rgba(0,0,0,0)';
-        blocker.style.touchAction = 'none';
-        blocker.style.cursor = 'pointer';
-        blocker.addEventListener('pointerdown', this.onTopBlockerPointerDown);
-        blocker.addEventListener('click', this.onTopBlockerClick);
+        const blocker = this.document.createElement("div");
+        blocker.className = "plyr-top-click-blocker";
+        blocker.style.position = "absolute";
+        blocker.style.top = "0";
+        blocker.style.left = "0";
+        blocker.style.right = "0";
+        blocker.style.width = "100%";
+        blocker.style.zIndex = "12";
+        blocker.style.pointerEvents = "auto";
+        blocker.style.background = "rgba(0,0,0,0)";
+        blocker.style.touchAction = "none";
+        blocker.style.cursor = "pointer";
+        blocker.addEventListener("pointerdown", this.onTopBlockerPointerDown);
+        blocker.addEventListener("click", this.onTopBlockerClick);
         wrapper.appendChild(blocker);
         this.topClickBlocker = blocker;
         this.updateTopClickBlockerSafeZone();
@@ -475,56 +479,52 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         observer.observe(container, {
             subtree: true,
             attributes: true,
-            attributeFilter: ['aria-hidden', 'class', 'style'],
+            attributeFilter: ["aria-hidden", "class", "style"],
         });
         this.menuObserver = observer;
     }
     isIOSDevice() {
-        if (typeof navigator === 'undefined')
+        if (typeof navigator === "undefined")
             return false;
-        const ua = navigator.userAgent || '';
+        const ua = navigator.userAgent || "";
         const iOS = /iPad|iPhone|iPod/.test(ua);
-        const iPadOS = navigator.platform === 'MacIntel' && navigator.maxTouchPoints > 1;
+        const iPadOS = navigator.platform === "MacIntel" && navigator.maxTouchPoints > 1;
         return iOS || iPadOS;
     }
-    isAndroidDevice() {
-        if (typeof navigator === 'undefined')
-            return false;
-        return /Android/i.test(navigator.userAgent || '');
-    }
     isTouchDevice() {
-        if (typeof window === 'undefined') {
+        if (typeof window === "undefined") {
             return false;
         }
-        if (typeof navigator !== 'undefined' && navigator.maxTouchPoints > 0) {
+        if (typeof navigator !== "undefined" && navigator.maxTouchPoints > 0) {
             return true;
         }
         if (window.matchMedia) {
             try {
-                if (window.matchMedia('(pointer: coarse)').matches) {
+                if (window.matchMedia("(pointer: coarse)").matches) {
                     return true;
                 }
             }
             catch { }
         }
-        return 'ontouchstart' in window;
+        return "ontouchstart" in window;
     }
     isIframeProvider() {
-        return this.config?.video_host === 'youtube' || this.config?.video_host === 'vimeo';
+        return (this.config?.video_host === "youtube" ||
+            this.config?.video_host === "vimeo");
     }
     shouldDisableAutoplayForIOS() {
         return this.isIOSDevice();
     }
     shouldDisableAutoplayForVimeo() {
-        return this.isIOSDevice() && this.config?.video_host === 'vimeo';
+        return this.isIOSDevice() && this.config?.video_host === "vimeo";
     }
     shouldResetProgressToBeginning() {
         const host = this.config?.video_host;
-        if (host !== 'youtube' && host !== 'vimeo') {
+        if (host !== "youtube" && host !== "vimeo") {
             return false;
         }
         const seenFlag = this.config?.seen;
-        if (seenFlag === true || seenFlag === 'true' || seenFlag === 1) {
+        if (seenFlag === true || seenFlag === "true" || seenFlag === 1) {
             return true;
         }
         const rawPercent = this.config?.last_percent;
@@ -544,7 +544,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         return !!(this.config?.autoplay || this.config?.is_live);
     }
     shouldAutoplay() {
-        if (this.shouldDisableAutoplayForIOS() || this.shouldDisableAutoplayForVimeo()) {
+        if (this.shouldDisableAutoplayForIOS() ||
+            this.shouldDisableAutoplayForVimeo()) {
             return false;
         }
         return this.wantsAutoplay();
@@ -556,7 +557,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         return this.wantsAutoplay();
     }
     shouldBlockIframeAutoplay() {
-        return this.shouldDisableAutoplayForIOS() || this.shouldDisableAutoplayForVimeo();
+        return (this.shouldDisableAutoplayForIOS() || this.shouldDisableAutoplayForVimeo());
     }
     stopRestrictedIframeAutoplay() {
         if (!this.shouldBlockIframeAutoplay()) {
@@ -585,7 +586,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             }
             catch { }
             try {
-                if (typeof this.plyr.pause === 'function') {
+                if (typeof this.plyr.pause === "function") {
                     this.plyr.pause();
                 }
             }
@@ -594,13 +595,13 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         const embed = this.plyr?.embed;
         if (embed) {
             try {
-                if (typeof embed.pause === 'function') {
+                if (typeof embed.pause === "function") {
                     embed.pause();
                 }
-                if (typeof embed.setMuted === 'function') {
+                if (typeof embed.setMuted === "function") {
                     embed.setMuted(false);
                 }
-                if (typeof embed.setVolume === 'function') {
+                if (typeof embed.setVolume === "function") {
                     embed.setVolume(1);
                 }
             }
@@ -608,7 +609,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         }
     }
     enforceVimeoVolumeAfterPlay(video) {
-        if (this.config?.video_host !== 'vimeo') {
+        if (this.config?.video_host !== "vimeo") {
             return;
         }
         const media = video ?? this.videoRef?.nativeElement ?? null;
@@ -617,13 +618,13 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             this.setPlayerMutedState(false, volumeTarget, media);
             const currentEmbed = this.plyr?.embed;
             if (currentEmbed) {
-                if (typeof currentEmbed.setMuted === 'function') {
+                if (typeof currentEmbed.setMuted === "function") {
                     try {
                         currentEmbed.setMuted(false);
                     }
                     catch { }
                 }
-                if (typeof currentEmbed.setVolume === 'function') {
+                if (typeof currentEmbed.setVolume === "function") {
                     try {
                         currentEmbed.setVolume(volumeTarget);
                     }
@@ -654,7 +655,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 media.muted = muted;
             }
             catch { }
-            if (!muted && typeof media.volume === 'number') {
+            if (!muted && typeof media.volume === "number") {
                 try {
                     media.volume = volume;
                 }
@@ -672,7 +673,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         }
     }
     ensureAutoplayUnlockListener() {
-        if (typeof window === 'undefined' ||
+        if (typeof window === "undefined" ||
             this.interactionUnmuteCleanup ||
             !this.shouldAutoplay()) {
             return;
@@ -686,13 +687,13 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             catch { }
             this.clearAutoplayUnlockListener();
         };
-        window.addEventListener('touchend', handler, capture);
-        window.addEventListener('pointerup', handler, capture);
-        window.addEventListener('click', handler, capture);
+        window.addEventListener("touchend", handler, capture);
+        window.addEventListener("pointerup", handler, capture);
+        window.addEventListener("click", handler, capture);
         this.interactionUnmuteCleanup = () => {
-            window.removeEventListener('touchend', handler, capture);
-            window.removeEventListener('pointerup', handler, capture);
-            window.removeEventListener('click', handler, capture);
+            window.removeEventListener("touchend", handler, capture);
+            window.removeEventListener("pointerup", handler, capture);
+            window.removeEventListener("click", handler, capture);
             this.interactionUnmuteCleanup = undefined;
         };
     }
@@ -703,22 +704,28 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         const container = this.plyr?.elements?.container;
         if (!container)
             return;
-        const iframe = container.querySelector('iframe') ?? null;
+        const iframe = container.querySelector("iframe") ?? null;
         if (!iframe)
             return;
-        const allowRaw = iframe.getAttribute('allow') || '';
+        const allowRaw = iframe.getAttribute("allow") || "";
         const tokens = new Set(allowRaw
-            .split(';')
+            .split(";")
             .map((token) => token.trim())
             .filter(Boolean));
-        ['autoplay', 'fullscreen', 'encrypted-media', 'picture-in-picture', 'gyroscope'].forEach((rule) => tokens.add(rule));
-        iframe.setAttribute('allow', Array.from(tokens).join('; '));
-        if (this.config.video_host === 'youtube') {
-            iframe.setAttribute('playsinline', '1');
-            iframe.setAttribute('webkit-playsinline', '1');
-        }
-        iframe.setAttribute('allowfullscreen', 'true');
-        iframe.setAttribute('data-keepplaying', 'true');
+        [
+            "autoplay",
+            "fullscreen",
+            "encrypted-media",
+            "picture-in-picture",
+            "gyroscope",
+        ].forEach((rule) => tokens.add(rule));
+        iframe.setAttribute("allow", Array.from(tokens).join("; "));
+        if (this.config.video_host === "youtube") {
+            iframe.setAttribute("playsinline", "1");
+            iframe.setAttribute("webkit-playsinline", "1");
+        }
+        iframe.setAttribute("allowfullscreen", "true");
+        iframe.setAttribute("data-keepplaying", "true");
     }
     scheduleUserInteractionUnmute(video) {
         this.unmuteAfterDelay(video || undefined);
@@ -796,7 +803,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             let maybePromise = null;
             try {
                 const result = this.seekUsingHostAPI(start, video);
-                if (result && typeof result.then === 'function') {
+                if (result && typeof result.then === "function") {
                     maybePromise = result;
                 }
             }
@@ -818,9 +825,9 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         if (!Number.isFinite(target) || target < 0) {
             return null;
         }
-        if (this.config.video_host === 'vimeo') {
+        if (this.config.video_host === "vimeo") {
             const embed = this.plyr?.embed;
-            if (embed && typeof embed.setCurrentTime === 'function') {
+            if (embed && typeof embed.setCurrentTime === "function") {
                 try {
                     return embed.setCurrentTime(target);
                 }
@@ -863,7 +870,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 if (media) {
                     try {
                         const nativePlay = media.play();
-                        if (nativePlay && typeof nativePlay.catch === 'function') {
+                        if (nativePlay && typeof nativePlay.catch === "function") {
                             nativePlay.catch(() => { });
                         }
                     }
@@ -872,7 +879,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 this.scheduleUserInteractionUnmute(media);
                 return;
             }
-            if (playResult && typeof playResult.catch === 'function') {
+            if (playResult &&
+                typeof playResult.catch === "function") {
                 playResult.catch((error) => {
                     if (!muted) {
                         tryPlay(true);
@@ -881,7 +889,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                     if (media) {
                         try {
                             const nativePlay = media.play();
-                            if (nativePlay && typeof nativePlay.catch === 'function') {
+                            if (nativePlay && typeof nativePlay.catch === "function") {
                                 nativePlay.catch(() => { });
                             }
                         }
@@ -912,16 +920,16 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         const embed = this.plyr?.embed;
         if (!embed)
             return;
-        if (this.config.video_host === 'youtube') {
-            if (typeof embed.playVideo === 'function') {
+        if (this.config.video_host === "youtube") {
+            if (typeof embed.playVideo === "function") {
                 try {
                     embed.playVideo();
                 }
                 catch { }
             }
         }
-        else if (this.config.video_host === 'vimeo') {
-            if (typeof embed.play === 'function') {
+        else if (this.config.video_host === "vimeo") {
+            if (typeof embed.play === "function") {
                 try {
                     embed.play();
                 }
@@ -945,11 +953,11 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 }
             };
             const showControls = () => {
-                container.classList.remove('plyr--auto-hide-controls');
+                container.classList.remove("plyr--auto-hide-controls");
             };
             const hideControls = () => {
                 if (this.plyr?.playing) {
-                    container.classList.add('plyr--auto-hide-controls');
+                    container.classList.add("plyr--auto-hide-controls");
                 }
             };
             const scheduleHide = () => {
@@ -966,7 +974,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 clearHideTimeout();
                 showControls();
                 if (this.isIOSDevice()) {
-                    console.log('event: ended');
+                    console.log("event: ended");
                 }
             };
             const onEnded = () => {
@@ -977,19 +985,19 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 showControls();
                 scheduleHide();
             };
-            this.plyr?.on?.('play', onPlay);
-            this.plyr?.on?.('pause', onPause);
-            this.plyr?.on?.('ended', onEnded);
-            container.addEventListener('touchstart', onUserInteraction);
-            container.addEventListener('click', onUserInteraction);
+            this.plyr?.on?.("play", onPlay);
+            this.plyr?.on?.("pause", onPause);
+            this.plyr?.on?.("ended", onEnded);
+            container.addEventListener("touchstart", onUserInteraction);
+            container.addEventListener("click", onUserInteraction);
             this.controlsVisibilityCleanup = () => {
                 clearHideTimeout();
-                this.plyr?.off?.('play', onPlay);
-                this.plyr?.off?.('pause', onPause);
-                this.plyr?.off?.('ended', onEnded);
-                container.removeEventListener('touchstart', onUserInteraction);
-                container.removeEventListener('click', onUserInteraction);
-                container.classList.remove('plyr--auto-hide-controls');
+                this.plyr?.off?.("play", onPlay);
+                this.plyr?.off?.("pause", onPause);
+                this.plyr?.off?.("ended", onEnded);
+                container.removeEventListener("touchstart", onUserInteraction);
+                container.removeEventListener("click", onUserInteraction);
+                container.classList.remove("plyr--auto-hide-controls");
             };
             onPlay();
             return;
@@ -998,10 +1006,10 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         const toggleClass = () => {
             const playing = !!this.plyr?.playing;
             if (playing && !hovering) {
-                container.classList.add('plyr--auto-hide-controls');
+                container.classList.add("plyr--auto-hide-controls");
             }
             else {
-                container.classList.remove('plyr--auto-hide-controls');
+                container.classList.remove("plyr--auto-hide-controls");
             }
         };
         const onPlay = () => toggleClass();
@@ -1020,39 +1028,39 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             toggleClass();
         };
         const onFocusOut = () => {
-            hovering = container.matches(':hover');
+            hovering = container.matches(":hover");
             toggleClass();
         };
-        this.plyr?.on?.('play', onPlay);
-        this.plyr?.on?.('pause', onPause);
-        this.plyr?.on?.('ended', onEnded);
-        container.addEventListener('mouseenter', onMouseEnter);
-        container.addEventListener('mouseleave', onMouseLeave);
-        container.addEventListener('focusin', onFocusIn);
-        container.addEventListener('focusout', onFocusOut);
+        this.plyr?.on?.("play", onPlay);
+        this.plyr?.on?.("pause", onPause);
+        this.plyr?.on?.("ended", onEnded);
+        container.addEventListener("mouseenter", onMouseEnter);
+        container.addEventListener("mouseleave", onMouseLeave);
+        container.addEventListener("focusin", onFocusIn);
+        container.addEventListener("focusout", onFocusOut);
         toggleClass();
         this.controlsVisibilityCleanup = () => {
-            this.plyr?.off?.('play', onPlay);
-            this.plyr?.off?.('pause', onPause);
-            this.plyr?.off?.('ended', onEnded);
-            container.removeEventListener('mouseenter', onMouseEnter);
-            container.removeEventListener('mouseleave', onMouseLeave);
-            container.removeEventListener('focusin', onFocusIn);
-            container.removeEventListener('focusout', onFocusOut);
-            container.classList.remove('plyr--auto-hide-controls');
+            this.plyr?.off?.("play", onPlay);
+            this.plyr?.off?.("pause", onPause);
+            this.plyr?.off?.("ended", onEnded);
+            container.removeEventListener("mouseenter", onMouseEnter);
+            container.removeEventListener("mouseleave", onMouseLeave);
+            container.removeEventListener("focusin", onFocusIn);
+            container.removeEventListener("focusout", onFocusOut);
+            container.classList.remove("plyr--auto-hide-controls");
         };
     }
     bindFullscreenBehavior() {
         const onEnterFullscreen = () => {
-            console.log('event: enterfullscreen');
+            console.log("event: enterfullscreen");
             parent.postMessage("event: fullscreen_enter', '*'");
         };
         const onExitFullscreen = () => {
-            console.log('event: exitfullscreen');
+            console.log("event: exitfullscreen");
             parent.postMessage("event: fullscreen_exit', '*'");
         };
-        this.plyr.on('enterfullscreen', onEnterFullscreen);
-        this.plyr.on('exitfullscreen', onExitFullscreen);
+        this.plyr.on("enterfullscreen", onEnterFullscreen);
+        this.plyr.on("exitfullscreen", onExitFullscreen);
     }
     setupPlayer() {
         if (!this.videoRef)
@@ -1065,7 +1073,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         this.recommendationBlocker = null;
         const speedOptions = [1, 1.25, 1.5, 2];
         const locale = this.resolveLocale();
-        const captionsLanguage = this.resolveCaptionsLanguage(locale) ?? 'pt';
+        const captionsLanguage = this.resolveCaptionsLanguage(locale) ?? "pt";
         const hideVimeoRecommendations = this.shouldHideVimeoRecommendations();
         const vimeoPremium = Boolean(this.config?.vimeo_premium);
         const shouldAutoplay = this.shouldAutoplay();
@@ -1075,7 +1083,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         }
         catch { }
         try {
-            this.videoRef.nativeElement.playsInline = this.config?.video_host === 'youtube';
+            this.videoRef.nativeElement.playsInline =
+                this.config?.video_host === "youtube";
         }
         catch { }
         try {
@@ -1089,7 +1098,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         };
         youtubePlayerVars.playerVars = {
             hl: locale,
-            cc_lang_pref: captionsLanguage || locale.split('-')[0]?.toLowerCase(),
+            cc_lang_pref: captionsLanguage || locale.split("-")[0]?.toLowerCase(),
             autoplay: shouldAutoplay ? 1 : 0,
             mute: startMuted ? 1 : 0,
             playsinline: 1,
@@ -1119,11 +1128,11 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 container: null,
             },
             i18n: {
-                speed: 'Velocidade',
+                speed: "Velocidade",
             },
             speed: {
                 selected: 1,
-                options: speedOptions
+                options: speedOptions,
             },
             clickToPlay: true,
             hideControls: false,
@@ -1135,7 +1144,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         if (captionsLanguage) {
             plyrOptions.captions = { language: captionsLanguage };
         }
-        if (this.config.video_host === 'youtube') {
+        if (this.config.video_host === "youtube") {
             plyrOptions.youtube = youtubePlayerVars;
         }
         this.plyr = new Plyr.default(this.videoRef.nativeElement, plyrOptions);
@@ -1145,8 +1154,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         this.observeMenuChanges();
         this.playbackEnded = false;
         this.overlayBlockAll = false;
-        window.removeEventListener('resize', this.onResize);
-        window.addEventListener('resize', this.onResize);
+        window.removeEventListener("resize", this.onResize);
+        window.addEventListener("resize", this.onResize);
         this.bindProgressEvents();
         this.loadSource(this.videoRef.nativeElement).then(() => {
             this.setupStartTime();
@@ -1174,7 +1183,11 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             const t = this.plyr.currentTime || 0;
             const d = this.plyr.duration || 0;
             const p = d > 0 ? +((t / d) * 100).toFixed(2) : 0;
-            this.progressService.progress$.next({ currentTime: t, duration: d, percent: p });
+            this.progressService.progress$.next({
+                currentTime: t,
+                duration: d,
+                percent: p,
+            });
         };
         const onTimeUpdate = () => {
             const now = performance.now();
@@ -1182,11 +1195,11 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 lastEmit = now;
                 emitProgress();
             }
-            parent.postMessage('currentTime:' + (this.plyr.currentTime || 0), "*");
-            console.log('event: current_time ' + (this.plyr.currentTime || 0));
-            console.log('event: duration ' + this.plyr.duration);
+            parent.postMessage("currentTime:" + (this.plyr.currentTime || 0), "*");
+            console.log("event: current_time " + (this.plyr.currentTime || 0));
+            console.log("event: duration " + this.plyr.duration);
             this.postCastEvent({
-                event: 'current_time',
+                event: "current_time",
                 currentTime: this.plyr.currentTime || 0,
                 duration: this.plyr.duration || 0,
             });
@@ -1199,16 +1212,21 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             this.updateRecommendationBlockerSafeZone();
             this.toggleRecommendationBlocker(false);
             this.enforceVimeoVolumeAfterPlay();
-            parent.postMessage('playing_video', "*");
-            console.log('event: playing_video');
-            this.postCastEvent({ event: 'play', currentTime: this.plyr.currentTime || 0 });
+            parent.postMessage("playing_video", "*");
+            this.postCastEvent({
+                event: "play",
+                currentTime: this.plyr.currentTime || 0,
+            });
         });
         this.plyr?.on?.("timeupdate", onTimeUpdate);
         this.plyr?.on?.("pause", () => {
             emitProgress();
-            console.log('event: pause');
-            parent.postMessage('paused_video', "*");
-            this.postCastEvent({ event: 'pause', currentTime: this.plyr.currentTime || 0 });
+            console.log("event: pause");
+            parent.postMessage("paused_video", "*");
+            this.postCastEvent({
+                event: "pause",
+                currentTime: this.plyr.currentTime || 0,
+            });
             this.overlayBlockAll = true;
             this.updateRecommendationBlockerSafeZone();
             this.toggleRecommendationBlocker(true);
@@ -1218,9 +1236,12 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             this.playbackEnded = true;
             this.overlayBlockAll = true;
             this.updateRecommendationBlockerSafeZone();
-            console.log('event: ended');
-            parent.postMessage('event: ended', "*");
-            this.postCastEvent({ event: 'ended', currentTime: this.plyr.currentTime || 0 });
+            console.log("event: ended");
+            parent.postMessage("event: ended", "*");
+            this.postCastEvent({
+                event: "ended",
+                currentTime: this.plyr.currentTime || 0,
+            });
             this.progressService.ended$.next();
             this.preventVimeoRecommendations();
             this.toggleRecommendationBlocker(true);
@@ -1249,7 +1270,7 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
     }
     resetPlaybackRate(video) {
         try {
-            if (this.plyr && typeof this.plyr.speed !== 'undefined') {
+            if (this.plyr && typeof this.plyr.speed !== "undefined") {
                 this.plyr.speed = 1;
             }
         }
@@ -1278,7 +1299,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                 this.hls = undefined;
             }
             this.resetPlaybackRate(video);
-            if (this.config.video_host === "youtube" || this.config.video_host === "vimeo") {
+            if (this.config.video_host === "youtube" ||
+                this.config.video_host === "vimeo") {
                 const onReady = () => {
                     this.plyr.off("ready", onReady);
                     this.ensureIframeAutoplayPermissions();
@@ -1290,20 +1312,20 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
                     else if (this.shouldBlockIframeAutoplay()) {
                         this.stopRestrictedIframeAutoplay();
                     }
-                    parent.postMessage('playerIsReadyToPlay', "*");
-                    parent.postMessage('duration:' + this.plyr.duration, "*");
-                    console.log('event: current_time ' + this.plyr.currentTime);
-                    console.log('event: duration ' + this.plyr.duration);
-                    console.log('event: ready');
+                    parent.postMessage("playerIsReadyToPlay", "*");
+                    parent.postMessage("duration:" + this.plyr.duration, "*");
+                    console.log("event: current_time " + this.plyr.currentTime);
+                    console.log("event: duration " + this.plyr.duration);
+                    console.log("event: ready");
                     this.postCastEvent({
-                        event: 'ready',
+                        event: "ready",
                         duration: this.plyr.duration || 0,
                         currentTime: this.plyr.currentTime || 0,
                     });
                     if (this.config.is_live) {
-                        this.plyr?.on('playing', function () {
-                            console.log('event: playing_live');
-                            parent.postMessage('event: playing_live', '*');
+                        this.plyr?.on("playing", function () {
+                            console.log("event: playing_live");
+                            parent.postMessage("event: playing_live", "*");
                         });
                     }
                     if (this.config.mirror) {
@@ -1337,10 +1359,10 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
             else if (this.config.video_host === "hls") {
                 let sourceX = "";
                 try {
-                    sourceX = atob(this.config.video_id || '');
+                    sourceX = atob(this.config.video_id || "");
                 }
                 catch (e) {
-                    sourceX = this.config.video_id || '';
+                    sourceX = this.config.video_id || "";
                 }
                 const canNative = video.canPlayType("application/vnd.apple.mpegurl");
                 if (canNative) {
@@ -1423,7 +1445,9 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         if (hasTime) {
             return clamp(last_time);
         }
-        const hasPercent = last_percent !== undefined && last_percent !== null && last_percent !== "";
+        const hasPercent = last_percent !== undefined &&
+            last_percent !== null &&
+            last_percent !== "";
         if (hasPercent && hasValidDuration) {
             let p = Number(last_percent);
             if (!isFinite(p) || p < 0)
@@ -1444,30 +1468,32 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         return 0;
     }
     postCastEvent(payload) {
-        parent.postMessage(JSON.stringify(payload), '*');
+        parent.postMessage(JSON.stringify(payload), "*");
     }
     onCastMessage = (evt) => {
         let data = evt.data;
-        if (typeof data === 'string') {
+        if (typeof data === "string") {
             try {
                 data = JSON.parse(data);
             }
-            catch { /* ignora */ }
+            catch {
+                /* ignora */
+            }
         }
-        if (data?.action === 'request-iframe-media-metadata') {
+        if (data?.action === "request-iframe-media-metadata") {
             this.postCastEvent({
-                event: 'metadata',
+                event: "metadata",
                 duration: this.plyr?.duration || 0,
                 currentTime: this.plyr?.currentTime || 0,
             });
         }
-        if (data?.action === 'play') {
+        if (data?.action === "play") {
             this.plyr?.play();
         }
-        if (data?.action === 'pause') {
+        if (data?.action === "pause") {
             this.plyr?.pause();
         }
-        if (data?.action === 'seek' && typeof data.time === 'number') {
+        if (data?.action === "seek" && typeof data.time === "number") {
             this.plyr && (this.plyr.currentTime = data.time);
         }
     };
@@ -1486,8 +1512,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         }
         if (this.recommendationBlockerActiveZone) {
             try {
-                this.recommendationBlockerActiveZone.removeEventListener('pointerdown', this.onTopBlockerPointerDown);
-                this.recommendationBlockerActiveZone.removeEventListener('click', this.onRecommendationBlockerClick);
+                this.recommendationBlockerActiveZone.removeEventListener("pointerdown", this.onTopBlockerPointerDown);
+                this.recommendationBlockerActiveZone.removeEventListener("click", this.onRecommendationBlockerClick);
             }
             catch { }
         }
@@ -1495,8 +1521,8 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         this.recommendationBlockerActiveZone = null;
         if (this.topClickBlocker?.parentElement) {
             try {
-                this.topClickBlocker.removeEventListener('pointerdown', this.onTopBlockerPointerDown);
-                this.topClickBlocker.removeEventListener('click', this.onTopBlockerClick);
+                this.topClickBlocker.removeEventListener("pointerdown", this.onTopBlockerPointerDown);
+                this.topClickBlocker.removeEventListener("click", this.onTopBlockerClick);
                 this.topClickBlocker.parentElement.removeChild(this.topClickBlocker);
             }
             catch { }
@@ -1504,16 +1530,16 @@ ${allPairs.map(([n, v]) => `  ${n}: ${v};`).join('\n')}
         this.topClickBlocker = null;
         this.menuObserver?.disconnect();
         this.menuObserver = undefined;
-        window.removeEventListener('resize', this.onResize);
+        window.removeEventListener("resize", this.onResize);
         this.plyr?.destroy();
-        window.removeEventListener('message', this.onCastMessage);
+        window.removeEventListener("message", this.onCastMessage);
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlyrPlayerComponent, deps: [{ token: WebplayerProgressService }, { token: DOCUMENT }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PlyrPlayerComponent, isStandalone: true, selector: "app-plyr-player", inputs: { config: "config" }, outputs: { ready: "ready" }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<video #video playsinline></video>`, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var(--theme-progress-view-off, rgba(255, 255, 255, .25));--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{color:var(--plyr-control-color)!important;transition:opacity .2s ease,transform .2s ease}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{width:100%!important;height:100%!important;aspect-ratio:auto!important;top:0!important;left:0!important}:host ::ng-deep .mirror{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important;z-index:7!important}:host ::ng-deep .plyr--auto-hide-controls .plyr__controls{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}:host ::ng-deep .plyr--vimeo .plyr__video-wrapper.plyr__video-embed{aspect-ratio:16 / 9!important;width:100%!important;height:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.14", type: PlyrPlayerComponent, isStandalone: true, selector: "app-plyr-player", inputs: { config: "config" }, outputs: { ready: "ready" }, viewQueries: [{ propertyName: "videoRef", first: true, predicate: ["video"], descendants: true, static: true }], usesOnChanges: true, ngImport: i0, template: `<video #video playsinline></video>`, isInline: true, styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var( --theme-progress-view-off, rgba(255, 255, 255, .25) );--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{color:var(--plyr-control-color)!important;transition:opacity .2s ease,transform .2s ease}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{width:100%!important;height:100%!important;aspect-ratio:auto!important;top:0!important;left:0!important}:host ::ng-deep .mirror{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important;z-index:7!important}:host ::ng-deep .plyr--auto-hide-controls .plyr__controls{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}:host ::ng-deep .plyr--vimeo .plyr__video-wrapper.plyr__video-embed{aspect-ratio:16 / 9!important;width:100%!important;height:auto!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.14", ngImport: i0, type: PlyrPlayerComponent, decorators: [{
             type: Component,
-            args: [{ selector: "app-plyr-player", template: `<video #video playsinline></video>`, standalone: true, imports: [CommonModule], styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var(--theme-progress-view-off, rgba(255, 255, 255, .25));--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{color:var(--plyr-control-color)!important;transition:opacity .2s ease,transform .2s ease}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{width:100%!important;height:100%!important;aspect-ratio:auto!important;top:0!important;left:0!important}:host ::ng-deep .mirror{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important;z-index:7!important}:host ::ng-deep .plyr--auto-hide-controls .plyr__controls{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}:host ::ng-deep .plyr--vimeo .plyr__video-wrapper.plyr__video-embed{aspect-ratio:16 / 9!important;width:100%!important;height:auto!important}\n"] }]
+            args: [{ selector: "app-plyr-player", template: `<video #video playsinline></video>`, standalone: true, imports: [CommonModule], styles: [":host{display:block;width:100%;height:100%;position:relative;--plyr-color-main: var(--theme-alert, #19a6d9);--plyr-color-hover: var(--theme-alert, #2dbbff);--plyr-progress-buffer-background: var( --theme-progress-view-off, rgba(255, 255, 255, .25) );--plyr-control-background: var(--theme-bg, rgba(0, 0, 0, .8));--plyr-control-color: var(--theme-text-color, #fff);--plyr-control-button-color: var(--theme-font-bt, #fff)}:host ::ng-deep .plyr__controls{color:var(--plyr-control-color)!important;transition:opacity .2s ease,transform .2s ease}:host ::ng-deep .plyr__controls button{color:var(--plyr-control-color)!important}:host ::ng-deep .plyr__progress__buffer{background-color:var(--plyr-progress-buffer-background)!important}:host ::ng-deep .plyr,:host ::ng-deep .plyr__video-wrapper,:host ::ng-deep .plyr__video-embed,:host ::ng-deep .plyr__video-embed>iframe,:host ::ng-deep video{width:100%!important;height:100%!important;aspect-ratio:auto!important;top:0!important;left:0!important}:host ::ng-deep .mirror{transform:scaleX(-1)!important;-webkit-transform:scaleX(-1)!important}:host ::ng-deep .plyr--video .plyr__control.plyr__tab-focus,:host ::ng-deep .plyr--video .plyr__control:hover,:host ::ng-deep .plyr--video .plyr__control[aria-expanded=true]{background:var(--plyr-color-hover)!important;color:var(--plyr-control-button-color)!important}:host ::ng-deep .plyr--full-ui input[type=range]{color:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container .plyr__control[role=menuitemradio][aria-checked=true]:before{background:var(--plyr-color-main)!important}:host ::ng-deep .plyr__menu__container{background:var(--plyr-control-background)!important;z-index:7!important}:host ::ng-deep .plyr--auto-hide-controls .plyr__controls{opacity:0!important;pointer-events:none!important;transform:translateY(12px)}:host ::ng-deep .ytp-more-videos-view .ytp-suggestions{pointer-events:none!important}:host ::ng-deep .plyr--vimeo .plyr__video-wrapper.plyr__video-embed{aspect-ratio:16 / 9!important;width:100%!important;height:auto!important}\n"] }]
         }], ctorParameters: () => [{ type: WebplayerProgressService }, { type: Document, decorators: [{
                     type: Inject,
                     args: [DOCUMENT]