@yoobic/yobi 8.3.0-1 → 8.3.0-13

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-906d845d.js';
-import './index-fa45e1bf.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
+import './index-23286af2.js';
 import { T as inRange, W as debounce } from './lodash-bf91c7a4.js';
-import { l as lifecycleEvents, q as querySelectorDeep, b as getAppContext } from './common-helpers-87635b55.js';
-import { B as BACKDROP, e as eventMethod } from './overlays-c9c65595.js';
-import { c as createThemedClasses, g as getClassMap } from './theme-2473b3d6.js';
-import { m as modalAnimationFactory } from './modal-animations-8f468e9a.js';
-import { q as isWeb, aD as gsapTo, e as isFullScreenFalse, v as findParent, aE as gsapSet, cV as isAnimationsDisabled, cU as fadeScaleAnimation, cS as present, cT as dismiss, aC as Draggable, o as getModalAnimation, de as getDialogPosition, bB as isSafari, b6 as isOffline, w as isIphoneX, X as getSession } from './overlays-0b66aaed.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import { l as lifecycleEvents, q as querySelectorDeep, b as getAppContext } from './common-helpers-bf424e4e.js';
+import { B as BACKDROP, e as eventMethod } from './overlays-be0fec94.js';
+import { c as createThemedClasses, g as getClassMap } from './theme-ba1ebe98.js';
+import { m as modalAnimationFactory } from './modal-animations-7800edea.js';
+import { q as isWeb, aD as gsapTo, e as isFullScreenFalse, v as findParent, cV as MODAL_BASE_ZINDEX, aE as gsapSet, cX as isAnimationsDisabled, cW as fadeScaleAnimation, cT as present, cU as dismiss, aC as Draggable, o as getModalAnimation, dg as getDialogPosition, bB as isSafari, b6 as isOffline, w as isIphoneX, X as getSession } from './overlays-2a6483bd.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 async function attachComponent(delegate, container, component, cssClasses, componentProps) {
   if (delegate) {
@@ -42,7 +42,7 @@ function detachComponent(delegate, element) {
   return Promise.resolve();
 }
 
-const modalCss = ".bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color, #5a30f4) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #ffc043) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #d84c96) !important}.info.sc-yoo-ion-modal{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight.sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight.sc-yoo-ion-modal{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ed6e33) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood.sc-yoo-ion-modal{background-color:var(--wood, #99644c) !important}.wood.sc-yoo-ion-modal{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 7rem);margin:0 auto;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:var(--spacing-48, 3rem) !important;width:100%;max-height:inherit}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.preview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 20rem);height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:0}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{right:auto;left:0;width:24.5rem}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:75vw}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:var(--border-radius-16, 1rem) var(--border-radius-16, 1rem) 0 0}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:104px;right:0;bottom:0;left:inherit;width:calc(100% - 25rem - 15rem);max-height:initial;border-radius:0}.right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:40rem;-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))}.right-panel.location-missions.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(75vw - 25rem)}.right-panel.location-missions.extra-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:273px}.floating.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.floating.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0;-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))}.menu-collapsed .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem - 4.5rem)}.menu-collapsed .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:40rem}.page-expanded .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem)}.page-expanded .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:44.5rem}.webpart.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:fixed}.webpart.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:fixed;max-width:calc(100% - 7rem);max-height:calc(100% - 7rem)}.webpart.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-width:100%;max-height:100%}";
+const modalCss = ".bg-accent.sc-yoo-ion-modal{background-color:var(--accent, #276ef1) !important}.accent.sc-yoo-ion-modal{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}.bg-app-color.sc-yoo-ion-modal{background-color:var(--app-color, #5a30f4) !important}.app-color.sc-yoo-ion-modal{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}.bg-danger.sc-yoo-ion-modal{background-color:var(--danger, #d44333) !important}.danger.sc-yoo-ion-modal{color:var(--danger, #d44333);fill:var(--danger, #d44333)}.bg-dark.sc-yoo-ion-modal{background-color:var(--dark, #000000) !important}.dark.sc-yoo-ion-modal{color:var(--dark, #000000);fill:var(--dark, #000000)}.bg-energized.sc-yoo-ion-modal{background-color:var(--energized, #ffc043) !important}.energized.sc-yoo-ion-modal{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}.bg-info.sc-yoo-ion-modal{background-color:var(--info, #d84c96) !important}.info.sc-yoo-ion-modal{color:var(--info, #d84c96);fill:var(--info, #d84c96)}.bg-light.sc-yoo-ion-modal{background-color:var(--light, #ffffff) !important}.light.sc-yoo-ion-modal{color:var(--light, #ffffff);fill:var(--light, #ffffff)}.bg-stable.sc-yoo-ion-modal{background-color:var(--stable, #adadad) !important}.stable.sc-yoo-ion-modal{color:var(--stable, #adadad);fill:var(--stable, #adadad)}.bg-stable-alt.sc-yoo-ion-modal{background-color:var(--stable-alt, #d0d0d0) !important}.stable-alt.sc-yoo-ion-modal{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}.bg-stable-light.sc-yoo-ion-modal{background-color:var(--stable-light, #f1f1f1) !important}.stable-light.sc-yoo-ion-modal{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}.bg-stable-ultralight.sc-yoo-ion-modal{background-color:var(--stable-ultralight, #fafafa) !important}.stable-ultralight.sc-yoo-ion-modal{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}.bg-success.sc-yoo-ion-modal{background-color:var(--success, #3aa76d) !important}.success.sc-yoo-ion-modal{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}.bg-text-color.sc-yoo-ion-modal{background-color:var(--text-color, #807f83) !important}.text-color.sc-yoo-ion-modal{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}.bg-warning.sc-yoo-ion-modal{background-color:var(--warning, #ed6e33) !important}.warning.sc-yoo-ion-modal{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}.bg-wood.sc-yoo-ion-modal{background-color:var(--wood, #99644c) !important}.wood.sc-yoo-ion-modal{color:var(--wood, #99644c);fill:var(--wood, #99644c)}.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--dark-20, rgba(0, 0, 0, 0.2));opacity:0}.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:3.5rem;right:0;bottom:0;left:0;width:52.5rem;max-height:calc(100% - 7rem);margin:0 auto;overflow:auto;background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem)}.sc-yoo-ion-modal-h .modal-wrapper.full-screen-important.sc-yoo-ion-modal{top:0 !important;left:0 !important;-webkit-transform:initial !important;transform:initial !important}.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:var(--spacing-48, 3rem) !important;width:100%;max-height:inherit}.abs-center.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:auto}.preview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:22.5rem;max-height:100%;margin:0;border-radius:0}.preview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:45rem}.preview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}.draggable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0}.context-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto;max-height:100%;overflow:visible;background-color:transparent}.quickview.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0}.quickview.web.lesson.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:absolute;top:var(--spacing-48, 3rem) !important;width:calc(100% - 17.5rem)}.quickview.web.lesson.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:absolute;right:0;left:unset;width:calc(100% - 17.5rem)}.quickview.web.lesson-form.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 20rem);height:calc(100% - 2.75rem) !important}.quickview.has-footer.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - var(--spacing-56, 3.5rem))}.quickview.has-footer.has-header.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{height:calc(100% - 6.5625rem)}.quickview.quickview-right-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-right-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.no-top.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:0}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{top:3.5rem}.quickview.quickview-right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5rem;width:22.5rem;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1);border-left:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}.quickview.quickview-left-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{right:auto;left:0;width:24.5rem}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:6.5rem;right:0;left:auto;width:45rem}.quickview.half-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:3.5625rem}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{position:fixed}.quickview-left-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview-right-panel.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal,.quickview.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{position:fixed}.quickview.large.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:75vw}.quickview.medium.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:27rem}.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:auto}.transparent.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.transparent.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.quickview.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal,.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-height:inherit;border-radius:inherit}.fullscreen.with-left-menu.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{left:15rem}.mobile.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;bottom:0;width:100%;height:100%;max-height:inherit;overflow:inherit;border-radius:inherit}.half.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{border-radius:var(--border-radius-16, 1rem) var(--border-radius-16, 1rem) 0 0}.quickview.shadow.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}.quickview.shadow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}.transparent-wrapper.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:transparent}.layout-01-modal.sc-yoo-ion-modal-h{--spacing-top-bottom:var(--spacing-48, 3rem)}.layout-01.sc-yoo-ion-modal-h:not(.mobile){position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-pack:initial;justify-content:initial;background:var(--stable-ultralight, #fafafa);z-index:10;width:100%;height:100%;background-color:transparent;contain:strict}@media screen and (min-width: 1440px){.layout-01.sc-yoo-ion-modal-h:not(.mobile)>*.sc-yoo-ion-modal{width:37.5rem}}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .overlay.sc-yoo-ion-modal{display:none}.layout-01.sc-yoo-ion-modal-h:not(.mobile) .modal-wrapper.sc-yoo-ion-modal{top:0;width:inherit;height:100%;max-height:inherit;border-radius:inherit}.visible-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:visible}.hidden-overflow.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.responsive.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{bottom:auto}.navigable.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:hidden}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal:hover{-webkit-transform:scale(1.5);transform:scale(1.5)}.navigable.sc-yoo-ion-modal-h .arrow-container.sc-yoo-ion-modal{position:absolute;top:50%;color:var(--light, #ffffff);cursor:pointer;opacity:0;-webkit-transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, -webkit-transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in;transition:opacity 350ms ease-in, transform 250ms ease-in, -webkit-transform 250ms ease-in}.navigable.sc-yoo-ion-modal-h .arrow-container.left.sc-yoo-ion-modal{left:2.5rem}.navigable.sc-yoo-ion-modal-h .arrow-container.right.sc-yoo-ion-modal{right:2.5rem}.no-overlay.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.fixed-pos.sc-yoo-ion-modal-h:not(.emulate-preview)>.modal-wrapper.sc-yoo-ion-modal{position:fixed}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.web.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.emulate-calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{overflow:auto}.calendar.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:14rem;height:25% !important;min-height:unset !important;-webkit-box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-03, 0 0.5rem 1rem 0 rgba(0, 0, 0, 0.1))}[class*=bg-].sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{background-color:inherit;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.right-panel.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{display:none}.right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:104px;right:0;bottom:0;left:inherit;width:calc(100% - 25rem - 15rem);max-height:initial;border-radius:0}.right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:0;width:40rem;-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))}.right-panel.location-missions.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(75vw - 25rem)}.right-panel.location-missions.extra-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{top:273px}.floating.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{background:transparent}.floating.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{margin:0;-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))}.menu-collapsed .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem - 4.5rem)}.menu-collapsed .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:40rem}.page-expanded .right-panel.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:calc(100% - 25rem)}.page-expanded .right-panel.right-panel-no-top.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{width:44.5rem}.webpart.sc-yoo-ion-modal-h .overlay.sc-yoo-ion-modal{position:fixed}.webpart.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{position:fixed;max-width:calc(100% - 7rem);max-height:calc(100% - 7rem)}.webpart.fullscreen.sc-yoo-ion-modal-h .modal-wrapper.sc-yoo-ion-modal{max-width:100%;max-height:100%}";
 
 const LIFECYCLE_MAP = {
   ionModalDidPresent: 'ionViewDidEnter',
@@ -115,7 +115,7 @@ const YooIonModalComponent = class {
   }
   get zIndexOverlay() {
     var _a;
-    return (20000 + (((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.overlayId) || this.overlayId || 0)).toString();
+    return (MODAL_BASE_ZINDEX + (((_a = this.componentProps) === null || _a === void 0 ? void 0 : _a.overlayId) || this.overlayId || 0)).toString();
   }
   onDismiss(ev) {
     ev.stopPropagation();

package/dist/esm/yoo-ion-refresher-content.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, e as Host } from './index-906d845d.js';
+import { r as registerInstance, h, e as Host } from './index-54cb3c5d.js';
 
 const YooIonRefresherContentComponent = class {
   constructor(hostRef) {

package/dist/esm/yoo-ion-refresher.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, m as writeTask, h, e as Host, g as getElement } from './index-906d845d.js';
-import { T as TapticEngine } from './index-8b73f528.js';
-import './index-fa45e1bf.js';
-import { c as createGesture } from './index-ce2433ed.js';
-import { v as findParent, f as isNativeMobile, x as isIOS } from './overlays-0b66aaed.js';
+import { r as registerInstance, i as createEvent, m as writeTask, h, e as Host, g as getElement } from './index-54cb3c5d.js';
+import { T as TapticEngine } from './index-6e2ec5b1.js';
+import './index-23286af2.js';
+import { c as createGesture } from './index-90efffcb.js';
+import { v as findParent, f as isNativeMobile, x as isIOS } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const refresherCss = "yoo-ion-refresher{left:0;top:0;position:absolute;top:0;z-index:0;display:none;width:100%;height:60px}yoo-ion-refresher.refresher-active{display:block}yoo-ion-refresher.transparent yoo-ion-refresher-content{background-color:transparent}yoo-ion-refresher-content{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.refresher-pulling,.refresher-refreshing{display:none;width:100%}.refresher-pulling-icon,.refresher-refreshing-icon{-webkit-transform-origin:center;transform-origin:center;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;font-size:2rem;text-align:center;-webkit-transition:200ms;transition:200ms}.refresher-pulling-text,.refresher-refreshing-text{font-size:1rem;text-align:center}.refresher-pulling yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-ready yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-ready yoo-ion-refresher-content .refresher-pulling-icon{-webkit-transform:rotate(180deg);transform:rotate(180deg)}.refresher-refreshing yoo-ion-refresher-content .refresher-refreshing{display:block}.refresher-cancelling yoo-ion-refresher-content .refresher-pulling{display:block}.refresher-cancelling yoo-ion-refresher-content .refresher-pulling-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-completing yoo-ion-refresher-content .refresher-refreshing{display:block}.refresher-completing yoo-ion-refresher-content .refresher-refreshing-icon{-webkit-transform:scale(0);transform:scale(0)}.refresher-ios .refresher-pulling-icon,.refresher-ios .refresher-refreshing-icon{color:var(--dark, #000000)}.refresher-ios .refresher-pulling-text,.refresher-ios .refresher-refreshing-text{color:var(--dark, #000000)}.refresher-ios .refresher-refreshing .spinner-lines-ios line,.refresher-ios .refresher-refreshing .spinner-lines-small-ios line,.refresher-ios .refresher-refreshing .spinner-crescent circle{stroke:var(--dark, #000000)}.refresher-ios .refresher-refreshing .spinner-bubbles circle,.refresher-ios .refresher-refreshing .spinner-circles circle,.refresher-ios .refresher-refreshing .spinner-dots circle{fill:var(--dark, #000000)}.refresher-pulling-icon yoo-icon{font-size:var(--font-size-14, 0.875rem)}.refresher-refreshing-icon img{width:25px}";
 

package/dist/esm/yoo-ion-scroll.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, l as readTask, f as forceUpdate, j as Build, h, e as Host, g as getElement } from './index-906d845d.js';
-import './index-fa45e1bf.js';
-import { b as getAppContext } from './common-helpers-87635b55.js';
-import { q as isWeb, U as isNullOrUndefined, dC as isFirefox, ej as isForceScrollbar } from './overlays-0b66aaed.js';
+import { r as registerInstance, i as createEvent, l as readTask, f as forceUpdate, j as Build, h, e as Host, g as getElement } from './index-54cb3c5d.js';
+import './index-23286af2.js';
+import { b as getAppContext } from './common-helpers-bf424e4e.js';
+import { q as isWeb, U as isNullOrUndefined, dE as isFirefox, el as isForceScrollbar } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const scrollCss = ":host{--background-color:transparent;--left-pos:0;--right-pos:0;--bottom-pos:0;--top-pos:0;position:absolute;top:var(--top-pos);right:var(--right-pos);bottom:var(--bottom-pos);left:var(--left-pos);display:block;overflow-x:hidden;background-color:var(--background-color);will-change:scroll-position;contain:size style layout;-webkit-overflow-scrolling:touch;-webkit-tap-highlight-color:transparent}:host(.isFirefox){will-change:auto}:host(.overscroll)::before,:host(.overscroll)::after{position:absolute;width:0.0625rem;height:0.0625rem;content:\"\"}:host(.overscroll)::before{bottom:-1px}:host(.overscroll)::after{top:-1px}:host(.horizontal){display:-ms-flexbox;display:flex;overflow-x:auto;overflow-y:hidden;contain:initial}:host(.horizontal)::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.horizontal)::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.horizontal)::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.vertical-center){-ms-flex-align:center;align-items:center}:host(.no-scrollbar:not(.force-scrollbar))::-webkit-scrollbar{display:none}:host(.no-scrollbar:not(.force-scrollbar)){scrollbar-width:none}:host(.relative){position:relative;height:100%}:host(.force-visible-overflow){overflow:visible !important}:host(.no-contain){contain:initial}:host(.web),:host(.force-scrollbar){overflow-y:auto;}:host(.web)::-webkit-scrollbar,:host(.force-scrollbar)::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.web)::-webkit-scrollbar-track,:host(.force-scrollbar)::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web)::-webkit-scrollbar-thumb,:host(.force-scrollbar)::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:hover)::-webkit-scrollbar-track,:host(.force-scrollbar:hover)::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:hover)::-webkit-scrollbar-thumb,:host(.force-scrollbar:hover)::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.flex){display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}";
 

package/dist/esm/yoo-ion-slide.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, h, e as Host, g as getElement } from './index-906d845d.js';
-import { b as getAppContext } from './common-helpers-87635b55.js';
-import './overlays-0b66aaed.js';
+import { r as registerInstance, h, e as Host, g as getElement } from './index-54cb3c5d.js';
+import { b as getAppContext } from './common-helpers-bf424e4e.js';
+import './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './index-a3ff76e2.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-fa45e1bf.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
+import './index-23286af2.js';
 
 const slideCss = "@font-face{font-family:\"swiper-icons\";src:url(\"data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA\");font-weight:400;font-style:normal}:root{--swiper-theme-color:#007aff}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-vertical>.swiper-wrapper{-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-pointer-events{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-pointer-events.swiper-vertical{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-slide{-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform}.swiper-backface-hidden .swiper-slide{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d,.swiper-3d.swiper-css-mode .swiper-wrapper{-webkit-perspective:1200px;perspective:1200px}.swiper-3d .swiper-wrapper,.swiper-3d .swiper-slide,.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0, 0, 0, 0.15)}.swiper-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none;}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-horizontal.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:x mandatory;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory}.swiper-vertical.swiper-css-mode>.swiper-wrapper{-webkit-scroll-snap-type:y mandatory;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory}.swiper-centered>.swiper-wrapper::before{content:\"\";-ms-flex-negative:0;flex-shrink:0;-ms-flex-order:9999;order:9999}.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center}.swiper-virtual .swiper-slide{-webkit-backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.swiper-virtual.swiper-css-mode .swiper-wrapper::after{content:\"\";position:absolute;left:0;top:0;pointer-events:none}.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after{height:1px;width:var(--swiper-virtual-size)}.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after{width:1px;height:var(--swiper-virtual-size)}:root{--swiper-navigation-size:44px;}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;width:calc(var(--swiper-navigation-size) / 44 * 27);height:var(--swiper-navigation-size);margin-top:calc(0px - var(--swiper-navigation-size) / 2);z-index:10;cursor:pointer;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;color:var(--swiper-navigation-color, var(--swiper-theme-color))}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{opacity:0.35;cursor:auto;pointer-events:none}.swiper-button-prev.swiper-button-hidden,.swiper-button-next.swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled .swiper-button-prev,.swiper-navigation-disabled .swiper-button-next{display:none !important}.swiper-button-prev:after,.swiper-button-next:after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none !important;letter-spacing:0;font-variant:initial;line-height:1}.swiper-button-prev,.swiper-rtl .swiper-button-next{left:10px;right:auto}.swiper-button-prev:after,.swiper-rtl .swiper-button-next:after{content:\"prev\"}.swiper-button-next,.swiper-rtl .swiper-button-prev{right:10px;left:auto}.swiper-button-next:after,.swiper-rtl .swiper-button-prev:after{content:\"next\"}.swiper-button-lock{display:none}:root{}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:300ms opacity;transition:300ms opacity;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none !important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(0.33);transform:scale(0.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));height:var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));display:inline-block;border-radius:50%;background:var(--swiper-pagination-bullet-inactive-color, #000);opacity:var(--swiper-pagination-bullet-inactive-opacity, 0.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none !important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity, 1);background:var(--swiper-pagination-color, var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap, 6px) 0;display:block}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap, 4px)}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-progressbar{background:rgba(0, 0, 0, 0.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color, var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:4px;height:100%;left:0;top:0}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0, 0, 0, 0.1)}.swiper-scrollbar-disabled>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-disabled{display:none !important}.swiper-horizontal>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-horizontal{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-vertical>.swiper-scrollbar,.swiper-scrollbar.swiper-scrollbar-vertical{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0, 0, 0, 0.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>img,.swiper-zoom-container>svg,.swiper-zoom-container>canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}:root{}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;transform-origin:50%;-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid var(--swiper-preloader-color, var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader,.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader{-webkit-animation:swiper-preloader-spin 1s infinite linear;animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@-webkit-keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-grid>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-grid-column>.swiper-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-direction:column;flex-direction:column}.swiper-fade.swiper-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active,.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube{overflow:visible}.swiper-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-cube.swiper-rtl .swiper-slide{-webkit-transform-origin:100% 0;transform-origin:100% 0}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-cube .swiper-slide-active,.swiper-cube .swiper-slide-next,.swiper-cube .swiper-slide-prev,.swiper-cube .swiper-slide-next+.swiper-slide{pointer-events:auto;visibility:visible}.swiper-cube .swiper-slide-shadow-top,.swiper-cube .swiper-slide-shadow-bottom,.swiper-cube .swiper-slide-shadow-left,.swiper-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0px;width:100%;height:100%;opacity:0.6;z-index:0}.swiper-cube .swiper-cube-shadow:before{content:\"\";background:#000;position:absolute;left:0;top:0;bottom:0;right:0;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-flip{overflow:visible}.swiper-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-flip .swiper-slide-active,.swiper-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-flip .swiper-slide-shadow-top,.swiper-flip .swiper-slide-shadow-bottom,.swiper-flip .swiper-slide-shadow-left,.swiper-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-creative .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden;-webkit-transition-property:opacity, height, -webkit-transform;transition-property:opacity, height, -webkit-transform;transition-property:transform, opacity, height;transition-property:transform, opacity, height, -webkit-transform}.swiper-cards{overflow:visible}.swiper-cards .swiper-slide{-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-backface-visibility:hidden;backface-visibility:hidden;overflow:hidden}yoo-ion-slide yoo-form-capture{width:100%;height:100%}yoo-ion-slide.card-feed .slide{width:100%}.large-slide{min-width:19.38rem}.large-slide.card-recommendation{max-width:18rem}.large-slide.card-cell{min-width:initial;max-width:6rem}.slide-zoom{display:block;width:100%;text-align:center}[class*=auto-slides-view]{display:block;-ms-flex-pack:inherit;justify-content:inherit;width:auto}.swiper-slide{position:relative;display:-ms-flexbox;display:flex;-ms-flex-negative:0;flex-shrink:0;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%}.swiper-slide img{width:auto;max-width:100%;height:auto;max-height:100%}.recap yoo-ion-scroll{background:transparent}.zoomed .slide-container{position:fixed;top:0;bottom:0;width:100%;margin:0;margin-bottom:0;border-radius:0}.zoomed .slide-container yoo-ion-scroll{padding:0}.profile-slide{width:15rem}yoo-ion-slide.empty{width:0 !important}yoo-ion-slide.navigation-padding.web{padding:0 2.75rem}yoo-ion-slide:not(.swiper-slide-active).web.outside-navigation-arrows{opacity:0;pointer-events:none}yoo-ion-slide.card-list-color.swiper-slide,yoo-ion-slide.auto-height.swiper-slide{width:12.5rem;height:7rem}yoo-ion-slide.card-list-color.small{width:10rem;height:4.5rem}yoo-ion-slide.card-list-color .slide{width:100%;height:100%}yoo-ion-slide.card-list-color .slide .entity-inner-container{height:100%}";
 

package/dist/{design-system/yoo-ion-slides-771af33d.js → esm/yoo-ion-slides-2fcc2088.js}

@@ -1,8 +1,8 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-906d845d.js';
-import './index-fa45e1bf.js';
-import { b as getAppContext } from './common-helpers-87635b55.js';
-import { c as createThemedClasses } from './theme-2473b3d6.js';
-import { q as isWeb, U as isNullOrUndefined } from './overlays-0b66aaed.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
+import './index-23286af2.js';
+import { b as getAppContext } from './common-helpers-bf424e4e.js';
+import { c as createThemedClasses } from './theme-ba1ebe98.js';
+import { q as isWeb, U as isNullOrUndefined } from './overlays-2a6483bd.js';
 
 /**
  * SSR Window 4.0.2
@@ -11573,7 +11573,7 @@ const YooIonSlidesComponent = class {
   async initSwiper() {
     const finalOptions = this.normalizeOptions();
     // init swiper core
-    const { Swiper } = await import('./swiper-e37b8c5e.js');
+    const { Swiper } = await import('./swiper-1cb1c84c.js');
     await waitForSlides(this.el);
     const swiper = new Swiper(this.el, finalOptions);
     this.swiperReady = true;

package/dist/esm/yoo-ion-slides.entry.js

@@ -1,9 +1,9 @@
-export { Y as yoo_ion_slides } from './yoo-ion-slides-771af33d.js';
-import './index-906d845d.js';
-import './index-fa45e1bf.js';
-import './overlays-0b66aaed.js';
+export { Y as yoo_ion_slides } from './yoo-ion-slides-2fcc2088.js';
+import './index-54cb3c5d.js';
+import './index-23286af2.js';
+import './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './index-a3ff76e2.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './common-helpers-87635b55.js';
-import './theme-2473b3d6.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
+import './common-helpers-bf424e4e.js';
+import './theme-ba1ebe98.js';

package/dist/esm/yoo-ion-toast-controller.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance } from './index-906d845d.js';
-import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay, g as getTopOverlay } from './overlays-c9c65595.js';
-import './index-fa45e1bf.js';
-import './overlays-0b66aaed.js';
+import { r as registerInstance } from './index-54cb3c5d.js';
+import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay, g as getTopOverlay } from './overlays-be0fec94.js';
+import './index-23286af2.js';
+import './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './index-a3ff76e2.js';
-import './_commonjsHelpers-bda24d0a.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const YooIonToastControllerComponent = class {
   constructor(hostRef) {

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-906d845d.js';
+import { r as registerInstance, h } from './index-54cb3c5d.js';
 
 const itemsCss = ":host([flow=column]){grid-auto-flow:column}:host([flow=row]){grid-auto-flow:row}:host([spacing=\"2\"]){grid-gap:var(--spacing-02, 0.125rem)}:host([spacing=\"4\"]){grid-gap:var(--spacing-04, 0.25rem)}:host([spacing=\"8\"]){grid-gap:var(--spacing-08, 0.5rem)}:host([spacing=\"16\"]){grid-gap:var(--spacing-16, 1rem)}:host([spacing=\"24\"]){grid-gap:var(--spacing-24, 1.5rem)}:host([spacing=\"32\"]){grid-gap:var(--spacing-32, 2rem)}:host([spacing=\"40\"]){grid-gap:var(--spacing-40, 2.5rem)}:host([spacing=\"48\"]){grid-gap:var(--spacing-48, 3rem)}:host([spacing=\"64\"]){grid-gap:var(--spacing-64, 4rem)}:host([spacing=\"80\"]){grid-gap:var(--spacing-80, 5rem)}:host([spacing=\"96\"]){grid-gap:var(--spacing-96, 6rem)}:host{display:grid;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content;grid-auto-columns:-webkit-max-content;grid-auto-columns:max-content;-ms-flex-align:center;align-items:center}";
 

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-906d845d.js';
-import './index-fa45e1bf.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
+import './index-23286af2.js';
 import { Y as uniqBy, n as compact, A as get, z as sortBy } from './lodash-bf91c7a4.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { b as getAppContext } from './common-helpers-87635b55.js';
-import { en as fadeFromBottom, eo as fadeFromTop, t as translate, q as isWeb, db as showContextMenu, a8 as showActionSheet, X as getSession, cB as getAuthentication, a0 as getUserDisplayName, A as getCssColor, ba as getContrastColor } from './overlays-0b66aaed.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import { b as getAppContext } from './common-helpers-bf424e4e.js';
+import { ep as fadeFromBottom, eq as fadeFromTop, t as translate, q as isWeb, dd as showContextMenu, a8 as showActionSheet, X as getSession, cC as getAuthentication, a0 as getUserDisplayName, A as getCssColor, ba as getContrastColor } from './overlays-2a6483bd.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const kanbanCss = ":host{position:absolute;top:0;right:0;bottom:0;left:0;overflow:auto;}:host::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .kanban-outer-container{display:-ms-flexbox;display:flex;height:auto;padding:var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);padding-left:0}:host .kanban-outer-container .kanban-board-placeholder{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-width:17.5rem;max-width:17.5rem;height:1.3rem;padding:var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);background:var(--app-color-20, rgba(90, 48, 244, 0.2));border-radius:0.25rem;cursor:pointer}:host .kanban-outer-container .kanban-board-placeholder yoo-icon{margin-right:var(--spacing-08, 0.5rem)}:host .kanban-outer-container .kanban-board{min-width:17.5rem;max-width:17.5rem;margin-right:var(--spacing-08, 0.5rem)}:host .kanban-outer-container .kanban-board .header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-weight:bold;font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);border-top-left-radius:0.25rem;border-top-right-radius:0.25rem;cursor:-webkit-grab;cursor:grab}:host .kanban-outer-container .kanban-board .header .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .kanban-outer-container .kanban-board .header .count{-ms-flex:1;flex:1;margin-left:var(--spacing-08, 0.5rem)}:host .kanban-outer-container .kanban-board .content{min-height:3.125rem;margin:0;padding:var(--spacing-08, 0.5rem);background:var(--stable-light, #f1f1f1)}:host .kanban-outer-container .kanban-board .content .item-container{position:relative;padding:0;overflow:hidden;background:var(--light, #ffffff);border-radius:0.25rem;border-radius:0.3125rem;-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));cursor:pointer}:host .kanban-outer-container .kanban-board .content .item-container yoo-icon.more{position:absolute;top:0.625rem;right:var(--spacing-08, 0.5rem);z-index:100;opacity:0;-webkit-transition:all 0.2s;transition:all 0.2s}:host .kanban-outer-container .kanban-board .content .item-container:hover yoo-icon.more{opacity:1}:host .kanban-outer-container .kanban-board .content .item-container:not(:last-child){margin-bottom:var(--spacing-08, 0.5rem)}:host .kanban-outer-container .kanban-board .content .item-container yoo-form-dynamic{margin:var(--spacing-08, 0.5rem);margin-top:0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .kanban-outer-container .kanban-board .content .item-container.sortable-drag{background:var(--light, #ffffff);border:solid var(--border-width-02, 0.125rem) var(--app-color, #5a30f4);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .kanban-outer-container .kanban-board .content .item-container.sortable-ghost{border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);cursor:-webkit-grabbing !important;cursor:grabbing !important}:host .kanban-outer-container .kanban-board .footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);padding-top:var(--spacing-08, 0.5rem);color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem);background:var(--stable-light, #f1f1f1);border-bottom-right-radius:0.25rem;border-bottom-left-radius:0.25rem;cursor:pointer}:host .kanban-outer-container .kanban-board .footer yoo-icon{margin-right:var(--spacing-08, 0.5rem);fill:inherit}:host .kanban-outer-container .kanban-board.sortable-drag .kanban-board-inner-container{background:var(--light, #ffffff);border:solid var(--border-width-02, 0.125rem) var(--app-color, #5a30f4);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host .kanban-outer-container .kanban-board.sortable-ghost .kanban-board-inner-container{border:dashed var(--border-width-02, 0.125rem) var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-04, 0.25rem);cursor:-webkit-grabbing !important;cursor:grabbing !important}:host(.web:hover)::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:hover)::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.mobile) .kanban-outer-container{padding-top:var(--spacing-08, 0.5rem);padding-left:var(--spacing-08, 0.5rem)}";
 

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

@@ -1,9 +1,9 @@
-import { h, r as registerInstance, i as createEvent, e as Host } from './index-906d845d.js';
-import './index-fa45e1bf.js';
-import { t as translate, ax as isPresent, ah as pipes, dM as convertSecondsToTimeUnits } from './overlays-0b66aaed.js';
+import { h, r as registerInstance, i as createEvent, e as Host } from './index-54cb3c5d.js';
+import './index-23286af2.js';
+import { t as translate, ax as isPresent, ah as pipes, dO as convertSecondsToTimeUnits } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const kpiCardCss = ":host{--grid-auto-flow:column;--value-align-items:initial;--value-direction:column;--value-font-size:var(--font-size-36, 2.25rem);--value-font-weight:var(--font-weight-700, 700);--value-justify-content:initial;--value-line-height:1.5;--value-margin:calc(var(--spacing-04, 0.25rem) * -1) 0 0;--value-separator:none;--value-title-color:var(--dark, #000000);--value-title-font-size:var(--font-size-14, 0.875rem);--variation-font-size:var(--font-size-14, 0.875rem);--card-background:var(--light, #ffffff);--title-color:var(--stable, #adadad);--title-font-size:var(--font-size-12, 0.75rem);--title-position:start;--title-font-weight:var(--font-weight-400, 400);--card-margin:var(--spacing-16, 1rem);--values-gap:var(--spacing-08, 0.5rem);display:block}:host .empty-state{padding:var(--spacing-16, 1rem)}:host .empty-state div{padding-top:var(--spacing-16, 1rem);text-align:center}:host .header{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:end}:host .header.title{-ms-flex-pack:justify;justify-content:space-between}:host .header.title .title{display:-ms-flexbox;display:flex;-ms-flex-pack:var(--title-position);justify-content:var(--title-position);width:100%;margin-bottom:var(--spacing-08, 0.5rem);color:var(--title-color);font-weight:var(--title-font-weight);font-size:var(--title-font-size)}:host .kpi-container{display:-ms-flexbox;display:flex;-ms-flex-direction:var(--value-direction);flex-direction:var(--value-direction);-ms-flex-align:var(--value-align-items);align-items:var(--value-align-items);-ms-flex-pack:var(--value-justify-content);justify-content:var(--value-justify-content);opacity:1}:host .kpi-container:not(:last-of-type){padding-right:var(--values-gap);border-right:var(--value-separator)}:host .kpi-container.hidden{padding-right:0;opacity:0}:host .kpi-number{margin:var(--value-margin);font-weight:var(--value-font-weight);font-size:var(--value-font-size);line-height:var(--value-line-height);text-align:center}:host .kpi-number span{display:-ms-flexbox;display:flex;-ms-flex-align:baseline;align-items:baseline;-ms-flex-pack:center;justify-content:center}:host .kpi-number span .time{font-size:calc(var(--value-font-size) / 2)}:host .kpi-title{color:var(--value-title-color);font-size:var(--value-title-font-size);text-align:center;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .kpis{display:grid;grid-auto-flow:var(--grid-auto-flow);grid-template-columns:var(--grid-template-columns);gap:var(--values-gap)}:host .kpi-variation{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:var(--value-margin);font-size:var(--variation-font-size)}:host .kpi-variation .no-variation{width:0.625rem;height:0.125rem;margin:var(--spacing-08, 0.5rem) 0;background:var(--stable-alt, #d0d0d0)}:host .kpi-variation.positive{color:var(--success, #3aa76d)}:host .kpi-variation.negative{color:var(--danger, #d44333)}:host .kpi-variation yoo-icon{margin-right:var(--spacing-04, 0.25rem)}:host(:not(.vertical)) .kpi-number{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.vertical) .kpi-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(:not(.content-only)){--card-padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host(:not(.content-only)) .card{margin:var(--card-margin);padding:var(--card-padding);background-color:var(--card-background);border-radius:var(--border-radius-08, 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))}";
 

package/dist/esm/yoo-kpi-container.entry.js

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-906d845d.js';
-import { i as isIntersectionObserverSupported, c as intersectionObserve } from './index-fa45e1bf.js';
-import { b as getAppContext } from './common-helpers-87635b55.js';
-import { t as translate, cg as getChartTypes, q as isWeb, a8 as showActionSheet, V as translateMulti, f as isNativeMobile } from './overlays-0b66aaed.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
+import { i as isIntersectionObserverSupported, c as intersectionObserve } from './index-23286af2.js';
+import { b as getAppContext } from './common-helpers-bf424e4e.js';
+import { t as translate, cg as getChartTypes, q as isWeb, a8 as showActionSheet, V as translateMulti } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const kpiContainerCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}:host .container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:0;background:var(--light, #ffffff)}:host .container .error{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-16, 1rem);color:var(--danger, #d44333);text-align:center}:host .container.fullscreen{border-bottom:none}:host .container .content{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;width:100%;min-height:0}:host .container .kpi-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}:host .container .kpi-container.carousel,:host .container .kpi-container.map{overflow:hidden}:host .container .kpi-container.carousel{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .heading{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem);text-align:left;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .heading .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;font-weight:bold;white-space:nowrap}:host .heading .title yoo-icon{margin-left:var(--spacing-04, 0.25rem)}:host .heading yoo-icon:not(.margin-right){margin-left:var(--spacing-08, 0.5rem)}:host .heading yoo-icon.margin-right{margin-right:var(--spacing-08, 0.5rem)}:host .heading yoo-icon.draggable{margin-left:-0.5rem}:host .subheading{padding:0 var(--spacing-08, 0.5rem);padding-top:var(--spacing-08, 0.5rem);padding-left:var(--spacing-16, 1rem);color:var(--text-color, #807f83);font-size:var(--font-size-14, 0.875rem)}:host .subheading.grid{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:0.0625rem solid var(--stable-light, #f1f1f1)}:host .empty-state{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}:host .empty-state yoo-empty-state{height:6.25rem}:host .empty-state div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);text-align:center}:host(.mobile) .container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.mobile) .container:not(.fullscreen) .content yoo-kpi:not(.interactive){pointer-events:none}:host(.no-border) .container{border-top:none;border-bottom:none}:host(.rounded){border-radius:var(--border-radius-08, 0.5rem)}:host(.rounded) .container{border-radius:var(--border-radius-08, 0.5rem)}:host(.chartio) .container .content yoo-kpi,:host(.external) .container .content yoo-kpi{pointer-events:initial}";
 
@@ -24,7 +24,6 @@ const YooKpiContainerComponent = class {
     this.kpiDelete = createEvent(this, "kpiDelete", 7);
     this.kpiDuplicate = createEvent(this, "kpiDuplicate", 7);
     this.kpiCopyToAnotherTab = createEvent(this, "kpiCopyToAnotherTab", 7);
-    this.kpiPdfGenerate = createEvent(this, "kpiPdfGenerate", 7);
     this.kpiChartChangeType = createEvent(this, "kpiChartChangeType", 7);
     this.kpiToggleToolsPanel = createEvent(this, "kpiToggleToolsPanel", 7);
     this.kpiViewInfo = createEvent(this, "kpiViewInfo", 7);
@@ -183,9 +182,6 @@ const YooKpiContainerComponent = class {
       this.kpi.exportXLSX();
     }
   }
-  onPDFGenerate() {
-    this.kpiPdfGenerate.emit(true);
-  }
   onKpiEdited(ev) {
     ev.stopPropagation();
     this.kpiEdited.emit(ev.detail);
@@ -265,7 +261,7 @@ const YooKpiContainerComponent = class {
       } }, this.isFullScreen || this.hideHeader ? null : (h("div", { class: "heading" }, this.isEditMode && isWeb(this.host) && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('YOOBICMOVE'), placement: "bottom" }, h("yoo-icon", { class: "margin-right draggable", name: "draggable", color: "stable", size: "medium" }))), h("div", { class: "title" }, translateMulti(this.heading), (_b = (_a = this.definition) === null || _a === void 0 ? void 0 : _a.extraIcones) === null || _b === void 0 ? void 0 :
       _b.map((extra) => {
         return h("yoo-icon", { name: extra.icon, color: extra.color, size: "medium", onClick: () => this.onShowDialog() });
-      })), ((_d = (_c = this.definition) === null || _c === void 0 ? void 0 : _c.kpiFormValues) === null || _d === void 0 ? void 0 : _d.locked) && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('GRAPHLOCKED'), placement: "bottom" }, h("yoo-icon", { name: "lock", color: "dark", size: "medium" }))), this.type === 'chartio' && !isNativeMobile() && h("yoo-icon", { slot: "icon-only", name: "file-pdf", color: "stable", size: "medium", onClick: () => this.onPDFGenerate() }), this.isEditMode && isWeb(this.host) && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.kpiType) === 'CampaignsPivotTableKpi' && ((_f = this.definition) === null || _f === void 0 ? void 0 : _f.showAs) === 'grid' && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('TOGGLETOOLBOX'), placement: "bottom" }, h("yoo-icon", { name: "settings", color: "stable", size: "medium", onClick: () => this.onToogleToolsPanel() }))), h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: isWeb(this.host) ? translate('SHOWDATA') : '', placement: "bottom" }, h("yoo-icon", { name: "maximize", color: "stable", size: "medium", onClick: () => this.onShowDialog() })), this.isInDashboard && ((_h = (_g = this.config) === null || _g === void 0 ? void 0 : _g.exporting) === null || _h === void 0 ? void 0 : _h.showTable) !== false && this.type === 'chart' && ((_j = this.definition) === null || _j === void 0 ? void 0 : _j.kpiType) !== 'CampaignsPivotTableKpi' && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('SHOWASTABLE'), placement: "bottom" }, h("yoo-icon", { name: "table", color: "stable", size: "medium", onClick: () => this.onToggleTable() }))), ((_l = (_k = this.config) === null || _k === void 0 ? void 0 : _k.exporting) === null || _l === void 0 ? void 0 : _l.showTable) !== false && this.type === 'grid' && ((_m = this.definition) === null || _m === void 0 ? void 0 : _m.kpiType) !== 'CampaignsPivotTableKpi' && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('SHOWASCHART'), placement: "bottom" }, h("yoo-icon", { name: "chart", color: "stable", size: "medium", onClick: () => this.onToggleTable() }))), this.definition && this.definition.help && this.renderHelpButton(this.definition.help), this.buttons && this.buttons.length > 0 && (h("yoo-icon", { ref: (el) => (iconElement = el), slot: "icon-only", name: "more", color: "stable", size: "medium", onClick: (ev) => this.onShowMore(ev, iconElement) })))), h("slot", { name: "start" }), !this.isFullScreen && !this.hideHeader && ((_o = this.definition) === null || _o === void 0 ? void 0 : _o.description) && (h("yoo-truncate", { class: { subheading: true, grid: ((_p = this.definition) === null || _p === void 0 ? void 0 : _p.showAs) === 'grid' }, showEllipsisButton: true, maxLength: 150, content: translateMulti(this.definition.description) })), h("div", { class: "content" }, this.renderKpiContent()), h("slot", null))));
+      })), ((_d = (_c = this.definition) === null || _c === void 0 ? void 0 : _c.kpiFormValues) === null || _d === void 0 ? void 0 : _d.locked) && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('GRAPHLOCKED'), placement: "bottom" }, h("yoo-icon", { name: "lock", color: "dark", size: "medium" }))), this.isEditMode && isWeb(this.host) && ((_e = this.definition) === null || _e === void 0 ? void 0 : _e.kpiType) === 'CampaignsPivotTableKpi' && ((_f = this.definition) === null || _f === void 0 ? void 0 : _f.showAs) === 'grid' && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('TOGGLETOOLBOX'), placement: "bottom" }, h("yoo-icon", { name: "settings", color: "stable", size: "medium", onClick: () => this.onToogleToolsPanel() }))), h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: isWeb(this.host) ? translate('SHOWDATA') : '', placement: "bottom" }, h("yoo-icon", { name: "maximize", color: "stable", size: "medium", onClick: () => this.onShowDialog() })), this.isInDashboard && ((_h = (_g = this.config) === null || _g === void 0 ? void 0 : _g.exporting) === null || _h === void 0 ? void 0 : _h.showTable) !== false && this.type === 'chart' && ((_j = this.definition) === null || _j === void 0 ? void 0 : _j.kpiType) !== 'CampaignsPivotTableKpi' && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('SHOWASTABLE'), placement: "bottom" }, h("yoo-icon", { name: "table", color: "stable", size: "medium", onClick: () => this.onToggleTable() }))), ((_l = (_k = this.config) === null || _k === void 0 ? void 0 : _k.exporting) === null || _l === void 0 ? void 0 : _l.showTable) !== false && this.type === 'grid' && ((_m = this.definition) === null || _m === void 0 ? void 0 : _m.kpiType) !== 'CampaignsPivotTableKpi' && (h("yoo-tooltip", { slot: "icon-only", hoverable: isWeb(this.host), content: translate('SHOWASCHART'), placement: "bottom" }, h("yoo-icon", { name: "chart", color: "stable", size: "medium", onClick: () => this.onToggleTable() }))), this.definition && this.definition.help && this.renderHelpButton(this.definition.help), this.buttons && this.buttons.length > 0 && (h("yoo-icon", { ref: (el) => (iconElement = el), slot: "icon-only", name: "more", color: "stable", size: "medium", onClick: (ev) => this.onShowMore(ev, iconElement) })))), h("slot", { name: "start" }), !this.isFullScreen && !this.hideHeader && ((_o = this.definition) === null || _o === void 0 ? void 0 : _o.description) && (h("yoo-truncate", { class: { subheading: true, grid: ((_p = this.definition) === null || _p === void 0 ? void 0 : _p.showAs) === 'grid' }, showEllipsisButton: true, maxLength: 150, content: translateMulti(this.definition.description) })), h("div", { class: "content" }, this.renderKpiContent()), h("slot", null))));
   }
   get host() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/yoo-kpi-external.entry.js

@@ -1,11 +1,9 @@
-import { r as registerInstance, i as createEvent, h, g as getElement } from './index-906d845d.js';
-import './index-fa45e1bf.js';
-import { q as querySelectorDeep } from './common-helpers-87635b55.js';
-import { g as getElementDimensions } from './dimensions-helpers-74309fae.js';
-import { q as isWeb, cp as updateSVGCustomColors, x as isIOS, f as isNativeMobile, t as translate } from './overlays-0b66aaed.js';
+import { r as registerInstance, i as createEvent, h, g as getElement } from './index-54cb3c5d.js';
+import { X as ACL_FILTERS } from './index-785487ed.js';
+import './index-23286af2.js';
+import { q as isWeb, cp as updateSVGCustomColors, x as isIOS, f as isNativeMobile, t as translate } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const kpiExternalCss = ":host{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;width:100%}:host iframe{width:100%;height:100%;border:0 none}";
 
@@ -24,57 +22,39 @@ const YooKpiExternalComponent = class {
     }
   }
   componentWillLoad() {
-    this.hostedKpiId = 'external-dashboard-' + YooKpiExternalComponent.componentCounter;
+    this.frameId = 'external-dashboard-' + YooKpiExternalComponent.componentCounter;
+  }
+  getTableauConfig() {
+    const config = {
+      url: this.config.url,
+      acls: this.config.acls,
+      filters: [...ACL_FILTERS],
+      height: '100%',
+      width: '100%',
+      containerId: 'tableau-container',
+      device: isWeb(this.host) ? 'desktop' : 'phone'
+    };
+    return config;
   }
   renderIFrame() {
     var _a, _b;
-    const isProviderTableau = ((_b = (_a = this.definition) === null || _a === void 0 ? void 0 : _a.kpiFormValues) === null || _b === void 0 ? void 0 : _b.provider) === 'Tableau';
-    if (isProviderTableau && isIOS() && isNativeMobile()) {
+    const isProviderTableau = !this.definition || ((_b = (_a = this.definition) === null || _a === void 0 ? void 0 : _a.kpiFormValues) === null || _b === void 0 ? void 0 : _b.provider) === 'Tableau';
+    if (isProviderTableau && (isIOS() && isNativeMobile())) {
       return h("yoo-button", { style: { 'margin': '1rem' }, onClick: () => this.openInFullscreen.emit(true), size: "large", color: "app-color" }, translate('APPCREATORACTIONOPENMODAL'));
     }
-    const { width, height } = isWeb(this.host) ? this.host.getBoundingClientRect() : getElementDimensions(window);
-    let srcDoc;
-    if (isProviderTableau) {
-      const navBarEl = querySelectorDeep(document.body, 'yoo-header');
-      const navBarDimensions = getElementDimensions(navBarEl);
-      const containerHeaderHeight = isWeb(this.host) ? 2 : (this.isFullScreen ? 2 : ((navBarDimensions.height - 4) * 3));
-      // SHA256 hash of inline script below is dynamic, hence using unsafe-inline in heroku's index.js
-      srcDoc = `
-        <head>
-            <script type="text/javascript" src="https://public.tableau.com/javascripts/api/tableau-2.5.0.min.js"></script>
-            <script type="text/javascript" src="./assets/js/tableau.yoobic.iframe.js"></script>
-            <link
-              href="https://fonts.googleapis.com/css?family=Lato:100,100i,300,300i,400,400i,700,700i,900,900i&display=swap"
-              rel="stylesheet"
-              type="text/css"
-            />
-            <style>
-              .loading { background: url('data:image/svg+xml;base64,${window.btoa(YooKpiExternalComponent.EmptyStateSVGWithCustomColors)}') center center no-repeat; }
-            </style>
-        </head>
-        <body marginwidth="0" marginheight="0">
-          <div id="${this.hostedKpiId}" class="${isProviderTableau && 'loading'}"></div>
-          <script type="text/javascript">
-            window.onload = function() {
-              onIFrameLoaded({
-                url: '${this.config.url}',
-                containerId: '${this.hostedKpiId}',
-                height: "${height - containerHeaderHeight}px",
-                width: "${isWeb(this.host) ? '100%' : (width - 2) + 'px'}"
-              });
-            };
-          </script>
-        </body>
-      `;
-    }
     const props = {
-      // sandboxed iframes without allow-top-navigation, allow-top-navigation-by-user-activation or allow-popups flags
-      // will prevent them to navigate away from main webview
+      // sandboxed iframes without allow-top-navigation, allow-top-navigation-by-user-activation or allow-popups flags will prevent them to navigate away from main webview
       sandbox: `allow-scripts allow-same-origin allow-forms ${isWeb(this.host) ? 'allow-top-navigation-by-user-activation allow-downloads allow-popups' : ''}`,
-      ...(isProviderTableau ? { srcDoc } : { src: this.config.url }),
-      frameBorder: 0
+      ...(isProviderTableau ? { src: './assets/js/tableau.yoobic.iframe.html' } : { src: this.config.url }),
+      frameBorder: 0,
+      id: this.frameId
     };
-    return h("iframe", { ...props });
+    return h("iframe", { ...props, onLoad: () => {
+        if (this.frameEl && isProviderTableau) {
+          const doc = (this.frameEl.contentWindow || this.frameEl.contentDocument);
+          doc.onIFrameLoaded(this.getTableauConfig());
+        }
+      }, ref: (el) => this.frameEl = el });
   }
   render() {
     return this.config && this.config.url && this.renderIFrame();

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

@@ -1,10 +1,10 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-906d845d.js';
-import './index-74fb0c04.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
+import './index-8464a481.js';
 import { k as getPhotoSVG } from './annotations-helpers-628a8ae3.js';
-import { q as isWeb, t as translate } from './overlays-0b66aaed.js';
+import { q as isWeb, t as translate } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './index-a3ff76e2.js';
-import './_commonjsHelpers-bda24d0a.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const kpiCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;min-height:0}:host .photo-container{position:relative;width:100%;height:100%}:host .empty-state{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-ms-flex-direction:column;flex-direction:column;height:100%}:host .empty-state yoo-empty-state{height:6.25rem}:host .empty-state div{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem)}";
 

package/dist/esm/yoo-layout-sections.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-906d845d.js';
-import './index-fa45e1bf.js';
-import { t as translate } from './overlays-0b66aaed.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-54cb3c5d.js';
+import './index-23286af2.js';
+import { t as translate } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const layoutSectionsCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}.content{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;padding:var(--spacing-16, 1rem);padding:0;overflow-y:auto;}.content::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}.content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}.content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}.content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}.content app-grid{-ms-flex:initial;flex:initial;height:10rem}.content .container{-ms-flex:1;flex:1;margin-bottom:var(--spacing-08, 0.5rem);padding:var(--spacing-16, 1rem);padding-top:0;background-color:var(--light, #ffffff)}.content .container.alternate{padding-top:var(--spacing-08, 0.5rem);padding-bottom:0;background-color:var(--stable-ultralight, #fafafa)}.content .container ::slotted(*){display:block;height:calc((100vh - 24rem) / 2)}.title{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:var(--spacing-08, 0.5rem);font-weight:bold;font-size:var(--font-size-20, 1.25rem)}.title .flex{-ms-flex:1;flex:1}.title .see-all{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);cursor:pointer}.title .see-all yoo-icon{margin-left:var(--spacing-08, 0.5rem)}:host(.bordered) .container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.small-font) .content .title{font-size:var(--font-size-14, 0.875rem)}:host(.two-rows) .content .container ::slotted(*){height:calc((100vh - 16rem) / 2)}:host(.single-row) .content .container ::slotted(*){height:calc(100vh - 20rem)}:host(.mobile) .content .container.alternate{-ms-flex:initial;flex:initial}:host(.mobile) .content .container ::slotted(*){height:inherit}";
 

package/dist/esm/yoo-layout-tabs.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-906d845d.js';
-import './index-fa45e1bf.js';
-import { t as translate } from './overlays-0b66aaed.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-54cb3c5d.js';
+import './index-23286af2.js';
+import { t as translate } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const layoutTabsCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}";
 

package/dist/esm/yoo-layout-two-columns.entry.js

@@ -1,9 +1,9 @@
-import { r as registerInstance, h, e as Host } from './index-906d845d.js';
-import './index-fa45e1bf.js';
-import { t as translate } from './overlays-0b66aaed.js';
+import { r as registerInstance, h, e as Host } from './index-54cb3c5d.js';
+import './index-23286af2.js';
+import { t as translate } from './overlays-2a6483bd.js';
 import './lodash-bf91c7a4.js';
-import './_commonjsHelpers-bda24d0a.js';
-import './index-a3ff76e2.js';
+import './index-785487ed.js';
+import './_commonjsHelpers-f4d11124.js';
 
 const layoutTwoColumnsCss = ":host{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .body{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;padding-top:0.0625rem;overflow:hidden}:host .body .left-part{display:-ms-flexbox;display:flex;width:25rem;min-width:25rem;overflow:hidden}:host .body .right-part{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host .body .right-part ::slotted(*){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}";