@yoobic/yobi 8.2.0-18 → 8.2.0-20

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

@@ -1,4 +1,4 @@
-import { d as isNativeMobile, bd as isOffline, be as getKeyToCache } from './index-31fcf34b.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/esm/{map-helpers-47a5bf1d.js → map-helpers-32ada75c.js}

@@ -1,4 +1,4 @@
-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-31fcf34b.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 () {

package/dist/esm/{mission-locked-banner-34f36f52.js → mission-locked-banner-2711a556.js}

@@ -1,4 +1,4 @@
-import { cF as isMissionBookable, cG as canParticipateTo, cH as canPerformActionPlan, t as translate } from './index-31fcf34b.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 }) => {

package/dist/esm/{missions-helpers-f7ffb6a4.js → missions-helpers-47462b46.js}

@@ -1,4 +1,4 @@
-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-31fcf34b.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
@@ -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({

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

@@ -1,4 +1,4 @@
-import { d0 as slideExpandAnimation, d1 as scaleAnimation, c_ as fadeScaleAnimation, d2 as slideAnimation } from './index-31fcf34b.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/{design-system/operation-helpers-717af46a.js → esm/operation-helpers-8f555bb1.js}

@@ -1,4 +1,4 @@
-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-31fcf34b.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) {
@@ -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/{design-system/overlays-4f972391.js → esm/overlays-91facc0b.js}

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

package/dist/{design-system/readonly-card-7ac5609f.js → esm/readonly-card-32f59c08.js}

@@ -1,4 +1,4 @@
-import { T as translateMulti } from './index-31fcf34b.js';
+import { T as translateMulti } from './index-b3476585.js';
 import { h } from './index-019c1b1a.js';
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {

package/dist/esm/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/{design-system/theme-e8a5ba4e.js → esm/theme-aa0a6bf2.js}

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

package/dist/esm/{tippy.esm-55c1f6a0.js → tippy.esm-c5121836.js}

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

package/dist/{design-system/video-player-helpers-881cfb6b.js → esm/video-player-helpers-143415f2.js}

@@ -1,7 +1,7 @@
-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-31fcf34b.js';
-import { N as FORM_MULTI_LANGUAGES_DATA } from './index-161cea2b.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-cd0eef7a.js';
+import { q as querySelectorDeep } from './common-helpers-929d7acb.js';
 
 function getSourceType(field) {
   const source = getVideoPlayerFieldSource(field);

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

@@ -1,7 +1,7 @@
-import { fF as WebPlugin } from './index-31fcf34b.js';
+import { fF as WebPlugin } from './index-b3476585.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-161cea2b.js';
+import './index-da54e081.js';
 
 class SplashScreenWeb extends WebPlugin {
     async show(_options) {

package/dist/{design-system/web-2ecda10b.js → esm/web-21cea7e6.js}

@@ -1,7 +1,7 @@
-import { fF as WebPlugin } from './index-31fcf34b.js';
+import { fF as WebPlugin } from './index-b3476585.js';
 import './lodash-b0ad17f3.js';
 import './_commonjsHelpers-f4d11124.js';
-import './index-161cea2b.js';
+import './index-da54e081.js';
 
 class CameraPreviewWeb extends WebPlugin {
     constructor() {

package/dist/esm/{web-af5f29c4.js → web-92347ab1.js}

@@ -1,8 +1,8 @@
-import { fF as WebPlugin, fG as CapacitorException } from './index-31fcf34b.js';
-import { C as CameraSource, e as CameraDirection } from './camera-helpers-019bcaf5.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-161cea2b.js';
+import './index-da54e081.js';
 
 class CameraWeb extends WebPlugin {
     async getPhoto(options) {

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

@@ -1,8 +1,8 @@
 import { r as registerInstance, h } from './index-019c1b1a.js';
-import { i as isChromatic, t as translate, g as getGrade, a as getDeviceType, b as getOS } from './index-31fcf34b.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-161cea2b.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/esm/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-31fcf34b.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-319699ea.js';
-import { k as execHandlerAndStopEvent } from './common-helpers-cd0eef7a.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-161cea2b.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))}";
 

package/dist/esm/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-4f972391.js';
-import './index-31fcf34b.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-161cea2b.js';
+import './index-da54e081.js';
 
 const YooIonActionSheetControllerComponent = class {
   constructor(hostRef) {

package/dist/esm/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 { cY as present, w as setAnimation, cZ as dismiss, an as copyToClipboard, d as isNativeMobile, aE as isPresent, t as translate } from './index-31fcf34b.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-cd0eef7a.js';
-import { e as eventMethod } from './overlays-4f972391.js';
-import { c as createThemedClasses } from './theme-e8a5ba4e.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-161cea2b.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'))));