@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/yoo-videoplayer-core.cjs.entry.js

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const overlays = require('./overlays-b6c94fc8.js');
+const index$2 = require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const index$2 = require('./index-dbc0dad6.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const index$1 = require('./index-dbc0dad6.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
 const videoplayerCoreCss = ":host{--opacity-transition:visibility 1.5s, opacity 1.5s;--video-width:100%;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%}:host .outer-container{position:relative;width:100%;height:100%;background:var(--dark, #000000);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container video{width:100%;height:100%}:host .outer-container .overlay{position:absolute;z-index:99;width:100%;height:100%}:host(.modal-mode){position:relative}:host(.modal-mode) yoo-ion-content{position:absolute;z-index:2;display:block;height:auto;height:100%;margin:0;padding:0;background:var(--dark, #000000)}:host(.modal-mode) yoo-header{position:absolute;top:0;z-index:-1;opacity:0;-webkit-transition:var(--opacity-transition);transition:var(--opacity-transition)}:host(.modal-mode) yoo-header.show{z-index:1;opacity:1;-webkit-transition:var(--opacity-transition);transition:var(--opacity-transition)}:host(.round) .outer-container{overflow:hidden;border-radius:8px}:host(.scale-up-width){width:var(--video-width)}";
 
@@ -32,7 +33,7 @@ const YooVideoPlayerCoreComponent = class {
      * Show or hide the modal header
      */
     this.showHeader = true;
-    this.playerId = index$1.getUUID();
+    this.playerId = overlays.getUUID();
     this.initialClick = true;
     this.initialPlay = true;
   }
@@ -43,7 +44,7 @@ const YooVideoPlayerCoreComponent = class {
     var _a, _b;
     clearTimeout(this.showHeaderTimeout);
     this.playerState = event.detail;
-    const isPlaying = this.playerState === index$2.videoPlayerStates.PLAYING;
+    const isPlaying = this.playerState === index$1.videoPlayerStates.PLAYING;
     if (isPlaying) {
       this.initialPlay = false;
       this.isPlaying.emit(this.playerId);
@@ -61,10 +62,10 @@ const YooVideoPlayerCoreComponent = class {
           if (this.preventAutoResume) {
             this.pauseVideo();
           }
-        }, ((index$1.isSafari() || index$1.isIOS()) && this.type === 'videojs') ? 200 : 0);
+        }, ((overlays.isSafari() || overlays.isIOS()) && this.type === 'videojs') ? 200 : 0);
       }
     }
-    else if (this.playerState === index$2.videoPlayerStates.PLAYER_READY && ((_a = this.videoPlayerCoreParameters) === null || _a === void 0 ? void 0 : _a.startTime)) {
+    else if (this.playerState === index$1.videoPlayerStates.PLAYER_READY && ((_a = this.videoPlayerCoreParameters) === null || _a === void 0 ? void 0 : _a.startTime)) {
       this.updateCurrentTime(this.videoPlayerCoreParameters.startTime);
     }
     if (this.isModalMode()) {
@@ -72,15 +73,15 @@ const YooVideoPlayerCoreComponent = class {
       if (isPlaying) {
         this.onHideHeader();
       }
-      if (this.playerState === index$2.videoPlayerStates.ENDED && ((_b = this.modalOptions) === null || _b === void 0 ? void 0 : _b.closeModalOnEnd)) {
-        index$1.closeModal(0);
+      if (this.playerState === index$1.videoPlayerStates.ENDED && ((_b = this.modalOptions) === null || _b === void 0 ? void 0 : _b.closeModalOnEnd)) {
+        overlays.closeModal(0);
         this.resetCordovaChanges();
       }
     }
   }
   onPlayerClicked() {
     if (this.isModalMode()) {
-      if (index$1.isNativeMobile()) {
+      if (overlays.isNativeMobile()) {
         if (typeof this.playerState !== 'undefined') {
           this.showHeader = !this.showHeader;
           this.onHideHeader();
@@ -209,7 +210,7 @@ const YooVideoPlayerCoreComponent = class {
       this.initialClick = false;
       this.played.emit(true);
     }
-    if (this.playerState === index$2.videoPlayerStates.PLAYING) {
+    if (this.playerState === index$1.videoPlayerStates.PLAYING) {
       this.pauseVideo();
     }
     else {
@@ -233,11 +234,11 @@ const YooVideoPlayerCoreComponent = class {
     this.updateHTML5Type();
   }
   componentDidLoad() {
-    if (this.isModalMode() && index$1.isNativeMobile()) {
-      index$1.ScreenOrientation.unlock();
+    if (this.isModalMode() && overlays.isNativeMobile()) {
+      overlays.ScreenOrientation.unlock();
       if (screen && screen.orientation) {
         screen.orientation.onchange = () => {
-          this.orientation = index$1.ScreenOrientation.type;
+          this.orientation = overlays.ScreenOrientation.type;
         };
       }
     }
@@ -260,7 +261,7 @@ const YooVideoPlayerCoreComponent = class {
   updateHTML5Type() {
     var _a;
     const source = (_a = this.videoPlayerCoreParameters) === null || _a === void 0 ? void 0 : _a.source;
-    const isAndroidNativeFile = index$1.isAndroid() && lodash.isString(source) && index$1.isNativeFilePath(source);
+    const isAndroidNativeFile = overlays.isAndroid() && lodash.isString(source) && overlays.isNativeFilePath(source);
     this.useHTML5 = this.type === 'html5' || isAndroidNativeFile;
     if (isAndroidNativeFile && source) {
       this.videoPlayerCoreParameters.controls = true;
@@ -268,19 +269,19 @@ const YooVideoPlayerCoreComponent = class {
   }
   resetCordovaChanges() {
     // Only lock it for non ipad
-    if (index$1.isNativeMobile() && this.isModalMode()) {
-      if (!index$1.isIpadPro() && !index$1.isIpad() && !index$1.isTablet()) {
-        const orientation = index$1.isAndroid() ? 'portrait-primary' : 'portrait';
-        index$1.ScreenOrientation.lock(orientation);
+    if (overlays.isNativeMobile() && this.isModalMode()) {
+      if (!overlays.isIpadPro() && !overlays.isIpad() && !overlays.isTablet()) {
+        const orientation = overlays.isAndroid() ? 'portrait-primary' : 'portrait';
+        overlays.ScreenOrientation.lock(orientation);
       }
-      if (index$1.isNativeMobile()) {
-        index$1.StatusBar.show();
+      if (overlays.isNativeMobile()) {
+        overlays.StatusBar.show();
       }
     }
   }
   onCancel() {
     this.getCurrentTime().then((currentTime) => {
-      index$1.closeModal(currentTime);
+      overlays.closeModal(currentTime);
       this.resetCordovaChanges();
     });
   }
@@ -298,9 +299,9 @@ const YooVideoPlayerCoreComponent = class {
   }
   observeVisibility() {
     if (this.videoPlayerCoreParameters && this.videoPlayerCoreParameters.autoPlayOnEnteringViewPort) {
-      this.observer = index$1.intersectionObserve(this.host, (nodes) => {
+      this.observer = index$2.intersectionObserve(this.host, (nodes) => {
         // Ignore intersection ratio in ios
-        if (nodes[0].isIntersecting && (nodes[0].intersectionRatio > 0 || ((index$1.isIOS() && index$1.isNativeMobile()) || index$1.isSafari()))) {
+        if (nodes[0].isIntersecting && (nodes[0].intersectionRatio > 0 || ((overlays.isIOS() && overlays.isNativeMobile()) || overlays.isSafari()))) {
           this.playVideo();
           this.removeIntersectionObserver();
         }
@@ -313,7 +314,7 @@ const YooVideoPlayerCoreComponent = class {
   }
   onSendButtonClick() {
     var _a;
-    index$1.closeModal((_a = this.modalOptions) === null || _a === void 0 ? void 0 : _a.document);
+    overlays.closeModal((_a = this.modalOptions) === null || _a === void 0 ? void 0 : _a.document);
   }
   onHideHeader(timeout = 2000) {
     clearTimeout(this.showHeaderTimeout);
@@ -322,12 +323,12 @@ const YooVideoPlayerCoreComponent = class {
     }, timeout);
   }
   onMouseOut() {
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       this.onHideHeader();
     }
   }
   onMouseMove() {
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       this.showHeader = true;
       this.onHideHeader();
     }
@@ -348,17 +349,17 @@ const YooVideoPlayerCoreComponent = class {
     const extraAttr = {};
     const { source } = this.videoPlayerCoreParameters || {};
     if (lodash.isString(source)) {
-      if (index$1.isCloudinaryLink(this.videoPlayerCoreParameters.source)) {
+      if (overlays.isCloudinaryLink(this.videoPlayerCoreParameters.source)) {
         if (!this.preventVcAuto && !this.videoPlayerCoreParameters.source.includes('vc_auto')) {
-          this.videoPlayerCoreParameters.source = new index$1.Cloudinary(this.videoPlayerCoreParameters.source).videoCodec().getUrl();
+          this.videoPlayerCoreParameters.source = new overlays.Cloudinary(this.videoPlayerCoreParameters.source).videoCodec().getUrl();
         }
-        extraAttr['poster'] = index$1.getVideoPoster(this.videoPlayerCoreParameters.source);
+        extraAttr['poster'] = overlays.getVideoPoster(this.videoPlayerCoreParameters.source);
       }
-      this.videoPlayerCoreParameters.source = index$1.getMedia(source);
+      this.videoPlayerCoreParameters.source = overlays.getMedia(source);
     }
-    else if (index$1.isFile(source) && !index$1.isNativeMobile() && index$1.isVideo(source)) {
+    else if (overlays.isFile(source) && !overlays.isNativeMobile() && overlays.isVideo(source)) {
       this.videoPlayerCoreParameters.source = URL.createObjectURL(source);
-      this.videoPlayerCoreParameters.extension = index$1.getExtension(source);
+      this.videoPlayerCoreParameters.extension = overlays.getExtension(source);
     }
     if (this.isModalMode()) {
       extraAttr['fullscreen'] = false;
@@ -389,11 +390,11 @@ const YooVideoPlayerCoreComponent = class {
         'show': this.showHeader
       } }, index.h("yoo-navbar", { class: {
         landscape: this.isLandscape(),
-        gradient: !index$1.isWeb(this.host),
-        dark: index$1.isWeb(this.host),
-        'no-shadow': index$1.isWeb(this.host)
-      } }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "light" }))), index.h("yoo-truncate", null, index$1.translate(this.modalOptions.header || 'VIDEO')), index.h("yoo-items", { slot: "end" }, this.modalOptions && !this.isLandscape() && !this.modalOptions.showSendOnly && this.modalOptions.modalSecondaryActions && this.modalOptions.modalSecondaryActions.length > 0 &&
-      index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => index$1.showActionSheet(this.modalOptions.modalSecondaryActions) }, index.h("yoo-icon", { name: "more", color: "light" })), ((_a = this.modalOptions) === null || _a === void 0 ? void 0 : _a.showSendOnly) && index.h("yoo-button", { color: "light", fill: "transparent", onClick: () => this.onSendButtonClick() }, index$1.translate('YOOBICSEND'))))));
+        gradient: !overlays.isWeb(this.host),
+        dark: overlays.isWeb(this.host),
+        'no-shadow': overlays.isWeb(this.host)
+      } }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "light" }))), index.h("yoo-truncate", null, overlays.translate(this.modalOptions.header || 'VIDEO')), index.h("yoo-items", { slot: "end" }, this.modalOptions && !this.isLandscape() && !this.modalOptions.showSendOnly && this.modalOptions.modalSecondaryActions && this.modalOptions.modalSecondaryActions.length > 0 &&
+      index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => overlays.showActionSheet(this.modalOptions.modalSecondaryActions) }, index.h("yoo-icon", { name: "more", color: "light" })), ((_a = this.modalOptions) === null || _a === void 0 ? void 0 : _a.showSendOnly) && index.h("yoo-button", { color: "light", fill: "transparent", onClick: () => this.onSendButtonClick() }, overlays.translate('YOOBICSEND'))))));
   }
   renderBody() {
     return (index.h("yoo-ion-content", { class: "bg-light", scrollEnabled: false }, this.renderVideoContainer()));

package/dist/cjs/yoo-videoplayer-dailymotion.cjs.entry.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const videoPlayerHelpers = require('./video-player-helpers-fdcdbae2.js');
-const index$2 = require('./index-dbc0dad6.js');
+const videoPlayerHelpers = require('./video-player-helpers-d62ecb02.js');
+const index$1 = require('./index-dbc0dad6.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
-require('./common-helpers-6970c46c.js');
+require('./index-de8540eb.js');
+require('./common-helpers-a4efe957.js');
 
 const videoplayerDailymotionCss = ":host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";
 
@@ -102,7 +103,7 @@ const YooVideoPlayerDailymotionComponent = class {
         height: this.dailymotionContainer.clientHeight ? this.dailymotionContainer.clientHeight : '100%',
         video: videoPlayerHelpers.getVideoId(source || this.source),
         params: {
-          api: index$1.isNativeMobile() ? 'location' : '1',
+          api: overlays.isNativeMobile() ? 'location' : '1',
           'queue-autoplay-next': false,
           'queue-enable': false,
           controls: this.controls,
@@ -114,19 +115,19 @@ const YooVideoPlayerDailymotionComponent = class {
           this.pauseVideo();
           this.pauseOnAutoPlay = false;
         }
-        this.playerStateChanges.emit(index$2.videoPlayerStates.PLAYING);
+        this.playerStateChanges.emit(index$1.videoPlayerStates.PLAYING);
       });
       this.player.addEventListener('pause', () => {
-        this.playerStateChanges.emit(index$2.videoPlayerStates.PAUSED);
+        this.playerStateChanges.emit(index$1.videoPlayerStates.PAUSED);
       });
       this.player.addEventListener('apiready', () => {
         this.updateCurrentTime(this.startTime);
       });
       this.player.addEventListener('loadedmetadata', () => {
-        this.playerStateChanges.emit(index$2.videoPlayerStates.PLAYER_READY);
+        this.playerStateChanges.emit(index$1.videoPlayerStates.PLAYER_READY);
       });
       this.player.addEventListener('ended', () => {
-        this.playerStateChanges.emit(index$2.videoPlayerStates.ENDED);
+        this.playerStateChanges.emit(index$1.videoPlayerStates.ENDED);
       });
     });
   }

package/dist/cjs/yoo-videoplayer-videojs.cjs.entry.js

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index$1 = require('./index-c8609d4f.js');
-const index = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
+const overlays = require('./overlays-b6c94fc8.js');
 const bufferEs6 = require('./buffer-es6-7c29ccf5.js');
-const localForage = require('./localForage-f618f824.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const videoPlayerHelpers = require('./video-player-helpers-fdcdbae2.js');
+const localForage = require('./localForage-e52707b9.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const videoPlayerHelpers = require('./video-player-helpers-d62ecb02.js');
 const index$2 = require('./index-dbc0dad6.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 var win;
 
@@ -39,7 +40,7 @@ if (typeof document !== 'undefined') {
     doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];
 
     if (!doccy) {
-        doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = index.require$$2;
+        doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = overlays.require$$2;
     }
 }
 
@@ -67365,10 +67366,10 @@ const videoplayerVideojsCss = "@charset \"UTF-8\";.video-js .vjs-big-play-button
 
 const YooVideoPlayerVideojsComponent = class {
   constructor(hostRef) {
-    index$1.registerInstance(this, hostRef);
-    this.playerStateChanges = index$1.createEvent(this, "playerStateChanges", 7);
-    this.playerClicked = index$1.createEvent(this, "playerClicked", 7);
-    this.videoWidthSet = index$1.createEvent(this, "videoWidthSet", 7);
+    index.registerInstance(this, hostRef);
+    this.playerStateChanges = index.createEvent(this, "playerStateChanges", 7);
+    this.playerClicked = index.createEvent(this, "playerClicked", 7);
+    this.videoWidthSet = index.createEvent(this, "videoWidthSet", 7);
     /**
      * List of substitle for video
      */
@@ -67481,7 +67482,7 @@ const YooVideoPlayerVideojsComponent = class {
     if (this.containerWidth < 0) {
       return;
     }
-    const videoRatio = index.getClosestImageRatio(videoWidth, videoHeight, [1, 1.33, 0.75]);
+    const videoRatio = overlays.getClosestImageRatio(videoWidth, videoHeight, [1, 1.33, 0.75]);
     let finalWidth = '100vw';
     let finalHeight = '210px';
     const baseWidth = this.containerWidth / (((_b = this.modalOptions) === null || _b === void 0 ? void 0 : _b.baseRatio) || 1);
@@ -67489,7 +67490,7 @@ const YooVideoPlayerVideojsComponent = class {
     if (videoRatio === 0.75) {
       finalHeight = `${baseWidth / videoRatio}px`;
       finalWidth = `${baseWidth}px`;
-      if (index.isWeb(this.host)) {
+      if (overlays.isWeb(this.host)) {
         finalHeight = `${baseWidth}px`;
         finalWidth = '100%';
       }
@@ -67528,7 +67529,7 @@ const YooVideoPlayerVideojsComponent = class {
   }
   async componentWillLoad() {
     this.source = await localForage.getFromOfflineStorage(this.source);
-    this.source = index.getMedia(this.source, { forceCookieUrlParam: true });
+    this.source = overlays.getMedia(this.source, { forceCookieUrlParam: true });
     this.fallbackSrc = this.onGetFallbackSrc(this.source);
     this.currentFallbackSrcIndex = 0;
   }
@@ -67540,8 +67541,8 @@ const YooVideoPlayerVideojsComponent = class {
     if (this.autoPauseOnLeavingViewPort) {
       this.observeVisibility();
     }
-    if (this.scaledUp && index.isWeb(this.host)) {
-      this.resizeListener = index.debounce(this.onScreenResize, 500).bind(this);
+    if (this.scaledUp && overlays.isWeb(this.host)) {
+      this.resizeListener = overlays.debounce(this.onScreenResize, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
       window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
@@ -67565,7 +67566,7 @@ const YooVideoPlayerVideojsComponent = class {
     this.removeIntersectionObserver();
   }
   observeVisibility() {
-    this.observer = index.intersectionObserve(this.host, (nodes) => {
+    this.observer = index$1.intersectionObserve(this.host, (nodes) => {
       var _a;
       // Ignore intersection ratio in ios
       if (!nodes[0].isIntersecting || ((_a = nodes[0].boundingClientRect) === null || _a === void 0 ? void 0 : _a.top) < 0) {
@@ -67629,7 +67630,7 @@ const YooVideoPlayerVideojsComponent = class {
     this.player.on('loadedmetadata', async (ev) => {
       var _a, _b;
       if (this.player && this.player.duration() >= 0) {
-        this.videoDuration = index.pipes.timer.transform(Math.round(this.player.duration()), 'seconds');
+        this.videoDuration = overlays.pipes.timer.transform(Math.round(this.player.duration()), 'seconds');
       }
       if (!this.disconnected) {
         this.playerStateChanges.emit(index$2.videoPlayerStates.PLAYER_READY);
@@ -67640,24 +67641,24 @@ const YooVideoPlayerVideojsComponent = class {
       }
       await Promise.all((_b = this.subtitles) === null || _b === void 0 ? void 0 : _b.map(async (subtitle) => {
         let src = subtitle === null || subtitle === void 0 ? void 0 : subtitle.src;
-        const ext = index.getExtension(src);
+        const ext = overlays.getExtension(src);
         let blobPromise = Promise.resolve(src);
-        if (ext === 'srt' || ext === 'vtt' || (subtitle === null || subtitle === void 0 ? void 0 : subtitle.mimeType) || index.isCloudinaryLink(src)) {
-          if (index.isFile(src)) {
+        if (ext === 'srt' || ext === 'vtt' || (subtitle === null || subtitle === void 0 ? void 0 : subtitle.mimeType) || overlays.isCloudinaryLink(src)) {
+          if (overlays.isFile(src)) {
             blobPromise = Promise.resolve(new Blob([src]));
           }
           else if (typeof src === 'string') {
-            blobPromise = index.isOffline() ? localForage.getFromLocalForage(index.getKeyToCache(src)) : index.urlToFileBlob(src);
+            blobPromise = overlays.isOffline() ? localForage.getFromLocalForage(overlays.getKeyToCache(src)) : overlays.urlToFileBlob(src);
           }
         }
         await blobPromise.then(async (blobOrBase64) => {
-          let blob = index.isOffline() ? index.b64ToFile(blobOrBase64, { name: index.getKeyToCache(src) }) : blobOrBase64;
+          let blob = overlays.isOffline() ? overlays.b64ToFile(blobOrBase64, { name: overlays.getKeyToCache(src) }) : blobOrBase64;
           if (!blob) {
             return;
           }
           if (ext === 'srt') {
             let vttText = await blob.text();
-            vttText = index.convertSrtToWebVTT(vttText);
+            vttText = overlays.convertSrtToWebVTT(vttText);
             blob = new Blob([vttText], { type: 'text/vtt' });
           }
           src = URL.createObjectURL(blob);
@@ -67671,7 +67672,7 @@ const YooVideoPlayerVideojsComponent = class {
       }));
       setTimeout(() => {
         const tracks = this.player.textTracks();
-        const currentLang = index.getCurrentLanguage();
+        const currentLang = overlays.getCurrentLanguage();
         for (let i = 0; i < tracks.length; i++) {
           const track = tracks[i];
           const enAddition = ['ca', 'us'] && track.language === 'en';
@@ -67734,21 +67735,21 @@ const YooVideoPlayerVideojsComponent = class {
       const newSrc = this.fallbackSrc[this.currentFallbackSrcIndex];
       this.player.src(newSrc);
       if (this.player.poster) {
-        this.player.poster(index.getVideoPoster(newURL));
+        this.player.poster(overlays.getVideoPoster(newURL));
       }
       this.player.load();
     }
   }
   onGetFallbackSrc(newURL) {
-    const ext = index.getExtension(newURL) || '*';
+    const ext = overlays.getExtension(newURL) || '*';
     const nonEco = (newURL === null || newURL === void 0 ? void 0 : newURL.includes) && (newURL === null || newURL === void 0 ? void 0 : newURL.includes('q_auto:eco'));
-    const mp4Src = index.changeExtension(newURL, 'mp4');
+    const mp4Src = overlays.changeExtension(newURL, 'mp4');
     return lodash.compact([
       nonEco ? {
-        src: new index.Cloudinary(newURL).quality('eco').getUrl()
+        src: new overlays.Cloudinary(newURL).quality('eco').getUrl()
       } : null,
       ext !== 'mp4' && nonEco ? {
-        src: new index.Cloudinary(mp4Src).quality('eco').getUrl()
+        src: new overlays.Cloudinary(mp4Src).quality('eco').getUrl()
       } : null,
       ext !== 'mp4' ? {
         src: mp4Src
@@ -67757,16 +67758,16 @@ const YooVideoPlayerVideojsComponent = class {
         src: newURL
       },
       {
-        src: new index.Cloudinary(newURL).videoCodec('h265').width(1280).crop('limit').getUrl()
+        src: new overlays.Cloudinary(newURL).videoCodec('h265').width(1280).crop('limit').getUrl()
       },
       {
-        src: index.isOffline() ? newURL : index.changeExtension(new index.Cloudinary(newURL).videoCodec('vp9').width(1280).crop('limit').getUrl(), 'webm')
+        src: overlays.isOffline() ? newURL : overlays.changeExtension(new overlays.Cloudinary(newURL).videoCodec('vp9').width(1280).crop('limit').getUrl(), 'webm')
       },
       {
-        src: new index.Cloudinary(newURL).videoCodec('auto').width(1280).crop('limit').getUrl()
+        src: new overlays.Cloudinary(newURL).videoCodec('auto').width(1280).crop('limit').getUrl()
       },
       {
-        src: new index.Cloudinary(newURL).videoCodec('auto').width(1280).getUrl()
+        src: new overlays.Cloudinary(newURL).videoCodec('auto').width(1280).getUrl()
       }
     ]);
   }
@@ -67796,33 +67797,33 @@ const YooVideoPlayerVideojsComponent = class {
   }
   renderVideoElement() {
     var _a;
-    const poster = index.isCloudinaryLink(this.poster) ? videoPlayerHelpers.updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight) : null;
-    const newSrc = !((_a = this.source) === null || _a === void 0 ? void 0 : _a.includes('q_auto:eco')) ? new index.Cloudinary(this.source).quality('eco').getUrl() : this.source;
-    let ext = this.extension || index.getExtension(newSrc);
+    const poster = overlays.isCloudinaryLink(this.poster) ? videoPlayerHelpers.updateCloudinaryDim(this.poster ? this.poster : this.source, this.videoWidth, this.videoHeight) : null;
+    const newSrc = !((_a = this.source) === null || _a === void 0 ? void 0 : _a.includes('q_auto:eco')) ? new overlays.Cloudinary(this.source).quality('eco').getUrl() : this.source;
+    let ext = this.extension || overlays.getExtension(newSrc);
     if (ext === 'mov') {
       ext = 'mp4';
     }
-    return (index$1.h("div", { class: "video-container" }, index$1.h("video", { ref: (el) => (this.videoEl = el), class: "video-js", playsinline: true, preload: this.preload, autoplay: this.autoplay, controls: this.controls, muted: this.muted, poster: poster, crossorigin: "anonymous", "data-setup": "{}" }, index$1.h("source", { src: newSrc, type: `video/${ext}` }))));
+    return (index.h("div", { class: "video-container" }, index.h("video", { ref: (el) => (this.videoEl = el), class: "video-js", playsinline: true, preload: this.preload, autoplay: this.autoplay, controls: this.controls, muted: this.muted, poster: poster, crossorigin: "anonymous", "data-setup": "{}" }, index.h("source", { src: newSrc, type: `video/${ext}` }))));
   }
   renderErrorFallback() {
     var _a;
     if (((_a = this.player) === null || _a === void 0 ? void 0 : _a.error) && this.player.error() && this.showErrorFallback) {
-      return (index$1.h("div", { class: "error-overlay" }, index$1.h("yoo-icon", { size: this.iconSize ? this.iconSize : 'extra-large', color: "light", class: "play", name: "play", onClick: () => { this.showErrorFallback = false; this.player.load(); } })));
+      return (index.h("div", { class: "error-overlay" }, index.h("yoo-icon", { size: this.iconSize ? this.iconSize : 'extra-large', color: "light", class: "play", name: "play", onClick: () => { this.showErrorFallback = false; this.player.load(); } })));
     }
   }
   renderOverlay() {
     var _a;
     const hasError = (((_a = this.player) === null || _a === void 0 ? void 0 : _a.error) && this.player.error() && this.showErrorFallback);
-    return (index$1.h("div", { class: {
+    return (index.h("div", { class: {
         overlay: true,
         hidden: (this.isPlaying || this.ended) && !hasError
-      } }, this.showDuration && index$1.h("span", null, this.videoDuration ? this.videoDuration : ''), index$1.h("yoo-icon", { size: this.iconSize ? this.iconSize : 'extra-large', color: "light", class: "play", name: "play", onClick: () => { this.onOverlayPlay(hasError); } })));
+      } }, this.showDuration && index.h("span", null, this.videoDuration ? this.videoDuration : ''), index.h("yoo-icon", { size: this.iconSize ? this.iconSize : 'extra-large', color: "light", class: "play", name: "play", onClick: () => { this.onOverlayPlay(hasError); } })));
   }
   render() {
     if (this.mediaDimension) {
       this.preserveAspectRatio(this.mediaDimension.width, this.mediaDimension.height);
     }
-    return (index$1.h(index$1.Host, { class: {
+    return (index.h(index.Host, { class: {
         ...commonHelpers.getAppContext(this.host),
         light: this.lightBackground,
         'simple-mode': this.simpleMode,
@@ -67831,7 +67832,7 @@ const YooVideoPlayerVideojsComponent = class {
         cover: this.cover
       } }, this.renderVideoElement(), this.renderOverlay(), this.renderErrorFallback()));
   }
-  get host() { return index$1.getElement(this); }
+  get host() { return index.getElement(this); }
   static get watchers() { return {
     "source": ["onSourceChange"]
   }; }

package/dist/cjs/yoo-videoplayer-vimeo.cjs.entry.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const videoPlayerHelpers = require('./video-player-helpers-fdcdbae2.js');
+const index = require('./index-e182c32d.js');
+const videoPlayerHelpers = require('./video-player-helpers-d62ecb02.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./index-f3d7c03d.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
-require('./common-helpers-6970c46c.js');
+require('./index-1fdbd9b3.js');
+require('./common-helpers-a4efe957.js');
 
 const videoplayerVimeoCss = ":host iframe{width:100%;background:var(--dark, #000000)}";
 

package/dist/cjs/yoo-videoplayer-youtube.cjs.entry.js

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-f3d7c03d.js');
-const videoPlayerHelpers = require('./video-player-helpers-fdcdbae2.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const videoPlayerHelpers = require('./video-player-helpers-d62ecb02.js');
 const index$1 = require('./index-dbc0dad6.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
-require('./common-helpers-6970c46c.js');
+require('./index-de8540eb.js');
+require('./common-helpers-a4efe957.js');
 
 const videoplayerYoutubeCss = ":host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";
 
@@ -120,7 +121,7 @@ const YooVideoPlayerYoutubeComponent = class {
               }
             },
             onError: () => {
-              if (index$2.isNativeMobile()) {
+              if (overlays.isNativeMobile()) {
                 this.hasError = true;
               }
             }

package/dist/cjs/yoo-virtual-item.cjs.entry.js

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const YooVirtualItemComponent = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.isVisible = false;
     this.onResize = () => {
-      index$1.dispatchCustomEvent('itemHeightUpdated', this.host, { item: this.host, preventUpdate: true });
+      overlays.dispatchCustomEvent('itemHeightUpdated', this.host, { item: this.host, preventUpdate: true });
     };
   }
   async renderContent() {

package/dist/cjs/yoo-virtual-scroll.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 // Virtual Scroll
 const CELL_TYPE_ITEM = 'item';
@@ -338,9 +339,9 @@ const YooVirtualScrollComponent = class {
     const path = ev === null || ev === void 0 ? void 0 : ev.composedPath();
     if (path) {
       ev.stopPropagation();
-      const item = ((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.item) || index$1.findParent(path[0], 'yoo-virtual-item');
+      const item = ((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a.item) || overlays.findParent(path[0], 'yoo-virtual-item');
       if (item) {
-        if (index$1.findParent(item, 'yoo-virtual-scroll') !== this.el) {
+        if (overlays.findParent(item, 'yoo-virtual-scroll') !== this.el) {
           return;
         }
         const foundIndex = item.index;
@@ -448,9 +449,9 @@ const YooVirtualScrollComponent = class {
     }
   }
   async connectedCallback() {
-    this.scrollEl = index$1.findParent(this.el, 'yoo-ion-scroll');
+    this.scrollEl = overlays.findParent(this.el, 'yoo-ion-scroll');
     if (!this.scrollEl) {
-      const contentEl = index$1.findParent(this.el, 'yoo-ion-content');
+      const contentEl = overlays.findParent(this.el, 'yoo-ion-content');
       if (contentEl) {
         this.scrollEl = await contentEl.getScrollElement();
       }
@@ -550,11 +551,11 @@ const YooVirtualScrollComponent = class {
               this.backupHeightMap[item.index] = itemHeight;
             }
             if (item.style.opacity === '0') {
-              if (index$1.isAnimationsDisabled()) {
+              if (overlays.isAnimationsDisabled()) {
                 item.style.opacity = '1';
               }
               else {
-                index$1.gsapTo(item, index$1.isWeb(this.el) ? 0 : 0.1, {
+                overlays.gsapTo(item, overlays.isWeb(this.el) ? 0 : 0.1, {
                   opacity: 1
                 });
               }
@@ -656,7 +657,7 @@ const YooVirtualScrollComponent = class {
       }
     };
     if (node) {
-      index$1.componentOnReady(node, update);
+      overlays.componentOnReady(node, update);
     }
     else {
       update();