@yoobic/yobi 8.2.2 → 8.3.0-2

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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-fc264952.js');
-const index$2 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const mobileTabbarCss = ":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}";
@@ -72,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" }, 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'))))))));
+      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'))))))));
   }
   get host() { return index.getElement(this); }
 };

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const modalCss = ":host.padding .outer-container .modal-body{padding:1rem}:host .outer-container{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;height:100%;background:var(--light, #ffffff);border-radius:0.3125rem}:host .outer-container .modal-header{background-clip:padding-box;-webkit-border-top-left-radius:0.3125rem;border-top-left-radius:0.3125rem;-webkit-border-top-right-radius:0.3125rem;border-top-right-radius:0.3125rem;z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0.75rem;color:var(--dark, #000000);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .outer-container .modal-header .inner-header{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-ms-flex:1;flex:1;padding:0 1rem;text-align:center}:host .outer-container .modal-header .modal-heading{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem)}:host .outer-container .modal-header .icon{padding:0.5rem;cursor:pointer}:host .outer-container .modal-header .close-icon{padding-right:0.5rem;cursor:pointer}:host .outer-container .modal-header .hide-icon{color:transparent}:host .outer-container .modal-body{position:relative;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;min-height:10.9375rem}:host .outer-container .modal-body .modal-scroll-container{width:100%;height:100%}:host .outer-container .modal-body .modal-scroll-container .bg-stable-ultralight{background:var(--stable-ultralight, #fafafa)}:host .outer-container .modal-body .modal-content{width:100%}:host .outer-container .modal-footer{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:1rem;-webkit-box-shadow:var(--input-bar-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15));box-shadow:var(--input-bar-shadow, 0 0.0625rem 0.625rem 0 rgba(0, 0, 0, 0.15))}:host .outer-container .modal-footer .footer-buttons{display:-ms-flexbox;display:flex;-ms-flex:1 1 33%;flex:1 1 33%;-ms-flex-direction:row;flex-direction:row;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end}:host .outer-container .modal-footer .footer-buttons .primary-button,:host .outer-container .modal-footer .footer-buttons .secondary-button{padding-top:0.5rem;padding-right:0.5rem;padding-bottom:0.5rem}:host(.custom-controller){position:relative;z-index:2000}:host(.custom-controller) .outer-container{height:auto}:host(.fullscreen){position:fixed;top:0;right:0;bottom:0;left:0;margin-top:0;margin-left:0}:host(.fullscreen) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.fullscreen) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.fullscreen) .outer-container .modal-body{padding-top:5.0625rem}:host(.fullscreen) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.drawer){position:fixed;top:0;right:0;bottom:0;left:66.66%;margin-top:0;margin-left:0}:host(.drawer) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.drawer) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.drawer) .outer-container .modal-body{padding-top:5.0625rem}:host(.drawer) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.drawer) .outer-container .modal-header{-ms-flex-direction:row-reverse;flex-direction:row-reverse}:host(.menu){position:relative;top:0rem;left:0rem;width:100%;height:100%;margin-top:0;margin-left:0}:host(.menu) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.menu) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.menu) .outer-container .modal-body{padding-top:5.0625rem}:host(.menu) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.menu) .outer-container .modal-header{position:relative;-ms-flex-direction:row;flex-direction:row}:host(.menu) .outer-container .modal-body{padding-top:0 !important}:host(.action-sheet){position:absolute;top:auto;bottom:0rem;left:0rem;width:100%;margin-top:0;margin-left:0}:host(.action-sheet) .outer-container{width:100%;height:100%;border-radius:0rem}:host(.action-sheet) .outer-container .modal-header{position:absolute;width:100%;border-radius:0rem}:host(.action-sheet) .outer-container .modal-body{padding-top:5.0625rem}:host(.action-sheet) .outer-container .modal-footer{position:absolute;bottom:0rem;width:100%}:host(.action-sheet) .outer-container{background-color:transparent;border:none}:host(.action-sheet) .outer-container .modal-body{-ms-flex-pack:center;justify-content:center;width:100%}:host(.action-sheet) .outer-container .modal-body>div{width:100%}:host(.action-sheet) .outer-container .modal-body>div div[slot=\"[modal-content\"]{width:100%}:host(.language-selector) .outer-container{width:250px;min-height:475px;color:var(--text-color, #807f83);border:0 solid;border-radius:0.78125rem;-webkit-box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--attachment-icon-shadow, 0 0.375rem 1.125rem 0 rgba(40, 47, 54, 0.08))}:host(.language-selector) .outer-container .modal-body{height:100%;background-color:var(--light, #ffffff);border-radius:0.78125rem}:host(.simple) .outer-container .modal-header{background-color:var(--light, #ffffff) !important;border:none}:host(.simple) .outer-container .modal-header .modal-heading{font-weight:var(--font-weight-400, 400)}:host(.vertical-menu) .outer-container{background:var(--dark, #000000) !important;border:none !important}:host(.vertical-menu) .outer-container .modal-body{width:100%;color:var(--light, #ffffff);background-color:var(--dark, #000000);padding:0 !important;padding-top:5.0625rem !important}:host(.vertical-menu) .outer-container .modal-body .row{-webkit-transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;transition:all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}:host(.vertical-menu) .outer-container .modal-body .row a{-ms-flex-positive:1;flex-grow:1;color:var(--light, #ffffff);text-decoration:none}:host(.vertical-menu) .outer-container .modal-body .row a.active{padding-left:0.75rem;border-left:var(--border-width-04, 0.25rem) solid var(--accent, #276ef1)}:host(.vertical-menu) .outer-container .modal-body .row a:hover{text-decoration:none;background-color:var(--anthracite, #1a1a1a)}:host(.vertical-menu) .outer-container .modal-body .row a .item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding-top:0.4rem;padding-bottom:0.4rem;padding-left:1rem}:host(.vertical-menu) .outer-container .modal-body .row a .item img{max-width:1.5rem;max-height:1.5rem;margin-right:1rem}:host(.vertical-menu) .outer-container .modal-body .row a .item yoo-icon{margin-right:1rem;margin-left:auto;-webkit-transition:all 0.3s;transition:all 0.3s}:host(.vertical-menu) .outer-container .modal-body .row a .item yoo-icon.chevron-active{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}:host(.vertical-menu) .outer-container .modal-body .row a .item.active{padding-left:0.75rem;background-color:var(--anthracite, #1a1a1a);border-left:var(--border-width-04, 0.25rem) solid var(--accent, #276ef1)}:host(.vertical-menu) .outer-container .modal-body .row .sub-container{width:100%;overflow:hidden;background:var(--dark, #000000)}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems{overflow:hidden;-webkit-animation:sub-item-appear 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;animation:sub-item-appear 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item{padding-left:2rem}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item.active{padding-left:1.75rem;background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host(.vertical-menu) .outer-container .modal-body .row .sub-container .row-subitems .item:hover{background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host(.vertical-menu) .outer-container .modal-body .row.hidden .row-subitems{display:none}:host(.vertical-menu) .outer-container .modal-body .row.sub-display{background:var(--anthracite, #1a1a1a)}:host(.vertical-menu) .outer-container .modal-body .column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.modal-input) yoo-input-bar{--padding-input-container:0;width:100%}:host(.modal-input) .outer-container .modal-footer{height:unset !important;padding:0.5rem 1rem}:host(.web) .outer-container .modal-footer{padding:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);-webkit-box-shadow:none;box-shadow:none}:host(.app-color) .outer-container{color:var(--dark, #000000)}:host(.app-color) .outer-container .modal-header{color:var(--app-color, #5a30f4);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2));border-bottom-color:var(--app-color, #5a30f4)}:host(.app-color):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host(.accent) .outer-container{color:var(--dark, #000000)}:host(.accent) .outer-container .modal-header{color:var(--accent, #276ef1);background-color:var(--accent-20, rgba(39, 110, 241, 0.2));border-bottom-color:var(--accent, #276ef1)}:host(.accent):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--accent, #276ef1)}:host(.success) .outer-container{color:var(--dark, #000000)}:host(.success) .outer-container .modal-header{color:var(--success, #3aa76d);background-color:var(--success-20, rgba(58, 167, 109, 0.2));border-bottom-color:var(--success, #3aa76d)}:host(.success):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--success, #3aa76d)}:host(.danger) .outer-container{color:var(--dark, #000000)}:host(.danger) .outer-container .modal-header{color:var(--danger, #d44333);background-color:var(--danger-20, rgba(212, 67, 51, 0.2));border-bottom-color:var(--danger, #d44333)}:host(.danger):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--danger, #d44333)}:host(.info) .outer-container{color:var(--dark, #000000)}:host(.info) .outer-container .modal-header{color:var(--info, #d84c96);background-color:var(--info-20, rgba(216, 76, 150, 0.2));border-bottom-color:var(--info, #d84c96)}:host(.info):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--info, #d84c96)}:host(.warning) .outer-container{color:var(--dark, #000000)}:host(.warning) .outer-container .modal-header{color:var(--warning, #ed6e33);background-color:var(--warning-20, rgba(237, 110, 51, 0.2));border-bottom-color:var(--warning, #ed6e33)}:host(.warning):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--warning, #ed6e33)}:host(.dark) .outer-container{color:var(--dark, #000000)}:host(.dark) .outer-container .modal-header{color:var(--dark, #000000);background-color:var(--stable-40, rgba(173, 173, 173, 0.4));border-bottom-color:var(--dark, #000000)}:host(.dark):not(.fullscreen):not(.drawer):not(.menu) .outer-container{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}";
 
@@ -44,7 +45,7 @@ const YooModalComponent = class {
   componentDidLoad() {
     this.setContentInModal();
     this.animation(true);
-    this.resizeListener = index$1.debounce(this.resize, 500).bind(this);
+    this.resizeListener = overlays.debounce(this.resize, 500).bind(this);
     window.addEventListener('resize', this.resizeListener);
   }
   componentDidUpdate() {
@@ -65,10 +66,10 @@ const YooModalComponent = class {
       if (this.animationName === 'sticky_up') {
         const padding = 16;
         const modalHeight = commonHelpers.querySelectorDeep(this.host, 'div.outer-container').clientHeight;
-        index$1.setAnimation(this.animationName, this.host, { open, distance: window.innerHeight / 2 + padding - modalHeight / 2, modalHeight });
+        overlays.setAnimation(this.animationName, this.host, { open, distance: window.innerHeight / 2 + padding - modalHeight / 2, modalHeight });
       }
       else {
-        index$1.setAnimation(this.animationName, commonHelpers.querySelectorDeep(this.host, '.outer-container'), sentFromClose ? { open, up: true } : this.animationProp ? this.animationProp : { open });
+        overlays.setAnimation(this.animationName, commonHelpers.querySelectorDeep(this.host, '.outer-container'), sentFromClose ? { open, up: true } : this.animationProp ? this.animationProp : { open });
       }
     }
   }

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

@@ -2,13 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
 const dimensionsHelpers = require('./dimensions-helpers-54685523.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const navbarCss = ":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);--flex-safe-area:var(--safe-area-inset-top);--center-display:flex;z-index:10;display:block;width:100%;color:var(--dark, #000000);background:var(--light-10, rgba(255, 255, 255, 0.1));-webkit-transition:all 0.3s;transition:all 0.3s}: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(.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(.flex-safe-area) .outer-container{padding-top:var(--flex-safe-area)}: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)}";
 
@@ -74,7 +75,7 @@ const YooNavbarComponent = class {
     }
   }
   render() {
-    const isCustomTheme = index$1.getSession().isCustomTheme;
+    const isCustomTheme = overlays.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" }, 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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const numbersDisplayCss = ".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}";
 
@@ -22,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$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 (_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 [
         isOdd && index.h("hr", null),
         index.h("div", { class: "cell-container" }, index.h("div", { class: {

package/dist/cjs/yoo-photo-editor.cjs.entry.js

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
-const index$2 = require('./index-5951fd43.js');
+const index = require('./index-e182c32d.js');
+const overlays = require('./overlays-b6c94fc8.js');
+const index$2 = require('./index-0455f2ed.js');
+const index$1 = require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-require('./index-43c6a809.js');
+require('./index-3653a164.js');
 const annotationsHelpers = require('./annotations-helpers-6cf88388.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const draggableDotsHelpers = require('./draggable-dots-helpers-4a93fa74.js');
-const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
-const localForage = require('./localForage-f618f824.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const draggableDotsHelpers = require('./draggable-dots-helpers-f682cf4c.js');
+const formInputHelpers = require('./form-input-helpers-a2843dc0.js');
+const localForage = require('./localForage-e52707b9.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
 const Textbox = ({ annotation, onAnnotationClick, onType, readonly, imageSize, hidden }) => {
   return (annotationsHelpers.isAnnotationValid(annotation) &&
@@ -21,7 +22,7 @@ const Textbox = ({ annotation, onAnnotationClick, onType, readonly, imageSize, h
 };
 const Dot = ({ annotation, tooltipProps, onAnnotationClick, onDotSave, readonly, imageSize, isWeb, disableTooltip, hidden }) => {
   var _a;
-  const dotTextColor = index$1.getContrastColorName((_a = annotation === null || annotation === void 0 ? void 0 : annotation.styles) === null || _a === void 0 ? void 0 : _a.backgroundColor);
+  const dotTextColor = overlays.getContrastColorName((_a = annotation === null || annotation === void 0 ? void 0 : annotation.styles) === null || _a === void 0 ? void 0 : _a.backgroundColor);
   return !annotationsHelpers.isAnnotationDeleted(annotation) &&
     index.h("div", { class: "annotation", key: annotation._id, id: annotation._id, ...{ hidden, type: 'dot' }, style: draggableDotsHelpers.getAnnotationStyle(annotation, { imageSize, readonly }) },
       index.h("yoo-tooltip", { placement: "top", content: annotation.text, ...{
@@ -168,7 +169,7 @@ const Button = ({ button, onButtonClick }) => {
     ...(!hasActionType && { 'animated-icon': iconName, 'animated-text': !iconName }),
     ...(hasActionType && { ref: (el) => (actionButtonElement[actionType] = el) })
   };
-  return (index.h("yoo-button", { rippleType: "unbounded", shape: buttonShape, ...buttonConf, onClick: (ev) => onButtonClick(ev, btnContent) }, iconName ? index.h("yoo-icon", { name: iconName, color: fill === 'transparent' ? color : 'light' }) : index$1.translate(textContent)));
+  return (index.h("yoo-button", { rippleType: "unbounded", shape: buttonShape, ...buttonConf, onClick: (ev) => onButtonClick(ev, btnContent) }, iconName ? index.h("yoo-icon", { name: iconName, color: fill === 'transparent' ? color : 'light' }) : overlays.translate(textContent)));
 };
 let navBarElement;
 const getNavbarElement = () => navBarElement;
@@ -321,7 +322,7 @@ const YooPhotoEditorComponent = class {
     return draggableDotsHelpers.getBoundingClient(this.canvasDrawingsElement);
   }
   get allowToggleEditTools() {
-    return index$1.isNativeMobile() ? this.isDrawMode || this.lastMode === 'draw' : !!this.canvasSrcElement;
+    return overlays.isNativeMobile() ? this.isDrawMode || this.lastMode === 'draw' : !!this.canvasSrcElement;
   }
   get isPreview() {
     return this.display === 'preview';
@@ -366,7 +367,7 @@ const YooPhotoEditorComponent = class {
     return this.isReadonly && ((_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.scaleFactor) < 1 && ((_b = this.zoomable) !== null && _b !== void 0 ? _b : !this.isPreview);
   }
   get isImageZoomed() {
-    return index$1.getTransformInfos(this.imageElement).scaleX > 1;
+    return overlays.getTransformInfos(this.imageElement).scaleX > 1;
   }
   get navBarElement() {
     return getNavbarElement();
@@ -530,7 +531,7 @@ const YooPhotoEditorComponent = class {
     };
   }
   async overlayDismiss() {
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       this.close(true);
     }
   }
@@ -538,7 +539,7 @@ const YooPhotoEditorComponent = class {
     this.isLoading = false;
   }
   async close(forceCheckForChanges) {
-    !this.isReadonly ? this.closeEditableMode(forceCheckForChanges) : index$1.closeModal(null);
+    !this.isReadonly ? this.closeEditableMode(forceCheckForChanges) : overlays.closeModal(null);
   }
   async closeEditableMode(forceCheckForChanges) {
     const hasCloseHandler = lodash.isFunction(this.closeHandler);
@@ -560,7 +561,7 @@ const YooPhotoEditorComponent = class {
   //This method is not part of the internal logic of the component for performance reason
   //This should be used externally when needed.
   async initResizeObserver() {
-    this.canvasDrawingsElement && index$1.isWeb(this.host) && index$1.resizeObserve(this.canvasDrawingsElement, () => this.displayDrawings());
+    this.canvasDrawingsElement && overlays.isWeb(this.host) && index$1.resizeObserve(this.canvasDrawingsElement, () => this.displayDrawings());
   }
   async prepareImageSize() {
     this.imageSize = null;
@@ -593,7 +594,7 @@ const YooPhotoEditorComponent = class {
   }
   disconnectedCallback() {
     this.toggleKeyboardListeners(false);
-    !this.isPreview && index$1.setStatusBarDarkMode(false);
+    !this.isPreview && overlays.setStatusBarDarkMode(false);
     [this.viewObserverSwitch,
       this.canvasDrawingsObserver,
       this.canvasSrcObserver]
@@ -603,14 +604,14 @@ const YooPhotoEditorComponent = class {
     this.initResizeObserver();
     this.initMutationObservers();
     this.toggleKeyboardListeners(true);
-    !this.isPreview && index$1.setStatusBarDarkMode(true);
+    !this.isPreview && overlays.setStatusBarDarkMode(true);
     this.savedAnnotationElements = lodash.cloneDeep(this.annotationElements);
     this.showSaveInitial && getActionButton().validate.classList.add('active');
     this.savedAnnotations = lodash.cloneDeep(this.annotations);
-    index$1.ScreenOrientation === null || index$1.ScreenOrientation === void 0 ? void 0 : index$1.ScreenOrientation.onChange().subscribe(() => index.forceUpdate(this));
+    overlays.ScreenOrientation === null || overlays.ScreenOrientation === void 0 ? void 0 : overlays.ScreenOrientation.onChange().subscribe(() => index.forceUpdate(this));
   }
   async prepareSrc() {
-    this.finalSrc = index$1.getMedia(this.resizeSrc(index$1.cleanupWKWebViewFilePath((await localForage.getFromOfflineStorage(this.src)))));
+    this.finalSrc = overlays.getMedia(this.resizeSrc(overlays.cleanupWKWebViewFilePath((await localForage.getFromOfflineStorage(this.src)))));
     this.drawings = this.resizeSrc(this.drawings, { jpg: false });
   }
   resizeSrc(sourceSrc, options) {
@@ -618,18 +619,18 @@ const YooPhotoEditorComponent = class {
     return sourceSrc && commonHelpers.cloudinary(sourceSrc, {
       ...this.cloudinaryOptions, fit: true, noRatio: true,
       ...options || {},
-      ...(!index$1.isWeb(this.host) && {
+      ...(!overlays.isWeb(this.host) && {
         width: ((_a = this.cloudinaryOptions) === null || _a === void 0 ? void 0 : _a.width) || this.maxImageSize.width
       })
     });
   }
   async getImageSize() {
     const { width, height } = this.maxViewport;
-    let imgSize = await index$1.getImageSize(this.finalSrc, !this.isPreview ? this.alertInvalidUrl.bind(this) : () => { return; });
-    imgSize.width > this.maxImageSize.width && (imgSize = await index$1.getResizedImageSize({ imgSize, maxWidth: this.maxImageSize.width, maxHeight: this.maxImageSize.height }));
+    let imgSize = await overlays.getImageSize(this.finalSrc, !this.isPreview ? this.alertInvalidUrl.bind(this) : () => { return; });
+    imgSize.width > this.maxImageSize.width && (imgSize = await overlays.getResizedImageSize({ imgSize, maxWidth: this.maxImageSize.width, maxHeight: this.maxImageSize.height }));
     const imgOptions = { imgSize, maxWidth: width, maxHeight: height };
-    const imgResizedSize = await index$1.getResizedImageSize(imgOptions);
-    const imgScaleFactor = await index$1.getImageScaleFactor(imgOptions);
+    const imgResizedSize = await overlays.getResizedImageSize(imgOptions);
+    const imgScaleFactor = await overlays.getImageScaleFactor(imgOptions);
     this.imageSize = {
       natural: imgSize,
       resized: imgResizedSize,
@@ -689,7 +690,7 @@ const YooPhotoEditorComponent = class {
     this.viewObserverSwitch.observe(this.zoomElement, { childList: true });
   }
   toggleKeyboardListeners(add) {
-    if (index$1.isNativeMobile() && !this.isPreview) {
+    if (overlays.isNativeMobile() && !this.isPreview) {
       ['DidHide', 'DidShow'].forEach((event) => window[`${add ? 'add' : 'remove'}EventListener`](`keyboard${event}`, this.keyboardActions[event]));
     }
   }
@@ -700,7 +701,7 @@ const YooPhotoEditorComponent = class {
     }
   }
   getDrawingsUrl() {
-    return !draggableDotsHelpers.isCanvasBlank(this.canvasDrawingsElement) ? index$1.getAsyncExtraData({ type: 'media-upload', params: { mediaData: this.currentDrawings } }) : Promise.resolve('');
+    return !draggableDotsHelpers.isCanvasBlank(this.canvasDrawingsElement) ? overlays.getAsyncExtraData({ type: 'media-upload', params: { mediaData: this.currentDrawings } }) : Promise.resolve('');
   }
   async displayDrawings(drawings = this.drawings) {
     try {
@@ -711,7 +712,7 @@ const YooPhotoEditorComponent = class {
     }
   }
   alertInvalidUrl() {
-    index$1.showAlert('ERROR', [index$1.translate('CONTINUE'), index$1.translate('CLOSE')], index$1.translate('INVALIDURLBODY')).then(ret => {
+    overlays.showAlert('ERROR', [overlays.translate('CONTINUE'), overlays.translate('CLOSE')], overlays.translate('INVALIDURLBODY')).then(ret => {
       ret ? this.closePhotoEditor() : (this.isLoading = false);
     });
   }
@@ -791,9 +792,9 @@ const YooPhotoEditorComponent = class {
       const dragAction = () => {
         this.clearFocus();
         this.hideAllTooltips();
-        isDeleting = index$1.Draggable.hitTest(annotationElement, getActionButton().delete, '35%');
+        isDeleting = overlays.Draggable.hitTest(annotationElement, getActionButton().delete, '35%');
         getActionButton().delete.classList.toggle('hit', isDeleting);
-        index$1.gsapTo(annotationElement, this.animationDelay, { scale: isDeleting ? .25 : 1 });
+        overlays.gsapTo(annotationElement, this.animationDelay, { scale: isDeleting ? .25 : 1 });
       };
       const dragEndAction = async (coords) => {
         var _a;
@@ -803,7 +804,7 @@ const YooPhotoEditorComponent = class {
         getActionButton().delete.classList.remove(...['active', 'hit']);
         this.activeAnnotation = draggableDotsHelpers.updateAnnotationLocal(this.activeAnnotation, Object.assign({ transform: { current: coords } }, isDeleting && { isDeleted: true, isFocused: false }));
         if (isDeleting) {
-          if (index$1.isNativeMobile()) {
+          if (overlays.isNativeMobile()) {
             index$2.TapticEngine.impact({
               style: 'medium'
             });
@@ -817,7 +818,7 @@ const YooPhotoEditorComponent = class {
         }
         this.toggleSaveButton();
       };
-      const draggable = new index$1.Draggable(annotationElement, {
+      const draggable = new overlays.Draggable(annotationElement, {
         type: 'x,y',
         bounds: draggableDotsHelpers.getAnnotationDraggableBounds(annotationElement, this.hostBounds),
         zIndexBoost: false,
@@ -842,7 +843,7 @@ const YooPhotoEditorComponent = class {
         this.savedDots = lodash.cloneDeep(this.dots);
       }
       if ((_d = this.activeDotElement) === null || _d === void 0 ? void 0 : _d.tooltipElement) {
-        index$1.isIOS() && index$1.enableKeyboardResize();
+        overlays.isIOS() && overlays.enableKeyboardResize();
         this.switchMode('annotate');
       }
     }
@@ -862,7 +863,7 @@ const YooPhotoEditorComponent = class {
       const isTextBox = newAnnotation.type === 'text';
       const newElement = (_d = (_c = (_b = this[`${isTextBox ? 'textbox' : 'dot'}Elements`]) === null || _b === void 0 ? void 0 : _b.filter((el) => el)) === null || _c === void 0 ? void 0 : _c.slice(-1)) === null || _d === void 0 ? void 0 : _d[0];
       if (newElement && this.annotationsContainerElement) {
-        isTextBox && await index$1.scaleUpAnimation(newElement, this.animationDelay / 2);
+        isTextBox && await overlays.scaleUpAnimation(newElement, this.animationDelay / 2);
         if (newElement) {
           this.hasImageBeenCleaned = false;
           this.getDraggableActions(newElement);
@@ -878,7 +879,7 @@ const YooPhotoEditorComponent = class {
     if (annotationElement && this.imageBounds) {
       const elementBounds = draggableDotsHelpers.getBoundingClient(annotationElement);
       const getRelativePosition = (direction) => this.imageBounds[direction === 'left' ? 'width' : 'height'] * (parseFloat(annotationElement.style[direction]) || 0) / 100;
-      (_a = index$1.Draggable.get(annotationElement)) === null || _a === void 0 ? void 0 : _a.applyBounds({
+      (_a = overlays.Draggable.get(annotationElement)) === null || _a === void 0 ? void 0 : _a.applyBounds({
         minX: 0 - (this.imageBounds.x - this.hostBounds.x) - getRelativePosition('left'),
         maxX: this.imageBounds.width + this.imageBounds.x - this.hostBounds.x - elementBounds.width - getRelativePosition('left'),
         minY: this.hostBounds.y - this.imageBounds.y + 44 - getRelativePosition('top'),
@@ -925,7 +926,7 @@ const YooPhotoEditorComponent = class {
           if (coords) {
             this.canvasContext.lineWidth = this.size;
             this.canvasContext.lineTo(coords.x, coords.y);
-            this.canvasContext.strokeStyle = index$1.getCssColor(this.color, this.color);
+            this.canvasContext.strokeStyle = overlays.getCssColor(this.color, this.color);
             this.canvasContext.lineCap = 'round';
             this.canvasContext.stroke();
           }
@@ -943,7 +944,7 @@ const YooPhotoEditorComponent = class {
         }
       };
       // Web
-      if (index$1.isWeb(this.host)) {
+      if (overlays.isWeb(this.host)) {
         this.canvasDrawingsElement.onmousedown = startDraw;
         this.canvasDrawingsElement.onmousemove = draw;
         this.canvasDrawingsElement.onmouseup = stopDraw;
@@ -976,7 +977,7 @@ const YooPhotoEditorComponent = class {
       : draggableDotsHelpers.getRelativeCenter(this.activeElement, this.imageBounds);
     const getBoundAxis = () => (this.textEditorElement ? ['left', 'top'] : ['x', 'y']);
     this.activeElement &&
-      index$1.gsapSet(this.activeElement, {
+      overlays.gsapSet(this.activeElement, {
         [getBoundAxis()[0]]: centerCoords[getBoundAxis()[0]],
         [getBoundAxis()[1]]: centerCoords[getBoundAxis()[1]]
       });
@@ -988,9 +989,9 @@ const YooPhotoEditorComponent = class {
   }
   changeColor() {
     var _a;
-    const cssColor = index$1.getCssColor(this.color, this.color);
+    const cssColor = overlays.getCssColor(this.color, this.color);
     const el = ((_a = this.activeDotElement) === null || _a === void 0 ? void 0 : _a.dotInnerElement) || this.activeElement;
-    const defaultAnnotationTextColor = index$1.getContrastColor(cssColor);
+    const defaultAnnotationTextColor = overlays.getContrastColor(cssColor);
     const isBackgroundTextEnabled = this.isDotMode || this.backgroundText === 'on';
     const backgroundColor = isBackgroundTextEnabled ? cssColor : 'transparent';
     const color = isBackgroundTextEnabled ? defaultAnnotationTextColor : cssColor;
@@ -1037,7 +1038,7 @@ const YooPhotoEditorComponent = class {
       });
     };
     const leavePicker = () => this.leaveColorPickerMode();
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       this.cursorPickerElement.onmousedown = leavePicker;
       this.canvasSrcElement.onmousemove = enterPicker;
     }
@@ -1065,7 +1066,7 @@ const YooPhotoEditorComponent = class {
   }
   async addPredefinedText() {
     var _a, _b;
-    const formatedText = await draggableDotsHelpers.showPredefinedTextsDialog(index$1.isWeb(this.host), ((_a = this.activeDotElement) === null || _a === void 0 ? void 0 : _a.tooltipElement) || this.activeElement);
+    const formatedText = await draggableDotsHelpers.showPredefinedTextsDialog(overlays.isWeb(this.host), ((_a = this.activeDotElement) === null || _a === void 0 ? void 0 : _a.tooltipElement) || this.activeElement);
     this.activeAnnotation && (this.activeAnnotation.text = formatedText);
     if (this.isTextMode) {
       this.activeElement.innerHTML = formatedText;
@@ -1132,14 +1133,14 @@ const YooPhotoEditorComponent = class {
   async showActionDialog(action, type) {
     await this.unfocusAnnotation();
     const translations = [type, 'YOOBICKEEP', 'DISCARD', 'AREYOUSURE'];
-    index$1.showAlert(index$1.translate(translations[0]), [index$1.translate(translations[1]), index$1.translate(translations[2])], index$1.translate(translations[3]), 'photo-editor-alert').then((discardChanges) => {
+    overlays.showAlert(overlays.translate(translations[0]), [overlays.translate(translations[1]), overlays.translate(translations[2])], overlays.translate(translations[3]), 'photo-editor-alert').then((discardChanges) => {
       if (discardChanges && lodash.isFunction(this.editorActions[action])) {
         this.editorActions[action]();
       }
     });
   }
   async restoreSavedAnnotations(type) {
-    await Promise.all([Promise.resolve(this.displayDrawings()), ...this.savedAnnotationElements.map(e => e && index$1.gsapSet(e, { clearProps: 'transform' }))]);
+    await Promise.all([Promise.resolve(this.displayDrawings()), ...this.savedAnnotationElements.map(e => e && overlays.gsapSet(e, { clearProps: 'transform' }))]);
     this.annotations = lodash.cloneDeep(draggableDotsHelpers.removeLocalsFromAnnotations(!type ? this.savedAnnotations : this.savedDots.concat(this.textboxes)));
     this.drawingsStackIndex = -1;
   }
@@ -1156,7 +1157,7 @@ const YooPhotoEditorComponent = class {
     }, draggableDotsHelpers.LOADING_DELAY);
   }
   closePhotoEditor(dataChanges) {
-    return index$1.closeModal(dataChanges || {
+    return overlays.closeModal(dataChanges || {
       annotations: this.savedAnnotations,
       drawings: this.drawings
     });
@@ -1176,11 +1177,11 @@ const YooPhotoEditorComponent = class {
       }
       if (extraAction === null || extraAction === void 0 ? void 0 : extraAction['subActions']) {
         const actions = extraAction['subActions'];
-        index$1.isWeb(this.host) ?
-          index$1.showContextMenu(ev, {
+        overlays.isWeb(this.host) ?
+          overlays.showContextMenu(ev, {
             hostElement: ev === null || ev === void 0 ? void 0 : ev.target,
             contentButtons: actions
-          }) : index$1.showActionSheet(actions, null, {}, null, ev);
+          }) : overlays.showActionSheet(actions, null, {}, null, ev);
       }
       switch (actionName) {
         // Main Actions
@@ -1251,7 +1252,7 @@ const YooPhotoEditorComponent = class {
       if (e) {
         e.classList.remove('hidden');
         e.classList.toggle('draggable', enableDraggable);
-        index$1.Draggable.get(e) ? index$1.Draggable.get(e)[enableDraggable ? 'enable' : 'disable']() : this.getDraggableActions(e)[enableDraggable ? 'enable' : 'disable']();
+        overlays.Draggable.get(e) ? overlays.Draggable.get(e)[enableDraggable ? 'enable' : 'disable']() : this.getDraggableActions(e)[enableDraggable ? 'enable' : 'disable']();
         //bypass fix gsap draggable auto-generating user-select on editing a focusing textbox
         ['user-select', '-webkit-user-select', '-moz-user-select'].forEach(us => e.style.removeProperty(us));
       }
@@ -1285,7 +1286,7 @@ const YooPhotoEditorComponent = class {
       this.switchBackToExtras();
     }
     else {
-      await Promise.all((_a = this.annotationElements) === null || _a === void 0 ? void 0 : _a.map(e => index$1.gsapSet(e, { clearProps: 'transform' })));
+      await Promise.all((_a = this.annotationElements) === null || _a === void 0 ? void 0 : _a.map(e => overlays.gsapSet(e, { clearProps: 'transform' })));
       this.isLoading = false;
       ((_b = this.submitButton) === null || _b === void 0 ? void 0 : _b.handler) ? this.submitButton.handler(savedChanges) : this.closePhotoEditor(savedChanges);
     }
@@ -1415,10 +1416,10 @@ const YooPhotoEditorComponent = class {
   renderDot(dot) {
     var _a;
     const disableTooltip = this.isPreview && !this.isImageZoomable;
-    return index.h(Dot, { annotation: dot, readonly: this.isReadonly, imageSize: (_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.resized, isWeb: index$1.isWeb(this.host), disableTooltip: disableTooltip, tooltipProps: { showOnCreate: !disableTooltip && this.isDotMode }, hidden: this.isLoading, onAnnotationClick: (ev) => this.clickAnnotation(ev, dot), onDotSave: () => this.unfocusAnnotation() });
+    return index.h(Dot, { annotation: dot, readonly: this.isReadonly, imageSize: (_a = this.imageSize) === null || _a === void 0 ? void 0 : _a.resized, isWeb: overlays.isWeb(this.host), disableTooltip: disableTooltip, tooltipProps: { showOnCreate: !disableTooltip && this.isDotMode }, hidden: this.isLoading, onAnnotationClick: (ev) => this.clickAnnotation(ev, dot), onDotSave: () => this.unfocusAnnotation() });
   }
   renderOverlay() {
-    return this.isCreateMode && (index.h("div", { id: "overlay", style: this.imageSizeStyle.resized, onClick: (ev) => this.overlayClick(ev) }, this.isDotCreateMode && index.h("div", null, index$1.translate('TAPTOINSERTCOMMENT')), this.isTextCreateMode && this.renderTextEditor()));
+    return this.isCreateMode && (index.h("div", { id: "overlay", style: this.imageSizeStyle.resized, onClick: (ev) => this.overlayClick(ev) }, this.isDotCreateMode && index.h("div", null, overlays.translate('TAPTOINSERTCOMMENT')), this.isTextCreateMode && this.renderTextEditor()));
   }
   renderHeader() {
     return this.navbarVisiblity !== 'disabled' && !this.isPreview && index.h(Navbar, { visibility: this.navbarVisiblity, animated: this.mode !== this.lastMode, currentOptions: this.menuOptions.getOptions()[this.mode], onOptionClick: (ev, btnContent) => this.optionsClick(ev, btnContent) });

package/dist/cjs/yoo-pivot-table.cjs.entry.js

@@ -2,16 +2,17 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 const lodash = require('./lodash-597bda6d.js');
-const gridRenderers = require('./grid-renderers-3ac73ae6.js');
-require('./index-fc264952.js');
-require('./incentive-helpers-7c50738b.js');
-require('./missions-helpers-a2279e7c.js');
-require('./common-helpers-6970c46c.js');
-require('./form-helpers-3480a64b.js');
+const gridRenderers = require('./grid-renderers-66983c8b.js');
+const overlays = require('./overlays-b6c94fc8.js');
+require('./index-de8540eb.js');
+require('./incentive-helpers-a7243401.js');
+require('./missions-helpers-210de6b1.js');
+require('./common-helpers-a4efe957.js');
+require('./form-helpers-93ee135f.js');
 require('./geolocation-helpers-c499cf4c.js');
 
 var domToImage = _commonjsHelpers.createCommonjsModule(function (module) {
@@ -841,7 +842,7 @@ const YooPivotTableComponent = class {
       this.options.rowData = this.campaignsPivotTableKpiSortRows(this.options.rowData);
       if (this.isFullScreen) {
         this.options.columnDefs.unshift({
-          headerName: index$1.translate('YOOBICVIEW'),
+          headerName: overlays.translate('YOOBICVIEW'),
           colId: 'viewButton',
           groupId: 'view',
           width: 90,
@@ -856,7 +857,7 @@ const YooPivotTableComponent = class {
           cellRendererParams: {
             icon: 'eye',
             color: 'dark',
-            text: index$1.translate('YOOBICVIEW')
+            text: overlays.translate('YOOBICVIEW')
           },
           onCellClicked: (params) => {
             let keys;

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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const podiumCss = ":host{--podium-height:30rem;display:block}:host .podium-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;height:100%}:host .podium-container yoo-icon{margin-right:0.75rem}:host .podium-container yoo-img{width:18.75rem;height:var(--podium-height);overflow:inherit}:host([hidden]){display:none}";
 
@@ -78,7 +79,7 @@ const YooPodiumComponent = class {
     if (usernameTextElement && firstName) {
       this.displayElement(usernameTextElement, true);
       const usernameTspanElement = usernameTextElement.querySelector('tspan');
-      usernameTspanElement.style.fill = index$1.getCssColor('dark');
+      usernameTspanElement.style.fill = overlays.getCssColor('dark');
       if (firstName.length >= MAX_USERNAME_LENGTH) {
         firstName = `${firstName.substring(0, MAX_USERNAME_LENGTH)}...`;
       }
@@ -135,7 +136,7 @@ const YooPodiumComponent = class {
       if (user) {
         let image = user.imageData;
         if (image) {
-          image = new index$1.Cloudinary(image)
+          image = new overlays.Cloudinary(image)
             .crop('crop')
             .aspectRatio(1, 1)
             .getUrl();
@@ -199,7 +200,7 @@ const YooPodiumComponent = class {
   }
   onBeforeInjectSVG(svgElement) {
     if (svgElement) {
-      index$1.isWeb(this.host) && svgElement.setAttribute('height', window.innerHeight.toString());
+      overlays.isWeb(this.host) && svgElement.setAttribute('height', window.innerHeight.toString());
       svgElement.style.width = 'auto';
       const mainSVGElement = svgElement.querySelector('#main-svg');
       if (mainSVGElement) {
@@ -239,7 +240,7 @@ const YooPodiumComponent = class {
     return index.h(index.Host, null, index.h("div", { class: "podium-container" }, index.h("yoo-icon", { name: "badge-crown", color: "app-color", size: "medium" }), index.h("yoo-img", { ref: (el) => this.image = el, src: index.getAssetPath('./assets/podium/leaderboard.svg'), svgOptions: {
         makeIdsUnique: false, beforeInject: (_, svg) => this.onBeforeInjectSVG(svg),
         afterInject: (_, svg) => this.onAfterInjectSVG(svg),
-        afterLoad: (_, svgString) => index$1.updateSVGCustomColors(svgString)
+        afterLoad: (_, svgString) => overlays.updateSVGCustomColors(svgString)
       } }), index.h("slot", null)));
   }
   static get assetsDirs() { return ["assets/podium"]; }