@yoobic/yobi 8.2.0-18 → 8.2.0-20

package/dist/cjs/{localForage-897282ca.js → localForage-13e7fd04.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 const _commonjsHelpers = require('./_commonjsHelpers-94df2ea7.js');
 
 var localforage = _commonjsHelpers.createCommonjsModule(function (module, exports) {

package/dist/cjs/{map-helpers-5a56be5a.js → map-helpers-96416988.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
 
 var __extends = (undefined && undefined.__extends) || (function () {

package/dist/cjs/{mission-locked-banner-49d0581c.js → mission-locked-banner-9805d978.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 const index$1 = require('./index-c8609d4f.js');
 
 const MissionLockedBanner = ({ mission }) => {

package/dist/cjs/{missions-helpers-93934c15.js → missions-helpers-bcc0b5d9.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
 
 //#region ENTITIES
@@ -146,8 +146,8 @@ function getMissionTags(mission, session = index.getSession()) {
   else {
     const duedate = getMissionDueDate(mission);
     if (duedate) {
-      let dueDateText = index.isToday(duedate) ? index.translate('TODAY').toLowerCase() : index.fromToday(duedate);
-      dueDateText = [index.translate('YESTERDAY'), index.translate('TOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
+      let dueDateText = index.isToday(duedate) ? index.translate('YOOBICTODAY').toLowerCase() : index.fromToday(duedate);
+      dueDateText = [index.translate('YOOBICYESTERDAY'), index.translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
       const title = index.translate('YOOBICDUEBY', { date: dueDateText, time: index.dateFormat(duedate, 'LT') });
       const color = index.isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
       tags.push({ _id: 'dueDate', title, customColor: index.getCssColor(color), icon: 'calendar' });
@@ -347,8 +347,8 @@ function getMissionStateTags(mission, session, includeUniqueKey, includeVIPText)
     });
     const duedate = getMissionDueDate(mission);
     if (duedate) {
-      let dueDateText = index.isToday(duedate) ? index.translate('TODAY').toLowerCase() : index.fromToday(duedate);
-      dueDateText = [index.translate('YESTERDAY'), index.translate('TOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
+      let dueDateText = index.isToday(duedate) ? index.translate('YOOBICTODAY').toLowerCase() : index.fromToday(duedate);
+      dueDateText = [index.translate('YOOBICYESTERDAY'), index.translate('YOOBICTOMORROW')].includes(dueDateText) ? dueDateText.toLowerCase() : dueDateText;
       const text = index.translate('YOOBICDUEBY', { date: dueDateText, time: index.dateFormat(duedate, 'LT') });
       const color = index.isDateAfter(duedate, new Date(), 'day') ? 'text-color' : 'danger';
       tags.push({

package/dist/cjs/{modal-animations-c3848e30.js → modal-animations-b4f2222f.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 
 const DEFAULT_ANIMATIONS = {
   ENTER: 'slideXEnterAnimation',

package/dist/cjs/{operation-helpers-84b0dd48.js → operation-helpers-45259ffc.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
 
 function getCampaignTemplateTags(template) {
@@ -296,7 +296,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;
         }
@@ -306,11 +311,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>` + index.translate('YOOBICCAMPAIGNREVIEWSTATE' + campaign.reviewState.state.toUpperCase()),
+      color
+    });
+  }
   if (campaign.uniqueKeyPrefix) {
     retVal.push({
       innerHTML: campaign.uniqueKeyPrefix,
@@ -336,13 +349,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: index.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: index.translate(campaign.category.title),
       customColor: campaign.category.color

package/dist/cjs/{overlays-3164e2b0.js → overlays-8f9a5d7c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 
 let lastId = 1;
 const BACKDROP = 'backdrop';

package/dist/cjs/{readonly-card-98e9eb94.js → readonly-card-c8623d5c.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index$1 = require('./index-88c3cf9c.js');
+const index$1 = require('./index-0cd1dbba.js');
 const index = require('./index-c8609d4f.js');
 
 const ReadonlyCard = ({ value, values, answer, valuesColor, classNames }) => {

package/dist/cjs/{swiper-085bd561.js → swiper-a87705a5.js}

@@ -1,13 +1,13 @@
 'use strict';
 
-const yooIonSlides_entry = require('./yoo-ion-slides-8deab050.js');
+const yooIonSlides_entry = require('./yoo-ion-slides-cb077047.js');
 require('./index-c8609d4f.js');
-require('./index-88c3cf9c.js');
+require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5dbf8f43.js');
-require('./common-helpers-14c8bc18.js');
-require('./theme-0a6416db.js');
+require('./index-ea29129a.js');
+require('./common-helpers-bba1c1d7.js');
+require('./theme-4a1746f1.js');
 
 yooIonSlides_entry.Swiper.use([yooIonSlides_entry.Pagination, yooIonSlides_entry.Autoplay, yooIonSlides_entry.Scrollbar]);
 

package/dist/cjs/{theme-0a6416db.js → theme-4a1746f1.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 
 function getClassList(classes) {
   if (classes) {

package/dist/cjs/{tippy.esm-d662044e.js → tippy.esm-b9a95545.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-require('./index-88c3cf9c.js');
+require('./index-0cd1dbba.js');
 
 var top = 'top';
 var bottom = 'bottom';

package/dist/cjs/{video-player-helpers-72968636.js → video-player-helpers-797bd704.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
-const index$1 = require('./index-5dbf8f43.js');
+const index = require('./index-0cd1dbba.js');
+const index$1 = require('./index-ea29129a.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-14c8bc18.js');
+const commonHelpers = require('./common-helpers-bba1c1d7.js');
 
 function getSourceType(field) {
   const source = getVideoPlayerFieldSource(field);

package/dist/cjs/{web-e01bbc58.js → web-26228442.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5dbf8f43.js');
+require('./index-ea29129a.js');
 
 class SplashScreenWeb extends index.WebPlugin {
     async show(_options) {

package/dist/cjs/{web-b6bc0cc7.js → web-47449f12.js}

@@ -1,10 +1,10 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
-const cameraHelpers = require('./camera-helpers-fb58210d.js');
+const index = require('./index-0cd1dbba.js');
+const cameraHelpers = require('./camera-helpers-2b8af943.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5dbf8f43.js');
+require('./index-ea29129a.js');
 
 class CameraWeb extends index.WebPlugin {
     async getPhoto(options) {

package/dist/cjs/{web-97805d5b.js → web-e75fca37.js}

@@ -1,9 +1,9 @@
 'use strict';
 
-const index = require('./index-88c3cf9c.js');
+const index = require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5dbf8f43.js');
+require('./index-ea29129a.js');
 
 class CameraPreviewWeb extends index.WebPlugin {
     constructor() {

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-88c3cf9c.js');
+const index$1 = require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5dbf8f43.js');
+require('./index-ea29129a.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/cjs/yoo-accordion.cjs.entry.js

@@ -3,12 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-88c3cf9c.js');
+const index$1 = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
-const button_factory = require('./button.factory-30bbe21d.js');
-const commonHelpers = require('./common-helpers-14c8bc18.js');
+const button_factory = require('./button.factory-e479cb89.js');
+const commonHelpers = require('./common-helpers-bba1c1d7.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5dbf8f43.js');
+require('./index-ea29129a.js');
+require('./index-95c3ae39.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/cjs/yoo-action-sheet-controller.cjs.entry.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const overlays = require('./overlays-3164e2b0.js');
-require('./index-88c3cf9c.js');
+const overlays = require('./overlays-8f9a5d7c.js');
+require('./index-0cd1dbba.js');
 require('./lodash-597bda6d.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5dbf8f43.js');
+require('./index-ea29129a.js');
 
 const YooIonActionSheetControllerComponent = class {
   constructor(hostRef) {

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-88c3cf9c.js');
+const index$1 = require('./index-0cd1dbba.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-14c8bc18.js');
-const overlays = require('./overlays-3164e2b0.js');
-const theme = require('./theme-0a6416db.js');
+const commonHelpers = require('./common-helpers-bba1c1d7.js');
+const overlays = require('./overlays-8f9a5d7c.js');
+const theme = require('./theme-4a1746f1.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-5dbf8f43.js');
+require('./index-ea29129a.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',
@@ -148,7 +148,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$2] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index$2]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index$2]) }, button.icon && this.renderButtonIcon(button), index.h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (index.h("span", null, index.h("span", { innerHTML: text }), " ", index.h("yoo-tag", { color: "app-color" }, index$1.translate('BETA')))) : (index.h("span", { innerHTML: text })), description && index.h("div", { class: "description-container" }, description)), (lodash.isNumber(button.notif) || lodash.isString(button.notif) || lodash.isBoolean(button.notif)) && (index.h("div", { class: "badge-container" }, index.h("div", { class: "flex" }), lodash.isNumber(button.notif) && button.notif > 0 && index.h("yoo-badge", { text: button.notif.toLocaleString() }), lodash.isString(button.notif) && button.notif.length > 0 && index.h("yoo-badge", { text: button.notif }), lodash.isBoolean(button.notif) && button.notif == true && index.h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (index.h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
+      }, onClick: (ev) => this.onButtonClick(button, ev), ref: (el) => (this.actionClickDivs[index$2] = el), onTouchStart: () => this.onItemTouchStart(this.actionClickDivs[index$2]), onTouchEnd: () => this.onItemTouchEnd(this.actionClickDivs[index$2]) }, button.icon && this.renderButtonIcon(button), index.h("div", { class: { 'text-container': true, 'icon-no-description': button.icon && !hasDescription, 'icon-description': button.icon && hasDescription } }, button.isBeta ? (index.h("span", { class: { beta: button.isBeta } }, index.h("span", { innerHTML: text }), " ", index.h("yoo-tag", { color: "app-color" }, index$1.translate('BETA')))) : (index.h("span", { innerHTML: text })), description && index.h("div", { class: "description-container" }, description)), (lodash.isNumber(button.notif) || lodash.isString(button.notif) || lodash.isBoolean(button.notif)) && (index.h("div", { class: "badge-container" }, index.h("div", { class: "flex" }), lodash.isNumber(button.notif) && button.notif > 0 && index.h("yoo-badge", { text: button.notif.toLocaleString() }), lodash.isString(button.notif) && button.notif.length > 0 && index.h("yoo-badge", { text: button.notif }), lodash.isBoolean(button.notif) && button.notif == true && index.h("yoo-badge", { shape: "dot", size: "small" }))), button.actionableIcon && (index.h("yoo-icon", { name: button.actionableIcon.icon, class: { 'right-aligned': true, 'icon-description': hasDescription }, onClick: (ev) => this.onActionableIconClick(ev, button.actionableIcon) }))));
   }
   renderBottomContainer() {
     return (index.h("div", { class: "bottom-container" }, index.h("div", { class: "cancel-container", onClick: () => this.closeActionSheet(false, true), ref: (el) => (this.cancelDiv = el), onTouchStart: () => this.onItemTouchStart(this.cancelDiv), onTouchEnd: () => this.onItemTouchEnd(this.cancelDiv) }, index$1.translate('CANCEL'))));