@yoobic/yobi 8.2.0-9 → 8.2.2

package/dist/{esm/yoo-ion-slides-cb76d0c3.js → design-system/yoo-ion-slides-9f9e25fe.js}

@@ -1,7 +1,7 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb, R as isNullOrUndefined } from './index-b72de038.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
-import { c as createThemedClasses } from './theme-55598168.js';
+import { o as isWeb, R as isNullOrUndefined } from './index-8124f773.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
+import { c as createThemedClasses } from './theme-7dc3b7a0.js';
 
 /**
  * SSR Window 4.0.2
@@ -3467,6 +3467,29 @@ function slideToLoop(index, speed, runCallbacks, internal) {
     runCallbacks = true;
   }
 
+  if (typeof index === 'string') {
+    /**
+     * The `index` argument converted from `string` to `number`.
+     * @type {number}
+     */
+    const indexAsNumber = parseInt(index, 10);
+    /**
+     * Determines whether the `index` argument is a valid `number`
+     * after being converted from the `string` type.
+     * @type {boolean}
+     */
+
+    const isValidNumber = isFinite(indexAsNumber);
+
+    if (!isValidNumber) {
+      throw new Error(`The passed-in 'index' (string) couldn't be converted to 'number'. [${index}] given.`);
+    } // Knowing that the converted `index` is a valid number,
+    // we can update the original argument's value.
+
+
+    index = indexAsNumber;
+  }
+
   const swiper = this;
   let newIndex = index;
 
@@ -4569,8 +4592,21 @@ function setBreakpoint() {
     }
 
     swiper.emitContainerClasses();
-  }
+  } // Toggle navigation, pagination, scrollbar
+
 
+  ['navigation', 'pagination', 'scrollbar'].forEach(prop => {
+    const wasModuleEnabled = params[prop] && params[prop].enabled;
+    const isModuleEnabled = breakpointParams[prop] && breakpointParams[prop].enabled;
+
+    if (wasModuleEnabled && !isModuleEnabled) {
+      swiper[prop].disable();
+    }
+
+    if (!wasModuleEnabled && isModuleEnabled) {
+      swiper[prop].enable();
+    }
+  });
   const directionChanged = breakpointParams.direction && breakpointParams.direction !== params.direction;
   const needsReLoop = params.loop && (breakpointParams.slidesPerView !== params.slidesPerView || directionChanged);
 
@@ -6493,7 +6529,8 @@ function Navigation(_ref) {
       hideOnClick: false,
       disabledClass: 'swiper-button-disabled',
       hiddenClass: 'swiper-button-hidden',
-      lockClass: 'swiper-button-lock'
+      lockClass: 'swiper-button-lock',
+      navigationDisabledClass: 'swiper-navigation-disabled'
     }
   });
   swiper.navigation = {
@@ -6602,8 +6639,13 @@ function Navigation(_ref) {
   }
 
   on('init', () => {
-    init();
-    update();
+    if (swiper.params.navigation.enabled === false) {
+      // eslint-disable-next-line
+      disable();
+    } else {
+      init();
+      update();
+    }
   });
   on('toEdge fromEdge lock unlock', () => {
     update();
@@ -6657,7 +6699,21 @@ function Navigation(_ref) {
       }
     }
   });
+
+  const enable = () => {
+    swiper.$el.removeClass(swiper.params.navigation.navigationDisabledClass);
+    init();
+    update();
+  };
+
+  const disable = () => {
+    swiper.$el.addClass(swiper.params.navigation.navigationDisabledClass);
+    destroy();
+  };
+
   Object.assign(swiper.navigation, {
+    enable,
+    disable,
     update,
     init,
     destroy
@@ -6709,7 +6765,8 @@ function Pagination(_ref) {
       clickableClass: `${pfx}-clickable`,
       lockClass: `${pfx}-lock`,
       horizontalClass: `${pfx}-horizontal`,
-      verticalClass: `${pfx}-vertical`
+      verticalClass: `${pfx}-vertical`,
+      paginationDisabledClass: `${pfx}-disabled`
     }
   });
   swiper.pagination = {
@@ -7012,9 +7069,14 @@ function Pagination(_ref) {
   }
 
   on('init', () => {
-    init();
-    render();
-    update();
+    if (swiper.params.pagination.enabled === false) {
+      // eslint-disable-next-line
+      disable();
+    } else {
+      init();
+      render();
+      update();
+    }
   });
   on('activeIndexChange', () => {
     if (swiper.params.loop) {
@@ -7074,7 +7136,32 @@ function Pagination(_ref) {
       $el.toggleClass(swiper.params.pagination.hiddenClass);
     }
   });
+
+  const enable = () => {
+    swiper.$el.removeClass(swiper.params.pagination.paginationDisabledClass);
+
+    if (swiper.pagination.$el) {
+      swiper.pagination.$el.removeClass(swiper.params.pagination.paginationDisabledClass);
+    }
+
+    init();
+    render();
+    update();
+  };
+
+  const disable = () => {
+    swiper.$el.addClass(swiper.params.pagination.paginationDisabledClass);
+
+    if (swiper.pagination.$el) {
+      swiper.pagination.$el.addClass(swiper.params.pagination.paginationDisabledClass);
+    }
+
+    destroy();
+  };
+
   Object.assign(swiper.pagination, {
+    enable,
+    disable,
     render,
     update,
     init,
@@ -7105,7 +7192,8 @@ function Scrollbar(_ref) {
       draggable: false,
       snapOnRelease: true,
       lockClass: 'swiper-scrollbar-lock',
-      dragClass: 'swiper-scrollbar-drag'
+      dragClass: 'swiper-scrollbar-drag',
+      scrollbarDisabledClass: 'swiper-scrollbar-disabled'
     }
   });
   swiper.scrollbar = {
@@ -7331,6 +7419,7 @@ function Scrollbar(_ref) {
       support
     } = swiper;
     const $el = scrollbar.$el;
+    if (!$el) return;
     const target = $el[0];
     const activeListener = support.passiveListener && params.passiveListeners ? {
       passive: false,
@@ -7355,12 +7444,12 @@ function Scrollbar(_ref) {
   }
 
   function enableDraggable() {
-    if (!swiper.params.scrollbar.el) return;
+    if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
     events('on');
   }
 
   function disableDraggable() {
-    if (!swiper.params.scrollbar.el) return;
+    if (!swiper.params.scrollbar.el || !swiper.scrollbar.el) return;
     events('off');
   }
 
@@ -7408,9 +7497,14 @@ function Scrollbar(_ref) {
   }
 
   on('init', () => {
-    init();
-    updateSize();
-    setTranslate();
+    if (swiper.params.scrollbar.enabled === false) {
+      // eslint-disable-next-line
+      disable();
+    } else {
+      init();
+      updateSize();
+      setTranslate();
+    }
   });
   on('update resize observerUpdate lock unlock', () => {
     updateSize();
@@ -7433,7 +7527,32 @@ function Scrollbar(_ref) {
   on('destroy', () => {
     destroy();
   });
+
+  const enable = () => {
+    swiper.$el.removeClass(swiper.params.scrollbar.scrollbarDisabledClass);
+
+    if (swiper.scrollbar.$el) {
+      swiper.scrollbar.$el.removeClass(swiper.params.scrollbar.scrollbarDisabledClass);
+    }
+
+    init();
+    updateSize();
+    setTranslate();
+  };
+
+  const disable = () => {
+    swiper.$el.addClass(swiper.params.scrollbar.scrollbarDisabledClass);
+
+    if (swiper.scrollbar.$el) {
+      swiper.scrollbar.$el.addClass(swiper.params.scrollbar.scrollbarDisabledClass);
+    }
+
+    destroy();
+  };
+
   Object.assign(swiper.scrollbar, {
+    enable,
+    disable,
     updateSize,
     setTranslate,
     init,
@@ -8331,11 +8450,11 @@ function Lazy(_ref) {
     if (params.loadPrevNext) {
       if (slidesPerView > 1 || params.loadPrevNextAmount && params.loadPrevNextAmount > 1) {
         const amount = params.loadPrevNextAmount;
-        const spv = slidesPerView;
+        const spv = Math.ceil(slidesPerView);
         const maxIndex = Math.min(activeIndex + spv + Math.max(amount, spv), slides.length);
         const minIndex = Math.max(activeIndex - Math.max(spv, amount), 0); // Next Slides
 
-        for (let i = activeIndex + slidesPerView; i < maxIndex; i += 1) {
+        for (let i = activeIndex + spv; i < maxIndex; i += 1) {
           if (slideExist(i)) loadInSlide(i);
         } // Prev Slides
 
@@ -8452,6 +8571,10 @@ function Lazy(_ref) {
       load();
     }
   });
+  on('destroy', () => {
+    if (!swiper.$el) return;
+    swiper.$el.find(`.${swiper.params.lazy.loadingClass}`).removeClass(swiper.params.lazy.loadingClass);
+  });
   Object.assign(swiper.lazy, {
     load,
     loadInSlide
@@ -8846,7 +8969,24 @@ function A11y(_ref) {
     swiper.slideTo(swiper.slides.indexOf(slideEl), 0);
   };
 
-  function init() {
+  const initSlides = () => {
+    const params = swiper.params.a11y;
+
+    if (params.itemRoleDescriptionMessage) {
+      addElRoleDescription($(swiper.slides), params.itemRoleDescriptionMessage);
+    }
+
+    addElRole($(swiper.slides), params.slideRole);
+    const slidesLength = swiper.params.loop ? swiper.slides.filter(el => !el.classList.contains(swiper.params.slideDuplicateClass)).length : swiper.slides.length;
+    swiper.slides.each((slideEl, index) => {
+      const $slideEl = $(slideEl);
+      const slideIndex = swiper.params.loop ? parseInt($slideEl.attr('data-swiper-slide-index'), 10) : index;
+      const ariaLabelMessage = params.slideLabelMessage.replace(/\{\{index\}\}/, slideIndex + 1).replace(/\{\{slidesLength\}\}/, slidesLength);
+      addElLabel($slideEl, ariaLabelMessage);
+    });
+  };
+
+  const init = () => {
     const params = swiper.params.a11y;
     swiper.$el.append(liveRegion); // Container
 
@@ -8867,18 +9007,7 @@ function A11y(_ref) {
     addElId($wrapperEl, wrapperId);
     addElLive($wrapperEl, live); // Slide
 
-    if (params.itemRoleDescriptionMessage) {
-      addElRoleDescription($(swiper.slides), params.itemRoleDescriptionMessage);
-    }
-
-    addElRole($(swiper.slides), params.slideRole);
-    const slidesLength = swiper.params.loop ? swiper.slides.filter(el => !el.classList.contains(swiper.params.slideDuplicateClass)).length : swiper.slides.length;
-    swiper.slides.each((slideEl, index) => {
-      const $slideEl = $(slideEl);
-      const slideIndex = swiper.params.loop ? parseInt($slideEl.attr('data-swiper-slide-index'), 10) : index;
-      const ariaLabelMessage = params.slideLabelMessage.replace(/\{\{index\}\}/, slideIndex + 1).replace(/\{\{slidesLength\}\}/, slidesLength);
-      addElLabel($slideEl, ariaLabelMessage);
-    }); // Navigation
+    initSlides(); // Navigation
 
     let $nextEl;
     let $prevEl;
@@ -8906,7 +9035,7 @@ function A11y(_ref) {
 
 
     swiper.$el.on('focus', handleFocus, true);
-  }
+  };
 
   function destroy() {
     if (liveRegion && liveRegion.length > 0) liveRegion.remove();
@@ -8945,6 +9074,10 @@ function A11y(_ref) {
     if (!swiper.params.a11y.enabled) return;
     init();
   });
+  on('slidesLengthChange snapGridLengthChange slidesGridLengthChange', () => {
+    if (!swiper.params.a11y.enabled) return;
+    initSlides();
+  });
   on('fromEdge toEdge afterInit lock unlock', () => {
     if (!swiper.params.a11y.enabled) return;
     updateNavigation();
@@ -11101,7 +11234,7 @@ function EffectCards(_ref) {
 }
 
 /**
- * Swiper 8.1.5
+ * Swiper 8.2.2
  * Most modern mobile touch slider and framework with hardware accelerated transitions
  * https://swiperjs.com
  *
@@ -11109,7 +11242,7 @@ function EffectCards(_ref) {
  *
  * Released under the MIT License
  *
- * Released on: May 16, 2022
+ * Released on: June 1, 2022
  */
 
 const slidesCss = ".swiper-container{position:relative;z-index:1;margin:0 auto;padding:0;overflow:hidden;list-style:none}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-sizing:content-box;box-sizing:content-box;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0px, 0, 0);transform:translate3d(0px, 0, 0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{margin:0 auto;-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-slide{position:relative;-webkit-flex-shrink:0;flex-shrink:0;width:100%;height:100%;-webkit-transition-property:-webkit-transform;-o-transition-property:transform;transition-property:-webkit-transform;transition-property:transform;transition-property:transform, -webkit-transform;-ms-flex-negative:0}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-align-items:flex-start;align-items:flex-start;-webkit-transition-property:height, -webkit-transform;-o-transition-property:transform, height;transition-property:height, -webkit-transform;transition-property:transform, height;transition-property:transform, height, -webkit-transform;-webkit-box-align:start;-ms-flex-align:start}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-wrapper,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-cube-shadow{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-slide-shadow-bottom{position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;pointer-events:none}.swiper-container-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:-webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-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:-webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-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:-webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-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:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:-o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));background-image:linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-prev,.swiper-button-next{position:absolute;top:50%;z-index:10;width:27px;height:44px;margin-top:-22px;background-repeat:no-repeat;background-position:center;background-size:27px 44px;cursor:pointer}.swiper-button-prev.swiper-button-disabled,.swiper-button-next.swiper-button-disabled{cursor:auto;opacity:0.35;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{right:auto;left:10px;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{right:10px;left:auto;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E\")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;z-index:var(--pagination-z-index);text-align:center;-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);-webkit-transition:300ms opacity;-o-transition:300ms opacity;transition:300ms opacity}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-pagination-bullets{bottom:var(--pagination-bottom-position);left:var(--pagination-left-position);width:var(--pagination-container-width);height:var(--pagination-container-height)}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{position:relative;-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(0.66);-ms-transform:scale(0.66);transform:scale(0.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(0.33);-ms-transform:scale(0.33);transform:scale(0.33)}.swiper-pagination-bullet{display:inline-block;width:8px;height:8px;background:var(--bullet-background);border-radius:100%;opacity:0.2}button.swiper-pagination-bullet{margin:0;padding:0;border:none;-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-active{background:var(--bullet-background-active);opacity:1}.swiper-container-vertical>.swiper-pagination-bullets{top:50%;right:10px;-webkit-transform:translate3d(0px, -50%, 0);transform:translate3d(0px, -50%, 0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{display:block;margin:6px 0}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;width:8px;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:200ms top, 200ms -webkit-transform;-o-transition:200ms transform, 200ms top;transition:200ms top, 200ms -webkit-transform;transition:200ms transform, 200ms top;transition:200ms transform, 200ms top, 200ms -webkit-transform}.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;white-space:nowrap;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms left, 200ms -webkit-transform;-o-transition:200ms transform, 200ms left;transition:200ms left, 200ms -webkit-transform;transition:200ms transform, 200ms left;transition:200ms transform, 200ms left, 200ms -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:200ms right, 200ms -webkit-transform;-o-transition:200ms transform, 200ms right;transition:200ms right, 200ms -webkit-transform;transition:200ms transform, 200ms right;transition:200ms transform, 200ms right, 200ms -webkit-transform}.swiper-pagination-progressbar{position:absolute;background:var(--progress-bar-background)}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--progress-bar-background-active);-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:0;left:0;width:100%;height:4px}.swiper-container-vertical>.swiper-pagination-progressbar,.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{top:0;left:0;width:4px;height:100%}.swiper-pagination-white .swiper-pagination-bullet-active{background:var(--light, #ffffff)}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255, 255, 255, 0.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:var(--light, #ffffff)}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0, 0, 0, 0.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000000}.swiper-pagination-lock{display:none}.swiper-scrollbar{position:relative;background:var(--scroll-bar-background);border-radius:10px;-ms-touch-action:none}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;bottom:3px;left:1%;z-index:50;width:98%;height:5px}.swiper-container-vertical>.swiper-scrollbar{position:absolute;top:1%;right:3px;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{position:relative;top:0;left:0;width:100%;height:100%;background:var(--scroll-bar-background-active);border-radius:10px}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;width:100%;height:100%;text-align:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-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}.swiper-lazy-preloader{position:absolute;top:50%;left:50%;z-index:10;width:42px;height:42px;margin-top:-21px;margin-left:-21px;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12, end) infinite;animation:swiper-preloader-spin 1s steps(12, end) infinite}.swiper-lazy-preloader:after{display:block;width:100%;height:100%;background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\");background-repeat:no-repeat;background-position:50%;background-size:100%;content:\"\"}.swiper-lazy-preloader-white:after{background-image:url(\"data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E\")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;top:0;left:0;z-index:-1000;opacity:0;pointer-events:none}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity;pointer-events:none}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{z-index:1;width:100%;height:100%;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-backface-visibility:hidden;backface-visibility:hidden;visibility:hidden;pointer-events:none}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-prev,.swiper-container-cube .swiper-slide-next+.swiper-slide{visibility:visible;pointer-events:auto}.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;bottom:0px;left:0;z-index:0;width:100%;height:100%;background:#000;opacity:0.6;-webkit-filter:blur(50px);filter:blur(50px)}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{z-index:1;-webkit-backface-visibility:hidden;backface-visibility:hidden;pointer-events:none}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}:host{--host-background-color:unset;--bullet-background:var(--app-color, #5a30f4);--bullet-background-active:var(--app-color, #5a30f4);--swiper-container-height:100%;--progress-bar-background:rgba(var(--ion-text-color-rgb), 0.25);--progress-bar-background-active:ion-color(primary, shade);--scroll-bar-background:rgba(var(--ion-text-color-rgb), 0.1);--scroll-bar-background-active:rgba(var(--ion-text-color-rgb), 0.5);--pagination-bottom-position:var(--spacing-08, 0.5rem);--pagination-left-position:0;--pagination-container-width:100%;--pagination-container-height:2rem;--pagination-z-index:10;position:relative;display:block;height:100%;overflow:hidden}:host .slides{display:block;background-color:var(--host-background-color);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .swiper-container{height:var(--swiper-container-height)}:host .swiper-button-prev,:host .swiper-button-next{background-image:none !important}:host .swiper-button-prev.hidden,:host .swiper-button-next.hidden{display:none}:host .swiper-pagination-bullets{display:grid;grid-auto-flow:column;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .swiper-pagination-bullets>*{margin:0}:host(.entity-search-display) .scroll-inner,:host(.entity-search-display) .slides,:host(.entity-search-display) .swiper-container{height:100%}:host(.entity-search-display) .swiper-slide{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host(.outside-navigation-arrows){overflow:visible}:host(.outside-navigation-arrows) .swiper-button-prev,:host(.outside-navigation-arrows) .swiper-button-next{color:var(--light, #ffffff);font-size:var(--font-size-32, 2rem)}:host(.outside-navigation-arrows) .swiper-button-prev{left:-2.5rem}:host(.outside-navigation-arrows) .swiper-button-next{right:-2.5rem}:host(.web) .swiper-button-prev,:host(.web) .swiper-button-next{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:2rem;height:2rem;border-radius:50%}:host(.prevent-scroll-side-on-drag){overflow:unset}";
@@ -11426,7 +11559,7 @@ const YooIonSlidesComponent = class {
   async initSwiper() {
     const finalOptions = this.normalizeOptions();
     // init swiper core
-    const { Swiper } = await import('./swiper-a561c9bc.js');
+    const { Swiper } = await import('./swiper-c95eccaa.js');
     await waitForSlides(this.el);
     const swiper = new Swiper(this.el, finalOptions);
     this.swiperReady = true;

package/dist/design-system/yoo-ion-slides.entry.js

@@ -1,8 +1,8 @@
-export { Y as yoo_ion_slides } from './yoo-ion-slides-cb76d0c3.js';
+export { Y as yoo_ion_slides } from './yoo-ion-slides-9f9e25fe.js';
 import './index-019c1b1a.js';
-import './index-b72de038.js';
-import './lodash-494e728c.js';
+import './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
-import './common-helpers-3fdc5d49.js';
-import './theme-55598168.js';
+import './index-cbc2c080.js';
+import './common-helpers-882ed431.js';
+import './theme-7dc3b7a0.js';

package/dist/design-system/yoo-ion-toast-controller.entry.js

@@ -1,9 +1,9 @@
 import { r as registerInstance } from './index-019c1b1a.js';
-import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay, g as getTopOverlay } from './overlays-640a5d3a.js';
-import './index-b72de038.js';
-import './lodash-494e728c.js';
+import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay, g as getTopOverlay } from './overlays-39e84a2c.js';
+import './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.js';
 
 const YooIonToastControllerComponent = class {
   constructor(hostRef) {

package/dist/design-system/yoo-kanban.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { ez as fadeFromBottom, eA as fadeFromTop, t as translate, o as isWeb, dg as showContextMenu, af as showActionSheet, _ as getSession, cH as getAuthentication, a7 as getUserDisplayName, y as getCssColor, bg as getContrastColor } from './index-b72de038.js';
-import { X as uniqBy, c as compact, A as get, y as sortBy } from './lodash-494e728c.js';
+import { eA as fadeFromBottom, eB as fadeFromTop, t as translate, o as isWeb, dh as showContextMenu, af as showActionSheet, _ as getSession, cH as getAuthentication, a7 as getUserDisplayName, y as getCssColor, bh as getContrastColor } from './index-8124f773.js';
+import { Y as uniqBy, j as compact, A as get, z as sortBy } from './lodash-063b88d5.js';
 import { S as Sortable } from './sortable.esm-f788d1ca.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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/design-system/yoo-kpi-card.entry.js

@@ -1,8 +1,8 @@
 import { h, r as registerInstance, i as createEvent, e as Host } from './index-019c1b1a.js';
-import { t as translate, aE as isPresent, W as pipes, dT as convertSecondsToTimeUnits } from './index-b72de038.js';
-import './lodash-494e728c.js';
+import { t as translate, aE as isPresent, W as pipes, dU as convertSecondsToTimeUnits } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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/design-system/yoo-kpi-container.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { ck as isIntersectionObserverSupported, cl as intersectionObserve, t as translate, cm as getChartTypes, o as isWeb, af as showActionSheet, T as translateMulti, d as isNativeMobile } from './index-b72de038.js';
-import { b as getAppContext } from './common-helpers-3fdc5d49.js';
-import './lodash-494e728c.js';
+import { cl as isIntersectionObserverSupported, cm as intersectionObserve, t as translate, cn as getChartTypes, o as isWeb, af as showActionSheet, T as translateMulti, d as isNativeMobile } from './index-8124f773.js';
+import { b as getAppContext } from './common-helpers-882ed431.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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, #807f83);font-size:var(--font-size-16, 1rem);opacity:0.7;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}";
+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}";
 
 const YooKpiContainerComponent = class {
   constructor(hostRef) {

package/dist/design-system/yoo-kpi-external.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, i as createEvent, h, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb, cu as updateSVGCustomColors, v as isIOS, d as isNativeMobile, t as translate } from './index-b72de038.js';
-import { q as querySelectorDeep } from './common-helpers-3fdc5d49.js';
+import { o as isWeb, cv as updateSVGCustomColors, v as isIOS, d as isNativeMobile, t as translate } from './index-8124f773.js';
+import { q as querySelectorDeep } from './common-helpers-882ed431.js';
 import { g as getElementDimensions } from './dimensions-helpers-74309fae.js';
-import './lodash-494e728c.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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}";
 
@@ -69,7 +69,7 @@ const YooKpiExternalComponent = class {
     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
-      sandbox: `allow-scripts allow-same-origin allow-forms ${isWeb(this.host) ? 'allow-top-navigation-by-user-activation allow-downloads' : ''}`,
+      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
     };

package/dist/design-system/yoo-kpi.entry.js

@@ -1,11 +1,12 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { o as isWeb, t as translate } from './index-b72de038.js';
-import { k as getPhotoSVG } from './annotations-helpers-06bdd868.js';
-import './lodash-494e728c.js';
+import './index-86d36134.js';
+import { k as getPhotoSVG } from './annotations-helpers-628a8ae3.js';
+import { o as isWeb, t as translate } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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, #807f83);font-size:var(--font-size-16, 1rem);opacity:0.7}";
+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)}";
 
 const YooKpiComponent = class {
   constructor(hostRef) {

package/dist/design-system/yoo-layout-sections.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-b72de038.js';
-import './lodash-494e728c.js';
+import { t as translate } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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}";
 
@@ -11,8 +11,11 @@ const YooLayoutSectionsComponent = class {
     registerInstance(this, hostRef);
     this.seeAllClicked = createEvent(this, "seeAllClicked", 7);
   }
+  renderSeeAll(seeAllType) {
+    return (h("div", { class: "see-all", onClick: () => this.seeAllClicked.emit(seeAllType) }, translate('YOOBICSEEALL')));
+  }
   renderConfig(config) {
-    return h("div", { class: { container: true, alternate: config.isAlternate } }, h("div", { class: "title" }, translate(config.title), h("div", { class: "flex" }), config.showSeeAll && h("div", { class: "see-all", onClick: () => this.seeAllClicked.emit(config.seeAllType) }, translate('YOOBICSEEALL'), h("yoo-icon", { color: "app-color", name: "right", size: "small" }))), config.slotName && h("slot", { name: config.slotName }));
+    return h("div", { class: { container: true, alternate: config.isAlternate } }, h("div", { class: "title" }, translate(config.title), h("div", { class: "flex" }), config.showSeeAll && this.renderSeeAll(config.seeAllType)), config.slotName && h("slot", { name: config.slotName }));
   }
   render() {
     var _a;

package/dist/design-system/yoo-layout-tabs.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-b72de038.js';
-import './lodash-494e728c.js';
+import { t as translate } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.js';
 
 const layoutTabsCss = ":host{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column}";
 

package/dist/design-system/yoo-layout-two-columns.entry.js

@@ -1,8 +1,8 @@
 import { r as registerInstance, h, e as Host } from './index-019c1b1a.js';
-import { t as translate } from './index-b72de038.js';
-import './lodash-494e728c.js';
+import { t as translate } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-e36bdc70.js';
+import './index-cbc2c080.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}";