@yoobic/yobi 8.5.0-60 → 8.5.0-61

package/dist/cjs/yoo-mission-todo.cjs.entry.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const operationHelpers = require('./operation-helpers-daf02f73.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-6f92bccb.js');
+const operationHelpers = require('./operation-helpers-7f4fd305.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -40,7 +40,7 @@ const YooMissionTodoComponent = class {
   }
   render() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-    const cleanPriority = ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.priority) === ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.priority) || !overlays.isPresent((_d = this.mission) === null || _d === void 0 ? void 0 : _d.priority);
+    const cleanPriority = ((_b = (_a = this.mission) === null || _a === void 0 ? void 0 : _a.todo) === null || _b === void 0 ? void 0 : _b.priority) === ((_c = this.mission) === null || _c === void 0 ? void 0 : _c.priority) || !index$1.isPresent((_d = this.mission) === null || _d === void 0 ? void 0 : _d.priority);
     const slidesTodo = operationHelpers.cleanupTodoSlides(this.slidesTodo, cleanPriority, this.isPdf);
     return (index.h(index.Host, null, index.h("yoo-form-dynamic", { class: "inline inline-row-narrow no-border-collapsible", scrollable: false, slides: slidesTodo, data: (_e = this.mission) === null || _e === void 0 ? void 0 : _e.todo, showRecap: false, showTabs: false, forceReadonly: true, animated: this.animated }), !!((_h = (_g = (_f = this.mission) === null || _f === void 0 ? void 0 : _f.todo) === null || _g === void 0 ? void 0 : _g.values) === null || _h === void 0 ? void 0 : _h.length) && [
       (!!((_j = this.mission.todo.description) === null || _j === void 0 ? void 0 : _j.length) && !!((_k = this.mission.todo.documents) === null || _k === void 0 ? void 0 : _k.length) || !this.isTodoCampaign) &&

package/dist/cjs/yoo-mobile-tabbar-more.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');
@@ -18,7 +18,7 @@ const YooMobileTabbarMoreComponent = class {
   }
   render() {
     const items = this.items ? [...this.items.filter((_, index) => index % 2 === 0), ...this.items.filter((_, index) => index % 2 === 1)] : [];
-    return (index.h(index.Host, null, items.length > 10 && (index.h("yoo-form-input", { size: "large", class: "menu", "icon-prefix": "search", hideOptional: true, clearable: false, forceValueUpdate: true, placeholder: overlays.translate('SEARCHMODULES'), onInputChanged: ({ detail }) => (this.search = detail) })), index.h("ul", { hidden: !items.length }, items.map((item) => {
+    return (index.h(index.Host, null, items.length > 10 && (index.h("yoo-form-input", { size: "large", class: "menu", "icon-prefix": "search", hideOptional: true, clearable: false, forceValueUpdate: true, placeholder: index$1.translate('SEARCHMODULES'), onInputChanged: ({ detail }) => (this.search = detail) })), index.h("ul", { hidden: !items.length }, items.map((item) => {
       var _a;
       return (index.h("li", { hidden: this.search && !((_a = item.text) === null || _a === void 0 ? void 0 : _a.toLowerCase().includes(this.search.toLowerCase())) }, index.h("yoo-card-list-color", { onClick: () => this.itemClicked.emit(item), entry: { subHeading: item.text, iconTopLeft: item.icon, iconTopLeftColor: 'app-color' }, notif: item.notif })));
     }))));

package/dist/cjs/yoo-mobile-tabbar.cjs.entry.js

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
 const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+require('./index-6f92bccb.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const index$2 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const mobileTabbarCss = "svg:not(:root){overflow:hidden}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;height:3rem;background:var(--light-10, rgba(255, 255, 255, 0.1));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .outer-container .item-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;min-width:48px;padding-top:0.4875rem;overflow:hidden;color:var(--stable, #adadad)}:host .outer-container .item-container .text-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:100%}:host .outer-container .item-container.active .icon-container yoo-icon{fill:var(--app-color, #5a30f4)}:host .outer-container .item-container.active .text-container{color:var(--app-color, #5a30f4);text-align:center}:host .outer-container .item-container .icon-container{position:relative;max-height:22px;margin-bottom:-5px}:host .outer-container .item-container .icon-container yoo-badge{position:absolute;top:-2px;right:-5px}:host .outer-container .item-container .text{padding:0 var(--spacing-08, 0.5rem);font-size:var(--font-size-12, 0.75rem)}:host(.iphone-x) .outer-container,:host(.ipad-pro) .outer-container{-ms-flex-align:start;align-items:flex-start;height:73px !important}:host(.iphone-x) .outer-container .item-container,:host(.ipad-pro) .outer-container .item-container{-ms-flex-pack:initial !important;justify-content:initial !important;height:100%}:host(.hidden){display:none}";
@@ -73,8 +73,8 @@ const YooMobileTabbarComponent = class {
     }
     return (index.h(index.Host, { class: commonHelpers.getAppContext(this.host) }, index.h("div", { class: "outer-container", style: { 'grid-template-columns': `repeat(auto-fit, minmax(${(this.items || []).length / 100}%, 1fr))` } }, (this.items || []).map((item, index$1) => {
       const isVisible = hasOverflowMenu ? index$1 < this.maxTabs - 1 : index$1 < this.maxTabs;
-      return isVisible ? (index.h("div", { class: 'item-container ' + (index$1 === this.activeIndex ? 'active' : ''), onClick: () => this.onIconClick(item, index$1) }, item.icon && (index.h("div", { class: "icon-container" }, index.h("yoo-icon", { name: item.icon, color: index$1 === this.activeIndex ? 'app-color' : 'stable' }), item.notif && index.h("yoo-badge", { shape: "dot" }))), item.text ? (index.h("div", { class: "text-container" }, index.h("span", { class: "text" }, overlays.translateMulti(item.text)))) : null)) : null;
-    }), hasOverflowMenu && (index.h("div", { class: 'item-container ' + (this.activeIndex >= this.maxTabs - 1 ? 'active' : ''), onClick: () => this.onShowMore() }, index.h("div", { class: "icon-container" }, index.h("yoo-icon", { name: "menu", color: "stable" }), hasOverflowNotif && index.h("yoo-badge", { shape: "dot" })), index.h("div", { class: "text-container" }, index.h("span", { class: "text" }, overlays.translate('YOOBICMORE'))))))));
+      return isVisible ? (index.h("div", { class: 'item-container ' + (index$1 === this.activeIndex ? 'active' : ''), onClick: () => this.onIconClick(item, index$1) }, item.icon && (index.h("div", { class: "icon-container" }, index.h("yoo-icon", { name: item.icon, color: index$1 === this.activeIndex ? 'app-color' : 'stable' }), item.notif && index.h("yoo-badge", { shape: "dot" }))), item.text ? (index.h("div", { class: "text-container" }, index.h("span", { class: "text" }, index$2.translateMulti(item.text)))) : null)) : null;
+    }), hasOverflowMenu && (index.h("div", { class: 'item-container ' + (this.activeIndex >= this.maxTabs - 1 ? 'active' : ''), onClick: () => this.onShowMore() }, index.h("div", { class: "icon-container" }, index.h("yoo-icon", { name: "menu", color: "stable" }), hasOverflowNotif && index.h("yoo-badge", { shape: "dot" })), index.h("div", { class: "text-container" }, index.h("span", { class: "text" }, index$2.translate('YOOBICMORE'))))))));
   }
   get host() { return index.getElement(this); }
 };

package/dist/cjs/yoo-modal-controller.cjs.entry.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const overlays = require('./overlays-c62c8eaa.js');
-require('./index-9aadeb94.js');
-require('./overlays-e5d2ff76.js');
-require('./lodash-a9050d79.js');
+const overlays = require('./overlays-12028d37.js');
+require('./index-6f92bccb.js');
+require('./index-0cfb67d1.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
+require('./lodash-a9050d79.js');
 
 const YooModalControllerComponent = class {
   constructor(hostRef) {

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

@@ -3,14 +3,14 @@
 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 commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays$1 = require('./overlays-c62c8eaa.js');
-const theme = require('./theme-1cc4e7d5.js');
-const modalAnimations = require('./modal-animations-0cbb2d14.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
+const overlays = require('./overlays-12028d37.js');
+const theme = require('./theme-d609ad82.js');
+const modalAnimations = require('./modal-animations-7c2c949c.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 async function attachComponent(delegate, container, component, cssClasses, componentProps) {
@@ -93,15 +93,15 @@ const YooModalComponent = class {
     this.arrowElements = [];
     this.onKeyboardDidShow = async (ev) => {
       var _a;
-      if (!overlays.isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && !this.fullscreen) {
+      if (!index$1.isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && !this.fullscreen) {
         this.keyboardHeight = ev['keyboardHeight'];
-        await overlays.gsapTo(this.dialogElement, 0.5, { y: 0, height: window.innerHeight + this.keyboardHeight });
+        await index$1.gsapTo(this.dialogElement, 0.5, { y: 0, height: window.innerHeight + this.keyboardHeight });
         this.setFullscreen();
       }
     };
     this.onKeyboardDidHide = () => {
       var _a;
-      if (!overlays.isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && this.fullscreen) {
+      if (!index$1.isWeb(this.host) && this.dialogElement && ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.half) && this.fullscreen) {
         this.keyboardHeight = 0;
         this.setFullscreen();
       }
@@ -109,11 +109,11 @@ const YooModalComponent = class {
   }
   get customHeight() {
     var _a;
-    return ((_a = overlays.findDevice(this.host)) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('.screen').clientHeight) || window.innerHeight;
+    return ((_a = index$1.findDevice(this.host)) === null || _a === void 0 ? void 0 : _a.shadowRoot.querySelector('.screen').clientHeight) || window.innerHeight;
   }
   get zIndexOverlay() {
     var _a;
-    return (overlays.MODAL_BASE_ZINDEX + (((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.overlayId) || this.overlayId || 0)).toString();
+    return (index$1.MODAL_BASE_ZINDEX + (((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.overlayId) || this.overlayId || 0)).toString();
   }
   onDismiss(ev) {
     ev.stopPropagation();
@@ -121,7 +121,7 @@ const YooModalComponent = class {
     this.dismiss();
   }
   onBackdropTap() {
-    this.dismiss(null, overlays$1.BACKDROP);
+    this.dismiss(null, overlays.BACKDROP);
   }
   lifecycle(modalEvent) {
     commonHelpers.lifecycleEvents(modalEvent, this.dialogContentElement, LIFECYCLE_MAP);
@@ -132,19 +132,22 @@ const YooModalComponent = class {
   }
   onPanned(event) {
     if (event === null || event === void 0 ? void 0 : event.detail) {
+      if (this.host.classList.contains('app-creator-device')) {
+        event.stopPropagation();
+      }
       const modalHeight = window.innerHeight;
       const yPos = event.detail.y;
       const dialogYPos = this.modalYPosition + yPos;
       if (lodash.inRange(dialogYPos, 0, window.innerHeight)) {
         this.dialogElement.style.zIndex = (parseFloat(this.zIndexOverlay) + 1).toString();
-        overlays.gsapSet(this.dialogElement, { y: dialogYPos, height: modalHeight - dialogYPos });
+        index$1.gsapSet(this.dialogElement, { y: dialogYPos, height: modalHeight - dialogYPos });
       }
       if (event.detail.isFinal) {
         const goToMiddle = lodash.inRange(dialogYPos, modalHeight * 0.25, modalHeight * 0.75);
         const goToTop = dialogYPos < modalHeight * 0.25;
         const shouldDismiss = dialogYPos > modalHeight * 0.75;
         if (goToMiddle) {
-          overlays.gsapTo(this.dialogElement, 0.25, {
+          index$1.gsapTo(this.dialogElement, 0.25, {
             y: modalHeight * 0.5,
             height: window.innerHeight / 2,
             onComplete: () => {
@@ -155,7 +158,7 @@ const YooModalComponent = class {
           });
         }
         if (goToTop) {
-          overlays.gsapTo(this.dialogElement, 0.25, {
+          index$1.gsapTo(this.dialogElement, 0.25, {
             y: 0,
             height: window.innerHeight,
             onComplete: () => {
@@ -175,9 +178,9 @@ const YooModalComponent = class {
     const { x, y } = this.dialogElement.getBoundingClientRect();
     if (this.dialogElement) {
       if (!isFullScreen) {
-        this.dialogElement.classList.remove(index$1.FullscreenImportantModalClass);
+        this.dialogElement.classList.remove(index$2.FullscreenImportantModalClass);
       }
-      return overlays.gsapTo(this.dialogElement, 0.25, {
+      return index$1.gsapTo(this.dialogElement, 0.25, {
         width: isFullScreen ? '100%' : modalWidth || 'auto',
         height: isFullScreen ? '100%' : modalHeight || this.getModalHeight(),
         maxHeight: isFullScreen ? '100%' : modalHeight || 'calc(100% - 2 * 3.5rem)',
@@ -188,7 +191,7 @@ const YooModalComponent = class {
         y: isFullScreen ? 0 : y
       }).then(() => {
         if (isFullScreen) {
-          this.dialogElement.classList.add(index$1.FullscreenImportantModalClass);
+          this.dialogElement.classList.add(index$2.FullscreenImportantModalClass);
         }
       });
     }
@@ -207,9 +210,9 @@ const YooModalComponent = class {
     this.modalYPosition = isHalfSize ? this.customHeight * coeffHalf : 0;
     const isFromBottom = ((_a = this.finalEnterAnimation) === null || _a === void 0 ? void 0 : _a.includes('slideYEnterAnimation')) && this.component instanceof HTMLElement && !isAutocompleteDialog;
     const isContextMenu = this.isMode('context-menu') || this.isMode('language-selector');
-    const allowScaleEffect = overlays.isWeb(this.host) && !this.isMode('quickview') && !this.isMode('transparent');
+    const allowScaleEffect = index$1.isWeb(this.host) && !this.isMode('quickview') && !this.isMode('transparent');
     const allowFadeInContent = (this.waitForContentLoaded || allowScaleEffect) && !isContextMenu && !this.isMode('no-fade-in');
-    const cssClasses = overlays.isWeb(this.host) ? (allowFadeInContent ? ['hide'] : []) : isHalfSize ? ['ion-page', 'half'] : !isPhotoEditor ? ['ion-page'] : [];
+    const cssClasses = index$1.isWeb(this.host) ? (allowFadeInContent ? ['hide'] : []) : isHalfSize ? ['ion-page', 'half'] : !isPhotoEditor ? ['ion-page'] : [];
     cssClasses.push('modal-view');
     if (this.presented || !this.dialogElement) {
       return;
@@ -217,7 +220,7 @@ const YooModalComponent = class {
     if (isFromBottom && !this.componentProps.half) {
       this.dialogElement.style.transform = `translateY(${this.customHeight}px)`;
     }
-    if (overlays.isWeb(this.host)) {
+    if (index$1.isWeb(this.host)) {
       this.dialogElement.style.height = this.getModalHeight();
       this.dialogElement.style.minHeight = this.getModalMinHeight();
       this.dialogElement.style.width = this.getModalDimension('width');
@@ -225,7 +228,7 @@ const YooModalComponent = class {
       this.dialogElement.style.top = this.getModalDimension('top');
       this.dialogElement.style.left = this.getModalDimension('left');
     }
-    if (!overlays.isAnimationsDisabled()) {
+    if (!index$1.isAnimationsDisabled()) {
       if (!isContextMenu) {
         this.dialogElement.style.opacity = '0';
       }
@@ -239,7 +242,7 @@ const YooModalComponent = class {
         this.dialogContentElement = element;
         this.setDialogPosition();
         this.elementToAnimate = !isContextMenu ? this.dialogElement : this.dialogContentElement;
-        if (overlays.isAnimationsDisabled() && this.dialogContentElement) {
+        if (index$1.isAnimationsDisabled() && this.dialogContentElement) {
           this.dialogContentElement.style.transform = 'none';
         }
         if (!isContextMenu) {
@@ -253,12 +256,12 @@ const YooModalComponent = class {
           this.componentInstance = this.dialogContentElement.componentInstance;
         }
         if (this.showBackdrop && !this.isMode('no-shadow') && !this.isMode('context-menu')) {
-          overlays.fadeScaleAnimation(this.overlay, 'Enter', false, 0.5);
+          index$1.fadeScaleAnimation(this.overlay, 'Enter', false, 0.5);
         }
         if ((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.dialogContentElement) {
           this.dialogElement.style.width = `${this.componentProps.dialogContentElement.clientWidth}px`;
         }
-        return overlays.present(this, () => modalAnimations.modalAnimationFactory(this.finalEnterAnimation, this.elementToAnimate, {
+        return index$1.present(this, () => modalAnimations.modalAnimationFactory(this.finalEnterAnimation, this.elementToAnimate, {
           scaleEffect: allowScaleEffect,
           duration: this.modalEnterAnimationDuration,
           modalPosition: this.componentProps.half && coeffHalf,
@@ -281,7 +284,7 @@ const YooModalComponent = class {
     }
     const isLanguageSelector = this.host.classList.contains('language-selector');
     if (this.showBackdrop && !this.isMode('no-shadow') && !this.isMode('context-menu')) {
-      overlays.fadeScaleAnimation(this.overlay, 'Leave', false, 0.5);
+      index$1.fadeScaleAnimation(this.overlay, 'Leave', false, 0.5);
     }
     if (isLanguageSelector) {
       this.dialogElement.style.display = 'none';
@@ -289,7 +292,7 @@ const YooModalComponent = class {
     if (this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
     }
-    return overlays.dismiss(this, data, role, overlayDismiss, () => {
+    return index$1.dismiss(this, data, role, overlayDismiss, () => {
       const coeffHalf = 1 - (this.componentProps.coeffHalf || 0.5);
       return modalAnimations.modalAnimationFactory(this.finalLeaveAnimation, this.elementToAnimate, {
         duration: this.modalLeaveAnimationDuration,
@@ -306,7 +309,7 @@ const YooModalComponent = class {
    *
    */
   async onDidPresent(callback) {
-    return overlays$1.eventMethod(this.host, 'modalDidPresent', callback);
+    return overlays.eventMethod(this.host, 'modalDidPresent', callback);
   }
   /**
    * Returns a promise that resolves when the modal did dismiss. It also accepts a callback
@@ -314,7 +317,7 @@ const YooModalComponent = class {
    *
    */
   async onDidDismiss(callback) {
-    return overlays$1.eventMethod(this.host, 'modalDidDismiss', callback);
+    return overlays.eventMethod(this.host, 'modalDidDismiss', callback);
   }
   /**
    * Returns a promise that resolves when the modal will dismiss. It also accepts a callback
@@ -322,11 +325,11 @@ const YooModalComponent = class {
    *
    */
   async onWillDismiss(callback) {
-    return overlays$1.eventMethod(this.host, 'modalWillDismiss', callback);
+    return overlays.eventMethod(this.host, 'modalWillDismiss', callback);
   }
   async toggleDraggable(enable, options) {
     if (enable && !this.dragInstance) {
-      this.dragInstance = new overlays.Draggable(this.dialogElement, {
+      this.dragInstance = new index$1.Draggable(this.dialogElement, {
         cursor: 'grab',
         zIndexBoost: false,
         allowEventDefault: true,
@@ -344,17 +347,17 @@ const YooModalComponent = class {
     }
   }
   componentWillLoad() {
-    this.finalEnterAnimation = this.enterAnimation || overlays.getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true });
-    this.finalLeaveAnimation = this.leaveAnimation || overlays.getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true });
+    this.finalEnterAnimation = this.enterAnimation || index$1.getModalAnimation('Enter', 'X', { host: this.host, reversedSlide: true });
+    this.finalLeaveAnimation = this.leaveAnimation || index$1.getModalAnimation('Leave', 'X', { host: this.host, reversedSlide: true });
     this.clearFocusing();
   }
   componentDidLoad() {
     this.modalDidLoad.emit();
-    if (this.host.classList.contains('preview') && overlays.isWeb(this.host)) {
+    if (this.host.classList.contains('preview') && index$1.isWeb(this.host)) {
       this.setPreviewModalIndicatorPosition();
       window.addEventListener('resize', this.resizeListener);
     }
-    if (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       this.keyboardDidHideListener = lodash.debounce(this.onKeyboardDidHide, 500).bind(this);
       window.addEventListener('keyboardDidHide', this.keyboardDidHideListener);
       this.keyboardDidShowListener = lodash.debounce(this.onKeyboardDidShow, 500).bind(this);
@@ -365,10 +368,10 @@ const YooModalComponent = class {
     if (this.dialogElement && this.dialogElement.parentElement && this.dialogElement.parentElement.isConnected) {
       this.modalDidUnload.emit();
     }
-    if (this.host.classList.contains('preview') && overlays.isWeb(this.host) && this.resizeListener) {
+    if (this.host.classList.contains('preview') && index$1.isWeb(this.host) && this.resizeListener) {
       window.removeEventListener('resize', this.resizeListener);
     }
-    if (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       window.removeEventListener('keyboardDidHide', this.keyboardDidHideListener);
       window.removeEventListener('keyboardDidShow', this.keyboardDidShowListener);
     }
@@ -401,9 +404,9 @@ const YooModalComponent = class {
     if (this.componentProps.hostElement) {
       const hostElement = this.componentProps.hostElement;
       const hostBoundings = hostElement.getBoundingClientRect();
-      const { height, left, top, placement } = overlays.getDialogPosition(hostElement, 'below', this.dialogElement, ((_b = (_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.dialogContentElement) === null || _b === void 0 ? void 0 : _b.clientWidth) || hostBoundings.width);
+      const { height, left, top, placement } = index$1.getDialogPosition(hostElement, 'below', this.dialogElement, ((_b = (_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.dialogContentElement) === null || _b === void 0 ? void 0 : _b.clientWidth) || hostBoundings.width);
       this.dialogElement.style.margin = '0';
-      if (overlays.isRTL()) {
+      if (index$1.isRTL()) {
         this.dialogElement.style.right = 'unset';
       }
       this.dialogElement.style.left = `${left}px`;
@@ -550,7 +553,7 @@ const YooModalComponent = class {
     const isProfilePreview = this.host.classList.contains('profile');
     const dialogClasses = { ...theme.createThemedClasses(undefined, 'modal-wrapper') };
     const leftPosition = this.componentProps ? `${this.componentProps.position}px` : '0px';
-    const dialogStyle = { zIndex: this.zIndexOverlay, [overlays.isRTL() ? 'right' : 'left']: leftPosition };
+    const dialogStyle = { zIndex: this.zIndexOverlay, [index$1.isRTL() ? 'right' : 'left']: leftPosition };
     return (index.h("div", { ref: (el) => (this.dialogElement = el), role: "dialog", class: dialogClasses, style: dialogStyle }, isPreview && isProfilePreview && [index.h("div", { class: "fade-overlay top" }), index.h("div", { class: "fade-overlay bottom" })]));
   }
   render() {
@@ -561,14 +564,14 @@ const YooModalComponent = class {
         ...theme.getClassMap(this.cssClass),
         ...commonHelpers.getAppContext(this.host),
         // If in the web but not with a custom host - the modal should be centered with fixed width/height
-        safari: overlays.isSafari(),
-        offline: overlays.isOffline() && !overlays.isIphoneX(),
-        'offline-iphone-x': overlays.isOffline() && overlays.isIphoneX(),
+        safari: index$1.isSafari(),
+        offline: index$1.isOffline() && !index$1.isIphoneX(),
+        'offline-iphone-x': index$1.isOffline() && index$1.isIphoneX(),
         half: this.componentProps.half,
         'swipe-to-close': this.swipeRightToClose,
         navigable: this.navigable,
-        'webpart': (_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.isWebPart
-      } }, this.showBackdrop && (index.h("div", { ref: (el) => (this.overlay = el), class: "overlay", style: { 'z-index': this.zIndexOverlay }, onClick: (ev) => this.onOverlayDismissClick(ev) })), this.swipeRightToClose ? index.h("yoo-swipe-container", { onSwipedRight: () => this.closeModal() }, this.renderDialog()) : this.renderDialog(), overlays.isWeb(this.host) &&
+        'webpart': (_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.isWebPart
+      } }, this.showBackdrop && (index.h("div", { ref: (el) => (this.overlay = el), class: "overlay", style: { 'z-index': this.zIndexOverlay }, onClick: (ev) => this.onOverlayDismissClick(ev) })), this.swipeRightToClose ? index.h("yoo-swipe-container", { onSwipedRight: () => this.closeModal() }, this.renderDialog()) : this.renderDialog(), index$1.isWeb(this.host) &&
       this.navigable &&
       ['left', 'right'].map((direction, index$1) => {
         return (index.h("div", { onClick: () => this.onArrowClick(direction), ref: (el) => (this.arrowElements[index$1] = el), style: zIndexStyle, class: `arrow-container ${direction}` }, index.h("yoo-icon", { size: "extra-large", color: "light", name: direction })));

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
+require('./index-6f92bccb.js');
+const commonHelpers = require('./common-helpers-44428bf7.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
-const overlays = require('./overlays-e5d2ff76.js');
+const index$1 = require('./index-0cfb67d1.js');
 require('./lodash-a9050d79.js');
 require('./index-a1bbe627.js');
 require('./_commonjsHelpers-94df2ea7.js');
@@ -66,8 +66,8 @@ const YooNavbarComponent = class {
     const leftWidth = dimensionsHelpers.getElementDimensions(elementStart).width || 0;
     const endWidth = dimensionsHelpers.getElementDimensions(elementEnd).width || 0;
     const margin = this.computeCenterPadding(leftWidth, endWidth);
-    this.center.style.setProperty('--center-padding-right', overlays.isRTL() ? margin[0] : margin[1]);
-    this.center.style.setProperty('--center-padding-left', overlays.isRTL() ? margin[1] : margin[0]);
+    this.center.style.setProperty('--center-padding-right', index$1.isRTL() ? margin[0] : margin[1]);
+    this.center.style.setProperty('--center-padding-left', index$1.isRTL() ? margin[1] : margin[0]);
   }
   onSlotChange() {
     if (!this.grid) {
@@ -75,7 +75,7 @@ const YooNavbarComponent = class {
     }
   }
   render() {
-    const isCustomTheme = overlays.getSession().isCustomTheme;
+    const isCustomTheme = index$1.getSession().isCustomTheme;
     return (index.h(index.Host, { "center-title": this.centerTitle, class: { ...commonHelpers.getAppContext(this.host), 'custom-theme': isCustomTheme } }, index.h("div", { class: "outer-container" }, index.h("div", { class: "top-container", dir: document.dir }, index.h("div", { class: "start-container" }, index.h("slot", { name: "start", onSlotchange: this.onSlotChange.bind(this) })), index.h("div", { class: "center-container", ref: (el) => (this.center = el) }, index.h("slot", null)), index.h("div", { class: "end-container" }, index.h("slot", { name: "end", onSlotchange: this.onSlotChange.bind(this) }))), index.h("div", { class: "content-container" }, index.h("slot", { name: "content" }))), this.swipeable && index.h("div", { class: "swipe-bar" })));
   }
   get host() { return index.getElement(this); }

package/dist/cjs/yoo-numbers-display.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');
 
@@ -23,9 +23,9 @@ const YooNumbersDisplayComponent = class {
   }
   renderItems() {
     var _a;
-    return (_a = commonHelpers.filterDuplicateItems(this.entry, 'title')) === null || _a === void 0 ? void 0 : _a.map((entry, index$1) => {
-      const title = (entry.title && overlays.translate(entry.title.toUpperCase())) || overlays.translate('YOOBICNA');
-      const isOdd = index$1 > 0 && index$1 % 2 === 1;
+    return (_a = commonHelpers.filterDuplicateItems(this.entry, 'title')) === null || _a === void 0 ? void 0 : _a.map((entry, index$2) => {
+      const title = (entry.title && index$1.translate(entry.title.toUpperCase())) || index$1.translate('YOOBICNA');
+      const isOdd = index$2 > 0 && index$2 % 2 === 1;
       return [
         isOdd && index.h("hr", null),
         index.h("div", { class: "cell-container" }, index.h("div", { class: {