@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/yoo-points-recap.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
+const index = require('./index-e182c32d.js');
 
 const pointsRecapCss = ":host .card{padding:0 var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff)}:host .card .item{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding:var(--spacing-08, 0.5rem) 0}:host .card .item .sub-item{display:-ms-flexbox;display:flex}:host .card .item .sub-item .name,:host .card .item .sub-item .sub-description{padding-left:var(--spacing-04, 0.25rem)}:host .card .item .sub-item .sub-description{font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host .card .item .sub-item .sub-description.success{color:var(--success, #3aa76d)}:host .card .item .sub-item .sub-description.danger{color:var(--danger, #d44333)}:host .card .item .sub-item .sub-description.stable{color:var(--stable, #adadad)}:host .card .item yoo-tag{background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host .card .item.heading{-ms-flex-align:end;align-items:flex-end}:host .card .item.content{-ms-flex-align:center;align-items:center}:host .card .item.footer{padding-left:var(--spacing-04, 0.25rem)}:host .card .separator{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .row:last-of-type .item .sub-item .sub-description{color:var(--stable, #adadad)}";
 

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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const profileListCss = ":host yoo-grid{background-color:var(--light, #ffffff)}:host yoo-grid div[slot=header]{display:-ms-flexbox;display:flex;padding-top:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host yoo-grid div[slot=header] .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}:host yoo-grid div[slot=header] .action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding-right:1rem;cursor:pointer}:host .links-heading{padding:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host yoo-links-menu{width:inherit;background-color:var(--light, #ffffff)}:host .profile-logout{margin-top:2.5rem;padding:var(--spacing-16, 1rem);color:var(--app-color, #5a30f4);text-align:center;background-color:var(--light, #ffffff)}:host .terms{padding:var(--spacing-32, 2rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .terms .links{text-decoration:underline}:host .terms .icons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-32, 2rem) 0 var(--spacing-16, 1rem) 0}:host .terms .icons a:first-of-type{margin-right:var(--spacing-24, 1.5rem)}:host .user-list-container{padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff)}:host .user-list-container .user-info-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--spacing-48, 3rem)}:host .user-list-container .user-info-list .start-container{display:-ms-flexbox;display:flex}:host .user-list-container .user-info-list .start-container yoo-icon{margin-right:var(--spacing-16, 1rem)}:host .user-list-container .user-info-list.location{-ms-flex-pack:unset;justify-content:unset}:host .user-list-container .user-info-list.location yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible div[slot=title]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.25rem}:host .user-list-container yoo-collapsible div[slot=title] yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible yoo-tag:not(:last-of-type){margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible div:not([slot=title]) yoo-tag{margin-bottom:var(--spacing-08, 0.5rem)}:host(.web) .user-list-container{margin:0 var(--spacing-16, 1rem);-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.personal-view) yoo-links-menu{background-color:unset}";
 
@@ -50,9 +51,9 @@ const YooProfileListComponent = class {
     this.avatarClicked.emit(item.detail);
   }
   onCopyClicked(content) {
-    index$1.copyToClipboard(content);
-    index$1.showToast({
-      message: index$1.translate('COPIEDTOCLIPBOARD'),
+    overlays.copyToClipboard(content);
+    overlays.showToast({
+      message: overlays.translate('COPIEDTOCLIPBOARD'),
       duration: 2000,
       cssClass: 'success header',
       closable: true
@@ -60,14 +61,14 @@ const YooProfileListComponent = class {
   }
   renderList(item, icon, extraContent) {
     if (item) {
-      const content = extraContent ? index$1.dateFormat(item, 'DD/MM/YY') : item;
-      return (index.h("div", { class: "user-info-list" }, index.h("div", { class: "start-container" }, index.h("yoo-icon", { name: icon, color: "dark" }), icon === 'email' && index.h("a", { href: `mailto:${content}` }, [index$1.translate(extraContent.toLocaleUpperCase()), ' ', content]), icon === 'phone' && index.h("a", { href: `tel:${content}` }, [index$1.translate(extraContent.toLocaleUpperCase()), ' ', content]), icon !== 'email' && icon !== 'phone' && index.h("span", null, [index$1.translate(extraContent.toLocaleUpperCase()), ' ', content])), (icon === 'email' || icon === 'phone') && index.h("div", { class: "end-container" }, index.h("yoo-button", { fill: "transparent", shape: "circular", onClick: (() => this.onCopyClicked(content)) }, index.h("yoo-icon", { name: "duplicate", color: "stable-alt", size: "medium" })))));
+      const content = extraContent ? overlays.dateFormat(item, 'DD/MM/YY') : item;
+      return (index.h("div", { class: "user-info-list" }, index.h("div", { class: "start-container" }, index.h("yoo-icon", { name: icon, color: "dark" }), icon === 'email' && index.h("a", { href: `mailto:${content}` }, [overlays.translate(extraContent.toLocaleUpperCase()), ' ', content]), icon === 'phone' && index.h("a", { href: `tel:${content}` }, [overlays.translate(extraContent.toLocaleUpperCase()), ' ', content]), icon !== 'email' && icon !== 'phone' && index.h("span", null, [overlays.translate(extraContent.toLocaleUpperCase()), ' ', content])), (icon === 'email' || icon === 'phone') && index.h("div", { class: "end-container" }, index.h("yoo-button", { fill: "transparent", shape: "circular", onClick: (() => this.onCopyClicked(content)) }, index.h("yoo-icon", { name: "duplicate", color: "stable-alt", size: "medium" })))));
     }
   }
   renderFooter() {
     var _a, _b, _c, _d, _e;
     if ((_a = this.config) === null || _a === void 0 ? void 0 : _a.terms) {
-      return index.h("div", { class: "terms" }, index.h("div", null, index.h("span", { class: "links", onClick: () => this.config.terms.handler() }, this.config.terms.title)), index.h("div", null, "Yoobic Ltd \u00A9 ", new Date().getFullYear()), index.h("div", { class: "icons" }, index.h("a", { href: ((_c = (_b = index$1.getSession()) === null || _b === void 0 ? void 0 : _b.tenant) === null || _c === void 0 ? void 0 : _c.twitterUrl) || 'https://twitter.com/YOOBIC', target: "_blank" }, index.h("yoo-icon", { name: "twitter", color: "stable" })), index.h("a", { href: ((_e = (_d = index$1.getSession()) === null || _d === void 0 ? void 0 : _d.tenant) === null || _e === void 0 ? void 0 : _e.linkedinUrl) || 'https://www.linkedin.com/company/yoobic', target: "_blank" }, index.h("yoo-icon", { name: "linkedin", color: "stable" }))));
+      return index.h("div", { class: "terms" }, index.h("div", null, index.h("span", { class: "links", onClick: () => this.config.terms.handler() }, this.config.terms.title)), index.h("div", null, "Yoobic Ltd \u00A9 ", new Date().getFullYear()), index.h("div", { class: "icons" }, index.h("a", { href: ((_c = (_b = overlays.getSession()) === null || _b === void 0 ? void 0 : _b.tenant) === null || _c === void 0 ? void 0 : _c.twitterUrl) || 'https://twitter.com/YOOBIC', target: "_blank" }, index.h("yoo-icon", { name: "twitter", color: "stable" })), index.h("a", { href: ((_e = (_d = overlays.getSession()) === null || _d === void 0 ? void 0 : _d.tenant) === null || _e === void 0 ? void 0 : _e.linkedinUrl) || 'https://www.linkedin.com/company/yoobic', target: "_blank" }, index.h("yoo-icon", { name: "linkedin", color: "stable" }))));
     }
   }
   renderUserInformation() {
@@ -76,10 +77,10 @@ const YooProfileListComponent = class {
       const icons = ['email', 'phone', 'group', 'comment', 'info', 'luxury-stars'];
       const extraContent = ['', '', '', '', 'MEMBERSINCE', 'BIRTHDAY'];
       return [
-        index$1.isWeb(this.host) && index.h("div", { class: "links-heading" }, index$1.translate('ACCOUNT')),
+        overlays.isWeb(this.host) && index.h("div", { class: "links-heading" }, overlays.translate('ACCOUNT')),
         index.h("div", { class: "user-list-container" }, info.map((link, index) => {
           if (this.user[link]) {
-            const content = link === 'role' ? index$1.translate(this.user[link]) : this.user[link];
+            const content = link === 'role' ? overlays.translate(this.user[link]) : this.user[link];
             const isBio = link === 'description';
             const renderLink = link === 'email' ? !this.hideEmails : true;
             return isBio ? this.renderTruncate(content, icons[index])
@@ -103,7 +104,7 @@ const YooProfileListComponent = class {
       const tags = [];
       const headerTags = this.user.tags.filter((tag) => {
         charLength += tag.length;
-        const stopCondition = (!index$1.isWeb(this.host) && charLength > 35) || (index$1.isWeb(this.host) && charLength > 70);
+        const stopCondition = (!overlays.isWeb(this.host) && charLength > 35) || (overlays.isWeb(this.host) && charLength > 70);
         if (stopCondition) {
           tags.push(tag);
         }
@@ -113,7 +114,7 @@ const YooProfileListComponent = class {
     }
   }
   renderTruncate(content, icon) {
-    const charLength = index$1.isWeb(this.host) ? 83 : 38;
+    const charLength = overlays.isWeb(this.host) ? 83 : 38;
     return (index.h("div", { class: "user-info-list" }, index.h("div", { class: "start-container" }, index.h("yoo-icon", { name: icon, color: "dark" }), index.h("yoo-truncate", { content: content, maxLength: charLength, showEllipsisIcon: true, ellipsisIconSize: "medium" }))));
   }
   renderCollapsible(header, content) {
@@ -136,12 +137,12 @@ const YooProfileListComponent = class {
         hideHeader: true,
         onSelected: (item) => this.onAvatarClicked(item)
       };
-      return (index.h("yoo-grid", { ...attrs }, index.h("div", { slot: "header", class: "profile-summary" }, index.h("div", { class: "title" }, ((_b = this.recentItems) === null || _b === void 0 ? void 0 : _b.length) + ' ' + index$1.translate('LATESTTENANTS')), index.h("div", { class: "action", onClick: () => this.onSeeAllClicked() }, index$1.translate('YOOBICSEEALL')))));
+      return (index.h("yoo-grid", { ...attrs }, index.h("div", { slot: "header", class: "profile-summary" }, index.h("div", { class: "title" }, ((_b = this.recentItems) === null || _b === void 0 ? void 0 : _b.length) + ' ' + overlays.translate('LATESTTENANTS')), index.h("div", { class: "action", onClick: () => this.onSeeAllClicked() }, overlays.translate('YOOBICSEEALL')))));
     }
   }
   renderAdminLinks() {
     var _a;
-    const adminLink = (_a = this.localConfig) === null || _a === void 0 ? void 0 : _a.links.filter(link => link.title === index$1.translate('YOOBICADMIN'));
+    const adminLink = (_a = this.localConfig) === null || _a === void 0 ? void 0 : _a.links.filter(link => link.title === overlays.translate('YOOBICADMIN'));
     if (adminLink === null || adminLink === void 0 ? void 0 : adminLink.length) {
       return [
         index.h("div", { class: "links-heading" }, adminLink[0].title),
@@ -157,9 +158,9 @@ const YooProfileListComponent = class {
     var _a, _b;
     return [
       this.renderAdminLinks(),
-      this.heading && index.h("div", { class: "links-heading" }, index$1.translate(this.heading)),
+      this.heading && index.h("div", { class: "links-heading" }, overlays.translate(this.heading)),
       (_a = this.localConfig) === null || _a === void 0 ? void 0 : _a.links.map((link) => {
-        if (link.title !== index$1.translate('YOOBICADMIN')) {
+        if (link.title !== overlays.translate('YOOBICADMIN')) {
           return this.renderLinksMenu(link.items);
         }
       }),
@@ -169,7 +170,7 @@ const YooProfileListComponent = class {
     ];
   }
   render() {
-    return index.h(index.Host, { class: { 'web': index$1.isWeb(this.host), 'personal-view': this.personalView } }, this.personalView ? this.renderProfileLinks() : this.renderUserInformation());
+    return index.h(index.Host, { class: { 'web': overlays.isWeb(this.host), 'personal-view': this.personalView } }, this.personalView ? this.renderProfileLinks() : this.renderUserInformation());
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const profileSummaryCss = ":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) .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)}";
 
@@ -50,7 +51,7 @@ const YooProfileSummaryComponent = class {
       const imgSrc = this.user.imageData;
       commonHelpers.showPhotoEditor({
         src: this.user.imageData,
-        extraActions: index$1.getDownloadAction(imgSrc)
+        extraActions: overlays.getDownloadAction(imgSrc)
       });
     }
   }
@@ -66,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) && !index$1.isWeb(this.host), iconName: 'phone', content: 'CALL', handler: () => this.onCall()
+          condition: ((_a = this.user) === null || _a === void 0 ? void 0 : _a.telephone) && !overlays.isWeb(this.host), iconName: 'phone', content: 'CALL', handler: () => this.onCall()
         },
         { condition: this.canVideoCall, iconName: 'videocamera', content: 'VIDEOCALL', handler: () => this.onVideoCall() }
       ];
@@ -76,18 +77,18 @@ const YooProfileSummaryComponent = class {
     }
   }
   renderUserActionButtons(condition, iconName, content, handler) {
-    const buttonSize = index$1.isWeb(this.host) ? 'small' : 'medium';
+    const buttonSize = overlays.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 }), index$1.translate(content)));
+      return (index.h("yoo-button", { size: buttonSize, onClick: () => handler() }, index.h("yoo-icon", { slot: "start", size: "small", name: iconName }), overlays.translate(content)));
     }
   }
   renderStats() {
     const points = Math.ceil((this.earnedPoints || 0) * 10) / 10 + '';
-    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));
+    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));
   }
   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" }, 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()));
+      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()));
     }
   }
   renderButton(button) {
@@ -104,7 +105,7 @@ const YooProfileSummaryComponent = class {
     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': index$1.isWeb(this.host), 'personal-view': this.personalView } }, [this.renderHeader(), this.renderProfileUser()]);
+    return index.h(index.Host, { class: { 'web': overlays.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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const DEFAULT_COLOR_THRESHOLDS = {
   colors: ['var(--danger)', 'var(--warning)', 'var(--success)'],
@@ -102,7 +103,7 @@ const YooProgressBarComponent = class {
     this.setProgress(currentValue);
   }
   get isAnimated() {
-    return this.animated && !index$1.isAnimationsDisabled();
+    return this.animated && !overlays.isAnimationsDisabled();
   }
   get isMetric() {
     return {
@@ -218,9 +219,9 @@ const YooProgressBarComponent = class {
         ...(!this.isShape.line && {
           strokeDashoffset: getProgressPathLength(toProgress)
         }),
-        ease: index$1.Linear.easeInOut
+        ease: overlays.Linear.easeInOut
       };
-      progressBarElement && lodash.isFinite(toProgress) && lodash.isFinite(fromProgress) && index$1.gsapFromTo(progressBarElement, this.isAnimated ? this.progressAnimationDuration : 0, fromAnimation, toAnimation);
+      progressBarElement && lodash.isFinite(toProgress) && lodash.isFinite(fromProgress) && overlays.gsapFromTo(progressBarElement, this.isAnimated ? this.progressAnimationDuration : 0, fromAnimation, toAnimation);
     }
   }
   getLabelledValue(progress) {

package/dist/cjs/yoo-progress-loader.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const progressLoaderCss = ":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}";
 
@@ -19,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" }, index$1.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" }, overlays.translate('LIVEUPDATEPROGRESS')))));
   }
 };
 YooProgressLoaderComponent.style = progressLoaderCss;

package/dist/cjs/yoo-progress-recap.cjs.entry.js

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const progressRecapCss = ":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)}";
 
@@ -15,7 +16,7 @@ const YooProgressRecap = class {
     index.registerInstance(this, hostRef);
   }
   renderTooltip() {
-    return (index.h("yoo-tooltip", { placement: "top", content: index$1.translateMulti(this.tooltip) }, index.h("yoo-icon", { name: "help", size: "small", color: "stable" })));
+    return (index.h("yoo-tooltip", { placement: "top", content: overlays.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: {
@@ -23,13 +24,13 @@ const YooProgressRecap = class {
         danger: !lodash.isNil(this.min) && this.progress < this.min
       }, ...this.min && {
         markers: [{
-            text: `${index$1.translateMulti('YOOBICMIN')}: ${this.min}`,
+            text: `${overlays.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" }, index$1.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" }, overlays.translateMulti(this.heading)), this.tooltip && this.renderTooltip()), this.renderProgressbar())));
   }
 };
 YooProgressRecap.style = progressRecapCss;

package/dist/cjs/yoo-property-card.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const propertyCardCss = ":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}";
 
@@ -51,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, index$1.translate(value.title))));
+    return (index.h("div", { class: "title" }, index.h("span", null, overlays.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, "%")));
@@ -62,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 : index$1.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 : overlays.translate(value === null || value === void 0 ? void 0 : value.title), " ")))))))));
   }
   getValueArr(value) {
     return [...Array.from(value.keys())];
@@ -88,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': index$1.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': overlays.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}` }, index$1.translate(property.title));
+    return index.h("div", { class: `details-title ${property.type}` }, overlays.translate(property.title));
   }
   renderPropertyEntity(property) {
     switch (property.type) {
@@ -123,7 +124,7 @@ const YooPropertyCardComponent = class {
   }
   renderProperty(property) {
     return property.collapsible ?
-      index.h("yoo-collapsible", { class: "center transparent details", header: index$1.translate(property.title) }, property.type && this.renderPropertyType(property))
+      index.h("yoo-collapsible", { class: "center transparent details", header: overlays.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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-7b6831ef.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-require('./index-5951fd43.js');
-require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-af722ca5.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+require('./index-0455f2ed.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-1fdbd9b3.js');
 
 const rangeCss = ":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);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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const ratingCss = ":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}}";
 
@@ -32,16 +33,16 @@ const YooRatingComponent = class {
     this.submittedLottie = 'thankyou';
   }
   componentDidLoad() {
-    index$1.getAsyncExtraData({ type: 'rating-dialog-opened' });
+    overlays.getAsyncExtraData({ type: 'rating-dialog-opened' });
   }
   onClose() {
     if (!this.isRatingSubmitted && this.courseId) {
-      index$1.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId } });
+      overlays.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId } });
     }
-    if (index$1.isWeb()) {
+    if (overlays.isWeb()) {
       this.closeClicked.emit(true);
     }
-    index$1.closeModal(null);
+    overlays.closeModal(null);
   }
   updateValidity() {
     const _validity = this.ratingEl.value > 0 ? true : false;
@@ -50,16 +51,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, index$1.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, overlays.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" }, 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() })));
+    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() })));
   }
   renderDescriptionContainer() {
-    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) }))));
+    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) }))));
   }
   onSubmitClick() {
     var _a;
@@ -70,7 +71,7 @@ const YooRatingComponent = class {
         rating: this.ratingEl.value,
         comment: this.descriptionArea.value || ''
       };
-      index$1.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId, courseRating } });
+      overlays.getAsyncExtraData({ type: 'rate-course', params: { courseId: this.courseId, courseRating } });
       setTimeout(() => {
         this.isRatingSubmitted = true;
         this.loading = false;
@@ -79,7 +80,7 @@ const YooRatingComponent = class {
   }
   renderFooter() {
     const button = [{
-        text: index$1.translate('SUBMIT'),
+        text: overlays.translate('SUBMIT'),
         color: 'app-color',
         disabled: !this.isValidRating || !this.courseId,
         handler: () => this.onSubmitClick()
@@ -96,11 +97,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" }, index$1.translate('FEEDBACKSUBMITTED')))
+      index.h("div", { class: "completed-container" }, this.renderLottie(this.submittedLottie), index.h("div", { class: "completed-description" }, overlays.translate('FEEDBACKSUBMITTED')))
     ];
   }
   render() {
-    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" })));
+    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" })));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-recap-link.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
+const index = require('./index-e182c32d.js');
 
 const recapLinkCss = ":host .link-wrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:5.6rem;margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);text-align:left;background-color:var(--light, #ffffff);border-radius:0.5rem;-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 .link-wrapper .tag-outer-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:4rem;height:100%;margin:var(--spacing-16, 1rem)}:host .link-wrapper .tag-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;color:var(--app-color, #5a30f4);font-size:var(--font-size-16, 1rem);border-radius:50%}:host .link-wrapper .text-container{width:calc(100% - 4rem);padding:var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) 0}:host .link-wrapper .heading-container{color:var(--dark, #000000);font-size:var(--font-size-18, 1.125rem)}:host .link-wrapper .subheading-container{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}";
 

package/dist/cjs/yoo-report-builder.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
+const index = require('./index-e182c32d.js');
 
 const reportBuilderCss = ":host{display:block;-ms-flex:1;flex:1}";