@yoobic/yobi 8.3.0-9 → 8.3.0

package/dist/esm/{shadow-css-e3d6d1b9.js → shadow-css-fb10938c.js}

@@ -1,5 +1,5 @@
 /*
- Stencil Client Platform v2.17.0 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v2.17.1 | MIT Licensed | https://stenciljs.com
  */
 /**
  * @license

package/dist/esm/swiper-31c32ac2.js

@@ -0,0 +1,12 @@
+import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-4a996e71.js';
+export { S as Swiper } from './yoo-ion-slides-4a996e71.js';
+import './index-becca019.js';
+import './index-4bc6078a.js';
+import './overlays-ccc6076c.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
+import './_commonjsHelpers-f4d11124.js';
+import './common-helpers-fe634d0d.js';
+import './theme-38c6f527.js';
+
+Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/{design-system/tag.factory-c7280aa6.js → esm/tag.factory-5c646767.js}

@@ -1,4 +1,4 @@
-import { h } from './index-54cb3c5d.js';
+import { h } from './index-becca019.js';
 
 const Tag = ({ className, icon, text, ...tag }) => (h("yoo-tag", { class: className, ...tag },
   !!icon.name && h("yoo-icon", { color: icon.color, name: icon.name, size: icon.size, slot: "start" }),

package/dist/{design-system/theme-bd3c7a15.js → esm/theme-38c6f527.js}

@@ -1,5 +1,5 @@
-import './index-945da793.js';
-import { v as findParent } from './overlays-2b1f8cb5.js';
+import './index-4bc6078a.js';
+import { Q as findParent } from './overlays-ccc6076c.js';
 
 function getClassList(classes) {
   if (classes) {

package/dist/esm/{tippy.esm-5581a7f9.js → tippy.esm-cef271f0.js}

@@ -1,4 +1,4 @@
-import './overlays-2b1f8cb5.js';
+import './overlays-ccc6076c.js';
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/{design-system/video-player-helpers-8a2ff757.js → esm/video-player-helpers-56ae416e.js}

@@ -1,8 +1,8 @@
-import { bG as getVariantValue, bH as isYoutubeSource, bI as isDailymotionSource, bJ as isVimeoSource, ag as isFile, f as isNativeMobile, bK as StatusBar, p as showModal, q as isWeb, bL as loadScript, am as isCloudinaryLink, n as Cloudinary } from './overlays-2b1f8cb5.js';
-import { O as FORM_MULTI_LANGUAGES_DATA } from './index-efbd87e6.js';
-import './index-945da793.js';
-import { q as isString, X as find } from './lodash-bf91c7a4.js';
-import { q as querySelectorDeep } from './common-helpers-246a4085.js';
+import { bT as getVariantValue, bU as isYoutubeSource, bV as isDailymotionSource, bW as isVimeoSource, an as isFile, j as isNativeMobile, bX as StatusBar, z as showModal, A as isWeb, bY as loadScript, au as isCloudinaryLink, U as Cloudinary } from './overlays-ccc6076c.js';
+import { Q as FORM_MULTI_LANGUAGES_DATA } from './index-e7f48bcb.js';
+import './index-4bc6078a.js';
+import { q as isString, Y as find } from './lodash-f6e59a8e.js';
+import { q as querySelectorDeep } from './common-helpers-fe634d0d.js';
 
 function getSourceType(field) {
   const source = getVideoPlayerFieldSource(field);

package/dist/esm/{web-97a07163.js → web-23b118d3.js}

@@ -1,6 +1,6 @@
-import { fs as WebPlugin } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { fF as WebPlugin } from './overlays-ccc6076c.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 class SplashScreenWeb extends WebPlugin {

package/dist/esm/{web-bf75374d.js → web-2bafe8f1.js}

@@ -1,6 +1,6 @@
-import { fs as WebPlugin } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { fF as WebPlugin } from './overlays-ccc6076c.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 class CameraPreviewWeb extends WebPlugin {

package/dist/esm/web-53ce94a6.js

@@ -0,0 +1,62 @@
+import { fF as WebPlugin, fG as ImpactStyle, fH as NotificationType } from './overlays-ccc6076c.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
+import './_commonjsHelpers-f4d11124.js';
+
+class HapticsWeb extends WebPlugin {
+    constructor() {
+        super(...arguments);
+        this.selectionStarted = false;
+    }
+    async impact(options) {
+        const pattern = this.patternForImpact(options === null || options === void 0 ? void 0 : options.style);
+        this.vibrateWithPattern(pattern);
+    }
+    async notification(options) {
+        const pattern = this.patternForNotification(options === null || options === void 0 ? void 0 : options.type);
+        this.vibrateWithPattern(pattern);
+    }
+    async vibrate(options) {
+        const duration = (options === null || options === void 0 ? void 0 : options.duration) || 300;
+        this.vibrateWithPattern([duration]);
+    }
+    async selectionStart() {
+        this.selectionStarted = true;
+    }
+    async selectionChanged() {
+        if (this.selectionStarted) {
+            this.vibrateWithPattern([70]);
+        }
+    }
+    async selectionEnd() {
+        this.selectionStarted = false;
+    }
+    patternForImpact(style = ImpactStyle.Heavy) {
+        if (style === ImpactStyle.Medium) {
+            return [43];
+        }
+        else if (style === ImpactStyle.Light) {
+            return [20];
+        }
+        return [61];
+    }
+    patternForNotification(type = NotificationType.Success) {
+        if (type === NotificationType.Warning) {
+            return [30, 40, 30, 50, 60];
+        }
+        else if (type === NotificationType.Error) {
+            return [27, 45, 50];
+        }
+        return [35, 65, 21];
+    }
+    vibrateWithPattern(pattern) {
+        if (navigator.vibrate) {
+            navigator.vibrate(pattern);
+        }
+        else {
+            throw this.unavailable('Browser does not support the vibrate API');
+        }
+    }
+}
+
+export { HapticsWeb };

package/dist/{design-system/web-d995fa5f.js → esm/web-8e517222.js}

@@ -1,9 +1,9 @@
-import { fs as WebPlugin, ft as CapacitorException } from './overlays-2b1f8cb5.js';
-import { C as CameraSource, e as CameraDirection } from './camera-helpers-fa4cde23.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { fF as WebPlugin, fI as CapacitorException } from './overlays-ccc6076c.js';
+import { C as CameraSource, e as CameraDirection } from './camera-helpers-3f566403.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-945da793.js';
+import './index-4bc6078a.js';
 
 class CameraWeb extends WebPlugin {
     async getPhoto(options) {

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

@@ -1,8 +1,8 @@
-import { r as registerInstance, h } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { i as isChromatic, t as translate, g as getGrade, a as getDeviceType, b as getOS } from './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, h } from './index-becca019.js';
+import './index-4bc6078a.js';
+import { i as isChromatic, t as translate, g as getGrade, a as getDeviceType, b as getOS } from './overlays-ccc6076c.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const aboutCss = ":host{display:block;height:100%}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:justify;justify-content:space-between;height:100%;text-align:center}:host .outer-container .inner-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}:host .outer-container .inner-container .logo{width:var(--spacing-64, 4rem);max-width:18.75rem;height:auto;max-height:6.25rem;margin:auto}:host .outer-container .inner-container .app-name{font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);text-transform:uppercase}:host .outer-container .inner-container .content-container{color:var(--stable, #adadad)}:host .outer-container .inner-container .content-container .information{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem);text-transform:capitalize}:host .outer-container .inner-container .links-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:var(--spacing-16, 1rem)}:host .outer-container .inner-container .links-container a{padding:0 var(--spacing-16, 1rem);text-decoration:none}:host .outer-container .footer-container{padding-top:var(--spacing-48, 3rem);padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .footer-container yoo-copyright{font-size:var(--font-size-14, 0.875rem)}";

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

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { a as isNumber } from './lodash-bf91c7a4.js';
-import { g as getButton } from './button.factory-ea98fed9.js';
-import { k as execHandlerAndStopEvent } from './common-helpers-246a4085.js';
-import { i as isChromatic, U as isNullOrUndefined, y as setAnimation, z as animations, t as translate } from './overlays-2b1f8cb5.js';
-import './index-1397e648.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, i as createEvent, h, e as Host } from './index-becca019.js';
+import './index-4bc6078a.js';
+import { a as isNumber } from './lodash-f6e59a8e.js';
+import { g as getButton } from './button.factory-ee287fe8.js';
+import { h as execHandlerAndStopEvent } from './common-helpers-fe634d0d.js';
+import { i as isChromatic, X as isNullOrUndefined, I as setAnimation, J as animations, t as translate } from './overlays-ccc6076c.js';
+import './index-ffa651b0.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const accordionCss = "@-webkit-keyframes toggle-opacity{0%{opacity:0}50%{opacity:0.5}100%{opacity:1}}@keyframes toggle-opacity{0%{opacity:0}50%{opacity:0.5}100%{opacity:1}}:host{--title-font-size:var(--font-size-16, 1rem);--title-font-weight:var(--font-weight-700, 700);--title-font-color:var(--dark, #000000);--outer-container-padding:none;--outer-container-width:100%;--accordion-background:var(--light, #ffffff);--divider-background:var(--stable-light, #f1f1f1);--hover-background:none;--selected-background:none;--selected-color:var(--title-font-color);display:block}:host .outer-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:var(--outer-container-width);padding:var(--outer-container-padding);background:var(--accordion-background)}:host .outer-container .title-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%;margin:var(--spacing-08, 0.5rem) 0}:host .outer-container .title-container:hover{background:var(--hover-background)}:host .outer-container .title-container.selected-handler-item{background:var(--selected-background)}:host .outer-container .title-container.selected-handler-item .left-container .title{color:var(--selected-color)}:host .outer-container .title-container .left-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;padding:var(--spacing-04, 0.25rem);color:var(--title-font-color)}:host .outer-container .title-container .left-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host .outer-container .title-container .left-container .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host .outer-container .title-container .left-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host .outer-container .title-container .left-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host .outer-container .title-container .left-container .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host .outer-container .title-container .left-container .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host .outer-container .title-container .left-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host .outer-container .title-container .left-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host .outer-container .title-container .left-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host .outer-container .title-container .left-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host .outer-container .title-container .left-container .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host .outer-container .title-container .left-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host .outer-container .title-container .left-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host .outer-container .title-container .left-container .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host .outer-container .title-container .left-container .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host .outer-container .title-container .left-container .title{font-weight:var(--title-font-weight);font-size:var(--title-font-size);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}:host .outer-container .title-container .left-container yoo-icon{padding-right:var(--spacing-08, 0.5rem);color:var(--title-icon-color);font-weight:var(--title-font-weight);font-size:var(--title-icon-font-size);cursor:pointer}:host .outer-container .title-container .left-container .count{padding-left:var(--spacing-08, 0.5rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-700, 700)}:host .outer-container .title-container .left-container yoo-badge.dot{position:absolute;top:auto;right:auto;bottom:auto;left:-11px;margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .title-container .right-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding-right:var(--spacing-08, 0.5rem)}:host .outer-container .title-container .right-container .button-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .title-container .right-container .icon{color:var(--right-icon-color)}:host .outer-container .subtitle{color:var(--stable, #adadad);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .accordion-selector{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:start;justify-content:flex-start;width:100%}:host .outer-container .accordion-selector .blur-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--light, #ffffff);opacity:0.8}:host .outer-container .accordion-selector.relative{position:relative}:host .outer-container .accordion-selector:first-child .title-container{margin-top:0}:host .outer-container .accordion-selector:last-child{margin-bottom:var(--spacing-16, 1rem)}:host .outer-container .accordion-selector .accordion-title:hover{cursor:pointer}:host .outer-container .accordion-selector .accordion-collapsed{display:none}:host .outer-container .accordion-selector .accordion-expanded{display:block;color:var(--dark, #000000)}:host .outer-container .accordion-selector .divider{width:100%;height:0.0625rem;margin-top:15px;background:var(--divider-background)}:host([animated]) .outer-container{-webkit-transition:all 0.3s;transition:all 0.3s}:host([animated]) .outer-container .accordion-selector .accordion-title.active-title .icon{-webkit-transition:all 0.3s;transition:all 0.3s}:host([animated]) .outer-container .accordion-selector .accordion-expanded{-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-animation:toggle-opacity 0.3s ease;animation:toggle-opacity 0.3s ease}:host(.bottom-border) .outer-container .title-container{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.bottom-border) .outer-container .title-container.master-title{padding-top:var(--spacing-08, 0.5rem)}:host(.sub-accordion) .outer-container .accordion-selector .title-container .left-container .title,:host(.sub-accordion) .outer-container .accordion-selector .title-container .left-container .count{font-weight:var(--font-weight-400, 400);font-size:var(--font-size-14, 0.875rem)}:host(.side-menu) .outer-container .accordion-selector,:host(.side-menu-sub) .outer-container .accordion-selector{-ms-flex-align:end;align-items:flex-end}:host(.side-menu) .outer-container .accordion-selector .divider,:host(.side-menu-sub) .outer-container .accordion-selector .divider{margin:0 0 var(--spacing-08, 0.5rem) 0}:host(.side-menu) .outer-container .accordion-selector .title-container,:host(.side-menu-sub) .outer-container .accordion-selector .title-container{height:2rem;margin-top:0;border-radius:var(--border-radius-08, 0.5rem);cursor:pointer}:host(.side-menu) .outer-container .accordion-selector .title-container .left-container,:host(.side-menu-sub) .outer-container .accordion-selector .title-container .left-container{max-width:100%}:host(.side-menu) .outer-container .accordion-selector .title-container .left-container yoo-icon,:host(.side-menu-sub) .outer-container .accordion-selector .title-container .left-container yoo-icon{padding-right:var(--spacing-08, 0.5rem)}:host(.side-menu) .outer-container .accordion-selector .title-container .left-container .title,:host(.side-menu-sub) .outer-container .accordion-selector .title-container .left-container .title{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.side-menu) .outer-container .accordion-selector .title-container .right-container .icon,:host(.side-menu-sub) .outer-container .accordion-selector .title-container .right-container .icon{display:-ms-flexbox;display:flex}:host(.side-menu) .outer-container .accordion-selector .title-container .right-container yoo-badge,:host(.side-menu-sub) .outer-container .accordion-selector .title-container .right-container yoo-badge{margin-right:var(--spacing-02, 0.125rem)}:host(.side-menu) .outer-container .accordion-selector:last-child,:host(.side-menu-sub) .outer-container .accordion-selector:last-child{margin-bottom:0}:host(.side-menu-sub) .outer-container{width:10.625rem;margin-left:var(--spacing-16, 1rem)}:host(.side-menu-sub) .outer-container .accordion-selector:last-child{margin-bottom:0}:host(.master-search){overflow:hidden}:host(.master-search) .outer-container{height:100%;overflow:hidden}:host(.master-search) .outer-container yoo-form-input{padding-bottom:var(--spacing-08, 0.5rem)}:host(.master-search) .outer-container .scroll-container{overflow-y:auto;}:host(.master-search) .outer-container .scroll-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host(.master-search) .outer-container .scroll-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.master-search) .outer-container .scroll-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.master-search) .outer-container .scroll-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.master-search) .outer-container .scroll-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.accent) .outer-container{border-color:var(--accent, #276ef1)}:host(.accent) .outer-container .accordion-selector .title-container{border-color:var(--accent, #276ef1)}:host(.accent) .outer-container .accordion-selector .title-container .icon{color:var(--accent, #276ef1)}:host(.danger) .outer-container{border-color:var(--danger, #d44333)}:host(.danger) .outer-container .accordion-selector .title-container{border-color:var(--danger, #d44333)}:host(.danger) .outer-container .accordion-selector .title-container .icon{color:var(--danger, #d44333)}:host(.app-color) .outer-container{border-color:var(--app-color, #5a30f4)}:host(.app-color) .outer-container .accordion-selector .title-container{border-color:var(--app-color, #5a30f4)}:host(.app-color) .outer-container .accordion-selector .title-container .icon{color:var(--app-color, #5a30f4)}:host(.success) .outer-container{border-color:var(--success, #3aa76d)}:host(.success) .outer-container .accordion-selector .title-container{border-color:var(--success, #3aa76d)}:host(.success) .outer-container .accordion-selector .title-container .icon{color:var(--success, #3aa76d)}:host(.info) .outer-container{border-color:var(--info, #d84c96)}:host(.info) .outer-container .accordion-selector .title-container{border-color:var(--info, #d84c96)}:host(.info) .outer-container .accordion-selector .title-container .icon{color:var(--info, #d84c96)}:host(.warning) .outer-container{border-color:var(--warning, #ed6e33)}:host(.warning) .outer-container .accordion-selector .title-container{border-color:var(--warning, #ed6e33)}:host(.warning) .outer-container .accordion-selector .title-container .icon{color:var(--warning, #ed6e33)}:host(.dark) .outer-container{border-color:var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.dark) .outer-container .accordion-selector .title-container{border-color:var(--dark-40, rgba(0, 0, 0, 0.4))}:host(.dark) .outer-container .accordion-selector .title-container .icon{color:var(--dark-40, rgba(0, 0, 0, 0.4))}";
@@ -195,7 +195,7 @@ const YooAccordionComponent = class {
   }
   renderAccordionTitle(item, index, masterTitle = false, masterSearch = false) {
     var _a;
-    const title = translate(item.title);
+    const title = translate(item.displayTitle || item.title);
     return [
       h("div", { class: {
           'title-container': true,
@@ -203,7 +203,7 @@ const YooAccordionComponent = class {
           'active-title': item.selected,
           'active-title-sub': this.isSubMenu,
           'selected-handler-item': item.selected && !isNullOrUndefined(item.handler)
-        }, onClick: () => this.onAccordionClick(item, index) }, h("div", { class: "left-container" }, this.iconPairLeft && !masterTitle && this.renderIconPair(item, this.iconPairLeft), !!item.notif && !isNumber(item.notif) && h("yoo-badge", { class: "dot", shape: "dot" }), item.icon && h("yoo-icon", { name: item.icon, color: item.selected && !isNullOrUndefined(item.handler) ? 'app-color' : item.iconColor || 'text-color' }), h("div", { class: { 'title': true, [item.color || '']: true } }, h("yoo-truncated-line", { tooltipPlacement: "right", content: title })), item.subItemCount > -1 && h("span", { class: "count" }, item.subItemCount)), h("div", { class: "right-container" }, item.actionButtons && item.actionButtons.length > 0 && this.renderActionButton(item.actionButtons), this.iconPairRight && !item.handler && this.renderIconPair(item, this.iconPairRight), !!item.notif && isNumber(item.notif) && h("yoo-badge", { text: item.notif.toLocaleString() }), ((_a = item.tagElements) === null || _a === void 0 ? void 0 : _a.tooltip) ? (h("yoo-tooltip", { onCloseTooltip: (ev) => this.tooltipClosed.emit(ev === null || ev === void 0 ? void 0 : ev.detail), ...item.tagElements.tooltip }, this.renderTag(item))) : (this.renderTag(item)), h("slot", { name: "header" }))),
+        }, onClick: () => this.onAccordionClick(item, index) }, h("div", { class: "left-container" }, this.iconPairLeft && !masterTitle && this.renderIconPair(item, this.iconPairLeft), !!item.notif && !isNumber(item.notif) && h("yoo-badge", { class: "dot", shape: "dot" }), item.icon && h("yoo-icon", { name: item.icon, color: item.selected && !isNullOrUndefined(item.handler) ? 'app-color' : item.iconColor || 'text-color' }), h("div", { class: { 'title': true, [item.color || '']: true } }, h("yoo-truncated-line", { tooltipPlacement: "right", content: title })), item.subItemCount > -1 && h("span", { class: "count" }, item.subItemCount)), h("div", { class: "right-container" }, item.isBeta && h("yoo-tag", { innerHTML: translate('BETA'), color: "app-color" }), item.actionButtons && item.actionButtons.length > 0 && this.renderActionButton(item.actionButtons), this.iconPairRight && !item.handler && this.renderIconPair(item, this.iconPairRight), !!item.notif && isNumber(item.notif) && h("yoo-badge", { text: item.notif.toLocaleString() }), ((_a = item.tagElements) === null || _a === void 0 ? void 0 : _a.tooltip) ? (h("yoo-tooltip", { onCloseTooltip: (ev) => this.tooltipClosed.emit(ev === null || ev === void 0 ? void 0 : ev.detail), ...item.tagElements.tooltip }, this.renderTag(item))) : (this.renderTag(item)), h("slot", { name: "header" }))),
       item.slotName && item.selected && h("slot", { name: item.slotName }),
       masterSearch && (h("yoo-form-input", { class: "search accordion-search", size: "medium", iconPrefix: "search", placeholder: "SEARCH", onInputChanged: (ev) => this.searchInputChanged.emit(ev.detail) }))
     ];

package/dist/esm/yoo-action-sheet-controller.entry.js

@@ -1,18 +1,37 @@
-import { r as registerInstance } from './index-54cb3c5d.js';
-import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay, g as getTopOverlay } from './overlays-848be7b8.js';
-import './index-945da793.js';
-import './overlays-2b1f8cb5.js';
-import './lodash-bf91c7a4.js';
-import './index-efbd87e6.js';
+import { r as registerInstance } from './index-becca019.js';
+import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay, g as getTopOverlay } from './overlays-255503d6.js';
+import './index-4bc6078a.js';
+import './overlays-ccc6076c.js';
+import './lodash-f6e59a8e.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const YooIonActionSheetControllerComponent = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.actionSheets = new Map();
+    this.devices = [];
+  }
+  onDeviceCreated(ev) {
+    this.devices.push(ev.detail);
+  }
+  onDeviceDestroyed(ev) {
+    const index = this.devices.findIndex(device => device === ev.detail);
+    this.devices.splice(index, index + 1);
+  }
+  onClick(ev) {
+    if (this.devices.length) {
+      this.device = ev.composedPath().find((el) => el.nodeName === 'YOO-DEVICE');
+    }
   }
   actionSheetWillPresent(ev) {
-    this.actionSheets.set(ev.target.overlayId, ev.target);
+    var _a, _b, _c;
+    if (ev.target.nodeName === 'YOO-ACTION-SHEET') {
+      this.actionSheets.set(ev.target.overlayId, ev.target);
+    }
+    else {
+      this.actionSheets.set((_b = (_a = ev.composedPath()) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.overlayId, (_c = ev.composedPath()) === null || _c === void 0 ? void 0 : _c[0]);
+    }
   }
   actionSheetWillDismiss(ev) {
     this.actionSheets.delete(ev.target.overlayId);
@@ -41,7 +60,7 @@ const YooIonActionSheetControllerComponent = class {
    * @type method
    */
   async create(opts) {
-    return createOverlay(document.createElement('yoo-action-sheet'), opts);
+    return createOverlay(document.createElement('yoo-action-sheet'), opts, this.device);
   }
   /**
    * Dismisses the open action sheet overlay.

package/dist/esm/yoo-action-sheet.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-54cb3c5d.js';
-import './index-945da793.js';
-import { a as isNumber, q as isString, E as isBoolean } from './lodash-bf91c7a4.js';
-import { l as lifecycleEvents, q as querySelectorDeep } from './common-helpers-246a4085.js';
-import { e as eventMethod } from './overlays-848be7b8.js';
-import { c as createThemedClasses } from './theme-bd3c7a15.js';
-import { cT as present, y as setAnimation, cU as dismiss, ai as copyToClipboard, f as isNativeMobile, ax as isPresent, t as translate } from './overlays-2b1f8cb5.js';
-import './index-efbd87e6.js';
+import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-becca019.js';
+import './index-4bc6078a.js';
+import { a as isNumber, q as isString, G as isBoolean } from './lodash-f6e59a8e.js';
+import { l as lifecycleEvents, q as querySelectorDeep } from './common-helpers-fe634d0d.js';
+import { e as eventMethod } from './overlays-255503d6.js';
+import { c as createThemedClasses } from './theme-38c6f527.js';
+import { d7 as present, I as setAnimation, d8 as dismiss, ar as copyToClipboard, j as isNativeMobile, aG as isPresent, t as translate, d9 as MODAL_BASE_ZINDEX } from './overlays-ccc6076c.js';
+import './index-e7f48bcb.js';
 import './_commonjsHelpers-f4d11124.js';
 
 const actionSheetCss = ":host{width:100%;font-size:var(--font-size-14, 0.875rem)}:host .outer-container{position:fixed;right:var(--spacing-08, 0.5rem);bottom:var(--spacing-08, 0.5rem);left:var(--spacing-08, 0.5rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:auto}:host .top-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;width:100%;padding-bottom:0;overflow-y:auto !important;background-color:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-16, 1rem);-webkit-overflow-scrolling:touch !important}:host .top-container.solid .inner-container{text-align:left}:host .top-container .height-block{max-height:28rem}:host .top-container .inner{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;margin:0;padding:0;overflow-y:auto;line-height:var(--spacing-24, 1.5rem);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .top-container .inner .action-click.tapped{background-color:var(--stable-alt, #d0d0d0);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .top-container .heading-wrapper{position:-webkit-sticky;position:sticky;top:0;z-index:1;background:var(--stable-light, #f1f1f1);border-radius:var(--border-radius-16, 1rem)}:host .top-container .heading-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:var(--spacing-48, 3rem);color:var(--text-color, #807f83);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);background:var(--light-10, rgba(255, 255, 255, 0.1));border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host .top-container .inner-container{padding:var(--spacing-04, 0.25rem) var(--spacing-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-18, 1.125rem);text-align:center;background:var(--light-10, rgba(255, 255, 255, 0.1));border-bottom:var(--border-width-01, 0.0625rem) solid var(--dark-40, rgba(0, 0, 0, 0.4))}:host .top-container .inner-container.icon{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:start;justify-content:flex-start;border:none}:host .top-container .inner-container.description{-ms-flex-align:start;align-items:flex-start;padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem) 0;border:none}:host .top-container .inner-container.last{border:none}:host .top-container .inner-container.success{color:var(--success, #3aa76d)}:host .top-container .inner-container.app-color{color:var(--app-color, #5a30f4)}:host .top-container .inner-container.danger{color:var(--danger, #d44333)}:host .top-container .inner-container:last-child{padding-bottom:var(--spacing-16, 1rem)}:host .top-container .inner-container:not(:last-child){padding-bottom:var(--spacing-16, 1rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host .top-container .inner-container .icon-container{margin:auto var(--spacing-16, 1rem) auto 0}:host .top-container .inner-container .right-aligned.icon-description{padding-top:var(--spacing-08, 0.5rem)}:host .top-container .inner-container .text-container{-ms-flex:1;flex:1;overflow:hidden}:host .top-container .inner-container .text-container p{margin:0;font-size:var(--font-size-18, 1.125rem)}:host .top-container .inner-container .text-container.icon-description{padding-top:var(--spacing-08, 0.5rem)}:host .top-container .inner-container .text-container .beta{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center}:host .top-container .inner-container .text-container.last{border:none}:host .top-container .inner-container .text-container.last span{display:-ms-flexbox;display:flex}:host .top-container .inner-container .text-container.last span yoo-tag{margin-left:var(--spacing-04, 0.25rem)}:host .top-container .inner-container .text-container.icon-no-description .divider{position:absolute;top:auto;right:var(--spacing-16, 1rem);bottom:0;left:var(--spacing-48, 3rem)}:host .top-container .inner-container .text-container .description-container{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) 0;color:var(--stable, #adadad);font-weight:var(--font-weight-400, 400);font-size:var(--font-size-16, 1rem);line-height:var(--spacing-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .top-container .inner-container .text-container .divider{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .top-container .inner-container .badge-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;padding-top:var(--spacing-08, 0.5rem)}:host .top-container .inner-container .badge-container .flex{-ms-flex:1;flex:1}:host .bottom-container{width:100%;margin-top:var(--spacing-08, 0.5rem);margin-bottom:var(--safe-area-inset-bottom);background-color:var(--light, #ffffff);border-radius:var(--border-radius-16, 1rem)}:host .bottom-container .cancel-container{padding:var(--spacing-04, 0.25rem) var(--spacing-04, 0.25rem);display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;padding:var(--spacing-16, 1rem);color:var(--dark, #000000);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-18, 1.125rem);background:-webkit-gradient(linear, left top, left bottom, from(var(--light-10, rgba(255, 255, 255, 0.1))), to(var(--light-10, rgba(255, 255, 255, 0.1)))), var(--light, #ffffff);background:linear-gradient(var(--light-10, rgba(255, 255, 255, 0.1)), var(--light-10, rgba(255, 255, 255, 0.1))), var(--light, #ffffff);border-radius:inherit}:host .bottom-container .cancel-container.tapped{background-color:var(--stable-light, #f1f1f1);-webkit-transition:background-color 0.3s ease;transition:background-color 0.3s ease}:host .overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:19999;background:var(--dark-20, rgba(0, 0, 0, 0.2))}@media screen and (max-height: 46rem){:host .outer-container .top-container .inner .action-click.icon.description{padding:0 var(--spacing-16, 1rem)}}@media screen and (max-height: 39.4375rem){:host .outer-container .top-container .heading-container{display:none}}:host(.mobile-emulate) .full-page-container{height:100%}:host(.mobile-emulate) .full-page-container .outer-container{position:absolute}";
@@ -38,7 +38,14 @@ const YooActionSheetComponent = class {
      */
     this.preventOverlayClick = false;
     this.actionClickDivs = [];
-    this.preventDefault = (e) => e.preventDefault();
+    this.preventDefault = (e) => {
+      try {
+        e === null || e === void 0 ? void 0 : e.preventDefault();
+      }
+      catch (e) {
+        //
+      }
+    };
     this.DEFAULT_ANIMATION = 'slide_down';
     this.onReady = Promise.resolve();
   }
@@ -145,7 +152,7 @@ const YooActionSheetComponent = class {
         last: lastIndex && !(button.icon || description),
         [button.textClass || '']: true,
         [button.color || '']: true
-      }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index]) }, button.icon && this.renderButtonIcon(button), h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (h("span", { class: { beta: button.isBeta } }, h("span", { innerHTML: text }), " ", h("yoo-tag", { color: "app-color" }, translate('BETA')))) : (h("span", { innerHTML: text })), description && h("div", { class: "description-container" }, description)), (isNumber(button.notif) || isString(button.notif) || isBoolean(button.notif)) && (h("div", { class: "badge-container" }, h("div", { class: "flex" }), isNumber(button.notif) && button.notif > 0 && h("yoo-badge", { text: button.notif.toLocaleString() }), isString(button.notif) && button.notif.length > 0 && h("yoo-badge", { text: button.notif }), isBoolean(button.notif) && button.notif == true && h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
+      }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index]) }, button.icon && this.renderButtonIcon(button), h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (h("span", { class: { beta: button.isBeta } }, h("span", { innerHTML: text }), " ", h("yoo-tag", { color: "app-color" }, translate('BETA')))) : (h("span", { innerHTML: text })), description && h("div", { class: "description-container" }, description)), (isNumber(button.notif) || isString(button.notif) || isBoolean(button.notif)) && (h("div", { class: "badge-container" }, h("div", { class: "flex" }), isNumber(button.notif) && button.notif > 0 && h("yoo-badge", { text: button.notif.toLocaleString() }), isString(button.notif) && button.notif.length > 0 && h("yoo-badge", { text: button.notif }), isBoolean(button.notif) && button.notif === true && h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
   }
   renderBottomContainer() {
     return (h("div", { class: "bottom-container" }, h("div", { class: "cancel-container", onClick: () => this.closeActionSheet(false, true), ref: (el) => (this.cancelDiv = el), onTouchStart: () => this.onItemTouchStart(this.cancelDiv), onTouchEnd: () => this.onItemTouchEnd(this.cancelDiv) }, translate('CANCEL'))));
@@ -159,7 +166,7 @@ const YooActionSheetComponent = class {
     return (h("div", { class: { 'top-container': true, solid: !!((buttons === null || buttons === void 0 ? void 0 : buttons[0]) && ((buttons[0].description && buttons[0].text) || buttons[0].icon)) }, ref: (el) => (this.topContainer = el) }, h("div", { style: { 'max-height': `${Math.round(0.84 * (((_a = this.outerDiv) === null || _a === void 0 ? void 0 : _a.offsetHeight) || window.innerHeight))}px` } }, h("div", { class: "heading-wrapper" }, this.renderHeader()), h("ul", { class: "inner", ref: (el) => (this.innerDiv = el) }, buttons.map((button, index) => this.renderLiButton(buttons, button, index))))));
   }
   render() {
-    return (h(Host, { class: { ...createThemedClasses(null, this.cssClass ? this.cssClass : ''), 'mobile-emulate': !isNativeMobile() } }, h("div", { class: "full-page-container", ref: (el) => (this.outerDiv = el) }, h("div", { ref: (el) => (this.overlay = el), class: "overlay", onClick: () => this.onOverlayClick(), style: { 'z-index': (20000 + this.overlayId).toString() } }), h("div", { class: "outer-container", style: { 'z-index': (20001 + this.overlayId).toString() } }, this.renderTopContainer(), this.renderBottomContainer()))));
+    return (h(Host, { class: { ...createThemedClasses(null, this.cssClass ? this.cssClass : ''), 'mobile-emulate': !isNativeMobile() } }, h("div", { class: "full-page-container", ref: (el) => (this.outerDiv = el) }, h("div", { ref: (el) => (this.overlay = el), class: "overlay", onClick: () => this.onOverlayClick(), style: { 'z-index': (MODAL_BASE_ZINDEX + this.overlayId).toString() } }), h("div", { class: "outer-container", style: { 'z-index': (20001 + this.overlayId).toString() } }, this.renderTopContainer(), this.renderBottomContainer()))));
   }
   get host() { return getElement(this); }
 };