@yoobic/yobi 8.5.0-60 → 8.5.0-62

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

@@ -3,11 +3,11 @@
 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$1 = require('./index-cb8276bc.js');
+require('./index-7790c794.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-0724ae60.js');
+const index$2 = require('./index-4cdf7949.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');
-require('./index-a1bbe627.js');
+const overlays = require('./overlays-9ef1a429.js');
+require('./index-7790c794.js');
+require('./index-4cdf7949.js');
+require('./index-cb8276bc.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-cb8276bc.js');
+require('./index-7790c794.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-0724ae60.js');
+const overlays = require('./overlays-9ef1a429.js');
+const theme = require('./theme-8f24b433.js');
+const modalAnimations = require('./modal-animations-fa993755.js');
+const index$1 = require('./index-4cdf7949.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,12 +3,12 @@
 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-7790c794.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
-const overlays = require('./overlays-e5d2ff76.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 navbarCss = "svg:not(:root){overflow:hidden}:host{--top-container-min-height:2.75rem;--top-container-padding:0 var(--spacing-08, 0.5rem);--bottom-container-padding:0;--bottom-shadow:0 0.0625rem 0 0 var(--stable-light, #f1f1f1);--center-padding:0 var(--spacing-16, 1rem);--center-display:flex;--background-color:var(--light-10, rgba(255, 255, 255, 0.1));z-index:10;display:block;width:100%;color:var(--dark, #000000);background:var(--background-color);-webkit-transition:all 0.3s;transition:all 0.3s}:host .center-container{padding-right:var(--center-padding-right);padding-left:var(--center-padding-left)}:host ::slotted(yoo-icon){fill:var(--text-color, #807f83)}:host ::slotted(yoo-form-input),:host ::slotted(yoo-entity-search-tags){width:100%;margin-right:var(--spacing-08, 0.5rem)}:host(.web){--top-container-min-height:3.5rem;--top-container-padding:0 var(--spacing-16, 1rem)}:host(.web.chat){--top-container-min-height:var(--spacing-32, 2rem)}:host(.web.grid:not(.feeds):not(.questions):not(.card-inbox):not(.card-inbox-ongoing):not(.notifications)){--top-container-min-height:2.75rem;--top-container-padding:var(--spacing-16, 1rem) 0 !important;background:transparent}:host(.web.grid.card-inbox),:host(.web.grid.card-inbox-ongoing){--top-container-min-height:2.75rem;--top-container-padding:0.625rem 0 !important;background:transparent}:host(.web.grid.form) .outer-container .top-container{padding:0 0 var(--spacing-08, 0.5rem)}:host(.web.grid) .outer-container .top-container{padding-right:var(--spacing-08, 0.5rem)}:host(.web.grid.rtl) .outer-container .top-container{padding-right:0;padding-left:var(--spacing-08, 0.5rem)}:host(.grid.form.web.search-only){z-index:20004}:host(.overflow-hidden) .center-container{overflow:hidden}:host(.large-font) .center-container{font-weight:var(--font-weight-900, 900);font-size:var(--font-size-32, 2rem)}:host(.light){--bottom-shadow:0 0.0625rem 0 0 var(--stable-light, #f1f1f1);color:var(--dark, #000000);background:var(--light, #ffffff)}:host(.light) ::slotted(yoo-icon){fill:var(--text-color, #807f83)}:host(.transparent){--bottom-shadow:0;color:var(--light, #ffffff);background:transparent}:host(.transparent) ::slotted(yoo-icon){fill:var(--light, #ffffff)}:host(.gradient){--bottom-shadow:0;color:var(--light, #ffffff);background:var(--navbar-gradient, linear-gradient(rgba(0, 0, 0, 0.7), transparent))}:host(.gradient) ::slotted(yoo-items){fill:var(--light, #ffffff)}:host(.dark) .outer-container{color:var(--light, #ffffff);background:var(--dark, #000000)}:host(.app-color) .outer-container{color:var(--light, #ffffff);background:var(--app-color, #5a30f4)}:host(.no-shadow){--bottom-shadow:0}:host([center-title=true]) .center-container,:host([center-title]) .center-container{-ms-flex-pack:center;justify-content:center}:host([grid]) .top-container{display:grid;grid-template-columns:var(--top-container-grid-template-columns)}:host([grid]) .end-container{-ms-flex-pack:end;justify-content:flex-end}:host([grid][center-title]){--top-container-grid-template-columns:repeat(3, 1fr)}:host([grid]:not([center-title])){--top-container-grid-template-columns:auto auto 1fr}:host(.full-width) .top-container .start-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;width:100%}:host(.full-width) .top-container .center-container{display:none}.outer-container{position:relative;width:100%;padding-top:var(--safe-area-inset-top);-webkit-box-shadow:var(--bottom-shadow);box-shadow:var(--bottom-shadow)}.top-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:stretch;align-items:stretch;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;min-height:var(--top-container-min-height);padding:var(--top-container-padding)}.top-container .start-container,.top-container .end-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:0;flex:0;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}.top-container .center-container{display:var(--center-display);-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;margin:var(--center-padding);overflow:visible;word-break:break-all}.content-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:var(--bottom-container-padding)}:host(.autocomplete){height:2rem;padding-top:var(--spacing-04, 0.25rem)}:host(.autocomplete) .outer-container{height:2rem;-webkit-box-shadow:none;box-shadow:none}:host(.autocomplete) .outer-container .top-container{min-height:2rem}:host(.autocomplete) .outer-container .top-container .center-container{height:2rem;padding-right:var(--spacing-04, 0.25rem)}:host(.web.autocomplete) .outer-container .content-container{padding-left:0}:host(.autocomplete-dialog-no-tags){display:-ms-flexbox;display:flex;height:3rem}:host([swipeable].iphone-x){height:5rem}:host([swipeable]){position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;height:4rem}:host([swipeable]) .swipe-bar{position:absolute;top:0.5rem;right:calc(50% - 1.5rem);bottom:auto;left:auto;width:3rem;height:0.25rem;background-color:var(--stable);border-radius:0.21875rem}:host(.no-padding){--top-container-padding:0.75rem 2px 0.75rem 0px !important}:host(.linear-gradient) .outer-container .top-container{z-index:1}:host(.linear-gradient) .outer-container::after{position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;background-image:var(--linear-gradient-01, linear-gradient(to top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.06), rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.19), rgba(0, 0, 0, 0.26), rgba(0, 0, 0, 0.34), rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.58), rgba(0, 0, 0, 0.66), rgba(0, 0, 0, 0.74), rgba(0, 0, 0, 0.81), rgba(0, 0, 0, 0.88), rgba(0, 0, 0, 0.94), var(--dark, #000000)));opacity:0.5;content:\"\"}:host(.custom-theme:not([ccenter-title]):not(.grid)){background:var(--app-color-10, rgba(90, 48, 244, 0.1));--stable:var(--app-color, #5a30f4)}:host(.mobile.custom-theme.main){background:var(--app-color, #5a30f4);--dark:var(--light, #ffffff)}";
@@ -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,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-require('./index-9aadeb94.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const overlays = require('./overlays-e5d2ff76.js');
-require('./index-a1bbe627.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const index$1 = require('./index-4cdf7949.js');
+require('./index-cb8276bc.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const numbersDisplayCss = "svg:not(:root){overflow:hidden}.accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.dark{color:var(--dark, #000000);fill:var(--dark, #000000)}.energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin:0 auto;color:var(--stable, #adadad)}:host .outer-container hr{width:0.0625rem;height:2rem;background:var(--stable-light, #f1f1f1);border:0}:host .outer-container .cell-container{-ms-flex:1;flex:1;text-align:center}:host .outer-container .cell-container .value{padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-36, 2.25rem);line-height:normal}:host .outer-container .cell-container .title{font-size:var(--font-size-12, 0.75rem);line-height:1.5}";
@@ -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: {