@yoobic/yobi 8.5.0-45 → 8.5.0-46

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

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, f as forceUpdate, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import { N as IRoute } from './index-56d7a2d6.js';
-import './index-1daea473.js';
+import { N as IRoute } from './index-58e4534b.js';
+import './index-d375d097.js';
 import { a as isNumber, p as isString } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { a2 as translateMulti, t as translate } from './overlays-fc8b6c29.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { a3 as translateMulti, t as translate } from './overlays-0cc9a656.js';
 import './_commonjsHelpers-f4d11124.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}";

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

@@ -1,9 +1,9 @@
 import { r as registerInstance } from './index-0a59e2a1.js';
-import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay } from './overlays-8c44b395.js';
-import './index-1daea473.js';
-import './overlays-fc8b6c29.js';
+import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay } from './overlays-75c70e84.js';
+import './index-d375d097.js';
+import './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const YooModalControllerComponent = class {

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

@@ -1,12 +1,12 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import { X as FullscreenImportantModalClass } from './index-56d7a2d6.js';
-import './index-1daea473.js';
+import { X as FullscreenImportantModalClass } from './index-58e4534b.js';
+import './index-d375d097.js';
 import { V as inRange, $ as debounce } from './lodash-777f91de.js';
-import { l as lifecycleEvents, q as querySelectorDeep, g as getAppContext } from './common-helpers-61e87a96.js';
-import { B as BACKDROP, e as eventMethod } from './overlays-8c44b395.js';
-import { c as createThemedClasses, g as getClassMap } from './theme-78406e16.js';
-import { m as modalAnimationFactory } from './modal-animations-30be97af.js';
-import { H as isWeb, aV as gsapTo, K as findDevice, di as MODAL_BASE_ZINDEX, aW as gsapSet, dk as isAnimationsDisabled, dj as fadeScaleAnimation, dg as present, dh as dismiss, aU as Draggable, F as getModalAnimation, dF as getDialogPosition, bV as isSafari, bq as isOffline, L as isIphoneX, a7 as getSession } from './overlays-fc8b6c29.js';
+import { l as lifecycleEvents, q as querySelectorDeep, g as getAppContext } from './common-helpers-c2933562.js';
+import { B as BACKDROP, e as eventMethod } from './overlays-75c70e84.js';
+import { c as createThemedClasses, g as getClassMap } from './theme-29d6cd20.js';
+import { m as modalAnimationFactory } from './modal-animations-26436e6e.js';
+import { H as isWeb, aW as gsapTo, K as findDevice, dj as MODAL_BASE_ZINDEX, aX as gsapSet, dl as isAnimationsDisabled, dk as fadeScaleAnimation, dh as present, di as dismiss, aV as Draggable, F as getModalAnimation, dG as getDialogPosition, L as isRTL, bW as isSafari, br as isOffline, M as isIphoneX, a8 as getSession } from './overlays-0cc9a656.js';
 import './_commonjsHelpers-f4d11124.js';
 
 async function attachComponent(delegate, container, component, cssClasses, componentProps) {
@@ -399,7 +399,7 @@ const YooModalComponent = class {
       const hostBoundings = hostElement.getBoundingClientRect();
       const { height, left, top, placement } = 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 (document.dir === 'rtl') {
+      if (isRTL()) {
         this.dialogElement.style.right = 'unset';
       }
       this.dialogElement.style.left = `${left}px`;
@@ -546,7 +546,7 @@ const YooModalComponent = class {
     const isProfilePreview = this.host.classList.contains('profile');
     const dialogClasses = { ...createThemedClasses(undefined, 'modal-wrapper') };
     const leftPosition = this.componentProps ? `${this.componentProps.position}px` : '0px';
-    const dialogStyle = { zIndex: this.zIndexOverlay, left: leftPosition };
+    const dialogStyle = { zIndex: this.zIndexOverlay, [isRTL() ? 'right' : 'left']: leftPosition };
     return (h("div", { ref: (el) => (this.dialogElement = el), role: "dialog", class: dialogClasses, style: dialogStyle }, isPreview && isProfilePreview && [h("div", { class: "fade-overlay top" }), h("div", { class: "fade-overlay bottom" })]));
   }
   render() {

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { q as querySelectorDeep, g as getAppContext } from './common-helpers-61e87a96.js';
+import './index-d375d097.js';
+import { q as querySelectorDeep, g as getAppContext } from './common-helpers-c2933562.js';
 import { g as getElementDimensions } from './dimensions-helpers-74309fae.js';
-import { a7 as getSession } from './overlays-fc8b6c29.js';
+import { L as isRTL, a8 as getSession } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.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 ::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(.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)}";
+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)}";
 
 const YooNavbarComponent = class {
   constructor(hostRef) {
@@ -26,8 +26,8 @@ const YooNavbarComponent = class {
     this.grid = false;
   }
   resetCenterStyles() {
-    this.center.style.paddingLeft = '0';
-    this.center.style.paddingRight = '0';
+    this.center.style.setProperty('--center-padding-right', '0');
+    this.center.style.setProperty('--center-padding-left', '0');
   }
   async setColor(backgroundClass, buttonColor) {
     if (backgroundClass !== this.backgroundClass || buttonColor !== this.buttonColor) {
@@ -62,8 +62,8 @@ const YooNavbarComponent = class {
     const leftWidth = getElementDimensions(elementStart).width || 0;
     const endWidth = getElementDimensions(elementEnd).width || 0;
     const margin = this.computeCenterPadding(leftWidth, endWidth);
-    this.center.style.paddingLeft = margin[0];
-    this.center.style.paddingRight = margin[1];
+    this.center.style.setProperty('--center-padding-right', isRTL() ? margin[0] : margin[1]);
+    this.center.style.setProperty('--center-padding-left', isRTL() ? margin[1] : margin[0]);
   }
   onSlotChange() {
     if (!this.grid) {
@@ -72,7 +72,7 @@ const YooNavbarComponent = class {
   }
   render() {
     const isCustomTheme = getSession().isCustomTheme;
-    return (h(Host, { "center-title": this.centerTitle, class: { ...getAppContext(this.host), 'custom-theme': isCustomTheme } }, h("div", { class: "outer-container" }, h("div", { class: "top-container" }, h("div", { class: "start-container" }, h("slot", { name: "start", onSlotchange: this.onSlotChange.bind(this) })), h("div", { class: "center-container", ref: (el) => (this.center = el) }, h("slot", null)), h("div", { class: "end-container" }, h("slot", { name: "end", onSlotchange: this.onSlotChange.bind(this) }))), h("div", { class: "content-container" }, h("slot", { name: "content" }))), this.swipeable && h("div", { class: "swipe-bar" })));
+    return (h(Host, { "center-title": this.centerTitle, class: { ...getAppContext(this.host), 'custom-theme': isCustomTheme } }, h("div", { class: "outer-container" }, h("div", { class: "top-container", dir: document.dir }, h("div", { class: "start-container" }, h("slot", { name: "start", onSlotchange: this.onSlotChange.bind(this) })), h("div", { class: "center-container", ref: (el) => (this.center = el) }, h("slot", null)), h("div", { class: "end-container" }, h("slot", { name: "end", onSlotchange: this.onSlotChange.bind(this) }))), h("div", { class: "content-container" }, h("slot", { name: "content" }))), this.swipeable && h("div", { class: "swipe-bar" })));
   }
   get host() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/yoo-numbers-display.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { a as isNumber } from './lodash-777f91de.js';
-import { k as filterDuplicateItems } from './common-helpers-61e87a96.js';
-import { t as translate } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { k as filterDuplicateItems } from './common-helpers-c2933562.js';
+import { t as translate } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.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}";

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

@@ -1,14 +1,14 @@
 import { h, r as registerInstance, i as createEvent, f as forceUpdate, e as Host, g as getElement$1 } from './index-0a59e2a1.js';
-import { fL as getContrastColorName, t as translate, o as isNativeMobile, fM as getTransformInfos, fN as getMaxViewPortImage, H as isWeb, w as closeModal, cO as setStatusBarDarkMode, S as ScreenOrientation, bo as getMedia, Z as cleanupWKWebViewFilePath, fO as getImageSize, dL as getResizedImageSize, fP as getImageScaleFactor, V as getAsyncExtraData, ai as showAlert, aU as Draggable, aV as gsapTo, cu as vibrateHapticMedium, M as isIOS, af as enableKeyboardResize, bv as scaleUpAnimation, P as getCssColor, aW as gsapSet, bu as getContrastColor, aG as showContextMenu, cn as showActionSheet } from './overlays-fc8b6c29.js';
-import { r as resizeObserve } from './index-1daea473.js';
+import { fM as getContrastColorName, t as translate, o as isNativeMobile, fN as getTransformInfos, fO as getMaxViewPortImage, H as isWeb, w as closeModal, cP as setStatusBarDarkMode, S as ScreenOrientation, bp as getMedia, $ as cleanupWKWebViewFilePath, fP as getImageSize, dM as getResizedImageSize, fQ as getImageScaleFactor, W as getAsyncExtraData, aj as showAlert, aV as Draggable, aW as gsapTo, cv as vibrateHapticMedium, N as isIOS, ag as enableKeyboardResize, bw as scaleUpAnimation, Q as getCssColor, aX as gsapSet, bv as getContrastColor, aH as showContextMenu, co as showActionSheet } from './overlays-0cc9a656.js';
+import { r as resizeObserve } from './index-d375d097.js';
 import { b as isFunction, A as isEqual, c as cloneDeep, q as capitalize } from './lodash-777f91de.js';
-import './index-b14faa48.js';
+import './index-aa9ae4ca.js';
 import { a as isAnnotationValid, f as isAnnotationDeleted, b as getElement, l as isAnnotationFocused, i as isAnnotationEmpty, k as isElementInsideContainer, h as getPointerCoordinates } from './annotations-helpers-f7b42b40.js';
-import { w as cloudinary } from './common-helpers-61e87a96.js';
-import { k as getAnnotationStyle, e as saveTooltipContent, B as BUTTONS_CONFIG, A as ANIMATION_DELAY, l as isCanvasBlank, m as getPredefinedTexts, n as getBoundingClient, b as getDotToolTipElement, g as getDotInnerElement, S as SLIDER_THRESHOLD, L as LOADING_DELAY, h as hideAllDotTooltips, p as prepareAnnotationsData, s as setDotIndexes, o as drawImageOnCanvas, q as focusAnnotation, t as getAnnotation, u as updateAnnotationLocal, I as INIT_COORDS, v as setAnnotationPositionToClosestEdge, w as getAnnotationDraggableBounds, x as getFormattedAnnotationSize, y as getAbsoluteCenter, z as getRelativeCenter, C as showPredefinedTextsDialog, c as createDot, D as DOT_RADIUS, E as createBaseAnnotation, F as removeLocalsFromAnnotations, G as EEditorActions, a as showDotTooltip, H as formatAnnotationsForExport, J as deCenterAnnotation } from './draggable-dots-helpers-8e8b1c19.js';
-import { k as focusContentEditable } from './form-input-helpers-375b3169.js';
-import { g as getFromOfflineStorage } from './localForage-ce82d60d.js';
-import './index-56d7a2d6.js';
+import { w as cloudinary, g as getAppContext } from './common-helpers-c2933562.js';
+import { k as getAnnotationStyle, e as saveTooltipContent, B as BUTTONS_CONFIG, A as ANIMATION_DELAY, l as isCanvasBlank, m as getPredefinedTexts, n as getBoundingClient, b as getDotToolTipElement, g as getDotInnerElement, S as SLIDER_THRESHOLD, L as LOADING_DELAY, h as hideAllDotTooltips, p as prepareAnnotationsData, s as setDotIndexes, o as drawImageOnCanvas, q as focusAnnotation, t as getAnnotation, u as updateAnnotationLocal, I as INIT_COORDS, v as setAnnotationPositionToClosestEdge, w as getAnnotationDraggableBounds, x as getFormattedAnnotationSize, y as getAbsoluteCenter, z as getRelativeCenter, C as showPredefinedTextsDialog, c as createDot, D as DOT_RADIUS, E as createBaseAnnotation, F as removeLocalsFromAnnotations, G as EEditorActions, a as showDotTooltip, H as formatAnnotationsForExport, J as deCenterAnnotation } from './draggable-dots-helpers-933142c5.js';
+import { k as focusContentEditable } from './form-input-helpers-154a1036.js';
+import { g as getFromOfflineStorage } from './localForage-2a89735c.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const Textbox = ({ annotation, onAnnotationClick, onType, readonly, imageSize, hidden }) => {
@@ -190,7 +190,7 @@ const Actions = ({ submitButton, onActionClick }) => {
 };
 //#endregion
 
-const photoEditorCss = "svg:not(:root){overflow:hidden}:host .annotation{cursor:pointer;-webkit-transition:opacity 0.35s ease-in-out, font-size 0.125s linear, background-color 0.35s linear;transition:opacity 0.35s ease-in-out, font-size 0.125s linear, background-color 0.35s linear}:host .annotation[hidden]{visibility:hidden;opacity:0}:host .annotation[type=dot]{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-40, 2.5rem);height:var(--spacing-40, 2.5rem)}:host .annotation[type=dot] .dot-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);background-color:var(--success, #3aa76d);border:var(--border-width-02, 0.125rem) solid var(--light, #ffffff);border-radius:50%;-webkit-transition:background-color 0.35s ease-in-out;transition:background-color 0.35s ease-in-out}:host .annotation[type=textbox]{top:0;left:0;z-index:3;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}:host .annotation[type=textbox].focused{z-index:4;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host([display=standard]) div[type=dot] .dot-container{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host([display=preview]) div[type=dot] .dot-container{width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem)}:host yoo-navbar{--bottom-shadow:0;position:absolute;z-index:10;background:none;-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-navbar.hidden{opacity:0}:host yoo-navbar yoo-button{--disabled-color:var(--text-color, #807f83);--hover-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-navbar .empty-icon{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host yoo-range{--host-thickness:1.5rem;--bar-active-color:transparent;--bar-trail-color:transparent;--knob-shadow:var(--dark-40, rgba(0, 0, 0, 0.4)) 0 0 var(--spacing-08, 0.5rem);--knob-color:var(--light, #ffffff);--knob-size:1.65rem;position:absolute;top:50%;z-index:6;display:block;height:15rem;-webkit-transform:translate(0%, -50%) translate(var(--x-range-position, -3rem), 0px) scale(var(--scale, 0.5));transform:translate(0%, -50%) translate(var(--x-range-position, -3rem), 0px) scale(var(--scale, 0.5))}:host yoo-range.animated{-webkit-transition:-webkit-transform 750ms ease-in-out;transition:-webkit-transform 750ms ease-in-out;transition:transform 750ms ease-in-out;transition:transform 750ms ease-in-out, -webkit-transform 750ms ease-in-out}:host yoo-range[status=hidden]{--x-range-position:-3rem}:host yoo-range[status=inactive]{--scale:1;--x-range-position:-.5rem}:host yoo-range[status=active]{--scale:1.1;--x-range-position:1rem}:host yoo-range .triangle{position:absolute;width:0rem;height:0rem;border-color:var(--light, #ffffff) transparent transparent transparent;border-style:solid;border-width:15rem 0.75rem 0rem;opacity:0.75}:host yoo-button[actiontype]{position:absolute;right:0;bottom:-3rem;left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;-webkit-transition:bottom 0.35s linear;transition:bottom 0.35s linear}:host yoo-button[actiontype].active{bottom:5rem;-webkit-animation:scale-up 0.5s ease-in-out;animation:scale-up 0.5s ease-in-out;-webkit-animation-delay:500ms;animation-delay:500ms}:host yoo-button[color]{z-index:4}:host yoo-button[color=danger].hit{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:0.75}:host([animated]) yoo-navbar.animated yoo-button{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(1){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:100ms;animation-delay:100ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(2){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:200ms;animation-delay:200ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(3){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(4){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:400ms;animation-delay:400ms}:host([animated]) yoo-navbar.animated yoo-button[animated-text]{-webkit-animation:fade-in 0.5s ease-in;animation:fade-in 0.5s ease-in}:host([animated]) yoo-navbar.animated yoo-button.active[color=light]{bottom:5rem;-webkit-animation:scale-up 0.5s ease-in-out;animation:scale-up 0.5s ease-in-out;-webkit-animation-delay:500ms;animation-delay:500ms}:host{--global-image-display:flex;--editor-background:var(--dark, #000000);position:relative;display:block;width:100%;height:100%;min-height:var(--global-image-min-height);overflow:hidden;background-color:var(--editor-background);--img-radius:initial}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .border-accent{border:0.0625rem solid var(--accent, #276ef1)}:host .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .border-app-color{border:0.0625rem solid var(--app-color, #5a30f4)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .border-danger{border:0.0625rem solid var(--danger, #d44333)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .border-dark{border:0.0625rem solid var(--dark, #000000)}:host .bg-energized{background-color:var(--energized, #ffc043) !important}:host .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .border-energized{border:0.0625rem solid var(--energized, #ffc043)}:host .bg-info{background-color:var(--info, #d84c96) !important}:host .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .border-info{border:0.0625rem solid var(--info, #d84c96)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .border-light{border:0.0625rem solid var(--light, #ffffff)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .border-stable{border:0.0625rem solid var(--stable, #adadad)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .border-stable-alt{border:0.0625rem solid var(--stable-alt, #d0d0d0)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .border-stable-light{border:0.0625rem solid var(--stable-light, #f1f1f1)}:host .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .border-stable-ultralight{border:0.0625rem solid var(--stable-ultralight, #fafafa)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .border-success{border:0.0625rem solid var(--success, #3aa76d)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .border-text-color{border:0.0625rem solid var(--text-color, #807f83)}:host .bg-warning{background-color:var(--warning, #ed6e33) !important}:host .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .border-warning{border:0.0625rem solid var(--warning, #ed6e33)}:host .bg-wood{background-color:var(--wood, #99644c) !important}:host .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .border-wood{border:0.0625rem solid var(--wood, #99644c)}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}:host yoo-zoom{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;opacity:1}:host yoo-zoom[hidden]{opacity:0.5}:host yoo-zoom[mode=draw] canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}:host #text-editor,:host div[type=textbox]{position:absolute;display:inline-block;max-width:50%;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);outline:0}:host #text-editor{top:calc(50% - 1.5rem);left:calc(50% - 0.5rem);z-index:6;color:var(--light, #ffffff);text-align:center;-webkit-transition:font-size 0.125s linear, background-color 0.5s linear;transition:font-size 0.125s linear, background-color 0.5s linear;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host yoo-img{z-index:1;display:var(--global-image-display);-ms-flex-align:var(--global-image-align);align-items:var(--global-image-align)}:host yoo-loader{background-color:var(--dark, #000000);-webkit-animation:loading 3s forwards;animation:loading 3s forwards}@-webkit-keyframes loading{from{opacity:1}to{opacity:0}}@keyframes loading{from{opacity:1}to{opacity:0}}:host #drawings{z-index:2}:host #src{z-index:1}:host #c-picker{position:absolute;z-index:4;width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);border:1px solid var(--light, #ffffff);border-radius:50%;cursor:crosshair;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;will-change:transform}:host #c-picker[hidden]{opacity:0}:host #overlay{z-index:5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem);background-color:var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-transition:background-color 5s ease-in-out;transition:background-color 5s ease-in-out}:host #annotations{position:relative;top:0;margin:auto}:host #overlay,:host canvas,:host yoo-img{position:absolute}:host footer{position:absolute;bottom:-3rem;left:50%;z-index:6;width:100%;margin-bottom:var(--safe-area-inset-bottom);overflow-x:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}:host footer yoo-color-selector{margin:0 auto;padding-left:var(--spacing-16, 1rem)}:host footer.active{bottom:0;opacity:1}:host footer.has-description{-webkit-transform:inherit;transform:inherit}:host footer .description-container{color:var(--stable, #adadad);text-align:center}:host([animated]) footer{-webkit-transition:all 0.5s linear;transition:all 0.5s linear}:host([display=standard]){-ms-scroll-chaining:none;overscroll-behavior:none}:host([display=preview]) yoo-img{--border-radius:var(--img-radius);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";
+const photoEditorCss = "svg:not(:root){overflow:hidden}:host .annotation{cursor:pointer;-webkit-transition:opacity 0.35s ease-in-out, font-size 0.125s linear, background-color 0.35s linear;transition:opacity 0.35s ease-in-out, font-size 0.125s linear, background-color 0.35s linear}:host .annotation[hidden]{visibility:hidden;opacity:0}:host .annotation[type=dot]{position:absolute;z-index:4;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:var(--spacing-40, 2.5rem);height:var(--spacing-40, 2.5rem)}:host .annotation[type=dot] .dot-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--light, #ffffff);background-color:var(--success, #3aa76d);border:var(--border-width-02, 0.125rem) solid var(--light, #ffffff);border-radius:50%;-webkit-transition:background-color 0.35s ease-in-out;transition:background-color 0.35s ease-in-out}:host .annotation[type=textbox]{top:0;left:0;z-index:3;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;word-break:break-word}:host .annotation[type=textbox].focused{z-index:4;cursor:text;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host([display=standard]) div[type=dot] .dot-container{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host([display=preview]) div[type=dot] .dot-container{width:var(--spacing-24, 1.5rem);height:var(--spacing-24, 1.5rem)}:host yoo-navbar{--bottom-shadow:0;position:absolute;z-index:10;background:none;-webkit-transition:opacity 0.35s ease-in-out;transition:opacity 0.35s ease-in-out}:host yoo-navbar.hidden{opacity:0}:host yoo-navbar yoo-button{--disabled-color:var(--text-color, #807f83);--hover-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-navbar .empty-icon{width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem)}:host yoo-range{--host-thickness:1.5rem;--bar-active-color:transparent;--bar-trail-color:transparent;--knob-shadow:var(--dark-40, rgba(0, 0, 0, 0.4)) 0 0 var(--spacing-08, 0.5rem);--knob-color:var(--light, #ffffff);--knob-size:1.65rem;position:absolute;top:50%;z-index:6;display:block;height:15rem;-webkit-transform:translate(0%, -50%) translate(var(--x-range-position, -3rem), 0px) scale(var(--scale, 0.5));transform:translate(0%, -50%) translate(var(--x-range-position, -3rem), 0px) scale(var(--scale, 0.5))}:host yoo-range.animated{-webkit-transition:-webkit-transform 750ms ease-in-out;transition:-webkit-transform 750ms ease-in-out;transition:transform 750ms ease-in-out;transition:transform 750ms ease-in-out, -webkit-transform 750ms ease-in-out}:host yoo-range[status=hidden]{--x-range-position:calc(var(--spacing-48, 3rem) * -1)}:host yoo-range[status=inactive]{--scale:1;--x-range-position:calc(var(--spacing-08, 0.5rem) * -1)}:host yoo-range[status=active]{--scale:1.1;--x-range-position:var(--spacing-16, 1rem)}:host yoo-range .triangle{position:absolute;width:0rem;height:0rem;border-color:var(--light, #ffffff) transparent transparent transparent;border-style:solid;border-width:15rem 0.75rem 0rem;opacity:0.75}:host yoo-button[actiontype]{position:absolute;right:0;bottom:-3rem;left:0;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;margin:auto;-webkit-transition:bottom 0.35s linear;transition:bottom 0.35s linear}:host yoo-button[actiontype].active{bottom:5rem;-webkit-animation:scale-up 0.5s ease-in-out;animation:scale-up 0.5s ease-in-out;-webkit-animation-delay:500ms;animation-delay:500ms}:host yoo-button[color]{z-index:4}:host yoo-button[color=danger].hit{-webkit-transform:scale(1.25);transform:scale(1.25);opacity:0.75}:host(.rtl) yoo-range[status=hidden]{--x-range-position:var(--spacing-48, 3rem)}:host(.rtl) yoo-range[status=inactive]{--scale:1;--x-range-position:var(--spacing-08, 0.5rem)}:host(.rtl) yoo-range[status=active]{--scale:1.1;--x-range-position:calc(var(--spacing-16, 1rem) * -1)}:host([animated]) yoo-navbar.animated yoo-button{-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(1){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:100ms;animation-delay:100ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(2){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:200ms;animation-delay:200ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(3){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:300ms;animation-delay:300ms}:host([animated]) yoo-navbar.animated yoo-button[animated-icon]:nth-child(4){-webkit-animation:scale-up 0.75s ease-in-out;animation:scale-up 0.75s ease-in-out;-webkit-animation-delay:400ms;animation-delay:400ms}:host([animated]) yoo-navbar.animated yoo-button[animated-text]{-webkit-animation:fade-in 0.5s ease-in;animation:fade-in 0.5s ease-in}:host([animated]) yoo-navbar.animated yoo-button.active[color=light]{bottom:5rem;-webkit-animation:scale-up 0.5s ease-in-out;animation:scale-up 0.5s ease-in-out;-webkit-animation-delay:500ms;animation-delay:500ms}:host{--global-image-display:flex;--editor-background:var(--dark, #000000);position:relative;display:block;width:100%;height:100%;min-height:var(--global-image-min-height);overflow:hidden;background-color:var(--editor-background);--img-radius:initial}:host .bg-accent{background-color:var(--accent, #276ef1) !important}:host .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .border-accent{border:0.0625rem solid var(--accent, #276ef1)}:host .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .border-app-color{border:0.0625rem solid var(--app-color, #5a30f4)}:host .bg-danger{background-color:var(--danger, #d44333) !important}:host .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .border-danger{border:0.0625rem solid var(--danger, #d44333)}:host .bg-dark{background-color:var(--dark, #000000) !important}:host .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .border-dark{border:0.0625rem solid var(--dark, #000000)}:host .bg-energized{background-color:var(--energized, #ffc043) !important}:host .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .border-energized{border:0.0625rem solid var(--energized, #ffc043)}:host .bg-info{background-color:var(--info, #d84c96) !important}:host .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .border-info{border:0.0625rem solid var(--info, #d84c96)}:host .bg-light{background-color:var(--light, #ffffff) !important}:host .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .border-light{border:0.0625rem solid var(--light, #ffffff)}:host .bg-stable{background-color:var(--stable, #adadad) !important}:host .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .border-stable{border:0.0625rem solid var(--stable, #adadad)}:host .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .border-stable-alt{border:0.0625rem solid var(--stable-alt, #d0d0d0)}:host .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .border-stable-light{border:0.0625rem solid var(--stable-light, #f1f1f1)}:host .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .border-stable-ultralight{border:0.0625rem solid var(--stable-ultralight, #fafafa)}:host .bg-success{background-color:var(--success, #3aa76d) !important}:host .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .border-success{border:0.0625rem solid var(--success, #3aa76d)}:host .bg-text-color{background-color:var(--text-color, #807f83) !important}:host .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .border-text-color{border:0.0625rem solid var(--text-color, #807f83)}:host .bg-warning{background-color:var(--warning, #ed6e33) !important}:host .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .border-warning{border:0.0625rem solid var(--warning, #ed6e33)}:host .bg-wood{background-color:var(--wood, #99644c) !important}:host .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .border-wood{border:0.0625rem solid var(--wood, #99644c)}@-webkit-keyframes fade-in{from{opacity:0}to{opacity:1}}@keyframes fade-in{from{opacity:0}to{opacity:1}}@-webkit-keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes scale-up{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.15);transform:scale(1.15)}100%{-webkit-transform:scale(1);transform:scale(1)}}:host yoo-zoom{position:relative;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;opacity:1}:host yoo-zoom[hidden]{opacity:0.5}:host yoo-zoom[mode=draw] canvas{cursor:crosshair;-ms-touch-action:none;touch-action:none}:host #text-editor,:host div[type=textbox]{position:absolute;display:inline-block;max-width:50%;padding:var(--spacing-08, 0.5rem);border-radius:var(--border-radius-08, 0.5rem);outline:0}:host #text-editor{top:calc(50% - 1.5rem);left:calc(50% - 0.5rem);z-index:6;color:var(--light, #ffffff);text-align:center;-webkit-transition:font-size 0.125s linear, background-color 0.5s linear;transition:font-size 0.125s linear, background-color 0.5s linear;-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}:host yoo-img{z-index:1;display:var(--global-image-display);-ms-flex-align:var(--global-image-align);align-items:var(--global-image-align)}:host yoo-loader{background-color:var(--dark, #000000);-webkit-animation:loading 3s forwards;animation:loading 3s forwards}@-webkit-keyframes loading{from{opacity:1}to{opacity:0}}@keyframes loading{from{opacity:1}to{opacity:0}}:host #drawings{z-index:2}:host #src{z-index:1}:host #c-picker{position:absolute;z-index:4;width:var(--spacing-32, 2rem);height:var(--spacing-32, 2rem);border:1px solid var(--light, #ffffff);border-radius:50%;cursor:crosshair;-webkit-transition:opacity 0.5s ease-in-out;transition:opacity 0.5s ease-in-out;will-change:transform}:host #c-picker[hidden]{opacity:0}:host #overlay{z-index:5;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%;color:var(--light, #ffffff);font-size:var(--font-size-20, 1.25rem);background-color:var(--dark-40, rgba(0, 0, 0, 0.4));-webkit-transition:background-color 5s ease-in-out;transition:background-color 5s ease-in-out}:host #annotations{position:relative;top:0;margin:auto}:host #overlay,:host canvas,:host yoo-img{position:absolute}:host footer{position:absolute;bottom:-3rem;left:50%;z-index:6;width:100%;margin-bottom:var(--safe-area-inset-bottom);overflow-x:auto;-webkit-transform:translateX(-50%);transform:translateX(-50%);opacity:0}:host footer yoo-color-selector{margin:0 auto;padding-left:var(--spacing-16, 1rem)}:host footer.active{bottom:0;opacity:1}:host footer.has-description{-webkit-transform:inherit;transform:inherit}:host footer .description-container{color:var(--stable, #adadad);text-align:center}:host([animated]) footer{-webkit-transition:all 0.5s linear;transition:all 0.5s linear}:host([display=standard]){-ms-scroll-chaining:none;overscroll-behavior:none}:host([display=preview]) yoo-img{--border-radius:var(--img-radius);-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0)}";
 
 const YooPhotoEditorComponent = class {
   constructor(hostRef) {
@@ -1460,7 +1460,7 @@ const YooPhotoEditorComponent = class {
     return (this.isImageEditable && (h("footer", { class: { 'has-description': hasDescription }, ref: (el => this.footerElement = el) }, hasDescription && h("div", { class: "description-container" }, this.description), h("yoo-color-selector", { disablePicker: this.isTextCreateMode, selectedColor: selectedColor, ref: (el) => (this.colorSelectorElement = el), onPickerSelected: () => this.onPickColor(), onColorSelected: (event) => this.onSelectColor(event === null || event === void 0 ? void 0 : event.detail) }))));
   }
   render() {
-    return (h(Host, { class: { 'swiper-no-swiping': !this.isReadonly }, ...(this.isPreview && !this.isImageZoomable && this.imageSizeStyle), onClick: (ev) => this.outsideImageClick(ev) }, this.renderHeader(), this.renderContent(), this.renderFooter(), this.renderSlider(), this.renderActionButtons(), this.renderLoader()));
+    return (h(Host, { class: { 'swiper-no-swiping': !this.isReadonly, ...getAppContext(this.host) }, ...(this.isPreview && !this.isImageZoomable && this.imageSizeStyle), onClick: (ev) => this.outsideImageClick(ev) }, this.renderHeader(), this.renderContent(), this.renderFooter(), this.renderSlider(), this.renderActionButtons(), this.renderLoader()));
   }
   get host() { return getElement$1(this); }
   static get watchers() { return {

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, i as createEvent, h, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { a as createCommonjsModule, c as commonjsGlobal } from './_commonjsHelpers-f4d11124.js';
 import { $ as debounce, c as cloneDeep, s as assign, B as sortBy, A as isEqual } from './lodash-777f91de.js';
-import { g as getRenderer } from './grid-renderers-b5553d5e.js';
-import { t as translate } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
-import './incentive-helpers-63ae507a.js';
-import './missions-helpers-f4d506bf.js';
-import './common-helpers-61e87a96.js';
-import './form-helpers-b87fa03c.js';
+import { g as getRenderer } from './grid-renderers-878389a3.js';
+import { t as translate } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
+import './incentive-helpers-72e11d21.js';
+import './missions-helpers-8252a448.js';
+import './common-helpers-c2933562.js';
+import './form-helpers-95fec66a.js';
 import './geolocation-helpers-32aa6208.js';
 
 var domToImage = createCommonjsModule(function (module) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host, k as getAssetPath, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { a as isNumber, C as get } from './lodash-777f91de.js';
-import { P as getCssColor, $ as Cloudinary, H as isWeb, ab as getUserDisplayName, cM as updateSVGCustomColors } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { Q as getCssColor, L as isRTL, a0 as Cloudinary, H as isWeb, ac as getUserDisplayName, cN as updateSVGCustomColors } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const podiumCss = "svg:not(:root){overflow:hidden}: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}";
@@ -103,7 +103,8 @@ const YooPodiumComponent = class {
       if (usernameTextElement && (imageAvatarContainerElement || noImageAvatarContainerElement)) {
         const usernameWidth = usernameTextElement.getBoundingClientRect().width;
         const translateYValue = prefixClass === 'right' ? 60 : prefixClass === 'left' ? -28 : 10;
-        const translateXValue = (avatarWidth - usernameWidth) / 2;
+        let translateXValue = (avatarWidth - usernameWidth) / 2;
+        isRTL() && (translateXValue += usernameWidth);
         usernameTextElement.setAttribute('transform', `translate(${translateXValue}, ${translateYValue})`);
       }
     }
@@ -115,8 +116,10 @@ const YooPodiumComponent = class {
       this.displayElement(pointsContainerElement, true);
       if (pointsElement) {
         const pointLength = points.toString().length || 1;
-        const translateX = 4 * (pointLength - 1);
-        pointsElement.setAttribute('transform', pointsTransform.replace('#tslX', `${prefixClass === 'right' ? translateX : -translateX}`));
+        const translateX = isRTL() ? 4 * (pointLength + 1) : 4 * (pointLength - 1);
+        pointsElement.setAttribute('transform', pointsTransform.replace('#tslX', `${prefixClass === 'right'
+          ? isRTL() ? -translateX : translateX
+          : isRTL() ? translateX : -translateX}`));
       }
     }
     else {
@@ -155,6 +158,7 @@ const YooPodiumComponent = class {
           const initialUsernameText = (get(user, 'firstName', false) && get(user, 'lastName', false)) ? `${getInitial(user.firstName)}${getInitial(user.lastName)}` : getInitial(user.username);
           if (noImageAvatarContainerElement) {
             this.displayElement(noImageAvatarContainerElement, true);
+            isRTL() && (noImageAvatarContainerElement.setAttribute('style', 'direction: ltr')); //* direction: rtl does some weird stuff and is not needed
             const textElement = noImageAvatarContainerElement.querySelector('tspan');
             textElement.textContent = initialUsernameText;
             noImageAvatarContainerElement.addEventListener('click', () => {

package/dist/esm/yoo-profile-list.entry.js

@@ -1,11 +1,12 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { av as copyToClipboard, b8 as showToast, t as translate, an as dateFormat, a7 as getSession, H as isWeb } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { aw as copyToClipboard, b9 as showToast, t as translate, ao as dateFormat, a8 as getSession, H as isWeb } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
-const profileListCss = "svg:not(:root){overflow:hidden}:host yoo-grid{background-color:var(--light, #ffffff)}:host yoo-grid div[slot=header]{display:-ms-flexbox;display:flex;padding-top:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host yoo-grid div[slot=header] .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}:host yoo-grid div[slot=header] .action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding-right:1rem;cursor:pointer}:host .links-heading{padding:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host yoo-links-menu{width:inherit;background-color:var(--light, #ffffff)}:host .profile-logout{margin-top:2.5rem;padding:var(--spacing-16, 1rem);color:var(--app-color, #5a30f4);text-align:center;background-color:var(--light, #ffffff)}:host .terms{padding:var(--spacing-32, 2rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .terms .links{text-decoration:underline}:host .terms .icons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-32, 2rem) 0 var(--spacing-16, 1rem) 0}:host .terms .icons a:first-of-type{margin-right:var(--spacing-24, 1.5rem)}:host .user-list-container{padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff)}:host .user-list-container .user-info-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--spacing-48, 3rem)}:host .user-list-container .user-info-list .start-container{display:-ms-flexbox;display:flex}:host .user-list-container .user-info-list .start-container yoo-icon{margin-right:var(--spacing-16, 1rem)}:host .user-list-container .user-info-list.location{-ms-flex-pack:unset;justify-content:unset}:host .user-list-container .user-info-list.location yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible div[slot=title]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.25rem}:host .user-list-container yoo-collapsible div[slot=title] yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible yoo-tag:not(:last-of-type){margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible div:not([slot=title]) yoo-tag{margin-bottom:var(--spacing-08, 0.5rem)}:host(.web) .user-list-container{margin:0 var(--spacing-16, 1rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.web.personal-view) yoo-links-menu{background-color:unset}";
+const profileListCss = "svg:not(:root){overflow:hidden}:host yoo-grid{background-color:var(--light, #ffffff)}:host yoo-grid div[slot=header]{display:-ms-flexbox;display:flex;padding-top:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host yoo-grid div[slot=header] .title{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center}:host yoo-grid div[slot=header] .action{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-left:auto;padding-right:1rem;cursor:pointer}:host .links-heading{padding:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem);text-transform:uppercase}:host yoo-links-menu{width:inherit;background-color:var(--light, #ffffff)}:host .profile-logout{margin-top:2.5rem;padding:var(--spacing-16, 1rem);color:var(--app-color, #5a30f4);text-align:center;background-color:var(--light, #ffffff)}:host .terms{padding:var(--spacing-32, 2rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);text-align:center}:host .terms .links{text-decoration:underline}:host .terms .icons{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-32, 2rem) 0 var(--spacing-16, 1rem) 0}:host .terms .icons a:first-of-type{margin-right:var(--spacing-24, 1.5rem)}:host .user-list-container{padding:var(--spacing-16, 1rem);background-color:var(--light, #ffffff)}:host .user-list-container .user-info-list{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;min-height:var(--spacing-48, 3rem)}:host .user-list-container .user-info-list .start-container{display:-ms-flexbox;display:flex}:host .user-list-container .user-info-list .start-container yoo-icon{margin-right:var(--spacing-16, 1rem)}:host .user-list-container .user-info-list.location{-ms-flex-pack:unset;justify-content:unset}:host .user-list-container .user-info-list.location yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible div[slot=title]{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;height:2.25rem}:host .user-list-container yoo-collapsible div[slot=title] yoo-avatar{margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible yoo-tag:not(:last-of-type){margin-right:var(--spacing-08, 0.5rem)}:host .user-list-container yoo-collapsible div:not([slot=title]) yoo-tag{margin-bottom:var(--spacing-08, 0.5rem)}:host(.web) .user-list-container{margin:0 var(--spacing-16, 1rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.web.personal-view) yoo-links-menu{background-color:unset}:host(.rtl) .user-list-container .user-info-list .start-container yoo-icon{margin-right:0;margin-left:var(--spacing-16, 1rem)}";
 
 const YooProfileListComponent = class {
   constructor(hostRef) {
@@ -166,7 +167,7 @@ const YooProfileListComponent = class {
     ];
   }
   render() {
-    return h(Host, { class: { 'web': isWeb(this.host), 'personal-view': this.personalView } }, this.personalView ? this.renderProfileLinks() : this.renderUserInformation());
+    return h(Host, { class: { 'personal-view': this.personalView, ...getAppContext(this.host) } }, this.personalView ? this.renderProfileLinks() : this.renderUserInformation());
   }
   get host() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/yoo-profile-summary.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { a as isNumber } from './lodash-777f91de.js';
-import { e as showPhotoEditor } from './common-helpers-61e87a96.js';
-import { d0 as getDownloadAction, H as isWeb, t as translate, ab as getUserDisplayName } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { e as showPhotoEditor } from './common-helpers-c2933562.js';
+import { d1 as getDownloadAction, H as isWeb, t as translate, ac as getUserDisplayName } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const profileSummaryCss = "svg:not(:root){overflow:hidden}:host .profile-user{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;padding-bottom:var(--spacing-24, 1.5rem)}:host .profile-user yoo-tag{margin-top:var(--spacing-08, 0.5rem)}:host .profile-user>yoo-avatar{z-index:11}:host .profile-user .profile-details{text-align:center}:host .profile-user .profile-details .profile-user-name,:host .profile-user .profile-details yoo-avatar{margin:0 auto}:host .profile-user .profile-details.impersonating{opacity:0.5}:host .profile-user .profile-details .profile-user-name{padding:var(--spacing-08, 0.5rem) 0;text-align:center}:host .profile-user .profile-details .profile-user-role{color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem);line-height:1rem}:host .actions-container{width:100%}:host .actions-container .user-actions{display:grid;grid-template-columns:repeat(auto-fit, minmax(0, 1fr));margin:var(--spacing-24, 1.5rem) var(--spacing-16, 1rem);-webkit-column-gap:var(--spacing-08, 0.5rem);-moz-column-gap:var(--spacing-08, 0.5rem);column-gap:var(--spacing-08, 0.5rem)}:host(.web) .profile-user{padding:0}:host(.web) .actions-container{width:21.875rem}:host(.web.personal-view){padding-top:var(--spacing-56, 3.5rem)}:host(.web.personal-view) .profile-user{-ms-flex-direction:row;flex-direction:row}:host(.web.personal-view) .profile-user .profile-details{text-align:left}:host(.web.personal-view) .profile-user .profile-details .profile-user-name{font-weight:var(--font-weight-700, 700)}:host(.web.personal-view) .profile-user .profile-details .profile-user-role{font-size:var(--font-size-16, 1rem)}:host(.web.personal-view) .profile-user yoo-avatar{margin:var(--spacing-24, 1.5rem)}";

package/dist/esm/yoo-progress-bar.entry.js

@@ -1,8 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { $ as debounce, X as clamp, O as isFinite } from './lodash-777f91de.js';
-import { dk as isAnimationsDisabled, fB as Linear, aX as gsapFromTo, t as translate } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { dl as isAnimationsDisabled, fC as Linear, aY as gsapFromTo, t as translate } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const DEFAULT_COLOR_THRESHOLDS = {
@@ -15,7 +16,7 @@ const DEFAULT_SHAPES = {
   'semi-circle': 'M 0, y a r,r 0 1,1 d,0'
 };
 
-const progressBarCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:block;--svg-width:100%;--svg-fill:var(--transparent, transparent);--stroke-width-line:3;--stroke-width-circle:3;--progress-value-font-size:var(--font-size-16, 1rem);--progress-value-font-weight:var(--font-weight-400, 400);--progress-value-color:var(--dark, #000000);--progress-bar-color:unset;--progress-bar-display:block;--trail-bar-color:var(--stable-light, #f1f1f1);--trail-bar-display:block}:host svg{width:var(--svg-width)}:host svg #trail{stroke-linecap:round;display:var(--trail-bar-display);stroke:var(--trail-bar-color)}:host svg #progress{display:var(--progress-bar-display);stroke:var(--progress-bar-color)}:host svg #progress:not([x2=\"0%\"]){stroke-linecap:round}:host #value{color:var(--progress-value-color);font-weight:var(--progress-value-font-weight);font-size:var(--progress-value-font-size);fill:var(--progress-value-color)}:host([shape=line]){display:inline-grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:1fr auto;place-items:center;width:100%}:host([shape=line]) svg{overflow:unset}:host([shape=line]) svg:not(.has-markers){height:var(--spacing-04, 0.25rem)}:host([shape=line]) svg:not(.has-markers) line{stroke-width:var(--stroke-width-line)}:host([shape=line]) svg .marker{font-size:var(--font-size-12, 0.75rem);-webkit-transform:translate(calc(var(--spacing-16, 1rem) * -1), calc(var(--spacing-16, 1rem) * 1.5));transform:translate(calc(var(--spacing-16, 1rem) * -1), calc(var(--spacing-16, 1rem) * 1.5))}:host([shape=line]) span{width:100%;text-align:center}:host([shape=line][x=right]) span{text-align:right}:host([shape=line][x=left]) span{text-align:left}:host([shape=line][y=bottom]),:host([shape=line][y=top]),:host([shape=line].no-value){grid-template-columns:initial;line-height:1}:host([shape=line][y=top]) svg{-ms-flex-order:1;order:1}:host([shape=line][y=top]) span{-ms-flex-order:0;order:0}:host([shape=circle]),:host([shape=semi-circle]){--progress-value-tsx:-50%;--progress-value-tsy:-50%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto}:host([shape=circle]) svg,:host([shape=semi-circle]) svg{overflow:initial;fill:var(--svg-fill)}:host([shape=circle]) svg path,:host([shape=semi-circle]) svg path{stroke-width:var(--stroke-width-circle)}:host([shape=circle]) #value,:host([shape=semi-circle]) #value{position:absolute;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;-webkit-transform:translate(var(--progress-value-tsx), var(--progress-value-tsy));transform:translate(var(--progress-value-tsx), var(--progress-value-tsy))}:host([shape=semi-circle]){--progress-value-tsy:calc(-50% + var(--spacing-08, 0.5rem))}:host([metric=points]){--progress-bar-display:none;--trail-bar-display:none}:host([metric=step]){--progress-bar-color:var(--app-color, #5a30f4)}";
+const progressBarCss = "svg:not(:root){overflow:hidden}:host{position:relative;display:block;--svg-width:100%;--svg-fill:var(--transparent, transparent);--stroke-width-line:3;--stroke-width-circle:3;--progress-value-font-size:var(--font-size-16, 1rem);--progress-value-font-weight:var(--font-weight-400, 400);--progress-value-color:var(--dark, #000000);--progress-bar-color:unset;--progress-bar-display:block;--trail-bar-color:var(--stable-light, #f1f1f1);--trail-bar-display:block}:host svg{width:var(--svg-width)}:host svg #trail{stroke-linecap:round;display:var(--trail-bar-display);stroke:var(--trail-bar-color)}:host svg #progress{display:var(--progress-bar-display);stroke:var(--progress-bar-color)}:host svg #progress:not([x2=\"0%\"]){stroke-linecap:round}:host #value{color:var(--progress-value-color);font-weight:var(--progress-value-font-weight);font-size:var(--progress-value-font-size);fill:var(--progress-value-color)}:host([shape=line]){display:inline-grid;grid-gap:var(--spacing-08, 0.5rem);grid-template-columns:1fr auto;place-items:center;width:100%}:host([shape=line]) svg{overflow:unset}:host([shape=line]) svg:not(.has-markers){height:var(--spacing-04, 0.25rem)}:host([shape=line]) svg:not(.has-markers) line{stroke-width:var(--stroke-width-line)}:host([shape=line]) svg .marker{font-size:var(--font-size-12, 0.75rem);-webkit-transform:translate(calc(var(--spacing-16, 1rem) * -1), calc(var(--spacing-16, 1rem) * 1.5));transform:translate(calc(var(--spacing-16, 1rem) * -1), calc(var(--spacing-16, 1rem) * 1.5))}:host([shape=line]) span{width:100%;text-align:center}:host([shape=line][x=right]) span{text-align:right}:host([shape=line][x=left]) span{text-align:left}:host([shape=line][y=bottom]),:host([shape=line][y=top]),:host([shape=line].no-value){grid-template-columns:initial;line-height:1}:host([shape=line][y=top]) svg{-ms-flex-order:1;order:1}:host([shape=line][y=top]) span{-ms-flex-order:0;order:0}:host([shape=circle]),:host([shape=semi-circle]){--progress-value-tsx:-50%;--progress-value-tsy:-50%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:0 auto}:host([shape=circle]) svg,:host([shape=semi-circle]) svg{overflow:initial;fill:var(--svg-fill)}:host([shape=circle]) svg path,:host([shape=semi-circle]) svg path{stroke-width:var(--stroke-width-circle)}:host([shape=circle]) #value,:host([shape=semi-circle]) #value{position:absolute;top:50%;left:50%;display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;-webkit-transform:translate(var(--progress-value-tsx), var(--progress-value-tsy));transform:translate(var(--progress-value-tsx), var(--progress-value-tsy))}:host([shape=semi-circle]){--progress-value-tsy:calc(-50% + var(--spacing-08, 0.5rem))}:host([metric=points]){--progress-bar-display:none;--trail-bar-display:none}:host([metric=step]){--progress-bar-color:var(--app-color, #5a30f4)}:host([shape=line].rtl){direction:ltr}:host([shape=line].rtl) svg{-webkit-transform:scaleX(-1);transform:scaleX(-1)}";
 
 const YooProgressBarComponent = class {
   constructor(hostRef) {
@@ -274,7 +275,7 @@ const YooProgressBarComponent = class {
     return !this.hideProgressValue && (h("span", { id: "value", ...(!this.isAnimated && { innerHTML: this.getLabelledValue() }) }));
   }
   render() {
-    return (h(Host, { class: { 'no-value': this.hideProgressValue }, ...((!this.hideProgressValue && this.isShape.line) && { y: this.verticalAlign, x: this.horizontalAlign }) }, [this.renderSVG(), this.renderProgressValue()], !this.isShape.line && h("slot", null)));
+    return (h(Host, { class: { 'no-value': this.hideProgressValue, ...getAppContext(this.host) }, ...((!this.hideProgressValue && this.isShape.line) && { y: this.verticalAlign, x: this.horizontalAlign }) }, [this.renderSVG(), this.renderProgressValue()], !this.isShape.line && h("slot", null)));
   }
   get host() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/yoo-progress-loader.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const progressLoaderCss = "svg:not(:root){overflow:hidden}:host{position:absolute;top:0;right:0;bottom:0;left:0;z-index:500;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;background:var(--light, #ffffff);opacity:1}:host .progress-loader-container .logo-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host .progress-loader-container .progress-bar-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin:var(--spacing-16, 1rem) var(--spacing-96, 6rem) var(--spacing-16, 1rem) var(--spacing-96, 6rem)}:host .progress-loader-container .progress-text-container{margin:0 var(--spacing-48, 3rem);text-align:center}:host .progress-loader-container .progress-text-container .progress-text{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);font-style:normal;line-height:normal;letter-spacing:normal}";

package/dist/esm/yoo-progress-recap.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { H as isNil } from './lodash-777f91de.js';
-import { a2 as translateMulti } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { a3 as translateMulti } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const progressRecapCss = "svg:not(:root){overflow:hidden}:host .card{padding:var(--spacing-08, 0.5rem);background-color:var(--light, #ffffff)}:host .card .top-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:var(--spacing-08, 0.5rem)}:host .card yoo-progress-bar.success{--progress-bar-color:var(--success, #3aa76d)}:host .card yoo-progress-bar.danger{--progress-bar-color:var(--danger, #d44333)}";

package/dist/esm/yoo-property-card.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
+import './index-d375d097.js';
 import { p as isString } from './lodash-777f91de.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { t as translate, P as getCssColor } from './overlays-fc8b6c29.js';
-import './index-56d7a2d6.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { t as translate, Q as getCssColor } from './overlays-0cc9a656.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const propertyCardCss = "svg:not(:root){overflow:hidden}:host{--padding-outer-container:1rem;--list-padding:1.25rem 0.625rem 1.25rem 0.625rem;--list-row-height:38px}:host .outer-container{padding:var(--padding-outer-container)}:host .outer-container yoo-collapsible{margin-top:var(--spacing-08, 0.5rem)}:host .outer-container .details:first-child .details-title{margin-top:0}:host .outer-container .details{width:100%}:host .outer-container .details .details-title{margin-top:var(--spacing-16, 1rem);padding-bottom:var(--spacing-08, 0.5rem);font-size:var(--font-size-16, 1rem);line-height:1.0625rem;text-align:center;text-transform:uppercase}:host .outer-container .details .title-rows{padding-bottom:1.25rem}:host .outer-container .p-type-columns{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}:host .outer-container .p-type-columns .p-column{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;width:38%;margin-bottom:var(--spacing-16, 1rem);padding:0.75rem 5% 1rem 5%;overflow:hidden;background-color:var(--light, #ffffff);border-radius:8px;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .p-type-columns .p-column .top{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%}:host .outer-container .p-type-columns .p-column .top .delta{display:block;-ms-flex-item-align:end;align-self:flex-end;font-size:var(--font-size-14, 0.875rem)}:host .outer-container .p-type-columns .p-column .top .delta yoo-icon{margin-right:0.3125rem}:host .outer-container .p-type-columns .p-column .top .delta .delta-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .p-type-columns .p-column .top .delta .delta-container.success{color:var(--success, #3aa76d)}:host .outer-container .p-type-columns .p-column .top .delta .delta-container.danger{color:var(--danger, #d44333)}:host .outer-container .p-type-columns .p-column .top .delta .chat-container{-ms-flex-item-align:end;align-self:flex-end;margin-top:0.5rem}:host .outer-container .p-type-columns .p-column .bottom{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .p-type-columns .p-column .bottom .title{display:-webkit-box;width:100%;overflow:hidden;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);word-wrap:break-word;word-break:break-word;-webkit-box-orient:vertical;-webkit-line-clamp:1}:host .outer-container .p-type-columns .p-column .bottom .number{width:100%;font-size:var(--font-size-18, 1.125rem);line-height:1.8125rem}:host .outer-container .p-type-rows{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding:1.3125rem 1.25rem 0.8125rem 1.25rem;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .p-type-rows .p-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between;height:3.5625rem;padding-top:var(--spacing-08, 0.5rem);padding-bottom:0.5625rem;font-size:var(--font-size-16, 1rem);border-bottom:solid 0.0625rem var(--stable-light, #f1f1f1)}:host .outer-container .p-type-rows .p-row .title{width:100%;color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);line-height:1.125rem}:host .outer-container .p-type-rows .p-row .number{line-height:1.125rem}:host .outer-container .p-type-rows .p-row .delta{-ms-flex-item-align:end;align-self:end;line-height:1.125rem}:host .outer-container .p-type-rows .p-row:last-child{margin-bottom:0;border:none}:host .outer-container .p-type-grid{margin:auto;margin-top:3px;padding:0.8rem;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .p-type-grid .p-type-grid-scroll-container{width:100%;height:100%;overflow-x:auto;overflow-y:hidden;}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .outer-container .p-type-grid .p-type-grid-scroll-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span{width:5.4375rem;font-size:var(--font-size-16, 1rem);line-height:1.0625rem}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span:first-child{color:var(--text-color, #807f83)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row:not(.header){color:var(--dark, #000000)}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row>div{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .p-type-grid .p-type-grid-scroll-container .inner-container .p-row.header>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:4.375rem;margin-right:1.0625rem;text-transform:uppercase}:host .outer-container .p-type-progress{margin:auto;margin-top:3px;padding:0.8rem;background-color:var(--light, #ffffff);border-radius:0.5rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host .outer-container .p-type-progress .p-row .title{font-size:var(--font-size-12, 0.75rem);text-align:left}:host .outer-container .p-type-chart chart-high{height:18.75rem}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.assertive,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.danger{color:var(--danger, #d44333)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.dark,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.black{color:var(--dark, #000000)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.balanced,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.success,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container.app-color{color:var(--app-color, #5a30f4)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;text-align:left}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column{padding-right:var(--spacing-16, 1rem)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-header{font-weight:var(--font-weight-900, 900)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-header,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item{height:var(--list-row-height);padding:0.25rem 1rem;white-space:nowrap}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item{white-space:nowrap}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.assertive,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.danger{color:var(--danger, #d44333)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.dark,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.black{color:var(--dark, #000000)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.balanced,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.success,:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-column .p-column-item.app-color{color:var(--app-color, #5a30f4)}:host(.kpi) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container.header>span{margin-right:0}:host(.framed) .outer-container{display:block;margin:1rem;padding:1rem;border-radius:0.25rem;-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1))}:host(.web) .outer-container yoo-ion-scroll{padding:var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-columns .p-column{width:46%;height:6.5625rem;margin:0 var(--spacing-04, 0.25rem) var(--spacing-08, 0.5rem) var(--spacing-04, 0.25rem);padding:0}:host(.web) .outer-container .details .p-type-columns .p-column .bottom{padding:0 0 var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-columns .p-column .bottom .title{overflow:hidden}:host(.web) .outer-container .details .p-type-columns .p-column .top{width:calc(100% - var(--spacing-16) * 2);padding-left:var(--spacing-16, 1rem)}:host(.web) .outer-container .details .p-type-grid .p-type-grid-scroll-container .inner-container .p-row span{-ms-flex:1;flex:1;width:auto;min-width:5.4375rem}";

package/dist/esm/yoo-range.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import { c as createGesture, b as clamp } from './index-ca242d41.js';
-import { v as debounceEvent } from './common-helpers-61e87a96.js';
-import './index-1daea473.js';
-import './overlays-fc8b6c29.js';
+import { c as createGesture, b as clamp } from './index-28955919.js';
+import { v as debounceEvent } from './common-helpers-c2933562.js';
+import './index-d375d097.js';
+import './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const rangeCss = "svg:not(:root){overflow:hidden}:host{--host-thickness:var(--spacing-32, 2rem);--bar-thickness:var(--spacing-02, 0.125rem);--bar-active-color:var(--app-color, #5a30f4);--bar-trail-color:var(--app-color-20, rgba(90, 48, 244, 0.2));--pin-color:var(--app-color, #5a30f4);--pin-text-color:var(--light, #ffffff);--tick-text-color:var(--dark, #000000);--tick-text-size:var(--font-size-12, 0.75rem);--knob-size:1.25rem;--knob-press-scale:1.125;--knob-color:var(--bar-active-color);--knob-handle-size:calc(var(--knob-size) * 2);--knob-shadow:unset}:host .inner-container{position:relative;-ms-flex:1;flex:1;font-size:var(--font-size-12, 0.75rem);cursor:-webkit-grab;cursor:grab;-ms-touch-action:pan-y;touch-action:pan-y;contain:size layout style}:host .inner-container .tick{position:absolute;z-index:1;width:var(--bar-thickness);height:var(--bar-thickness);background-color:var(--bar-active-color);pointer-events:none}:host .inner-container .tick::after{position:absolute;color:var(--tick-text-color);font-size:var(--tick-text-size);content:attr(i)}:host .inner-container .tick.hidden:not([i]){background-color:transparent}:host .inner-container .tick.hidden[i]{background:var(--tick-text-color)}:host .inner-container .bar{position:absolute;background:var(--bar-trail-color);pointer-events:none}:host .inner-container .bar.active{z-index:1}:host .inner-container .knob-handle{position:absolute;width:var(--knob-handle-size);height:var(--knob-handle-size);text-align:center}:host .inner-container .knob-handle:active,:host .inner-container .knob-handle:focus{outline:none}:host .inner-container .knob-handle.pressed .pin{-webkit-transform:translate3d(0,  -1.5rem,  0) scale(1);transform:translate3d(0,  -1.5rem,  0) scale(1)}:host .inner-container .knob-handle .knob{left:calc(50% - var(--knob-size) / 2);top:calc(50% - var(--knob-size) / 2);position:absolute;z-index:2;width:var(--knob-size);height:var(--knob-size);border-radius:50%;-webkit-box-shadow:var(--knob-shadow);box-shadow:var(--knob-shadow);pointer-events:none}:host(.pressed) .inner-container{cursor:-webkit-grabbing;cursor:grabbing}:host(.pressed) .inner-container .bar.active{will-change:left, right}:host(:not(.has-pin)) .pressed .knob{-webkit-transform:scale(var(--knob-press-scale));transform:scale(var(--knob-press-scale));-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}:host([orientation=horizontal].has-ticks-labels){display:block;width:calc(100% - 1.5rem);min-height:3rem;margin:0 auto}:host(:not([disabled])) .bar.active{background:var(--bar-active-color)}:host(:not([disabled])) .knob{background:var(--knob-color)}:host([disabled]) .bar{background-color:var(--stable-light, #f1f1f1);pointer-events:none}:host([disabled]) .bar.active,:host([disabled]) .tick,:host([disabled]) .knob{background-color:var(--stable, #adadad)}:host([disabled]) .inner-container,:host([readonly]) .inner-container{cursor:not-allowed}:host([orientation=horizontal]){width:100%}:host([orientation=horizontal]) .inner-container{width:100%;height:var(--host-thickness)}:host([orientation=horizontal]) .inner-container .tick{top:calc((var(--host-thickness) - var(--bar-thickness)) / 2)}:host([orientation=horizontal]) .inner-container .tick::after{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}:host([orientation=horizontal]) .inner-container .tick.hidden::after{top:var(--spacing-08, 0.5rem)}:host([orientation=horizontal]) .inner-container .tick:not(.hidden)::after{top:var(--spacing-16, 1rem)}:host([orientation=horizontal]) .inner-container .tick.hidden[i]{width:0.05rem;height:0.25rem;-webkit-transform:translateY(0.75rem);transform:translateY(0.75rem)}:host([orientation=horizontal]) .inner-container .bar{top:calc((var(--host-thickness) - var(--bar-thickness)) / 2);height:var(--bar-thickness)}:host([orientation=horizontal]) .inner-container .bar:not(.active){width:100%}:host([orientation=horizontal]) .inner-container .pin{-webkit-transform:translate3d(0,  0,  0) scale(0.01);transform:translate3d(0,  0,  0) scale(0.01);position:relative;display:inline-block;-webkit-box-sizing:border-box;box-sizing:border-box;min-width:1.75rem;height:1.75rem;padding:var(--spacing-08, 0.5rem) 0;color:var(--pin-text-color);text-align:center;background:var(--pin-color);border-radius:50%;-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color, -webkit-transform;transition-property:background-color, -webkit-transform;transition-property:transform, background-color;transition-property:transform, background-color, -webkit-transform}:host([orientation=horizontal]) .inner-container .pin::before{left:50%;top:3px;margin-left:-13px;border-radius:50% 50% 50% 0;position:absolute;z-index:-1;width:1.625rem;height:1.625rem;background:var(--pin-color);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition-timing-function:ease;transition-timing-function:ease;-webkit-transition-duration:150ms;transition-duration:150ms;-webkit-transition-property:background-color;transition-property:background-color;content:\"\"}:host([orientation=horizontal]) .inner-container .knob-handle{top:calc((var(--host-thickness) - var(--knob-handle-size)) / 2)}:host([orientation=horizontal][direction=rtl]) .knob-handle{margin-right:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=horizontal][direction=ltr]) .knob-handle{margin-left:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=vertical]){height:100%}:host([orientation=vertical]) .inner-container{width:var(--host-thickness);height:100%}:host([orientation=vertical]) .inner-container .tick{left:calc((var(--host-thickness) - var(--bar-thickness)) / 2)}:host([orientation=vertical]) .inner-container .tick::after{top:50%;left:0.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host([orientation=vertical]) .inner-container .tick[i]{width:0.25rem;height:0.05rem;-webkit-transform:translateX(0.75rem);transform:translateX(0.75rem)}:host([orientation=vertical]) .inner-container .bar{left:calc((var(--host-thickness) - var(--bar-thickness)) / 2);width:var(--bar-thickness)}:host([orientation=vertical]) .inner-container .bar:not(.active){height:100%}:host([orientation=vertical]) .inner-container .knob-handle{left:calc((var(--host-thickness) - var(--knob-handle-size)) / 2)}:host([orientation=vertical][direction=rtl]) .knob-handle{margin-bottom:calc(0rem - var(--knob-handle-size) / 2)}:host([orientation=vertical][direction=ltr]) .knob-handle{margin-top:calc(0rem - var(--knob-handle-size) / 2)}";

package/dist/esm/yoo-rating.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { V as getAsyncExtraData, o as isNativeMobile, cR as addKeyboardEventListener, cQ as removeKeyboardEventListeners, H as isWeb, w as closeModal, t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { W as getAsyncExtraData, o as isNativeMobile, cS as addKeyboardEventListener, cR as removeKeyboardEventListeners, H as isWeb, w as closeModal, t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const ratingCss = "svg:not(:root){overflow:hidden}:host{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host yoo-lottie{height:14.75rem}:host yoo-lottie.rating{margin:var(--spacing-32, 2rem) 0}:host .rating-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-left:var(--spacing-16, 1rem)}:host .rating-container .title{color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-24, 1.5rem)}:host .rating-container .sub-title{margin:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem) 0;color:var(--stable, #adadad);font-size:var(--font-size-16, 1rem)}:host .rating-container .invalid-rating{color:var(--danger, #d44333);font-size:var(--font-size-14, 0.875rem)}:host .description-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;margin:var(--spacing-32, 2rem) var(--spacing-16, 1rem)}:host .description-container .description-content{width:100%;font-size:var(--font-size-12, 0.75rem);text-transform:uppercase}:host .description-container .description-content .description-title{margin-bottom:var(--spacing-08, 0.5rem);color:var(--dark, #000000)}:host .description-container .description-content .description-opt{padding-left:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}:host .completed-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:65%}:host .completed-container yoo-lottie{height:18.75rem}:host .completed-container .completed-description{margin:0 var(--spacing-48, 3rem);margin-top:-6.25rem;font-size:var(--font-size-18, 1.125rem);text-align:center;opacity:0;-webkit-animation:opacity 3s forwards;animation:opacity 3s forwards;-webkit-animation-delay:1s;animation-delay:1s}:host(.web) yoo-lottie.rating{margin:var(--spacing-16, 1rem) 0}:host(.web) .rating-container{-ms-flex-align:center;align-items:center}:host(.web) .description-content{width:25rem}@-webkit-keyframes opacity{from{opacity:0}to{opacity:1}}@keyframes opacity{from{opacity:0}to{opacity:1}}";

package/dist/esm/yoo-reset-password.entry.js

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, k as getAssetPath, g as getElement } from './index-0a59e2a1.js';
-import { o as isNativeMobile, aO as Keyboard, t as translate, H as isWeb } from './overlays-fc8b6c29.js';
-import { c as FormFieldType } from './index-56d7a2d6.js';
-import './index-1daea473.js';
+import { o as isNativeMobile, aP as Keyboard, t as translate, H as isWeb } from './overlays-0cc9a656.js';
+import { c as FormFieldType } from './index-58e4534b.js';
+import './index-d375d097.js';
 import './lodash-777f91de.js';
 import './_commonjsHelpers-f4d11124.js';
 

package/dist/esm/yoo-result-dialog.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-0a59e2a1.js';
-import './index-1daea473.js';
-import { g as getAppContext } from './common-helpers-61e87a96.js';
-import { a2 as translateMulti, t as translate } from './overlays-fc8b6c29.js';
+import './index-d375d097.js';
+import { g as getAppContext } from './common-helpers-c2933562.js';
+import { a3 as translateMulti, t as translate } from './overlays-0cc9a656.js';
 import './lodash-777f91de.js';
-import './index-56d7a2d6.js';
+import './index-58e4534b.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const resultDialogCss = "svg:not(:root){overflow:hidden}:host{display:grid;min-width:-webkit-min-content;min-width:-moz-min-content;min-width:min-content;padding:var(--spacing-08, 0.5rem);padding-bottom:0;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--card-shadow, 0 0.125rem 0.25rem 0 rgba(40, 47, 54, 0.08))}:host>*{margin:var(--spacing-08, 0.5rem) auto}:host span,:host p{text-align:center}:host span{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-20, 1.25rem)}:host p{min-width:10rem;max-width:17.5rem;max-height:25rem;padding:0 var(--spacing-16, 1rem);overflow-y:auto;color:var(--text-color, #807f83);font-size:var(--font-size-16, 1rem);line-height:1.5}:host yoo-empty-state{width:3.125rem;height:3.125rem}:host .footer{margin:0;margin-top:var(--spacing-08, 0.5rem);padding:0.75rem;text-align:center;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);cursor:pointer}:host(.web){max-width:40%}:host(.web) p{}:host(.web) p::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web) p::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}";