@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/{shadow-css-ee43ceb8.js → shadow-css-6b9daa41.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 /*
- Stencil Client Platform v2.15.2 | MIT Licensed | https://stenciljs.com
+ Stencil Client Platform v2.16.1 | MIT Licensed | https://stenciljs.com
  */
 /**
  * @license
@@ -17,7 +17,6 @@
 const safeSelector = (selector) => {
     const placeholders = [];
     let index = 0;
-    let content;
     // Replaces attribute selectors with placeholders.
     // The WS in [attr="va lue"] would otherwise be interpreted as a selector separator.
     selector = selector.replace(/(\[[^\]]*\])/g, (_, keep) => {
@@ -28,7 +27,7 @@ const safeSelector = (selector) => {
     });
     // Replaces the expression in `:nth-child(2n + 1)` with a placeholder.
     // WS and "+" would otherwise be interpreted as selector separators.
-    content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
+    const content = selector.replace(/(:nth-[-\w]+)(\([^)]+\))/g, (_, pseudo, exp) => {
         const replaceBy = `__ph-${index}__`;
         placeholders.push(exp);
         index++;

package/dist/cjs/swiper-c7f7d8cb.js

@@ -0,0 +1,15 @@
+'use strict';
+
+const yooIonSlides_entry = require('./yoo-ion-slides-4deead3c.js');
+require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+require('./overlays-b6c94fc8.js');
+require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
+require('./_commonjsHelpers-94df2ea7.js');
+require('./common-helpers-a4efe957.js');
+require('./theme-6460911b.js');
+
+yooIonSlides_entry.Swiper.use([yooIonSlides_entry.Pagination, yooIonSlides_entry.Autoplay, yooIonSlides_entry.Scrollbar]);
+
+exports.Swiper = yooIonSlides_entry.Swiper;

package/dist/cjs/{tag.factory-a7a2d2c1.js → tag.factory-25f910c0.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-c8609d4f.js');
+const index = require('./index-e182c32d.js');
 
 const Tag = ({ className, icon, text, ...tag }) => (index.h("yoo-tag", { class: className, ...tag },
   !!icon.name && index.h("yoo-icon", { color: icon.color, name: icon.name, size: icon.size, slot: "start" }),

package/dist/cjs/{theme-0e8633ea.js → theme-6460911b.js}

@@ -1,6 +1,7 @@
 'use strict';
 
-const index = require('./index-f3d7c03d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 
 function getClassList(classes) {
   if (classes) {
@@ -32,7 +33,7 @@ function createColorClasses(color) {
     : null;
 }
 function hostContext(selector, el) {
-  return !!index.findParent(el, selector);
+  return !!overlays.findParent(el, selector);
 }
 
 exports.createColorClasses = createColorClasses;

package/dist/cjs/{tippy.esm-b96d95b7.js → tippy.esm-7519a1a1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./index-f3d7c03d.js');
+require('./overlays-b6c94fc8.js');
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/cjs/{video-player-helpers-fdcdbae2.js → video-player-helpers-d62ecb02.js}

@@ -1,19 +1,20 @@
 'use strict';
 
-const index = require('./index-f3d7c03d.js');
-const index$1 = require('./index-fc264952.js');
+const overlays = require('./overlays-b6c94fc8.js');
+const index = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
 
 function getSourceType(field) {
   const source = getVideoPlayerFieldSource(field);
-  if ((field === null || field === void 0 ? void 0 : field.mode) === 'youtube' || index.isYoutubeSource(source)) {
+  if ((field === null || field === void 0 ? void 0 : field.mode) === 'youtube' || overlays.isYoutubeSource(source)) {
     return 'youtube';
   }
-  else if (index.isDailymotionSource(source)) {
+  else if (overlays.isDailymotionSource(source)) {
     return 'dailymotion';
   }
-  else if (index.isVimeoSource(source)) {
+  else if (overlays.isVimeoSource(source)) {
     return 'vimeo';
   }
   return 'videojs';
@@ -22,7 +23,7 @@ function isNumeric(item) {
   return /^\d+$/.test(item);
 }
 function getVideoPlayerFieldSource(field) {
-  return index.getVariantValue(field.videoVariants) || field.url || field.value || field.videoData || '';
+  return overlays.getVariantValue(field.videoVariants) || field.url || field.value || field.videoData || '';
 }
 function fixVideoSource(field) {
   const source = getVideoPlayerFieldSource(field);
@@ -30,15 +31,15 @@ function fixVideoSource(field) {
   const videoId = arr && arr[arr.length - 1];
   let newSource = lodash.isString(source) ? source : null;
   if (source) {
-    newSource = index.isFile(source) ? URL.createObjectURL(source) : source;
+    newSource = overlays.isFile(source) ? URL.createObjectURL(source) : source;
   }
   if (!videoId) {
     return newSource;
   }
-  if (index.isDailymotionSource(newSource)) {
+  if (overlays.isDailymotionSource(newSource)) {
     newSource = 'https://www.dailymotion.com/embed/video/' + videoId;
   }
-  if (index.isVimeoSource(newSource)) {
+  if (overlays.isVimeoSource(newSource)) {
     return fixVimeoSource(newSource);
   }
   return newSource;
@@ -73,10 +74,10 @@ function openVideoPlayerInModal(type, coreParams, modalParams) {
     videoPlayerCoreParameters,
     modalOptions
   };
-  if (index.isNativeMobile()) {
-    index.StatusBar.hide();
+  if (overlays.isNativeMobile()) {
+    overlays.StatusBar.hide();
   }
-  return index.showModal(videoModal, options, null, index.isWeb() ? 'fadeEnterAnimation' : 'slideXEnterAnimation', index.isWeb() ? 'fadeLeaveAnimation' : 'slideXLeaveAnimation', true);
+  return overlays.showModal(videoModal, options, null, overlays.isWeb() ? 'fadeEnterAnimation' : 'slideXEnterAnimation', overlays.isWeb() ? 'fadeLeaveAnimation' : 'slideXLeaveAnimation', true);
 }
 function getYoutubeId(source) {
   let id = '';
@@ -97,7 +98,7 @@ function getVimeoPlayerAPI() {
     return Promise.resolve(window.Vimeo);
   }
   else {
-    return index.loadScript('https://player.vimeo.com/api/player.js')
+    return overlays.loadScript('https://player.vimeo.com/api/player.js')
       .then(() => {
       return Promise.resolve(window.Vimeo);
     })
@@ -111,7 +112,7 @@ function getYoutubeIFrameAPI() {
     return Promise.resolve(window.YT);
   }
   else {
-    return index.loadScript('https://www.youtube.com/iframe_api')
+    return overlays.loadScript('https://www.youtube.com/iframe_api')
       .then(() => {
       return new Promise((resolve) => {
         setTimeout(() => {
@@ -129,7 +130,7 @@ function getDailymotionPlayerAPI(hosts) {
     return Promise.resolve(window.DM);
   }
   else {
-    return index.loadScript('https://api.dmcdn.net/all.js')
+    return overlays.loadScript('https://api.dmcdn.net/all.js')
       .then(() => {
       return new Promise((resolve) => {
         // making Dailymotion's $ function Shadow DOM compatible
@@ -158,10 +159,10 @@ function getVideoId(source) {
   return source;
 }
 function updateCloudinaryDim(source, width, height) {
-  if (!index.isCloudinaryLink(source)) {
+  if (!overlays.isCloudinaryLink(source)) {
     return source;
   }
-  const newSource = new index.Cloudinary(source);
+  const newSource = new overlays.Cloudinary(source);
   if (width) {
     newSource.width(width);
   }
@@ -180,9 +181,9 @@ function getVideoSubtitlesFromFiles(field) {
     const arr = ((variant === null || variant === void 0 ? void 0 : variant.length) ? [variant[LANGUAGE_INDEX]] : undefined) || ((_a = ((file === null || file === void 0 ? void 0 : file._filename) || (file === null || file === void 0 ? void 0 : file.name))) === null || _a === void 0 ? void 0 : _a.replace('.', '_').split('_'));
     let object = { label: 'UNKNOWN', srclang: 'en', variant };
     if (arr && arr[0]) {
-      const foundIndex = index$1.FORM_MULTI_LANGUAGES_DATA.findIndex(item => item.value === arr[0]);
-      if (index$1.FORM_MULTI_LANGUAGES_DATA[foundIndex]) {
-        const foundItem = index$1.FORM_MULTI_LANGUAGES_DATA[foundIndex];
+      const foundIndex = index.FORM_MULTI_LANGUAGES_DATA.findIndex(item => item.value === arr[0]);
+      if (index.FORM_MULTI_LANGUAGES_DATA[foundIndex]) {
+        const foundItem = index.FORM_MULTI_LANGUAGES_DATA[foundIndex];
         object = { label: foundItem.title, srclang: foundItem.value, variant };
       }
     }

package/dist/cjs/{web-77ebc44e.js → web-1cd2a2af.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const index = require('./index-f3d7c03d.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
-class SplashScreenWeb extends index.WebPlugin {
+class SplashScreenWeb extends overlays.WebPlugin {
     async show(_options) {
         return undefined;
     }

package/dist/cjs/{web-8af7630b.js → web-5dd99261.js}

@@ -1,12 +1,13 @@
 'use strict';
 
-const index = require('./index-f3d7c03d.js');
-const cameraHelpers = require('./camera-helpers-7d48ffe0.js');
+const overlays = require('./overlays-b6c94fc8.js');
+const cameraHelpers = require('./camera-helpers-e092e5bd.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-1fdbd9b3.js');
 
-class CameraWeb extends index.WebPlugin {
+class CameraWeb extends overlays.WebPlugin {
     async getPhoto(options) {
         // eslint-disable-next-line no-async-promise-executor
         return new Promise(async (resolve, reject) => {
@@ -57,7 +58,7 @@ class CameraWeb extends index.WebPlugin {
                 cameraModal.addEventListener('onPhoto', async (e) => {
                     const photo = e.detail;
                     if (photo === null) {
-                        reject(new index.CapacitorException('User cancelled photos app'));
+                        reject(new overlays.CapacitorException('User cancelled photos app'));
                     }
                     else if (photo instanceof Error) {
                         reject(photo);

package/dist/cjs/{web-7708d346.js → web-765935d9.js}

@@ -1,11 +1,11 @@
 'use strict';
 
-const index = require('./index-f3d7c03d.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
-class CameraPreviewWeb extends index.WebPlugin {
+class CameraPreviewWeb extends overlays.WebPlugin {
     constructor() {
         super({
             name: "CameraPreview",

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

@@ -2,11 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.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)}";
 
@@ -15,7 +16,7 @@ const YooAboutComponent = class {
     index.registerInstance(this, hostRef);
   }
   render() {
-    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "inner-container" }, index.h("img", { class: "logo", src: this.logo, alt: "YOOBIC Logo" }), index.h("p", { class: "app-name" }, this.app), index.h("div", { class: "content-container" }, index.h("div", { class: "information" }, this.app, " ", index$1.isChromatic() ? '' : this.version), index.h("div", { class: "information" }, "\u00A9 2014 - ", new Date().getFullYear(), " Yoobic Ltd."), index.h("div", { class: "information" }, index$1.translate('DEVICE'), ": ", index$1.translate('GRADE'), " ", index$1.getGrade(), " - ", index$1.getDeviceType(), " - ", index$1.getOS())), index.h("div", { class: "links-container" }, this.twitter && (index.h("a", { href: this.twitter, target: "_blank" }, index.h("yoo-icon", { name: "twitter", color: "stable" }))), this.linkedin && (index.h("a", { href: this.linkedin, target: "_blank" }, index.h("yoo-icon", { name: "linkedin", color: "stable" }))))), index.h("div", { class: "footer-container" }, index.h("yoo-copyright", null))));
+    return (index.h("div", { class: "outer-container" }, index.h("div", { class: "inner-container" }, index.h("img", { class: "logo", src: this.logo, alt: "YOOBIC Logo" }), index.h("p", { class: "app-name" }, this.app), index.h("div", { class: "content-container" }, index.h("div", { class: "information" }, this.app, " ", overlays.isChromatic() ? '' : this.version), index.h("div", { class: "information" }, "\u00A9 2014 - ", new Date().getFullYear(), " Yoobic Ltd."), index.h("div", { class: "information" }, overlays.translate('DEVICE'), ": ", overlays.translate('GRADE'), " ", overlays.getGrade(), " - ", overlays.getDeviceType(), " - ", overlays.getOS())), index.h("div", { class: "links-container" }, this.twitter && (index.h("a", { href: this.twitter, target: "_blank" }, index.h("yoo-icon", { name: "twitter", color: "stable" }))), this.linkedin && (index.h("a", { href: this.linkedin, target: "_blank" }, index.h("yoo-icon", { name: "linkedin", color: "stable" }))))), index.h("div", { class: "footer-container" }, index.h("yoo-copyright", null))));
   }
 };
 YooAboutComponent.style = aboutCss;

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const button_factory = require('./button.factory-0133597a.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const button_factory = require('./button.factory-a01664d3.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
-require('./index-1ff4deca.js');
+require('./index-933cab98.js');
+require('./index-de8540eb.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))}";
 
@@ -23,7 +24,7 @@ const YooAccordionComponent = class {
     /**
      * Set to false to disable animation transition in the component
      */
-    this.animated = !index$1.isChromatic();
+    this.animated = !overlays.isChromatic();
     /**
      * adds a search filter to the master title
      */
@@ -81,7 +82,7 @@ const YooAccordionComponent = class {
     this.items = [...this.items];
   }
   closeSingleSelection(index) {
-    if (!index$1.isNullOrUndefined(index)) {
+    if (!overlays.isNullOrUndefined(index)) {
       this.items[index].selected = false;
     }
   }
@@ -165,20 +166,20 @@ const YooAccordionComponent = class {
         if (this.previousSelectedIndex > currentIndex) {
           const animationNumber = this.previousSelectedIndex - this.selectedIndex;
           if (itemIndex > currentIndex && animationNumber > count) {
-            index$1.setAnimation(index$1.animations.slideVertical, this.accordionSelectors[itemIndex], { up: false, distance, open: true });
+            overlays.setAnimation(overlays.animations.slideVertical, this.accordionSelectors[itemIndex], { up: false, distance, open: true });
             count += 1;
           }
         }
         else if (currentIndex > this.previousSelectedIndex && this.previousSelectedIndex !== null) {
           const animationNumber = currentIndex - this.previousSelectedIndex;
           if (itemIndex > this.previousSelectedIndex && animationNumber > count) {
-            index$1.setAnimation(index$1.animations.slideVertical, this.accordionSelectors[itemIndex], { up: true, distance, open: true });
+            overlays.setAnimation(overlays.animations.slideVertical, this.accordionSelectors[itemIndex], { up: true, distance, open: true });
             count += 1;
           }
         }
         else {
           if (itemIndex > currentIndex) {
-            index$1.setAnimation(index$1.animations.slideVertical, this.accordionSelectors[itemIndex], { up: isAnimatedUp, distance, open: true });
+            overlays.setAnimation(overlays.animations.slideVertical, this.accordionSelectors[itemIndex], { up: isAnimatedUp, distance, open: true });
           }
         }
       });
@@ -196,17 +197,17 @@ const YooAccordionComponent = class {
   renderTag(item) {
     return item.tagElements && index.h("yoo-tag", { innerHTML: item.tagElements.innerHTML, color: item.tagElements.color });
   }
-  renderAccordionTitle(item, index$2, masterTitle = false, masterSearch = false) {
+  renderAccordionTitle(item, index$1, masterTitle = false, masterSearch = false) {
     var _a;
-    const title = index$1.translate(item.title);
+    const title = overlays.translate(item.title);
     return [
       index.h("div", { class: {
           'title-container': true,
           'master-title': masterTitle,
           'active-title': item.selected,
           'active-title-sub': this.isSubMenu,
-          'selected-handler-item': item.selected && !index$1.isNullOrUndefined(item.handler)
-        }, onClick: () => this.onAccordionClick(item, index$2) }, index.h("div", { class: "left-container" }, this.iconPairLeft && !masterTitle && this.renderIconPair(item, this.iconPairLeft), !!item.notif && !lodash.isNumber(item.notif) && index.h("yoo-badge", { class: "dot", shape: "dot" }), item.icon && index.h("yoo-icon", { name: item.icon, color: item.selected && !index$1.isNullOrUndefined(item.handler) ? 'app-color' : item.iconColor || 'text-color' }), index.h("div", { class: { 'title': true, [item.color || '']: true } }, index.h("yoo-truncated-line", { tooltipPlacement: "right", content: title })), item.subItemCount > -1 && index.h("span", { class: "count" }, item.subItemCount)), index.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 && lodash.isNumber(item.notif) && index.h("yoo-badge", { text: item.notif.toLocaleString() }), ((_a = item.tagElements) === null || _a === void 0 ? void 0 : _a.tooltip) ? (index.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)), index.h("slot", { name: "header" }))),
+          'selected-handler-item': item.selected && !overlays.isNullOrUndefined(item.handler)
+        }, onClick: () => this.onAccordionClick(item, index$1) }, index.h("div", { class: "left-container" }, this.iconPairLeft && !masterTitle && this.renderIconPair(item, this.iconPairLeft), !!item.notif && !lodash.isNumber(item.notif) && index.h("yoo-badge", { class: "dot", shape: "dot" }), item.icon && index.h("yoo-icon", { name: item.icon, color: item.selected && !overlays.isNullOrUndefined(item.handler) ? 'app-color' : item.iconColor || 'text-color' }), index.h("div", { class: { 'title': true, [item.color || '']: true } }, index.h("yoo-truncated-line", { tooltipPlacement: "right", content: title })), item.subItemCount > -1 && index.h("span", { class: "count" }, item.subItemCount)), index.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 && lodash.isNumber(item.notif) && index.h("yoo-badge", { text: item.notif.toLocaleString() }), ((_a = item.tagElements) === null || _a === void 0 ? void 0 : _a.tooltip) ? (index.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)), index.h("slot", { name: "header" }))),
       item.slotName && item.selected && index.h("slot", { name: item.slotName }),
       masterSearch && (index.h("yoo-form-input", { class: "search accordion-search", size: "medium", iconPrefix: "search", placeholder: "SEARCH", onInputChanged: (ev) => this.searchInputChanged.emit(ev.detail) }))
     ];
@@ -224,7 +225,7 @@ const YooAccordionComponent = class {
     return this.renderAccordionTitle(item, -1, true, this.masterSearch);
   }
   renderAccordions() {
-    return this.items.map((item, index$2) => (index.h("div", { class: { 'accordion-selector': true, relative: item.blurContent }, ref: (el) => (this.accordionSelectors[index$2] = el) }, this.renderAccordionTitle(item, index$2), item.subTitle && index.h("div", { class: "subtitle" }, index$1.translate(item.subTitle)), item.selected && this.renderExpandedItems(item, index$2), item.hasDivider && index.h("div", { class: "divider" }), item.blurContent && index.h("div", { class: "blur-overlay" }))));
+    return this.items.map((item, index$1) => (index.h("div", { class: { 'accordion-selector': true, relative: item.blurContent }, ref: (el) => (this.accordionSelectors[index$1] = el) }, this.renderAccordionTitle(item, index$1), item.subTitle && index.h("div", { class: "subtitle" }, overlays.translate(item.subTitle)), item.selected && this.renderExpandedItems(item, index$1), item.hasDivider && index.h("div", { class: "divider" }), item.blurContent && index.h("div", { class: "blur-overlay" }))));
   }
   render() {
     return (index.h(index.Host, { class: { 'bottom-border': this.showBottomBorder } }, index.h("div", { class: "outer-container" }, this.masterTitle && this.renderMasterTitle(), this.masterSearch ? index.h("div", { class: "scroll-container" }, this.renderAccordions()) : this.renderAccordions())));

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

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const overlays = require('./overlays-47adbee7.js');
-require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const overlays = require('./overlays-40e17096.js');
+require('./index-1fdbd9b3.js');
+require('./overlays-b6c94fc8.js');
 require('./lodash-597bda6d.js');
+require('./index-de8540eb.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
 
 const YooIonActionSheetControllerComponent = class {
   constructor(hostRef) {

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

@@ -2,14 +2,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const overlays = require('./overlays-47adbee7.js');
-const theme = require('./theme-0e8633ea.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays$1 = require('./overlays-40e17096.js');
+const theme = require('./theme-6460911b.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.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}";
 
@@ -49,22 +50,22 @@ const YooActionSheetComponent = class {
     commonHelpers.lifecycleEvents(modalEvent, this.usersElement, LIFECYCLE_MAP);
   }
   async present() {
-    return index$1.present(this, () => index$1.setAnimation(this.DEFAULT_ANIMATION, commonHelpers.querySelectorDeep(this.host, 'div.outer-container'), { open: true }).finished);
+    return overlays.present(this, () => overlays.setAnimation(this.DEFAULT_ANIMATION, commonHelpers.querySelectorDeep(this.host, 'div.outer-container'), { open: true }).finished);
   }
   async dismiss(data, role, overlayDismiss = false) {
-    return index$1.dismiss(this, data, role, overlayDismiss, () => index$1.setAnimation(this.DEFAULT_ANIMATION, commonHelpers.querySelectorDeep(this.host, 'div.outer-container')).finished);
+    return overlays.dismiss(this, data, role, overlayDismiss, () => overlays.setAnimation(this.DEFAULT_ANIMATION, commonHelpers.querySelectorDeep(this.host, 'div.outer-container')).finished);
   }
   async onWillPresent(callback) {
-    return overlays.eventMethod(this.host, 'ionActionSheetWillPresent', callback);
+    return overlays$1.eventMethod(this.host, 'ionActionSheetWillPresent', callback);
   }
   async onDidPresent(callback) {
-    return overlays.eventMethod(this.host, 'ionActionSheetDidPresent', callback);
+    return overlays$1.eventMethod(this.host, 'ionActionSheetDidPresent', callback);
   }
   async onDidDismiss(callback) {
-    return overlays.eventMethod(this.host, 'ionActionSheetDidDismiss', callback);
+    return overlays$1.eventMethod(this.host, 'ionActionSheetDidDismiss', callback);
   }
   async onWillDismiss(callback) {
-    return overlays.eventMethod(this.host, 'ionActionSheetWillDismiss', callback);
+    return overlays$1.eventMethod(this.host, 'ionActionSheetWillDismiss', callback);
   }
   componentWillLoad() {
     this.onReady = this.onDidPresent().then(() => null);
@@ -104,7 +105,7 @@ const YooActionSheetComponent = class {
            * As for new safari 15.2+ security policy, the action of copylink need to be
            * directly called from the onClick and not in a procedural way ( to prevent script injections )
            */
-          index$1.copyToClipboard(button.handler());
+          overlays.copyToClipboard(button.handler());
         }
         this.actionSelected.emit(button);
         (_a = button.handler) === null || _a === void 0 ? void 0 : _a.call(button, ev);
@@ -121,7 +122,7 @@ const YooActionSheetComponent = class {
   }
   onItemTouchStart(targetDiv) {
     targetDiv.classList.add('tapped');
-    if (!index$1.isNativeMobile()) {
+    if (!overlays.isNativeMobile()) {
       setTimeout(() => targetDiv.classList.remove('tapped'), 1000);
     }
   }
@@ -132,13 +133,13 @@ const YooActionSheetComponent = class {
   renderButtonIcon(button) {
     return (index.h("div", { class: { 'icon-container': true } }, index.h("yoo-icon", { size: "medium", name: button === null || button === void 0 ? void 0 : button.icon, color: (button === null || button === void 0 ? void 0 : button.iconColor) || 'text-color' })));
   }
-  renderLiButton(buttons, button, index$2) {
-    const hasText = index$1.isPresent(button.text);
-    const hasDescription = index$1.isPresent(button.description);
+  renderLiButton(buttons, button, index$1) {
+    const hasText = overlays.isPresent(button.text);
+    const hasDescription = overlays.isPresent(button.description);
     const text = hasText ? button.text : hasDescription ? button.description : '';
     const description = hasText && hasDescription ? button.description : undefined;
-    const lastIndex = index$2 === buttons.length - 1;
-    const firstIndex = index$2 === 0;
+    const lastIndex = index$1 === buttons.length - 1;
+    const firstIndex = index$1 === 0;
     return (index.h("li", { class: {
         'action-click inner-container': true,
         icon: button.icon && button.icon.length > 0,
@@ -148,13 +149,13 @@ 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$2] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index$2]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index$2]) }, button.icon && this.renderButtonIcon(button), index.h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (index.h("span", { class: { beta: button.isBeta } }, index.h("span", { innerHTML: text }), " ", index.h("yoo-tag", { color: "app-color" }, index$1.translate('BETA')))) : (index.h("span", { innerHTML: text })), description && index.h("div", { class: "description-container" }, description)), (lodash.isNumber(button.notif) || lodash.isString(button.notif) || lodash.isBoolean(button.notif)) && (index.h("div", { class: "badge-container" }, index.h("div", { class: "flex" }), lodash.isNumber(button.notif) && button.notif > 0 && index.h("yoo-badge", { text: button.notif.toLocaleString() }), lodash.isString(button.notif) && button.notif.length > 0 && index.h("yoo-badge", { text: button.notif }), lodash.isBoolean(button.notif) && button.notif == true && index.h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (index.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$1] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index$1]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index$1]) }, button.icon && this.renderButtonIcon(button), index.h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (index.h("span", { class: { beta: button.isBeta } }, index.h("span", { innerHTML: text }), " ", index.h("yoo-tag", { color: "app-color" }, overlays.translate('BETA')))) : (index.h("span", { innerHTML: text })), description && index.h("div", { class: "description-container" }, description)), (lodash.isNumber(button.notif) || lodash.isString(button.notif) || lodash.isBoolean(button.notif)) && (index.h("div", { class: "badge-container" }, index.h("div", { class: "flex" }), lodash.isNumber(button.notif) && button.notif > 0 && index.h("yoo-badge", { text: button.notif.toLocaleString() }), lodash.isString(button.notif) && button.notif.length > 0 && index.h("yoo-badge", { text: button.notif }), lodash.isBoolean(button.notif) && button.notif == true && index.h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (index.h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
   }
   renderBottomContainer() {
-    return (index.h("div", { class: "bottom-container" }, index.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) }, index$1.translate('CANCEL'))));
+    return (index.h("div", { class: "bottom-container" }, index.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) }, overlays.translate('CANCEL'))));
   }
   renderHeader() {
-    return (this.heading && (index.h("div", { class: "heading-container" }, index.h("span", null, index$1.translate(this.heading)))));
+    return (this.heading && (index.h("div", { class: "heading-container" }, index.h("span", null, overlays.translate(this.heading)))));
   }
   renderTopContainer() {
     var _a;
@@ -162,7 +163,7 @@ const YooActionSheetComponent = class {
     return (index.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) }, index.h("div", { style: { 'max-height': `${Math.round(0.84 * (((_a = this.outerDiv) === null || _a === void 0 ? void 0 : _a.offsetHeight) || window.innerHeight))}px` } }, index.h("div", { class: "heading-wrapper" }, this.renderHeader()), index.h("ul", { class: "inner", ref: (el) => (this.innerDiv = el) }, buttons.map((button, index) => this.renderLiButton(buttons, button, index))))));
   }
   render() {
-    return (index.h(index.Host, { class: { ...theme.createThemedClasses(null, this.cssClass ? this.cssClass : ''), 'mobile-emulate': !index$1.isNativeMobile() } }, index.h("div", { class: "full-page-container", ref: (el) => (this.outerDiv = el) }, index.h("div", { ref: (el) => (this.overlay = el), class: "overlay", onClick: () => this.onOverlayClick(), style: { 'z-index': (20000 + this.overlayId).toString() } }), index.h("div", { class: "outer-container", style: { 'z-index': (20001 + this.overlayId).toString() } }, this.renderTopContainer(), this.renderBottomContainer()))));
+    return (index.h(index.Host, { class: { ...theme.createThemedClasses(null, this.cssClass ? this.cssClass : ''), 'mobile-emulate': !overlays.isNativeMobile() } }, index.h("div", { class: "full-page-container", ref: (el) => (this.outerDiv = el) }, index.h("div", { ref: (el) => (this.overlay = el), class: "overlay", onClick: () => this.onOverlayClick(), style: { 'z-index': (20000 + this.overlayId).toString() } }), index.h("div", { class: "outer-container", style: { 'z-index': (20001 + this.overlayId).toString() } }, this.renderTopContainer(), this.renderBottomContainer()))));
   }
   get host() { return index.getElement(this); }
 };