@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-context-menu-dialog.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -31,7 +31,7 @@ const YooContextMenuDialogComponent = class {
     this.selectedItems = [];
   }
   onBodyClick() {
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   get openSubMenuOnLeft() {
     const maxSubMenusDepth = (button) => {
@@ -71,7 +71,7 @@ const YooContextMenuDialogComponent = class {
       }
       else if (item.isToggle) {
         ev.stopPropagation();
-        overlays.closeModal(null);
+        index$1.closeModal(null);
       }
       else if (this.multipleSelection) {
         ev.stopPropagation();
@@ -85,9 +85,9 @@ const YooContextMenuDialogComponent = class {
            * As for new safari 15.2+ security policy, the action of copylink need to be
            * directly called from the onClick and not in a procedural way ( to prevent script injections )
            */
-          overlays.copyToClipboard(item.handler());
+          index$1.copyToClipboard(item.handler());
         }
-        overlays.closeModal(item);
+        index$1.closeModal(item);
       }
     }
   }
@@ -100,7 +100,7 @@ const YooContextMenuDialogComponent = class {
   onActionableIconClick(event, actionableIcon) {
     event.stopPropagation();
     actionableIcon.handler();
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   onItemHovered(ev) {
     const item = ev === null || ev === void 0 ? void 0 : ev.target;
@@ -120,7 +120,7 @@ const YooContextMenuDialogComponent = class {
     }
   }
   renderTitle(title) {
-    return index.h("section", { class: "title" }, overlays.translateMulti(title));
+    return index.h("section", { class: "title" }, index$1.translateMulti(title));
   }
   renderAvatarOrIcon(item) {
     const { userItem, icon, iconSize, textClass, iconColor } = item;
@@ -132,9 +132,9 @@ const YooContextMenuDialogComponent = class {
     const { description, text } = item;
     const textContent = text && lodash.isFunction(text) ? text() : text;
     return index.h("section", { class: { 'text': true, [item.textClass]: !!item.textClass } }, this.host.classList.contains('width-unset') ? ([
-      index.h("div", { innerHTML: overlays.translateMulti(textContent) }),
-      description && (index.h("div", { class: "content-description" }, index.h("span", { innerHTML: overlays.translateMulti(description) })))
-    ]) : (index.h("span", { innerHTML: overlays.translateMulti(textContent) })));
+      index.h("div", { innerHTML: index$1.translateMulti(textContent) }),
+      description && (index.h("div", { class: "content-description" }, index.h("span", { innerHTML: index$1.translateMulti(description) })))
+    ]) : (index.h("span", { innerHTML: index$1.translateMulti(textContent) })));
   }
   renderRightActions(item) {
     const { subMenu, isToggle, selectedFn, selected, handler, actionableIcon, actionableIcons } = item;
@@ -160,7 +160,7 @@ const YooContextMenuDialogComponent = class {
             disabled: item.disabled,
             selected: (this.multipleSelection && this.selectedItems[itemIndex]) || item.selected,
             'is-toggle': item.isToggle,
-            'actionable-icon': !overlays.isNullOrUndefined(item.actionableIcon)
+            'actionable-icon': !index$1.isNullOrUndefined(item.actionableIcon)
           }, style: { color: item.cssClass || 'text-color' }, onMouseOver: (ev) => this.onItemHovered(ev), onClick: (ev) => this.onItemClick(ev, item, itemIndex) }, this.renderItemContent(item)),
         (item.hasDivider || item.separator) && index.h("hr", null)
       ];
@@ -170,7 +170,7 @@ const YooContextMenuDialogComponent = class {
     return (_a = this.contentButtons) === null || _a === void 0 ? void 0 : _a.map((item, itemIndex) => item && this.renderItem(item, itemIndex));
   }
   render() {
-    return (index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host) }, onClick: () => overlays.closeModal(null) }, this.dialogTitle && this.renderTitle(this.dialogTitle), index.h("section", { class: { 'content': true, [this.sideClass]: true } }, this.cursorPosition !== 'none' && index.h("div", { class: `arrow-cursor cursor_${this.cursorPosition}` }), index.h("ul", null, this.renderContentButtons()))));
+    return (index.h(index.Host, { class: { ...commonHelpers.getAppContext(this.host) }, onClick: () => index$1.closeModal(null) }, this.dialogTitle && this.renderTitle(this.dialogTitle), index.h("section", { class: { 'content': true, [this.sideClass]: true } }, this.cursorPosition !== 'none' && index.h("div", { class: `arrow-cursor cursor_${this.cursorPosition}` }), index.h("ul", null, this.renderContentButtons()))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-context-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');
@@ -36,7 +36,7 @@ const YooContextMenuComponent = class {
     this.cursorPosition = 'none';
     this.onClick = (event) => {
       if (!this.hoverMode && !this.disabled) {
-        overlays.showContextMenu(event, this.baseContextMenuProps);
+        index$1.showContextMenu(event, this.baseContextMenuProps);
       }
     };
   }
@@ -47,7 +47,7 @@ const YooContextMenuComponent = class {
     return !!this.contextMenuDialogElement;
   }
   async closeMenuDialog() {
-    await overlays.closeMenuModal(this.contextMenuDialogElement);
+    await index$1.closeMenuModal(this.contextMenuDialogElement);
   }
   get baseContextMenuProps() {
     var _a;
@@ -66,7 +66,7 @@ const YooContextMenuComponent = class {
   }
   onMouseMove(event) {
     if (this.hoverMode && !this.disabled && !this.contextMenuDialogElement) {
-      overlays.showContextMenu(event, {
+      index$1.showContextMenu(event, {
         ...this.baseContextMenuProps,
         cursorPosition: this.cursorPosition,
         contextMenuClosed: { emit: () => this.hasContextMenuActive && this.closeMenuDialog() }
@@ -74,7 +74,7 @@ const YooContextMenuComponent = class {
     }
   }
   onMouseLeave(event) {
-    this.hoverMode && this.hasContextMenuActive && !overlays.isMouseInBoundaries(event, this.contextMenuDialogElement, 15, 0) && this.closeMenuDialog();
+    this.hoverMode && this.hasContextMenuActive && !index$1.isMouseInBoundaries(event, this.contextMenuDialogElement, 15, 0) && this.closeMenuDialog();
   }
   componentWillLoad() {
     if (this.multipleSelection) {

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -16,7 +16,7 @@ const YooCopyrightComponent = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return index.h(index.Host, null, overlays.translate('YOOBICPOWEREDBY'), index.h("img", { src: "assets/logo/yoobic.svg", height: "12.8", alt: "YOOBIC Logo" }), "YOOBIC");
+    return index.h(index.Host, null, index$1.translate('YOOBICPOWEREDBY'), index.h("img", { src: "assets/logo/yoobic.svg", height: "12.8", alt: "YOOBIC Logo" }), "YOOBIC");
   }
 };
 YooCopyrightComponent.style = copyrightCss;

package/dist/cjs/yoo-count-down.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -33,7 +33,7 @@ const YooCountDownComponent = class {
     clearInterval(this.countdownInterval);
   }
   renderGetReady() {
-    return index.h("div", { class: "getready" }, overlays.translate('GETREADY'));
+    return index.h("div", { class: "getready" }, index$1.translate('GETREADY'));
   }
   renderTimer() {
     return (index.h("div", { class: "ripple" }, index.h("div", { class: "ripple" }, index.h("div", { class: "timer" }, this.start + 1))));

package/dist/cjs/yoo-course-info-card.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');
@@ -25,7 +25,7 @@ const YooCourseInfoCardComponent = class {
     };
     return Object.entries(this.learningPlan || {})
       .filter(([key]) => key in kpisToDisplay)
-      .map(([key, value]) => ({ title: overlays.translate(key.toUpperCase()), type: kpisToDisplay[key], value: Math.round(value) }));
+      .map(([key, value]) => ({ title: index$1.translate(key.toUpperCase()), type: kpisToDisplay[key], value: Math.round(value) }));
   }
   get courseDetails() {
     var _a, _b, _c;
@@ -40,7 +40,7 @@ const YooCourseInfoCardComponent = class {
     return { ...details, color: 'app-color-10' };
   }
   renderTopContainer() {
-    return index.h("div", { class: "top-container" }, index.h("yoo-img", { src: this.courseDetails.image }), index.h("div", { class: "side-container" }, index.h("yoo-tag", { color: this.tagDetails.color }, index.h("yoo-icon", { slot: "start", name: this.tagDetails.icon, size: "small" }), index.h("span", null, overlays.translate(this.tagDetails.title))), index.h("h4", null, overlays.translateMulti(this.courseDetails.title))));
+    return index.h("div", { class: "top-container" }, index.h("yoo-img", { src: this.courseDetails.image }), index.h("div", { class: "side-container" }, index.h("yoo-tag", { color: this.tagDetails.color }, index.h("yoo-icon", { slot: "start", name: this.tagDetails.icon, size: "small" }), index.h("span", null, index$1.translate(this.tagDetails.title))), index.h("h4", null, index$1.translateMulti(this.courseDetails.title))));
   }
   renderKpi(title, value, type) {
     return index.h("div", { class: "kpi-container" }, index.h("div", { class: "title" }, title), index.h("div", { class: "value" }, `${value}${type === 'percent' ? '%' : ''}`));

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -42,7 +42,7 @@ const YooCourseSummaryComponent = class {
   }
   get image() {
     var _a, _b, _c;
-    return new overlays.Cloudinary(((_b = (_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b._downloadURL) || ((_c = this.actualPlan) === null || _c === void 0 ? void 0 : _c.background));
+    return new index$1.Cloudinary(((_b = (_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.background) === null || _b === void 0 ? void 0 : _b._downloadURL) || ((_c = this.actualPlan) === null || _c === void 0 ? void 0 : _c.background));
   }
   get badges() {
     if (this.lessons && this.lessons.length > 0) {
@@ -72,21 +72,21 @@ const YooCourseSummaryComponent = class {
   }
   renderLessonsCount() {
     const lessonsCount = lodash.get(this.actualPlan, 'missiondescriptionsRef', []).length;
-    const pluralizedLabel = overlays.translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON');
+    const pluralizedLabel = index$1.translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON');
     const denominator = this.course && this.course.finishedLessonsCount ? this.course.finishedLessonsCount + '/' : '';
     return (index.h("yoo-tag", { noBackground: true, color: "stable", size: "small" }, this.renderIcon('lesson', 'stable'), denominator + lessonsCount + ' ' + pluralizedLabel));
   }
   renderCoursePoints() {
     const pointsDisplay = this.course && this.course.earnedPoints ? `${this.earnedPoints}/${this.availablePoints}` : this.availablePoints;
-    return (index.h("yoo-tag", { color: "app-color-10", size: overlays.isWeb(this.host) ? 'small' : 'medium' }, this.renderIcon('star', 'app-color'), pointsDisplay));
+    return (index.h("yoo-tag", { color: "app-color-10", size: index$1.isWeb(this.host) ? 'small' : 'medium' }, this.renderIcon('star', 'app-color'), pointsDisplay));
   }
   renderDueDate() {
     if (this.course && this.course.assignmentDate) {
-      const dueDate = overlays.getPlanDueDate(this.actualPlan, this.course.assignmentDate);
+      const dueDate = index$1.getPlanDueDate(this.actualPlan, this.course.assignmentDate);
       if (!dueDate) {
         return null;
       }
-      return (index.h("yoo-tag", { color: "danger-10", size: overlays.isWeb(this.host) ? 'small' : 'medium' }, this.renderIcon('calendar', 'danger'), overlays.formatDistanceFromNow(dueDate)));
+      return (index.h("yoo-tag", { color: "danger-10", size: index$1.isWeb(this.host) ? 'small' : 'medium' }, this.renderIcon('calendar', 'danger'), index$1.formatDistanceFromNow(dueDate)));
     }
     return null;
   }
@@ -95,32 +95,32 @@ const YooCourseSummaryComponent = class {
       return (index.h("div", { class: {
           'progress-bar-container': true,
           'full-width-view': this.fullWidthProgressBar
-        } }, (overlays.isWeb() ? this.renderWebProgressBar() :
+        } }, (index$1.isWeb() ? this.renderWebProgressBar() :
         index.h("yoo-progress-bar", { animated: this.animated, value: this.courseProgress }))));
     }
   }
   renderWebProgressBar() {
     const lessonsCount = lodash.get(this.actualPlan, 'missiondescriptionsRef', []).length;
-    const pluralizedLabel = overlays.translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON');
+    const pluralizedLabel = index$1.translate(lessonsCount > 1 ? 'LESSONS' : 'LESSON');
     return [index.h("yoo-progress-bar", { metric: "step", animated: this.animated, maxValue: lessonsCount, value: this.course.finishedLessonsCount }), index.h("span", null, pluralizedLabel)];
   }
   renderCompetency() {
     var _a, _b, _c, _d, _e;
-    const COMPETENCY_SIZE_LIMIT = overlays.isWeb(this.host) ? 30 : 18;
+    const COMPETENCY_SIZE_LIMIT = index$1.isWeb(this.host) ? 30 : 18;
     if ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.competency) {
-      const title = overlays.translateMulti((_c = (_b = this.actualPlan) === null || _b === void 0 ? void 0 : _b.competency) === null || _c === void 0 ? void 0 : _c.title);
-      return (index.h("yoo-tag", { class: "competency", color: "stable-alt-80", size: overlays.isWeb(this.host) ? 'small' : 'medium' }, this.renderIcon((((_e = (_d = this.actualPlan) === null || _d === void 0 ? void 0 : _d.competency) === null || _e === void 0 ? void 0 : _e.icon) || 'medal'), 'dark'), title.length > COMPETENCY_SIZE_LIMIT ? (index.h("yoo-tooltip", { content: title }, index.h("yoo-truncate", { maxLength: COMPETENCY_SIZE_LIMIT, content: title }))) : title));
+      const title = index$1.translateMulti((_c = (_b = this.actualPlan) === null || _b === void 0 ? void 0 : _b.competency) === null || _c === void 0 ? void 0 : _c.title);
+      return (index.h("yoo-tag", { class: "competency", color: "stable-alt-80", size: index$1.isWeb(this.host) ? 'small' : 'medium' }, this.renderIcon((((_e = (_d = this.actualPlan) === null || _d === void 0 ? void 0 : _d.competency) === null || _e === void 0 ? void 0 : _e.icon) || 'medal'), 'dark'), title.length > COMPETENCY_SIZE_LIMIT ? (index.h("yoo-tooltip", { content: title }, index.h("yoo-truncate", { maxLength: COMPETENCY_SIZE_LIMIT, content: title }))) : title));
     }
   }
   renderDescription() {
     var _a, _b;
     if ((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.description) {
-      return (index.h("div", { class: "course-description" }, index.h("yoo-truncate", { class: "app-color", showEllipsisButton: true, maxLength: 39, content: overlays.translateMulti((_b = this.actualPlan) === null || _b === void 0 ? void 0 : _b.description) })));
+      return (index.h("div", { class: "course-description" }, index.h("yoo-truncate", { class: "app-color", showEllipsisButton: true, maxLength: 39, content: index$1.translateMulti((_b = this.actualPlan) === null || _b === void 0 ? void 0 : _b.description) })));
     }
   }
   renderRatingButton() {
     if (this.ratingEnabled) {
-      return (index.h("div", { class: "button-container" }, index.h("yoo-button", { color: "app-color", onClick: () => this.onRatingButtonClicked() }, index.h("yoo-icon", { slot: "start", size: "small", name: "right-circle", color: "light" }), overlays.translate('RATEYOURCOURSE'))));
+      return (index.h("div", { class: "button-container" }, index.h("yoo-button", { color: "app-color", onClick: () => this.onRatingButtonClicked() }, index.h("yoo-icon", { slot: "start", size: "small", name: "right-circle", color: "light" }), index$1.translate('RATEYOURCOURSE'))));
     }
   }
   renderAvailableBadges() {
@@ -131,17 +131,17 @@ const YooCourseSummaryComponent = class {
   }
   renderMobile() {
     var _a;
-    return (index.h("div", { class: "course-info-container" }, index.h("h3", { class: "course-title" }, overlays.translateMulti((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title)), index.h("div", { class: "course-info" }, this.renderLessonsCount()), index.h("div", { class: "course-points" }, this.availablePoints > 0 && this.renderCoursePoints(), this.renderDueDate(), this.renderCompetency(), this.showAvailableBadges && this.badges > 0 && this.renderAvailableBadges()), this.renderDescription(), this.renderProgress()));
+    return (index.h("div", { class: "course-info-container" }, index.h("h3", { class: "course-title" }, index$1.translateMulti((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title)), index.h("div", { class: "course-info" }, this.renderLessonsCount()), index.h("div", { class: "course-points" }, this.availablePoints > 0 && this.renderCoursePoints(), this.renderDueDate(), this.renderCompetency(), this.showAvailableBadges && this.badges > 0 && this.renderAvailableBadges()), this.renderDescription(), this.renderProgress()));
   }
   renderWeb() {
     var _a;
-    return (index.h("div", { class: "course-info-container" }, !this.forceMobile && index.h("yoo-img", { ignoreHeight: true, ignoreWidth: true, hidden: this.isHidden, src: this.getCourseImage() }), index.h("div", { class: "info-sub-container" }, index.h("yoo-collapsible", { class: "lesson-detail no-padding", slotHeader: true, iconSize: "medium", collapsed: false, onContentShown: ev => this.onCollapsibleToggled(ev.detail) }, index.h("div", { slot: "title" }, overlays.translateMulti((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title)), this.renderProgress(), index.h("div", { class: "details-container" }, this.availablePoints > 0 && this.renderCoursePoints(), this.renderCompetency(), this.renderDueDate(), this.badges > 0 && index.h("yoo-tooltip", { placement: "top", content: `<yoo-tag color="text-color-20" icon="lock" icon-only-color="light" size="small"></yoo-tag> ${this.badges} ${overlays.translate('BADGESAVAILABLE')}` }, index.h("yoo-icon", { name: "badge", size: "small" }))), this.renderDescription(), this.renderRatingButton()))));
+    return (index.h("div", { class: "course-info-container" }, !this.forceMobile && index.h("yoo-img", { ignoreHeight: true, ignoreWidth: true, hidden: this.isHidden, src: this.getCourseImage() }), index.h("div", { class: "info-sub-container" }, index.h("yoo-collapsible", { class: "lesson-detail no-padding", slotHeader: true, iconSize: "medium", collapsed: false, onContentShown: ev => this.onCollapsibleToggled(ev.detail) }, index.h("div", { slot: "title" }, index$1.translateMulti((_a = this.actualPlan) === null || _a === void 0 ? void 0 : _a.title)), this.renderProgress(), index.h("div", { class: "details-container" }, this.availablePoints > 0 && this.renderCoursePoints(), this.renderCompetency(), this.renderDueDate(), this.badges > 0 && index.h("yoo-tooltip", { placement: "top", content: `<yoo-tag color="text-color-20" icon="lock" icon-only-color="light" size="small"></yoo-tag> ${this.badges} ${index$1.translate('BADGESAVAILABLE')}` }, index.h("yoo-icon", { name: "badge", size: "small" }))), this.renderDescription(), this.renderRatingButton()))));
   }
   render() {
     return (index.h(index.Host, { class: {
         ...commonHelpers.getAppContext(this.host),
         'force-mobile': this.forceMobile
-      } }, overlays.isWeb(this.host) ? this.renderWeb() : this.renderMobile()));
+      } }, index$1.isWeb(this.host) ? this.renderWeb() : this.renderMobile()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-dashboard-detail.cjs.entry.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -16,7 +16,7 @@ const YooDashboardDetailComponent = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return index.h("div", { class: "container" }, index.h("div", { class: "title" }, overlays.translateMulti(this.dashboard.title)), index.h("div", { class: "description", innerHTML: overlays.translateMulti(this.dashboard.description || '') }), this.dashboard._lmt ? (index.h("div", { class: "date" }, overlays.translate('EDITEDON'), ": ", overlays.pipes.dateFormat.transform(this.dashboard._lmt, 'L'))) : null);
+    return index.h("div", { class: "container" }, index.h("div", { class: "title" }, index$1.translateMulti(this.dashboard.title)), index.h("div", { class: "description", innerHTML: index$1.translateMulti(this.dashboard.description || '') }), this.dashboard._lmt ? (index.h("div", { class: "date" }, index$1.translate('EDITEDON'), ": ", index$1.pipes.dateFormat.transform(this.dashboard._lmt, 'L'))) : null);
   }
 };
 YooDashboardDetailComponent.style = dashboardDetailCss;

package/dist/cjs/yoo-date.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');
@@ -48,7 +48,7 @@ const YooDateComponent = class {
     }
   }
   getTime() {
-    return this.time >= 0 ? overlays.pipes.timer.transform(Math.round(this.time), this.timerModeType) : (this.timerModeType === 'timer' ? '00:00' : '00:00:00');
+    return this.time >= 0 ? index$1.pipes.timer.transform(Math.round(this.time), this.timerModeType) : (this.timerModeType === 'timer' ? '00:00' : '00:00:00');
   }
   startTimer() {
     if (this.timerMode) {
@@ -69,7 +69,7 @@ const YooDateComponent = class {
       return index.h("span", null, duration);
     }
     if (this.date) {
-      return this.timeAgo ? overlays.pipes.timeAgo.transform(this.date) : overlays.pipes.dateFormat.transform(this.date, this.format || 'L LT');
+      return this.timeAgo ? index$1.pipes.timeAgo.transform(this.date) : index$1.pipes.dateFormat.transform(this.date, this.format || 'L LT');
     }
   }
   render() {

package/dist/cjs/yoo-detail-bar.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const entitiesHelpers = require('./entities-helpers-90284497.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const entitiesHelpers = require('./entities-helpers-d7cb60ce.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -24,7 +24,7 @@ const YooDetailBarComponent = class {
     this.hideTranslateButton = false;
   }
   componentWillLoad() {
-    if (overlays.isNullOrUndefined(this.nbAssignedUsers)) {
+    if (index$1.isNullOrUndefined(this.nbAssignedUsers)) {
       this.nbAssignedUsers = 0;
     }
   }
@@ -38,9 +38,9 @@ const YooDetailBarComponent = class {
     this.translated.emit(true);
   }
   getDate(item) {
-    const newDate = overlays.dateFormat(item, 'DD/MM/YYYY');
-    const newTime = overlays.dateFormat(item, 'HH:mm');
-    return newDate + ` ${overlays.translate('YOOBICAT')} ` + newTime;
+    const newDate = index$1.dateFormat(item, 'DD/MM/YYYY');
+    const newTime = index$1.dateFormat(item, 'HH:mm');
+    return newDate + ` ${index$1.translate('YOOBICAT')} ` + newTime;
   }
   getTeams() {
     const groupIds = this.group;
@@ -55,7 +55,7 @@ const YooDetailBarComponent = class {
   }
   getRoles() {
     var _a;
-    return (_a = this.roles) === null || _a === void 0 ? void 0 : _a.map((role) => (index.h("div", { class: "sub-section" }, index.h("yoo-truncated-line", { content: overlays.translate(role) }))));
+    return (_a = this.roles) === null || _a === void 0 ? void 0 : _a.map((role) => (index.h("div", { class: "sub-section" }, index.h("yoo-truncated-line", { content: index$1.translate(role) }))));
   }
   getFieldsLength() {
     var _a;
@@ -72,20 +72,20 @@ const YooDetailBarComponent = class {
       return;
     }
     if ((items === null || items === void 0 ? void 0 : items.length) === 1 || (items === null || items === void 0 ? void 0 : items.length) === 2) {
-      return (index.h("div", { class: "collapsible-container" }, index.h("span", { class: "section-subtitle" }, overlays.translate('YOOBICTAGS'), ": "), index.h("div", { class: "items" }, items)));
+      return (index.h("div", { class: "collapsible-container" }, index.h("span", { class: "section-subtitle" }, index$1.translate('YOOBICTAGS'), ": "), index.h("div", { class: "items" }, items)));
     }
     else {
       const firstItems = items.splice(0, 2);
-      return (index.h("div", null, index.h("div", { class: "collapsible-container" }, index.h("span", { class: "section-subtitle" }, overlays.translate('YOOBICTAGS'), ": "), index.h("div", { class: "items" }, firstItems)), index.h("yoo-collapsible", { class: "simple", header: overlays.translate('YOOBICMORE') }, items)));
+      return (index.h("div", null, index.h("div", { class: "collapsible-container" }, index.h("span", { class: "section-subtitle" }, index$1.translate('YOOBICTAGS'), ": "), index.h("div", { class: "items" }, firstItems)), index.h("yoo-collapsible", { class: "simple", header: index$1.translate('YOOBICMORE') }, items)));
     }
   }
   renderLanguage() {
     var _a;
     if (this.language && ((_a = this.translatedLanguages) === null || _a === void 0 ? void 0 : _a.length) > 0) {
       const languages = [...new Set([this.language, ...this.translatedLanguages])];
-      return (languages && (index.h("div", { class: "sub-section language" }, index.h("div", { class: "section-subtitle" }, `${overlays.translate('TRANSLATEDIN')}: `), languages === null || languages === void 0 ? void 0 :
+      return (languages && (index.h("div", { class: "sub-section language" }, index.h("div", { class: "section-subtitle" }, `${index$1.translate('TRANSLATEDIN')}: `), languages === null || languages === void 0 ? void 0 :
         languages.map((lang, langIndex) => {
-          return (index.h("span", { class: "content" }, overlays.translateMulti(overlays.getLanguageKey(lang)), langIndex < languages.length - 1 && ',', ' '));
+          return (index.h("span", { class: "content" }, index$1.translateMulti(index$1.getLanguageKey(lang)), langIndex < languages.length - 1 && ',', ' '));
         }))));
     }
   }
@@ -96,40 +96,40 @@ const YooDetailBarComponent = class {
       return;
     }
     if (items.length === 1) {
-      return (index.h("div", { class: "collapsible-container" }, index.h("span", { class: "section-subtitle" }, overlays.translate(title), ": "), index.h("div", { class: "items" }, items)));
+      return (index.h("div", { class: "collapsible-container" }, index.h("span", { class: "section-subtitle" }, index$1.translate(title), ": "), index.h("div", { class: "items" }, items)));
     }
     else {
       const firstItem = items.splice(0, 1);
-      return (index.h("div", null, index.h("div", { class: "collapsible-container" }, index.h("span", { class: "section-subtitle" }, overlays.translate(title), ": "), index.h("div", { class: "items" }, firstItem)), index.h("yoo-collapsible", { class: "simple", header: overlays.translate('YOOBICMORE') }, items)));
+      return (index.h("div", null, index.h("div", { class: "collapsible-container" }, index.h("span", { class: "section-subtitle" }, index$1.translate(title), ": "), index.h("div", { class: "items" }, firstItem)), index.h("yoo-collapsible", { class: "simple", header: index$1.translate('YOOBICMORE') }, items)));
     }
   }
   renderTruncateContent(title = '', text) {
-    return (index.h("div", { class: "sub-section-content" }, index.h("span", { class: "section-subtitle" }, `${overlays.translate(title)}: `), index.h("yoo-truncated-line", { content: overlays.translateMulti(text) })));
+    return (index.h("div", { class: "sub-section-content" }, index.h("span", { class: "section-subtitle" }, `${index$1.translate(title)}: `), index.h("yoo-truncated-line", { content: index$1.translateMulti(text) })));
   }
   renderContent(title, text) {
-    return (index.h("div", { class: "sub-section-content" }, index.h("span", { class: "section-subtitle" }, `${overlays.translate(title)}: `), index.h("span", { class: "content" }, overlays.translateMulti(text))));
+    return (index.h("div", { class: "sub-section-content" }, index.h("span", { class: "section-subtitle" }, `${index$1.translate(title)}: `), index.h("span", { class: "content" }, index$1.translateMulti(text))));
   }
   renderGeneralContainer() {
     var _a;
     const name = this.isPlan ? 'SECTIONS' : 'PAGES';
-    return (index.h("div", { class: "section-container" }, index.h("div", { class: "section-title" }, overlays.translate('YOOBICGENERAL'), this.isArchived && index.h("yoo-tag", { color: "dark", size: "small" }, overlays.translate('PAUSEDCAMPAIGN'))), this.type !== 'todo' && this.type !== 'feed' && index.h("div", { class: "sub-section" }, index.h("div", null, (_a = this.slides) === null || _a === void 0 ? void 0 :
-      _a.length, " ", overlays.translate(name), ' '), index.h("div", { class: "bullet" }, "\u2022"), this.isCourse ? (index.h("div", null, this.getLessonsCount(), " ", overlays.translate('LESSONS'))) : (index.h("div", null, this.getFieldsLength(), " ", overlays.translate('YOOBICFIELDS')))), index.h("div", { class: "action-container" }, this.type !== 'feed' && index.h("yoo-button", { color: "light", size: "small", onClick: () => this.onPreview() }, index.h("yoo-icon", { slot: "start", name: "play", size: "small" }), overlays.translate('PREVIEW')), this.isCourse && (index.h("yoo-button", { color: "light", size: "small", onClick: () => this.onSharePreview() }, index.h("yoo-icon", { slot: "start", name: "share", size: "small" }), overlays.translate('YOOBICSHAREPREVIEW'))))));
+    return (index.h("div", { class: "section-container" }, index.h("div", { class: "section-title" }, index$1.translate('YOOBICGENERAL'), this.isArchived && index.h("yoo-tag", { color: "dark", size: "small" }, index$1.translate('PAUSEDCAMPAIGN'))), this.type !== 'todo' && this.type !== 'feed' && index.h("div", { class: "sub-section" }, index.h("div", null, (_a = this.slides) === null || _a === void 0 ? void 0 :
+      _a.length, " ", index$1.translate(name), ' '), index.h("div", { class: "bullet" }, "\u2022"), this.isCourse ? (index.h("div", null, this.getLessonsCount(), " ", index$1.translate('LESSONS'))) : (index.h("div", null, this.getFieldsLength(), " ", index$1.translate('YOOBICFIELDS')))), index.h("div", { class: "action-container" }, this.type !== 'feed' && index.h("yoo-button", { color: "light", size: "small", onClick: () => this.onPreview() }, index.h("yoo-icon", { slot: "start", name: "play", size: "small" }), index$1.translate('PREVIEW')), this.isCourse && (index.h("yoo-button", { color: "light", size: "small", onClick: () => this.onSharePreview() }, index.h("yoo-icon", { slot: "start", name: "share", size: "small" }), index$1.translate('YOOBICSHAREPREVIEW'))))));
   }
   renderInfoContainerCampaign() {
     var _a;
-    return (index.h("div", { class: "section-container" }, index.h("div", { class: "section-title" }, overlays.translate('YOOBICINFO')), this.uniqueKeyPrefix && (index.h("div", { class: "sub-section" }, index.h("div", { class: "section-subtitle" }, overlays.translate('UNIQUEKEY'), ":"), index.h("yoo-tag", { color: "text-color-10" }, this.uniqueKeyPrefix))), this.image && (index.h("div", { class: "sub-section" }, index.h("yoo-img", { src: this.image }))), this.description && this.renderTruncateContent('DESCRIPTION', this.description), this.type && this.renderContent('YOOBICTYPE', overlays.translate((this.type === 'todo' || this.type === 'feed' ? 'CAMPAIGN' : '') + ((_a = this.type) === null || _a === void 0 ? void 0 : _a.toUpperCase()))), this.type === 'mission' && this.campaign.recurrenceType && this.renderContent('RECURRENCE', overlays.translate('CAMPAIGN' + this.campaign.recurrenceType.toUpperCase())), this.renderLanguage(), this.renderTeamsAndRoles('teams'), this.renderTeamsAndRoles('roles')));
+    return (index.h("div", { class: "section-container" }, index.h("div", { class: "section-title" }, index$1.translate('YOOBICINFO')), this.uniqueKeyPrefix && (index.h("div", { class: "sub-section" }, index.h("div", { class: "section-subtitle" }, index$1.translate('UNIQUEKEY'), ":"), index.h("yoo-tag", { color: "text-color-10" }, this.uniqueKeyPrefix))), this.image && (index.h("div", { class: "sub-section" }, index.h("yoo-img", { src: this.image }))), this.description && this.renderTruncateContent('DESCRIPTION', this.description), this.type && this.renderContent('YOOBICTYPE', index$1.translate((this.type === 'todo' || this.type === 'feed' ? 'CAMPAIGN' : '') + ((_a = this.type) === null || _a === void 0 ? void 0 : _a.toUpperCase()))), this.type === 'mission' && this.campaign.recurrenceType && this.renderContent('RECURRENCE', index$1.translate('CAMPAIGN' + this.campaign.recurrenceType.toUpperCase())), this.renderLanguage(), this.renderTeamsAndRoles('teams'), this.renderTeamsAndRoles('roles')));
   }
   renderInfoContainerCourse() {
     var _a;
     const havePoints = !!this.points && !!(this.points > 0);
     const COMPETENCY_MAX_LENGTH = 40;
-    const translatedCompetencyTitle = overlays.translateMulti((_a = this.competency) === null || _a === void 0 ? void 0 : _a.title);
-    return (index.h("div", { class: "section-container" }, index.h("div", { class: "section-title" }, overlays.translate('YOOBICINFO')), this.image && (index.h("div", { class: "sub-section" }, index.h("yoo-img", { class: "course", src: this.image }))), this.description && this.renderTruncateContent('DESCRIPTION', this.description), this.status && (index.h("div", { class: "sub-section" }, index.h("div", { class: "section-subtitle" }, overlays.translate('STATUS'), ":"), index.h("yoo-tag", { color: "text-color-10" }, this.status))), this.renderContent('ACTIVE', lodash.isBoolean(this.isActive) ? (this.isActive ? 'YOOBICYES' : 'YOOBICNO') : '-'), this.period && this.period !== '-' && this.renderContent('PERIOD', this.period), this.isFeatured !== null && this.renderContent('FEATUREDCOURSE', this.isFeatured ? 'YOOBICYES' : 'YOOBICNO'), this.progressiveLessons !== null && this.renderContent('PROGRESSIVELESSONS', this.progressiveLessons ? 'YOOBICYES' : 'YOOBICNO'), this.category && this.renderContent('CATEGORY', this.category), havePoints &&
+    const translatedCompetencyTitle = index$1.translateMulti((_a = this.competency) === null || _a === void 0 ? void 0 : _a.title);
+    return (index.h("div", { class: "section-container" }, index.h("div", { class: "section-title" }, index$1.translate('YOOBICINFO')), this.image && (index.h("div", { class: "sub-section" }, index.h("yoo-img", { class: "course", src: this.image }))), this.description && this.renderTruncateContent('DESCRIPTION', this.description), this.status && (index.h("div", { class: "sub-section" }, index.h("div", { class: "section-subtitle" }, index$1.translate('STATUS'), ":"), index.h("yoo-tag", { color: "text-color-10" }, this.status))), this.renderContent('ACTIVE', lodash.isBoolean(this.isActive) ? (this.isActive ? 'YOOBICYES' : 'YOOBICNO') : '-'), this.period && this.period !== '-' && this.renderContent('PERIOD', this.period), this.isFeatured !== null && this.renderContent('FEATUREDCOURSE', this.isFeatured ? 'YOOBICYES' : 'YOOBICNO'), this.progressiveLessons !== null && this.renderContent('PROGRESSIVELESSONS', this.progressiveLessons ? 'YOOBICYES' : 'YOOBICNO'), this.category && this.renderContent('CATEGORY', this.category), havePoints &&
       this.renderContent('POINTS', index.h("yoo-tag", { color: "app-color" }, index.h("yoo-icon", { slot: "start", size: "small", name: "star" }), this.points)), this.tags && this.getTags(), this.competency &&
-      this.renderContent('COMPETENCY', index.h("yoo-tag", { class: "competency", color: "stable-alt-80", size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", color: "dark", name: (this.competency.icon || 'medal') }), translatedCompetencyTitle.length > COMPETENCY_MAX_LENGTH ? (index.h("yoo-tooltip", { content: translatedCompetencyTitle }, translatedCompetencyTitle)) : translatedCompetencyTitle)), (this.assignedUsers || lodash.isNumber(this.nbAssignedUsers)) && this.renderContent('USERSASSIGNED', (this.assignedUsers ? (this.assignedUsers.length) : this.nbAssignedUsers).toString()), this.renderLanguage(), !this.hideTranslateButton && (index.h("yoo-button", { color: "light", size: "small", onClick: () => this.onTranslate() }, overlays.translate('GOOGLETRANSLATE'), index.h("yoo-icon", { slot: "start", name: "translate", size: "small" })))));
+      this.renderContent('COMPETENCY', index.h("yoo-tag", { class: "competency", color: "stable-alt-80", size: "small" }, index.h("yoo-icon", { slot: "start", size: "small", color: "dark", name: (this.competency.icon || 'medal') }), translatedCompetencyTitle.length > COMPETENCY_MAX_LENGTH ? (index.h("yoo-tooltip", { content: translatedCompetencyTitle }, translatedCompetencyTitle)) : translatedCompetencyTitle)), (this.assignedUsers || lodash.isNumber(this.nbAssignedUsers)) && this.renderContent('USERSASSIGNED', (this.assignedUsers ? (this.assignedUsers.length) : this.nbAssignedUsers).toString()), this.renderLanguage(), !this.hideTranslateButton && (index.h("yoo-button", { color: "light", size: "small", onClick: () => this.onTranslate() }, index$1.translate('GOOGLETRANSLATE'), index.h("yoo-icon", { slot: "start", name: "translate", size: "small" })))));
   }
   renderTimelineContainer() {
-    return (index.h("div", { class: "section-container" }, index.h("div", { class: "section-title" }, overlays.translate('TIMELINE')), this.validFromDate && this.renderContent('TIMELINEVALIDFROM', this.getDate(this.validFromDate)), this.duedateFromDate && this.renderContent('TIMELINEDUEDATE', this.getDate(this.duedateFromDate)), this.validUntilDate && this.renderContent('TIMELINEVALIDUNTIL', this.getDate(this.validUntilDate)), this.createdDate && this.renderContent('CREATED', this.getDate(this.createdDate)), this.updatedDate && this.renderContent('LASTUPDATE', this.getDate(this.updatedDate)), this.publishedDate && this.renderContent('PUBLISHED', this.getDate(this.publishedDate))));
+    return (index.h("div", { class: "section-container" }, index.h("div", { class: "section-title" }, index$1.translate('TIMELINE')), this.validFromDate && this.renderContent('TIMELINEVALIDFROM', this.getDate(this.validFromDate)), this.duedateFromDate && this.renderContent('TIMELINEDUEDATE', this.getDate(this.duedateFromDate)), this.validUntilDate && this.renderContent('TIMELINEVALIDUNTIL', this.getDate(this.validUntilDate)), this.createdDate && this.renderContent('CREATED', this.getDate(this.createdDate)), this.updatedDate && this.renderContent('LASTUPDATE', this.getDate(this.updatedDate)), this.publishedDate && this.renderContent('PUBLISHED', this.getDate(this.publishedDate))));
   }
   render() {
     return (index.h(index.Host, null, this.renderGeneralContainer(), this.isCourse && this.renderInfoContainerCourse(), !this.isCourse && this.renderInfoContainerCampaign(), !this.isCourse && this.renderTimelineContainer()));

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index$2 = require('./index-a1bbe627.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('./_commonjsHelpers-94df2ea7.js');
 
 const deviceListCss = "svg:not(:root){overflow:hidden}:host .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .header yoo-button{padding:var(--spacing-08, 0.5rem)}:host .header .title{width:100%;padding-right:var(--spacing-40, 2.5rem);text-align:center}:host .divider{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;width:100%;height:1.5rem;padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-weight:bold;font-size:var(--font-size-12, 0.75rem);background:var(--stable-ultralight, #fafafa)}:host yoo-form-choice-button,:host yoo-form-choice-chat,:host yoo-form-choice-card,:host yoo-form-choice-image,:host yoo-form-choice-radio{padding:0 var(--spacing-16, 1rem)}";
@@ -19,24 +19,24 @@ const YooDeviceListComponent = class {
     this.getDeviceCateogires();
   }
   onClose() {
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   onDeviceChanged(ev) {
     ev.stopPropagation();
-    overlays.closeModal(ev.detail);
+    index$1.closeModal(ev.detail);
   }
   getDeviceCateogires() {
-    this.deviceCategories = lodash.uniq(index$1.devices.filter((device) => !this.noWeb || device.isWeb !== true).map((device) => device.category));
+    this.deviceCategories = lodash.uniq(index$2.devices.filter((device) => !this.noWeb || device.isWeb !== true).map((device) => device.category));
   }
   renderHeader() {
-    return (index.h("div", { class: "header" }, index.h("yoo-button", { color: "text-color", slot: "start", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "close", color: "text-color" })), index.h("div", { class: "title" }, overlays.translate('CHANGEDEVICE'))));
+    return (index.h("div", { class: "header" }, index.h("yoo-button", { color: "text-color", slot: "start", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "close", color: "text-color" })), index.h("div", { class: "title" }, index$1.translate('CHANGEDEVICE'))));
   }
   renderDeviceCategories() {
     return this.deviceCategories.map((deviceCategory) => {
       var _a;
-      const deviceTitles = index$1.devices.filter((device) => device.category === deviceCategory && (!this.noWeb || device.isWeb !== true)).map((_device) => _device.displayTitle);
+      const deviceTitles = index$2.devices.filter((device) => device.category === deviceCategory && (!this.noWeb || device.isWeb !== true)).map((_device) => _device.displayTitle);
       return [
-        index.h("div", { class: "divider" }, overlays.translate(deviceCategory)),
+        index.h("div", { class: "divider" }, index$1.translate(deviceCategory)),
         index.h("yoo-form-choice-radio", { value: ((_a = this.selectedDevice) === null || _a === void 0 ? void 0 : _a.displayTitle) || 'iPhone X', values: deviceTitles, onInputChanged: (ev) => this.onDeviceChanged(ev) })
       ];
     });

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -31,7 +31,7 @@ const YooDeviceComponent = class {
   }
   componentDidLoad() {
     if (this.scaledContainerSelector) {
-      this.resizeListener = overlays.debounce(this.resize, 500).bind(this);
+      this.resizeListener = index$2.debounce(this.resize, 500).bind(this);
       window.addEventListener('resize', this.resizeListener);
       this.resize();
     }
@@ -47,7 +47,7 @@ const YooDeviceComponent = class {
     document.body.dispatchEvent(new CustomEvent('deviceDestroyed', { detail: this.host }));
   }
   resize() {
-    const parent = overlays.findParent(this.host, this.scaledContainerSelector);
+    const parent = index$2.findParent(this.host, this.scaledContainerSelector);
     if (parent) {
       this.host.removeAttribute('style');
       const { width: parentWidth, height: parentHeight } = parent.getBoundingClientRect();