@yoobic/yobi 8.2.0-2 → 8.2.0-20

package/dist/{esm/localForage-12d47828.js → design-system/localForage-fa90d39c.js}

@@ -1,4 +1,4 @@
-import { d as isNativeMobile, bc as isOffline, bd as getKeyToCache } from './index-dde1f033.js';
+import { d as isNativeMobile, bd as isOffline, be as getKeyToCache } from './index-b3476585.js';
 import { a as createCommonjsModule, c as commonjsGlobal, d as commonjsRequire } from './_commonjsHelpers-f4d11124.js';
 
 var localforage = createCommonjsModule(function (module, exports) {

package/dist/design-system/{lodash-494e728c.js → lodash-b0ad17f3.js}

@@ -18021,4 +18021,4 @@ if (symIterator) {
  * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors
  */
 
-export { flattenDeep as $, get as A, isNull as B, isUndefined as C, indexOf as D, isBoolean as E, isNil as F, omit as G, pick as H, includes as I, reduce as J, last as K, size as L, isFinite as M, assign as N, countBy as O, shuffle as P, difference as Q, set as R, inRange as S, sumBy as T, clamp as U, debounce as V, find as W, uniqBy as X, filter as Y, remove as Z, flatten as _, isArray as a, findIndex as a0, assignInWith as a1, findKey as a2, range as a3, result as a4, findLastIndex as a5, groupBy as a6, sum as a7, min as a8, max as a9, take as aa, merge as ab, partition as ac, concat as b, compact as c, isPlainObject as d, map as e, flatMap as f, global$1 as g, union as h, isFunction as i, camelCase as j, keys as k, isNumber as l, maxBy as m, capitalize as n, orderBy as o, isString as p, clone as q, round as r, isObject as s, isDate as t, uniq as u, isEmpty as v, intersection as w, isEqual as x, sortBy as y, cloneDeep as z };
+export { flatten as $, get as A, isNull as B, isUndefined as C, indexOf as D, isBoolean as E, isNil as F, omit as G, pick as H, includes as I, reduce as J, last as K, size as L, isFinite as M, assign as N, countBy as O, findIndex as P, shuffle as Q, difference as R, set as S, inRange as T, sumBy as U, clamp as V, debounce as W, find as X, uniqBy as Y, filter as Z, remove as _, isArray as a, flattenDeep as a0, assignInWith as a1, findKey as a2, range as a3, result as a4, findLastIndex as a5, groupBy as a6, sum as a7, min as a8, max as a9, take as aa, merge as ab, partition as ac, concat as b, compact as c, isPlainObject as d, map as e, flatMap as f, global$1 as g, union as h, isFunction as i, camelCase as j, keys as k, isNumber as l, maxBy as m, capitalize as n, orderBy as o, isString as p, clone as q, round as r, isObject as s, isDate as t, uniq as u, isEmpty as v, cloneDeep as w, intersection as x, isEqual as y, sortBy as z };

package/dist/design-system/{map-helpers-1dcaa4a9.js → map-helpers-32ada75c.js}

@@ -1,5 +1,5 @@
-import { c2 as cordova, ce as cordovaPropertyGet, cf as cordovaPropertySet, c3 as IonicNativePlugin, d as isNativeMobile, t as translate, v as isIOS, an as copyToClipboard, af as showActionSheet } from './index-dde1f033.js';
-import { e as map, O as countBy, y as sortBy } from './lodash-494e728c.js';
+import { c3 as cordova, cf as cordovaPropertyGet, cg as cordovaPropertySet, c4 as IonicNativePlugin, d as isNativeMobile, t as translate, v as isIOS, an as copyToClipboard, af as showActionSheet } from './index-b3476585.js';
+import { e as map, O as countBy, z as sortBy } from './lodash-b0ad17f3.js';
 
 var __extends = (undefined && undefined.__extends) || (function () {
     var extendStatics = function (d, b) {

package/dist/design-system/{mission-locked-banner-2bbd6746.js → mission-locked-banner-2711a556.js}

@@ -1,4 +1,4 @@
-import { cE as isMissionBookable, cF as canParticipateTo, cG as canPerformActionPlan, t as translate } from './index-dde1f033.js';
+import { cF as isMissionBookable, cG as canParticipateTo, cH as canPerformActionPlan, t as translate } from './index-b3476585.js';
 import { h } from './index-019c1b1a.js';
 
 const MissionLockedBanner = ({ mission }) => {
@@ -7,7 +7,8 @@ const MissionLockedBanner = ({ mission }) => {
     const isMissionLocked = !isActionPlan && !isMissionBookable(mission) && !canParticipateTo(mission);
     const isActionPlanLocked = isActionPlan && !canPerformActionPlan(mission) && !canParticipateTo(mission);
     if ((!mission.status || mission.status === 'booked') && (isMissionLocked || isActionPlanLocked)) {
-      return (h("yoo-banner", { mode: "card", class: "warning-banner mission-locked", leftIcon: "lock", leftIconColor: "warning", heading: translate('MISSIONLOCKEDBANNER') }));
+      return (h("yoo-banner", { leftIcon: { name: 'lock', color: 'warning' } },
+        h("p", { slot: "content" }, translate('MISSIONLOCKEDBANNER'))));
     }
   }
 };

package/dist/design-system/{missions-helpers-241313cb.js → missions-helpers-47462b46.js}

@@ -1,5 +1,5 @@
-import { cC as getMissionPublicationDate, aE as isPresent, cE as isMissionBookable, cF as canParticipateTo, cG as canPerformActionPlan, y as getCssColor, t as translate, _ as getSession, cA as isToday, cB as fromToday, Z as dateFormat, D as isDateAfter, T as translateMulti, cH as getAuthentication, W as pipes } from './index-dde1f033.js';
-import { l as isNumber, c as compact, X as uniqBy } from './lodash-494e728c.js';
+import { cD as getMissionPublicationDate, aE as isPresent, cF as isMissionBookable, cG as canParticipateTo, cH as canPerformActionPlan, y as getCssColor, t as translate, _ as getSession, cB as isToday, cC as fromToday, Z as dateFormat, D as isDateAfter, T as translateMulti, cI as getAuthentication, W as pipes } from './index-b3476585.js';
+import { l as isNumber, c as compact, Y as uniqBy } from './lodash-b0ad17f3.js';
 
 //#region ENTITIES
 function isMissionRequest(mission) {
@@ -61,7 +61,7 @@ function getMissionDate(mission, isOngoing) {
 }
 function getMissionProgress(mission, forceProgressDisplay) {
   var _a, _b;
-  const isActionPlanWithTodos = isMissionActionPlan(mission) && !!((_b = (_a = mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length);
+  const isActionPlanWithTodos = !!((_b = (_a = mission === null || mission === void 0 ? void 0 : mission.todo) === null || _a === void 0 ? void 0 : _a.values) === null || _b === void 0 ? void 0 : _b.length) && isMissionActionPlan(mission);
   if (isActionPlanWithTodos && (!isMissionDone(mission) || forceProgressDisplay)) {
     return {
       value: mission.todo.values.filter((todo) => { var _a, _b; return ((_a = todo.finished) === null || _a === void 0 ? void 0 : _a.value) === true || ((_b = todo.finished) === null || _b === void 0 ? void 0 : _b.value) === false; }).length,
@@ -144,8 +144,8 @@ function getMissionTags(mission, session = getSession()) {
   else {
     const duedate = getMissionDueDate(mission);
     if (duedate) {
-      let dueDateText = isToday(duedate) ? translate('TODAY').toLowerCase() : fromToday(duedate);
-      dueDateText = [translate('YESTERDAY'), translate('TOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
+      let dueDateText = isToday(duedate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(duedate);
+      dueDateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
       const title = translate('YOOBICDUEBY', { date: dueDateText, time: dateFormat(duedate, 'LT') });
       const color = isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
       tags.push({ _id: 'dueDate', title, customColor: getCssColor(color), icon: 'calendar' });
@@ -345,8 +345,8 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
     });
     const duedate = getMissionDueDate(mission);
     if (duedate) {
-      let dueDateText = isToday(duedate) ? translate('TODAY').toLowerCase() : fromToday(duedate);
-      dueDateText = [translate('YESTERDAY'), translate('TOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
+      let dueDateText = isToday(duedate) ? translate('YOOBICTODAY').toLowerCase() : fromToday(duedate);
+      dueDateText = [translate('YOOBICYESTERDAY'), translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
       const text = translate('YOOBICDUEBY', { date: dueDateText, time: dateFormat(duedate, 'LT') });
       const color = isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
       tags.push({
@@ -463,4 +463,4 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
 }
 //#endregion
 
-export { getMissionPriority as a, getMissionDueDate as b, getMissionTags as c, getWorkflowStepBadge as d, getMissionStateTags as e, getMissionUniqueKey as f, getMissionAddress as g, mapMissionToCardInboxEntry as m };
+export { getMissionPriority as a, getMissionDueDate as b, getMissionTags as c, getMissionProgress as d, getWorkflowStepBadge as e, getMissionStateTags as f, getMissionAddress as g, getMissionUniqueKey as h, mapMissionToCardInboxEntry as m };

package/dist/{esm/modal-animations-b1771b11.js → design-system/modal-animations-7cc604e9.js}

@@ -1,4 +1,4 @@
-import { c$ as slideExpandAnimation, d0 as scaleAnimation, cZ as fadeScaleAnimation, d1 as slideAnimation } from './index-dde1f033.js';
+import { d0 as slideExpandAnimation, d1 as scaleAnimation, c_ as fadeScaleAnimation, d2 as slideAnimation } from './index-b3476585.js';
 
 const DEFAULT_ANIMATIONS = {
   ENTER: 'slideXEnterAnimation',

package/dist/{esm/operation-helpers-6ceb53a4.js → design-system/operation-helpers-8f555bb1.js}

@@ -1,5 +1,5 @@
-import { X as isCampaignRecurring, t as translate, y as getCssColor, _ as getSession, $ as getProductBatchDelayInDays, W as pipes, o as isWeb, a0 as fromNow, a1 as getWaitlistVisitLastAlertDate, a2 as isCampaignActive } from './index-dde1f033.js';
-import { l as isNumber, z as cloneDeep } from './lodash-494e728c.js';
+import { X as isCampaignRecurring, t as translate, y as getCssColor, _ as getSession, $ as getProductBatchDelayInDays, W as pipes, o as isWeb, a0 as fromNow, a1 as getWaitlistVisitLastAlertDate, a2 as isCampaignActive } from './index-b3476585.js';
+import { l as isNumber, w as cloneDeep } from './lodash-b0ad17f3.js';
 
 function getCampaignTemplateTags(template) {
   var _a, _b;
@@ -294,7 +294,12 @@ function cleanupTodoTaskSlides(slidesTodoTask, cleanDueDate) {
     slidesTodoTask.forEach((s) => {
       var _a;
       (_a = s === null || s === void 0 ? void 0 : s.items) === null || _a === void 0 ? void 0 : _a.forEach((f) => {
-        if (f.name === 'allowLibrary' || f.name === 'finished' || f.name === 'hasphoto' || f.name === 'isphotorequired' || f.name === 'text' || (f.name === 'duedate' && cleanDueDate)) {
+        if (f.name === 'allowLibrary' ||
+          f.name === 'finished' ||
+          f.name === 'hasphoto' ||
+          f.name === 'isphotorequired' ||
+          f.name === 'text' ||
+          (f.name === 'duedate' && cleanDueDate)) {
           f.deleteOnHidden = false;
           f.hideInReadOnly = true;
         }
@@ -304,11 +309,19 @@ function cleanupTodoTaskSlides(slidesTodoTask, cleanDueDate) {
   return slidesTodoTask;
 }
 function getCampaignStateTags(campaign, removeStats) {
-  var _a, _b;
+  var _a, _b, _c;
   const retVal = [];
   if (!campaign) {
     return [];
   }
+  if (((_a = campaign === null || campaign === void 0 ? void 0 : campaign.reviewState) === null || _a === void 0 ? void 0 : _a.state) && campaign.reviewState.state !== 'cancel') {
+    const icon = campaign.reviewState.state === 'request' ? 'eye' : campaign.reviewState.state === 'reject' ? 'warning' : 'like';
+    const color = campaign.reviewState.state === 'request' ? 'warning' : campaign.reviewState.state === 'reject' ? 'danger' : 'success';
+    retVal.push({
+      innerHTML: `<yoo-icon slot="start" name="${icon}" color="light" size="small"></yoo-icon>` + translate('YOOBICCAMPAIGNREVIEWSTATE' + campaign.reviewState.state.toUpperCase()),
+      color
+    });
+  }
   if (campaign.uniqueKeyPrefix) {
     retVal.push({
       innerHTML: campaign.uniqueKeyPrefix,
@@ -334,13 +347,13 @@ function getCampaignStateTags(campaign, removeStats) {
       iconOnlySize: 'medium'
     });
   }
-  if ((_a = campaign.type) === null || _a === void 0 ? void 0 : _a.toUpperCase) {
+  if ((_b = campaign.type) === null || _b === void 0 ? void 0 : _b.toUpperCase) {
     retVal.push({
       innerHTML: translate(campaign.type === 'todo' ? 'CAMPAIGNTODO' : campaign.type.toUpperCase()),
       color: campaign.active ? 'app-color-10' : 'text-color-10'
     });
   }
-  if ((_b = campaign.category) === null || _b === void 0 ? void 0 : _b.title) {
+  if ((_c = campaign.category) === null || _c === void 0 ? void 0 : _c.title) {
     retVal.push({
       innerHTML: translate(campaign.category.title),
       customColor: campaign.category.color

package/dist/{esm/overlays-527da268.js → design-system/overlays-91facc0b.js}

@@ -1,4 +1,4 @@
-import { c as isFullScreenFalse } from './index-dde1f033.js';
+import { c as isFullScreenFalse } from './index-b3476585.js';
 
 let lastId = 1;
 const BACKDROP = 'backdrop';

package/dist/design-system/readonly-card-32f59c08.js

@@ -0,0 +1,14 @@
+import { T as translateMulti } from './index-b3476585.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-9d355e9e.js

@@ -0,0 +1,11 @@
+import { S as Swiper, P as Pagination, A as Autoplay, a as Scrollbar } from './yoo-ion-slides-e9307ff5.js';
+export { S as Swiper } from './yoo-ion-slides-e9307ff5.js';
+import './index-019c1b1a.js';
+import './index-b3476585.js';
+import './lodash-b0ad17f3.js';
+import './_commonjsHelpers-f4d11124.js';
+import './index-da54e081.js';
+import './common-helpers-929d7acb.js';
+import './theme-aa0a6bf2.js';
+
+Swiper.use([Pagination, Autoplay, Scrollbar]);

package/dist/{esm/theme-b9b51257.js → design-system/theme-aa0a6bf2.js}

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

package/dist/{esm/tippy.esm-53f3ae5b.js → design-system/tippy.esm-c5121836.js}

@@ -1,4 +1,4 @@
-import './index-dde1f033.js';
+import './index-b3476585.js';
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/design-system/{video-player-helpers-77c772ed.js → video-player-helpers-143415f2.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-dde1f033.js';
-import { N as FORM_MULTI_LANGUAGES_DATA } from './index-21c7d38e.js';
-import { p as isString, W as find } from './lodash-494e728c.js';
-import { q as querySelectorDeep } from './common-helpers-d99b3c41.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-b3476585.js';
+import { N as FORM_MULTI_LANGUAGES_DATA } from './index-da54e081.js';
+import { p as isString, X as find } from './lodash-b0ad17f3.js';
+import { q as querySelectorDeep } from './common-helpers-929d7acb.js';
 
 function getSourceType(field) {
   const source = getVideoPlayerFieldSource(field);

package/dist/design-system/{web-ee68aa50.js → web-016a2442.js}

@@ -1,7 +1,7 @@
-import { fC as WebPlugin } from './index-dde1f033.js';
-import './lodash-494e728c.js';
+import { fF as WebPlugin } from './index-b3476585.js';
+import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-da54e081.js';
 
 class SplashScreenWeb extends WebPlugin {
     async show(_options) {

package/dist/design-system/{web-377eb30b.js → web-21cea7e6.js}

@@ -1,7 +1,7 @@
-import { fC as WebPlugin } from './index-dde1f033.js';
-import './lodash-494e728c.js';
+import { fF as WebPlugin } from './index-b3476585.js';
+import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-da54e081.js';
 
 class CameraPreviewWeb extends WebPlugin {
     constructor() {

package/dist/{esm/web-15852d1c.js → design-system/web-92347ab1.js}

@@ -1,8 +1,8 @@
-import { fC as WebPlugin, fD as CapacitorException } from './index-dde1f033.js';
-import { C as CameraSource, e as CameraDirection } from './camera-helpers-5a73d9a8.js';
-import './lodash-494e728c.js';
+import { fF as WebPlugin, fG as CapacitorException } from './index-b3476585.js';
+import { C as CameraSource, e as CameraDirection } from './camera-helpers-447ab51d.js';
+import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-da54e081.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-dde1f033.js';
-import './lodash-494e728c.js';
+import { i as isChromatic, t as translate, g as getGrade, a as getDeviceType, b as getOS } from './index-b3476585.js';
+import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-da54e081.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-dde1f033.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-d99b3c41.js';
+import { i as isChromatic, R as isNullOrUndefined, w as setAnimation, x as animations, t as translate } from './index-b3476585.js';
+import { l as isNumber } from './lodash-b0ad17f3.js';
+import { g as getButton } from './button.factory-3760c454.js';
+import { k as execHandlerAndStopEvent } from './common-helpers-929d7acb.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-da54e081.js';
+import './index-c766a4a5.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))}";
 
@@ -27,7 +28,6 @@ const YooAccordionComponent = class {
      * Enable or disable multiple selection
      */
     this.allowMultipleSelection = false;
-    this.maxTitleCharacters = 17;
     /**
      * If true, each item will have a border bottom of 0.0625rem
      */
@@ -202,7 +202,8 @@ 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 } }, (title === null || title === void 0 ? void 0 : title.length) > this.maxTitleCharacters ? (h("yoo-tooltip", { content: title }, h("yoo-truncate", { content: title, maxLength: this.maxTitleCharacters }))) : (h("span", null, 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.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/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-527da268.js';
-import './index-dde1f033.js';
-import './lodash-494e728c.js';
+import { r as removeLastOverlay, c as createOverlay, d as dismissOverlay, g as getTopOverlay } from './overlays-91facc0b.js';
+import './index-b3476585.js';
+import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-da54e081.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-dde1f033.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-d99b3c41.js';
-import { e as eventMethod } from './overlays-527da268.js';
-import { c as createThemedClasses } from './theme-b9b51257.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-b3476585.js';
+import { l as isNumber, p as isString, E as isBoolean } from './lodash-b0ad17f3.js';
+import { l as lifecycleEvents, q as querySelectorDeep } from './common-helpers-929d7acb.js';
+import { e as eventMethod } from './overlays-91facc0b.js';
+import { c as createThemedClasses } from './theme-aa0a6bf2.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-21c7d38e.js';
+import './index-da54e081.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'))));