@yoobic/yobi 8.5.0-60 → 8.5.0-61

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-9aadeb94.js');
-require('./lodash-a9050d79.js');
+const index$1 = require('./index-0cfb67d1.js');
+require('./index-6f92bccb.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
+require('./lodash-a9050d79.js');
 
 const YooAppComponent = class {
   constructor(hostRef) {
@@ -19,13 +19,13 @@ const YooAppComponent = class {
     }
   }
   componentDidLoad() {
-    if (overlays.isNativeMobile()) {
-      const orientation = overlays.isAndroid() ? 'portrait-primary' : 'portrait';
-      if (!overlays.isIpadPro() && !overlays.isIpad() && !overlays.isTablet()) {
-        overlays.ScreenOrientation.lock(orientation);
+    if (index$1.isNativeMobile()) {
+      const orientation = index$1.isAndroid() ? 'portrait-primary' : 'portrait';
+      if (!index$1.isIpadPro() && !index$1.isIpad() && !index$1.isTablet()) {
+        index$1.ScreenOrientation.lock(orientation);
       }
       else {
-        overlays.ScreenOrientation.unlock();
+        index$1.ScreenOrientation.unlock();
       }
     }
   }
@@ -39,8 +39,8 @@ const YooAppComponent = class {
         return response.json();
       })
         .then((json) => {
-        overlays.setCurrentLanguage(this.language);
-        overlays.loadTranslations(json);
+        index$1.setCurrentLanguage(this.language);
+        index$1.loadTranslations(json);
         index.forceUpdate(this);
       });
     }

package/dist/cjs/yoo-audio-player.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const localForage = require('./localForage-d0842cbe.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const localForage = require('./localForage-446da40f.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 require('./index-a1bbe627.js');
@@ -60,16 +60,16 @@ const YooAudioPlayerComponent = class {
   }
   async initSrc() {
     let newSrc = await localForage.getFromOfflineStorage(this.src);
-    if (!overlays.isNativeMobile() && overlays.isFile(newSrc)) {
+    if (!index$1.isNativeMobile() && index$1.isFile(newSrc)) {
       newSrc = URL.createObjectURL(newSrc);
     }
-    newSrc = overlays.getMedia(newSrc);
-    return overlays.cleanupWKWebViewFilePath(newSrc);
+    newSrc = index$1.getMedia(newSrc);
+    return index$1.cleanupWKWebViewFilePath(newSrc);
   }
   fixCloudinarySource(str) {
-    if (overlays.isCloudinaryLink(str)) {
-      str = new overlays.Cloudinary(str).boost(this.boost).getUrl();
-      str = overlays.changeExtension(str, 'wav');
+    if (index$1.isCloudinaryLink(str)) {
+      str = new index$1.Cloudinary(str).boost(this.boost).getUrl();
+      str = index$1.changeExtension(str, 'wav');
     }
     return str;
   }
@@ -82,10 +82,10 @@ const YooAudioPlayerComponent = class {
     src = this.fixCloudinarySource(src);
     this.audio = new Audio(src);
     if (this.audio) {
-      this.audio.id = overlays.getUUID();
+      this.audio.id = index$1.getUUID();
       this.audio.preload = this.preload;
       this.audio.onloadedmetadata = async () => {
-        this.duration = this.isValidDuration(this.audio) && !overlays.isFirefox() ? this.audio.duration : await overlays.getAudioDuration(oldSource);
+        this.duration = this.isValidDuration(this.audio) && !index$1.isFirefox() ? this.audio.duration : await index$1.getAudioDuration(oldSource);
         this.currentTime = 0;
         this.currentTimeDisplay = this.formatTime();
       };
@@ -123,7 +123,7 @@ const YooAudioPlayerComponent = class {
     }
   }
   renderPlayButton() {
-    return index.h("yoo-button", { disabled: this.disabled, animated: overlays.isWeb(this.host), shape: "circular", fill: "transparent", onClick: (ev) => this.togglePlay(ev) }, index.h("yoo-icon", { name: `${this.audio.paused ? 'play' : 'pause'}-audio`, size: "large" }));
+    return index.h("yoo-button", { disabled: this.disabled, animated: index$1.isWeb(this.host), shape: "circular", fill: "transparent", onClick: (ev) => this.togglePlay(ev) }, index.h("yoo-icon", { name: `${this.audio.paused ? 'play' : 'pause'}-audio`, size: "large" }));
   }
   renderRange() {
     const pausePlay = (ev) => {
@@ -139,7 +139,7 @@ const YooAudioPlayerComponent = class {
   }
   renderInfo() {
     return index.h("div", { class: { 'audio-info': true, 'only-time': this.displayTimeOnly } }, [!this.displayTimeOnly &&
-        index.h("span", null, overlays.translate('AUDIO')), index.h("span", null, this.currentTimeDisplay)
+        index.h("span", null, index$1.translate('AUDIO')), index.h("span", null, this.currentTimeDisplay)
     ]);
   }
   render() {

package/dist/cjs/yoo-audio-recorder-dialog.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');
@@ -375,14 +375,14 @@ const YooAudioRecorderDialogComponent = class {
   }
   onAudioDurationReady(ev) {
     if (ev && ev.detail >= 0) {
-      this.finalRecordingDuration = overlays.pipes.timer.transform(Math.round(ev.detail), 'timer');
+      this.finalRecordingDuration = index$1.pipes.timer.transform(Math.round(ev.detail), 'timer');
     }
   }
   disconnectedCallback() {
     this.clearAwake();
   }
   clearAwake() {
-    overlays.keepAwake(false);
+    index$1.keepAwake(false);
     if (this.awakeInterval) {
       clearInterval(this.awakeInterval);
       this.awakeInterval = null;
@@ -391,12 +391,12 @@ const YooAudioRecorderDialogComponent = class {
   async onClose(noSave) {
     let ret;
     if (!noSave) {
-      ret = !overlays.isNativeMobile() ? this.finalFile : overlays.addFilePrefix(this.finalPath);
+      ret = !index$1.isNativeMobile() ? this.finalFile : index$1.addFilePrefix(this.finalPath);
     }
-    overlays.closeModal(ret);
+    index$1.closeModal(ret);
   }
   onStartRecording() {
-    const useAudioRecorder = (overlays.isSafari() || overlays.isFirefox());
+    const useAudioRecorder = (index$1.isSafari() || index$1.isFirefox());
     const recorder = useAudioRecorder ? MediaRecorder$1 : MediaRecorder;
     let format = 'webm';
     let filename = `${new Date().getTime()}.${format}`;
@@ -418,11 +418,11 @@ const YooAudioRecorderDialogComponent = class {
         if (useAudioRecorder) {
           const ext = ((_a = recordedChunks === null || recordedChunks === void 0 ? void 0 : recordedChunks[0]) === null || _a === void 0 ? void 0 : _a.type.split('/').pop()) || 'wav';
           format = ext;
-          filename = overlays.changeExtension(filename, ext);
+          filename = index$1.changeExtension(filename, ext);
         }
         const type = { type: `audio/${format}` };
-        if (overlays.isNativeMobile()) {
-          await overlays.saveToLocalFile(blob, filename).then((entry) => {
+        if (index$1.isNativeMobile()) {
+          await index$1.saveToLocalFile(blob, filename).then((entry) => {
             const url = entry.toURL();
             this.finalPath = url;
           });
@@ -438,11 +438,11 @@ const YooAudioRecorderDialogComponent = class {
       });
       this.mediaRecorder.start();
       this.awakeInterval = setInterval(() => {
-        overlays.keepAwake(true);
+        index$1.keepAwake(true);
       }, 3000);
       this.isRecording = true;
     };
-    const mediaDevices = overlays.getMediaDevices();
+    const mediaDevices = index$1.getMediaDevices();
     if (mediaDevices) {
       const audio = {
         sampleRate: 192000,
@@ -461,8 +461,8 @@ const YooAudioRecorderDialogComponent = class {
     // if (this.audioRef) {
     //     this.audioRef.reloadSrc();
     // }
-    if (this.finalPath && overlays.isNativeMobile()) {
-      await overlays.removeFileAtPath(this.finalPath);
+    if (this.finalPath && index$1.isNativeMobile()) {
+      await index$1.removeFileAtPath(this.finalPath);
     }
   }
   async onStopRecording() {
@@ -486,7 +486,7 @@ const YooAudioRecorderDialogComponent = class {
       this.onStopRecording();
     }
     else {
-      if (overlays.isNativeMobile()) {
+      if (index$1.isNativeMobile()) {
         const permissions = (_b = (_a = window === null || window === void 0 ? void 0 : window.cordova) === null || _a === void 0 ? void 0 : _a.plugins) === null || _b === void 0 ? void 0 : _b.permissions;
         if (permissions) {
           permissions.hasPermission(permissions.RECORD_AUDIO, (initialStatus) => {
@@ -509,7 +509,7 @@ const YooAudioRecorderDialogComponent = class {
     }
   }
   renderHeader() {
-    return (index.h("yoo-header", null, index.h("yoo-navbar", { class: "dark" }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "light", rippleType: "unbounded", fill: "transparent", shape: "circular", onClick: () => this.onClose(true) }, index.h("yoo-icon", { color: "light", name: "close" }))), index.h("yoo-truncate", null, overlays.translate(this.heading)), index.h("yoo-items", { slot: "end" }, this.isSaving && index.h("yoo-button", { color: "light", rippleType: "unbounded", fill: "transparent", onClick: () => this.onClose() }, overlays.translate('YOOBICSAVE'))))));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", { class: "dark" }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "light", rippleType: "unbounded", fill: "transparent", shape: "circular", onClick: () => this.onClose(true) }, index.h("yoo-icon", { color: "light", name: "close" }))), index.h("yoo-truncate", null, index$1.translate(this.heading)), index.h("yoo-items", { slot: "end" }, this.isSaving && index.h("yoo-button", { color: "light", rippleType: "unbounded", fill: "transparent", onClick: () => this.onClose() }, index$1.translate('YOOBICSAVE'))))));
   }
   renderAnimation() {
     const randomEl = [1, 1, 1, 1, 1, 1, 3, 3, 3, 5, 5];
@@ -522,7 +522,7 @@ const YooAudioRecorderDialogComponent = class {
     })));
   }
   renderSavingView() {
-    return (index.h("div", { class: "saving-container" }, index.h("div", { class: "top-row-container" }, index.h("yoo-icon", { size: "medium", name: "microphone", color: "danger", class: "microphone" }), index.h("div", { class: "inner-row-container" }, index.h("span", null, overlays.translate('RECORDING')), index.h("span", { class: "stable" }, this.finalRecordingDuration)), index.h("span", { class: "text" }, overlays.translate('YOOBICTODAY'))), index.h("div", { class: "audio-container" }, index.h("yoo-audio-player", { ref: el => { this.audioRef = el; }, class: "dark", src: overlays.cleanupWKWebViewFilePath(this.finalPath) })), index.h("yoo-button", { size: "large", onClick: () => { this.onRetryRecording(); }, color: "anthracite" }, index.h("yoo-icon", { name: "restart", size: "small", color: "light" }), overlays.translate('RETRY'))));
+    return (index.h("div", { class: "saving-container" }, index.h("div", { class: "top-row-container" }, index.h("yoo-icon", { size: "medium", name: "microphone", color: "danger", class: "microphone" }), index.h("div", { class: "inner-row-container" }, index.h("span", null, index$1.translate('RECORDING')), index.h("span", { class: "stable" }, this.finalRecordingDuration)), index.h("span", { class: "text" }, index$1.translate('YOOBICTODAY'))), index.h("div", { class: "audio-container" }, index.h("yoo-audio-player", { ref: el => { this.audioRef = el; }, class: "dark", src: index$1.cleanupWKWebViewFilePath(this.finalPath) })), index.h("yoo-button", { size: "large", onClick: () => { this.onRetryRecording(); }, color: "anthracite" }, index.h("yoo-icon", { name: "restart", size: "small", color: "light" }), index$1.translate('RETRY'))));
   }
   renderRecordingView() {
     return (index.h("div", { class: "recording-container" }, this.isRecording && [

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -83,13 +83,13 @@ const YooAvatarComponent = class {
     return this.overflowCount > 0;
   }
   renderBasedOnSource() {
-    if (this.imgSrc && !overlays.isOffline()) {
+    if (this.imgSrc && !index$2.isOffline()) {
       return this.renderAvatarWithImage(this.imgSrc);
     }
     else if (this.icon) {
       return this.renderAvatarWithIcon();
     }
-    else if (this.hasImageData && !overlays.isOffline()) {
+    else if (this.hasImageData && !index$2.isOffline()) {
       return this.renderAvatarWithImage(this.user.imageData);
     }
     else if (this.user || this.iconText) {
@@ -112,7 +112,7 @@ const YooAvatarComponent = class {
   }
   renderAvatarWithText() {
     const length = ['extra-small', 'small'].includes(this.size) ? 1 : 2;
-    return (index.h("div", { class: "text-container", style: { color: this.textColor }, onClick: () => this.emitClickMethod() }, this.user ? overlays.pipes.userInitial.transform(this.user, length) : this.iconText.slice(0, length)));
+    return (index.h("div", { class: "text-container", style: { color: this.textColor }, onClick: () => this.emitClickMethod() }, this.user ? index$2.pipes.userInitial.transform(this.user, length) : this.iconText.slice(0, length)));
   }
   renderAvatarWithOverflowText() {
     const overflowNumber = Math.min(99, this.overflowCount);
@@ -134,7 +134,7 @@ const YooAvatarComponent = class {
       badgeSize = 'extra-extra-small';
     }
     const shouldDisplayBadge = this.size.includes('extra-large');
-    const count = overlays.pipes.number.transform(this.notificationCount, '');
+    const count = index$2.pipes.number.transform(this.notificationCount, '');
     return (index.h("div", { class: {
         'notifications-wrapper': true,
         dot: !shouldDisplayBadge,
@@ -151,7 +151,7 @@ const YooAvatarComponent = class {
     }
   }
   renderLiveIndicator() {
-    return (index.h("div", { class: "live-indicator-container" }, index.h("div", { class: "live-indicator-wrapper" }, index.h("div", { class: "live-icon" }), index.h("div", { class: "live-text" }, overlays.translate('LIVE2') || 'YOOBICLIVE'))));
+    return (index.h("div", { class: "live-indicator-container" }, index.h("div", { class: "live-indicator-wrapper" }, index.h("div", { class: "live-icon" }), index.h("div", { class: "live-text" }, index$2.translate('LIVE2') || 'YOOBICLIVE'))));
   }
   renderRecordedIndicator() {
     return (index.h("div", { class: "recorded-indicator-container" }, index.h("div", { class: "recorded-indicator-wrapper" }, index.h("yoo-icon", { size: "small", name: "play-audio", color: "light" }))));
@@ -164,8 +164,8 @@ const YooAvatarComponent = class {
   }
   render() {
     const TagType = this.tooltip ? 'yoo-tooltip' : 'div';
-    const hasUserText = this.user && (!this.user.imageData || overlays.isOffline());
-    return (index.h(index.Host, { size: this.size, frame: this.frame, class: { rtl: overlays.isRTL() } }, index.h(TagType, { class: "component-container", content: this.tooltip, placement: "bottom", hoverable: overlays.isWeb(this.host) }, index.h("div", { class: "component-states-container" }, this.renderOnlineIcon(), this.renderStoriesIndicator(), this.isVip && this.renderIsVip(), this.hasNotifications && this.renderNotification(), this.hasLiveVideo && this.renderLiveIndicator(), this.hasRecordedVideo && this.renderRecordedIndicator(), this.vipNotification && this.renderVipNotification()), index.h("div", { class: { 'framing-container': true, grayed: hasUserText }, style: {
+    const hasUserText = this.user && (!this.user.imageData || index$2.isOffline());
+    return (index.h(index.Host, { size: this.size, frame: this.frame, class: { rtl: index$2.isRTL() } }, index.h(TagType, { class: "component-container", content: this.tooltip, placement: "bottom", hoverable: index$2.isWeb(this.host) }, index.h("div", { class: "component-states-container" }, this.renderOnlineIcon(), this.renderStoriesIndicator(), this.isVip && this.renderIsVip(), this.hasNotifications && this.renderNotification(), this.hasLiveVideo && this.renderLiveIndicator(), this.hasRecordedVideo && this.renderRecordedIndicator(), this.vipNotification && this.renderVipNotification()), index.h("div", { class: { 'framing-container': true, grayed: hasUserText }, style: {
         'background-color': hasUserText ? undefined : this.getColor(true),
         'border': this.color && this.showBorder ? '2px solid ' + (index$1.isPaletteColor(this.color) ? `var(--${this.color})` : this.color) : null
       } }, this.renderBasedOnSource()))));

package/dist/cjs/yoo-avatars.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');
@@ -52,7 +52,7 @@ const YooAvatarsComponent = class {
     this.instant = false;
   }
   getTooltip(user) {
-    return this.withTooltip ? overlays.getUserDisplayName(user) : undefined;
+    return this.withTooltip ? index$1.getUserDisplayName(user) : undefined;
   }
   renderTwoUsersGrid() {
     return (index.h("div", { class: "two-users-container" }, index.h("div", { class: "top-left-container" }, index.h("yoo-avatar", { showBorder: this.showBorder, instant: this.instant, user: this.users[0], isOnline: this.users[0].isOnline, size: this.size, tooltip: this.getTooltip(this.users[0]) })), index.h("div", { class: "bottom-right-container" }, index.h("yoo-avatar", { showBorder: this.showBorder, instant: this.instant, user: this.users[1], isOnline: this.users[1].isOnline, size: this.size, tooltip: this.getTooltip(this.users[1]) }))));
@@ -77,7 +77,7 @@ const YooAvatarsComponent = class {
     return usersToDisplay.map((user, i) => {
       var _a;
       return [
-        index.h("div", { class: "names-wrapper" }, index.h("yoo-avatar", { showBorder: this.showBorder, color: ((_a = this.colors) === null || _a === void 0 ? void 0 : _a.length) > i ? this.colors[i] : null, instant: this.instant, user: user, isOnline: this.isOnline || user.isOnline, size: this.size, tooltip: this.getTooltip(user) }), index.h("span", null, overlays.getUserDisplayName(user)))
+        index.h("div", { class: "names-wrapper" }, index.h("yoo-avatar", { showBorder: this.showBorder, color: ((_a = this.colors) === null || _a === void 0 ? void 0 : _a.length) > i ? this.colors[i] : null, instant: this.instant, user: user, isOnline: this.isOnline || user.isOnline, size: this.size, tooltip: this.getTooltip(user) }), index.h("span", null, index$1.getUserDisplayName(user)))
       ];
     });
   }
@@ -116,7 +116,7 @@ const YooAvatarsComponent = class {
     return this.renderMultipleUsers();
   }
   renderShowMore() {
-    return index.h("div", { class: "names-wrapper show-more" }, index.h("span", null, overlays.translate('SHOWMORE') + '...'));
+    return index.h("div", { class: "names-wrapper show-more" }, index.h("span", null, index$1.translate('SHOWMORE') + '...'));
   }
   render() {
     return (index.h(index.Host, { layout: this.layout, size: this.size }, this.users && this.users.length > 0 && this.renderUsers(), this.showMore && this.renderShowMore()));

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-require('./overlays-e5d2ff76.js');
-require('./lodash-a9050d79.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-9aadeb94.js');
+require('./lodash-a9050d79.js');
+require('./index-6f92bccb.js');
 
 const bannerCss = "svg:not(:root){overflow:hidden}:host([fill]) yoo-icon[name=cross]{fill:var(--close-icon-color)}:host(:not([fill])){--main-color:var(--light, #ffffff);--main-text-color:var(--dark, #000000);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(:not([fill])) yoo-icon[name=cross]{fill:var(--text-color, #807f83)}:host(.center) ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.sharp){border-radius:0}:host(.mobile){-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.mobile) ::slotted([slot=content]){width:calc(100% - var(--spacing-40, 2.5rem))}:host(.mobile:not([size=large])) ::slotted([slot=action]){margin-bottom:var(--spacing-08, 0.5rem);margin-left:var(--icon-size-02, 1.5rem)}:host(.mobile[size=large]) ::slotted([slot=action]){margin-left:var(--spacing-08, 0.5rem)}:host(.mobile[size=large]:not([closable])) ::slotted([slot=action]){margin-left:var(--spacing-16, 1rem)}:host{--main-color:var(--warning, #ed6e33);--main-text-color:var(--light, #ffffff);--close-icon-color:var(--text-color, #807f83);display:block;padding:0 var(--spacing-08, 0.5rem);color:var(--main-text-color);font-size:var(--font-size-14, 0.875rem);background-color:var(--main-color);border-radius:var(--border-radius-04, 0.25rem)}:host .flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}:host .flex hr{width:1px;height:60%;margin-left:var(--spacing-08, 0.5rem);background:var(--close-icon-color);border:0;opacity:0.4}:host .action-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--spacing-08, 0.5rem)}:host .action-container.hasLeftIcon{margin-left:var(--icon-size-02, 1.5rem)}:host .action-container.small{margin-left:var(--icon-size-01, 1rem)}:host .action-container.large{margin-left:var(--icon-size-03, 2rem)}:host .link{font-weight:var(--font-weight-400, 400);text-decoration:underline;cursor:pointer;opacity:0.5}:host yoo-icon[name=cross],:host yoo-icon[name=close]{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);cursor:pointer}:host .left-icon{margin-left:var(--spacing-08, 0.5rem)}:host([hidden]){display:none}::slotted([slot=content]){width:100%;padding:0 var(--spacing-08, 0.5rem);color:var(--main-text-color)}";
 

package/dist/cjs/yoo-barcode-dialog.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');
@@ -16,7 +16,7 @@ const YooBarcodeDialogComponent = class {
     index.registerInstance(this, hostRef);
   }
   onClose() {
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   renderHeader() {
     return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, this.heading))));

package/dist/cjs/yoo-battle-count-down.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');
@@ -31,16 +31,16 @@ const YooBattleCountDownComponent = class {
   }
   componentDidLoad() {
     if (this.animations && !index.Build.isServer) {
-      return overlays.gsapTimeline().then((timeline) => {
+      return index$1.gsapTimeline().then((timeline) => {
         if (!timeline) {
           return;
         }
         const tl = timeline({ onComplete: () => { } });
         tl.delay(0.5);
-        tl.from(this.getContainer('.middle-container'), 1.5, { scale: 2, opacity: 0, repeat: 0, ease: overlays.Elastic.easeOut.config(1, 0.3) }, 0);
-        tl.fromTo(this.getContainer('.top-container .profile-container'), 0.5, { xPercent: -100, opacity: 0 }, { ease: overlays.Back.easeOut, xPercent: 0, opacity: 1 }, 0.5);
+        tl.from(this.getContainer('.middle-container'), 1.5, { scale: 2, opacity: 0, repeat: 0, ease: index$1.Elastic.easeOut.config(1, 0.3) }, 0);
+        tl.fromTo(this.getContainer('.top-container .profile-container'), 0.5, { xPercent: -100, opacity: 0 }, { ease: index$1.Back.easeOut, xPercent: 0, opacity: 1 }, 0.5);
         tl.fromTo(this.getContainer('.top-container .stats-container'), 0.3, { opacity: 0 }, { opacity: 1 }, 0.6);
-        tl.fromTo(this.getContainer('.bottom-container .profile-container'), 0.5, { xPercent: 100, opacity: 0 }, { ease: overlays.Back.easeOut, xPercent: 0, opacity: 1 }, 0.7);
+        tl.fromTo(this.getContainer('.bottom-container .profile-container'), 0.5, { xPercent: 100, opacity: 0 }, { ease: index$1.Back.easeOut, xPercent: 0, opacity: 1 }, 0.7);
         tl.fromTo(this.getContainer('.bottom-container .stats-container'), 0.3, { opacity: 0 }, { opacity: 1 }, 0.8);
         tl.fromTo(this.getContainer('.countdown'), 0.5, { opacity: 0 }, { opacity: 1 }, 0);
       });
@@ -55,7 +55,7 @@ const YooBattleCountDownComponent = class {
       return;
     }
     try {
-      overlays.gsapTimeline().then((timeline) => {
+      index$1.gsapTimeline().then((timeline) => {
         const tl = timeline({ onComplete: () => this.finish.emit() });
         tl.to(this.getContainer('.top-container'), 0.5, { yPercent: -100 }, 0);
         tl.to(this.getContainer('.bottom-container'), 0.5, { yPercent: 100 }, 0);
@@ -68,19 +68,19 @@ const YooBattleCountDownComponent = class {
   }
   setCountDownTimer() {
     const ONE_SECOND_MILISECOND = 1000;
-    const requestIntervalID = overlays.requestInterval(() => {
+    const requestIntervalID = index$1.requestInterval(() => {
       this.innerTimer--;
       this.timerElement.value = (this.innerTimer / this.start) * 100;
-      this.timerElement.nextElementSibling.textContent = overlays.getFormattedCountDownToDisplay(this.innerTimer, false);
+      this.timerElement.nextElementSibling.textContent = index$1.getFormattedCountDownToDisplay(this.innerTimer, false);
       if (this.innerTimer < 0) {
-        overlays.cancelRequestInterval(requestIntervalID['value']);
+        index$1.cancelRequestInterval(requestIntervalID['value']);
         requestIntervalID['value'] = null;
         this.onTimeFinished();
       }
     }, ONE_SECOND_MILISECOND);
   }
   renderTimer() {
-    const countStartDownDisplay = overlays.getFormattedCountDownToDisplay(this.start, false);
+    const countStartDownDisplay = index$1.getFormattedCountDownToDisplay(this.start, false);
     const onCountingDown = (ev) => {
       if (ev && ev.detail && ev.detail === 100 && this.timerElement && this.timerElement.progressAnimationDuration === 0) {
         this.timerElement.progressAnimationDuration = 1.25;
@@ -98,8 +98,8 @@ const YooBattleCountDownComponent = class {
     }
   }
   renderUser(user) {
-    const avatarSize = overlays.isIphone5() || overlays.isIphoneSE() ? 'large' : 'extra-large';
-    const extraClass = overlays.isIphone5() || overlays.isIphoneSE() ? ' small-phone' : '';
+    const avatarSize = index$1.isIphone5() || index$1.isIphoneSE() ? 'large' : 'extra-large';
+    const extraClass = index$1.isIphone5() || index$1.isIphoneSE() ? ' small-phone' : '';
     return (index.h("div", { class: "user-container" }, index.h("div", { class: "profile-container" }, index.h("yoo-avatar", { user: user.user, size: avatarSize }), this.renderUserName(user, extraClass)), index.h("div", { class: "stats-container" }, this.renderUserStats(user, 'BATTLES', extraClass), this.renderUserStats(user, 'WINRATE', extraClass))));
   }
   getTotal(stats) {
@@ -110,10 +110,10 @@ const YooBattleCountDownComponent = class {
     return total ? (stats.won / total) * 100 : 0;
   }
   renderUserStats(user, title, extraClass) {
-    return (index.h("div", { class: 'inner-container ' + title.toLowerCase() }, index.h("div", { class: 'stat' + extraClass }, title === 'BATTLES' ? this.getTotal(user.stats) : this.getWinRate(user.stats).toFixed(1) + ' %'), index.h("div", { class: 'title' + extraClass }, overlays.translate(title))));
+    return (index.h("div", { class: 'inner-container ' + title.toLowerCase() }, index.h("div", { class: 'stat' + extraClass }, title === 'BATTLES' ? this.getTotal(user.stats) : this.getWinRate(user.stats).toFixed(1) + ' %'), index.h("div", { class: 'title' + extraClass }, index$1.translate(title))));
   }
   render() {
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "top-container" }, this.renderTimer(), this.renderUser(this.user)), index.h("div", { class: { 'middle-container': true, 'small-phone': overlays.isIphone5() || overlays.isIphoneSE() } }, overlays.translate('VS')), index.h("div", { class: "bottom-container" }, this.renderUser(this.opponent))));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "top-container" }, this.renderTimer(), this.renderUser(this.user)), index.h("div", { class: { 'middle-container': true, 'small-phone': index$1.isIphone5() || index$1.isIphoneSE() } }, index$1.translate('VS')), index.h("div", { class: "bottom-container" }, this.renderUser(this.opponent))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-battle-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');
@@ -60,9 +60,9 @@ const YooBattleResultComponent = class {
       return {
         title: 'TIMETAKEN',
         userIcon: null,
-        userScore: overlays.translate('YOOBICSECS', { sec: this.getDurationInSec(this.entry.userDuration) }),
+        userScore: index$1.translate('YOOBICSECS', { sec: this.getDurationInSec(this.entry.userDuration) }),
         opponentIcon: null,
-        opponentScore: this.entry.opponentDuration !== undefined ? overlays.translate('YOOBICSECS', { sec: this.getDurationInSec(this.entry.opponentDuration) }) : undefined
+        opponentScore: this.entry.opponentDuration !== undefined ? index$1.translate('YOOBICSECS', { sec: this.getDurationInSec(this.entry.opponentDuration) }) : undefined
       };
     }
   }
@@ -79,7 +79,7 @@ const YooBattleResultComponent = class {
   }
   componentDidLoad() {
     if (!index.Build.isServer) {
-      return overlays.gsapTimeline().then((timeline) => {
+      return index$1.gsapTimeline().then((timeline) => {
         var _a;
         const tl = timeline();
         const userBars = Array.from(this.host.shadowRoot.querySelectorAll('.score.user'));
@@ -92,7 +92,7 @@ const YooBattleResultComponent = class {
           tl.staggerFromTo(userBars, 0.5, { xPercent: -200 }, { xPercent: 0 }, 0.1, 0);
           tl.staggerFromTo(opponentBars, 0.5, { xPercent: 200 }, { xPercent: 0 }, 0.1, 0.2);
           if (this.imageElement) {
-            tl.fromTo([this.imageElement, this.emptyStateElement], 0.8, { opacity: 0, scale: 0.5 }, { opacity: 1, scale: 1, ease: overlays.Elastic.easeOut.config(1, 0.5) }, 0);
+            tl.fromTo([this.imageElement, this.emptyStateElement], 0.8, { opacity: 0, scale: 0.5 }, { opacity: 1, scale: 1, ease: index$1.Elastic.easeOut.config(1, 0.5) }, 0);
           }
           tl.fromTo(this.host.shadowRoot.querySelectorAll('.result-container'), 0.4, { y: -10, opacity: 0 }, { y: 0, opacity: 1 }, 0.3);
         }
@@ -139,15 +139,15 @@ const YooBattleResultComponent = class {
     return (index.h("div", { class: "users-container" }, index.h("yoo-avatar", { class: "user", user: this.entry.user }), index.h("div", { class: "user-name" }, this.getUserName(this.entry.user)), index.h("div", { class: "opponent-name" }, this.getUserName(this.entry.opponent)), index.h("yoo-avatar", { class: "opponent", user: this.entry.opponent })));
   }
   renderInnerContainer(content) {
-    return (index.h("div", { class: "inner-container" }, index.h("div", { class: "title-container" }, overlays.translate(content.title)), index.h("div", { class: "score-container" }, this.renderScore('user', content), this.renderScore('opponent', content))));
+    return (index.h("div", { class: "inner-container" }, index.h("div", { class: "title-container" }, index$1.translate(content.title)), index.h("div", { class: "score-container" }, this.renderScore('user', content), this.renderScore('opponent', content))));
   }
   renderCourse() {
-    return (index.h("div", { class: "inner-container" }, index.h("div", { class: "title-container" }, overlays.translate('YOOBICPLAN')), index.h("yoo-card-course-row", { class: "no-border-bottom", entry: this.entry.plan })));
+    return (index.h("div", { class: "inner-container" }, index.h("div", { class: "title-container" }, index$1.translate('YOOBICPLAN')), index.h("yoo-card-course-row", { class: "no-border-bottom", entry: this.entry.plan })));
   }
   render() {
     var _a;
     const style = { 'background-image': `url(${this.isWon ? this.yellowBackground : this.greyBackground})` };
-    return (index.h(index.Host, { class: { rtl: overlays.isRTL() } }, index.h("div", { class: { 'top-container': true, [this.entry.battleStatus]: true }, style: style }, index.h("div", { class: "result-container" }, index.h("div", { class: "result-title" }, overlays.translate(this.resultState.title)), index.h("div", { class: "result-message" }, overlays.translate(this.resultState.message))), index.h("div", { class: "image-container" }, this.resultState.emptyState ? (index.h("yoo-empty-state", { ref: (el) => (this.emptyStateElement = el), type: this.resultState.image })) : (index.h("yoo-img", { ref: (el) => (this.imageElement = el), src: this.resultState.image })), index.h("div", { class: "image-shadow" }))), index.h("div", { class: "bottom-container" }, this.renderUsers(), this.scoreContent && this.renderInnerContainer(this.scoreContent), this.timeContent && this.renderInnerContainer(this.timeContent), this.starContent && this.renderInnerContainer(this.starContent), ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan) && this.renderCourse()), index.h("div", { class: "scroll-spacer" })));
+    return (index.h(index.Host, { class: { rtl: index$1.isRTL() } }, index.h("div", { class: { 'top-container': true, [this.entry.battleStatus]: true }, style: style }, index.h("div", { class: "result-container" }, index.h("div", { class: "result-title" }, index$1.translate(this.resultState.title)), index.h("div", { class: "result-message" }, index$1.translate(this.resultState.message))), index.h("div", { class: "image-container" }, this.resultState.emptyState ? (index.h("yoo-empty-state", { ref: (el) => (this.emptyStateElement = el), type: this.resultState.image })) : (index.h("yoo-img", { ref: (el) => (this.imageElement = el), src: this.resultState.image })), index.h("div", { class: "image-shadow" }))), index.h("div", { class: "bottom-container" }, this.renderUsers(), this.scoreContent && this.renderInnerContainer(this.scoreContent), this.timeContent && this.renderInnerContainer(this.timeContent), this.starContent && this.renderInnerContainer(this.starContent), ((_a = this.entry) === null || _a === void 0 ? void 0 : _a.plan) && this.renderCourse()), index.h("div", { class: "scroll-spacer" })));
   }
   static get assetsDirs() { return ["assets/battle-result"]; }
   get host() { return index.getElement(this); }

package/dist/cjs/yoo-battle-user-stats.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');
@@ -34,7 +34,7 @@ const YooBattleUserStatsComponent = class {
     if (index.Build.isServer) {
       return;
     }
-    return overlays.gsapTimeline().then((timeline) => {
+    return index$1.gsapTimeline().then((timeline) => {
       if (!timeline) {
         return;
       }
@@ -49,21 +49,21 @@ const YooBattleUserStatsComponent = class {
   }
   renderStatsContainers() {
     return [
-      index.h("div", { class: "stats-container" }, index.h("div", { class: "stat-count" }, this.victories || 0), index.h("div", { class: "stat-name" }, this.victories > 1 || !this.victories ? overlays.translate('YOOBICWINS') : overlays.translate('VICTORY'))),
-      index.h("div", { class: "stats-container" }, index.h("div", { class: "stat-count" }, this.defeats || 0), index.h("div", { class: "stat-name" }, this.defeats > 1 || !this.victories ? overlays.translate('DEFEATS') : overlays.translate('DEFEAT')))
+      index.h("div", { class: "stats-container" }, index.h("div", { class: "stat-count" }, this.victories || 0), index.h("div", { class: "stat-name" }, this.victories > 1 || !this.victories ? index$1.translate('YOOBICWINS') : index$1.translate('VICTORY'))),
+      index.h("div", { class: "stats-container" }, index.h("div", { class: "stat-count" }, this.defeats || 0), index.h("div", { class: "stat-name" }, this.defeats > 1 || !this.victories ? index$1.translate('DEFEATS') : index$1.translate('DEFEAT')))
     ];
   }
   renderPointsTag(iconColor, tagColor) {
     return (index.h("yoo-tag", { color: tagColor }, index.h("yoo-icon", { name: "star", color: iconColor, size: "small", slot: "start" }), (this.points || 0).toString()));
   }
   renderMobile() {
-    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "flex" }, index.h("yoo-avatar", { size: "extra-large", user: this.user }), index.h("div", { class: "user-details" }, index.h("span", null, this.victories + this.defeats, " ", overlays.translate('BATTLES')), this.renderPointsTag('app-color', 'app-color-10'))), this.renderStatsContainers()));
+    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "flex" }, index.h("yoo-avatar", { size: "extra-large", user: this.user }), index.h("div", { class: "user-details" }, index.h("span", null, this.victories + this.defeats, " ", index$1.translate('BATTLES')), this.renderPointsTag('app-color', 'app-color-10'))), this.renderStatsContainers()));
   }
   renderWeb() {
-    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "avatar-container" }, index.h("yoo-img", { class: "avatar-blob", src: this.avatarBlogSvg, svgOptions: { beforeInject: (_, svg) => commonHelpers.setColorSVG(svg, 'app-color') } }), index.h("yoo-avatar", { size: "extra-extra-large", user: this.user })), index.h("div", { class: "user-details" }, index.h("div", { class: "user-name" }, index.h("span", null, this.user.firstName || '', " ", this.user.lastName || '')), index.h("div", { class: "battle-count" }, index.h("span", null, this.victories + this.defeats, " ", overlays.translate('BATTLES'))), index.h("div", { class: "point-count" }, this.renderPointsTag('energized', 'energized-10'))), this.renderStatsContainers(), index.h("div", { class: "blob-container" }, index.h("yoo-img", { class: "blob-image", src: this.blobSvg, svgOptions: { beforeInject: (_, svg) => commonHelpers.setColorSVG(svg, 'app-color') } }), index.h("div", { class: "description-container" }, index.h("div", { class: "text-container" }, index.h("p", null, overlays.translate('BATTLEDESCRIPTION1')), index.h("p", null, overlays.translate('BATTLEDESCRIPTION2'))), index.h("yoo-icon", { size: "extra-extra-large", name: "battle", color: "light" })))));
+    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "avatar-container" }, index.h("yoo-img", { class: "avatar-blob", src: this.avatarBlogSvg, svgOptions: { beforeInject: (_, svg) => commonHelpers.setColorSVG(svg, 'app-color') } }), index.h("yoo-avatar", { size: "extra-extra-large", user: this.user })), index.h("div", { class: "user-details" }, index.h("div", { class: "user-name" }, index.h("span", null, this.user.firstName || '', " ", this.user.lastName || '')), index.h("div", { class: "battle-count" }, index.h("span", null, this.victories + this.defeats, " ", index$1.translate('BATTLES'))), index.h("div", { class: "point-count" }, this.renderPointsTag('energized', 'energized-10'))), this.renderStatsContainers(), index.h("div", { class: "blob-container" }, index.h("yoo-img", { class: "blob-image", src: this.blobSvg, svgOptions: { beforeInject: (_, svg) => commonHelpers.setColorSVG(svg, 'app-color') } }), index.h("div", { class: "description-container" }, index.h("div", { class: "text-container" }, index.h("p", null, index$1.translate('BATTLEDESCRIPTION1')), index.h("p", null, index$1.translate('BATTLEDESCRIPTION2'))), index.h("yoo-icon", { size: "extra-extra-large", name: "battle", color: "light" })))));
   }
   render() {
-    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, overlays.isWeb(this.host) ? this.renderWeb() : this.renderMobile());
+    return index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index$1.isWeb(this.host) ? this.renderWeb() : this.renderMobile());
   }
   static get assetsDirs() { return ["assets/battle-user-stats"]; }
   get host() { return index.getElement(this); }