@yoobic/yobi 8.2.0-7 → 8.2.0

package/dist/design-system/readonly-card-a1c05d52.js

@@ -0,0 +1,14 @@
+import { T as translateMulti } from './index-8124f773.js';
+import { h } from './index-019c1b1a.js';
+
+const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {
+  const classes = typeof classNames === 'string' ? classNames : Object.keys(classNames).join(' ');
+  return h("div", { class: { [classes]: !!classes, 'readonly-card': true } }, (!!value && (Array.isArray(value) ? value : [value])).map((val) => {
+    var _a, _b;
+    const isCorrect = answer === null || answer === void 0 ? void 0 : answer.includes(val);
+    const title = (_a = values === null || values === void 0 ? void 0 : values.find((v) => (v === null || v === void 0 ? void 0 : v.value) === val)) === null || _a === void 0 ? void 0 : _a.title;
+    return h("div", { class: { text: true, valid: answer && isCorrect, invalid: answer && !isCorrect }, style: { color: (_b = valuesColor === null || valuesColor === void 0 ? void 0 : valuesColor.find(e => e.key === val)) === null || _b === void 0 ? void 0 : _b.value }, innerHTML: translateMulti(title || val) });
+  }));
+};
+
+export { ReadonlyCard as R };

package/dist/design-system/swiper-c95eccaa.js

@@ -0,0 +1,11 @@
+import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-9f9e25fe.js';
+export { S as Swiper } from './yoo-ion-slides-9f9e25fe.js';
+import './index-019c1b1a.js';
+import './index-8124f773.js';
+import './lodash-063b88d5.js';
+import './_commonjsHelpers-f4d11124.js';
+import './index-cbc2c080.js';
+import './common-helpers-882ed431.js';
+import './theme-7dc3b7a0.js';
+
+Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/{esm/theme-816d1799.js → design-system/theme-7dc3b7a0.js}

@@ -1,4 +1,4 @@
-import { r as findParent } from './index-0ca062eb.js';
+import { r as findParent } from './index-8124f773.js';
 
 function getClassList(classes) {
   if (classes) {

package/dist/{esm/tippy.esm-bc98eb52.js → design-system/tippy.esm-ccb3ca84.js}

@@ -1,4 +1,4 @@
-import './index-0ca062eb.js';
+import './index-8124f773.js';
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/design-system/{video-player-helpers-1d9a11bd.js → video-player-helpers-d1807f6e.js}

@@ -1,7 +1,7 @@
-import { bK as getVariantValue, bL as isYoutubeSource, bM as isDailymotionSource, bN as isVimeoSource, am as isFile, d as isNativeMobile, bO as StatusBar, n as showModal, o as isWeb, bP as loadScript, ar as isCloudinaryLink, k as Cloudinary } from './index-0ca062eb.js';
-import { N as FORM_MULTI_LANGUAGES_DATA } from './index-93c86f26.js';
-import { p as isString, W as find } from './lodash-494e728c.js';
-import { q as querySelectorDeep } from './common-helpers-a2613dd7.js';
+import { bL as getVariantValue, bM as isYoutubeSource, bN as isDailymotionSource, bO as isVimeoSource, am as isFile, d as isNativeMobile, bP as StatusBar, n as showModal, o as isWeb, bQ as loadScript, ar as isCloudinaryLink, k as Cloudinary } from './index-8124f773.js';
+import { N as FORM_MULTI_LANGUAGES_DATA } from './index-cbc2c080.js';
+import { p as isString, X as find } from './lodash-063b88d5.js';
+import { q as querySelectorDeep } from './common-helpers-882ed431.js';
 
 function getSourceType(field) {
   const source = getVideoPlayerFieldSource(field);

package/dist/{esm/web-a6788e48.js → design-system/web-47a784be.js}

@@ -1,7 +1,7 @@
-import { fD as WebPlugin } from './index-0ca062eb.js';
-import './lodash-494e728c.js';
+import { fG as WebPlugin } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-cbc2c080.js';
 
 class CameraPreviewWeb extends WebPlugin {
     constructor() {

package/dist/design-system/{web-c394a805.js → web-7938ed17.js}

@@ -1,7 +1,7 @@
-import { fD as WebPlugin } from './index-0ca062eb.js';
-import './lodash-494e728c.js';
+import { fG as WebPlugin } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-cbc2c080.js';
 
 class SplashScreenWeb extends WebPlugin {
     async show(_options) {

package/dist/{esm/web-9eb0f25c.js → design-system/web-ac69938c.js}

@@ -1,8 +1,8 @@
-import { fD as WebPlugin, fE as CapacitorException } from './index-0ca062eb.js';
-import { C as CameraSource, e as CameraDirection } from './camera-helpers-cba07d73.js';
-import './lodash-494e728c.js';
+import { fG as WebPlugin, fH as CapacitorException } from './index-8124f773.js';
+import { C as CameraSource, e as CameraDirection } from './camera-helpers-6229405f.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-cbc2c080.js';
 
 class CameraWeb extends WebPlugin {
     async getPhoto(options) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-019c1b1a.js';
-import { i as isChromatic, t as translate, g as getGrade, a as getDeviceType, b as getOS } from './index-0ca062eb.js';
-import './lodash-494e728c.js';
+import { i as isChromatic, t as translate, g as getGrade, a as getDeviceType, b as getOS } from './index-8124f773.js';
+import './lodash-063b88d5.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-cbc2c080.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/design-system/yoo-accordion.entry.js

@@ -1,10 +1,11 @@
 import { r as registerInstance, i as createEvent, h, e as Host } from './index-019c1b1a.js';
-import { i as isChromatic, R as isNullOrUndefined, w as setAnimation, x as animations, t as translate } from './index-0ca062eb.js';
-import { l as isNumber } from './lodash-494e728c.js';
-import { g as getButton } from './button.factory-319699ea.js';
-import { k as execHandlerAndStopEvent } from './common-helpers-a2613dd7.js';
+import { i as isChromatic, R as isNullOrUndefined, w as setAnimation, x as animations, t as translate } from './index-8124f773.js';
+import { l as isNumber } from './lodash-063b88d5.js';
+import { g as getButton } from './button.factory-805a0fb3.js';
+import { k as execHandlerAndStopEvent } from './common-helpers-882ed431.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-cbc2c080.js';
+import './index-86d36134.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))}";
 

package/dist/design-system/yoo-action-sheet-controller.entry.js

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

package/dist/design-system/yoo-action-sheet.entry.js

@@ -1,13 +1,13 @@
 import { r as registerInstance, i as createEvent, h, e as Host, g as getElement } from './index-019c1b1a.js';
-import { cX as present, w as setAnimation, cY as dismiss, an as copyToClipboard, d as isNativeMobile, aE as isPresent, t as translate } from './index-0ca062eb.js';
-import { l as isNumber, p as isString, E as isBoolean } from './lodash-494e728c.js';
-import { l as lifecycleEvents, q as querySelectorDeep } from './common-helpers-a2613dd7.js';
-import { e as eventMethod } from './overlays-1e832b90.js';
-import { c as createThemedClasses } from './theme-816d1799.js';
+import { cY as present, w as setAnimation, cZ as dismiss, an as copyToClipboard, d as isNativeMobile, aE as isPresent, t as translate } from './index-8124f773.js';
+import { l as isNumber, p as isString, E as isBoolean } from './lodash-063b88d5.js';
+import { l as lifecycleEvents, q as querySelectorDeep } from './common-helpers-882ed431.js';
+import { e as eventMethod } from './overlays-39e84a2c.js';
+import { c as createThemedClasses } from './theme-7dc3b7a0.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-93c86f26.js';
+import './index-cbc2c080.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.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}";
+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}";
 
 const LIFECYCLE_MAP = {
   ionActionSheetDidPresent: 'ionViewDidEnter',
@@ -144,7 +144,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", null, 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'))));