@yoobic/yobi 8.5.0-60 → 8.5.0-62

package/dist/cjs/yoo-profile-summary.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const profileSummaryCss = "svg:not(:root){overflow:hidden}:host .profile-user{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-24, 1.5rem)}:host .profile-user yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .profile-user>yoo-avatar{z-index:11}:host .profile-user .profile-details{text-align:center}:host .profile-user .profile-details .profile-user-name,:host .profile-user .profile-details yoo-avatar{margin:0 auto}:host .profile-user .profile-details.impersonating{opacity:0.5}:host .profile-user .profile-details .profile-user-name{padding:var(--spacing-08, 0.5rem) 0;text-align:center}:host .profile-user .profile-details .profile-user-role{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem);line-height:1rem}:host .actions-container{width:100%}:host .actions-container .user-actions{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));margin:var(--spacing-24, 1.5rem) var(--spacing-16, 1rem);-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host(.web) .profile-user{padding:0}:host(.web) .actions-container{width:21.875rem}:host(.web.personal-view){padding-top:var(--spacing-56, 3.5rem)}:host(.web.personal-view) .profile-user{-ms-flex-direction:row;flex-direction:row}:host(.web.personal-view) .profile-user .profile-details{text-align:left}:host(.web.personal-view) .profile-user .profile-details .profile-user-name{font-weight:var(--font-weight-700, 700)}:host(.web.personal-view) .profile-user .profile-details .profile-user-role{font-size:var(--font-size-16, 1rem)}:host(.web.personal-view) .profile-user yoo-avatar{margin:var(--spacing-24, 1.5rem)}";
@@ -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,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const DEFAULT_COLOR_THRESHOLDS = {
@@ -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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const progressLoaderCss = "svg:not(:root){overflow:hidden}:host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--light, #ffffff);opacity:1}:host .progress-loader-container .logo-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .progress-loader-container .progress-bar-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-16, 1rem) var(--spacing-96, 6rem) var(--spacing-16, 1rem) var(--spacing-96, 6rem)}:host .progress-loader-container .progress-text-container{margin:0 var(--spacing-48, 3rem);text-align:center}:host .progress-loader-container .progress-text-container .progress-text{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;line-height:normal;letter-spacing:normal}";
@@ -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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const progressRecapCss = "svg:not(:root){overflow:hidden}:host .card{padding:var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff)}:host .card .top-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:var(--spacing-08, 0.5rem)}:host .card yoo-progress-bar.success{--progress-bar-color:var(--success, #3aa76d)}:host .card yoo-progress-bar.danger{--progress-bar-color:var(--danger, #d44333)}";
@@ -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,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const propertyCardCss = "svg:not(:root){overflow:hidden}:host{--padding-outer-container:1rem;--list-padding:1.25rem 0.625rem 1.25rem 0.625rem;--list-row-height:38px}:host .outer-container{padding:var(--padding-outer-container)}:host .outer-container yoo-collapsible{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .details:first-child .details-title{margin-top:0}:host .outer-container .details{width:100%}:host .outer-container .details .details-title{margin-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);line-height:1.0625rem;text-align:center;text-transform:uppercase}:host .outer-container .details .title-rows{padding-bottom:1.25rem}:host .outer-container .p-type-columns{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .p-type-columns .p-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:38%;margin-bottom:var(--spacing-16, 1rem);padding:0.75rem 5% 1rem 5%;overflow:hidden;background-color:var(--light, #ffffff);border-radius:8px;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .p-type-columns .p-column .top{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}:host .outer-container .p-type-columns .p-column .top .delta{display:block;-ms-flex-item-align:end;align-self:flex-end;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .p-type-columns .p-column .top .delta yoo-icon{margin-right:0.3125rem}:host .outer-container .p-type-columns .p-column .top .delta .delta-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .p-type-columns .p-column .top .delta .delta-container.success{color:var(--success, #3aa76d)}:host .outer-container .p-type-columns .p-column .top .delta .delta-container.danger{color:var(--danger, #d44333)}:host .outer-container .p-type-columns .p-column .top .delta .chat-container{-ms-flex-item-align:end;align-self:flex-end;margin-top:0.5rem}:host .outer-container .p-type-columns .p-column .bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .p-type-columns .p-column .bottom .title{display:-webkit-box;width:100%;overflow:hidden;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);word-wrap:break-word;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host .outer-container .p-type-columns .p-column .bottom .number{width:100%;font-size:var(--font-size-18, 1.125rem);line-height:1.8125rem}:host .outer-container .p-type-rows{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:1.3125rem 1.25rem 0.8125rem 1.25rem;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .p-type-rows .p-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;height:3.5625rem;padding-top:var(--spacing-08, 0.5rem);padding-bottom:0.5625rem;font-size:var(--font-size-16, 1rem);border-bottom:solid 0.0625rem var(--stable-light, #f1f1f1)}:host .outer-container .p-type-rows .p-row .title{width:100%;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);line-height:1.125rem}:host .outer-container .p-type-rows .p-row .number{line-height:1.125rem}:host .outer-container .p-type-rows .p-row .delta{-ms-flex-item-align:end;align-self:end;line-height:1.125rem}:host .outer-container .p-type-rows .p-row:last-child{margin-bottom:0;border:none}:host .outer-container .p-type-grid{margin:auto;margin-top:3px;padding:0.8rem;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .p-type-grid .p-type-grid-scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .outer-container .p-type-grid .p-type-grid-scroll-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span{width:5.4375rem;font-size:var(--font-size-16, 1rem);line-height:1.0625rem}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span:first-child{color:var(--text-color, #807f83)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row:not(.header){color:var(--dark, #000000)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row.header>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:4.375rem;margin-right:1.0625rem;text-transform:uppercase}:host .outer-container .p-type-progress{margin:auto;margin-top:3px;padding:0.8rem;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .p-type-progress .p-row .title{font-size:var(--font-size-12, 0.75rem);text-align:left}:host .outer-container .p-type-chart chart-high{height:18.75rem}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.assertive,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.danger{color:var(--danger, #d44333)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.dark,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.black{color:var(--dark, #000000)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.balanced,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.success,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.app-color{color:var(--app-color, #5a30f4)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;text-align:left}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column{padding-right:var(--spacing-16, 1rem)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-header{font-weight:var(--font-weight-900, 900)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-header,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item{height:var(--list-row-height);padding:0.25rem 1rem;white-space:nowrap}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item{white-space:nowrap}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.assertive,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.danger{color:var(--danger, #d44333)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.dark,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.black{color:var(--dark, #000000)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.balanced,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.success,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.app-color{color:var(--app-color, #5a30f4)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container.header>span{margin-right:0}:host(.framed) .outer-container{display:block;margin:1rem;padding:1rem;border-radius:0.25rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.web) .outer-container yoo-ion-scroll{padding:var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-columns .p-column{width:46%;height:6.5625rem;margin:0 var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem);padding:0}:host(.web) .outer-container .details .p-type-columns .p-column .bottom{padding:0 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-columns .p-column .bottom .title{overflow:hidden}:host(.web) .outer-container .details .p-type-columns .p-column .top{width:calc(100% - var(--spacing-16) * 2);padding-left:var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span{-ms-flex:1;flex:1;width:auto;min-width:5.4375rem}";
@@ -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');
-require('./index-a1bbe627.js');
+const index$1 = require('./index-7f9a420b.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+require('./index-7790c794.js');
+require('./index-4cdf7949.js');
+require('./index-cb8276bc.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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const ratingCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host yoo-lottie{height:14.75rem}:host yoo-lottie.rating{margin:var(--spacing-32, 2rem) 0}:host .rating-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:var(--spacing-16, 1rem)}:host .rating-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem)}:host .rating-container .sub-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .rating-container .invalid-rating{color:var(--danger, #d44333);font-size:var(--font-size-14, 0.875rem)}:host .description-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-32, 2rem) var(--spacing-16, 1rem)}:host .description-container .description-content{width:100%;font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host .description-container .description-content .description-title{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .description-container .description-content .description-opt{padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:65%}:host .completed-container yoo-lottie{height:18.75rem}:host .completed-container .completed-description{margin:0 var(--spacing-48, 3rem);margin-top:-6.25rem;font-size:var(--font-size-18, 1.125rem);text-align:center;opacity:0;-webkit-animation:opacity 3s forwards;animation:opacity 3s forwards;-webkit-animation-delay:1s;animation-delay:1s}:host(.web) yoo-lottie.rating{margin:var(--spacing-16, 1rem) 0}:host(.web) .rating-container{-ms-flex-align:center;align-items:center}:host(.web) .description-content{width:25rem}@-webkit-keyframes opacity{from{opacity:0}to{opacity:1}}@keyframes opacity{from{opacity:0}to{opacity:1}}";
@@ -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-4cdf7949.js');
+const index$2 = require('./index-cb8276bc.js');
+require('./index-7790c794.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,11 +3,11 @@
 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-7790c794.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const resultDialogCss = "svg:not(:root){overflow:hidden}:host{display:grid;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host>*{margin:var(--spacing-08, 0.5rem) auto}:host span,:host p{text-align:center}:host span{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-20, 1.25rem)}:host p{min-width:10rem;max-width:17.5rem;max-height:25rem;padding:0 var(--spacing-16, 1rem);overflow-y:auto;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.5}:host yoo-empty-state{width:3.125rem;height:3.125rem}:host .footer{margin:0;margin-top:var(--spacing-08, 0.5rem);padding:0.75rem;text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.web){max-width:40%}:host(.web) p{}:host(.web) p::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";
@@ -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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const revealCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);background-color:var(--stable-light, #f1f1f1)}:host yoo-flip-card{margin:0 var(--spacing-16, 1rem)}:host yoo-flip-card:first-of-type{padding-top:var(--spacing-16, 1rem)}:host yoo-flip-card:last-of-type{padding-bottom:var(--spacing-16, 1rem)}";
@@ -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,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const salesaiFormulaCss = "svg:not(:root){overflow:hidden}:host .container{margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-16, 1rem);padding:var(--spacing-16, 1rem);font-size:var(--font-size-14, 0.875rem);background:var(--light, #ffffff);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host .container ul{list-style-type:decimal}:host .container ul li{margin-bottom:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem)}:host .container .operator{padding:0 var(--spacing-08, 0.5rem)}";
@@ -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;