@yoobic/yobi 8.5.0-60 → 8.5.0-61

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const videoPlayerHelpers = require('./video-player-helpers-f53226be.js');
-const index$1 = require('./index-dbc0dad6.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const videoPlayerHelpers = require('./video-player-helpers-2d1d0372.js');
+const index$2 = require('./index-dbc0dad6.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerDailymotionCss = "svg:not(:root){overflow:hidden}:host .dm-container,:host .dm-player{width:100%;height:100%;background:var(--dark, #000000)}";
@@ -103,7 +103,7 @@ const YooVideoPlayerDailymotionComponent = class {
         height: this.dailymotionContainer.clientHeight ? this.dailymotionContainer.clientHeight : '100%',
         video: videoPlayerHelpers.getVideoId(source || this.source),
         params: {
-          api: overlays.isNativeMobile() ? 'location' : '1',
+          api: index$1.isNativeMobile() ? 'location' : '1',
           'queue-autoplay-next': false,
           'queue-enable': false,
           controls: this.controls,
@@ -115,19 +115,19 @@ const YooVideoPlayerDailymotionComponent = class {
           this.pauseVideo();
           this.pauseOnAutoPlay = false;
         }
-        this.playerStateChanges.emit(index$1.videoPlayerStates.PLAYING);
+        this.playerStateChanges.emit(index$2.videoPlayerStates.PLAYING);
       });
       this.player.addEventListener('pause', () => {
-        this.playerStateChanges.emit(index$1.videoPlayerStates.PAUSED);
+        this.playerStateChanges.emit(index$2.videoPlayerStates.PAUSED);
       });
       this.player.addEventListener('apiready', () => {
         this.updateCurrentTime(this.startTime);
       });
       this.player.addEventListener('loadedmetadata', () => {
-        this.playerStateChanges.emit(index$1.videoPlayerStates.PLAYER_READY);
+        this.playerStateChanges.emit(index$2.videoPlayerStates.PLAYER_READY);
       });
       this.player.addEventListener('ended', () => {
-        this.playerStateChanges.emit(index$1.videoPlayerStates.ENDED);
+        this.playerStateChanges.emit(index$2.videoPlayerStates.ENDED);
       });
     });
   }

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

@@ -2,16 +2,16 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-9aadeb94.js');
+const index$1 = require('./index-9ca0e46c.js');
+const index$2 = require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index = require('./index-0cfb67d1.js');
 const bufferEs6 = require('./buffer-es6-524a1541.js');
-const localForage = require('./localForage-d0842cbe.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const videoPlayerHelpers = require('./video-player-helpers-f53226be.js');
-const index$2 = require('./index-dbc0dad6.js');
+const localForage = require('./localForage-446da40f.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const videoPlayerHelpers = require('./video-player-helpers-2d1d0372.js');
+const index$3 = require('./index-dbc0dad6.js');
 require('./index-a1bbe627.js');
 
 var win;
@@ -40,7 +40,7 @@ if (typeof document !== 'undefined') {
     doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'];
 
     if (!doccy) {
-        doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = overlays.require$$2;
+        doccy = topLevel['__GLOBAL_DOCUMENT_CACHE@4'] = index.require$$2;
     }
 }
 
@@ -67433,10 +67433,10 @@ const videoplayerVideojsCss = "@charset \"UTF-8\";.video-js .vjs-big-play-button
 
 const YooVideoPlayerVideojsComponent = class {
   constructor(hostRef) {
-    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);
+    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);
     /**
      * List of substitle for video
      */
@@ -67549,7 +67549,7 @@ const YooVideoPlayerVideojsComponent = class {
     if (this.containerWidth < 0) {
       return;
     }
-    const videoRatio = overlays.getClosestImageRatio(videoWidth, videoHeight, [1, 1.33, 0.75]);
+    const videoRatio = index.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);
@@ -67557,7 +67557,7 @@ const YooVideoPlayerVideojsComponent = class {
     if (videoRatio === 0.75) {
       finalHeight = `${baseWidth / videoRatio}px`;
       finalWidth = `${baseWidth}px`;
-      if (overlays.isWeb(this.host)) {
+      if (index.isWeb(this.host)) {
         finalHeight = `${baseWidth}px`;
         finalWidth = '100%';
       }
@@ -67596,7 +67596,7 @@ const YooVideoPlayerVideojsComponent = class {
   }
   async componentWillLoad() {
     this.source = await localForage.getFromOfflineStorage(this.source);
-    this.source = overlays.getMedia(this.source, { forceCookieUrlParam: true });
+    this.source = index.getMedia(this.source, { forceCookieUrlParam: true });
     this.fallbackSrc = this.onGetFallbackSrc(this.source);
     this.currentFallbackSrcIndex = 0;
   }
@@ -67608,8 +67608,8 @@ const YooVideoPlayerVideojsComponent = class {
     if (this.autoPauseOnLeavingViewPort) {
       this.observeVisibility();
     }
-    if (this.scaledUp && overlays.isWeb(this.host)) {
-      this.resizeListener = overlays.debounce(this.onScreenResize, 500).bind(this);
+    if (this.scaledUp && index.isWeb(this.host)) {
+      this.resizeListener = index.debounce(this.onScreenResize, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
       window.addEventListener('screenSizeWillChange', this.resizeListener);
     }
@@ -67633,7 +67633,7 @@ const YooVideoPlayerVideojsComponent = class {
     this.removeIntersectionObserver();
   }
   observeVisibility() {
-    this.observer = index$1.intersectionObserve(this.host, (nodes) => {
+    this.observer = index$2.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) {
@@ -67672,7 +67672,7 @@ const YooVideoPlayerVideojsComponent = class {
     this.player.on('play', () => {
       this.ended = false;
       if (!this.disconnected) {
-        this.playerStateChanges.emit(index$2.videoPlayerStates.PLAYING);
+        this.playerStateChanges.emit(index$3.videoPlayerStates.PLAYING);
       }
       this.isPlaying = true;
       if (this.autoPauseOnLeavingViewPort) {
@@ -67681,12 +67681,12 @@ const YooVideoPlayerVideojsComponent = class {
     });
     this.player.on('pause', () => {
       if (!this.disconnected) {
-        this.playerStateChanges.emit(index$2.videoPlayerStates.PAUSED);
+        this.playerStateChanges.emit(index$3.videoPlayerStates.PAUSED);
       }
     });
     this.player.on('ended', () => {
       if (!this.disconnected) {
-        this.playerStateChanges.emit(index$2.videoPlayerStates.ENDED);
+        this.playerStateChanges.emit(index$3.videoPlayerStates.ENDED);
       }
       this.isPlaying = false;
       this.ended = true;
@@ -67697,10 +67697,10 @@ const YooVideoPlayerVideojsComponent = class {
     this.player.on('loadedmetadata', async (ev) => {
       var _a, _b;
       if (this.player && this.player.duration() >= 0) {
-        this.videoDuration = overlays.pipes.timer.transform(Math.round(this.player.duration()), 'seconds');
+        this.videoDuration = index.pipes.timer.transform(Math.round(this.player.duration()), 'seconds');
       }
       if (!this.disconnected) {
-        this.playerStateChanges.emit(index$2.videoPlayerStates.PLAYER_READY);
+        this.playerStateChanges.emit(index$3.videoPlayerStates.PLAYER_READY);
       }
       const videoElement = (_a = ev === null || ev === void 0 ? void 0 : ev.target) === null || _a === void 0 ? void 0 : _a.firstElementChild;
       if (videoElement && this.scaledUp && !this.mediaDimension) {
@@ -67708,24 +67708,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 = overlays.getExtension(src);
+        const ext = index.getExtension(src);
         let blobPromise = Promise.resolve(src);
-        if (ext === 'srt' || ext === 'vtt' || (subtitle === null || subtitle === void 0 ? void 0 : subtitle.mimeType) || overlays.isCloudinaryLink(src)) {
-          if (overlays.isFile(src)) {
+        if (ext === 'srt' || ext === 'vtt' || (subtitle === null || subtitle === void 0 ? void 0 : subtitle.mimeType) || index.isCloudinaryLink(src)) {
+          if (index.isFile(src)) {
             blobPromise = Promise.resolve(new Blob([src]));
           }
           else if (typeof src === 'string') {
-            blobPromise = overlays.isOffline() ? localForage.getFromLocalForage(overlays.getKeyToCache(src)) : overlays.urlToFileBlob(src);
+            blobPromise = index.isOffline() ? localForage.getFromLocalForage(index.getKeyToCache(src)) : index.urlToFileBlob(src);
           }
         }
         await blobPromise.then(async (blobOrBase64) => {
-          let blob = overlays.isOffline() ? overlays.b64ToFile(blobOrBase64, { name: overlays.getKeyToCache(src) }) : blobOrBase64;
+          let blob = index.isOffline() ? index.b64ToFile(blobOrBase64, { name: index.getKeyToCache(src) }) : blobOrBase64;
           if (!blob) {
             return;
           }
           if (ext === 'srt') {
             let vttText = await blob.text();
-            vttText = overlays.convertSrtToWebVTT(vttText);
+            vttText = index.convertSrtToWebVTT(vttText);
             blob = new Blob([vttText], { type: 'text/vtt' });
           }
           src = URL.createObjectURL(blob);
@@ -67739,7 +67739,7 @@ const YooVideoPlayerVideojsComponent = class {
       }));
       setTimeout(() => {
         const tracks = this.player.textTracks();
-        const currentLang = overlays.getCurrentLanguage();
+        const currentLang = index.getCurrentLanguage();
         for (let i = 0; i < tracks.length; i++) {
           const track = tracks[i];
           const enAddition = ['ca', 'us'] && track.language === 'en';
@@ -67798,21 +67798,21 @@ const YooVideoPlayerVideojsComponent = class {
       const newSrc = this.fallbackSrc[this.currentFallbackSrcIndex];
       this.player.src(newSrc);
       if (this.player.poster) {
-        this.player.poster(overlays.getVideoPoster(newURL));
+        this.player.poster(index.getVideoPoster(newURL));
       }
       this.player.load();
     }
   }
   onGetFallbackSrc(newURL) {
-    const ext = overlays.getExtension(newURL) || '*';
+    const ext = index.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 = overlays.changeExtension(newURL, 'mp4');
+    const mp4Src = index.changeExtension(newURL, 'mp4');
     return lodash.compact([
       nonEco ? {
-        src: new overlays.Cloudinary(newURL).quality('eco').getUrl()
+        src: new index.Cloudinary(newURL).quality('eco').getUrl()
       } : null,
       ext !== 'mp4' && nonEco ? {
-        src: new overlays.Cloudinary(mp4Src).quality('eco').getUrl()
+        src: new index.Cloudinary(mp4Src).quality('eco').getUrl()
       } : null,
       ext !== 'mp4' ? {
         src: mp4Src
@@ -67821,16 +67821,16 @@ const YooVideoPlayerVideojsComponent = class {
         src: newURL
       },
       {
-        src: new overlays.Cloudinary(newURL).videoCodec('h265').width(1280).crop('limit').getUrl()
+        src: new index.Cloudinary(newURL).videoCodec('h265').width(1280).crop('limit').getUrl()
       },
       {
-        src: overlays.isOffline() ? newURL : overlays.changeExtension(new overlays.Cloudinary(newURL).videoCodec('vp9').width(1280).crop('limit').getUrl(), 'webm')
+        src: index.isOffline() ? newURL : index.changeExtension(new index.Cloudinary(newURL).videoCodec('vp9').width(1280).crop('limit').getUrl(), 'webm')
       },
       {
-        src: new overlays.Cloudinary(newURL).videoCodec('auto').width(1280).crop('limit').getUrl()
+        src: new index.Cloudinary(newURL).videoCodec('auto').width(1280).crop('limit').getUrl()
       },
       {
-        src: new overlays.Cloudinary(newURL).videoCodec('auto').width(1280).getUrl()
+        src: new index.Cloudinary(newURL).videoCodec('auto').width(1280).getUrl()
       }
     ]);
   }
@@ -67860,33 +67860,33 @@ const YooVideoPlayerVideojsComponent = class {
   }
   renderVideoElement() {
     var _a;
-    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);
+    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);
     if (ext === 'mov') {
       ext = 'mp4';
     }
-    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}` }))));
+    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}` }))));
   }
   renderErrorFallback() {
     var _a;
     if (((_a = this.player) === null || _a === void 0 ? void 0 : _a.error) && this.player.error() && this.showErrorFallback) {
-      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(); } })));
+      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(); } })));
     }
   }
   renderOverlay() {
     var _a;
     const hasError = (((_a = this.player) === null || _a === void 0 ? void 0 : _a.error) && this.player.error() && this.showErrorFallback);
-    return (index.h("div", { class: {
+    return (index$1.h("div", { class: {
         overlay: true,
         hidden: (this.isPlaying || this.ended) && !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); } })));
+      } }, 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); } })));
   }
   render() {
     if (this.mediaDimension) {
       this.preserveAspectRatio(this.mediaDimension.width, this.mediaDimension.height);
     }
-    return (index.h(index.Host, { class: {
+    return (index$1.h(index$1.Host, { class: {
         ...commonHelpers.getAppContext(this.host),
         light: this.lightBackground,
         'simple-mode': this.simpleMode,
@@ -67895,7 +67895,7 @@ const YooVideoPlayerVideojsComponent = class {
         cover: this.cover
       } }, this.renderVideoElement(), this.renderOverlay(), this.renderErrorFallback()));
   }
-  get host() { return index.getElement(this); }
+  get host() { return index$1.getElement(this); }
   static get watchers() { return {
     "source": ["onSourceChange"]
   }; }

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

@@ -3,14 +3,14 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const videoPlayerHelpers = require('./video-player-helpers-f53226be.js');
+const videoPlayerHelpers = require('./video-player-helpers-2d1d0372.js');
 const index$1 = require('./index-dbc0dad6.js');
-require('./overlays-e5d2ff76.js');
-require('./lodash-a9050d79.js');
+require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-9aadeb94.js');
-require('./common-helpers-9f63a319.js');
+require('./lodash-a9050d79.js');
+require('./index-6f92bccb.js');
+require('./common-helpers-44428bf7.js');
 
 const videoplayerVimeoCss = "svg:not(:root){overflow:hidden}:host iframe{width:100%;background:var(--dark, #000000)}";
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const videoPlayerHelpers = require('./video-player-helpers-f53226be.js');
+require('./index-6f92bccb.js');
+const videoPlayerHelpers = require('./video-player-helpers-2d1d0372.js');
 const index$1 = require('./index-dbc0dad6.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
-require('./common-helpers-9f63a319.js');
+require('./common-helpers-44428bf7.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const videoplayerYoutubeCss = "svg:not(:root){overflow:hidden}:host{width:100%}:host .yt-container,:host .yt-player{width:100%;height:100%}:host .yt-container.error{pointer-events:none}:host(.played){height:90%}";
@@ -121,7 +121,7 @@ const YooVideoPlayerYoutubeComponent = class {
               }
             },
             onError: () => {
-              if (overlays.isNativeMobile()) {
+              if (index$2.isNativeMobile()) {
                 this.hasError = true;
               }
             }

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$2 = require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -14,7 +14,7 @@ const YooVirtualItemComponent = class {
     index.registerInstance(this, hostRef);
     this.isVisible = false;
     this.onResize = () => {
-      overlays.dispatchCustomEvent('itemHeightUpdated', this.host, { item: this.host, preventUpdate: true });
+      index$1.dispatchCustomEvent('itemHeightUpdated', this.host, { item: this.host, preventUpdate: true });
     };
   }
   async renderContent() {
@@ -33,7 +33,7 @@ const YooVirtualItemComponent = class {
     }
   }
   componentDidLoad() {
-    index$1.resizeObserve(this.host, this.onResize);
+    index$2.resizeObserve(this.host, this.onResize);
   }
   render() {
     return (index.h(index.Host, { style: { 'display': 'block' } }, this.renderItem && (this.isVisible || !this.asyncRender) && this.renderItem()));

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -339,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) || overlays.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) || index$1.findParent(path[0], 'yoo-virtual-item');
       if (item) {
-        if (overlays.findParent(item, 'yoo-virtual-scroll') !== this.el) {
+        if (index$1.findParent(item, 'yoo-virtual-scroll') !== this.el) {
           return;
         }
         const foundIndex = item.index;
@@ -449,9 +449,9 @@ const YooVirtualScrollComponent = class {
     }
   }
   async connectedCallback() {
-    this.scrollEl = overlays.findParent(this.el, 'yoo-ion-scroll');
+    this.scrollEl = index$1.findParent(this.el, 'yoo-ion-scroll');
     if (!this.scrollEl) {
-      const contentEl = overlays.findParent(this.el, 'yoo-ion-content');
+      const contentEl = index$1.findParent(this.el, 'yoo-ion-content');
       if (contentEl) {
         this.scrollEl = await contentEl.getScrollElement();
       }
@@ -551,11 +551,11 @@ const YooVirtualScrollComponent = class {
               this.backupHeightMap[item.index] = itemHeight;
             }
             if (item.style.opacity === '0') {
-              if (overlays.isAnimationsDisabled()) {
+              if (index$1.isAnimationsDisabled()) {
                 item.style.opacity = '1';
               }
               else {
-                overlays.gsapTo(item, overlays.isWeb(this.el) ? 0 : 0.1, {
+                index$1.gsapTo(item, index$1.isWeb(this.el) ? 0 : 0.1, {
                   opacity: 1
                 });
               }
@@ -657,7 +657,7 @@ const YooVirtualScrollComponent = class {
       }
     };
     if (node) {
-      overlays.componentOnReady(node, update);
+      index$1.componentOnReady(node, update);
     }
     else {
       update();

package/dist/cjs/yoo-waitlist-location-result.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -26,12 +26,12 @@ const YooWaitlistLocationResultComponent = class {
     return headers[this.state] || headers.WAITING;
   }
   getDateText() {
-    const date = overlays.dateFormat(this.date, 'D MMM');
-    const time = overlays.dateFormat(this.date, this.use24HourTime ? 'HH:mm' : 'hh:mm a');
-    return overlays.translate('SCHEDULEDAT', { date, time });
+    const date = index$1.dateFormat(this.date, 'D MMM');
+    const time = index$1.dateFormat(this.date, this.use24HourTime ? 'HH:mm' : 'hh:mm a');
+    return index$1.translate('SCHEDULEDAT', { date, time });
   }
   getCancelText() {
-    return this.isBooked() ? overlays.translate('WAITLISTVISITBOOKCANCEL') : overlays.translate('WAITLISTVISITCANCEL');
+    return this.isBooked() ? index$1.translate('WAITLISTVISITBOOKCANCEL') : index$1.translate('WAITLISTVISITCANCEL');
   }
   isWaiting() {
     return this.state === 'WAITING';
@@ -50,16 +50,16 @@ const YooWaitlistLocationResultComponent = class {
   }
   renderResult() {
     const isServingVirtualRoom = this.isVirtualRoom() && this.isServing();
-    const waitTime = overlays.isPresent(this.waitTime) ? (Math.round((this.waitTime) / 60)).toLocaleString() : '...';
-    const position = overlays.isPresent(this.position) ? this.position : '...';
-    return (index.h("div", { class: "content" }, index.h("div", { class: "header" }, overlays.translate(this.getHeader())), !this.isComplete() && !isServingVirtualRoom && index.h("div", { class: "frame" }, this.isWaiting() && index.h("div", { class: "wait-time" }, index.h("div", { class: "number" }, waitTime, " ", overlays.translate('MINUTESABBRV')), index.h("div", { class: "text" }, " ", overlays.translate('MINUTESEST'))), this.isBooked() && index.h("div", { class: "wait-time" }, index.h("div", { class: "date" }, this.getDateText())), !this.isServing() && index.h("div", { class: "line" }), this.isWaiting() && index.h("div", { class: "text", innerHTML: overlays.translate('YOUREXXINLINE', { rank: position, color: 'var(--app-color)' }) }), this.isVirtualRoom() && index.h("div", { class: "description text" }, overlays.translate('WAITLISTVIRTUALSHOPPINGCONFIRMATIONSCREEN')), !this.isVirtualRoom() && [
-      !this.isServing() && index.h("div", { class: "text" }, overlays.translate('SHOWQRCODEENTRANCE')),
+    const waitTime = index$1.isPresent(this.waitTime) ? (Math.round((this.waitTime) / 60)).toLocaleString() : '...';
+    const position = index$1.isPresent(this.position) ? this.position : '...';
+    return (index.h("div", { class: "content" }, index.h("div", { class: "header" }, index$1.translate(this.getHeader())), !this.isComplete() && !isServingVirtualRoom && index.h("div", { class: "frame" }, this.isWaiting() && index.h("div", { class: "wait-time" }, index.h("div", { class: "number" }, waitTime, " ", index$1.translate('MINUTESABBRV')), index.h("div", { class: "text" }, " ", index$1.translate('MINUTESEST'))), this.isBooked() && index.h("div", { class: "wait-time" }, index.h("div", { class: "date" }, this.getDateText())), !this.isServing() && index.h("div", { class: "line" }), this.isWaiting() && index.h("div", { class: "text", innerHTML: index$1.translate('YOUREXXINLINE', { rank: position, color: 'var(--app-color)' }) }), this.isVirtualRoom() && index.h("div", { class: "description text" }, index$1.translate('WAITLISTVIRTUALSHOPPINGCONFIRMATIONSCREEN')), !this.isVirtualRoom() && [
+      !this.isServing() && index.h("div", { class: "text" }, index$1.translate('SHOWQRCODEENTRANCE')),
       index.h("div", { class: { qrcode: true, standalone: this.isServing() } }, index.h("yoo-form-qrcode", { size: "large", logo: this.logo, whiteLabel: this.whiteLabel, value: this.qrcodeUrl }))
     ], (this.isWaiting() || this.isBooked()) &&
       index.h("yoo-button", { color: "light", onClick: () => this.cancelled.emit() }, index.h("div", { class: "danger" }, this.getCancelText())))));
   }
   renderBookedVirtualRoomResult() {
-    return (index.h("div", { class: "content" }, index.h("div", { class: "header" }, overlays.translate(this.getHeader())), index.h("div", { class: "frame" }, index.h("div", { class: "date" }, this.getDateText()), index.h("div", { class: "line" }), index.h("div", { class: "description text" }, overlays.translate('WAITLISTALERTBYSMS')), index.h("yoo-button", { onClick: () => this.cancelled.emit() }, index.h("span", { class: "danger" }, this.getCancelText())))));
+    return (index.h("div", { class: "content" }, index.h("div", { class: "header" }, index$1.translate(this.getHeader())), index.h("div", { class: "frame" }, index.h("div", { class: "date" }, this.getDateText()), index.h("div", { class: "line" }), index.h("div", { class: "description text" }, index$1.translate('WAITLISTALERTBYSMS')), index.h("yoo-button", { onClick: () => this.cancelled.emit() }, index.h("span", { class: "danger" }, this.getCancelText())))));
   }
   render() {
     const isBookedVirtualRoom = this.isVirtualRoom() && this.isBooked();

package/dist/cjs/yoo-waitlist-location-start.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -70,9 +70,9 @@ const YooWaitlistLocationStartComponent = class {
     const buttonIds = ['waiting', 'booked'];
     const buttonDefs = [
       allowJoin &&
-        index.h("yoo-button", { color: "app-color", disabled: index.Build.isServer, size: "large", onClick: () => this.joined.emit(this.isVQMode) }, overlays.translate(joinBtnText), " ", overlays.translate('ESTIMATEDWAIT', { smart_count: time })),
+        index.h("yoo-button", { color: "app-color", disabled: index.Build.isServer, size: "large", onClick: () => this.joined.emit(this.isVQMode) }, index$1.translate(joinBtnText), " ", index$1.translate('ESTIMATEDWAIT', { smart_count: time })),
       allowSchedule &&
-        index.h("yoo-button", { color: "app-color", disabled: index.Build.isServer, size: "large", onClick: () => this.scheduled.emit(this.isVQMode) }, overlays.translate(scheduleBtnText))
+        index.h("yoo-button", { color: "app-color", disabled: index.Build.isServer, size: "large", onClick: () => this.scheduled.emit(this.isVQMode) }, index$1.translate(scheduleBtnText))
     ];
     // if an order is defined, render the buttons according to it
     if ((_c = (_b = (_a = this.buttonsOrder) === null || _a === void 0 ? void 0 : _a.active) === null || _b === void 0 ? void 0 : _b.values) === null || _c === void 0 ? void 0 : _c.length) {
@@ -93,8 +93,8 @@ const YooWaitlistLocationStartComponent = class {
     }, []);
   }
   render() {
-    const modes = overlays.isWeb(this.host) ? this.modes : this.modes.map(mode => lodash.omit(mode, ['description']));
-    return index.h(index.Host, null, index.h("div", { class: "header fr-view", innerHTML: this.header }), this.isChoiceNeeded && index.h("div", { class: "modes" }, index.h("yoo-form-choice-card", { value: this.selectedMode, values: modes, onInputChanged: (ev) => this.onModeChanged(ev) }), !overlays.isWeb(this.host) && overlays.isPresent(this.modeDescription) && index.h("div", { class: "description" }, overlays.translate(this.modeDescription)), overlays.isPresent(this.mode) && index.h("div", { class: "options-title" }, overlays.translate('CHOOSEANOPTION'))), overlays.isPresent(this.mode) && index.h("div", { class: "actions" }, this.renderButtons()), index.h("div", { class: "already" }, index.h("div", { class: "title" }, overlays.translate('ALREADYINORBOOKING')), index.h("div", { class: "letusknow", onClick: () => this.found.emit() }, overlays.translate('LETUSKNOWYOUREHERE'))));
+    const modes = index$1.isWeb(this.host) ? this.modes : this.modes.map(mode => lodash.omit(mode, ['description']));
+    return index.h(index.Host, null, index.h("div", { class: "header fr-view", innerHTML: this.header }), this.isChoiceNeeded && index.h("div", { class: "modes" }, index.h("yoo-form-choice-card", { value: this.selectedMode, values: modes, onInputChanged: (ev) => this.onModeChanged(ev) }), !index$1.isWeb(this.host) && index$1.isPresent(this.modeDescription) && index.h("div", { class: "description" }, index$1.translate(this.modeDescription)), index$1.isPresent(this.mode) && index.h("div", { class: "options-title" }, index$1.translate('CHOOSEANOPTION'))), index$1.isPresent(this.mode) && index.h("div", { class: "actions" }, this.renderButtons()), index.h("div", { class: "already" }, index.h("div", { class: "title" }, index$1.translate('ALREADYINORBOOKING')), index.h("div", { class: "letusknow", onClick: () => this.found.emit() }, index$1.translate('LETUSKNOWYOUREHERE'))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-walkthrough.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -51,7 +51,7 @@ const YooWalkthroughComponent = class {
   }
   render() {
     const isLastSlide = this.entries.length - 1 === this.activeEntry;
-    return (index.h(index.Host, null, index.h("yoo-ion-slides", { ref: (slides) => (this.slides = slides), initialSlide: this.activeEntry, navigation: false, pager: true, onIonSlideWillChange: () => this.onSlideChanged() }, this.entries.map(({ title, subtitle, animation }, index$1) => (index.h("yoo-ion-slide", null, !!this.logo && index.h("yoo-img", { contained: true, ignoreWidth: true, src: this.logo, svgOptions: { afterLoad: (_, svgString) => overlays.replaceSVGColors(svgString) } }), index.h("yoo-lottie", { ref: (animation) => (this.animations[index$1] = animation), type: animation, animated: this.animated }), index.h("h1", null, overlays.translate(title)), index.h("p", null, overlays.translate(subtitle)))))), isLastSlide && (index.h("yoo-button", { class: "finish", color: "app-color", key: "finish", size: "large", onClick: () => this.finish.emit() }, overlays.translate('GETSTARTED'))), !isLastSlide && (index.h("yoo-button", { class: "skip", color: "stable", fill: "transparent", key: "skip", onClick: () => this.skip.emit() }, overlays.translate('YOOBICSKIP').toUpperCase())), !isLastSlide && (index.h("yoo-button", { class: "next", color: "app-color", fill: "transparent", key: "next", onClick: () => this.slides.slideNext(300) }, overlays.translate('YOOBICNEXT').toUpperCase()))));
+    return (index.h(index.Host, null, index.h("yoo-ion-slides", { ref: (slides) => (this.slides = slides), initialSlide: this.activeEntry, navigation: false, pager: true, onIonSlideWillChange: () => this.onSlideChanged() }, this.entries.map(({ title, subtitle, animation }, index$2) => (index.h("yoo-ion-slide", null, !!this.logo && index.h("yoo-img", { contained: true, ignoreWidth: true, src: this.logo, svgOptions: { afterLoad: (_, svgString) => index$1.replaceSVGColors(svgString) } }), index.h("yoo-lottie", { ref: (animation) => (this.animations[index$2] = animation), type: animation, animated: this.animated }), index.h("h1", null, index$1.translate(title)), index.h("p", null, index$1.translate(subtitle)))))), isLastSlide && (index.h("yoo-button", { class: "finish", color: "app-color", key: "finish", size: "large", onClick: () => this.finish.emit() }, index$1.translate('GETSTARTED'))), !isLastSlide && (index.h("yoo-button", { class: "skip", color: "stable", fill: "transparent", key: "skip", onClick: () => this.skip.emit() }, index$1.translate('YOOBICSKIP').toUpperCase())), !isLastSlide && (index.h("yoo-button", { class: "next", color: "app-color", fill: "transparent", key: "next", onClick: () => this.slides.slideNext(300) }, index$1.translate('YOOBICNEXT').toUpperCase()))));
   }
 };
 YooWalkthroughComponent.style = walkthroughCss;

package/dist/cjs/yoo-web-menu.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -32,7 +32,7 @@ const YooWebMenuComponent = class {
     }
   }
   componentDidLoad() {
-    this.resizeListener = overlays.debounce(this.resizePage, 500).bind(this);
+    this.resizeListener = index$1.debounce(this.resizePage, 500).bind(this);
     window.addEventListener('resize', this.resizeListener);
   }
   disconnectedCallback() {
@@ -71,7 +71,7 @@ const YooWebMenuComponent = class {
     return activePage === '/menu/profile' || (isProfileSubPage && !isClickOnMenuItem);
   }
   onItemClicked(item, itemContainer) {
-    if (this.isActivePage(item, true) || !overlays.isNullOrUndefined(item.subItems)) {
+    if (this.isActivePage(item, true) || !index$1.isNullOrUndefined(item.subItems)) {
       // Do nothing if we click on the currently active item
       return;
     }
@@ -145,7 +145,7 @@ const YooWebMenuComponent = class {
     if (item.visible === false) {
       return;
     }
-    return (index.h("div", { class: "menu-item" }, item.icon && index.h("yoo-icon", { name: item.icon }), item.notif && index.h("yoo-badge", { shape: "dot" }), item.label && index.h("div", { class: { label: true, 'has-icon': !overlays.isNullOrUndefined(item.icon) } }, item.label), item.subItems && index.h("yoo-icon", { class: "arrow", name: "arrow-down" })));
+    return (index.h("div", { class: "menu-item" }, item.icon && index.h("yoo-icon", { name: item.icon }), item.notif && index.h("yoo-badge", { shape: "dot" }), item.label && index.h("div", { class: { label: true, 'has-icon': !index$1.isNullOrUndefined(item.icon) } }, item.label), item.subItems && index.h("yoo-icon", { class: "arrow", name: "arrow-down" })));
   }
   renderLeftContainer() {
     return (index.h("div", { class: "container left" }, this.leftEntry && this.leftEntry.logo ? this.renderLogo(this.leftEntry) : null, this.renderItems(this.leftEntry, false)));