@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-card-incentive.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-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const incentiveHelpers = require('./incentive-helpers-a2954f55.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const incentiveHelpers = require('./incentive-helpers-81dda507.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -22,7 +22,7 @@ const YooCardIncentiveComponent = class {
     this.updateUserScore();
   }
   componentWillLoad() {
-    const session = overlays.getSession();
+    const session = index$1.getSession();
     this.groups = session.groups;
     this.userId = session.userId;
     this.updateUserScore();
@@ -39,7 +39,7 @@ const YooCardIncentiveComponent = class {
   }
   renderTypes() {
     var _a, _b, _c, _d;
-    return (index.h("div", { class: "types" }, index.h("div", null, index.h("yoo-icon", { name: "group", color: "app-color", size: "small" }), overlays.translate((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.partType) === null || _b === void 0 ? void 0 : _b.toUpperCase())), index.h("div", null, index.h("yoo-icon", { name: "instant-play", color: "app-color", size: "small" }), overlays.translate((_d = (_c = this.entry) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toUpperCase()))));
+    return (index.h("div", { class: "types" }, index.h("div", null, index.h("yoo-icon", { name: "group", color: "app-color", size: "small" }), index$1.translate((_b = (_a = this.entry) === null || _a === void 0 ? void 0 : _a.partType) === null || _b === void 0 ? void 0 : _b.toUpperCase())), index.h("div", null, index.h("yoo-icon", { name: "instant-play", color: "app-color", size: "small" }), index$1.translate((_d = (_c = this.entry) === null || _c === void 0 ? void 0 : _c.type) === null || _d === void 0 ? void 0 : _d.toUpperCase()))));
   }
   renderDate() {
     return (index.h("div", { class: "date" }, index.h("yoo-icon", { name: "recent", color: "app-color", size: "small" }), this.getDate()));

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

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-require('./overlays-e5d2ff76.js');
-require('./lodash-a9050d79.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-9aadeb94.js');
+require('./lodash-a9050d79.js');
+require('./index-6f92bccb.js');
 
 const cardKanbanCss = "svg:not(:root){overflow:hidden}:host .outer-container:hover{background-color:var(--dark-10, rgba(0, 0, 0, 0.1));cursor:pointer}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:15.5rem;padding:var(--spacing-08, 0.5rem);line-height:1.9;background-color:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container yoo-icon{padding-right:var(--spacing-04, 0.25rem)}:host .outer-container yoo-truncate{-ms-flex:1;flex:1;color:var(--dark, #000000);line-height:1.65;--max-lines:2}:host .outer-container .row{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .row.infos{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .row.ref{color:var(--text-color, #807f83);font-size:var(--font-size-12, 0.75rem)}:host .outer-container .row.left{-ms-flex:1;flex:1}:host .outer-container .row.left .sub-info{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .row.right{padding-left:var(--spacing-16, 1rem)}";
 

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const cardLessonCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:-ms-flexbox;display:flex;min-height:4.25rem;border-left:transparent solid var(--border-width-04, 0.25rem);cursor:pointer}:host yoo-truncate{--line-height:1.875rem !important;--max-lines:2}:host .info-container{width:100%;padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem) 0;word-break:break-word}:host .info-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host .info-container .title-container .title{display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start}:host .info-container .title-container .title yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;padding-left:var(--spacing-32, 2rem)}:host .info-container .bottom-info-container .remaining-points-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center}:host .info-container .bottom-info-container .remaining-points-container yoo-tag{margin-right:var(--spacing-08, 0.5rem)}:host .info-container .bottom-info-container .extra-icon-container{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;padding-bottom:var(--spacing-04, 0.25rem)}:host(.underline) .info-container{border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host(.item-disabled){cursor:default}:host([highlighted]){background-color:var(--app-color-10, rgba(90, 48, 244, 0.1));border-left:var(--app-color, #5a30f4) solid var(--border-width-04, 0.25rem)}:host([state=finished]),:host([state=locked]){color:var(--stable, #adadad)}:host([state=locked]){cursor:default}";
@@ -33,8 +33,8 @@ const YooCardLessonComponent = class {
   }
   get displayRetry() {
     var _a, _b, _c, _d, _e, _f, _g;
-    return overlays.canBeRetried(this.lesson, this.earnedPoints) &&
-      !overlays.isContentOnly((_a = this.lesson) === null || _a === void 0 ? void 0 : _a.lessonType) &&
+    return index$2.canBeRetried(this.lesson, this.earnedPoints) &&
+      !index$2.isContentOnly((_a = this.lesson) === null || _a === void 0 ? void 0 : _a.lessonType) &&
       (((_b = this.lesson) === null || _b === void 0 ? void 0 : _b.points) < ((_d = (_c = this.lesson) === null || _c === void 0 ? void 0 : _c.description) === null || _d === void 0 ? void 0 : _d.points) || ((_f = (_e = this.lesson) === null || _e === void 0 ? void 0 : _e.score) === null || _f === void 0 ? void 0 : _f.completed) < ((_g = this.lesson) === null || _g === void 0 ? void 0 : _g.minValue));
   }
   getBadgeText() {
@@ -59,8 +59,8 @@ const YooCardLessonComponent = class {
     const parentPlan = lodash.get(this.lesson, 'plan', lodash.get(this.lesson, 'plans[0]', null));
     if (this.lesson && this.lesson.description && parentPlan) {
       const lessonOrder = lodash.get(this.lesson, 'description.order', 0) + '';
-      const courseTitle = overlays.translateMulti(lodash.get(parentPlan, 'title', ''));
-      return overlays.translate('LESSONOFCOURSE', { lesson: overlays.translate('LESSON') + ' ' + lessonOrder, course: courseTitle });
+      const courseTitle = index$2.translateMulti(lodash.get(parentPlan, 'title', ''));
+      return index$2.translate('LESSONOFCOURSE', { lesson: index$2.translate('LESSON') + ' ' + lessonOrder, course: courseTitle });
     }
     return '';
   }
@@ -72,12 +72,12 @@ const YooCardLessonComponent = class {
     return lessonType;
   }
   getTagColor() {
-    return overlays.isLessonCompleted(this.lesson) ? 'light' : this.lesson.locked ? 'stable' : 'app-color';
+    return index$2.isLessonCompleted(this.lesson) ? 'light' : this.lesson.locked ? 'stable' : 'app-color';
   }
   renderLessonDuration(tagColor, iconColor) {
     var _a, _b;
     if ((_a = this.lesson) === null || _a === void 0 ? void 0 : _a.duration) {
-      return (index.h("yoo-tag", { class: "menu-item", color: tagColor, noBackground: true, size: "medium" }, index.h("yoo-icon", { slot: "start", size: "small", name: "recent", color: iconColor }), `${(_b = this.lesson) === null || _b === void 0 ? void 0 : _b.duration} ${overlays.translate('MIN')}`));
+      return (index.h("yoo-tag", { class: "menu-item", color: tagColor, noBackground: true, size: "medium" }, index.h("yoo-icon", { slot: "start", size: "small", name: "recent", color: iconColor }), `${(_b = this.lesson) === null || _b === void 0 ? void 0 : _b.duration} ${index$2.translate('MIN')}`));
     }
   }
   renderLessonBadge() {
@@ -88,7 +88,7 @@ const YooCardLessonComponent = class {
               icon="${((_b = this.lesson) === null || _b === void 0 ? void 0 : _b.validated) ? this.lesson.badge.icon : 'lock'}"
               icon-only-color="light"
               size="small"
-              ></yoo-tag> ${overlays.translate((_c = this.lesson.badge) === null || _c === void 0 ? void 0 : _c.title)}` }, index.h("yoo-icon", { size: "small", color: this.completedColor, name: "badge" })));
+              ></yoo-tag> ${index$2.translate((_c = this.lesson.badge) === null || _c === void 0 ? void 0 : _c.title)}` }, index.h("yoo-icon", { size: "small", color: this.completedColor, name: "badge" })));
     }
   }
   renderBadge() {
@@ -99,7 +99,7 @@ const YooCardLessonComponent = class {
   }
   renderRetryButton() {
     if (this.displayRetry) {
-      return (index.h("div", { class: "extra-icon-container" }, index.h("yoo-tag", { color: "app-color-10", size: "small" }, index.h("yoo-icon", { name: "restart", size: "small", slot: "start", color: "app-color" }), overlays.translate('RESTART').toUpperCase())));
+      return (index.h("div", { class: "extra-icon-container" }, index.h("yoo-tag", { color: "app-color-10", size: "small" }, index.h("yoo-icon", { name: "restart", size: "small", slot: "start", color: "app-color" }), index$2.translate('RESTART').toUpperCase())));
     }
   }
   renderCheckLines() {
@@ -107,15 +107,15 @@ const YooCardLessonComponent = class {
   }
   renderTitle() {
     var _a;
-    const lessonTitle = overlays.translateMulti(lodash.get(this.lesson, 'description.title', '')) || overlays.translateMulti((_a = this.lesson) === null || _a === void 0 ? void 0 : _a.title);
-    return (index.h("div", { class: "title-container" }, index.h("div", { class: "title" }, index.h("div", { class: "type-icon-container" }, index.h("yoo-icon", { name: overlays.getLessonTypeIcon(this.getLessonType()), color: this.completedColor })), index.h("yoo-truncate", { class: "title", content: lessonTitle })), !overlays.isWeb() && this.renderRetryButton()));
+    const lessonTitle = index$2.translateMulti(lodash.get(this.lesson, 'description.title', '')) || index$2.translateMulti((_a = this.lesson) === null || _a === void 0 ? void 0 : _a.title);
+    return (index.h("div", { class: "title-container" }, index.h("div", { class: "title" }, index.h("div", { class: "type-icon-container" }, index.h("yoo-icon", { name: index$2.getLessonTypeIcon(this.getLessonType()), color: this.completedColor })), index.h("yoo-truncate", { class: "title", content: lessonTitle })), !index$2.isWeb() && this.renderRetryButton()));
   }
   renderLessonInfos() {
-    return (index.h("div", { class: "bottom-info-container" }, index.h("div", { class: "remaining-points-container" }, this.renderBadge(), overlays.isWeb() && this.renderLessonDuration(this.completedColor, this.completedColor), overlays.isWeb() && this.renderLessonBadge()), overlays.isWeb() && this.renderRetryButton()));
+    return (index.h("div", { class: "bottom-info-container" }, index.h("div", { class: "remaining-points-container" }, this.renderBadge(), index$2.isWeb() && this.renderLessonDuration(this.completedColor, this.completedColor), index$2.isWeb() && this.renderLessonBadge()), index$2.isWeb() && this.renderRetryButton()));
   }
   render() {
     var _a, _b, _c;
-    return (index.h(index.Host, { state: (_a = this.states) === null || _a === void 0 ? void 0 : _a.current, class: { ...commonHelpers.getAppContext(this.host), underline: !overlays.isWeb() || !((_b = this.states) === null || _b === void 0 ? void 0 : _b.current) } }, ((_c = this.states) === null || _c === void 0 ? void 0 : _c.current) && this.renderCheckLines(), index.h("div", { class: "info-container" }, this.renderTitle(), this.renderLessonInfos())));
+    return (index.h(index.Host, { state: (_a = this.states) === null || _a === void 0 ? void 0 : _a.current, class: { ...commonHelpers.getAppContext(this.host), underline: !index$2.isWeb() || !((_b = this.states) === null || _b === void 0 ? void 0 : _b.current) } }, ((_c = this.states) === null || _c === void 0 ? void 0 : _c.current) && this.renderCheckLines(), index.h("div", { class: "info-container" }, this.renderTitle(), this.renderLessonInfos())));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-list-collapsible.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -29,7 +29,7 @@ const YooCardListCollapsibleComponent = class {
     return !!((_a = this.entry.kpiData) === null || _a === void 0 ? void 0 : _a.length);
   }
   renderKpiContainer() {
-    const kpis = overlays.mapKpiData(this.entry.kpiData);
+    const kpis = index$1.mapKpiData(this.entry.kpiData);
     return (index.h("div", { class: "kpi-containers", style: { height: this.isCollapsed ? '0px' : 'auto' }, ref: (el) => (this.containerElement = el) }, index.h("yoo-kpi-card", { hideEmptyState: true, class: "content-only", kpiData: kpis })));
   }
   imageClicked(imagePath) {
@@ -44,7 +44,7 @@ const YooCardListCollapsibleComponent = class {
       const emitDetails = () => this.listCollapsed.emit({ collapsed: this.isCollapsed, item: this.entry, cardHeight: this.host.clientHeight });
       const onToggling = () => (this.isCollapsed = !this.isCollapsed);
       const onUpdateCardHeight = () => emitDetails();
-      overlays.gsapTo(this.containerElement, 0.25, { height: !this.isCollapsed ? 0 : 'auto', [this.isCollapsed ? 'onStart' : 'onComplete']: onToggling, onUpdate: onUpdateCardHeight });
+      index$1.gsapTo(this.containerElement, 0.25, { height: !this.isCollapsed ? 0 : 'auto', [this.isCollapsed ? 'onStart' : 'onComplete']: onToggling, onUpdate: onUpdateCardHeight });
       setTimeout(() => emitDetails(), 500);
     }
   }
@@ -61,14 +61,14 @@ const YooCardListCollapsibleComponent = class {
     var _a;
     return [
       index.h("div", { class: "heading-container" }, this.entry.heading && this.renderHeading(), this.entry.distance && this.renderDistance(), this.entry.isCollapsible && !this.isFormChoice ? this.renderCollapsibleControls() : null),
-      (_a = this.entry.subheadings) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => {
+      (_a = this.entry.subheadings) === null || _a === void 0 ? void 0 : _a.map((item, index$2) => {
         if (item) {
           const itemText = item.replace(/<\/?[^>]+(>|$)/g, ''); // remove all html tags
-          if (overlays.isCloudinaryLink(item)) {
+          if (index$1.isCloudinaryLink(item)) {
             return index.h("yoo-img", { instant: this.entry.isGridCell, type: "background", class: "subheading-container", onClick: () => this.imageClicked(item), src: item });
           }
-          else if (!this.isCollapsed || !this.isMap || index$1 === 0) {
-            return (index.h("div", { class: "subheading-container" }, this.entry.tagElements && this.entry.vip && !index$1 && this.renderTags(), this.host.classList.contains('courseselection') && index.h("yoo-icon", { name: "todo-boost" }), itemText));
+          else if (!this.isCollapsed || !this.isMap || index$2 === 0) {
+            return (index.h("div", { class: "subheading-container" }, this.entry.tagElements && this.entry.vip && !index$2 && this.renderTags(), this.host.classList.contains('courseselection') && index.h("yoo-icon", { name: "todo-boost" }), itemText));
           }
         }
       })
@@ -84,11 +84,11 @@ const YooCardListCollapsibleComponent = class {
       open: this.entry.isCollapsible && !this.isCollapsed,
       map: this.isMap,
       vip: this.entry.vip,
-      firefox: overlays.isFirefox()
+      firefox: index$1.isFirefox()
     };
   }
   render() {
-    return (this.entry && (index.h(index.Host, { style: { width: this.isMap ? `${overlays.isWeb(this.host) ? 350 : window.innerWidth * 0.9}px` : 'auto' }, class: { ...commonHelpers.getAppContext(this.host), ...this.getClassList() } }, index.h("div", { class: "outer-container" }, (this.entry.imgSrc || this.entry.users || this.entry.icon || this.entry.iconText) && (index.h("yoo-card-list-image", { entry: this.entry, isMap: this.isMap, isCollapsed: this.isCollapsed, class: { collapsible: true, ...this.getClassList() } })), index.h("div", { class: { 'content-container': true, 'has-image ': !!(this.entry.imgSrc || this.entry.icon), center: !this.entry.heading && !this.entry.subheadings } }, index.h("div", { class: { 'top-container': true, leaderboard: !!(this.entry.rank >= 0 && this.entry.points >= 0) } }, this.renderHeadingContainerContent(), this.entry.tagElements && !this.entry.vip && this.renderTags()))), this.hasKpis && this.renderKpiContainer())));
+    return (this.entry && (index.h(index.Host, { style: { width: this.isMap ? `${index$1.isWeb(this.host) ? 350 : window.innerWidth * 0.9}px` : 'auto' }, class: { ...commonHelpers.getAppContext(this.host), ...this.getClassList() } }, index.h("div", { class: "outer-container" }, (this.entry.imgSrc || this.entry.users || this.entry.icon || this.entry.iconText) && (index.h("yoo-card-list-image", { entry: this.entry, isMap: this.isMap, isCollapsed: this.isCollapsed, class: { collapsible: true, ...this.getClassList() } })), index.h("div", { class: { 'content-container': true, 'has-image ': !!(this.entry.imgSrc || this.entry.icon), center: !this.entry.heading && !this.entry.subheadings } }, index.h("div", { class: { 'top-container': true, leaderboard: !!(this.entry.rank >= 0 && this.entry.points >= 0) } }, this.renderHeadingContainerContent(), this.entry.tagElements && !this.entry.vip && this.renderTags()))), this.hasKpis && this.renderKpiContainer())));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-list-color.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -22,15 +22,15 @@ const YooCardListColorComponent = class {
     const { iconTopMiddle, iconTopMiddleColor, iconTopMiddleCustomColor, iconTopRight, iconTopRightColor, iconTopLeft, iconTopLeftColor, color, heading } = this.entry;
     const bigIcon = ((_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('creationtypes')) || ((_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('missiondescriptiontemplates'));
     const classes = document.dir + ' heading-container';
-    return (index.h("div", { class: classes, style: { '--align-items': iconTopMiddle ? 'center' : 'normal', '--flex-direction': iconTopMiddle ? 'column-reverse' : 'row', fill: color } }, !!iconTopLeft && (index.h("div", { class: "icon-left" }, index.h("yoo-icon", { size: bigIcon ? 'large' : 'medium', name: iconTopLeft, color: iconTopLeftColor }), this.notif && index.h("yoo-badge", { shape: "dot" }))), index.h("div", { class: "heading", innerHTML: overlays.translateMulti(heading || '') }), !!iconTopRight && (index.h("div", { class: "icon-right" }, index.h("yoo-icon", { size: "medium", name: iconTopRight, color: iconTopRightColor }), this.notif && index.h("yoo-badge", { shape: "dot" }))), !!iconTopMiddle && (index.h("div", { class: "icon-middle" }, index.h("yoo-icon", { size: "medium", name: iconTopMiddle, color: iconTopMiddleColor, customColor: iconTopMiddleCustomColor }), this.notif && index.h("yoo-badge", { shape: "dot" })))));
+    return (index.h("div", { class: classes, style: { '--align-items': iconTopMiddle ? 'center' : 'normal', '--flex-direction': iconTopMiddle ? 'column-reverse' : 'row', fill: color } }, !!iconTopLeft && (index.h("div", { class: "icon-left" }, index.h("yoo-icon", { size: bigIcon ? 'large' : 'medium', name: iconTopLeft, color: iconTopLeftColor }), this.notif && index.h("yoo-badge", { shape: "dot" }))), index.h("div", { class: "heading", innerHTML: index$1.translateMulti(heading || '') }), !!iconTopRight && (index.h("div", { class: "icon-right" }, index.h("yoo-icon", { size: "medium", name: iconTopRight, color: iconTopRightColor }), this.notif && index.h("yoo-badge", { shape: "dot" }))), !!iconTopMiddle && (index.h("div", { class: "icon-middle" }, index.h("yoo-icon", { size: "medium", name: iconTopMiddle, color: iconTopMiddleColor, customColor: iconTopMiddleCustomColor }), this.notif && index.h("yoo-badge", { shape: "dot" })))));
   }
   renderSubHeader() {
     const { subHeading } = this.entry;
-    return subHeading && index.h("p", { class: "subheading-container", innerHTML: overlays.translateMulti(subHeading) });
+    return subHeading && index.h("p", { class: "subheading-container", innerHTML: index$1.translateMulti(subHeading) });
   }
   renderSubHeaderDescription() {
     const { subHeadingDescription } = this.entry;
-    return subHeadingDescription && index.h("p", { class: "subheading-container-description", innerHTML: overlays.translateMulti(subHeadingDescription) });
+    return subHeadingDescription && index.h("p", { class: "subheading-container-description", innerHTML: index$1.translateMulti(subHeadingDescription) });
   }
   renderProgress() {
     const { progress } = this.entry;
@@ -51,7 +51,7 @@ const YooCardListColorComponent = class {
     return (index.h(index.Host, { style: {
         ...(((_b = this.entry) === null || _b === void 0 ? void 0 : _b.subHeading) && { '--subheading-line-clamp': this.entry.subHeadingDescription ? '1' : '2' }),
         ...(((_c = this.entry) === null || _c === void 0 ? void 0 : _c.subHeadingDescription) && { '--subheading-description-line-clamp': this.entry.subHeading ? '1' : '2' })
-      } }, this.entry && (index.h(TagType, { hoverable: overlays.isWeb(this.host), placement: "bottom", content: overlays.translate(this.entry.tooltip) }, index.h("div", { class: { 'outer-container': true, 'has-image': !!this.entry.imgSrc } }, index.h("div", null, this.renderHeader(), this.renderProgress(), this.renderSubHeader(), this.renderSubHeaderDescription(), this.renderImage()), this.renderTags())))));
+      } }, this.entry && (index.h(TagType, { hoverable: index$1.isWeb(this.host), placement: "bottom", content: index$1.translate(this.entry.tooltip) }, index.h("div", { class: { 'outer-container': true, 'has-image': !!this.entry.imgSrc } }, index.h("div", null, this.renderHeader(), this.renderProgress(), this.renderSubHeader(), this.renderSubHeaderDescription(), this.renderImage()), this.renderTags())))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-card-list-simple.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const cardListHelpers = require('./card-list-helpers-1e88e6d3.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -54,7 +54,7 @@ const YooCardListSimpleComponent = class {
     var _a, _b, _c;
     const isAutocompleteVideoEntry = this.host.classList.contains('autocomplete') && this.host.classList.contains('files') && (((_a = this.entry.heading) === null || _a === void 0 ? void 0 : _a.endsWith('.mp4')) || ((_b = this.entry.heading) === null || _b === void 0 ? void 0 : _b.endsWith('.mov')));
     const avatarSize = this.entry.avatarSize ? this.entry.avatarSize : 'medium';
-    const filesWebAvatarSize = this.host.classList.contains('autocomplete-selection-mode') && this.host.classList.contains('files') && overlays.isWeb(this.host) && 'medium';
+    const filesWebAvatarSize = this.host.classList.contains('autocomplete-selection-mode') && this.host.classList.contains('files') && index$1.isWeb(this.host) && 'medium';
     const avatarFrame = this.entry.avatarFrame ? this.entry.avatarFrame : 'circle';
     const avatarClass = { main: true, fit: this.host.classList.contains('products') };
     return ((_c = this.entry.users) === null || _c === void 0 ? void 0 : _c.length) === 1 ? (index.h("yoo-avatar", { isOnline: this.entry.isOnline, size: avatarSize, frame: avatarFrame, class: avatarClass, instant: this.entry.isGridCell, imgSrc: this.entry.imgSrc, user: this.entry.users[0], isVip: this.entry.vip, vipNotification: this.entry.hasPending, color: this.entry.iconColor })) : ([

package/dist/cjs/yoo-card-list.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-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
 const cardListHelpers = require('./card-list-helpers-1e88e6d3.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -58,8 +58,8 @@ const YooCardListComponent = class {
           icon: 'download',
           isVisible: () => !!imagePath,
           handler: () => {
-            if ((overlays.isImage(imagePath) || overlays.isVideo(imagePath)) && typeof imagePath === 'string') {
-              overlays.downloadFile(imagePath);
+            if ((index$1.isImage(imagePath) || index$1.isVideo(imagePath)) && typeof imagePath === 'string') {
+              index$1.downloadFile(imagePath);
             }
           }
         }
@@ -78,7 +78,7 @@ const YooCardListComponent = class {
     var _a;
     const renderUserHeading = this.isQuestionCardList() && ((_a = this.entry.users) === null || _a === void 0 ? void 0 : _a.length) > 0;
     if (this.host.classList.contains('feeds')) {
-      this.entry.heading = this.entry.heading.replace(/(<img([^>]+)>)/ig, ` ${overlays.translate('IMAGE')} `);
+      this.entry.heading = this.entry.heading.replace(/(<img([^>]+)>)/ig, ` ${index$1.translate('IMAGE')} `);
       this.entry.heading = commonHelpers.removeHtmlFromString(this.entry.heading);
     }
     return renderUserHeading ? `${this.entry.users[0].firstName} ${this.entry.users[0].lastName}` : this.entry.heading;
@@ -101,7 +101,7 @@ const YooCardListComponent = class {
     return (index.h("div", { class: "points-container" }, index.h("yoo-icon", { name: "star", size: "small", color: pointsIconColor }), index.h("div", { class: "points" }, this.entry.points, this.entry.maxPoints ? `/${this.entry.maxPoints}` : ''), this.entry.hasSelectableIcon && index.h("yoo-icon", { name: "right", size: "small", color: "stable-alt" })));
   }
   renderInlineUsers() {
-    return index.h("yoo-avatars", { class: "card-list", size: "extra-small", layout: "stack", users: this.entry.usersInline, maxDisplay: MAX_AVATAR_DISPLAY, withTooltip: overlays.isWeb(this.host) });
+    return index.h("yoo-avatars", { class: "card-list", size: "extra-small", layout: "stack", users: this.entry.usersInline, maxDisplay: MAX_AVATAR_DISPLAY, withTooltip: index$1.isWeb(this.host) });
   }
   renderHeading() {
     this.entry.users = lodash.compact(this.entry.users);
@@ -138,7 +138,7 @@ const YooCardListComponent = class {
   }
   renderHeadingContainerBottom() {
     var _a, _b, _c, _d;
-    const showMoreButton = !lodash.isEmpty(this.entry.actions) && overlays.isWeb(this.host);
+    const showMoreButton = !lodash.isEmpty(this.entry.actions) && index$1.isWeb(this.host);
     const showTagContainer = (!lodash.isEmpty(this.entry.tagElements) && !lodash.isEmpty(this.entry)) ||
       !lodash.isEmpty(this.entry.tags) ||
       !lodash.isEmpty(this.entry.icons) ||
@@ -151,7 +151,7 @@ const YooCardListComponent = class {
           if (tag && !lodash.isString(tag) && tag.tag) {
             tag = tag.tag;
           }
-          return index.h("span", { class: "hashtag", innerHTML: `#${overlays.translateMulti(tag)}` });
+          return index.h("span", { class: "hashtag", innerHTML: `#${index$1.translateMulti(tag)}` });
         }), !this.isQuestionCardList()
         ? (_c = this.entry.icons) === null || _c === void 0 ? void 0 : _c.map(({ icon, color, handler, value }) => icon ? (index.h("span", { class: { 'card-icon': true, 'heart-icon': icon === 'heart' } }, icon === 'heart' ?
           index.h("yoo-lottie", { initialFrame: color === 'danger' ? 50 : null, onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, handler), type: "heart", autoplay: color === 'danger' }, index.h("yoo-icon", { slot: "placeholder", name: "heart", color: color, size: "medium" })) :
@@ -186,7 +186,7 @@ const YooCardListComponent = class {
     return (index.h("div", { class: {
         'translate-container': true,
         active: this.showTranslatedText
-      } }, this.isTranslating && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && index.h("div", { class: "text", innerHTML: overlays.replaceAllLinks(this.translatedText, true) }), index.h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? index.h("span", null, overlays.translate('HIDETRANSLATION')) : overlays.translate('SEETRANSLATION'))));
+      } }, this.isTranslating && index.h("yoo-loader", { class: "absolute backdrop-transparent" }), this.showTranslatedText && index.h("div", { class: "text", innerHTML: index$1.replaceAllLinks(this.translatedText, true) }), index.h("div", { class: "translation-button", onClick: (ev) => this.onTranslateToggle(ev) }, this.showTranslatedText ? index.h("span", null, index$1.translate('HIDETRANSLATION')) : index$1.translate('SEETRANSLATION'))));
   }
   renderHeadingContainerContent() {
     var _a, _b, _c;
@@ -222,11 +222,11 @@ const YooCardListComponent = class {
         if (this.entry.isCommentMedia && this.isRenderBadgeOutside) {
           return;
         }
-        if ((overlays.isCloudinaryLink(item) || overlays.isUnsplashUrl(item) || item.endsWith('.gif')) && !this.entry.forceTextHeading) {
+        if ((index$1.isCloudinaryLink(item) || index$1.isUnsplashUrl(item) || item.endsWith('.gif')) && !this.entry.forceTextHeading) {
           return this.renderMedia(item);
         }
         else {
-          return overlays.isWeb(this.host) && !preventToolTip && !((_b = overlays.getSession()) === null || _b === void 0 ? void 0 : _b.isExternal) ? (index.h("yoo-tooltip", { content: itemText, placement: "bottom", delay: [1500, 0] }, this.renderSubheading(itemText, extraIcon))) : (this.renderSubheading(itemText, extraIcon));
+          return index$1.isWeb(this.host) && !preventToolTip && !((_b = index$1.getSession()) === null || _b === void 0 ? void 0 : _b.isExternal) ? (index.h("yoo-tooltip", { content: itemText, placement: "bottom", delay: [1500, 0] }, this.renderSubheading(itemText, extraIcon))) : (this.renderSubheading(itemText, extraIcon));
         }
       }
       else if (item) {
@@ -241,7 +241,7 @@ const YooCardListComponent = class {
     var _a, _b, _c;
     let userRole;
     if ((_b = (_a = this.entry.users) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.role) {
-      userRole = overlays.translate(this.entry.users[0].role);
+      userRole = index$1.translate(this.entry.users[0].role);
     }
     if (this.isQuestionCardList() && !forceSubheadingRender && ((_c = this.entry.users) === null || _c === void 0 ? void 0 : _c.length) > 0) {
       return index.h("div", { class: "subheading-container" }, `${userRole ? `${userRole} • ` : ''}${this.entry.date}`);
@@ -251,10 +251,10 @@ const YooCardListComponent = class {
     }
   }
   renderSubheading(itemText, extraIcon) {
-    return (index.h("div", { class: "subheading-container" }, extraIcon, index.h("span", { class: { 'with-markdown': this.isRenderBadgeOutside }, innerHTML: this.isRenderBadgeOutside ? overlays.replaceAllLinks(overlays.parseMarkDown(itemText), true) : itemText })));
+    return (index.h("div", { class: "subheading-container" }, extraIcon, index.h("span", { class: { 'with-markdown': this.isRenderBadgeOutside }, innerHTML: this.isRenderBadgeOutside ? index$1.replaceAllLinks(index$1.parseMarkDown(itemText), true) : itemText })));
   }
   renderRightVideoImage() {
-    const isVideo = overlays.isPresent(this.entry.rightVideoSrc);
+    const isVideo = index$1.isPresent(this.entry.rightVideoSrc);
     return (index.h("div", { class: {
         'image-video-preview': true,
         video: isVideo
@@ -264,16 +264,16 @@ const YooCardListComponent = class {
     return (this.entry.tagElements || this.entry.tags || this.entry.icons || this.entry.bottomActions) && !this.entry.isCollapsible;
   }
   renderMedia(item) {
-    if (overlays.isVideo(item)) {
+    if (index$1.isVideo(item)) {
       return this.renderVideo(item);
     }
-    return (index.h("yoo-img", { class: "subheading-container comment-image", instant: this.entry.isGridCell, type: this.entry.allowOrientation ? 'default' : 'background', src: new overlays.Cloudinary(item).quality('eco').getUrl(), scaledUp: this.entry.allowOrientation, scaledUpInWidth: this.entry.allowOrientation, ref: (el) => (this.imgRef = el), onClick: () => this.imageClicked(item) }));
+    return (index.h("yoo-img", { class: "subheading-container comment-image", instant: this.entry.isGridCell, type: this.entry.allowOrientation ? 'default' : 'background', src: new index$1.Cloudinary(item).quality('eco').getUrl(), scaledUp: this.entry.allowOrientation, scaledUpInWidth: this.entry.allowOrientation, ref: (el) => (this.imgRef = el), onClick: () => this.imageClicked(item) }));
   }
   renderUIFields() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     if (((_b = (_a = this.entry.uiFields) === null || _a === void 0 ? void 0 : _a.fields) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
       !lodash.isEmpty((_c = this.entry.uiFields) === null || _c === void 0 ? void 0 : _c.data) &&
-      this.entry.uiFields.fields.some((f) => overlays.isFieldWithNoValue(f) || !overlays.isNullOrUndefined(this.entry.uiFields.data[f.name])) &&
+      this.entry.uiFields.fields.some((f) => index$1.isFieldWithNoValue(f) || !index$1.isNullOrUndefined(this.entry.uiFields.data[f.name])) &&
       !((_e = (_d = this.host) === null || _d === void 0 ? void 0 : _d.classList) === null || _e === void 0 ? void 0 : _e.contains('map')) &&
       !((_g = (_f = this.host) === null || _f === void 0 ? void 0 : _f.classList) === null || _g === void 0 ? void 0 : _g.contains('grid-cell'))) {
       return (index.h("div", { class: "uifield-container" }, index.h("yoo-form-dynamic", { class: "inline in-card secondary transparent", scrollable: false, forceReadonly: !((_j = (_h = this.host) === null || _h === void 0 ? void 0 : _h.classList) === null || _j === void 0 ? void 0 : _j.contains('form')), slides: [{ title: '', items: this.entry.uiFields.fields }], data: this.entry.uiFields.data, suffix: this.entry.uiFieldsSuffix, showTabs: false, formInputSize: "medium", showRecap: false, isPdf: this.entry.isPdf, onDataChanged: (ev) => {
@@ -297,7 +297,7 @@ const YooCardListComponent = class {
         ...commonHelpers.getAppContext(this.host),
         map: this.isMap,
         vip: this.entry.vip,
-        firefox: overlays.isFirefox(),
+        firefox: index$1.isFirefox(),
         'secondary-view': this.isRenderBadgeOutside
       } }, !(this.isQuestionCardList() && this.host.classList.contains('selected-content')) && (index.h("div", { class: { 'outer-container': true }, ref: (el) => (this.outerDiv = el) }, this.entry.rank !== undefined && index.h("div", { class: "rank-container" }, this.entry.rank), (this.entry.imgSrc || this.entry.users || this.entry.icon || this.entry.iconText || this.host.classList.contains('calendarEvents')) && (index.h("div", { class: { 'card-list-image-container': true, [this.entry.avatarSize]: true } }, index.h("yoo-card-list-image", { class: this.host.classList.value, entry: this.entry, isMap: this.isMap }))), index.h("div", { class: {
         'content-container': true,

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -28,10 +28,10 @@ const YooCardLocationComponent = class {
     const heading = (_a = this.heading) === null || _a === void 0 ? void 0 : _a.trim();
     const { src: image, instant: isImageInstantlyLoaded } = this.image || {};
     const { date: visit, relative: isVisitRelative } = this.visit || {};
-    const hasDistance = overlays.isPresent(this.distance) && this.distance >= 0;
+    const hasDistance = index$1.isPresent(this.distance) && this.distance >= 0;
     const hasVisits = this.visits >= 0;
     const hasKpis = !!((_b = this.kpis) === null || _b === void 0 ? void 0 : _b.length);
-    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("yoo-avatar", { imgSrc: image, icon: !image ? 'pin' : null, instant: isImageInstantlyLoaded, size: "medium", vipNotification: this.newness }), index.h("div", { class: "information" }, index.h("header", null, index.h("br", { hidden: this.bookmarked || !!heading || hasDistance }), index.h("yoo-tag", { class: "bookmark", color: "energized-20", hidden: !this.bookmarked, icon: "star", iconOnlyColor: "energized" }), index.h("h1", { hidden: !heading, class: "heading-title" }, heading), index.h("yoo-tag", { class: "distance", hidden: !hasDistance }, index.h("yoo-icon", { name: "pin", size: "small", slot: "start" }), overlays.pipes.distance.transform(this.distance))), index.h("p", { class: "address", hidden: !this.address }, this.address), index.h("p", { hidden: !this.visit }, visit && (overlays.translate('LASTVISIT') + ' ' + overlays.pipes.dateFormat.transform(visit, isVisitRelative ? 'fromNow' : 'L LT'))), index.h("p", { hidden: !hasVisits }, overlays.translate('VISITCOUNT'), ": ", this.visits))), hasKpis && index.h("yoo-kpi-card", { hideEmptyState: true, class: "content-only", kpiData: this.kpis })));
+    return (index.h(index.Host, null, index.h("div", { class: "container" }, index.h("yoo-avatar", { imgSrc: image, icon: !image ? 'pin' : null, instant: isImageInstantlyLoaded, size: "medium", vipNotification: this.newness }), index.h("div", { class: "information" }, index.h("header", null, index.h("br", { hidden: this.bookmarked || !!heading || hasDistance }), index.h("yoo-tag", { class: "bookmark", color: "energized-20", hidden: !this.bookmarked, icon: "star", iconOnlyColor: "energized" }), index.h("h1", { hidden: !heading, class: "heading-title" }, heading), index.h("yoo-tag", { class: "distance", hidden: !hasDistance }, index.h("yoo-icon", { name: "pin", size: "small", slot: "start" }), index$1.pipes.distance.transform(this.distance))), index.h("p", { class: "address", hidden: !this.address }, this.address), index.h("p", { hidden: !this.visit }, visit && (index$1.translate('LASTVISIT') + ' ' + index$1.pipes.dateFormat.transform(visit, isVisitRelative ? 'fromNow' : 'L LT'))), index.h("p", { hidden: !hasVisits }, index$1.translate('VISITCOUNT'), ": ", this.visits))), hasKpis && index.h("yoo-kpi-card", { hideEmptyState: true, class: "content-only", kpiData: this.kpis })));
   }
 };
 YooCardLocationComponent.style = cardLocationCss;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -173,21 +173,21 @@ const YooCardMediaComponent = class {
   renderDescription() {
     return (index.h("div", { class: "description", onClick: () => {
         this.descriptionClicked.emit(true);
-      } }, this.headlined && index.h("strong", { class: "truncated" }, overlays.translateMulti(this.headline)), this.subheading && index.h("div", { class: "subheading" }, overlays.translateMulti(this.subheading)), this.owned &&
+      } }, this.headlined && index.h("strong", { class: "truncated" }, index$1.translateMulti(this.headline)), this.subheading && index.h("div", { class: "subheading" }, index$1.translateMulti(this.subheading)), this.owned &&
       this.renderAvatar(this.userImage, this.userFullName, false, () => {
         this.userClicked.emit(true);
       }), this.placed && index.h("div", { class: { stable: !this.overlaid, truncated: !this.isFullscreenMode } }, this.location), this.dated && index.h("div", { class: { stable: !this.overlaid, truncated: true } }, this.date.toLocaleDateString())));
   }
   renderBadges() {
-    return (index.h("yoo-items", { spacing: 4 }, this.hasValidation && index.h("yoo-tag", { color: this.validationColor, icon: this.validationIcon, iconOnlyColor: "dark-40" }), this.annotated && index.h("yoo-tag", { color: "accent", icon: "photo-annotated", iconOnlyColor: "dark-40" }), this.flagged && index.h("yoo-tag", { color: "energized", icon: "flag", iconOnlyColor: "dark-40" }), this.tagged && (index.h("yoo-tooltip", { hoverable: overlays.isWeb(this.host), content: this.filteredTags.join(', '), placement: "bottom" }, index.h("yoo-tag", { color: "dark", icon: this.size === 'large' ? undefined : 'tag', iconOnlyColor: "light-40" }, this.size === 'large' && index.h("yoo-icon", { size: "small", slot: "start", name: "tag", color: "light-40" }), this.size === 'large' && this.filteredTags.length.toString())))));
+    return (index.h("yoo-items", { spacing: 4 }, this.hasValidation && index.h("yoo-tag", { color: this.validationColor, icon: this.validationIcon, iconOnlyColor: "dark-40" }), this.annotated && index.h("yoo-tag", { color: "accent", icon: "photo-annotated", iconOnlyColor: "dark-40" }), this.flagged && index.h("yoo-tag", { color: "energized", icon: "flag", iconOnlyColor: "dark-40" }), this.tagged && (index.h("yoo-tooltip", { hoverable: index$1.isWeb(this.host), content: this.filteredTags.join(', '), placement: "bottom" }, index.h("yoo-tag", { color: "dark", icon: this.size === 'large' ? undefined : 'tag', iconOnlyColor: "light-40" }, this.size === 'large' && index.h("yoo-icon", { size: "small", slot: "start", name: "tag", color: "light-40" }), this.size === 'large' && this.filteredTags.length.toString())))));
   }
   renderContextMenu() {
     return (index.h("yoo-context-menu", { contentButtons: this.actions }, index.h("yoo-icon", { size: "medium", name: "more", color: "stable" })));
   }
   renderTags(tags) {
     return (index.h("div", { class: "tags-container" }, tags === null || tags === void 0 ? void 0 : tags.map((tag) => {
-      const translatedTag = overlays.translateMulti(tag);
-      return (index.h("yoo-tooltip", { hoverable: overlays.isWeb(this.host), content: translatedTag }, index.h("yoo-tag", { color: "stable-light" }, translatedTag)));
+      const translatedTag = index$1.translateMulti(tag);
+      return (index.h("yoo-tooltip", { hoverable: index$1.isWeb(this.host), content: translatedTag }, index.h("yoo-tag", { color: "stable-light" }, translatedTag)));
     })));
   }
   renderImg() {
@@ -198,7 +198,7 @@ const YooCardMediaComponent = class {
   }
   renderMain() {
     const isAudio = this.type === 'audio';
-    return (index.h("div", { class: "main" }, this.isFullscreenMode && !isAudio && index.h("slot", { name: "main" }), (!this.isFullscreenMode || isAudio) && this.renderImg(), !this.isFullscreenMode && index.h("yoo-form-checkbox", { value: this.selected, onClick: ev => ev.stopPropagation(), onInputChanged: ev => this.onSelect(ev) }), this.hasBadge && this.renderBadges(), isAudio && index.h("yoo-audio-player", { ref: el => this.audioPlayerElement = el, displayTimeOnly: true, src: this.src }), this.type === 'video' && index.h("yoo-icon", { class: "play", name: "play", color: "light", size: this.size === 'large' ? 'extra-extra-large' : 'medium' }), this.describedOnOverlay && this.renderDescription(), this.isFullscreenMode && this.renderHoverActions(), this.isFullscreenMode && this.showCloseButton && index.h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, () => overlays.closeModal(null)) })));
+    return (index.h("div", { class: "main" }, this.isFullscreenMode && !isAudio && index.h("slot", { name: "main" }), (!this.isFullscreenMode || isAudio) && this.renderImg(), !this.isFullscreenMode && index.h("yoo-form-checkbox", { value: this.selected, onClick: ev => ev.stopPropagation(), onInputChanged: ev => this.onSelect(ev) }), this.hasBadge && this.renderBadges(), isAudio && index.h("yoo-audio-player", { ref: el => this.audioPlayerElement = el, displayTimeOnly: true, src: this.src }), this.type === 'video' && index.h("yoo-icon", { class: "play", name: "play", color: "light", size: this.size === 'large' ? 'extra-extra-large' : 'medium' }), this.describedOnOverlay && this.renderDescription(), this.isFullscreenMode && this.renderHoverActions(), this.isFullscreenMode && this.showCloseButton && index.h("yoo-icon", { name: "close", class: "close", color: "stable", onClick: (ev) => commonHelpers.execHandlerAndStopEvent(ev, () => index$1.closeModal(null)) })));
   }
   renderFooter() {
     return (index.h("div", { class: "footer" }, this.isFullscreenMode && index.h("slot", { name: "footer" }), this.renderAvatar(this.locationImage, this.locatedWithTitle ? this.locationTitle : null, this.isFullscreenMode && this.actionable, () => {

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -27,7 +27,7 @@ const YooCardMenuComponent = class {
   }
   render() {
     var _a, _b, _c, _d;
-    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "outer-container", style: { 'background-color': (_a = this.entry) === null || _a === void 0 ? void 0 : _a.backgroundCustomColor } }, index.h("yoo-icon", { class: "start", name: this.renderIcon(), size: this.sizeLeftIcon || 'medium', customColor: (_b = this.entry) === null || _b === void 0 ? void 0 : _b.iconCustomColor, style: { 'background-color': ((_c = this.entry) === null || _c === void 0 ? void 0 : _c.iconBackgroundColor) || 'transparent' } }), index.h("div", { class: "title", style: { 'color': (_d = this.entry) === null || _d === void 0 ? void 0 : _d.titleCustomColor } }, overlays.translateMulti(this.entry.title)), this.entry.count !== null && index.h("div", { class: "counter" }, this.entry.count), index.h("yoo-icon", { class: "end", size: this.sizeLeftIcon || 'medium', name: this.typeRightIcon || 'right', color: "stable" }))));
+    return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "outer-container", style: { 'background-color': (_a = this.entry) === null || _a === void 0 ? void 0 : _a.backgroundCustomColor } }, index.h("yoo-icon", { class: "start", name: this.renderIcon(), size: this.sizeLeftIcon || 'medium', customColor: (_b = this.entry) === null || _b === void 0 ? void 0 : _b.iconCustomColor, style: { 'background-color': ((_c = this.entry) === null || _c === void 0 ? void 0 : _c.iconBackgroundColor) || 'transparent' } }), index.h("div", { class: "title", style: { 'color': (_d = this.entry) === null || _d === void 0 ? void 0 : _d.titleCustomColor } }, index$1.translateMulti(this.entry.title)), this.entry.count !== null && index.h("div", { class: "counter" }, this.entry.count), index.h("yoo-icon", { class: "end", size: this.sizeLeftIcon || 'medium', name: this.typeRightIcon || 'right', color: "stable" }))));
   }
   get host() { return index.getElement(this); }
 };

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -20,7 +20,7 @@ const YooCardNotificationComponent = class {
     this.instant = false;
   }
   renderRightMedia() {
-    return overlays.isVideo(this.imgSrc) ?
+    return index$1.isVideo(this.imgSrc) ?
       index.h("yoo-videoplayer-core", { blockControlAndAutoPlayOnTap: true, readonly: true, videoPlayerCoreParameters: {
           controls: false,
           cover: true,
@@ -32,7 +32,7 @@ const YooCardNotificationComponent = class {
       : index.h("yoo-img", { instant: this.instant, src: this.imgSrc });
   }
   render() {
-    return (index.h(index.Host, { class: { rtl: overlays.isRTL() } }, index.h("section", { class: "left-container" }, index.h("yoo-icon", { class: { 'unread-state': true, read: !this.unread }, name: "circle1", size: "extra-small", color: "app-color" }), index.h("slot", { name: "item-left" }), index.h("div", { class: "text-container" }, this.notificationTitle && index.h("yoo-truncate", { class: "title" }, overlays.translateMulti(this.notificationTitle)), index.h("yoo-truncate", null, overlays.removeTextStyle(overlays.translateMulti(this.body))))), index.h("section", { class: "right-container" }, this.timeAgo && index.h("span", { class: { time: true, unread: this.unread } }, this.timeAgo), this.imgSrc && this.renderRightMedia())));
+    return (index.h(index.Host, { class: { rtl: index$1.isRTL() } }, index.h("section", { class: "left-container" }, index.h("yoo-icon", { class: { 'unread-state': true, read: !this.unread }, name: "circle1", size: "extra-small", color: "app-color" }), index.h("slot", { name: "item-left" }), index.h("div", { class: "text-container" }, this.notificationTitle && index.h("yoo-truncate", { class: "title" }, index$1.translateMulti(this.notificationTitle)), index.h("yoo-truncate", null, index$1.removeTextStyle(index$1.translateMulti(this.body))))), index.h("section", { class: "right-container" }, this.timeAgo && index.h("span", { class: { time: true, unread: this.unread } }, this.timeAgo), this.imgSrc && this.renderRightMedia())));
   }
 };
 YooCardNotificationComponent.style = cardNotificationCss;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -17,7 +17,7 @@ const YooCardPlanComponent = class {
     index.registerInstance(this, hostRef);
   }
   renderLeftContainer() {
-    return (index.h("div", { class: "left-container" }, this.entry.heading && index.h("div", { class: "header" }, overlays.translateMulti(this.entry.heading)), this.entry.tagElements && (index.h("div", { class: "tags-container" }, this.entry.tagElements.map((tag) => {
+    return (index.h("div", { class: "left-container" }, this.entry.heading && index.h("div", { class: "header" }, index$1.translateMulti(this.entry.heading)), this.entry.tagElements && (index.h("div", { class: "tags-container" }, this.entry.tagElements.map((tag) => {
       return index.h("yoo-tag", { color: tag.color, size: tag.size, innerHTML: tag.innerHTML });
     })))));
   }