@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-profile-summary.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');
 
@@ -51,7 +51,7 @@ const YooProfileSummaryComponent = class {
       const imgSrc = this.user.imageData;
       commonHelpers.showPhotoEditor(this.host, {
         src: this.user.imageData,
-        extraActions: overlays.getDownloadAction(imgSrc)
+        extraActions: index$1.getDownloadAction(imgSrc)
       });
     }
   }
@@ -67,7 +67,7 @@ const YooProfileSummaryComponent = class {
       const actions = [
         { condition: this.canChatSingle, iconName: 'chat', content: 'YOOBICCHAT', handler: () => this.onChat() },
         {
-          condition: ((_a = this.user) === null || _a === void 0 ? void 0 : _a.telephone) && !overlays.isWeb(this.host), iconName: 'phone', content: 'CALL', handler: () => this.onCall()
+          condition: ((_a = this.user) === null || _a === void 0 ? void 0 : _a.telephone) && !index$1.isWeb(this.host), iconName: 'phone', content: 'CALL', handler: () => this.onCall()
         },
         { condition: this.canVideoCall, iconName: 'videocamera', content: 'VIDEOCALL', handler: () => this.onVideoCall() }
       ];
@@ -77,18 +77,18 @@ const YooProfileSummaryComponent = class {
     }
   }
   renderUserActionButtons(condition, iconName, content, handler) {
-    const buttonSize = overlays.isWeb(this.host) ? 'small' : 'medium';
+    const buttonSize = index$1.isWeb(this.host) ? 'small' : 'medium';
     if (condition) {
-      return (index.h("yoo-button", { size: buttonSize, onClick: () => handler() }, index.h("yoo-icon", { slot: "start", size: "small", name: iconName }), overlays.translate(content)));
+      return (index.h("yoo-button", { size: buttonSize, onClick: () => handler() }, index.h("yoo-icon", { slot: "start", size: "small", name: iconName }), index$1.translate(content)));
     }
   }
   renderStats() {
     const points = Math.ceil((this.earnedPoints || 0) * 10) / 10 + '';
-    return (index.h("yoo-tag", { size: (overlays.isWeb(this.host) && this.personalView) ? 'small' : 'medium', color: "app-color-10" }, index.h("yoo-icon", { slot: "start", name: "star", size: "small" }), points));
+    return (index.h("yoo-tag", { size: (index$1.isWeb(this.host) && this.personalView) ? 'small' : 'medium', color: "app-color-10" }, index.h("yoo-icon", { slot: "start", name: "star", size: "small" }), points));
   }
   renderProfileUser() {
     if (this.user) {
-      return (index.h("div", { class: { 'profile-user': true, 'impersonating': this.isImpersonating } }, index.h("yoo-avatar", { size: "extra-large", user: this.user, isOnline: this.isOnline, onClick: () => this.onAvatarSelect() }), index.h("div", { class: "profile-details" }, index.h("div", { class: "profile-user-name" }, overlays.getUserDisplayName(this.user)), index.h("div", { class: "profile-user-role" }, overlays.translate(this.user.role)), lodash.isNumber(this.earnedPoints) && this.renderStats()), !this.personalView && this.renderUserActions()));
+      return (index.h("div", { class: { 'profile-user': true, 'impersonating': this.isImpersonating } }, index.h("yoo-avatar", { size: "extra-large", user: this.user, isOnline: this.isOnline, onClick: () => this.onAvatarSelect() }), index.h("div", { class: "profile-details" }, index.h("div", { class: "profile-user-name" }, index$1.getUserDisplayName(this.user)), index.h("div", { class: "profile-user-role" }, index$1.translate(this.user.role)), lodash.isNumber(this.earnedPoints) && this.renderStats()), !this.personalView && this.renderUserActions()));
     }
   }
   renderButton(button) {
@@ -102,12 +102,12 @@ const YooProfileSummaryComponent = class {
     }
   }
   renderHeader() {
-    if ((!this.personalView || (this.personalView && !overlays.isWeb(this.host)))) {
+    if ((!this.personalView || (this.personalView && !index$1.isWeb(this.host)))) {
       return (index.h("yoo-header", null, index.h("yoo-navbar", { class: "transparent" }, this.renderButtons('start', this.leftHeaderButtons), this.renderButtons('end', this.finalRightHeaderButtons))));
     }
   }
   render() {
-    return index.h(index.Host, { class: { 'web': overlays.isWeb(this.host), 'personal-view': this.personalView } }, [this.renderHeader(), this.renderProfileUser()]);
+    return index.h(index.Host, { class: { 'web': index$1.isWeb(this.host), 'personal-view': this.personalView } }, [this.renderHeader(), this.renderProfileUser()]);
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-progress-bar.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');
 
@@ -108,7 +108,7 @@ const YooProgressBarComponent = class {
     this.setProgress(currentValue);
   }
   get isAnimated() {
-    return this.animated && !overlays.isAnimationsDisabled();
+    return this.animated && !index$1.isAnimationsDisabled();
   }
   get isMetric() {
     return {
@@ -188,9 +188,9 @@ const YooProgressBarComponent = class {
         ...(!this.isShape.line && {
           strokeDashoffset: getProgressPathLength(toProgress)
         }),
-        ease: overlays.Linear.easeInOut
+        ease: index$1.Linear.easeInOut
       };
-      progressBarElement && lodash.isFinite(toProgress) && lodash.isFinite(fromProgress) && overlays.gsapFromTo(progressBarElement, this.isAnimated ? this.progressAnimationDuration : 0, fromAnimation, toAnimation);
+      progressBarElement && lodash.isFinite(toProgress) && lodash.isFinite(fromProgress) && index$1.gsapFromTo(progressBarElement, this.isAnimated ? this.progressAnimationDuration : 0, fromAnimation, toAnimation);
     }
   }
   truncateProgress(progress) {
@@ -210,7 +210,7 @@ const YooProgressBarComponent = class {
         return `${this.value}/${this.maxValue}`;
       }
       else {
-        return this.allowNonAvailableValue && !lodash.isFinite(progress) ? '-' : (this.displayNAValue && this.value === null ? overlays.translate('YOOBICNA') : [progress, this.getUnit(progress)].join(''));
+        return this.allowNonAvailableValue && !lodash.isFinite(progress) ? '-' : (this.displayNAValue && this.value === null ? index$1.translate('YOOBICNA') : [progress, this.getUnit(progress)].join(''));
       }
     }
   }

package/dist/cjs/yoo-progress-loader.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');
@@ -20,7 +20,7 @@ const YooProgressLoaderComponent = class {
     this.animated = true;
   }
   render() {
-    return index.h(index.Host, { class: { [`${this.progressBarClass}-color`]: true } }, index.h("div", { class: "progress-loader-container" }, index.h("div", { class: "logo-container" }, index.h("img", { src: this.logo, height: "75", alt: "YOOBIC Logo" })), index.h("div", { class: "progress-bar-container" }, index.h("yoo-progress-bar", { animated: this.animated, value: this.progress })), index.h("div", { class: "progress-text-container" }, index.h("span", { class: "progress-text" }, overlays.translate('LIVEUPDATEPROGRESS')))));
+    return index.h(index.Host, { class: { [`${this.progressBarClass}-color`]: true } }, index.h("div", { class: "progress-loader-container" }, index.h("div", { class: "logo-container" }, index.h("img", { src: this.logo, height: "75", alt: "YOOBIC Logo" })), index.h("div", { class: "progress-bar-container" }, index.h("yoo-progress-bar", { animated: this.animated, value: this.progress })), index.h("div", { class: "progress-text-container" }, index.h("span", { class: "progress-text" }, index$1.translate('LIVEUPDATEPROGRESS')))));
   }
 };
 YooProgressLoaderComponent.style = progressLoaderCss;

package/dist/cjs/yoo-progress-recap.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');
 
@@ -16,7 +16,7 @@ const YooProgressRecap = class {
     index.registerInstance(this, hostRef);
   }
   renderTooltip() {
-    return (index.h("yoo-tooltip", { placement: "top", content: overlays.translateMulti(this.tooltip) }, index.h("yoo-icon", { name: "help", size: "small", color: "stable" })));
+    return (index.h("yoo-tooltip", { placement: "top", content: index$1.translateMulti(this.tooltip) }, index.h("yoo-icon", { name: "help", size: "small", color: "stable" })));
   }
   renderProgressbar() {
     return (index.h("yoo-progress-bar", { metric: "step", maxValue: this.max, value: this.progress, class: {
@@ -24,13 +24,13 @@ const YooProgressRecap = class {
         danger: !lodash.isNil(this.min) && this.progress < this.min
       }, ...this.min && {
         markers: [{
-            text: `${overlays.translateMulti('YOOBICMIN')}: ${this.min}`,
+            text: `${index$1.translateMulti('YOOBICMIN')}: ${this.min}`,
             xPercent: (this.min / this.max) * 100
           }]
       } }));
   }
   render() {
-    return (index.h(index.Host, null, index.h("div", { class: "card" }, index.h("div", { class: "top-container" }, index.h("div", { class: "heading" }, overlays.translateMulti(this.heading)), this.tooltip && this.renderTooltip()), this.renderProgressbar())));
+    return (index.h(index.Host, null, index.h("div", { class: "card" }, index.h("div", { class: "top-container" }, index.h("div", { class: "heading" }, index$1.translateMulti(this.heading)), this.tooltip && this.renderTooltip()), this.renderProgressbar())));
   }
 };
 YooProgressRecap.style = progressRecapCss;

package/dist/cjs/yoo-property-card.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');
 
@@ -52,7 +52,7 @@ const YooPropertyCardComponent = class {
     return index.h("div", { class: "delta" }, content);
   }
   renderTitle(value) {
-    return (index.h("div", { class: "title" }, index.h("span", null, overlays.translate(value.title))));
+    return (index.h("div", { class: "title" }, index.h("span", null, index$1.translate(value.title))));
   }
   renderNumber(value, orientation = 'column') {
     return (index.h("div", { class: "number", style: { color: value.colorHex } }, index.h("span", null, (value === null || value === void 0 ? void 0 : value.value) || '.'), orientation === 'column' && value.isPercent && index.h("span", null, "%")));
@@ -63,7 +63,7 @@ const YooPropertyCardComponent = class {
     ];
   }
   renderGrid(property) {
-    return (index.h("div", { class: 'p-type-grid-scroll-container swiper-no-swiping ' + (property.color || '') }, index.h("div", { class: "inner-container" }, index.h("div", { class: 'p-row header ' + property.headers.length }), property.values.map((r) => (index.h("div", { class: "p-row " }, r.values.map((value) => (index.h("span", { class: (value === null || value === void 0 ? void 0 : value.truncate) ? 'break-lines' : null }, " ", lodash.isString(value) ? value : overlays.translate(value === null || value === void 0 ? void 0 : value.title), " ")))))))));
+    return (index.h("div", { class: 'p-type-grid-scroll-container swiper-no-swiping ' + (property.color || '') }, index.h("div", { class: "inner-container" }, index.h("div", { class: 'p-row header ' + property.headers.length }), property.values.map((r) => (index.h("div", { class: "p-row " }, r.values.map((value) => (index.h("span", { class: (value === null || value === void 0 ? void 0 : value.truncate) ? 'break-lines' : null }, " ", lodash.isString(value) ? value : index$1.translate(value === null || value === void 0 ? void 0 : value.title), " ")))))))));
   }
   getValueArr(value) {
     return [...Array.from(value.keys())];
@@ -89,11 +89,11 @@ const YooPropertyCardComponent = class {
   renderProgress(property) {
     var _a;
     return [
-      (_a = property === null || property === void 0 ? void 0 : property.values) === null || _a === void 0 ? void 0 : _a.map((value) => (index.h("div", { class: "p-row" }, property.values.length > 1 && value.title && this.renderTitle(value), index.h("yoo-progress-bar", { style: property.color ? { '--progress-bar-color': overlays.getCssColor(property.color) } : {}, class: "recap", animated: true, value: Math.round((value === null || value === void 0 ? void 0 : value.value) || 0) }))))
+      (_a = property === null || property === void 0 ? void 0 : property.values) === null || _a === void 0 ? void 0 : _a.map((value) => (index.h("div", { class: "p-row" }, property.values.length > 1 && value.title && this.renderTitle(value), index.h("yoo-progress-bar", { style: property.color ? { '--progress-bar-color': index$1.getCssColor(property.color) } : {}, class: "recap", animated: true, value: Math.round((value === null || value === void 0 ? void 0 : value.value) || 0) }))))
     ];
   }
   renderPropertyTitle(property) {
-    return index.h("div", { class: `details-title ${property.type}` }, overlays.translate(property.title));
+    return index.h("div", { class: `details-title ${property.type}` }, index$1.translate(property.title));
   }
   renderPropertyEntity(property) {
     switch (property.type) {
@@ -124,7 +124,7 @@ const YooPropertyCardComponent = class {
   }
   renderProperty(property) {
     return property.collapsible ?
-      index.h("yoo-collapsible", { class: "center transparent details", header: overlays.translate(property.title) }, property.type && this.renderPropertyType(property))
+      index.h("yoo-collapsible", { class: "center transparent details", header: index$1.translate(property.title) }, property.type && this.renderPropertyType(property))
       : (index.h("div", { class: "details" }, property.title && this.renderPropertyTitle(property), property.type && this.renderPropertyType(property)));
   }
   render() {

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-3a588f52.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-require('./index-9aadeb94.js');
-require('./overlays-e5d2ff76.js');
-require('./lodash-a9050d79.js');
+const index$1 = require('./index-bdeb4cd6.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+require('./index-6f92bccb.js');
+require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
+require('./lodash-a9050d79.js');
 
 const rangeCss = "svg:not(:root){overflow:hidden}:host{--host-thickness:var(--spacing-32, 2rem);--bar-thickness:var(--spacing-02, 0.125rem);--bar-active-color:var(--app-color, #5a30f4);--bar-trail-color:var(--app-color-20, rgba(90, 48, 244, 0.2));--pin-color:var(--app-color, #5a30f4);--pin-text-color:var(--light, #ffffff);--tick-text-color:var(--dark, #000000);--tick-text-size:var(--font-size-12, 0.75rem);--knob-size:1.25rem;--knob-press-scale:1.125;--knob-color:var(--bar-active-color);--knob-handle-size:calc(var(--knob-size) * 2);--knob-shadow:unset}:host .inner-container{position:relative;-ms-flex:1;flex:1;font-size:var(--font-size-12, 0.75rem);cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y;contain:size layout style}:host .inner-container .tick{position:absolute;z-index:1;width:var(--bar-thickness);height:var(--bar-thickness);background-color:var(--bar-active-color);pointer-events:none}:host .inner-container .tick::after{position:absolute;color:var(--tick-text-color);font-size:var(--tick-text-size);content:attr(i)}:host .inner-container .tick.hidden:not([i]){background-color:transparent}:host .inner-container .tick.hidden[i]{background:var(--tick-text-color)}:host .inner-container .bar{position:absolute;background:var(--bar-trail-color);pointer-events:none}:host .inner-container .bar.active{z-index:1}:host .inner-container .knob-handle{position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}:host .inner-container .knob-handle:active,:host .inner-container .knob-handle:focus{outline:none}:host .inner-container .knob-handle.pressed .pin{-webkit-transform:translate3d(0,  -1.5rem,  0) scale(1);transform:translate3d(0,  -1.5rem,  0) scale(1)}:host .inner-container .knob-handle .knob{left:calc(50% - var(--knob-size) / 2);top:calc(50% - var(--knob-size) / 2);position:absolute;z-index:2;width:var(--knob-size);height:var(--knob-size);border-radius:50%;-webkit-box-shadow:var(--knob-shadow);box-shadow:var(--knob-shadow);pointer-events:none}:host(.pressed) .inner-container{cursor:-webkit-grabbing;cursor:grabbing}:host(.pressed) .inner-container .bar.active{will-change:left, right}:host(:not(.has-pin)) .pressed .knob{-webkit-transform:scale(var(--knob-press-scale));transform:scale(var(--knob-press-scale));-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}:host([orientation=horizontal].has-ticks-labels){display:block;width:calc(100% - 1.5rem);min-height:3rem;margin:0 auto}:host(:not([disabled])) .bar.active{background:var(--bar-active-color)}:host(:not([disabled])) .knob{background:var(--knob-color)}:host([disabled]) .bar{background-color:var(--stable-light, #f1f1f1);pointer-events:none}:host([disabled]) .bar.active,:host([disabled]) .tick,:host([disabled]) .knob{background-color:var(--stable, #adadad)}:host([disabled]) .inner-container,:host([readonly]) .inner-container{cursor:not-allowed}:host([orientation=horizontal]){width:100%}:host([orientation=horizontal]) .inner-container{width:100%;height:var(--host-thickness)}:host([orientation=horizontal]) .inner-container .tick{top:calc((var(--host-thickness) - var(--bar-thickness)) / 2)}:host([orientation=horizontal]) .inner-container .tick::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([orientation=horizontal]) .inner-container .tick.hidden::after{top:var(--spacing-08, 0.5rem)}:host([orientation=horizontal]) .inner-container .tick:not(.hidden)::after{top:var(--spacing-16, 1rem)}:host([orientation=horizontal]) .inner-container .tick.hidden[i]{width:0.05rem;height:0.25rem;-webkit-transform:translateY(0.75rem);transform:translateY(0.75rem)}:host([orientation=horizontal]) .inner-container .bar{top:calc((var(--host-thickness) - var(--bar-thickness)) / 2);height:var(--bar-thickness)}:host([orientation=horizontal]) .inner-container .bar:not(.active){width:100%}:host([orientation=horizontal]) .inner-container .pin{-webkit-transform:translate3d(0,  0,  0) scale(0.01);transform:translate3d(0,  0,  0) scale(0.01);position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:1.75rem;height:1.75rem;padding:var(--spacing-08, 0.5rem) 0;color:var(--pin-text-color);text-align:center;background:var(--pin-color);border-radius:50%;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, -webkit-transform;transition-property:background-color, -webkit-transform;transition-property:transform, background-color;transition-property:transform, background-color, -webkit-transform}:host([orientation=horizontal]) .inner-container .pin::before{left:50%;top:3px;margin-left:-13px;border-radius:50% 50% 50% 0;position:absolute;z-index:-1;width:1.625rem;height:1.625rem;background:var(--pin-color);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color;transition-property:background-color;content:\"\"}:host([orientation=horizontal]) .inner-container .knob-handle{top:calc((var(--host-thickness) - var(--knob-handle-size)) / 2)}:host([orientation=horizontal][direction=rtl]) .knob-handle{margin-right:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=horizontal][direction=ltr]) .knob-handle{margin-left:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=vertical]){height:100%}:host([orientation=vertical]) .inner-container{width:var(--host-thickness);height:100%}:host([orientation=vertical]) .inner-container .tick{left:calc((var(--host-thickness) - var(--bar-thickness)) / 2)}:host([orientation=vertical]) .inner-container .tick::after{top:50%;left:0.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([orientation=vertical]) .inner-container .tick[i]{width:0.25rem;height:0.05rem;-webkit-transform:translateX(0.75rem);transform:translateX(0.75rem)}:host([orientation=vertical]) .inner-container .bar{left:calc((var(--host-thickness) - var(--bar-thickness)) / 2);width:var(--bar-thickness)}:host([orientation=vertical]) .inner-container .bar:not(.active){height:100%}:host([orientation=vertical]) .inner-container .knob-handle{left:calc((var(--host-thickness) - var(--knob-handle-size)) / 2)}:host([orientation=vertical][direction=rtl]) .knob-handle{margin-bottom:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=vertical][direction=ltr]) .knob-handle{margin-top:calc(0rem - var(--knob-handle-size) / 2)}";
 

package/dist/cjs/yoo-rating.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');
@@ -33,24 +33,24 @@ const YooRatingComponent = class {
     this.submittedLottie = 'thankyou';
   }
   componentDidLoad() {
-    overlays.getAsyncExtraData({ type: 'rating-dialog-opened' });
-    if (overlays.isNativeMobile()) {
-      overlays.addKeyboardEventListener('keyboardDidShow', () => {
+    index$1.getAsyncExtraData({ type: 'rating-dialog-opened' });
+    if (index$1.isNativeMobile()) {
+      index$1.addKeyboardEventListener('keyboardDidShow', () => {
         this.descriptionArea.scrollIntoView();
       });
     }
   }
   disconnectedCallback() {
-    overlays.isNativeMobile() && overlays.removeKeyboardEventListeners();
+    index$1.isNativeMobile() && index$1.removeKeyboardEventListeners();
   }
   onClose() {
     if (!this.isRatingSubmitted && this.courseId) {
-      overlays.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId } });
+      index$1.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId } });
     }
-    if (overlays.isWeb()) {
+    if (index$1.isWeb()) {
       this.closeClicked.emit(true);
     }
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   updateValidity() {
     const _validity = this.ratingEl.value > 0 ? true : false;
@@ -59,16 +59,16 @@ const YooRatingComponent = class {
     }
   }
   renderHeader(transparent) {
-    return (index.h("yoo-navbar", { class: transparent && 'transparent' }, index.h("yoo-button", { color: "text-color", slot: "start", fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { name: "close", color: "text-color", onClick: () => this.onClose() })), !this.isRatingSubmitted && index.h("span", null, overlays.translate(this.header))));
+    return (index.h("yoo-navbar", { class: transparent && 'transparent' }, index.h("yoo-button", { color: "text-color", slot: "start", fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { name: "close", color: "text-color", onClick: () => this.onClose() })), !this.isRatingSubmitted && index.h("span", null, index$1.translate(this.header))));
   }
   renderLottie(type) {
     return (index.h("yoo-lottie", { class: type, autoplay: true, type: type }));
   }
   renderRatingContainer() {
-    return (index.h("div", { class: "rating-container" }, index.h("div", { class: "title" }, overlays.translate('RATEEXPERIENCE')), index.h("div", { class: "sub-title" }, overlays.translate(this.ratingQuestion)), index.h("yoo-form-star-rating", { ref: (el) => (this.ratingEl = el), starSize: "extra-large", onInputChanged: () => this.updateValidity() })));
+    return (index.h("div", { class: "rating-container" }, index.h("div", { class: "title" }, index$1.translate('RATEEXPERIENCE')), index.h("div", { class: "sub-title" }, index$1.translate(this.ratingQuestion)), index.h("yoo-form-star-rating", { ref: (el) => (this.ratingEl = el), starSize: "extra-large", onInputChanged: () => this.updateValidity() })));
   }
   renderDescriptionContainer() {
-    return (index.h("div", { class: "description-container" }, index.h("div", { class: "description-content" }, index.h("div", { class: "description-title" }, index.h("span", null, overlays.translate('TOIMPROVE')), index.h("span", { class: "description-opt" }, `(${overlays.translate('OPTIONAL')})`)), index.h("yoo-form-text-area", { ref: (el) => (this.descriptionArea = el) }))));
+    return (index.h("div", { class: "description-container" }, index.h("div", { class: "description-content" }, index.h("div", { class: "description-title" }, index.h("span", null, index$1.translate('TOIMPROVE')), index.h("span", { class: "description-opt" }, `(${index$1.translate('OPTIONAL')})`)), index.h("yoo-form-text-area", { ref: (el) => (this.descriptionArea = el) }))));
   }
   onSubmitClick() {
     var _a;
@@ -79,7 +79,7 @@ const YooRatingComponent = class {
         rating: this.ratingEl.value,
         comment: this.descriptionArea.value || ''
       };
-      overlays.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId, courseRating } });
+      index$1.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId, courseRating } });
       setTimeout(() => {
         this.isRatingSubmitted = true;
         this.loading = false;
@@ -88,7 +88,7 @@ const YooRatingComponent = class {
   }
   renderFooter() {
     const button = [{
-        text: overlays.translate('SUBMIT'),
+        text: index$1.translate('SUBMIT'),
         color: 'app-color',
         disabled: !this.isValidRating || !this.courseId,
         handler: () => this.onSubmitClick()
@@ -105,11 +105,11 @@ const YooRatingComponent = class {
   renderCompleted() {
     return [
       this.renderHeader(true),
-      index.h("div", { class: "completed-container" }, this.renderLottie(this.submittedLottie), index.h("div", { class: "completed-description" }, overlays.translate('FEEDBACKSUBMITTED')))
+      index.h("div", { class: "completed-container" }, this.renderLottie(this.submittedLottie), index.h("div", { class: "completed-description" }, index$1.translate('FEEDBACKSUBMITTED')))
     ];
   }
   render() {
-    return (index.h(index.Host, { class: overlays.isWeb(this.host) && 'web' }, this.isRatingSubmitted ? this.renderCompleted() : this.renderEditable(), this.loading && index.h("yoo-loader", { class: "absolute backdrop" })));
+    return (index.h(index.Host, { class: index$1.isWeb(this.host) && 'web' }, this.isRatingSubmitted ? this.renderCompleted() : this.renderEditable(), this.loading && index.h("yoo-loader", { class: "absolute backdrop" })));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-reset-password.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');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
-require('./lodash-a9050d79.js');
+const index$1 = require('./index-0cfb67d1.js');
+const index$2 = require('./index-a1bbe627.js');
+require('./index-6f92bccb.js');
 require('./_commonjsHelpers-94df2ea7.js');
+require('./lodash-a9050d79.js');
 
 const resetPasswordCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host>*{width:100%}:host p{margin:0;font-size:var(--font-size-16, 1rem);text-align:center}:host yoo-button{max-width:18.75rem;margin:auto;margin-top:var(--spacing-16, 1rem)}:host yoo-form-dynamic.margin-top{margin-top:var(--spacing-48, 3rem)}:host yoo-empty-state{height:15rem;margin-top:var(--spacing-08, 0.5rem)}:host yoo-form-input-container{display:block;max-width:18.75rem;margin:auto}:host yoo-form-input-container.web{font-size:var(--font-size-12, 0.75rem)}";
 
@@ -20,13 +20,13 @@ const YooResetPasswordComponent = class {
     this.validity = false;
   }
   componentWillLoad() {
-    if (overlays.isNativeMobile()) {
-      overlays.Keyboard.addListener('keyboardDidShow', () => {
+    if (index$1.isNativeMobile()) {
+      index$1.Keyboard.addListener('keyboardDidShow', () => {
         this.emptyState.style.transform = 'scale(0.7) translateY(-4rem)';
         this.emailInput.style.transform = 'translateY(-4rem)';
         this.submitButton.style.transform = 'translateY(-4rem)';
       });
-      overlays.Keyboard.addListener('keyboardWillHide', () => {
+      index$1.Keyboard.addListener('keyboardWillHide', () => {
         this.emptyState.style.transform = 'scale(1) translateY(0)';
         this.emailInput.style.transform = 'translateY(0)';
         this.submitButton.style.transform = 'translateY(0)';
@@ -66,10 +66,10 @@ const YooResetPasswordComponent = class {
     return [
       !!this.instruction && index.h("p", { style: { maxWidth: '350px', margin: '0 auto' } }, this.instruction),
       index.h("yoo-empty-state", { ref: (el) => (this.emptyState = el), type: this.isMagicLink ? 'magic-link' : 'password' }),
-      index.h("yoo-form-input-container", { field: { title: 'YOOBICUSERNAME' }, hideOptional: true, useUppercaseLabel: true }, index.h("yoo-form-input", { ref: (el) => (this.emailInput = el), iconPrefixColor: 'app-color', validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), placeholder: overlays.translate('YOOBICUSERNAMEENTER'),
+      index.h("yoo-form-input-container", { field: { title: 'YOOBICUSERNAME' }, hideOptional: true, useUppercaseLabel: true }, index.h("yoo-form-input", { ref: (el) => (this.emailInput = el), iconPrefixColor: 'app-color', validators: [{ name: 'required' }], type: "email", uiValidation: { valid: false, invalid: false }, onInputChanged: (event) => this.onInputChanged(event), placeholder: index$1.translate('YOOBICUSERNAMEENTER'),
         //! Do not set up onInputBlur without confirming on mobile device. We don't want to have to press submit more than once
-        size: overlays.isWeb(this.host) ? 'medium' : 'large' })),
-      index.h("yoo-button", { ref: (el) => (this.submitButton = el), size: overlays.isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, class: "expanded", onClick: () => this.onSubmit() }, this.isMagicLink ? overlays.translate('YOOBICMAGICLINK') : overlays.translate('YOOBICRESETPASSWORD'))
+        size: index$1.isWeb(this.host) ? 'medium' : 'large' })),
+      index.h("yoo-button", { ref: (el) => (this.submitButton = el), size: index$1.isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, class: "expanded", onClick: () => this.onSubmit() }, this.isMagicLink ? index$1.translate('YOOBICMAGICLINK') : index$1.translate('YOOBICRESETPASSWORD'))
     ];
   }
   renderResetForm() {
@@ -79,18 +79,18 @@ const YooResetPasswordComponent = class {
         items: [
           {
             name: 'CREATENEWPASSWORDINSTRUCTION',
-            type: index$1.FormFieldType.image,
+            type: index$2.FormFieldType.image,
             image: {
               _downloadURL: index.getAssetPath('./assets/reset-password/security.svg'),
               contain: true,
               preventDialog: true,
-              relativeSizeToWindow: overlays.isWeb(this.host),
+              relativeSizeToWindow: index$1.isWeb(this.host),
               border: false,
               height: 100
             }
           },
           {
-            type: index$1.FormFieldType.password,
+            type: index$2.FormFieldType.password,
             iconPrefixColor: 'app-color',
             name: 'newpassword',
             placeholder: 'NEWPASSWORD',
@@ -99,7 +99,7 @@ const YooResetPasswordComponent = class {
             invalidMessage: 'PASSWORDDONOTMATCH'
           },
           {
-            type: index$1.FormFieldType.password,
+            type: index$2.FormFieldType.password,
             iconPrefixColor: 'app-color',
             name: 'verify',
             placeholder: 'CONFIRMPASSWORD',
@@ -110,7 +110,7 @@ const YooResetPasswordComponent = class {
         ]
       }
     ];
-    return (index.h("yoo-form-dynamic", { class: "margin-top", animated: false, slides: slides, showRecap: false, showSave: true, skipValidation: true, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onSave: () => this.onSubmit() }, index.h("div", { slot: "footer" }, index.h("yoo-button", { size: overlays.isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, onClick: () => this.onSubmit() }, overlays.translate('SUBMIT')))));
+    return (index.h("yoo-form-dynamic", { class: "margin-top", animated: false, slides: slides, showRecap: false, showSave: true, skipValidation: true, onDataChanged: (ev) => this.onDataChanged(ev), onFormValidityChanged: (ev) => this.onValidityChanged(ev), onSave: () => this.onSubmit() }, index.h("div", { slot: "footer" }, index.h("yoo-button", { size: index$1.isWeb(this.host) ? 'medium' : 'large', color: "app-color", disabled: !this.validity, onClick: () => this.onSubmit() }, index$1.translate('SUBMIT')))));
   }
   render() {
     return index.h("div", null, this.token ? this.renderResetForm() : this.renderRequest());

package/dist/cjs/yoo-result-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');
@@ -18,7 +18,7 @@ const YooResultDialogComponent = class {
     this.close = index.createEvent(this, "close", 7);
   }
   render() {
-    return (index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host) } }, index.h("yoo-empty-state", { type: this.success ? 'check' : 'reject' }), this.heading && index.h("span", { innerHTML: overlays.translateMulti(this.heading) }), this.content && index.h("p", { innerHTML: overlays.translateMulti(this.content) }), index.h("section", { class: "footer", onClick: () => this.close.emit() }, overlays.translate(this.buttonText || 'YOOBICOK'))));
+    return (index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host) } }, index.h("yoo-empty-state", { type: this.success ? 'check' : 'reject' }), this.heading && index.h("span", { innerHTML: index$1.translateMulti(this.heading) }), this.content && index.h("p", { innerHTML: index$1.translateMulti(this.content) }), index.h("section", { class: "footer", onClick: () => this.close.emit() }, index$1.translate(this.buttonText || 'YOOBICOK'))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-reveal.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');
@@ -37,9 +37,9 @@ const YooRevealComponent = class {
     this.validity = this.cardElements.filter(card => card.getAttribute('checked')).length === this.cardElements.length;
     this.inputChanged.emit();
   }
-  renderCard(card, index$1) {
+  renderCard(card, index$2) {
     const { frontside, backside } = card || {};
-    return index.h("yoo-flip-card", { id: `card-${index$1}`, ref: el => this.cardElements[index$1] = el, onCardRevealed: () => this.onCardRevealed(index$1) }, index.h("div", { slot: "front" }, overlays.translateMulti(frontside)), index.h("div", { slot: "back" }, overlays.translateMulti(backside)));
+    return index.h("yoo-flip-card", { id: `card-${index$2}`, ref: el => this.cardElements[index$2] = el, onCardRevealed: () => this.onCardRevealed(index$2) }, index.h("div", { slot: "front" }, index$1.translateMulti(frontside)), index.h("div", { slot: "back" }, index$1.translateMulti(backside)));
   }
   render() {
     var _a;

package/dist/cjs/yoo-salesai-formula.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');
 
@@ -32,9 +32,9 @@ const YooSalesAIFormulaComponent = class {
   }
   render() {
     var _a;
-    return (index.h("div", { class: "container" }, index.h("div", { class: "flex-shrink-0" }, index.h("div", { class: "subtitle" }, overlays.translate('AIINSTORESWHERE'), ":"), index.h("ul", null, (_a = this.patterns) === null || _a === void 0 ? void 0 : _a.map((pattern, index$1) => {
-      return (index.h("li", { value: index$1 + 1 }, index.h("yoo-tag", { color: "app-color-10", class: "inverse-color" }, pattern.sku), index.h("span", { class: "operator" }, overlays.translate('AIHAS')), index.h("yoo-tag", { color: overlays.salesAIGetColorFromPattern(pattern.quantity), class: "inverse-color" }, overlays.salesAIFormatDemand(pattern.quantity))));
-    })), index.h("div", { class: "subtitle" }, overlays.translate('THEN'), ":"), this.findPattern && (index.h("ul", null, index.h("li", { value: "1" }, index.h("yoo-tag", { color: "app-color-10", class: "inverse-color" }, this.findPattern.sku), index.h("span", { class: "operator" }, overlays.translate('AIHAS')), index.h("yoo-tag", { color: overlays.salesAIGetColorFromPattern(this.findPattern.quantity), class: "inverse-color" }, overlays.salesAIFormatDemand(this.findPattern.quantity))))))));
+    return (index.h("div", { class: "container" }, index.h("div", { class: "flex-shrink-0" }, index.h("div", { class: "subtitle" }, index$1.translate('AIINSTORESWHERE'), ":"), index.h("ul", null, (_a = this.patterns) === null || _a === void 0 ? void 0 : _a.map((pattern, index$2) => {
+      return (index.h("li", { value: index$2 + 1 }, index.h("yoo-tag", { color: "app-color-10", class: "inverse-color" }, pattern.sku), index.h("span", { class: "operator" }, index$1.translate('AIHAS')), index.h("yoo-tag", { color: index$1.salesAIGetColorFromPattern(pattern.quantity), class: "inverse-color" }, index$1.salesAIFormatDemand(pattern.quantity))));
+    })), index.h("div", { class: "subtitle" }, index$1.translate('THEN'), ":"), this.findPattern && (index.h("ul", null, index.h("li", { value: "1" }, index.h("yoo-tag", { color: "app-color-10", class: "inverse-color" }, this.findPattern.sku), index.h("span", { class: "operator" }, index$1.translate('AIHAS')), index.h("yoo-tag", { color: index$1.salesAIGetColorFromPattern(this.findPattern.quantity), class: "inverse-color" }, index$1.salesAIFormatDemand(this.findPattern.quantity))))))));
   }
 };
 YooSalesAIFormulaComponent.style = salesaiFormulaCss;

package/dist/cjs/yoo-scandit.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 _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.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('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 
@@ -17697,7 +17697,7 @@ const YooScanditComponent = class {
     }
   }
   async restartOcrScanner() {
-    if (overlays.isNativeMobile()) {
+    if (index$1.isNativeMobile()) {
       this.cleanUpScandit();
       setTimeout(() => {
         this.onInitOcrScannerCordova();
@@ -17705,7 +17705,7 @@ const YooScanditComponent = class {
     }
   }
   async restartScannerByMode(mode) {
-    if (overlays.isNativeMobile()) {
+    if (index$1.isNativeMobile()) {
       this.cleanUpScandit();
       setTimeout(() => {
         if (mode === 'default') {
@@ -17724,7 +17724,7 @@ const YooScanditComponent = class {
     await this.initializeScandit();
   }
   componentDidLoad() {
-    if (overlays.isNativeMobile()) {
+    if (index$1.isNativeMobile()) {
       setTimeout(() => {
         this.onInitBarCodePickerForCordova();
       }, 300);
@@ -17735,7 +17735,7 @@ const YooScanditComponent = class {
       }
       else {
         setTimeout(() => {
-          overlays.showAlert('', [overlays.translate('YOOBICOK')], overlays.translate('SCANDITNOTSUPPORTED'));
+          index$1.showAlert('', [index$1.translate('YOOBICOK')], index$1.translate('SCANDITNOTSUPPORTED'));
         }, 1000);
       }
     }
@@ -17745,9 +17745,9 @@ const YooScanditComponent = class {
   }
   async initializeScandit() {
     try {
-      const session = overlays.getSession();
-      const scanditKey = getScanditKey(window, session, overlays.isNativeMobile());
-      if (!overlays.isNativeMobile()) {
+      const session = index$1.getSession();
+      const scanditKey = getScanditKey(window, session, index$1.isNativeMobile());
+      if (!index$1.isNativeMobile()) {
         return await ScanditSDKWeb.configure(scanditKey, {
           engineLocation: 'assets/scandit'
         });
@@ -17960,7 +17960,7 @@ const YooScanditComponent = class {
   render() {
     return (index.h(index.Host, { class: {
         ...commonHelpers.getAppContext(this.host)
-      } }, !overlays.isNativeMobile() && this.renderScannerContent()));
+      } }, !index$1.isNativeMobile() && this.renderScannerContent()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {