@yoobic/yobi 8.5.0-60 → 8.5.0-62

package/dist/cjs/yoo-announcement-heading.cjs.entry.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const missionsHelpers = require('./missions-helpers-c32f14f9.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const missionLockedBanner = require('./mission-locked-banner-c2b49734.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const missionsHelpers = require('./missions-helpers-36846610.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const missionLockedBanner = require('./mission-locked-banner-e0b2f8f9.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const announcementHeadingCss = "svg:not(:root){overflow:hidden}:host{--announcement-background-color:var(--stable-light, #f1f1f1);--announcement-color:var(--dark, #000000)}:host yoo-banner{--main-color:var(--warning-10, rgba(237, 110, 51, 0.1));margin:var(--spacing-08, 0.5rem)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem);-webkit-box-sizing:border-box;box-sizing:border-box;padding:var(--spacing-16, 1rem);color:var(--announcement-color);background-color:var(--announcement-background-color)}:host .outer-container .title{font-weight:bold;font-size:var(--font-size-32, 2rem)}:host .outer-container .title yoo-truncate{--max-lines:4;--line-height:initial}:host .outer-container .progress{position:relative;display:block;max-width:12rem}:host .outer-container .progress yoo-progress-bar{position:absolute;top:var(--spacing-04, 0.25rem);right:auto;bottom:var(--spacing-04, 0.25rem);left:0;--svg-width:1rem;--progress-bar-color:var(--app-color, #5a30f4);--trail-bar-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .outer-container .progress yoo-truncate{margin:0 var(--spacing-08, 0.5rem) 0 var(--spacing-24, 1.5rem);color:var(--app-color, #5a30f4);font-weight:normal;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .tags yoo-tag{margin-right:var(--spacing-08, 0.5rem);margin-bottom:var(--spacing-08, 0.5rem)}:host .outer-container .progress-separator{margin-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--announcement-color)}:host(.feed){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.feed) .outer-container{-ms-flex-pack:justify;justify-content:space-between;min-height:21.875rem}:host(.feed) .outer-container .details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-16, 1rem)}:host(.feed) .outer-container .title{font-size:var(--font-size-28, 1.75rem)}:host(.feed) yoo-form-carousel{position:relative;z-index:1}:host(.feed) yoo-form-carousel .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;color:var(--light, #ffffff);background-color:transparent;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}:host(.feed) .action{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;height:40px;padding:0 var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem);color:var(--light, #ffffff);font-size:var(--font-size-16, 1rem);background-color:var(--announcement-color)}:host(.feed) .description{padding-top:var(--spacing-16, 1rem)}:host([is-preview]) .outer-container .progress .quick-task-progress yoo-progress-bar{--svg-width:1.5rem}:host(.overlay) .outer-container{background-image:-webkit-gradient(linear, left top, left bottom, color-stop(11%, rgba(0, 0, 0, 0)), to(var(--dark-60, rgba(0, 0, 0, 0.6))));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0) 11%, var(--dark-60, rgba(0, 0, 0, 0.6)))}";
@@ -25,7 +25,7 @@ const YooAnnouncementHeadingComponent = class {
   }
   get backgroundColor() {
     var _a;
-    return overlays.getCssColor(((_a = this.getAnnouncement()) === null || _a === void 0 ? void 0 : _a.backgroundColor) || 'stable-light');
+    return index$1.getCssColor(((_a = this.getAnnouncement()) === null || _a === void 0 ? void 0 : _a.backgroundColor) || 'stable-light');
   }
   get isFeed() {
     var _a;
@@ -33,7 +33,7 @@ const YooAnnouncementHeadingComponent = class {
   }
   get color() {
     var _a;
-    return overlays.getCssColor(((_a = this.getAnnouncement()) === null || _a === void 0 ? void 0 : _a.color) || 'dark');
+    return index$1.getCssColor(((_a = this.getAnnouncement()) === null || _a === void 0 ? void 0 : _a.color) || 'dark');
   }
   get photosSrc() {
     var _a;
@@ -66,23 +66,23 @@ const YooAnnouncementHeadingComponent = class {
     return index.h("yoo-tag", { customColor: customColor || this.color, textCustomColor: textCustomColor, customColorOpacity: customColorOpacity }, index.h("yoo-icon", { class: { custom: true }, name: icon, size: "small", slot: "start" }), text);
   }
   renderPublicationDate() {
-    const date = overlays.getMissionPublicationDate(this.mission);
-    let dateText = overlays.isToday(date) ? overlays.translate('YOOBICTODAY') : overlays.fromToday(date);
-    dateText = [overlays.translate('YOOBICYESTERDAY'), overlays.translate('YOOBICTOMORROW')].includes(dateText) ? dateText : dateText;
-    const timeText = overlays.translate('SCHEDULEDATTIME', { time: overlays.dateFormat(date, 'LT') });
-    return this.renderTag(`${dateText} ${timeText}`, 'calendar', this.isLayoutFeed && this.hasPhotos ? overlays.getCssColor('light') : null);
+    const date = index$1.getMissionPublicationDate(this.mission);
+    let dateText = index$1.isToday(date) ? index$1.translate('YOOBICTODAY') : index$1.fromToday(date);
+    dateText = [index$1.translate('YOOBICYESTERDAY'), index$1.translate('YOOBICTOMORROW')].includes(dateText) ? dateText : dateText;
+    const timeText = index$1.translate('SCHEDULEDATTIME', { time: index$1.dateFormat(date, 'LT') });
+    return this.renderTag(`${dateText} ${timeText}`, 'calendar', this.isLayoutFeed && this.hasPhotos ? index$1.getCssColor('light') : null);
   }
   renderPriority() {
-    if (overlays.isPresent(this.mission.priority)) {
+    if (index$1.isPresent(this.mission.priority)) {
       const PRIORITY_TEXTS = ['CAMPAIGNPRIORITY1', 'CAMPAIGNPRIORITY2', 'CAMPAIGNPRIORITY3', 'CAMPAIGNPRIORITY4'];
       const priority = PRIORITY_TEXTS[this.mission.priority - 1];
-      return this.renderTag(overlays.translate(priority), 'flag', this.isLayoutFeed && this.hasPhotos ? overlays.getCssColor('light') : null);
+      return this.renderTag(index$1.translate(priority), 'flag', this.isLayoutFeed && this.hasPhotos ? index$1.getCssColor('light') : null);
     }
   }
   renderCategory() {
     var _a, _b;
-    if (overlays.isPresent((_a = this.mission.category) === null || _a === void 0 ? void 0 : _a.title)) {
-      return this.renderTag(overlays.translate((_b = this.mission.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? overlays.getCssColor('light') : null);
+    if (index$1.isPresent((_a = this.mission.category) === null || _a === void 0 ? void 0 : _a.title)) {
+      return this.renderTag(index$1.translate((_b = this.mission.category) === null || _b === void 0 ? void 0 : _b.title), 'tag', this.isLayoutFeed && this.hasPhotos ? index$1.getCssColor('light') : null);
     }
   }
   renderAnnouncementProgress() {
@@ -90,34 +90,34 @@ const YooAnnouncementHeadingComponent = class {
     const announcementProgress = missionsHelpers.getMissionProgress(this.mission);
     const renderProgress = ((_b = (_a = this.mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) > 0;
     if (!this.isLayoutFeed && (announcementProgress === null || announcementProgress === void 0 ? void 0 : announcementProgress.value) >= 0 && renderProgress) {
-      return index.h("div", { class: "progress" }, index.h("yoo-progress-bar", { animated: this.animated, shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }), index.h("yoo-truncate", { style: { cssText: '--max-lines: 1' } }, index.h("span", null, overlays.translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max }))));
+      return index.h("div", { class: "progress" }, index.h("yoo-progress-bar", { animated: this.animated, class: "chromatic-ignore", "data-chromatic": "ignore", shape: "circle", hideProgressValue: true, value: announcementProgress.value, metric: announcementProgress.unit, maxValue: announcementProgress.max }), index.h("yoo-truncate", { style: { cssText: '--max-lines: 1' } }, index.h("span", null, index$1.translate('ACTIONSCOMPLETED', { smart_count: announcementProgress.value, total: announcementProgress.max }))));
     }
   }
   renderDueDate(dueDate) {
-    let dateText = overlays.isToday(dueDate) ? overlays.translate('YOOBICTODAY').toLowerCase() : overlays.fromToday(dueDate);
-    dateText = [overlays.translate('YOOBICYESTERDAY'), overlays.translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
-    const title = overlays.translate('YOOBICDUEBY', { date: dateText, time: overlays.dateFormat(dueDate, 'LT') });
-    const color = overlays.isDateAfter(dueDate, new Date(), 'day') ? this.color : overlays.getCssColor('danger');
+    let dateText = index$1.isToday(dueDate) ? index$1.translate('YOOBICTODAY').toLowerCase() : index$1.fromToday(dueDate);
+    dateText = [index$1.translate('YOOBICYESTERDAY'), index$1.translate('YOOBICTOMORROW')].includes(dateText) ? dateText.toLowerCase() : dateText;
+    const title = index$1.translate('YOOBICDUEBY', { date: dateText, time: index$1.dateFormat(dueDate, 'LT') });
+    const color = index$1.isDateAfter(dueDate, new Date(), 'day') ? this.color : index$1.getCssColor('danger');
     return this.renderTag(title, 'calendar-date', color);
   }
   renderContentDetails() {
     const dueDate = missionsHelpers.getMissionDueDate(this.mission);
     return [
-      index.h("div", { class: "title" }, index.h("yoo-truncate", null, overlays.translateMulti(this.mission.title))),
+      index.h("div", { class: "title" }, index.h("yoo-truncate", null, index$1.translateMulti(this.mission.title))),
       this.renderAnnouncementProgress(),
       index.h("div", { class: "tags" }, this.isLayoutFeed && dueDate && this.renderDueDate(dueDate), !this.isLayoutFeed && this.renderPublicationDate(), this.renderPriority(), this.renderCategory())
     ];
   }
   renderContent() {
     const dueDate = missionsHelpers.getMissionDueDate(this.mission);
-    return (index.h("div", { class: "outer-container" }, this.isLayoutFeed && this.renderTag(overlays.translate(this.isFeed ? 'YOOBICMESSAGES' : 'ANNOUNCEMENT'), 'request', this.color, overlays.getCssColor('light'), 1), this.isLayoutFeed && index.h("div", { class: "details" }, this.renderContentDetails()), !this.isLayoutFeed && this.renderContentDetails(), !this.isLayoutFeed && dueDate && [
+    return (index.h("div", { class: "outer-container" }, this.isLayoutFeed && this.renderTag(index$1.translate(this.isFeed ? 'YOOBICMESSAGES' : 'ANNOUNCEMENT'), 'request', this.color, index$1.getCssColor('light'), 1), this.isLayoutFeed && index.h("div", { class: "details" }, this.renderContentDetails()), !this.isLayoutFeed && this.renderContentDetails(), !this.isLayoutFeed && dueDate && [
       index.h("div", { class: "progress-separator" }),
       index.h("div", { class: "progress" }, this.renderDueDate(dueDate))
     ]));
   }
   renderBaseLayout() {
     return [
-      this.hasPhotos && (!overlays.isWeb() || this.isPreview) && index.h("yoo-form-carousel", { maxHeight: 270, paginationType: "bullets", ...this.carouselAttributes }),
+      this.hasPhotos && (!index$1.isWeb() || this.isPreview) && index.h("yoo-form-carousel", { maxHeight: 270, paginationType: "bullets", ...this.carouselAttributes }),
       !this.isPreview && index.h(missionLockedBanner.MissionLockedBanner, { mission: this.mission }),
       this.renderContent()
     ];
@@ -128,7 +128,7 @@ const YooAnnouncementHeadingComponent = class {
         index.h("yoo-form-carousel", { maxHeight: 370, paginationType: "progressbar", ...this.carouselAttributes }, this.renderContent()),
       !this.hasPhotos &&
         this.renderContent(),
-      index.h("div", { class: "action", onClick: (ev) => this.viewAllHandler && commonHelpers.execHandlerAndStopEvent(ev, this.viewAllHandler) }, index.h("div", null, overlays.translate('VIEWANNOUNCEMENT')), index.h("yoo-icon", { name: "right", color: "light" }))
+      index.h("div", { class: "action", onClick: (ev) => this.viewAllHandler && commonHelpers.execHandlerAndStopEvent(ev, this.viewAllHandler) }, index.h("div", null, index$1.translate('VIEWANNOUNCEMENT')), index.h("yoo-icon", { name: "right", color: "light" }))
     ];
   }
   render() {

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-9aadeb94.js');
-require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-7790c794.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
+require('./lodash-a9050d79.js');
 
 const YooAppComponent = class {
   constructor(hostRef) {
@@ -19,13 +19,13 @@ const YooAppComponent = class {
     }
   }
   componentDidLoad() {
-    if (overlays.isNativeMobile()) {
-      const orientation = overlays.isAndroid() ? 'portrait-primary' : 'portrait';
-      if (!overlays.isIpadPro() && !overlays.isIpad() && !overlays.isTablet()) {
-        overlays.ScreenOrientation.lock(orientation);
+    if (index$1.isNativeMobile()) {
+      const orientation = index$1.isAndroid() ? 'portrait-primary' : 'portrait';
+      if (!index$1.isIpadPro() && !index$1.isIpad() && !index$1.isTablet()) {
+        index$1.ScreenOrientation.lock(orientation);
       }
       else {
-        overlays.ScreenOrientation.unlock();
+        index$1.ScreenOrientation.unlock();
       }
     }
   }
@@ -39,8 +39,8 @@ const YooAppComponent = class {
         return response.json();
       })
         .then((json) => {
-        overlays.setCurrentLanguage(this.language);
-        overlays.loadTranslations(json);
+        index$1.setCurrentLanguage(this.language);
+        index$1.loadTranslations(json);
         index.forceUpdate(this);
       });
     }

package/dist/cjs/yoo-audio-player.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const localForage = require('./localForage-d0842cbe.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const localForage = require('./localForage-e47d3702.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 
 const audioPlayerCss = "svg:not(:root){overflow:hidden}:host{--range-trail-color:var(--stable-light, #f1f1f1);--range-active-color:var(--app-color, #5a30f4);display:inline-grid;grid-gap:var(--spacing-16, 1rem);grid-template-columns:auto 1fr auto;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}:host yoo-range{--knob-size:.75rem;--bar-active-color:var(--range-active-color);--bar-trail-color:var(--range-trail-color)}:host .audio-info{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;color:var(--dark, #000000);font-size:var(--font-size-14, 0.875rem);text-align:right}:host .audio-info yoo-button{opacity:0}:host .audio-info.only-time span:first-child{color:var(--dark, #000000) !important;font-size:var(--font-size-14, 0.875rem)}:host .audio-info span:last-child{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem)}:host(.dark) yoo-button{--hover-color:var(--light-10, rgba(255, 255, 255, 0.1))}:host([disabled]) yoo-icon{fill:var(--stable, #adadad)}:host(:not([disabled])){--play-icon-color:var(--dark, #000000);--title-color:var(--dark, #000000);--time-color:var(--stable, #adadad)}:host(:not([disabled])) yoo-icon{fill:var(--play-icon-color)}:host(:not([disabled])) .audio-info{color:var(--title-color)}:host(:not([disabled])) .audio-info.only-time span:first-child{color:var(--title-color) !important}:host(:not([disabled])) .audio-info span:last-child{color:var(--time-color)}";
 
@@ -60,16 +60,16 @@ const YooAudioPlayerComponent = class {
   }
   async initSrc() {
     let newSrc = await localForage.getFromOfflineStorage(this.src);
-    if (!overlays.isNativeMobile() && overlays.isFile(newSrc)) {
+    if (!index$1.isNativeMobile() && index$1.isFile(newSrc)) {
       newSrc = URL.createObjectURL(newSrc);
     }
-    newSrc = overlays.getMedia(newSrc);
-    return overlays.cleanupWKWebViewFilePath(newSrc);
+    newSrc = index$1.getMedia(newSrc);
+    return index$1.cleanupWKWebViewFilePath(newSrc);
   }
   fixCloudinarySource(str) {
-    if (overlays.isCloudinaryLink(str)) {
-      str = new overlays.Cloudinary(str).boost(this.boost).getUrl();
-      str = overlays.changeExtension(str, 'wav');
+    if (index$1.isCloudinaryLink(str)) {
+      str = new index$1.Cloudinary(str).boost(this.boost).getUrl();
+      str = index$1.changeExtension(str, 'wav');
     }
     return str;
   }
@@ -82,10 +82,10 @@ const YooAudioPlayerComponent = class {
     src = this.fixCloudinarySource(src);
     this.audio = new Audio(src);
     if (this.audio) {
-      this.audio.id = overlays.getUUID();
+      this.audio.id = index$1.getUUID();
       this.audio.preload = this.preload;
       this.audio.onloadedmetadata = async () => {
-        this.duration = this.isValidDuration(this.audio) && !overlays.isFirefox() ? this.audio.duration : await overlays.getAudioDuration(oldSource);
+        this.duration = this.isValidDuration(this.audio) && !index$1.isFirefox() ? this.audio.duration : await index$1.getAudioDuration(oldSource);
         this.currentTime = 0;
         this.currentTimeDisplay = this.formatTime();
       };
@@ -123,7 +123,7 @@ const YooAudioPlayerComponent = class {
     }
   }
   renderPlayButton() {
-    return index.h("yoo-button", { disabled: this.disabled, animated: overlays.isWeb(this.host), shape: "circular", fill: "transparent", onClick: (ev) => this.togglePlay(ev) }, index.h("yoo-icon", { name: `${this.audio.paused ? 'play' : 'pause'}-audio`, size: "large" }));
+    return index.h("yoo-button", { disabled: this.disabled, animated: index$1.isWeb(this.host), shape: "circular", fill: "transparent", onClick: (ev) => this.togglePlay(ev) }, index.h("yoo-icon", { name: `${this.audio.paused ? 'play' : 'pause'}-audio`, size: "large" }));
   }
   renderRange() {
     const pausePlay = (ev) => {
@@ -139,7 +139,7 @@ const YooAudioPlayerComponent = class {
   }
   renderInfo() {
     return index.h("div", { class: { 'audio-info': true, 'only-time': this.displayTimeOnly } }, [!this.displayTimeOnly &&
-        index.h("span", null, overlays.translate('AUDIO')), index.h("span", null, this.currentTimeDisplay)
+        index.h("span", null, index$1.translate('AUDIO')), index.h("span", null, this.currentTimeDisplay)
     ]);
   }
   render() {

package/dist/cjs/yoo-audio-recorder-dialog.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 // Copied from https://github.com/chris-rudmin/Recorderjs
@@ -375,14 +375,14 @@ const YooAudioRecorderDialogComponent = class {
   }
   onAudioDurationReady(ev) {
     if (ev && ev.detail >= 0) {
-      this.finalRecordingDuration = overlays.pipes.timer.transform(Math.round(ev.detail), 'timer');
+      this.finalRecordingDuration = index$1.pipes.timer.transform(Math.round(ev.detail), 'timer');
     }
   }
   disconnectedCallback() {
     this.clearAwake();
   }
   clearAwake() {
-    overlays.keepAwake(false);
+    index$1.keepAwake(false);
     if (this.awakeInterval) {
       clearInterval(this.awakeInterval);
       this.awakeInterval = null;
@@ -391,12 +391,12 @@ const YooAudioRecorderDialogComponent = class {
   async onClose(noSave) {
     let ret;
     if (!noSave) {
-      ret = !overlays.isNativeMobile() ? this.finalFile : overlays.addFilePrefix(this.finalPath);
+      ret = !index$1.isNativeMobile() ? this.finalFile : index$1.addFilePrefix(this.finalPath);
     }
-    overlays.closeModal(ret);
+    index$1.closeModal(ret);
   }
   onStartRecording() {
-    const useAudioRecorder = (overlays.isSafari() || overlays.isFirefox());
+    const useAudioRecorder = (index$1.isSafari() || index$1.isFirefox());
     const recorder = useAudioRecorder ? MediaRecorder$1 : MediaRecorder;
     let format = 'webm';
     let filename = `${new Date().getTime()}.${format}`;
@@ -418,11 +418,11 @@ const YooAudioRecorderDialogComponent = class {
         if (useAudioRecorder) {
           const ext = ((_a = recordedChunks === null || recordedChunks === void 0 ? void 0 : recordedChunks[0]) === null || _a === void 0 ? void 0 : _a.type.split('/').pop()) || 'wav';
           format = ext;
-          filename = overlays.changeExtension(filename, ext);
+          filename = index$1.changeExtension(filename, ext);
         }
         const type = { type: `audio/${format}` };
-        if (overlays.isNativeMobile()) {
-          await overlays.saveToLocalFile(blob, filename).then((entry) => {
+        if (index$1.isNativeMobile()) {
+          await index$1.saveToLocalFile(blob, filename).then((entry) => {
             const url = entry.toURL();
             this.finalPath = url;
           });
@@ -438,11 +438,11 @@ const YooAudioRecorderDialogComponent = class {
       });
       this.mediaRecorder.start();
       this.awakeInterval = setInterval(() => {
-        overlays.keepAwake(true);
+        index$1.keepAwake(true);
       }, 3000);
       this.isRecording = true;
     };
-    const mediaDevices = overlays.getMediaDevices();
+    const mediaDevices = index$1.getMediaDevices();
     if (mediaDevices) {
       const audio = {
         sampleRate: 192000,
@@ -461,8 +461,8 @@ const YooAudioRecorderDialogComponent = class {
     // if (this.audioRef) {
     //     this.audioRef.reloadSrc();
     // }
-    if (this.finalPath && overlays.isNativeMobile()) {
-      await overlays.removeFileAtPath(this.finalPath);
+    if (this.finalPath && index$1.isNativeMobile()) {
+      await index$1.removeFileAtPath(this.finalPath);
     }
   }
   async onStopRecording() {
@@ -486,7 +486,7 @@ const YooAudioRecorderDialogComponent = class {
       this.onStopRecording();
     }
     else {
-      if (overlays.isNativeMobile()) {
+      if (index$1.isNativeMobile()) {
         const permissions = (_b = (_a = window === null || window === void 0 ? void 0 : window.cordova) === null || _a === void 0 ? void 0 : _a.plugins) === null || _b === void 0 ? void 0 : _b.permissions;
         if (permissions) {
           permissions.hasPermission(permissions.RECORD_AUDIO, (initialStatus) => {
@@ -509,7 +509,7 @@ const YooAudioRecorderDialogComponent = class {
     }
   }
   renderHeader() {
-    return (index.h("yoo-header", null, index.h("yoo-navbar", { class: "dark" }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "light", rippleType: "unbounded", fill: "transparent", shape: "circular", onClick: () => this.onClose(true) }, index.h("yoo-icon", { color: "light", name: "close" }))), index.h("yoo-truncate", null, overlays.translate(this.heading)), index.h("yoo-items", { slot: "end" }, this.isSaving && index.h("yoo-button", { color: "light", rippleType: "unbounded", fill: "transparent", onClick: () => this.onClose() }, overlays.translate('YOOBICSAVE'))))));
+    return (index.h("yoo-header", null, index.h("yoo-navbar", { class: "dark" }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "light", rippleType: "unbounded", fill: "transparent", shape: "circular", onClick: () => this.onClose(true) }, index.h("yoo-icon", { color: "light", name: "close" }))), index.h("yoo-truncate", null, index$1.translate(this.heading)), index.h("yoo-items", { slot: "end" }, this.isSaving && index.h("yoo-button", { color: "light", rippleType: "unbounded", fill: "transparent", onClick: () => this.onClose() }, index$1.translate('YOOBICSAVE'))))));
   }
   renderAnimation() {
     const randomEl = [1, 1, 1, 1, 1, 1, 3, 3, 3, 5, 5];
@@ -522,7 +522,7 @@ const YooAudioRecorderDialogComponent = class {
     })));
   }
   renderSavingView() {
-    return (index.h("div", { class: "saving-container" }, index.h("div", { class: "top-row-container" }, index.h("yoo-icon", { size: "medium", name: "microphone", color: "danger", class: "microphone" }), index.h("div", { class: "inner-row-container" }, index.h("span", null, overlays.translate('RECORDING')), index.h("span", { class: "stable" }, this.finalRecordingDuration)), index.h("span", { class: "text" }, overlays.translate('YOOBICTODAY'))), index.h("div", { class: "audio-container" }, index.h("yoo-audio-player", { ref: el => { this.audioRef = el; }, class: "dark", src: overlays.cleanupWKWebViewFilePath(this.finalPath) })), index.h("yoo-button", { size: "large", onClick: () => { this.onRetryRecording(); }, color: "anthracite" }, index.h("yoo-icon", { name: "restart", size: "small", color: "light" }), overlays.translate('RETRY'))));
+    return (index.h("div", { class: "saving-container" }, index.h("div", { class: "top-row-container" }, index.h("yoo-icon", { size: "medium", name: "microphone", color: "danger", class: "microphone" }), index.h("div", { class: "inner-row-container" }, index.h("span", null, index$1.translate('RECORDING')), index.h("span", { class: "stable" }, this.finalRecordingDuration)), index.h("span", { class: "text" }, index$1.translate('YOOBICTODAY'))), index.h("div", { class: "audio-container" }, index.h("yoo-audio-player", { ref: el => { this.audioRef = el; }, class: "dark", src: index$1.cleanupWKWebViewFilePath(this.finalPath) })), index.h("yoo-button", { size: "large", onClick: () => { this.onRetryRecording(); }, color: "anthracite" }, index.h("yoo-icon", { name: "restart", size: "small", color: "light" }), index$1.translate('RETRY'))));
   }
   renderRecordingView() {
     return (index.h("div", { class: "recording-container" }, this.isRecording && [

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

@@ -3,9 +3,9 @@
 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');
+const index$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
+const index$2 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -83,13 +83,13 @@ const YooAvatarComponent = class {
     return this.overflowCount > 0;
   }
   renderBasedOnSource() {
-    if (this.imgSrc && !overlays.isOffline()) {
+    if (this.imgSrc && !index$2.isOffline()) {
       return this.renderAvatarWithImage(this.imgSrc);
     }
     else if (this.icon) {
       return this.renderAvatarWithIcon();
     }
-    else if (this.hasImageData && !overlays.isOffline()) {
+    else if (this.hasImageData && !index$2.isOffline()) {
       return this.renderAvatarWithImage(this.user.imageData);
     }
     else if (this.user || this.iconText) {
@@ -112,7 +112,7 @@ const YooAvatarComponent = class {
   }
   renderAvatarWithText() {
     const length = ['extra-small', 'small'].includes(this.size) ? 1 : 2;
-    return (index.h("div", { class: "text-container", style: { color: this.textColor }, onClick: () => this.emitClickMethod() }, this.user ? overlays.pipes.userInitial.transform(this.user, length) : this.iconText.slice(0, length)));
+    return (index.h("div", { class: "text-container", style: { color: this.textColor }, onClick: () => this.emitClickMethod() }, this.user ? index$2.pipes.userInitial.transform(this.user, length) : this.iconText.slice(0, length)));
   }
   renderAvatarWithOverflowText() {
     const overflowNumber = Math.min(99, this.overflowCount);
@@ -134,7 +134,7 @@ const YooAvatarComponent = class {
       badgeSize = 'extra-extra-small';
     }
     const shouldDisplayBadge = this.size.includes('extra-large');
-    const count = overlays.pipes.number.transform(this.notificationCount, '');
+    const count = index$2.pipes.number.transform(this.notificationCount, '');
     return (index.h("div", { class: {
         'notifications-wrapper': true,
         dot: !shouldDisplayBadge,
@@ -151,7 +151,7 @@ const YooAvatarComponent = class {
     }
   }
   renderLiveIndicator() {
-    return (index.h("div", { class: "live-indicator-container" }, index.h("div", { class: "live-indicator-wrapper" }, index.h("div", { class: "live-icon" }), index.h("div", { class: "live-text" }, overlays.translate('LIVE2') || 'YOOBICLIVE'))));
+    return (index.h("div", { class: "live-indicator-container" }, index.h("div", { class: "live-indicator-wrapper" }, index.h("div", { class: "live-icon" }), index.h("div", { class: "live-text" }, index$2.translate('LIVE2') || 'YOOBICLIVE'))));
   }
   renderRecordedIndicator() {
     return (index.h("div", { class: "recorded-indicator-container" }, index.h("div", { class: "recorded-indicator-wrapper" }, index.h("yoo-icon", { size: "small", name: "play-audio", color: "light" }))));
@@ -164,8 +164,8 @@ const YooAvatarComponent = class {
   }
   render() {
     const TagType = this.tooltip ? 'yoo-tooltip' : 'div';
-    const hasUserText = this.user && (!this.user.imageData || overlays.isOffline());
-    return (index.h(index.Host, { size: this.size, frame: this.frame, class: { rtl: overlays.isRTL() } }, index.h(TagType, { class: "component-container", content: this.tooltip, placement: "bottom", hoverable: overlays.isWeb(this.host) }, index.h("div", { class: "component-states-container" }, this.renderOnlineIcon(), this.renderStoriesIndicator(), this.isVip && this.renderIsVip(), this.hasNotifications && this.renderNotification(), this.hasLiveVideo && this.renderLiveIndicator(), this.hasRecordedVideo && this.renderRecordedIndicator(), this.vipNotification && this.renderVipNotification()), index.h("div", { class: { 'framing-container': true, grayed: hasUserText }, style: {
+    const hasUserText = this.user && (!this.user.imageData || index$2.isOffline());
+    return (index.h(index.Host, { size: this.size, frame: this.frame, class: { rtl: index$2.isRTL() } }, index.h(TagType, { class: "component-container", content: this.tooltip, placement: "bottom", hoverable: index$2.isWeb(this.host) }, index.h("div", { class: "component-states-container" }, this.renderOnlineIcon(), this.renderStoriesIndicator(), this.isVip && this.renderIsVip(), this.hasNotifications && this.renderNotification(), this.hasLiveVideo && this.renderLiveIndicator(), this.hasRecordedVideo && this.renderRecordedIndicator(), this.vipNotification && this.renderVipNotification()), index.h("div", { class: { 'framing-container': true, grayed: hasUserText }, style: {
         'background-color': hasUserText ? undefined : this.getColor(true),
         'border': this.color && this.showBorder ? '2px solid ' + (index$1.isPaletteColor(this.color) ? `var(--${this.color})` : this.color) : null
       } }, this.renderBasedOnSource()))));

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const avatarsCss = "svg:not(:root){overflow:hidden}.two-users-container{position:relative;width:100%;height:100%}.top-left-container{position:absolute;top:0;left:0}.bottom-right-container{position:absolute;right:0;bottom:0}.names-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;overflow:hidden;white-space:nowrap}.names-wrapper yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}.names-wrapper.show-more{color:var(--dark, #000000);font-weight:bold;cursor:pointer}.name-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.name-wrapper yoo-avatar{margin-bottom:var(--spacing-08, 0.5rem)}.collection-wrapper{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center}.collection-wrapper yoo-avatar{margin-right:var(--spacing-08, 0.5rem);margin-left:var(--spacing-08, 0.5rem)}:host([layout=grid]){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap}:host([layout=grid]) yoo-avatar{--inner-border:var(--border-width-01, 0.0625rem) solid var(--light, #ffffff)}:host([layout=grid][size=extra-small]){min-width:var(--spacing-32, 2rem);max-width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host([layout=grid][size=extra-small]) .top-left-container{padding-top:0.25rem;padding-left:0.25rem}:host([layout=grid][size=extra-small]) .bottom-right-container{padding-right:0.25rem;padding-bottom:0.25rem}:host([layout=grid][size=extra-small]) .bottom-right-container yoo-avatar{--box-shadow:0 0 0 0.125rem cssvar(light)}:host([layout=grid][size=small]){min-width:var(--spacing-48, 3rem);max-width:var(--spacing-48, 3rem);height:var(--spacing-48, 3rem)}:host([layout=grid][size=small]) .top-left-container{padding-top:0.1875rem;padding-left:0.1875rem}:host([layout=grid][size=small]) .bottom-right-container{padding-right:0.1875rem;padding-bottom:0.1875rem}:host([layout=grid][size=small]) .bottom-right-container yoo-avatar{--box-shadow:0 0 0 0.1875rem cssvar(light)}:host([layout=grid][size=small]) .two-users-container yoo-avatar{margin:var(--spacing-02, 0.125rem)}:host([layout=grid][size=medium]){min-width:var(--spacing-64, 4rem);max-width:var(--spacing-64, 4rem);height:var(--spacing-64, 4rem)}:host([layout=grid][size=medium]) .top-left-container{padding-top:0.4375rem;padding-left:0.4375rem}:host([layout=grid][size=medium]) .bottom-right-container{padding-right:0.4375rem;padding-bottom:0.4375rem}:host([layout=grid][size=medium]) .bottom-right-container yoo-avatar{--box-shadow:0 0 0 0.25rem cssvar(light)}:host([layout=grid][size=large]){min-width:var(--spacing-96, 6rem);max-width:var(--spacing-96, 6rem);height:var(--spacing-96, 6rem)}:host([layout=grid][size=large]) .top-left-container{padding-top:0.8125rem;padding-left:0.8125rem}:host([layout=grid][size=large]) .bottom-right-container{padding-right:0.8125rem;padding-bottom:0.8125rem}:host([layout=grid][size=large]) .bottom-right-container yoo-avatar{--box-shadow:0 0 0 0.25rem cssvar(light)}:host([layout=stack]){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host([layout=stack]) yoo-avatar{margin-right:0.0625rem;margin-left:0.0625rem}:host([layout=list]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([layout=list][size=extra-small]){font-size:var(--font-size-12, 0.75rem)}:host([layout=list][size=extra-small]) .names-wrapper{padding-bottom:var(--spacing-08, 0.5rem)}:host([layout=list][size=small]){font-size:var(--font-size-16, 1rem)}:host([layout=list][size=small]) .names-wrapper{padding-bottom:0.75rem}:host([layout=list][size=medium]){font-size:var(--font-size-18, 1.125rem)}:host([layout=list][size=medium]) .names-wrapper{padding-bottom:0.75rem}:host([layout=list][size=large]){font-size:var(--font-size-24, 1.5rem)}:host([layout=list][size=large]) .names-wrapper{padding-bottom:1.25rem}:host([layout=list][size=extra-large]){font-size:var(--font-size-48, 3rem)}:host([layout=list][size=extra-large]) .names-wrapper{padding-bottom:var(--spacing-48, 3rem)}:host([layout=list][size=extra-extra-large]){font-size:var(--font-size-54, 3.375rem)}:host([layout=list][size=extra-extra-large]) .names-wrapper{padding-bottom:var(--spacing-64, 4rem)}:host([layout=name]){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host([layout=collection]){display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host([layout=name][layout=collection][size=large]){font-size:var(--font-size-12, 0.75rem)}:host([layout=name][layout=collection][size=extra-large]){font-size:var(--font-size-16, 1rem)}:host([layout=name][layout=collection][size=extra-extra-large]){font-size:var(--font-size-18, 1.125rem)}:host([layout=collection][size=large]){font-size:var(--font-size-12, 0.75rem)}:host([layout=collection][size=extra-large]){font-size:var(--font-size-16, 1rem)}:host([layout=collection][size=extra-extra-large]){font-size:var(--font-size-18, 1.125rem)}";
@@ -52,7 +52,7 @@ const YooAvatarsComponent = class {
     this.instant = false;
   }
   getTooltip(user) {
-    return this.withTooltip ? overlays.getUserDisplayName(user) : undefined;
+    return this.withTooltip ? index$1.getUserDisplayName(user) : undefined;
   }
   renderTwoUsersGrid() {
     return (index.h("div", { class: "two-users-container" }, index.h("div", { class: "top-left-container" }, index.h("yoo-avatar", { showBorder: this.showBorder, instant: this.instant, user: this.users[0], isOnline: this.users[0].isOnline, size: this.size, tooltip: this.getTooltip(this.users[0]) })), index.h("div", { class: "bottom-right-container" }, index.h("yoo-avatar", { showBorder: this.showBorder, instant: this.instant, user: this.users[1], isOnline: this.users[1].isOnline, size: this.size, tooltip: this.getTooltip(this.users[1]) }))));
@@ -77,7 +77,7 @@ const YooAvatarsComponent = class {
     return usersToDisplay.map((user, i) => {
       var _a;
       return [
-        index.h("div", { class: "names-wrapper" }, index.h("yoo-avatar", { showBorder: this.showBorder, color: ((_a = this.colors) === null || _a === void 0 ? void 0 : _a.length) > i ? this.colors[i] : null, instant: this.instant, user: user, isOnline: this.isOnline || user.isOnline, size: this.size, tooltip: this.getTooltip(user) }), index.h("span", null, overlays.getUserDisplayName(user)))
+        index.h("div", { class: "names-wrapper" }, index.h("yoo-avatar", { showBorder: this.showBorder, color: ((_a = this.colors) === null || _a === void 0 ? void 0 : _a.length) > i ? this.colors[i] : null, instant: this.instant, user: user, isOnline: this.isOnline || user.isOnline, size: this.size, tooltip: this.getTooltip(user) }), index.h("span", null, index$1.getUserDisplayName(user)))
       ];
     });
   }
@@ -116,7 +116,7 @@ const YooAvatarsComponent = class {
     return this.renderMultipleUsers();
   }
   renderShowMore() {
-    return index.h("div", { class: "names-wrapper show-more" }, index.h("span", null, overlays.translate('SHOWMORE') + '...'));
+    return index.h("div", { class: "names-wrapper show-more" }, index.h("span", null, index$1.translate('SHOWMORE') + '...'));
   }
   render() {
     return (index.h(index.Host, { layout: this.layout, size: this.size }, this.users && this.users.length > 0 && this.renderUsers(), this.showMore && this.renderShowMore()));

package/dist/cjs/yoo-banner.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');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-9aadeb94.js');
+require('./lodash-a9050d79.js');
+require('./index-7790c794.js');
 
 const bannerCss = "svg:not(:root){overflow:hidden}:host([fill]) yoo-icon[name=cross]{fill:var(--close-icon-color)}:host(:not([fill])){--main-color:var(--light, #ffffff);--main-text-color:var(--dark, #000000);-webkit-box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow-2, 0 0.3125rem 0.9375rem 0 rgba(40, 47, 54, 0.08))}:host(:not([fill])) yoo-icon[name=cross]{fill:var(--text-color, #807f83)}:host(.center) ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.sharp){border-radius:0}:host(.mobile){-ms-flex-flow:row wrap;flex-flow:row wrap}:host(.mobile) ::slotted([slot=content]){width:calc(100% - var(--spacing-40, 2.5rem))}:host(.mobile:not([size=large])) ::slotted([slot=action]){margin-bottom:var(--spacing-08, 0.5rem);margin-left:var(--icon-size-02, 1.5rem)}:host(.mobile[size=large]) ::slotted([slot=action]){margin-left:var(--spacing-08, 0.5rem)}:host(.mobile[size=large]:not([closable])) ::slotted([slot=action]){margin-left:var(--spacing-16, 1rem)}:host{--main-color:var(--warning, #ed6e33);--main-text-color:var(--light, #ffffff);--close-icon-color:var(--text-color, #807f83);display:block;padding:0 var(--spacing-08, 0.5rem);color:var(--main-text-color);font-size:var(--font-size-14, 0.875rem);background-color:var(--main-color);border-radius:var(--border-radius-04, 0.25rem)}:host .flex{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;width:100%;height:100%}:host .flex hr{width:1px;height:60%;margin-left:var(--spacing-08, 0.5rem);background:var(--close-icon-color);border:0;opacity:0.4}:host .action-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin-bottom:var(--spacing-08, 0.5rem)}:host .action-container.hasLeftIcon{margin-left:var(--icon-size-02, 1.5rem)}:host .action-container.small{margin-left:var(--icon-size-01, 1rem)}:host .action-container.large{margin-left:var(--icon-size-03, 2rem)}:host .link{font-weight:var(--font-weight-400, 400);text-decoration:underline;cursor:pointer;opacity:0.5}:host yoo-icon[name=cross],:host yoo-icon[name=close]{padding-right:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);cursor:pointer}:host .left-icon{margin-left:var(--spacing-08, 0.5rem)}:host([hidden]){display:none}::slotted([slot=content]){width:100%;padding:0 var(--spacing-08, 0.5rem);color:var(--main-text-color)}";
 

package/dist/cjs/yoo-barcode-dialog.cjs.entry.js

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-7790c794.js');
+const index$1 = require('./index-4cdf7949.js');
 require('./lodash-a9050d79.js');
-require('./index-a1bbe627.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const barcodeDialogCss = "svg:not(:root){overflow:hidden}:host yoo-ion-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host yoo-barcode{width:100%;height:100px;margin:1rem 0}";
@@ -16,7 +16,7 @@ const YooBarcodeDialogComponent = class {
     index.registerInstance(this, hostRef);
   }
   onClose() {
-    overlays.closeModal(null);
+    index$1.closeModal(null);
   }
   renderHeader() {
     return (index.h("yoo-header", null, index.h("yoo-navbar", null, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onClose() }, index.h("yoo-icon", { name: "close" }))), index.h("yoo-truncate", null, this.heading))));