npm - @yoobic/yobi - Versions diffs - 8.7.32 → 8.7.33 - Mend

@yoobic/yobi 8.7.32 → 8.7.33

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1119) hide show

package/dist/cjs/yoo-grid.cjs.entry.js CHANGED Viewed

@@ -2,37 +2,35 @@
 Object.defineProperty(exports, '__esModule', { value: true });
-const index = require('./index-e5fa8107.js');
-const index$2 = require('./index-3d49ff1c.js');
-require('./index-caf599ff.js');
-require('./index-9b809cba.js');
-const button_factory = require('./button.factory-606ae57c.js');
-const index$3 = require('./index-575fc39c.js');
-const commonHelpers = require('./common-helpers-fd051f6a.js');
-const entitiesHelpers = require('./entities-helpers-68869d21.js');
-const filtersHelpers = require('./filters-helpers-c40a73b8.js');
-const formInputHelpers = require('./form-input-helpers-351fba10.js');
+const index$1 = require('./index-e5fa8107.js');
+const index$2 = require('./index-a6b5294d.js');
+require('./index-09449210.js');
+require('./index-510a3675.js');
+const button_factory = require('./button.factory-da2c4a42.js');
+const index$3 = require('./index-5cf48a3e.js');
+const commonHelpers = require('./common-helpers-ed6bbfc2.js');
+const entitiesHelpers = require('./entities-helpers-6524d0db.js');
+const filtersHelpers = require('./filters-helpers-6220ad18.js');
+const formInputHelpers = require('./form-input-helpers-190c73f5.js');
 const textHelpers = require('./text-helpers-2d98f1b7.js');
 const lodash = require('./lodash-036555ce.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-const gridRenderers = require('./grid-renderers-6b76c7ed.js');
-const index$1 = require('./index-27ec46bf.js');
+const gridRenderers = require('./grid-renderers-9919d93b.js');
+const index = require('./index-a1242628.js');
 const itemSliding_interface = require('./item-sliding.interface-7206925b.js');
 require('./workflow.interface-ffda8358.js');
 require('./form-field.instance-410c2aea.js');
 require('./card-video.interface-70a68a05.js');
-require('./haptic-helpers-6a15ee17.js');
-require('./form-helpers-8aba3acb.js');
-require('./incentive-helpers-797f4ede.js');
-require('./missions-helpers-347dd83e.js');
+require('./haptic-helpers-3aa081bd.js');
+require('./form-helpers-c932e741.js');
+require('./incentive-helpers-62135c5e.js');
+require('./missions-helpers-59c17b50.js');
 require('./geolocation-helpers-69ed0ac9.js');
 require('./_commonjsHelpers-94df2ea7.js');
 function shouldUseVirtualScroll(user, gridVirtualScrollEnabled, isFramedGrid) {
-  const enableVirtualScroll = user === null || user === void 0 ? void 0 : user.enableVirtualScroll;
-  const isLowEndDevice = user === null || user === void 0 ? void 0 : user.isLowEndDevice;
-  return !!(enableVirtualScroll ||
-    (enableVirtualScroll === undefined && isLowEndDevice)) && gridVirtualScrollEnabled && !isFramedGrid;
+  const enableVirtualScroll = !!((user === null || user === void 0 ? void 0 : user.enableVirtualScroll) || ((user === null || user === void 0 ? void 0 : user.enableVirtualScroll) === undefined && (index.isNativeMobile() || (user === null || user === void 0 ? void 0 : user.isLowEndDevice))));
+  return enableVirtualScroll && gridVirtualScrollEnabled && !isFramedGrid;
 }
 const gridCss = "svg:not(:root){overflow:hidden}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes bounceFromBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}90%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}@keyframes bounceFromBottom{0%{-webkit-transform:translateY(100%);transform:translateY(100%)}90%{-webkit-transform:translateY(-20%);transform:translateY(-20%)}100%{-webkit-transform:translateY(0%);transform:translateY(0%)}}:host([dir=ltr]) yoo-navbar.tags-only{--top-container-padding:var(--spacing-12, 0.75rem) 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem)}:host([dir=ltr]) yoo-ion-item-sliding yoo-ion-item-options yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:auto;bottom:auto;left:0rem}:host([dir=ltr]) .join-line{left:var(--spacing-48, 3rem)}:host([dir=ltr]) .toggle-container.with-search,:host([dir=ltr]) .toggle-container.with-tags{right:0}:host([dir=ltr]) .toggle-container.with-header{position:absolute;top:0;right:0;bottom:auto;left:auto}:host([dir=ltr]) yoo-toast{position:absolute;top:auto;right:calc(50% - 14rem);bottom:var(--spacing-16, 1rem);left:auto}:host([dir=rtl]) yoo-navbar.tags-only{--top-container-padding:var(--spacing-12, 0.75rem) var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0}:host([dir=rtl]) yoo-ion-item-sliding yoo-ion-item-options yoo-icon.position{position:absolute;top:calc(50% - var(--spacing-12, 0.75rem));right:0;bottom:auto;left:auto}:host([dir=rtl]) .join-line{right:var(--spacing-48, 3rem)}:host([dir=rtl]) .toggle-container.with-search,:host([dir=rtl]) .toggle-container.with-tags{left:0}:host([dir=rtl]) .toggle-container.with-header{position:absolute;top:0;right:auto;bottom:auto;left:0}:host([dir=rtl]) yoo-toast{position:absolute;top:auto;right:auto;bottom:var(--spacing-16, 1rem);left:calc(50% - 14rem)}:host(.web[dir=ltr]) .sub-item-container yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:auto;bottom:auto;left:0}:host(.web[dir=rtl]) .sub-item-container yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:0;bottom:auto;left:auto}:host(.autocomplete-selection-mode[dir=ltr]:not(.empty)) .container-base .body-container yoo-ion-item-sliding .hover-container yoo-ion-item-options yoo-icon.position{position:absolute;top:calc(50% - var(--spacing-12, 0.75rem));right:0;bottom:auto;left:auto}:host(.autocomplete-selection-mode[dir=rtl]:not(.empty)) .container-base .body-container yoo-ion-item-sliding .hover-container yoo-ion-item-options yoo-icon.position{position:absolute;top:calc(50% - var(--spacing-12, 0.75rem));right:auto;bottom:auto;left:0}:host(.vertical-line[dir=ltr]) .container-base .entity-inner-container.card-course-row::after,:host(.vertical-line[dir=ltr]) .container-base .entity-inner-container.card-course-row::before{left:var(--spacing-12, 0.75rem)}:host(.vertical-line[dir=rtl]) .container-base .entity-inner-container.card-course-row::after,:host(.vertical-line[dir=rtl]) .container-base .entity-inner-container.card-course-row::before{right:var(--spacing-12, 0.75rem)}:host(.web[dir=ltr]:not(.framed)) .container-base .gradient-overlay.left{left:calc(var(--spacing-16, 1rem) * -1);background:var(--arrows-background-left)}:host(.web[dir=ltr]:not(.framed)) .container-base .gradient-overlay.right{right:0;background:var(--arrows-background-right)}:host(.web[dir=ltr]:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area{position:absolute;top:0;right:auto;bottom:0;left:0}:host(.web[dir=rtl]:not(.framed)) .container-base .gradient-overlay.left{right:calc(var(--spacing-16, 1rem) * -1);background:var(--arrows-background-right)}:host(.web[dir=rtl]:not(.framed)) .container-base .gradient-overlay.right{left:0;background:var(--arrows-background-left)}:host(.web[dir=rtl]:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area{position:absolute;top:0;right:0;bottom:0;left:auto}:host(.lessons.web[dir=ltr]) .join-line{left:var(--spacing-32, 2rem)}:host(.lessons.web[dir=rtl]) .join-line{right:var(--spacing-32, 2rem)}:host(.lessons[dir=ltr]) .join-line{left:var(--spacing-24, 1.5rem)}:host(.lessons[dir=rtl]) .join-line{right:var(--spacing-24, 1.5rem)}:host(.form-grid.web.local.charttype[dir=ltr]) yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:0;bottom:auto;left:auto}:host(.form-grid.web.local.charttype[dir=rtl]) yoo-icon.position{position:absolute;top:calc(50% - 0.75rem);right:auto;bottom:auto;left:0}:host([scroll-enabled=true]){display:block;height:100%;overflow:hidden}:host([scroll-enabled=true]) .container{width:100%}:host([scroll-enabled=true]) .body-container{overflow:hidden}:host{--item-divider-font-size:var(--font-size-14, 0.875rem);--item-divider-padding-start:0.5rem;--position-empty:static;--container-padding-bottom:0;--container-min-height:static;--top-margin:0.5rem;--animated-illustration-height:unset;--framed-shadow:initial;--framed-radius:initial;--framed-margin:0;--card-feed-border-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6));--arrows-background-left:var(--linear-gradient-left, linear-gradient(to left, rgba(255, 255, 255, 0), white));--arrows-background-right:var(--linear-gradient-right, linear-gradient(to right, rgba(255, 255, 255, 0), white));display:block}:host .flex{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .w-100{width:100%}:host .select-all-checkbox{display:-ms-flexbox;display:flex;gap:0.5rem;-ms-flex-align:center;align-items:center;-webkit-margin-start:0.7rem;margin-inline-start:0.7rem;color:var(--app-color, #5a30f4);cursor:pointer}:host .absolute{position:absolute;top:0;right:0;bottom:0;left:0;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .grid-progress{padding:var(--spacing-16, 1rem);padding-bottom:0}:host .grid-progress yoo-progress-bar{--progress-bar-color:var(--app-color, #5a30f4)}:host yoo-animated-illustration{max-width:31rem}:host yoo-context-menu.customview-menu{--width-dropdown-content:20rem;display:-ms-flexbox;display:flex}:host .customview-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem);-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem)}:host .customview-container .customview-title{max-width:12.5rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--stable, #adadad)}:host .customview-container .customview-title.app-color{color:var(--app-color, #5a30f4)}:host .customview-container .customview-title.light{color:var(--light, #ffffff)}:host .customview-container .customview-title.dark{color:var(--dark, #000000)}:host .total-header{font-weight:bold}:host .total-header.loading{max-width:12.5rem;margin:var(--spacing-04, 0.25rem);background:var(--stable-light, #f1f1f1)}:host .total-header.loading .title,:host .total-header.loading .total{opacity:0}:host .total-header:not(.no-padding){padding:0 var(--spacing-08, 0.5rem)}:host .total-header.web:not(.no-padding){padding:0}:host .total-header.web{padding:0 var(--spacing-08, 0.5rem)}:host .total-header .total{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);font-size:var(--font-size-32, 2rem)}:host .link-header{padding:0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host .sortable-drag{background:var(--light, #ffffff)}:host .sortable-ghost{background:var(--stable-light, #f1f1f1)}:host .chosenClass{border:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4)}:host .select-all-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:0 var(--spacing-16, 1rem)}:host .select-all-container .selected-text{color:var(--stable, #adadad)}:host .animated-illustration{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-gap:var(--spacing-32, 2rem);-ms-flex-pack:center;justify-content:center;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;padding:0 var(--spacing-24, 1.5rem)}:host .animated-illustration yoo-illustration,:host .animated-illustration yoo-animated-illustration{height:var(--animated-illustration-height, 10rem)}:host .animated-illustration .illustration-details{color:var(--text-color-80, rgba(128, 127, 131, 0.8));font-size:var(--font-size-16, 1rem);display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);width:100%;padding-bottom:var(--spacing-16, 1rem);text-align:center}:host .animated-illustration h4{justify-self:center;margin:unset}:host .animated-illustration.full-sized{width:16.5rem;padding:0}:host .animated-illustration.full-sized yoo-illustration,:host .animated-illustration.full-sized yoo-animated-illustration{height:var(--animated-illustration-height, auto)}:host .entity-container-map{overflow:hidden}:host .entity-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-flow:row;flex-flow:row}:host .left-container{-ms-flex:1;flex:1;min-width:15rem;overflow:hidden;white-space:nowrap}:host .left-container.resized{-ms-flex:unset;flex:unset;min-width:unset}:host .left-container .header{overflow:hidden;text-overflow:ellipsis}:host .column{display:-ms-flexbox;display:flex;padding:1rem;color:var(--dark, #000000);font-size:var(--font-size-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .column.hidden{width:59px}:host .column.card-list{margin-bottom:0.0625rem}:host .column .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;white-space:normal;word-break:break-all}:host yoo-navbar{--safe-area-inset-top:0;--top-container-padding:var(--spacing-12, 0.75rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);--bottom-container-padding:var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem) var(--spacing-16, 1rem);--center-padding:0}:host yoo-navbar.hide-tags{--top-container-padding:0.75rem var(--spacing-08, 0.5rem);--bottom-container-padding:0}:host yoo-navbar.hide-tags yoo-entity-search-tags{margin:0}:host yoo-navbar.hide-tags.hide-filters{--top-container-padding:0.75rem var(--spacing-08, 0.5rem)}:host yoo-navbar.search-only{--top-container-padding:0.75rem var(--spacing-08, 0.5rem);--bottom-container-padding:0}:host yoo-navbar.tags-only{--bottom-container-padding:0;--center-padding:0}:host yoo-navbar.tags-only yoo-entity-search-tags{-ms-flex:1;flex:1}:host yoo-navbar yoo-form-input:not(.web.search):not(.grid-search){-ms-flex:1;flex:1;padding:0 var(--spacing-08, 0.5rem)}:host yoo-navbar yoo-entity-search-tags{-ms-flex:0;flex:0}:host yoo-navbar yoo-entity-query-builder{-ms-flex:1;flex:1}:host yoo-navbar .margin-left{-webkit-margin-start:var(--spacing-08, 0.5rem);margin-inline-start:var(--spacing-08, 0.5rem)}:host yoo-navbar .margin-right{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host yoo-navbar .search-container-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host yoo-navbar .select-all{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host yoo-ion-item.no-padding{padding:0}:host yoo-ion-item.full-width{width:100%}:host yoo-ion-item.card-inbox,:host yoo-ion-item.card-inbox-ongoing{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host yoo-card-placeholder{width:calc(100% - 2rem);-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem);-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem)}:host .container{position:static;width:100%;min-height:100%}:host .container.empty{position:var(--position-empty)}:host .container .empty-new-tag{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-line-pack:center;align-content:center;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .container .empty-new-tag .text-container{padding:1rem}:host .container-base{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-webkit-box-sizing:border-box;box-sizing:border-box;min-height:var(--container-min-height);padding-bottom:var(--container-padding-bottom);-webkit-transition:all 1s;transition:all 1s}:host .container-base.scrollable,:host .container-base.empty{height:100%}:host .container-base.scrollable yoo-ion-scroll.empty,:host .container-base.empty yoo-ion-scroll.empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container-base.scrollable yoo-ion-scroll .grid-content-slot,:host .container-base.empty yoo-ion-scroll .grid-content-slot{width:100%;height:100%}:host .container-base .list-container{max-width:100%}:host .container-base.popup .animated-illustration{grid-gap:var(--spacing-04, 0.25rem);height:12.5rem}:host .container-base.popup yoo-illustration,:host .container-base.popup yoo-animated-illustration{height:6rem}:host .container-base .dynamic-ordering-header-container{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host .container-base .dynamic-ordering-header-container .selected-text{color:var(--stable, #adadad);font-size:var(--font-size-12, 0.75rem);font-family:var(--font-family, \"Varela Round\", \"Lato\")}:host .container-base .dynamic-ordering-header-container .dynamic-buttons-container{display:-ms-flexbox;display:flex}:host .container-base .file-icons-container{z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host .container-base .file-icons-container yoo-icon{-webkit-padding-start:var(--spacing-08, 0.5rem);padding-inline-start:var(--spacing-08, 0.5rem)}:host .container-base .progressbar-wrapper.widget yoo-progress-bar{--progress-value-font-size:var(--font-size-14, 0.875rem)}:host .container-base .progressbar-wrapper:not(.widget){margin:0 var(--spacing-16, 1rem)}:host .container-base .header-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .container-base .header-container .icon-container{margin:0 1rem;color:var(--text-color, #807f83);cursor:pointer}:host .container-base .header-container .header-title{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:row;flex-direction:row;margin:0 1rem;font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host .container-base .header-container .header-title .total-number{display:inline-block;-webkit-padding-end:var(--spacing-04, 0.25rem);padding-inline-end:var(--spacing-04, 0.25rem)}:host .container-base .header-container .see-all{color:var(--app-color, #5a30f4);font-size:var(--font-size-14, 0.875rem);cursor:pointer}:host .container-base .illustration-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%;height:100%}:host .container-base.calendar{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-webkit-margin-start:0 !important;margin-inline-start:0 !important}:host .container-base.calendar yoo-navbar{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem)}:host .container-base.calendar yoo-grid-calendar{position:relative;display:block;-ms-flex:1;flex:1;margin-bottom:0;padding:0;overflow:hidden;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .container-base.calendar .views-container{display:-ms-flexbox;display:flex}:host .container-base.calendar .calendar-filters{margin:0 var(--spacing-08, 0.5rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host .container-base .ag-grid-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host .container-base .ag-grid-container.empty{-ms-flex-align:center;align-items:center}:host .container-base .resource-field,:host .container-base .duration-field,:host .container-base .date-field{display:block;width:100%}:host .container-base .map-field,:host .container-base .kanban-column-field{width:8.5rem;-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host .container-base .map-locations{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host .container-base .map-locations.web{max-width:12.5rem}:host .container-base .search-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:100%}:host .container-base .search-container .search-container-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .container-base .search-container yoo-entity-query-builder{-ms-flex:1;flex:1;max-width:100%}:host .container-base .search-container.web yoo-form-input{max-width:12.5rem;-webkit-padding-end:0;padding-inline-end:0;-webkit-padding-start:0;padding-inline-start:0}:host .container-base .search-container .margin-left-negative{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host .container-base .search-container .margin-left{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);-webkit-margin-start:var(--spacing-08, 0.5rem);margin-inline-start:var(--spacing-08, 0.5rem)}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item{background:none !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{cursor:default !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options yoo-icon{display:none !important}:host .container-base.only-allow-secondary-actions .list-container yoo-ion-list yoo-ion-item-sliding.hovered:not(.dragging){background:none !important}:host .container-horizontal{position:relative;width:100%;height:auto}:host .container-horizontal .header-container{margin-top:var(--spacing-08, 0.5rem)}:host .container-horizontal .body-container.card-sticky,:host .container-horizontal .body-container.card-list-color{width:100%;padding:var(--spacing-08, 0.5rem) 0 var(--spacing-16, 1rem)}:host .container-horizontal .body-container.card-sticky .item.item-ios,:host .container-horizontal .body-container.card-sticky .item.item-md,:host .container-horizontal .body-container.card-list-color .item.item-ios,:host .container-horizontal .body-container.card-list-color .item.item-md{padding:1rem 1rem}:host .container-horizontal .entities-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;max-height:18.75rem;margin-top:var(--spacing-16, 1rem);-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem);margin-bottom:var(--spacing-16, 1rem)}:host .container-horizontal .entities-container .entity-container{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host .container-horizontal .entities-container .entity-container:first-child{-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem)}:host .container-horizontal yoo-entity{overflow:visible}:host .container-horizontal .entity-placeholder{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;width:100%;max-height:18.75rem;margin:var(--spacing-16, 1rem)}:host .container-horizontal .entity-placeholder yoo-ion-item:first-child{width:100%}:host .container-horizontal .entity-placeholder.compact{max-height:10.625rem}:host .toggle-container{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end;margin-top:var(--spacing-08, 0.5rem)}:host .toggle-container .display-button-container{min-width:2rem;min-height:1rem}:host .toggle-container .display-button-container yoo-icon{display:block;margin-top:0.5rem;-webkit-margin-end:var(--spacing-24, 1.5rem);margin-inline-end:var(--spacing-24, 1.5rem);margin-bottom:0.5rem;color:var(--dark, #000000)}:host .toggle-container.with-header{z-index:100000000}:host .toggle-container.with-search,:host .toggle-container.with-tags{position:absolute;top:12px;z-index:100000000}:host yoo-tooltip{display:-ms-flexbox;display:flex;-ms-flex-pack:end;justify-content:flex-end}:host yoo-ion-item-divider{--padding-start:var(--item-divider-padding-start);--divider-font-size:var(--item-divider-font-size);color:var(--dark, #000000);font-weight:var(--font-weight-400, 400);font-size:var(--divider-font-size)}:host yoo-ion-item-divider .count{-webkit-margin-start:var(--spacing-04, 0.25rem);margin-inline-start:var(--spacing-04, 0.25rem)}:host yoo-ion-item-divider yoo-badge{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host yoo-ion-item-divider .divider-inner{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;color:var(--text-color, #807f83)}:host yoo-ion-item-divider.has-description .divider-inner{color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host .header-description{-webkit-padding-end:var(--spacing-16, 1rem);padding-inline-end:var(--spacing-16, 1rem);-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem);color:var(--stable, #adadad);font-weight:normal;font-size:var(--font-size-16, 1rem);font-style:normal;font-stretch:normal;line-height:1.5}:host .card-list-color.web yoo-ion-item-divider{--padding-start:0}:host yoo-ag-grid{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;overflow:hidden}:host .grid-container{overflow:hidden}:host .body-container.top-margin{margin-top:var(--top-margin)}:host .body-container .entity-inner-container{-ms-flex:1;flex:1;width:100%}:host .body-container .entity-inner-container.card-plan.selected{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host .body-container .entity-inner-container.card-inbox,:host .body-container .entity-inner-container.card-inbox-ongoing,:host .body-container .entity-inner-container.card-location{cursor:pointer}:host .body-container .entity-inner-container.card-inbox:hover,:host .body-container .entity-inner-container.card-inbox-ongoing:hover,:host .body-container .entity-inner-container.card-location:hover{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host .body-container .entity-inner-container.card-inbox.selected,:host .body-container .entity-inner-container.card-inbox-ongoing.selected{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host .body-container .entity-inner-container.sortable{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .body-container .entity-inner-container.sortable yoo-icon[name=draggable]{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem);cursor:-webkit-grab;cursor:grab}:host .body-container yoo-entity{-webkit-border-end:none;border-inline-end:none;-webkit-border-start:none;border-inline-start:none}:host .body-container yoo-entity:first-child{border-top:none}:host .body-container yoo-entity:last-child{border-bottom:none}:host .body-container.card-feed .item.item-ios,:host .body-container.card-feed .item.item-md{padding:0;background:var(--light-10, rgba(255, 255, 255, 0.1));border-bottom:var(--spacing-08, 0.5rem) solid var(--card-feed-border-color)}:host .body-container.card-feed .item.item-ios yoo-entity,:host .body-container.card-feed .item.item-md yoo-entity{width:100%;margin:auto}:host .body-container.card-feed .item.item-ios yoo-entity.feeds,:host .body-container.card-feed .item.item-md yoo-entity.feeds{max-width:31.25rem}:host .body-container.card-sticky .item.item-ios,:host .body-container.card-sticky .item.item-md{padding:0.5rem 1rem;border:none !important}:host .body-container.card-course .item.item-ios,:host .body-container.card-course .item.item-md{padding:0rem 0.7rem;border:none !important}:host .body-container.card-course .item.item-ios yoo-entity,:host .body-container.card-course .item.item-md yoo-entity{width:100%;max-width:500px;margin:auto}:host .body-container.card-list .item.item-ios,:host .body-container.card-list .item.item-md,:host .body-container.card-list .item-options-end{min-height:34px;color:inherit;border:none}:host .body-container.card-list .item.item-ios yoo-entity,:host .body-container.card-list .item.item-md yoo-entity,:host .body-container.card-list .item-options-end yoo-entity{width:100%}:host .body-container.card-list .item-options-end{height:100%}:host .body-container.card-inbox,:host .body-container.card-inbox-ongoing{display:grid;grid-template-columns:100%;gap:var(--spacing-08, 0.5rem);-ms-flex-align:start;align-items:start}:host .body-container.card-inbox yoo-ion-item-divider,:host .body-container.card-inbox-ongoing yoo-ion-item-divider{margin-bottom:var(--spacing-08, 0.5rem)}:host .body-container.card-inbox yoo-ion-item-divider.first,:host .body-container.card-inbox-ongoing yoo-ion-item-divider.first{margin-top:0;padding-top:0;border-top:none}:host .body-container.card-inbox .sub-item-container,:host .body-container.card-inbox-ongoing .sub-item-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:var(--spacing-08, 0.5rem)}:host .body-container.card-inbox .sub-item-container yoo-ion-item,:host .body-container.card-inbox-ongoing .sub-item-container yoo-ion-item{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host .body-container.web.card-inbox yoo-ion-item-divider,:host .body-container.web.card-inbox-ongoing yoo-ion-item-divider{--padding-start:0 !important}:host .body-container.web.card-inbox yoo-ion-item,:host .body-container.web.card-inbox-ongoing yoo-ion-item{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host .body-container.card-battle yoo-ion-item,:host .body-container.card-campaign yoo-ion-item,:host .body-container.card-feed-row yoo-ion-item,:host .body-container.card-location yoo-ion-item{padding-bottom:var(--spacing-08, 0.5rem) !important}:host .body-container.card-campaign yoo-ion-item,:host .body-container.card-location yoo-ion-item{margin-bottom:var(--spacing-08, 0.5rem) !important;padding:0 var(--spacing-16, 1rem) var(--spacing-08, 0.5rem)}:host .body-container.card-course-row-compact yoo-ion-item{padding-bottom:var(--spacing-16, 1rem) !important}:host yoo-toast{height:auto;-webkit-animation-name:bounceFromBottom;animation-name:bounceFromBottom;-webkit-animation-duration:0.25s;animation-duration:0.25s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}:host .join-line{position:absolute;top:2.75rem;z-index:0;width:0.25rem;height:calc(90% - 2rem);-webkit-animation:fadeIn 400ms forwards;animation:fadeIn 400ms forwards;-webkit-animation-delay:500ms;animation-delay:500ms}:host .join-line.finished{background-color:var(--app-color, #5a30f4)}:host .join-line.locked{background-color:var(--stable, #adadad) !important}:host yoo-ion-item-sliding.dragging{background:var(--light, #ffffff)}:host yoo-ion-item-sliding.dragging yoo-ion-item-options{display:none}:host yoo-ion-item-sliding.dragging.invisible{display:none}:host yoo-ion-item-sliding yoo-ion-item-options .options-container{display:-ms-flexbox;display:flex;margin-bottom:0.0625rem}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent{background-color:var(--accent, #276ef1) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-hover:hover{color:var(--light, #ffffff);background-color:var(--accent, #276ef1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent{color:var(--accent, #276ef1);fill:var(--accent, #276ef1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color{background-color:var(--app-color, #5a30f4) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color, #5a30f4)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color{color:var(--app-color, #5a30f4);fill:var(--app-color, #5a30f4)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger{background-color:var(--danger, #d44333) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-hover:hover{color:var(--light, #ffffff);background-color:var(--danger, #d44333)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger{color:var(--danger, #d44333);fill:var(--danger, #d44333)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark{background-color:var(--dark, #000000) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-hover:hover{color:var(--light, #ffffff);background-color:var(--dark, #000000)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark{color:var(--dark, #000000);fill:var(--dark, #000000)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized{background-color:var(--energized, #ffc043) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-hover:hover{color:var(--light, #ffffff);background-color:var(--energized, #ffc043)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized{color:var(--energized, #ffc043);fill:var(--energized, #ffc043)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info{background-color:var(--info, #d84c96) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-hover:hover{color:var(--light, #ffffff);background-color:var(--info, #d84c96)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info{color:var(--info, #d84c96);fill:var(--info, #d84c96)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light{background-color:var(--light, #ffffff) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-hover:hover{color:var(--light, #ffffff);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light{color:var(--light, #ffffff);fill:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable{background-color:var(--stable, #adadad) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-hover:hover{color:var(--light, #ffffff);background-color:var(--stable, #adadad)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable{color:var(--stable, #adadad);fill:var(--stable, #adadad)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt{background-color:var(--stable-alt, #d0d0d0) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt, #d0d0d0)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt{color:var(--stable-alt, #d0d0d0);fill:var(--stable-alt, #d0d0d0)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light{background-color:var(--stable-light, #f1f1f1) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light, #f1f1f1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light{color:var(--stable-light, #f1f1f1);fill:var(--stable-light, #f1f1f1)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight{background-color:var(--stable-ultralight, #fafafa) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight, #fafafa)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight{color:var(--stable-ultralight, #fafafa);fill:var(--stable-ultralight, #fafafa)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success{background-color:var(--success, #3aa76d) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-hover:hover{color:var(--light, #ffffff);background-color:var(--success, #3aa76d)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success{color:var(--success, #3aa76d);fill:var(--success, #3aa76d)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color{background-color:var(--text-color, #807f83) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color, #807f83)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color{color:var(--text-color, #807f83);fill:var(--text-color, #807f83)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning{background-color:var(--warning, #ed6e33) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-hover:hover{color:var(--light, #ffffff);background-color:var(--warning, #ed6e33)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning{color:var(--warning, #ed6e33);fill:var(--warning, #ed6e33)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood{background-color:var(--wood, #99644c) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-hover:hover{color:var(--light, #ffffff);background-color:var(--wood, #99644c)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood{color:var(--wood, #99644c);fill:var(--wood, #99644c)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10{background-color:var(--accent-10, rgba(39, 110, 241, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-10-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-10, rgba(39, 110, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-10{color:var(--accent-10, rgba(39, 110, 241, 0.1));fill:var(--accent-10, rgba(39, 110, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20{background-color:var(--accent-20, rgba(39, 110, 241, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-20-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-20, rgba(39, 110, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-20{color:var(--accent-20, rgba(39, 110, 241, 0.2));fill:var(--accent-20, rgba(39, 110, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40{background-color:var(--accent-40, rgba(39, 110, 241, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-40-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-40, rgba(39, 110, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-40{color:var(--accent-40, rgba(39, 110, 241, 0.4));fill:var(--accent-40, rgba(39, 110, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60{background-color:var(--accent-60, rgba(39, 110, 241, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-60-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-60, rgba(39, 110, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-60{color:var(--accent-60, rgba(39, 110, 241, 0.6));fill:var(--accent-60, rgba(39, 110, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80{background-color:var(--accent-80, rgba(39, 110, 241, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-accent-80-hover:hover{color:var(--light, #ffffff);background-color:var(--accent-80, rgba(39, 110, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .accent-80{color:var(--accent-80, rgba(39, 110, 241, 0.8));fill:var(--accent-80, rgba(39, 110, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10{background-color:var(--app-color-10, rgba(90, 48, 244, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-10-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-10{color:var(--app-color-10, rgba(90, 48, 244, 0.1));fill:var(--app-color-10, rgba(90, 48, 244, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20{background-color:var(--app-color-20, rgba(90, 48, 244, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-20-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-20{color:var(--app-color-20, rgba(90, 48, 244, 0.2));fill:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40{background-color:var(--app-color-40, rgba(90, 48, 244, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-40-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-40, rgba(90, 48, 244, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-40{color:var(--app-color-40, rgba(90, 48, 244, 0.4));fill:var(--app-color-40, rgba(90, 48, 244, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60{background-color:var(--app-color-60, rgba(90, 48, 244, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-60-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-60{color:var(--app-color-60, rgba(90, 48, 244, 0.6));fill:var(--app-color-60, rgba(90, 48, 244, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80{background-color:var(--app-color-80, rgba(90, 48, 244, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-app-color-80-hover:hover{color:var(--light, #ffffff);background-color:var(--app-color-80, rgba(90, 48, 244, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .app-color-80{color:var(--app-color-80, rgba(90, 48, 244, 0.8));fill:var(--app-color-80, rgba(90, 48, 244, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10{background-color:var(--danger-10, rgba(212, 67, 51, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-10-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-10, rgba(212, 67, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-10{color:var(--danger-10, rgba(212, 67, 51, 0.1));fill:var(--danger-10, rgba(212, 67, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20{background-color:var(--danger-20, rgba(212, 67, 51, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-20-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-20, rgba(212, 67, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-20{color:var(--danger-20, rgba(212, 67, 51, 0.2));fill:var(--danger-20, rgba(212, 67, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40{background-color:var(--danger-40, rgba(212, 67, 51, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-40-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-40, rgba(212, 67, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-40{color:var(--danger-40, rgba(212, 67, 51, 0.4));fill:var(--danger-40, rgba(212, 67, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60{background-color:var(--danger-60, rgba(212, 67, 51, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-60-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-60, rgba(212, 67, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-60{color:var(--danger-60, rgba(212, 67, 51, 0.6));fill:var(--danger-60, rgba(212, 67, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80{background-color:var(--danger-80, rgba(212, 67, 51, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-danger-80-hover:hover{color:var(--light, #ffffff);background-color:var(--danger-80, rgba(212, 67, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .danger-80{color:var(--danger-80, rgba(212, 67, 51, 0.8));fill:var(--danger-80, rgba(212, 67, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10{background-color:var(--dark-10, rgba(0, 0, 0, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-10-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-10{color:var(--dark-10, rgba(0, 0, 0, 0.1));fill:var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20{background-color:var(--dark-20, rgba(0, 0, 0, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-20-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-20, rgba(0, 0, 0, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-20{color:var(--dark-20, rgba(0, 0, 0, 0.2));fill:var(--dark-20, rgba(0, 0, 0, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40{background-color:var(--dark-40, rgba(0, 0, 0, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-40-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-40, rgba(0, 0, 0, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-40{color:var(--dark-40, rgba(0, 0, 0, 0.4));fill:var(--dark-40, rgba(0, 0, 0, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60{background-color:var(--dark-60, rgba(0, 0, 0, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-60-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-60, rgba(0, 0, 0, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-60{color:var(--dark-60, rgba(0, 0, 0, 0.6));fill:var(--dark-60, rgba(0, 0, 0, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80{background-color:var(--dark-80, rgba(0, 0, 0, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-dark-80-hover:hover{color:var(--light, #ffffff);background-color:var(--dark-80, rgba(0, 0, 0, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .dark-80{color:var(--dark-80, rgba(0, 0, 0, 0.8));fill:var(--dark-80, rgba(0, 0, 0, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10{background-color:var(--energized-10, rgba(255, 192, 67, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-10-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-10, rgba(255, 192, 67, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-10{color:var(--energized-10, rgba(255, 192, 67, 0.1));fill:var(--energized-10, rgba(255, 192, 67, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20{background-color:var(--energized-20, rgba(255, 192, 67, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-20-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-20, rgba(255, 192, 67, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-20{color:var(--energized-20, rgba(255, 192, 67, 0.2));fill:var(--energized-20, rgba(255, 192, 67, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40{background-color:var(--energized-40, rgba(255, 192, 67, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-40-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-40, rgba(255, 192, 67, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-40{color:var(--energized-40, rgba(255, 192, 67, 0.4));fill:var(--energized-40, rgba(255, 192, 67, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60{background-color:var(--energized-60, rgba(255, 192, 67, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-60-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-60, rgba(255, 192, 67, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-60{color:var(--energized-60, rgba(255, 192, 67, 0.6));fill:var(--energized-60, rgba(255, 192, 67, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80{background-color:var(--energized-80, rgba(255, 192, 67, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-energized-80-hover:hover{color:var(--light, #ffffff);background-color:var(--energized-80, rgba(255, 192, 67, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .energized-80{color:var(--energized-80, rgba(255, 192, 67, 0.8));fill:var(--energized-80, rgba(255, 192, 67, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10{background-color:var(--info-10, rgba(216, 76, 150, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-10-hover:hover{color:var(--light, #ffffff);background-color:var(--info-10, rgba(216, 76, 150, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-10{color:var(--info-10, rgba(216, 76, 150, 0.1));fill:var(--info-10, rgba(216, 76, 150, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20{background-color:var(--info-20, rgba(216, 76, 150, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-20-hover:hover{color:var(--light, #ffffff);background-color:var(--info-20, rgba(216, 76, 150, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-20{color:var(--info-20, rgba(216, 76, 150, 0.2));fill:var(--info-20, rgba(216, 76, 150, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40{background-color:var(--info-40, rgba(216, 76, 150, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-40-hover:hover{color:var(--light, #ffffff);background-color:var(--info-40, rgba(216, 76, 150, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-40{color:var(--info-40, rgba(216, 76, 150, 0.4));fill:var(--info-40, rgba(216, 76, 150, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60{background-color:var(--info-60, rgba(216, 76, 150, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-60-hover:hover{color:var(--light, #ffffff);background-color:var(--info-60, rgba(216, 76, 150, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-60{color:var(--info-60, rgba(216, 76, 150, 0.6));fill:var(--info-60, rgba(216, 76, 150, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80{background-color:var(--info-80, rgba(216, 76, 150, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-info-80-hover:hover{color:var(--light, #ffffff);background-color:var(--info-80, rgba(216, 76, 150, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .info-80{color:var(--info-80, rgba(216, 76, 150, 0.8));fill:var(--info-80, rgba(216, 76, 150, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10{background-color:var(--light-10, rgba(255, 255, 255, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-10-hover:hover{color:var(--light, #ffffff);background-color:var(--light-10, rgba(255, 255, 255, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-10{color:var(--light-10, rgba(255, 255, 255, 0.1));fill:var(--light-10, rgba(255, 255, 255, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20{background-color:var(--light-20, rgba(255, 255, 255, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-20-hover:hover{color:var(--light, #ffffff);background-color:var(--light-20, rgba(255, 255, 255, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-20{color:var(--light-20, rgba(255, 255, 255, 0.2));fill:var(--light-20, rgba(255, 255, 255, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40{background-color:var(--light-40, rgba(255, 255, 255, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-40-hover:hover{color:var(--light, #ffffff);background-color:var(--light-40, rgba(255, 255, 255, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-40{color:var(--light-40, rgba(255, 255, 255, 0.4));fill:var(--light-40, rgba(255, 255, 255, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60{background-color:var(--light-60, rgba(255, 255, 255, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-60-hover:hover{color:var(--light, #ffffff);background-color:var(--light-60, rgba(255, 255, 255, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-60{color:var(--light-60, rgba(255, 255, 255, 0.6));fill:var(--light-60, rgba(255, 255, 255, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80{background-color:var(--light-80, rgba(255, 255, 255, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-light-80-hover:hover{color:var(--light, #ffffff);background-color:var(--light-80, rgba(255, 255, 255, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .light-80{color:var(--light-80, rgba(255, 255, 255, 0.8));fill:var(--light-80, rgba(255, 255, 255, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10{background-color:var(--stable-10, rgba(173, 173, 173, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-10, rgba(173, 173, 173, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-10{color:var(--stable-10, rgba(173, 173, 173, 0.1));fill:var(--stable-10, rgba(173, 173, 173, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20{background-color:var(--stable-20, rgba(173, 173, 173, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-20, rgba(173, 173, 173, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-20{color:var(--stable-20, rgba(173, 173, 173, 0.2));fill:var(--stable-20, rgba(173, 173, 173, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40{background-color:var(--stable-40, rgba(173, 173, 173, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-40{color:var(--stable-40, rgba(173, 173, 173, 0.4));fill:var(--stable-40, rgba(173, 173, 173, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60{background-color:var(--stable-60, rgba(173, 173, 173, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-60, rgba(173, 173, 173, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-60{color:var(--stable-60, rgba(173, 173, 173, 0.6));fill:var(--stable-60, rgba(173, 173, 173, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80{background-color:var(--stable-80, rgba(173, 173, 173, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-80, rgba(173, 173, 173, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-80{color:var(--stable-80, rgba(173, 173, 173, 0.8));fill:var(--stable-80, rgba(173, 173, 173, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10{background-color:var(--stable-alt-10, rgba(208, 208, 208, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-10{color:var(--stable-alt-10, rgba(208, 208, 208, 0.1));fill:var(--stable-alt-10, rgba(208, 208, 208, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20{background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-20{color:var(--stable-alt-20, rgba(208, 208, 208, 0.2));fill:var(--stable-alt-20, rgba(208, 208, 208, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40{background-color:var(--stable-alt-40, rgba(208, 208, 208, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-40{color:var(--stable-alt-40, rgba(208, 208, 208, 0.4));fill:var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60{background-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-60{color:var(--stable-alt-60, rgba(208, 208, 208, 0.6));fill:var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80{background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-alt-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-alt-80{color:var(--stable-alt-80, rgba(208, 208, 208, 0.8));fill:var(--stable-alt-80, rgba(208, 208, 208, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10{background-color:var(--stable-light-10, rgba(241, 241, 241, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-10, rgba(241, 241, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-10{color:var(--stable-light-10, rgba(241, 241, 241, 0.1));fill:var(--stable-light-10, rgba(241, 241, 241, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20{background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-20{color:var(--stable-light-20, rgba(241, 241, 241, 0.2));fill:var(--stable-light-20, rgba(241, 241, 241, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40{background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-40{color:var(--stable-light-40, rgba(241, 241, 241, 0.4));fill:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60{background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-60{color:var(--stable-light-60, rgba(241, 241, 241, 0.6));fill:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80{background-color:var(--stable-light-80, rgba(241, 241, 241, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-light-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-light-80{color:var(--stable-light-80, rgba(241, 241, 241, 0.8));fill:var(--stable-light-80, rgba(241, 241, 241, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10{background-color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-10-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-10{color:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1));fill:var(--stable-ultralight-10, rgba(250, 250, 250, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20{background-color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-20-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-20{color:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2));fill:var(--stable-ultralight-20, rgba(250, 250, 250, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40{background-color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-40-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-40{color:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4));fill:var(--stable-ultralight-40, rgba(250, 250, 250, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60{background-color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-60-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-60{color:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6));fill:var(--stable-ultralight-60, rgba(250, 250, 250, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80{background-color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-stable-ultralight-80-hover:hover{color:var(--light, #ffffff);background-color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .stable-ultralight-80{color:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8));fill:var(--stable-ultralight-80, rgba(250, 250, 250, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10{background-color:var(--success-10, rgba(58, 167, 109, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-10-hover:hover{color:var(--light, #ffffff);background-color:var(--success-10, rgba(58, 167, 109, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-10{color:var(--success-10, rgba(58, 167, 109, 0.1));fill:var(--success-10, rgba(58, 167, 109, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20{background-color:var(--success-20, rgba(58, 167, 109, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-20-hover:hover{color:var(--light, #ffffff);background-color:var(--success-20, rgba(58, 167, 109, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-20{color:var(--success-20, rgba(58, 167, 109, 0.2));fill:var(--success-20, rgba(58, 167, 109, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40{background-color:var(--success-40, rgba(58, 167, 109, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-40-hover:hover{color:var(--light, #ffffff);background-color:var(--success-40, rgba(58, 167, 109, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-40{color:var(--success-40, rgba(58, 167, 109, 0.4));fill:var(--success-40, rgba(58, 167, 109, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60{background-color:var(--success-60, rgba(58, 167, 109, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-60-hover:hover{color:var(--light, #ffffff);background-color:var(--success-60, rgba(58, 167, 109, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-60{color:var(--success-60, rgba(58, 167, 109, 0.6));fill:var(--success-60, rgba(58, 167, 109, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80{background-color:var(--success-80, rgba(58, 167, 109, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-success-80-hover:hover{color:var(--light, #ffffff);background-color:var(--success-80, rgba(58, 167, 109, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .success-80{color:var(--success-80, rgba(58, 167, 109, 0.8));fill:var(--success-80, rgba(58, 167, 109, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10{background-color:var(--text-color-10, rgba(128, 127, 131, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-10-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-10{color:var(--text-color-10, rgba(128, 127, 131, 0.1));fill:var(--text-color-10, rgba(128, 127, 131, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20{background-color:var(--text-color-20, rgba(128, 127, 131, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-20-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-20{color:var(--text-color-20, rgba(128, 127, 131, 0.2));fill:var(--text-color-20, rgba(128, 127, 131, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40{background-color:var(--text-color-40, rgba(128, 127, 131, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-40-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-40, rgba(128, 127, 131, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-40{color:var(--text-color-40, rgba(128, 127, 131, 0.4));fill:var(--text-color-40, rgba(128, 127, 131, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60{background-color:var(--text-color-60, rgba(128, 127, 131, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-60-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-60, rgba(128, 127, 131, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-60{color:var(--text-color-60, rgba(128, 127, 131, 0.6));fill:var(--text-color-60, rgba(128, 127, 131, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80{background-color:var(--text-color-80, rgba(128, 127, 131, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-text-color-80-hover:hover{color:var(--light, #ffffff);background-color:var(--text-color-80, rgba(128, 127, 131, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .text-color-80{color:var(--text-color-80, rgba(128, 127, 131, 0.8));fill:var(--text-color-80, rgba(128, 127, 131, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10{background-color:var(--warning-10, rgba(237, 110, 51, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-10-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-10, rgba(237, 110, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-10{color:var(--warning-10, rgba(237, 110, 51, 0.1));fill:var(--warning-10, rgba(237, 110, 51, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20{background-color:var(--warning-20, rgba(237, 110, 51, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-20-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-20, rgba(237, 110, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-20{color:var(--warning-20, rgba(237, 110, 51, 0.2));fill:var(--warning-20, rgba(237, 110, 51, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40{background-color:var(--warning-40, rgba(237, 110, 51, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-40-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-40, rgba(237, 110, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-40{color:var(--warning-40, rgba(237, 110, 51, 0.4));fill:var(--warning-40, rgba(237, 110, 51, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60{background-color:var(--warning-60, rgba(237, 110, 51, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-60-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-60, rgba(237, 110, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-60{color:var(--warning-60, rgba(237, 110, 51, 0.6));fill:var(--warning-60, rgba(237, 110, 51, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80{background-color:var(--warning-80, rgba(237, 110, 51, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-warning-80-hover:hover{color:var(--light, #ffffff);background-color:var(--warning-80, rgba(237, 110, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .warning-80{color:var(--warning-80, rgba(237, 110, 51, 0.8));fill:var(--warning-80, rgba(237, 110, 51, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10{background-color:var(--wood-10, rgba(153, 100, 76, 0.1)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-10-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-10, rgba(153, 100, 76, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-10{color:var(--wood-10, rgba(153, 100, 76, 0.1));fill:var(--wood-10, rgba(153, 100, 76, 0.1))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20{background-color:var(--wood-20, rgba(153, 100, 76, 0.2)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-20-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-20, rgba(153, 100, 76, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-20{color:var(--wood-20, rgba(153, 100, 76, 0.2));fill:var(--wood-20, rgba(153, 100, 76, 0.2))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40{background-color:var(--wood-40, rgba(153, 100, 76, 0.4)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-40-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-40, rgba(153, 100, 76, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-40{color:var(--wood-40, rgba(153, 100, 76, 0.4));fill:var(--wood-40, rgba(153, 100, 76, 0.4))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60{background-color:var(--wood-60, rgba(153, 100, 76, 0.6)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-60-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-60, rgba(153, 100, 76, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-60{color:var(--wood-60, rgba(153, 100, 76, 0.6));fill:var(--wood-60, rgba(153, 100, 76, 0.6))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80{background-color:var(--wood-80, rgba(153, 100, 76, 0.8)) !important}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80-hover{color:var(--text-color, #807f83);background-color:var(--light, #ffffff)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .bg-wood-80-hover:hover{color:var(--light, #ffffff);background-color:var(--wood-80, rgba(153, 100, 76, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container .wood-80{color:var(--wood-80, rgba(153, 100, 76, 0.8));fill:var(--wood-80, rgba(153, 100, 76, 0.8))}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;width:100%;opacity:0;-webkit-transition:0.2s;transition:0.2s}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.force-opacity{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.visible{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web.visible yoo-button{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web yoo-button{z-index:1;-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web yoo-context-menu{z-index:1}:host yoo-ion-item-sliding yoo-ion-item-options .options-container.web:hover{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options.hovered .options-container.web{opacity:1}:host yoo-ion-item-sliding yoo-ion-item-options button{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin:0;padding:0rem 0.5rem;background-color:var(--stable, #adadad);border:none;visibility:hidden}:host yoo-ion-item-sliding yoo-ion-item-options button .text-action{font-size:var(--font-size-14, 0.875rem);font-family:var(--font-family, \"Varela Round\", \"Lato\")}:host yoo-ion-item-sliding yoo-ion-item-options button yoo-icon{width:60px;margin-top:0.1rem;font-size:var(--font-size-18, 1.125rem)}:host yoo-ion-item-sliding.item-sliding-active-slide{overflow:visible}:host yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item{border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:0.125rem 0 0.25rem 0 var(--dark-10, rgba(0, 0, 0, 0.1));box-shadow:0.125rem 0 0.25rem 0 var(--dark-10, rgba(0, 0, 0, 0.1))}:host yoo-ion-item-sliding.item-sliding-active-slide yoo-ion-item-options button{visibility:visible}:host yoo-ion-list,:host yoo-virtual-scroll{position:relative;margin-top:0.5rem}:host yoo-ion-list yoo-ion-item,:host yoo-virtual-scroll yoo-ion-item{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;padding:0 var(--spacing-16, 1rem)}:host yoo-ion-list yoo-entity,:host yoo-virtual-scroll yoo-entity{width:100%}:host yoo-ion-list .more-container,:host yoo-virtual-scroll .more-container{-webkit-padding-start:var(--spacing-08, 0.5rem);padding-inline-start:var(--spacing-08, 0.5rem);color:var(--stable, #adadad)}@media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-width: 370px){:host yoo-entity.empty-entity{width:5.2rem !important;height:0}:host yoo-entity.empty-entity.photos{width:5.7rem !important;height:0}}@media only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 370px){:host yoo-entity.empty-entity{width:5.2rem !important;height:0}}@media only screen and (min-width: 400px){:host yoo-entity.empty-entity{width:7.6rem;height:0}:host yoo-entity.empty-entity.photos{width:7.6rem !important;height:0}}:host .grid-cell{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:space-evenly;justify-content:space-evenly;margin-top:1rem}:host .grid-cell yoo-entity.empty-entity{width:7.1rem !important;height:0}:host .grid-cell yoo-entity.empty-entity.photos{width:6.6rem;height:0}:host .grid-cell .entity-inner-container.card-cell{min-width:90px}:host .grid-media{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-box-pack:justify;-ms-flex-pack:center;justify-content:center;margin-top:1rem}:host yoo-entity.empty-entity.card-cell.giphy,:host yoo-entity.empty-entity.card-cell.photos,:host yoo-entity.empty-entity.card-cell.unsplash,:host yoo-entity.empty-entity.card-cell.aiimage{width:7.5rem !important}:host yoo-entity.empty-entity.card-media.medium{width:9.25rem !important}:host yoo-entity.empty-entity.card-media.large{width:18.5rem !important}:host ::slotted(.missions-page.grid-extra-opts[slot=before-scroll]){margin:var(--spacing-08, 0.5rem)}:host ::slotted(.missions-page.grid-extra-opts[slot=before]){margin:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.web) .join-line{top:2.25rem}:host(.web) .animated-illustration{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0}:host(.web) .container-base .header-container .header-title{margin:var(--spacing-16, 1rem) 0 0}:host(.web) yoo-illustration,:host(.web) yoo-animated-illustration{height:var(--animated-illustration-height, 12rem)}:host(.web) ::slotted(.missions-page.grid-extra-opts[slot=before-scroll]){-webkit-margin-start:0;margin-inline-start:0}:host(.web) .sub-item-container .relative{position:relative}:host(.web) .sub-item-container yoo-icon.position{-webkit-padding-end:var(--spacing-04, 0.25rem);padding-inline-end:var(--spacing-04, 0.25rem)}:host(.vertical-line) yoo-ion-item-divider{min-height:auto;--padding-start:0;--divider-padding-top:0;--divider-padding-bottom:0}:host(.vertical-line) .header-description{-webkit-margin-start:var(--spacing-12, 0.75rem);margin-inline-start:var(--spacing-12, 0.75rem);-webkit-padding-start:1.75rem;padding-inline-start:1.75rem;-webkit-border-start:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-inline-start:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.vertical-line) .header-description.active{border-color:var(--app-color, #5a30f4)}:host(.vertical-line) .container-base .entity-inner-container.card-course-row{border:none !important}:host(.vertical-line) .container-base .entity-inner-container.card-course-row::before,:host(.vertical-line) .container-base .entity-inner-container.card-course-row::after{position:absolute;height:calc(50% - 0.625rem);-webkit-border-start:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);border-inline-start:var(--border-width-01, 0.0625rem) solid var(--app-color, #5a30f4);content:\"\"}:host(.vertical-line) .container-base .entity-inner-container.card-course-row::before{top:0}:host(.vertical-line) .container-base .entity-inner-container.card-course-row::after{bottom:0}:host(.vertical-line) .container-base .entity-inner-container.card-course-row.previous-empty::before{height:0}:host(.vertical-line) .container-base .entity-inner-container.card-course-row.previous-locked::before{-webkit-border-start:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-inline-start:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.vertical-line) .container-base .entity-inner-container.card-course-row.next-locked::after{-webkit-border-start:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-inline-start:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.vertical-line) .container-base .entity-inner-container.card-course-row.next-empty::after{height:0}:host(.vertical-line.mobile) yoo-ion-item-divider{--padding-start:var(--spacing-16)}:host(.vertical-line.mobile) .header-description{-webkit-margin-start:1.75rem;margin-inline-start:1.75rem}:host(.form-grid) yoo-ion-item.selected{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.form-grid.mobile) yoo-virtual-scroll yoo-ion-item,:host(.form-grid.mobile) yoo-ion-list yoo-ion-item{padding:0}:host(.form-grid:not(.not-scrollable)),:host(.form-grid.wizard:not(.not-scrollable)){position:absolute;top:0;right:0;bottom:0;left:0;margin-top:var(--spacing-08, 0.5rem)}:host(.form-grid:not(.not-scrollable)) .container-base,:host(.form-grid.wizard:not(.not-scrollable)) .container-base{height:100%}:host(:not(.web)) .grid-cell yoo-entity.selected:after{display:none !important}:host(.mobile.autocomplete) .container-base{background:var(--light, #ffffff)}:host(.mobile.autocomplete) .container-base yoo-loader.autocomplete{height:auto}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-form-input{-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-form-input:not(.with-toggle){-webkit-padding-end:var(--spacing-16, 1rem);padding-inline-end:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header .dynamic-ordering-header-container .selected-text{-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem);font-size:var(--font-size-16, 1rem)}:host(.mobile.autocomplete) .container-base .dropdown-header .dynamic-ordering-header-container yoo-button{max-width:9rem;-webkit-padding-end:var(--spacing-08, 0.5rem);padding-inline-end:var(--spacing-08, 0.5rem)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-navbar{--bottom-shadow:0 0.0625rem 0 0 var(--stable-alt-60, rgba(208, 208, 208, 0.6));background:var(--light, #ffffff)}:host(.mobile.autocomplete) .container-base .dropdown-header yoo-items.autocomplete-spacing{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host(.mobile.autocomplete) .container-base yoo-ion-list,:host(.mobile.autocomplete) .container-base yoo-virtual-scroll{margin-top:0}:host(.mobile.autocomplete) .container-base .grid-cell{margin-top:var(--spacing-02, 0.125rem)}:host(.mobile.autocomplete) .container-base .add-tag-mobile{z-index:10000;-ms-flex-pack:justify;justify-content:space-between;height:100%}:host(.mobile.autocomplete) .container-base .add-tag-mobile .text-container{padding:var(--spacing-56, 3.5rem) var(--spacing-64, 4rem) 0 var(--spacing-64, 4rem);text-align:center}:host(.mobile.autocomplete) .container-base .add-tag-mobile .add-tag-button-container{width:100%;padding:var(--spacing-16, 1rem) 0 calc(var(--spacing-16, 1rem) + var(--safe-area-inset-bottom)) 0;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.mobile.autocomplete) .container-base .add-tag-mobile .add-tag-button-container yoo-button{padding:0 var(--spacing-16, 1rem)}:host(.radio-button-choice) .container-base{margin:0 !important}:host(.radio-button-choice) yoo-virtual-scroll yoo-ion-item-sliding yoo-ion-item-options .options-container,:host(.radio-button-choice) yoo-ion-list yoo-ion-item-sliding yoo-ion-item-options .options-container{opacity:1}:host(.radio-button-choice) .body-container .entity-inner-container{height:100%}:host(.radio-button-choice) .body-container.card-list .item.item-ios yoo-entity,:host(.radio-button-choice) .body-container.card-list .item.item-md yoo-entity{--padding-left-content-container:0;--padding-right-content-container-card-list:2.5rem;--overflow-card-heading-text-card-list:visible;--text-overflow-card-heading-text-card-list:clip;--white-space-card-heading-text-card-list:normal;--font-size-icon-check-selected:var(--icon-size-02, 1.5rem);max-width:none}:host(.radio-button-choice) .body-container.card-list .item.item-ios yoo-entity.selected,:host(.radio-button-choice) .body-container.card-list .item.item-md yoo-entity.selected{font-weight:var(--font-weight-400, 400)}:host(.radio-button-choice) yoo-illustration,:host(.radio-button-choice) yoo-animated-illustration{display:none}:host(.bordered){border:var(--border-width-01, 0.0625rem) solid var(--stable-40, rgba(173, 173, 173, 0.4))}:host(.map){height:100%}:host(.map) .container-base{position:relative;height:100%}:host(.map) .container-base yoo-navbar{background:var(--light, #ffffff)}:host(.map) .container-base .map-scroll-container{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host(.map) .container-base .map-scroll-container .absolute.web{bottom:1rem;height:auto}:host(.map) .container-base .map-scroll-container yoo-ion-scroll{position:absolute;top:unset;bottom:var(--spacing-16, 1rem);min-height:5.75rem;margin:0 0 var(--spacing-16, 1rem) 0}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container{position:absolute;bottom:0;display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end;-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem);-webkit-padding-end:var(--spacing-16, 1rem);padding-inline-end:var(--spacing-16, 1rem)}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container .entity-container{min-width:21.5625rem;-webkit-margin-end:var(--spacing-04, 0.25rem);margin-inline-end:var(--spacing-04, 0.25rem)}:host(.map) .container-base .map-scroll-container yoo-ion-scroll .entities-container .entity-container yoo-entity{--entity-background:cssvar(light) !important;--margin:0 !important}:host(.web:not(.framed):not(.noabsolute)) .container-base.columns .horizontal-scroll-parent,:host(.web:not(.framed).empty) .container-base.columns .horizontal-scroll-parent{position:relative;height:100%}:host(.web:not(.framed):not(.noabsolute)) .container-base.columns .horizontal-scroll,:host(.web:not(.framed).empty) .container-base.columns .horizontal-scroll{position:absolute;top:0;right:0;bottom:0;left:0}:host(.card-sticky.horizontal) .container-horizontal{height:100%}:host(.card-sticky.horizontal) .container-horizontal .slide{height:100%}:host(.card-sticky.horizontal) .container-horizontal .slide .entity-inner-container{height:100%}:host(.card-sticky.horizontal) .container-horizontal .slide .entity-inner-container yoo-entity{height:100%}:host(.card-sticky.horizontal) .container-horizontal .slide .entity-inner-container yoo-entity yoo-card-sticky{display:block;height:100%}:host(.web.dialog:not(.framed):not(.card-list):not(.card-course-row):not(.card-list-color):not(.card-image)) yoo-entity-query-builder{-webkit-margin-start:var(--spacing-04, 0.25rem);margin-inline-start:var(--spacing-04, 0.25rem)}:host(.web.dialog:not(.framed):not(.card-list):not(.card-course-row):not(.card-list-color):not(.card-image)) .total-header{padding-bottom:0}:host(.web:not(.framed)) yoo-ion-item-sliding.hovered:not(.dragging){background:var(--stable-light-40, rgba(241, 241, 241, 0.4))}:host(.web:not(.framed)) yoo-entity.photos.card-list{margin-bottom:0}:host(.web:not(.framed)) .container-base{width:auto;-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem);background:transparent}:host(.web:not(.framed)) .container-base.columns{position:relative}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll{overflow-x:auto;overflow-y:hidden;-webkit-transition:0.3s;transition:0.3s}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:100%;height:100%}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar{width:var(--spacing-08, 0.5rem);height:var(--spacing-08, 0.5rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content.with-header yoo-ion-scroll{height:calc(100% - 3rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content.with-header yoo-ion-scroll.empty{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;min-width:calc(100% - 0.5rem);padding-bottom:var(--spacing-08, 0.5rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container.with-more{min-width:calc(100% - 2.5rem)}:host(.web:not(.framed)) .container-base.columns .horizontal-scroll-parent .horizontal-scroll .horizontal-content .title-container.with-more .heading-title{-webkit-margin-start:0;margin-inline-start:0}:host(.web:not(.framed)) .container-base .grid-cell{-ms-flex-pack:center;justify-content:center}:host(.web:not(.framed)) .container-base .gradient-overlay{position:absolute;bottom:0;z-index:2;width:6rem;height:100%}:host(.web:not(.framed)) .container-base .gradient-overlay.has-heading{max-height:calc(100% - var(--spacing-40, 2.5rem))}:host(.web:not(.framed)) .container-base .title-container{display:-ms-flexbox;display:flex;-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem);padding:1rem 0;padding-bottom:0;color:var(--dark, #000000);font-weight:bold;font-size:var(--font-size-14, 0.875rem)}:host(.web:not(.framed)) .container-base .title-container .heading-title{-ms-flex:1;flex:1;min-width:15rem;-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem)}:host(.web:not(.framed)) .container-base .title-container .heading-title.resized{-ms-flex:none;flex:none;min-width:unset}:host(.web:not(.framed)) .container-base .title-container .columns-title-container{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}:host(.web:not(.framed)) .container-base .title-container .columns-title-container yoo-context-menu{-webkit-padding-end:var(--spacing-16, 1rem);padding-inline-end:var(--spacing-16, 1rem)}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header{position:relative;-webkit-padding-end:var(--spacing-16, 1rem);padding-inline-end:var(--spacing-16, 1rem);-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header yoo-tooltip{-ms-flex-pack:start;justify-content:flex-start}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area{width:1rem;cursor:col-resize;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area .resize-border{width:0.0625rem;height:100%;background:var(--stable-alt, #d0d0d0);opacity:0}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area:hover .resize-border,:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .resize-border-draggable-area.show .resize-border{opacity:1}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content .truncate{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host(.web:not(.framed)) .container-base .title-container .columns-title-container .column-header .column-header-content yoo-icon{margin-top:0.2rem;-webkit-margin-end:0.2rem;margin-inline-end:0.2rem}:host(.web:not(.framed)) .container-base .entity-container{overflow:hidden}:host(.web:not(.framed)) .container-base .entity-inner-container.card-list:not(.entitycomments),:host(.web:not(.framed)) .container-base .entity-inner-container.card-course-row,:host(.web:not(.framed)) .container-base .entity-inner-container.card-battle,:host(.web:not(.framed)) .container-base .entity-inner-container.card-notification{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base .entity-inner-container.card-media{margin-bottom:var(--spacing-16, 1rem)}:host(.web:not(.framed)) .container-base.keep-selection .title-container .heading-title{-webkit-margin-start:var(--spacing-32, 2rem);margin-inline-start:var(--spacing-32, 2rem)}:host(.web:not(.framed)) .container-base.keep-selection .entity-container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.web:not(.framed)) .container-base.keep-selection .entity-container .entity-inner-container.card-list{width:auto;border-bottom:none}:host(.web:not(.framed)) .container-base.keep-selection .entity-inner-container:not(.card-cell):not(.card-cell-color):not(.card-media):not(.card-template):not(.autocomplete-selection-mode){-webkit-padding-start:var(--spacing-32, 2rem);padding-inline-start:var(--spacing-32, 2rem)}:host(.web:not(.framed)) .body-container.card-list-color{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem)}:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item.item-ios,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item.item-md,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) .item-options-end,:host(.web:not(.framed)) .body-container:not(.card-image):not(.card-cell-image) yoo-ion-item{min-height:unset;padding:0}:host(.web:not(.framed)) .body-container .entity-inner-container.overflow-visible{overflow:visible}:host(.no-padding-container) .container-base{margin:0 !important}:host(.no-padding-container) .container-base .body-container{margin:0 !important}:host(.no-padding-container) .container-base .map-scroll-container .absolute.web{bottom:0 !important}:host(.hide-main-column-header) .title-container{display:none !important}:host(.mobile.ag-grid){height:100%}:host(.mobile.ag-grid) .container-base{height:100%}:host(.mobile.kanban){height:100%}:host(.mobile.kanban) .container-base{position:relative;display:-ms-flexbox;display:flex;height:100%}:host(.mobile.kanban) .container-base yoo-kanban{position:initial;-ms-flex:1;flex:1}:host(.kanban) .container-base.keep-selection .title-container .heading-title{-webkit-margin-start:0 !important;margin-inline-start:0 !important}:host(.web.ag-grid.full-width) .container-base{width:100%}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base{margin:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base yoo-navbar:not(.expanded-autocomplete){padding-top:var(--spacing-08, 0.5rem);padding-bottom:var(--spacing-08, 0.5rem);-webkit-padding-start:var(--spacing-08, 0.5rem);padding-inline-start:var(--spacing-08, 0.5rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dropdown-header .form-radio-container{padding:var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem);background:var(--light, #ffffff)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dropdown-header .form-radio-container yoo-form-radio{grid-auto-columns:unset}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .dynamic-ordering-header-container:not(.no-search):not(.filters-visible){padding-top:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .selected-text{-webkit-padding-start:var(--spacing-08, 0.5rem);padding-inline-start:var(--spacing-08, 0.5rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container{margin-top:0}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container .entity-inner-container{-webkit-padding-before:0;padding-block-start:0;-webkit-padding-after:0;padding-block-end:0;-webkit-padding-start:var(--spacing-08, 0.5rem);padding-inline-start:var(--spacing-08, 0.5rem);-webkit-padding-end:var(--spacing-32, 2rem);padding-inline-end:var(--spacing-32, 2rem);border-bottom:none}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .body-container yoo-ion-item-sliding .hover-container yoo-ion-item-options yoo-icon.position{-webkit-padding-end:var(--spacing-04, 0.25rem);padding-inline-end:var(--spacing-04, 0.25rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .grid-cell{-ms-flex-pack:justify;justify-content:space-between;padding-bottom:var(--spacing-16, 1rem)}:host(.web.autocomplete-selection-mode:not(.empty)) .container-base .grid-cell .card-cell{min-width:6rem;min-height:4.75rem}:host(.web.autocomplete-selection-mode:not(.empty)) yoo-ion-item.selected{background:var(--app-color-20, rgba(90, 48, 244, 0.2))}:host(.framed.quickview) .frame-container.web{padding:0}:host(.framed.quickview) .frame-container.web .container{padding:0;overflow:visible;-webkit-box-shadow:none;box-shadow:none}:host(.framed.quickview) .frame-container.web .container .frame-header{margin-bottom:var(--spacing-08, 0.5rem);background:transparent;cursor:pointer}:host(.framed.quickview) .frame-container.web .container .frame-header .row .text-container .heading{font-size:var(--font-size-14, 0.875rem)}:host(.framed.quickview) .frame-container.web .container yoo-virtual-scroll yoo-virtual-item,:host(.framed.quickview) .frame-container.web .container yoo-ion-list,:host(.framed.quickview) .frame-container.web .container .grid-media{height:auto;background:var(--light, #ffffff);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(.framed.quickview) .frame-container.web .container .grid-media{margin-top:0;padding:var(--spacing-16, 1rem) 0}:host(.framed.shadow){--framed-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));--framed-radius:var(--spacing-08, 0.5rem);--framed-margin:0 var(--spacing-04, 0.25rem)}:host(.framed){height:100%}:host(.framed) .illustration-container{-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host(.framed) .illustration-container .animated-illustration{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-16, 1rem);-ms-flex-align:center;align-items:center;margin:var(--spacing-16, 1rem) 0 0;padding:0;overflow:hidden}:host(.framed) .illustration-container .animated-illustration yoo-illustration,:host(.framed) .illustration-container .animated-illustration yoo-animated-illustration{-ms-flex:75%;flex:75%;width:min(var(--illustration-size, 75%), 12rem);height:min(var(--illustration-size, 75%), 12rem);margin:0;padding:0}:host(.framed) .illustration-container .animated-illustration yoo-illustration.large.with-button,:host(.framed) .illustration-container .animated-illustration yoo-animated-illustration.large.with-button{-ms-flex:50%;flex:50%;width:min(var(--illustration-size-with-button, 50%), 12rem);height:min(var(--illustration-size-with-button, 50%), 12rem)}:host(.framed) .illustration-container .animated-illustration div{margin:0;padding:0}:host(.framed) .illustration-container .animated-illustration div.with-button{font-size:var(--font-size-14, 0.875rem)}:host(.framed) .illustration-container .animated-illustration yoo-button{width:100%}@media only screen and (max-width: 1024px){:host(.framed) .illustration-container .animated-illustration.web div.with-button,:host(.framed) .illustration-container .animated-illustration.tablet div.with-button{display:none}}:host(.framed) .form-illustration-container.widget-battles .form-illustration yoo-illustration,:host(.framed) .form-illustration-container.widget-battles .form-illustration yoo-animated-illustration{-ms-flex:35%;flex:35%;width:min(var(--illustration-size-with-battles, 35%), 12rem);height:min(var(--illustration-size-with-battles, 35%), 12rem)}:host(.framed) .frame-container{position:relative;display:-ms-flexbox;display:flex;-webkit-box-sizing:border-box;box-sizing:border-box;height:100%;padding:var(--spacing-16, 1rem);border-radius:var(--framed-radius);-webkit-box-shadow:var(--framed-shadow);box-shadow:var(--framed-shadow)}:host(.framed) .frame-container.web,:host(.framed) .frame-container.emulate{height:100%;margin:var(--framed-margin)}:host(.framed) .frame-container.web.none,:host(.framed) .frame-container.emulate.none{display:initial}:host(.framed) .frame-container.web .container .frame-header .row .text-container,:host(.framed) .frame-container.emulate .container .frame-header .row .text-container{-ms-flex-align:start;align-items:flex-start}:host(.framed) .frame-container.web .container .frame-header .row .text-container .heading,:host(.framed) .frame-container.emulate .container .frame-header .row .text-container .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-16, 1rem);cursor:pointer}:host(.framed) .frame-container .container{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}@media only screen and (max-width: 370px) and (-webkit-min-device-pixel-ratio: 3){:host(.framed) .frame-container .container yoo-entity.photos{width:6.4rem !important;height:6.4rem !important;margin-bottom:0.4rem}}:host(.framed) .frame-container .container .list-container,:host(.framed) .frame-container .container .grid-cell{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:center;align-items:center;margin:0;overflow:hidden}:host(.framed) .frame-container .container .list-container{position:relative;-ms-flex-direction:column;flex-direction:column}:host(.framed) .frame-container .container .list-container yoo-ion-list{width:100%}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item,:host(.framed) .frame-container .container yoo-ion-list,:host(.framed) .frame-container .container ion-list{-ms-flex:1;flex:1;margin-top:0 !important;margin-bottom:0 !important;-webkit-margin-start:0 !important;margin-inline-start:0 !important;overflow:hidden}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item,:host(.framed) .frame-container .container ion-list yoo-ion-item{--padding-entity:0;--padding-content-container-card-list:0.5rem 0;margin-top:0 !important;margin-bottom:var(--spacing-08, 0.5rem);padding:0}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item:not(.card-list-color),:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item:not(.card-list-color),:host(.framed) .frame-container .container ion-list yoo-ion-item:not(.card-list-color){border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1) !important}:host(.framed) .frame-container .container yoo-virtual-scroll yoo-virtual-item yoo-ion-item yoo-card-list,:host(.framed) .frame-container .container yoo-ion-list yoo-ion-item yoo-card-list,:host(.framed) .frame-container .container ion-list yoo-ion-item yoo-card-list{--border-bottom-outer-container:none !important}:host(.framed) .frame-container .frame-header{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;margin-bottom:var(--spacing-08, 0.5rem)}:host(.framed) .frame-container .frame-header .row{z-index:10;display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center}:host(.framed) .frame-container .frame-header .row .icon-container{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-margin-start:var(--spacing-08, 0.5rem);margin-inline-start:var(--spacing-08, 0.5rem);color:var(--app-color, #5a30f4);cursor:pointer}:host(.framed) .frame-container .frame-header .row .icon-container yoo-icon{color:var(--app-color, #5a30f4)}:host(.framed) .frame-container .frame-header .text-container{display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-align:start;align-items:flex-start;overflow:hidden}:host(.framed) .frame-container .frame-header .text-container .heading{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;display:inline-block;color:var(--dark, #000000);font-weight:var(--font-weight-900, 900);font-size:var(--font-size-16, 1rem)}:host(.framed) .bottom-overlay{position:absolute;bottom:0;width:100%;height:2rem;background:-webkit-gradient(linear, left top, left bottom, color-stop(22%, var(--transparent-linear-gradient, rgba(255, 255, 255, 0))), color-stop(61%, var(--light, #ffffff)));background:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) 22%, var(--light, #ffffff) 61%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr=\"#00ffffff\", endColorstr=\"#ffffff\",GradientType=0 )}:host(.framed) yoo-widget-tile{position:relative;width:100%}:host(.framed) yoo-widget-tile .tile.icon-container{position:absolute;top:var(--spacing-08, 0.5rem)}:host(.framed) yoo-widget-tile .tile.title{position:absolute;bottom:var(--spacing-08, 0.5rem)}:host(.framed) yoo-widget-tile yoo-badge.tile{position:absolute;bottom:var(--spacing-08, 0.5rem)}:host(.framed.two-columns){--illustration-size:100%}:host(.framed.two-columns) .container{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));-webkit-column-gap:var(--spacing-16, 1rem);-moz-column-gap:var(--spacing-16, 1rem);column-gap:var(--spacing-16, 1rem)}:host(.framed.two-columns) .animated-illustration{margin:0}:host(.framed.two-columns) .animated-illustration yoo-illustration,:host(.framed.two-columns) .animated-illustration yoo-animated-illustration{padding-top:var(--spacing-16, 1rem)}:host(.framed.two-columns) .entity-inner-container{height:100%}:host(.framed.two-columns) .frame-container .container yoo-ion-list yoo-ion-item{height:100%;padding:0;border:none}:host(.framed.two-columns) .frame-header{grid-column:1/-1}:host(.framed.waitliststats) .bottom-overlay{display:none}:host(.table) yoo-card-list{--border-bottom-outer-container:none}:host(.framed.horizontal) .frame-container{padding:0;padding-top:var(--spacing-08, 0.5rem);-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem)}:host(.framed.horizontal) .frame-container .body-container.card-list-color{padding:0;padding-bottom:var(--spacing-08, 0.5rem)}:host(.framed.horizontal) .frame-container .frame-header .row .icon-container{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host(.framed.horizontal.card-sticky) .frame-container{-webkit-padding-start:0;padding-inline-start:0}:host(.framed.horizontal.card-sticky) .frame-container .frame-header{-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem)}:host(.missiondescriptions.card-list-color) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.missiondescriptions.card-list-color) yoo-ion-list yoo-ion-item{margin:none !important;border-bottom:none !important}:host(.widget:not(.card-list-color)) .container-horizontal{padding:0;padding-top:0.5rem !important;background:var(--light, #ffffff);border-radius:var(--border-radius-04, 0.25rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15))}:host(.framed.horizontal.card-list-color) .frame-container .container-horizontal .frame-header .text-container .heading{font-weight:normal}:host(.framed.no-padding) .frame-container{padding:0}:host(.framed.full-width) .frame-container{padding:0.0625rem 0;padding-bottom:0}:host(.framed.full-width) .frame-container .container{border-radius:0;-webkit-box-shadow:none;box-shadow:none}:host(.framed.full-width) .frame-container .container .icon-container{display:none}:host(.framed.full-width.web.photos.card-cell) .frame-container .container-base .grid-cell{display:grid;grid-row-gap:var(--spacing-16, 1rem);grid-template-columns:120px 120px 120px 120px 120px 120px}:host(.framed.full-width.web.photos.card-cell) .frame-container .container-base .grid-cell .entity-inner-container{justify-self:center}:host(.lessons.web) .entity-inner-container.card-list{border-bottom:none !important}:host(.lessons.web) yoo-ion-item-divider{-webkit-margin-start:var(--spacing-32, 2rem);margin-inline-start:var(--spacing-32, 2rem)}:host(.lessons.mobile){margin-top:var(--spacing-08, 0.5rem)}:host(.lessons.mobile) yoo-ion-item-divider{width:calc(100% - 3rem)}:host(.lessons) .container-base{position:relative}:host(.lessons) yoo-ion-item-divider{-webkit-margin-start:var(--spacing-48, 3rem);margin-inline-start:var(--spacing-48, 3rem);padding:0 1rem}:host(.lessons) .join-line{position:absolute;z-index:1;width:var(--spacing-02, 0.125rem);background-color:var(--app-color, #5a30f4)}:host(.card-cell.channel:not(.empty)) .frame-container,:host(.card-cell.channels:not(.empty)) .frame-container,:host(.card-cell.contacts:not(.empty)) .frame-container,:host(.card-cell.locations:not(.empty)) .frame-container{padding-bottom:0}:host(.card-cell-color) .grid-cell,:host(.card-menu) .grid-cell{display:grid !important;grid-template-columns:var(--grid-template-columns, repeat(2, minmax(0, 1fr)));gap:var(--grid-template-gap, var(--spacing-08, 0.5rem))}:host(.card-cell-color) .entity-inner-container,:host(.card-menu) .entity-inner-container{width:100%}:host(.card-cell-color) .entity-inner-container{height:100%}:host(.card-cell-color.small) .grid-cell{grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.card-cell.channel) .frame-container .container-base .grid-cell,:host(.card-cell.channels) .frame-container .container-base .grid-cell,:host(.card-cell.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.medium.locations) .frame-container .container-base .grid-cell{display:grid;grid-auto-rows:-webkit-min-content;grid-auto-rows:min-content;grid-template-columns:repeat(3, minmax(0, 1fr))}:host(.small) .animated-illustration .illustration-details,:host(.medium) .animated-illustration .illustration-details{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;grid-gap:var(--spacing-08, 0.5rem);-ms-flex-align:center;align-items:center;width:unset}:host(.card-cell.small.channel) yoo-illustrationn,:host(.card-cell.small.channel) yoo-animated-illustration,:host(.card-cell.small.channels) yoo-illustrationn,:host(.card-cell.small.channels) yoo-animated-illustration,:host(.card-cell.small.contacts) yoo-illustrationn,:host(.card-cell.small.contacts) yoo-animated-illustration,:host(.card-cell.small.locations) yoo-illustrationn,:host(.card-cell.small.locations) yoo-animated-illustration,:host(.small.card-campaign) yoo-illustrationn,:host(.small.card-campaign) yoo-animated-illustration,:host(.small.card-feed-row) yoo-illustrationn,:host(.small.card-feed-row) yoo-animated-illustration,:host(.small.card-inbox) yoo-illustrationn,:host(.small.card-inbox) yoo-animated-illustration{display:none}:host(.card-cell.medium.channel),:host(.card-cell.medium.channels),:host(.card-cell.medium.contacts),:host(.card-cell.medium.locations),:host(.medium.card-campaign),:host(.medium.card-calendar),:host(.medium.card-feed-row),:host(.medium.card-inbox){--animated-illustration-size:100%}:host(.card-cell.medium.channel) .animated-illustration,:host(.card-cell.medium.channels) .animated-illustration,:host(.card-cell.medium.contacts) .animated-illustration,:host(.card-cell.medium.locations) .animated-illustration,:host(.medium.card-campaign) .animated-illustration,:host(.medium.card-calendar) .animated-illustration,:host(.medium.card-feed-row) .animated-illustration,:host(.medium.card-inbox) .animated-illustration{-ms-flex-direction:row;flex-direction:row;margin:var(--spacing-08, 0.5rem) 0 0}:host(.card-cell.medium.channel) .animated-illustration>*,:host(.card-cell.medium.channels) .animated-illustration>*,:host(.card-cell.medium.contacts) .animated-illustration>*,:host(.card-cell.medium.locations) .animated-illustration>*,:host(.medium.card-campaign) .animated-illustration>*,:host(.medium.card-calendar) .animated-illustration>*,:host(.medium.card-feed-row) .animated-illustration>*,:host(.medium.card-inbox) .animated-illustration>*{-ms-flex:1 !important;flex:1 !important}:host(.card-cell.medium.channel) .frame-container .container-base .grid-cell,:host(.card-cell.medium.channels) .frame-container .container-base .grid-cell,:host(.card-cell.medium.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.medium.locations) .frame-container .container-base .grid-cell{-ms-flex-line-pack:center;align-content:center}:host(.card-cell.channel) .frame-container .container-base .grid-cell,:host(.card-cell.channels) .frame-container .container-base .grid-cell{grid-gap:var(--spacing-02, 0.125rem) var(--spacing-16, 1rem)}:host(.card-cell.contacts) .frame-container .container-base .grid-cell,:host(.card-cell.locations) .frame-container .container-base .grid-cell{grid-gap:var(--spacing-16, 1rem)}:host(.card-cell-color:not(.framed.small)) .grid-cell,:host(.card-menu:not(.framed.small)) .grid-cell{display:grid !important;grid-template-columns:var(--grid-template-columns, repeat(2, minmax(0, 1fr)));gap:var(--grid-template-gap, var(--spacing-16, 1rem))}:host(.card-cell-image) .grid-cell{display:grid !important;gap:var(--spacing-08, 0.5rem)}:host(.card-cell-image) .entity-inner-container:not(.broadcasts){height:100%}:host(.card-cell-image.inventories) yoo-entity{--card-image-title-line-clamp:4}:host(.card-cell-image.inventories) .grid-cell{grid-template-rows:repeat(2, minmax(0, 1fr));grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.card-cell-image.inventories.medium) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));grid-template-columns:repeat(2, minmax(0, 1fr))}:host(.card-cell-image.inventories.small) yoo-entity{--card-image-title-line-clamp:3}:host(.card-cell-image.inventories.small) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));grid-template-columns:repeat(1, minmax(0, 1fr))}:host(.card-cell-image.photos) yoo-entity{--card-image-border-radius:var(--border-radius-04, 0.25rem);--card-image-overlay:transparent}:host(.card-cell-image.photos) .grid-cell{grid-template-rows:repeat(3, minmax(0, 1fr));grid-template-columns:repeat(3, minmax(0, 1fr));padding:0 var(--spacing-16, 1rem)}:host(.communities) .illustration-container{-ms-flex-align:start;align-items:flex-start}:host(.communities.main) yoo-navbar{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.card-cell-image.photos.medium) .grid-cell{grid-template-rows:repeat(1, minmax(0, 1fr));margin:0 calc(var(--spacing-08, 0.5rem) * -1);padding:0}:host(.card-cell-image.communities) yoo-entity{--card-image-border-radius:var(--border-radius-08, 0.5rem);--card-image-overlay:transparent}:host(.card-cell-image.communities) .container-base .grid-cell{padding:0 var(--spacing-16, 1rem)}:host(.card-cell-image.communities.web) .container-base .grid-cell{display:-ms-flexbox !important;display:flex !important;gap:var(--spacing-24, 1.5rem);-ms-flex-pack:start;justify-content:flex-start}:host(.card-cell-image.communities.web) .container-base .grid-cell .entity-inner-container.card-cell-image{width:13.875rem;height:11.5rem}:host(.card-cell-image.communities.mobile) .container-base .grid-cell{grid-auto-rows:8.5rem;grid-template-columns:repeat(2, minmax(0, 1fr));gap:var(--spacing-16, 1rem)}:host(.card-cell-image.live-videos) .grid-cell{display:grid;grid-auto-rows:11rem;grid-template-columns:repeat(auto-fill, 6.5rem);gap:var(--spacing-16, 1rem);padding:0 var(--spacing-24, 1.5rem)}:host(.card-cell-image.live-videos) yoo-entity yoo-card-image{--description-align-items:flex-start;--description-justify-content:flex-end;--description-text-align:start;--inner-spacing:var(--spacing-08, 0.5rem);--subtitle-line-height:var(--font-size-16, 1rem);--image-overlay:linear-gradient(to bottom, var(--transparent-linear-gradient, rgba(255, 255, 255, 0)) -73%, var(--dark-40, rgba(0, 0, 0, 0.4)));--title-font-size:var(--font-size-14, 0.875rem);--title-line-height:var(--font-size-32, 2rem)}:host(.card-cell-image.live-videos.mobile) .grid-cell{grid-auto-rows:auto;grid-template-columns:repeat(2, 1fr)}:host(.card-cell-image.live-videos.mobile) .grid-cell .entity-inner-container{position:relative}:host(.card-cell-image.live-videos.mobile) .grid-cell .entity-inner-container::before{display:block;padding-top:175%;content:\"\"}:host(.card-cell-image.live-videos.mobile) .grid-cell .entity-inner-container>yoo-entity.broadcasts{position:absolute;top:0;right:0;bottom:0;left:0}:host(.card-image) yoo-entity{--card-image-border-radius:var(--border-radius-04, 0.25rem);--card-image-height:5.5rem;--card-image-title-font-size:var(--font-size-18, 1.125rem);--card-image-title-font-weight:normal;--card-image-title-line-clamp:2}:host(.card-image) .list-container,:host(.card-image) yoo-virtual-scroll{margin-bottom:var(--spacing-16, 1rem)}:host(.card-image) yoo-ion-item+yoo-ion-item,:host(.card-image) yoo-virtual-item+yoo-virtual-item yoo-ion-item{margin-top:var(--spacing-16, 1rem)}:host(.card-image.communities){--card-image-height:11.5rem}:host(.course-detail.web.lessons) .container-base yoo-collapsible{background:transparent;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.course-detail.web.lessons) .container-base yoo-collapsible div[slot=title]{-webkit-padding-start:var(--spacing-24, 1.5rem);padding-inline-start:var(--spacing-24, 1.5rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-14, 0.875rem)}:host(.course-detail.web.lessons) yoo-virtual-scroll yoo-virtual-item yoo-ion-item-divider,:host(.course-detail.web.lessons) yoo-ion-list yoo-ion-item-divider{background-color:transparent}:host(.course-detail.web.lessons) yoo-virtual-scroll yoo-virtual-item .sub-item-container yoo-ion-item .entity-inner-container,:host(.course-detail.web.lessons) yoo-ion-list .sub-item-container yoo-ion-item .entity-inner-container{border-bottom-color:transparent}:host(.card-list.mobile.lessons) .container-base yoo-collapsible.lesson-detail div[slot=title]{padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-48, 3rem);font-weight:var(--font-weight-700, 700);font-size:var(--font-size-16, 1rem)}:host(.card-list.mobile.lessons) .container-base yoo-collapsible.lesson-detail yoo-ion-item{padding:0}:host(.card-course-row){position:relative;height:100%}:host(.card-course-row) .container-base{background:var(--light, #ffffff)}:host(.web.card-course-row) .illustration-details{-ms-flex-align:center;align-items:center}:host(.badges) .body-container.card-sticky{padding:var(--spacing-08, 0.5rem) var(--spacing-16, 1rem)}:host(.badges) .grid-cell{-ms-flex-pack:end !important;justify-content:flex-end !important;-webkit-margin-start:calc(-1 * var(--spacing-16, 1rem));margin-inline-start:calc(-1 * var(--spacing-16, 1rem))}:host(.badges) .grid-cell .entity-inner-container,:host(.badges) .grid-cell yoo-entity:not(.empty-entity){-ms-flex:1;flex:1;min-width:33.33%}:host(.web.badges) .grid-cell{-webkit-margin-end:0 !important;margin-inline-end:0 !important}:host(.web.badges) .grid-cell .entity-inner-container,:host(.web.badges) .grid-cell yoo-entity:not(.empty-entity){-ms-flex:0 !important;flex:0 !important;min-width:inherit !important}:host(.web.files) .grid-cell yoo-entity.empty-entity{width:6rem !important}:host(.layout-01-list.web:not(.framed)) .container-base{margin:0}:host(.layout-01-list.web:not(.framed)) .container-base .entity-inner-container{border-bottom:none}:host(.layout-01-list.web:not(.framed)) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.layout-01-list.web:not(.framed)) .container-base yoo-ion-list{display:block;padding:0 var(--spacing-16, 1rem)}:host(.feedsComments) .entity-inner-container,:host(.feedsComments.web) .entity-inner-container,:host(.questionsAnswers) .entity-inner-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host(.feedsComments) .header-container,:host(.feedsComments.web) .header-container,:host(.questionsAnswers) .header-container{-ms-flex-pack:start;justify-content:flex-start;margin-top:var(--spacing-16, 1rem);border-top:8px solid var(--stable-alt-60, rgba(208, 208, 208, 0.6))}:host(.feedsComments) .header-container .header-title,:host(.feedsComments.web) .header-container .header-title,:host(.questionsAnswers) .header-container .header-title{-ms-flex:inherit;flex:inherit;-ms-flex-direction:row-reverse;flex-direction:row-reverse;margin:0;padding:1rem;padding-bottom:0.25rem;color:var(--stable, #adadad);font-weight:normal;font-size:var(--font-size-16, 1rem);font-family:var(--font-family, \"Varela Round\", \"Lato\");font-style:normal;font-stretch:normal;line-height:1.5;letter-spacing:normal}:host(.questionsAnswers.margin){--top-margin:0.5rem}:host(.questionsAnswers){--top-margin:2.5rem}:host(.questionsAnswers) .entity-inner-container{padding:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.no-margin) .container yoo-virtual-scroll yoo-virtual-item,:host(.no-margin) .container yoo-ion-list{-webkit-margin-start:0 !important;margin-inline-start:0 !important}:host(.web.no-margin) .container-base{-webkit-margin-start:0 !important;margin-inline-start:0 !important}:host(.padding-left){-webkit-padding-start:var(--spacing-16, 1rem) !important;padding-inline-start:var(--spacing-16, 1rem) !important}:host(.empty:not(.framed)){height:100%}:host(.photos-tab) .container-base .search-toggle-container{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}:host(.photos-tab) .container-base .search-toggle-container .toggle-container{position:relative;top:0;-ms-flex-item-align:center;align-self:center;-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem)}:host(.border-radius) .container-base{border-radius:0.25rem}:host(.web-links) .container-base{background:transparent}:host(.web-links) .container-base .body-container{margin-top:0;padding-top:0}:host(.web-links) .container-base .body-container yoo-ion-item{margin:var(--spacing-08, 0.5rem) 1rem var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem);padding:0 !important;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08))}:host(.web-links) .container-base .body-container yoo-ion-item.first{margin-top:0;padding-top:0}:host(.no-background) .container-base{background:transparent}:host(.card-feed){overflow:hidden}:host(.card-feed) yoo-virtual-scroll yoo-virtual-item,:host(.card-feed) yoo-ion-list{margin-bottom:var(--spacing-16, 1rem)}:host(.card-feed) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.card-feed) yoo-ion-list yoo-ion-item .entity-inner-container{background:var(--light, #ffffff)}:host(.card-feed) .container-base{width:100%}:host(.card-feed) .container-base yoo-ion-slides{width:100%}:host(.card-feed-row:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.card-feed-row:not(.framed)) yoo-ion-list yoo-ion-item{margin:var(--spacing-16, 1rem) var(--spacing-16, 1rem) 0;padding:0 0 var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light)}:host(.card-feed.web.main-feed){width:100%}:host(.card-feed.web.main-feed) yoo-ion-item.selected{background:unset}:host(.card-feed.web.main-feed) yoo-ion-item .entity-inner-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.card-feed.web.main-feed) .container-base{margin:0;overflow:hidden;background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-02, 0 0.25rem 0.5rem 0 rgba(0, 0, 0, 0.1))}:host(.card-feed.web.main-feed) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.card-feed.web.main-feed) .container-base yoo-ion-list{margin-top:0}:host(.card-feed.web.main-feed) .container-base .top-grid.web{margin:0;border-bottom:0}:host(.card-location:not(.framed)) .entity-inner-container{padding-bottom:var(--spacing-08, 0.5rem);border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.half){background:var(--light-10, rgba(255, 255, 255, 0.1))}:host(.half) .scroll-spacer{height:2.75rem}:host(.feedsComments){position:relative;display:-ms-flexbox;display:flex;width:100%;height:100%}:host(.feedsComments) .container-base{width:100% !important}:host(.feedsComments) .container-base .body-container .options-container{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host(.autocomplete){height:100%}:host(.autocomplete) .container-base yoo-loader[size=large]{height:calc(var(--spacing-08, 0.5rem) + var(--icon-size-04, 3rem))}:host(.autocomplete) .container-base yoo-loader.autocomplete{height:45%}:host(.autocomplete) .container-base yoo-navbar{--top-container-padding:0;background:var(--light, #ffffff)}:host(.autocomplete) .container-base .dropdown-header{position:-webkit-sticky;position:sticky;top:-0.03125rem;z-index:2;background:var(--light, #ffffff)}:host(.autocomplete) .container-base .dropdown-header yoo-illustration,:host(.autocomplete) .container-base .dropdown-header yoo-animated-illustration{height:var(--animated-illustration-height)}:host(.tree){display:-ms-flexbox;display:flex;height:100%}:host(.tree) .container-base{-ms-flex:1;flex:1}:host(.giphy) .grid-cell{margin-top:0}:host(.course-detail-full-width) .container-base yoo-ion-item-divider{margin:0 18rem}:host(.course-detail-full-width) .container-base yoo-ion-item{margin:0 18rem}:host(.course-detail-full-width) .container-base .join-line{margin:0 18rem}:host(.course-detail-full-width) .container-base yoo-virtual-scroll yoo-virtual-item yoo-ion-item-divider span,:host(.course-detail-full-width) .container-base yoo-ion-list yoo-ion-item-divider span{font-size:var(--font-size-16, 1rem)}:host(.course-detail-full-width) .container-base .entity-inner-container yoo-entity{--height-lessons-outer-container-card-list:5.5rem;--justify-content-content-container-card-list:center;--heading-font-size-card-list:var(--font-size-16, 1rem)}:host(.discover) .header-title{margin-top:0 !important;font-weight:var(--font-weight-700, 700) !important;font-size:var(--font-size-20, 1.25rem) !important}:host(.mobile.discover) .header-title{-webkit-margin-start:0 !important;margin-inline-start:0 !important;font-weight:var(--font-weight-900, 900) !important;font-size:var(--font-size-18, 1.125rem) !important}:host(.discover.featured) .body-container.card-sticky{padding:var(--spacing-08, 0.5rem) 0 0 0}:host(.discover.featured) .header-title{margin:0 0 0 var(--spacing-16, 1rem) !important}:host(.subcategories) .grid-cell{margin-top:0}:host(.card-sticky.courses) yoo-ion-slides{-webkit-margin-start:calc(-1 * var(--spacing-16, 1rem));margin-inline-start:calc(-1 * var(--spacing-16, 1rem))}:host(.card-course) yoo-ion-slides{padding-bottom:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky.full-width) .container-base{-webkit-margin-start:var(--spacing-16, 1rem);margin-inline-start:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky) .illustration-container{-ms-flex-align:start;align-items:flex-start}:host(.web.feeds.card-sticky) yoo-ion-item{margin:0;border-bottom:var(--border-width-01, 0.0625rem) solid var(--light-40, rgba(255, 255, 255, 0.4));-webkit-box-shadow:none;box-shadow:none}:host(.web.feeds.card-sticky) .header-container{padding-bottom:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky) .header-container .icon-container,:host(.web.feeds.card-sticky) .header-container .header-title{margin:0}:host(.web.feeds.card-sticky) .container-base{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host(.web.feeds.card-sticky) .entity-inner-container{min-height:4.5625rem;margin-bottom:var(--spacing-16, 1rem)}:host(.web.card-plan) yoo-ion-item.selected:not(.card-plan){background-color:var(--light, #ffffff)}:host(.web.card-plan) yoo-ion-item.selected:not(.card-plan) .entity-inner-container{background-color:var(--light, #ffffff)}:host(.badges.card-sticky) yoo-ion-slides{-webkit-margin-start:calc(-1 * var(--spacing-16, 1rem));margin-inline-start:calc(-1 * var(--spacing-16, 1rem))}:host(.badges.card-sticky) yoo-ion-slides.body-container{width:auto}:host(.broadcasts.web:not(.framed)) .container-base .grid-cell .entity-inner-container.card-cell{-webkit-margin-end:0;margin-inline-end:0;-webkit-margin-start:0;margin-inline-start:0}:host(.broadcasts) .container-base .grid-cell{-ms-flex-pack:justify;justify-content:space-between;margin-top:var(--spacing-08, 0.5rem)}:host(.broadcasts) .container-base .grid-cell .entity-inner-container.card-cell{min-width:49.5%;height:278px;margin-top:var(--spacing-02, 0.125rem)}:host(.broadcasts) .container-base .grid-cell .entity-inner-container.card-cell:first-of-type{min-width:100%;height:375px;margin-top:0}:host(.card-sticky.mobile) .container-base.container-horizontal yoo-ion-scroll{min-height:300px}:host(.card-sticky.mobile) .container-base.container-horizontal.compact yoo-ion-scroll{min-height:170px}:host(.none){display:none}:host(.icons.card-cell) .container-base .grid-cell .entity-inner-container.card-cell{width:3rem;min-width:3rem;margin:0 var(--spacing-04, 0.25rem);padding:0}:host(.icons.card-cell) .container-base .grid-cell yoo-entity.empty-entity{width:3.5rem !important}:host(.web.force-select:not(.framed)) .container-base .header-container .header-title,:host(.force-select) .container-base .header-container .header-title{margin:0}:host(.web.force-select:not(.framed)) .container-base .grid-cell,:host(.force-select) .container-base .grid-cell{-ms-flex-pack:distribute;justify-content:space-around;-webkit-margin-end:0;margin-inline-end:0}:host(.web.force-select:not(.framed)) .container-base .grid-cell .entity-inner-container,:host(.force-select) .container-base .grid-cell .entity-inner-container{margin:0;-webkit-margin-start:0;margin-inline-start:0}:host(.giphy.web.card-cell.medium:not(.framed)) .container-base .grid-cell{-webkit-margin-end:0;margin-inline-end:0}:host(.giphy.web.card-cell.medium:not(.framed)) .container-base .grid-cell .entity-inner-container.card-cell{margin:0 var(--spacing-08, 0.5rem)}:host(.channel.web.card-chat:not(.framed)) .container-base,:host(.channels.web.card-chat:not(.framed)) .container-base{margin:0}:host(.channel.web.card-chat:not(.framed)) yoo-navbar,:host(.channels.web.card-chat:not(.framed)) yoo-navbar{display:block;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem)}:host(.channel.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.channel.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item,:host(.channels.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.channels.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item{-webkit-padding-start:var(--spacing-08, 0.5rem);padding-inline-start:var(--spacing-08, 0.5rem)}:host(.channel.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.channel.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item .entity-inner-container,:host(.channels.web.card-chat:not(.framed)) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.channels.web.card-chat:not(.framed)) yoo-ion-list yoo-ion-item .entity-inner-container{border-bottom:none}:host(.channels.web.card-chat:not(.framed).popup) yoo-navbar{-webkit-padding-end:var(--spacing-08, 0.5rem);padding-inline-end:var(--spacing-08, 0.5rem)}@media (orientation: landscape){:host(.framed.tablet:not(.emulate-preview):not(.widget)) .frame-container{padding:0}:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base{-ms-flex-align:center;align-items:center}:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.feeds.tablet:not(.card-list):not(.web):not(.emulate-preview):not(.widget)) .container-base yoo-ion-list{width:50%}}:host(.flex){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1}:host(.flex) .container-base{-ms-flex:1;flex:1}:host(.with-padding-top) .container-base{padding-top:var(--spacing-16, 1rem)}:host(.hide-infinite-scroll) .container-base yoo-ion-infinite-scroll{display:none}:host(.web.expanded-grid){min-height:32.5rem;padding:0 6.25rem 0 6.25rem}:host(.web.expanded-grid) .container-base{margin:0 !important}:host(.web.expanded-grid) .container-base yoo-loader{min-height:32.5rem}:host(.web.expanded-grid) .container-base .dropdown-header{padding-top:var(--spacing-16, 1rem);background:var(--light, #ffffff);background-clip:padding-box}:host(.web.expanded-grid) .container-base .dropdown-header .filters-visible{padding-top:3.5rem}:host(.web.expanded-grid) .container-base .dropdown-header.form-radio-operators{padding-top:0}:host(.web.expanded-grid) .container-base .dropdown-header.form-radio-operators .form-radio-container{padding-bottom:var(--spacing-08, 0.5rem)}:host(.web.expanded-grid) .container-base .empty-new-tag{min-height:26rem}:host(.web.expanded-grid) .container-base .empty-new-tag yoo-button{width:12.5rem}:host(.web.expanded-grid) .container-base yoo-navbar{padding:0;background-color:var(--light, #ffffff);border:none;--bottom-shadow:0}:host(.web.expanded-grid) .container-base yoo-navbar.search-only{padding-bottom:var(--spacing-04, 0.25rem)}:host(.web.expanded-grid) .container-base yoo-navbar .search-container-inner{width:100%}:host(.web.expanded-grid) .container-base yoo-virtual-scroll yoo-virtual-item,:host(.web.expanded-grid) .container-base yoo-ion-list{padding-bottom:var(--spacing-32, 2rem)}:host(.card-template) yoo-ion-scroll .grid-content-slot>div{display:grid;grid-gap:var(--spacing-16, 1rem) var(--spacing-16, 1rem);grid-template-columns:repeat(5, minmax(0, 1fr));-ms-flex-pack:center;justify-content:center;padding:1.1rem;padding-top:0}:host(.card-template) yoo-ion-scroll .grid-content-slot>div yoo-entity{cursor:pointer}:host(.calendar){display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;height:100%}:host(.mobile) .entity-inner-container.card-notification{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.card-list.calendarEvents) .sub-item-container{margin-top:var(--spacing-04, 0.25rem);border-top:var(--border-width-01, 0.0625rem) solid var(--stable-alt-40, rgba(208, 208, 208, 0.4))}:host(.course-preview.web) .container-base{-webkit-margin-end:var(--spacing-16, 1rem);margin-inline-end:var(--spacing-16, 1rem)}:host(.autocomplete.expanded-grid.card-cell.icons) .container-base .grid-cell{padding-bottom:var(--spacing-96, 6rem)}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item,:host(.leaderboard.web) yoo-ion-list{width:100%}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.leaderboard.web) yoo-ion-list yoo-ion-item{width:100%}:host(.leaderboard.web) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-container,:host(.leaderboard.web) yoo-ion-list yoo-ion-item .entity-container{-ms-flex-align:center;align-items:center;height:var(--spacing-40, 2.5rem);margin:var(--spacing-08, 0.5rem) var(--spacing-24, 1.5rem) var(--spacing-08, 0.5rem) var(--spacing-16, 1rem);-webkit-padding-start:var(--spacing-16, 1rem);padding-inline-start:var(--spacing-16, 1rem);background-color:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-01, 0 0.0625rem 0.25rem 0 rgba(0, 0, 0, 0.1));opacity:1}:host(.leaderboard.web) .card-list{border-bottom:none !important}:host(.web:not(.framed).leaderboard) .container-base{-webkit-margin-end:var(--spacing-08, 0.5rem);margin-inline-end:var(--spacing-08, 0.5rem)}:host(.leaderboard) yoo-ion-item{padding-top:var(--spacing-08, 0.5rem) !important}:host(.leaderboard.mobile:not(.with-footer)) yoo-ion-item:last-of-type{padding-bottom:var(--spacing-08, 0.5rem)}:host(.leaderboard.mobile.with-footer) yoo-ion-item:last-of-type{padding-bottom:var(--leaderboard-footer-height)}:host(.leaderboard.mobile.with-footer) yoo-virtual-scroll{padding-bottom:var(--leaderboard-footer-height)}:host(.leaderboard.mobile.with-footer) yoo-virtual-scroll yoo-ion-item{--leaderboard-footer-height:0}:host(.card-list-color) yoo-ion-list yoo-ion-item:first-of-type{margin-top:var(--spacing-16, 1rem)}:host(.card-list-color:not(.dashboards)) yoo-ion-list yoo-ion-item{-webkit-margin-after:var(--spacing-08, 0.5rem);margin-block-end:var(--spacing-08, 0.5rem)}:host(.battles){height:100%}:host(.battles) yoo-card-placeholder{width:100%;margin:0}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item,:host(.battles) yoo-ion-list yoo-ion-item{padding:0 var(--spacing-16, 1rem);background:var(--light, #ffffff)}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item:not(:last-of-type) .entity-inner-container,:host(.battles) yoo-ion-list yoo-ion-item:not(:last-of-type) .entity-inner-container{border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.battles) yoo-virtual-scroll yoo-virtual-item yoo-ion-item .entity-inner-container,:host(.battles) yoo-ion-list yoo-ion-item .entity-inner-container{padding:var(--spacing-08, 0.5rem) 0}:host(.pages) .container-base yoo-navbar{--top-container-padding:0;padding:var(--spacing-08, 0.5rem) 0 var(--spacing-08, 0.5rem) var(--spacing-08, 0.5rem)}:host(.form-grid.web.local) yoo-ion-item-divider{--padding-start:0}:host(.form-grid.web.local) .entity-inner-container{padding:0 !important}:host(.form-grid.web.local) .entity-inner-container:hover{background:var(--stable-light-60, rgba(241, 241, 241, 0.6))}:host(.form-grid.web.local) .search-container-inner{width:100%}:host(.form-grid.web.local) .search-container-inner yoo-form-input.grid-search.web{max-width:100%}:host(.form-grid.web.local.charttype) yoo-icon.position{-webkit-padding-end:var(--spacing-08, 0.5rem);padding-inline-end:var(--spacing-08, 0.5rem)}:host(.form-grid.web.local.charttype) yoo-icon.position[name=circle]{display:none}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag{-ms-flex-pack:space-evenly;justify-content:space-evenly;height:100%;min-height:10.5rem;margin:0 var(--spacing-16, 1rem) 0 var(--spacing-16, 1rem)}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag .text-container{font-size:var(--font-size-14, 0.875rem);text-align:center}:host(.web.autocomplete-selection-mode.empty-tags) .container-base .empty-new-tag .add-tag-button-container{width:100%}:host(.web.autocomplete-selection-mode.empty-tags:not(.expanding-grid):not(.emails)) .container-base{width:17.5rem}:host(.web.card-chat) .container-base .list-container{margin:0 var(--spacing-08, 0.5rem)}:host(.mobile.card-campaign:not(.framed)) yoo-navbar,:host(.mobile.card-location:not(.framed)) yoo-navbar{background-color:var(--stable-ultralight, #fafafa)}:host(.mobile.card-campaign:not(.framed)) .container-base .list-container,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll,:host(.mobile.card-location:not(.framed)) .container-base .list-container,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll{background-color:var(--stable-ultralight, #fafafa)}:host(.mobile.card-campaign:not(.framed)) .container-base .list-container .entity-inner-container.card-campaign,:host(.mobile.card-campaign:not(.framed)) .container-base .list-container .entity-inner-container.card-location,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-campaign,:host(.mobile.card-campaign:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-location,:host(.mobile.card-location:not(.framed)) .container-base .list-container .entity-inner-container.card-campaign,:host(.mobile.card-location:not(.framed)) .container-base .list-container .entity-inner-container.card-location,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-campaign,:host(.mobile.card-location:not(.framed)) .container-base yoo-virtual-scroll .entity-inner-container.card-location{padding:var(--spacing-08, 0.5rem);background:var(--light, #ffffff);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1));box-shadow:var(--tile-shadow, 0 1px 4px 0 rgba(0, 0, 0, 0.1))}:host(.mobile.card-campaign:not(.framed)) .body-container.card-campaign yoo-ion-item,:host(.mobile.card-campaign:not(.framed)) .body-container.card-location yoo-ion-item,:host(.mobile.card-location:not(.framed)) .body-container.card-campaign yoo-ion-item,:host(.mobile.card-location:not(.framed)) .body-container.card-location yoo-ion-item{margin-bottom:var(--spacing-08, 0.5rem) !important}:host(.no-overlay) .bottom-overlay{display:none}:host(.learning-manager.card-course-info){background-color:var(--stable-ultralight, #fafafa)}:host(.missions.emulate-preview):not(.widget){padding-bottom:2.5rem}:host(.card-grid.with-total-header:not(.loaded)){border-top:none}:host(.framed:not(.loaded)){margin:0}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(1){margin-left:calc(1 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(2){margin-left:calc(2 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(3){margin-left:calc(3 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(4){margin-left:calc(4 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(5){margin-left:calc(5 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(6){margin-left:calc(6 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(7){margin-left:calc(7 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(8){margin-left:calc(8 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(9){margin-left:calc(9 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(10){margin-left:calc(10 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(11){margin-left:calc(11 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(12){margin-left:calc(12 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(13){margin-left:calc(13 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(14){margin-left:calc(14 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(15){margin-left:calc(15 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(16){margin-left:calc(16 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(17){margin-left:calc(17 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(18){margin-left:calc(18 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(19){margin-left:calc(19 * 1rem - 1rem)}:host(.list-with-hierarchy) yoo-ion-item:nth-of-type(20){margin-left:calc(20 * 1rem - 1rem)}:host(.tablet) .container-base .list-container{width:100%}";
@@ -42,74 +40,74 @@ const GRID_RERENDER_DELAY = 525;
 const MAX_CUSTOM_VIEWS = 5;
 const YooGridComponent = class {
   constructor(hostRef) {
-    index.registerInstance(this, hostRef);
-    this.fetchData = index.createEvent(this, "fetchData", 7);
-    this.fieldFetchData = index.createEvent(this, "fieldFetchData", 7);
-    this.fieldFetchCustomData = index.createEvent(this, "fieldFetchCustomData", 7);
-    this.selected = index.createEvent(this, "selected", 7);
-    this.removed = index.createEvent(this, "removed", 7);
-    this.checked = index.createEvent(this, "checked", 7);
-    this.currentPageChanged = index.createEvent(this, "currentPageChanged", 7);
-    this.searchInputFocused = index.createEvent(this, "searchInputFocused", 7);
-    this.searchInputBlurred = index.createEvent(this, "searchInputBlurred", 7);
-    this.searchInputEnterPressed = index.createEvent(this, "searchInputEnterPressed", 7);
-    this.headingClicked = index.createEvent(this, "headingClicked", 7);
-    this.widgetEdited = index.createEvent(this, "widgetEdited", 7);
-    this.displayTypeChange = index.createEvent(this, "displayTypeChange", 7);
-    this.displaySizeChange = index.createEvent(this, "displaySizeChange", 7);
-    this.addNewTagPressed = index.createEvent(this, "addNewTagPressed", 7);
-    this.tagsSelect = index.createEvent(this, "tagsSelect", 7);
-    this.sortsAndFiltersChange = index.createEvent(this, "sortsAndFiltersChange", 7);
-    this.sortsAndFiltersShowed = index.createEvent(this, "sortsAndFiltersShowed", 7);
-    this.emptyResults = index.createEvent(this, "emptyResults", 7);
-    this.frameExpanded = index.createEvent(this, "frameExpanded", 7);
-    this.gridExpanded = index.createEvent(this, "gridExpanded", 7);
-    this.swipeEnd = index.createEvent(this, "swipeEnd", 7);
-    this.viewMoreToggled = index.createEvent(this, "viewMoreToggled", 7);
-    this.selectallToggled = index.createEvent(this, "selectallToggled", 7);
-    this.radioButtonSelected = index.createEvent(this, "radioButtonSelected", 7);
-    this.entityCollapsed = index.createEvent(this, "entityCollapsed", 7);
-    this.tabSelect = index.createEvent(this, "tabSelect", 7);
-    this.inputChanged = index.createEvent(this, "inputChanged", 7);
-    this.validityChanged = index.createEvent(this, "validityChanged", 7);
-    this.keyboardDisplayed = index.createEvent(this, "keyboardDisplayed", 7);
-    this.keyboardHidden = index.createEvent(this, "keyboardHidden", 7);
-    this.gridStateChanged = index.createEvent(this, "gridStateChanged", 7);
-    this.currentPositionChanged = index.createEvent(this, "currentPositionChanged", 7);
-    this.cellEdited = index.createEvent(this, "cellEdited", 7);
-    this.cellClicked = index.createEvent(this, "cellClicked", 7);
-    this.customViewSaved = index.createEvent(this, "customViewSaved", 7);
-    this.customViewLoaded = index.createEvent(this, "customViewLoaded", 7);
-    this.customViewRemoved = index.createEvent(this, "customViewRemoved", 7);
-    this.customViewReset = index.createEvent(this, "customViewReset", 7);
-    this.exported = index.createEvent(this, "exported", 7);
-    this.refreshedServerSideStore = index.createEvent(this, "refreshedServerSideStore", 7);
-    this.itemsChanged = index.createEvent(this, "itemsChanged", 7);
-    this.calendarDateSelected = index.createEvent(this, "calendarDateSelected", 7);
-    this.mapGeolocFieldChanged = index.createEvent(this, "mapGeolocFieldChanged", 7);
-    this.kanbanColumnAdded = index.createEvent(this, "kanbanColumnAdded", 7);
-    this.kanbanColumnsDuplicated = index.createEvent(this, "kanbanColumnsDuplicated", 7);
-    this.kanbanColumnsEdited = index.createEvent(this, "kanbanColumnsEdited", 7);
-    this.kanbanColumnsDeleted = index.createEvent(this, "kanbanColumnsDeleted", 7);
-    this.kanbanColumnsChanged = index.createEvent(this, "kanbanColumnsChanged", 7);
-    this.kanbanCardAdded = index.createEvent(this, "kanbanCardAdded", 7);
-    this.kanbanCardSelected = index.createEvent(this, "kanbanCardSelected", 7);
-    this.kanbanCardDeleted = index.createEvent(this, "kanbanCardDeleted", 7);
-    this.kanbanCardArchived = index.createEvent(this, "kanbanCardArchived", 7);
-    this.kanbanCardFinished = index.createEvent(this, "kanbanCardFinished", 7);
-    this.kanbanCardUpdated = index.createEvent(this, "kanbanCardUpdated", 7);
-    this.kanbanColumnFieldChanged = index.createEvent(this, "kanbanColumnFieldChanged", 7);
-    this.fileUpload = index.createEvent(this, "fileUpload", 7);
-    this.hideUIFieldsChanged = index.createEvent(this, "hideUIFieldsChanged", 7);
-    this.maxPageCountChanged = index.createEvent(this, "maxPageCountChanged", 7);
-    this.searchedItemSelected = index.createEvent(this, "searchedItemSelected", 7);
+    index$1.registerInstance(this, hostRef);
+    this.fetchData = index$1.createEvent(this, "fetchData", 7);
+    this.fieldFetchData = index$1.createEvent(this, "fieldFetchData", 7);
+    this.fieldFetchCustomData = index$1.createEvent(this, "fieldFetchCustomData", 7);
+    this.selected = index$1.createEvent(this, "selected", 7);
+    this.removed = index$1.createEvent(this, "removed", 7);
+    this.checked = index$1.createEvent(this, "checked", 7);
+    this.currentPageChanged = index$1.createEvent(this, "currentPageChanged", 7);
+    this.searchInputFocused = index$1.createEvent(this, "searchInputFocused", 7);
+    this.searchInputBlurred = index$1.createEvent(this, "searchInputBlurred", 7);
+    this.searchInputEnterPressed = index$1.createEvent(this, "searchInputEnterPressed", 7);
+    this.headingClicked = index$1.createEvent(this, "headingClicked", 7);
+    this.widgetEdited = index$1.createEvent(this, "widgetEdited", 7);
+    this.displayTypeChange = index$1.createEvent(this, "displayTypeChange", 7);
+    this.displaySizeChange = index$1.createEvent(this, "displaySizeChange", 7);
+    this.addNewTagPressed = index$1.createEvent(this, "addNewTagPressed", 7);
+    this.tagsSelect = index$1.createEvent(this, "tagsSelect", 7);
+    this.sortsAndFiltersChange = index$1.createEvent(this, "sortsAndFiltersChange", 7);
+    this.sortsAndFiltersShowed = index$1.createEvent(this, "sortsAndFiltersShowed", 7);
+    this.emptyResults = index$1.createEvent(this, "emptyResults", 7);
+    this.frameExpanded = index$1.createEvent(this, "frameExpanded", 7);
+    this.gridExpanded = index$1.createEvent(this, "gridExpanded", 7);
+    this.swipeEnd = index$1.createEvent(this, "swipeEnd", 7);
+    this.viewMoreToggled = index$1.createEvent(this, "viewMoreToggled", 7);
+    this.selectallToggled = index$1.createEvent(this, "selectallToggled", 7);
+    this.radioButtonSelected = index$1.createEvent(this, "radioButtonSelected", 7);
+    this.entityCollapsed = index$1.createEvent(this, "entityCollapsed", 7);
+    this.tabSelect = index$1.createEvent(this, "tabSelect", 7);
+    this.inputChanged = index$1.createEvent(this, "inputChanged", 7);
+    this.validityChanged = index$1.createEvent(this, "validityChanged", 7);
+    this.keyboardDisplayed = index$1.createEvent(this, "keyboardDisplayed", 7);
+    this.keyboardHidden = index$1.createEvent(this, "keyboardHidden", 7);
+    this.gridStateChanged = index$1.createEvent(this, "gridStateChanged", 7);
+    this.currentPositionChanged = index$1.createEvent(this, "currentPositionChanged", 7);
+    this.cellEdited = index$1.createEvent(this, "cellEdited", 7);
+    this.cellClicked = index$1.createEvent(this, "cellClicked", 7);
+    this.customViewSaved = index$1.createEvent(this, "customViewSaved", 7);
+    this.customViewLoaded = index$1.createEvent(this, "customViewLoaded", 7);
+    this.customViewRemoved = index$1.createEvent(this, "customViewRemoved", 7);
+    this.customViewReset = index$1.createEvent(this, "customViewReset", 7);
+    this.exported = index$1.createEvent(this, "exported", 7);
+    this.refreshedServerSideStore = index$1.createEvent(this, "refreshedServerSideStore", 7);
+    this.itemsChanged = index$1.createEvent(this, "itemsChanged", 7);
+    this.calendarDateSelected = index$1.createEvent(this, "calendarDateSelected", 7);
+    this.mapGeolocFieldChanged = index$1.createEvent(this, "mapGeolocFieldChanged", 7);
+    this.kanbanColumnAdded = index$1.createEvent(this, "kanbanColumnAdded", 7);
+    this.kanbanColumnsDuplicated = index$1.createEvent(this, "kanbanColumnsDuplicated", 7);
+    this.kanbanColumnsEdited = index$1.createEvent(this, "kanbanColumnsEdited", 7);
+    this.kanbanColumnsDeleted = index$1.createEvent(this, "kanbanColumnsDeleted", 7);
+    this.kanbanColumnsChanged = index$1.createEvent(this, "kanbanColumnsChanged", 7);
+    this.kanbanCardAdded = index$1.createEvent(this, "kanbanCardAdded", 7);
+    this.kanbanCardSelected = index$1.createEvent(this, "kanbanCardSelected", 7);
+    this.kanbanCardDeleted = index$1.createEvent(this, "kanbanCardDeleted", 7);
+    this.kanbanCardArchived = index$1.createEvent(this, "kanbanCardArchived", 7);
+    this.kanbanCardFinished = index$1.createEvent(this, "kanbanCardFinished", 7);
+    this.kanbanCardUpdated = index$1.createEvent(this, "kanbanCardUpdated", 7);
+    this.kanbanColumnFieldChanged = index$1.createEvent(this, "kanbanColumnFieldChanged", 7);
+    this.fileUpload = index$1.createEvent(this, "fileUpload", 7);
+    this.hideUIFieldsChanged = index$1.createEvent(this, "hideUIFieldsChanged", 7);
+    this.maxPageCountChanged = index$1.createEvent(this, "maxPageCountChanged", 7);
+    this.searchedItemSelected = index$1.createEvent(this, "searchedItemSelected", 7);
     this.iconDisplayNext = 'grid-view';
     this.searchText = '';
     this.extraFetchParams = {};
     this.itemsSliding = {};
     this.itemOptions = {};
     this.blockUnhoveer = {};
-    this.horizontalSlidesAnim = new index$1.HorizontalSlidesAnimation();
+    this.horizontalSlidesAnim = new index.HorizontalSlidesAnimation();
     this.maxPageCount = 0;
     this.itemList = [];
     this.hasBeenFiltered = false;
@@ -124,17 +122,17 @@ const YooGridComponent = class {
     }, 500);
     this.itemsHaveBeenReordered = false;
     this.filtersUpdated = false;
-    this.renderVirtualItem = (item, index) => {
-      if (this.hasSecondaryActions || (this.keepSelection && index$1.isWeb(this.host))) {
+    this.renderVirtualItem = (item, index$1) => {
+      if (this.hasSecondaryActions || (this.keepSelection && index.isWeb(this.host))) {
         if (this.showActionsAsMore) {
-          return this.renderItemWithMore(item, index);
+          return this.renderItemWithMore(item, index$1);
         }
         else {
-          return this.renderItemSliding(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index);
+          return this.renderItemSliding(item, index$1 === this.getItems().length - 1 && (index$1 > 1 || this.isFramed), index$1);
         }
       }
       else {
-        return this.renderItem(item, index);
+        return this.renderItem(item, index$1);
       }
     };
     this.pullToRefreshThrottle = lodash.throttle(() => this.pullToRefresh(), 1500, { trailing: false });
@@ -356,20 +354,20 @@ const YooGridComponent = class {
     return !this.isSelectedToggleView && !!((_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length);
   }
   get isShowAdvancedFiltersDisplayedIntoSearch() {
-    return this.showSearch !== false && !index$1.isWeb(this.host) && !this.hideAdvancedFilters;
+    return this.showSearch !== false && !index.isWeb(this.host) && !this.hideAdvancedFilters;
   }
   get hasSecondaryActions() {
     var _a;
     return ((_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.length) && ['card-list', 'card-inbox', 'card-inbox-ongoing', 'card-notification', 'card-plan', 'card-chat'].includes(this.displayType);
   }
   get formattedTotal() {
-    return index$1.pipes.number.transform(this.total) + (this.total > 0 && this.totalMax && this.totalMax === this.total ? '+' : '');
+    return index.pipes.number.transform(this.total) + (this.total > 0 && this.totalMax && this.totalMax === this.total ? '+' : '');
   }
   get showSelectAllFinal() {
     return this.showSelectAll && !(this.isFormField && this.isReadonly);
   }
   onGlobaActionsChange() {
-    this.isSelectionMode = ((this.globalActions && this.globalActions.length > 0) || index$1.isWeb(this.host) || this.isFormField) && this.multiple && !this.blockSelectionMode;
+    this.isSelectionMode = ((this.globalActions && this.globalActions.length > 0) || index.isWeb(this.host) || this.isFormField) && this.multiple && !this.blockSelectionMode;
   }
   onCollectionNameChange() {
     this.items = [];
@@ -386,11 +384,11 @@ const YooGridComponent = class {
   onInitialSelectionChanged() {
     this.selection = [].concat(this.initialSelection || []).filter((value) => !lodash.isNil(value));
     this.removeUserIdFromSelection();
-    if (!index$1.isWeb(this.host) && this.dynamicOrdering && !this.itemsHaveBeenReordered && !this.isLocal) {
+    if (!index.isWeb(this.host) && this.dynamicOrdering && !this.itemsHaveBeenReordered && !this.isLocal) {
       this.itemsHaveBeenReordered = true;
       this.items = this.getOrderedItems();
     }
-    else if (index$1.isWeb(this.host) &&
+    else if (index.isWeb(this.host) &&
       this.dynamicOrdering &&
       !this.itemsHaveBeenReordered &&
       !this.isLocal &&
@@ -492,7 +490,12 @@ const YooGridComponent = class {
     }
   }
   async updateValues(values, total, gridCurrentSearch) {
-    this.items = values;
+    if (this.isFormField) {
+      this.items = [].concat(this.items || []).concat(values || []);
+    }
+    else {
+      this.items = values;
+    }
     if (total >= 0) {
       this.total = total;
     }
@@ -557,18 +560,18 @@ const YooGridComponent = class {
       (_a = commonHelpers.querySelectorAllDeep(this.virtualScrollEl, 'yoo-entity')) === null || _a === void 0 ? void 0 : _a.forEach((ref) => {
         if (ref) {
           ref.forceUpdate(true);
-          index.forceUpdate(ref);
+          index$1.forceUpdate(ref);
         }
       });
     }
   }
-  async scrollItem(index) {
+  async scrollItem(index$1) {
     var _a;
-    if (index < 0 || index >= ((_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length)) {
+    if (index$1 < 0 || index$1 >= ((_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length)) {
       return;
     }
     const items = (this.host.shadowRoot || this.host).querySelectorAll('yoo-ion-item');
-    index$1.safeScrollIntoView(items === null || items === void 0 ? void 0 : items[index]);
+    index.safeScrollIntoView(items === null || items === void 0 ? void 0 : items[index$1]);
   }
   async pullToRefresh(refresher) {
     this.setCurrentPage(0);
@@ -676,7 +679,7 @@ const YooGridComponent = class {
   }
   async refreshKanban() {
     if (this.kanbanElRef) {
-      index.forceUpdate(this.kanbanElRef);
+      index$1.forceUpdate(this.kanbanElRef);
     }
   }
   async flyTo(geoloc, zoom) {
@@ -686,7 +689,7 @@ const YooGridComponent = class {
   }
   async getQuery() {
     var _a;
-    return index$1.getAsyncExtraData({
+    return index.getAsyncExtraData({
       type: 'grid-query',
       params: {
         collectionName: this.collectionName,
@@ -759,7 +762,7 @@ const YooGridComponent = class {
   }
   componentWillLoad() {
     var _a, _b, _c;
-    if (index.Build.isTesting) {
+    if (index$1.Build.isTesting) {
       (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('loaded');
     }
     else {
@@ -777,7 +780,7 @@ const YooGridComponent = class {
     this.selection = [].concat(this.initialSelection || []);
     this.removeUserIdFromSelection();
     if (!this.displaySize) {
-      this.displaySize = index$1.isWeb(this.host) ? 'small' : 'medium';
+      this.displaySize = index.isWeb(this.host) ? 'small' : 'medium';
     }
     if (this.entityType === 'courses-small') {
       this.slidesOptions.spaceBetween = 10;
@@ -798,7 +801,7 @@ const YooGridComponent = class {
     if (this.displayType === 'card-sticky' && this.entityType === 'photos') {
       this.slidesOptions.slidesOffsetBefore = 0;
     }
-    if (!index$1.isWeb(this.host)) {
+    if (!index.isWeb(this.host)) {
       this.setDisplayIcon();
     }
     this.updateGridConfig();
@@ -818,7 +821,7 @@ const YooGridComponent = class {
         this.onFetchData(true);
       }
     }
-    if (!index$1.isWeb(this.host)) {
+    if (!index.isWeb(this.host)) {
       this.keyboardWillShowListener = this.onKeyboardWillShow.bind(this);
       window.addEventListener('keyboardWillShow', this.keyboardWillShowListener);
       this.keyboardWillHideListener = lodash.debounce(this.onKeyboardWillHide, 500).bind(this);
@@ -844,7 +847,7 @@ const YooGridComponent = class {
     if (!this.markersOnly) {
       this.flyToPosition();
     }
-    if (!index$1.isWeb(this.host)) {
+    if (!index.isWeb(this.host)) {
       this.setDisplayIcon();
     }
     this.onForceInputFocused();
@@ -855,7 +858,7 @@ const YooGridComponent = class {
   }
   connectedCallback() {
     if (this.disconnected) {
-      this.horizontalSlidesAnim = new index$1.HorizontalSlidesAnimation();
+      this.horizontalSlidesAnim = new index.HorizontalSlidesAnimation();
       this.updateSlides(true);
       this.disconnected = false;
     }
@@ -863,7 +866,7 @@ const YooGridComponent = class {
   disconnectedCallback() {
     this.disconnected = true;
     this.isFirstLoadAfterDisconnect = !this.searchText; // if there is search text we need to requery the data after disconnecting
-    if (!index$1.isWeb(this.host)) {
+    if (!index.isWeb(this.host)) {
       window.removeEventListener('keyboardWillShow', this.keyboardWillShowListener);
       window.removeEventListener('keyboardWillHide', this.keyboardWillHideListener);
     }
@@ -922,7 +925,7 @@ const YooGridComponent = class {
       items = [...selectedItems, ...unselectedItems];
     }
     if (this.isLocal && this.searchText) {
-      items = index$1.filterListByText(items, this.searchText, (_a = this.model) === null || _a === void 0 ? void 0 : _a.fields);
+      items = index.filterListByText(items, this.searchText, (_a = this.model) === null || _a === void 0 ? void 0 : _a.fields);
     }
     if (this.entityType === 'emails') {
       items = lodash.uniqWith(lodash.compact(items), lodash.isEqual);
@@ -963,7 +966,7 @@ const YooGridComponent = class {
   }
   useVirtualScroll() {
     var _a, _b;
-    return this.virtualScroll || shouldUseVirtualScroll((_a = index$1.getSession()) === null || _a === void 0 ? void 0 : _a.user, (_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.virtualScrollEnabled, this.isFramed);
+    return this.virtualScroll || shouldUseVirtualScroll((_a = index.getSession()) === null || _a === void 0 ? void 0 : _a.user, (_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.virtualScrollEnabled, this.isFramed);
   }
   transformSelectionToObject(selectedItems) {
     selectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((selectedItem) => {
@@ -1189,9 +1192,11 @@ const YooGridComponent = class {
           return [];
         }
       },
-      isServerSideGroup: this.isTree() ? (item) => {
-        return !(item === null || item === void 0 ? void 0 : item.isLeaf);
-      } : null,
+      isServerSideGroup: this.isTree()
+        ? (item) => {
+          return !(item === null || item === void 0 ? void 0 : item.isLeaf);
+        }
+        : null,
       getServerSideGroupKey: this.isTree()
         ? (dataItem) => {
           return dataItem._id;
@@ -1243,7 +1248,7 @@ const YooGridComponent = class {
     }
     else if ((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.displaySubItemsAsSlides) {
       const slideContainers = commonHelpers.querySelectorAllDeep(this.host, 'yoo-ion-slides.sub-item-container');
-      if (!index$1.isAnimationsDisabled() && (slideContainers === null || slideContainers === void 0 ? void 0 : slideContainers.length) > 0) {
+      if (!index.isAnimationsDisabled() && (slideContainers === null || slideContainers === void 0 ? void 0 : slideContainers.length) > 0) {
         slideContainers.forEach((slideParent) => {
           const slides = slideParent.querySelectorAll(`yoo-ion-slide${forceAnimation === true ? '' : ':not(.gsap_animated)'}`);
           slides.forEach((el) => {
@@ -1253,7 +1258,7 @@ const YooGridComponent = class {
           });
           if (slides.length > 0 || forceAnimation) {
             slideParent === null || slideParent === void 0 ? void 0 : slideParent.update();
-            new index$1.HorizontalSlidesAnimation().addElements(slides, true);
+            new index.HorizontalSlidesAnimation().addElements(slides, true);
           }
         });
       }
@@ -1263,7 +1268,7 @@ const YooGridComponent = class {
     this.keyboardHidden.emit();
   }
   async animateStickySlides(forceAnimation) {
-    if (!index$1.isAnimationsDisabled() && this.slides) {
+    if (!index.isAnimationsDisabled() && this.slides) {
       const slides = this.slides.querySelectorAll(`yoo-ion-slide${forceAnimation === true ? '' : ':not(.gsap_animated)'}`);
       slides.forEach((el) => {
         if (el && el.classList && !el.classList.contains('gsap_animated')) {
@@ -1295,7 +1300,7 @@ const YooGridComponent = class {
         const ids = lodash.compact((_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((s) => s === null || s === void 0 ? void 0 : s._id));
         if (ids.length > 0) {
           this.setLoading(true);
-          index$1.getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
+          index.getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
             this.items = ret || [];
             if (this.isAgGrid()) {
               if (this.isLocal) {
@@ -1355,8 +1360,8 @@ const YooGridComponent = class {
     else if (this.hasMapFields()) {
       this.mapGeolocField =
         this.mapGeolocField ||
-          ((_c = (_b = this.campaignFields) === null || _b === void 0 ? void 0 : _b.find((f) => index$1.isMapField(f))) === null || _c === void 0 ? void 0 : _c.name) ||
-          ((_f = (_e = (_d = this.customModel) === null || _d === void 0 ? void 0 : _d.formFields) === null || _e === void 0 ? void 0 : _e.find((f) => index$1.isMapField(f) || f.type === index$2.FormFieldType.location)) === null || _f === void 0 ? void 0 : _f.name);
+          ((_c = (_b = this.campaignFields) === null || _b === void 0 ? void 0 : _b.find((f) => index.isMapField(f))) === null || _c === void 0 ? void 0 : _c.name) ||
+          ((_f = (_e = (_d = this.customModel) === null || _d === void 0 ? void 0 : _d.formFields) === null || _e === void 0 ? void 0 : _e.find((f) => index.isMapField(f) || f.type === index$2.FormFieldType.location)) === null || _f === void 0 ? void 0 : _f.name);
       (_g = this.filteredItems) === null || _g === void 0 ? void 0 : _g.forEach((item, index) => {
         const geoLoc = lodash.get(item, this.mapGeolocField + (this.suffix || '') + '._geoloc');
         if ((geoLoc === null || geoLoc === void 0 ? void 0 : geoLoc.length) === 2) {
@@ -1391,7 +1396,7 @@ const YooGridComponent = class {
     if (this.isFormField && !noLoading) {
       this.setLoading(true);
     }
-    if (this.isFilesAutocomplete && index$1.isWeb(this.host) && this.gridIsExpanded) {
+    if (this.isFilesAutocomplete && index.isWeb(this.host) && this.gridIsExpanded) {
       const minPageSizeForScroll = 36;
       this.pageSize = Math.max(minPageSizeForScroll, this.pageSize);
     }
@@ -1525,7 +1530,7 @@ const YooGridComponent = class {
       this.removed.emit(this.selectionRemoved);
       this.setFormFieldValue();
       this.updateGridSelectAllState();
-      index.forceUpdate(this);
+      index$1.forceUpdate(this);
       return;
     }
     if (item === null || item === undefined) {
@@ -1595,12 +1600,12 @@ const YooGridComponent = class {
       this.selection &&
       this.selection.length > 0 &&
       !checkBoxClick &&
-      index$1.isWeb(this.host) &&
+      index.isWeb(this.host) &&
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('form-choice') &&
       !this.host.classList.contains('force-select');
     if (!this.disconnected &&
-      index$1.isWeb(this.host) &&
+      index.isWeb(this.host) &&
       checkBoxClick &&
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('force-select') &&
@@ -1734,7 +1739,7 @@ const YooGridComponent = class {
     this.setCurrentPage(0);
     this.onFetchData();
     if (this.isLocal) {
-      index.forceUpdate(this);
+      index$1.forceUpdate(this);
     }
     if (!this.searchText) {
       setTimeout(() => {
@@ -1744,7 +1749,7 @@ const YooGridComponent = class {
   }
   onForceInputFocused() {
     var _a;
-    if (this.isAutoComplete && index$1.isWeb(this.host)) {
+    if (this.isAutoComplete && index.isWeb(this.host)) {
       (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();
     }
   }
@@ -1809,25 +1814,25 @@ const YooGridComponent = class {
   getAddTagButtonString() {
     var _a;
     if (this.entityType === 'emails') {
-      return index$1.translate('ADDNEWEMAIL');
+      return index.translate('ADDNEWEMAIL');
     }
     else if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.id) === 'memos') {
-      return index$1.translate('ADD');
+      return index.translate('ADD');
     }
     else {
-      return index$1.translate('ADDAPPROVE');
+      return index.translate('ADDAPPROVE');
     }
   }
   getTagDescription() {
     var _a;
     if (this.entityType === 'emails') {
-      return textHelpers.isEmail(this.searchText) ? index$1.translate('NEWEMAILFOUNDDESCRIPTION') : index$1.translate('COMMON_INVALID_EMAIL');
+      return textHelpers.isEmail(this.searchText) ? index.translate('NEWEMAILFOUNDDESCRIPTION') : index.translate('COMMON_INVALID_EMAIL');
     }
     else if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.id) === 'memos') {
-      return index$1.translate('NEWTASKFOUNDDESCRIPTION');
+      return index.translate('NEWTASKFOUNDDESCRIPTION');
     }
     else {
-      return index$1.translate('NEWVALUEFOUNDDESCRIPTION', { value: this.searchText || '' });
+      return index.translate('NEWVALUEFOUNDDESCRIPTION', { value: this.searchText || '' });
     }
   }
   isNewTag() {
@@ -1858,7 +1863,7 @@ const YooGridComponent = class {
         this.fieldFetchCustomData.emit(ev.detail);
       };
       dialogSortsAndFilters.addEventListener('fieldFetchCustomData', fieldFetchCustomDataListener);
-      index$1.showModal({
+      index.showModal({
         component: dialogSortsAndFilters,
         componentProps: { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts },
         cssClass: 'transparent',
@@ -1885,13 +1890,13 @@ const YooGridComponent = class {
       this.infiniteScroll.disabled = false;
     }
     this.hasBeenFiltered = true;
-    index.forceUpdate(this);
+    index$1.forceUpdate(this);
     setTimeout(() => {
       this.setFormFieldValue();
     }, 500);
   }
   onHideShowSearchBar(ev) {
-    if (index$1.isWeb(this.host) && this.searchContainer) {
+    if (index.isWeb(this.host) && this.searchContainer) {
       this.isSearchBarHidden = commonHelpers.hideShowSearchBar(ev, this.searchContainer, this.horizontalScroll, this.isSearchBarHidden);
     }
   }
@@ -2114,7 +2119,7 @@ const YooGridComponent = class {
     this.selected.emit((_a = ev.detail) === null || _a === void 0 ? void 0 : _a.entity);
   }
   isWebTab() {
-    return index$1.isWeb(this.host) && (this.isPhotosTab() || this.host.classList.contains('history-tab'));
+    return index.isWeb(this.host) && (this.isPhotosTab() || this.host.classList.contains('history-tab'));
   }
   isPhotosTab() {
     return this.host.classList.contains('photos-tab');
@@ -2155,13 +2160,13 @@ const YooGridComponent = class {
     if (this.scrollable) {
       list.push('scrollable');
     }
-    if ((((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && index$1.isWeb(this.host)) {
+    if ((((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && index.isWeb(this.host)) {
       list.push('columns');
     }
     if (this.isCalendar()) {
       list.push('calendar');
     }
-    if (index$1.isWeb(this.host) && (this.keepSelection || this.multiple)) {
+    if (index.isWeb(this.host) && (this.keepSelection || this.multiple)) {
       list.push('keep-selection');
     }
     if (this.extraClass) {
@@ -2180,36 +2185,36 @@ const YooGridComponent = class {
     return 0;
   }
   renderRadioButtons() {
-    return (index.h("div", { class: "form-radio-container" }, index.h("yoo-form-radio", { options: this.radioButtons, flow: "column", size: "medium", value: this.selectedRadioButton, onInputChanged: (event) => {
+    return (index$1.h("div", { class: "form-radio-container" }, index$1.h("yoo-form-radio", { options: this.radioButtons, flow: "column", size: "medium", value: this.selectedRadioButton, onInputChanged: (event) => {
         event.stopPropagation();
         this.selectedRadioButton = event.detail;
         this.radioButtonSelected.emit(event.detail);
-      } }, this.radioButtons.map((button, index$1) => index.h("span", { slot: index$1.toString() }, button)))));
+      } }, this.radioButtons.map((button, index) => index$1.h("span", { slot: index.toString() }, button)))));
   }
   renderSearchInput() {
     var _a, _b, _c;
     return (this.showSearch !== false && [
-      !index$1.isWeb(this.host) && this.shouldRenderToggleSelectAll() && !this.showAutocompleteHeader && index.h("yoo-button", { class: "select-all", disabled: !this.canSelectAll, shape: "circular", fill: "transparent", rippleType: "unbounded", color: this.isSelectAll ? 'app-color' : 'stable', onClick: () => this.onToggleSelectAll() }, index.h("yoo-icon", { name: "select-all", color: this.isSelectAll ? 'app-color' : 'stable' })),
-      (index$1.isWeb(this.host) || this.hideAdvancedFilters || this.showFilters === false) ? null : index.h("yoo-button", { class: "margin-right filters", color: "light", onClick: () => this.onShowFilterAdvanced(), fill: "transparent", shape: "circular", rippleType: "bounded" }, index.h("yoo-icon", { name: "filter", color: "stable", slot: "start", size: "medium" }), this.getActiveFiltersCount() > 0 && (index.h("yoo-badge", { color: "app-color", slot: "end", class: "count floating", text: `${this.getActiveFiltersCount()}` }))),
-      index.h("yoo-form-input", { ref: (el) => (this.input = el), debounce: 1200, autocapitalize: "none", autocorrect: "off", disabled: this.isSelectAll, disableKeyboardResizing: true, class: {
+      !index.isWeb(this.host) && this.shouldRenderToggleSelectAll() && !this.showAutocompleteHeader && index$1.h("yoo-button", { class: "select-all", disabled: !this.canSelectAll, shape: "circular", fill: "transparent", rippleType: "unbounded", color: this.isSelectAll ? 'app-color' : 'stable', onClick: () => this.onToggleSelectAll() }, index$1.h("yoo-icon", { name: "select-all", color: this.isSelectAll ? 'app-color' : 'stable' })),
+      (index.isWeb(this.host) || this.hideAdvancedFilters || this.showFilters === false) ? null : index$1.h("yoo-button", { class: "margin-right filters", color: "light", onClick: () => this.onShowFilterAdvanced(), fill: "transparent", shape: "circular", rippleType: "bounded" }, index$1.h("yoo-icon", { name: "filter", color: "stable", slot: "start", size: "medium" }), this.getActiveFiltersCount() > 0 && (index$1.h("yoo-badge", { color: "app-color", slot: "end", class: "count floating", text: `${this.getActiveFiltersCount()}` }))),
+      index$1.h("yoo-form-input", { ref: (el) => (this.input = el), debounce: 1200, autocapitalize: "none", autocorrect: "off", disabled: this.isSelectAll && !this.searchText, disableKeyboardResizing: true, class: {
           search: true,
-          flex: !index$1.isWeb(this.host),
-          web: index$1.isWeb(this.host),
+          flex: !index.isWeb(this.host),
+          web: index.isWeb(this.host),
           'grid-search': !this.isAutoComplete,
           [((_a = this.gridExtraOptions) === null || _a === void 0 ? void 0 : _a.searchBarCssClass) || '']: true,
           'with-toggle': this.isToggleModeVisible(),
-          'drop-down': this.isAutoComplete && index$1.isWeb(this.host),
+          'drop-down': this.isAutoComplete && index.isWeb(this.host),
           'expanded-searchbar': this.gridIsExpanded,
           'no-dropdown-scroll': ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length) <= 8,
           empty: !((_c = this.filteredItems) === null || _c === void 0 ? void 0 : _c.length)
-        }, "icon-prefix": "search", size: index$1.isWeb(this.host) ? 'medium' : 'large', value: this.searchText, placeholder: this.searchBarPlaceholder ? index$1.translateMulti(this.searchBarPlaceholder) : index$1.translate('SEARCH'), hideOptional: true, onInputChanged: (ev) => this.onSearchInputChange(ev), onInputFocused: () => this.onSearchInputFocused(), onInputBlurred: () => this.onSearchInputBlurred(), onEnterPressed: (ev) => this.onSearchInputEnterPressed(ev) })
+        }, "icon-prefix": "search", size: index.isWeb(this.host) ? 'medium' : 'large', value: this.searchText, placeholder: this.searchBarPlaceholder ? index.translateMulti(this.searchBarPlaceholder) : index.translate('SEARCH'), hideOptional: true, onInputChanged: (ev) => this.onSearchInputChange(ev), onInputFocused: () => this.onSearchInputFocused(), onInputBlurred: () => this.onSearchInputBlurred(), onEnterPressed: (ev) => this.onSearchInputEnterPressed(ev) })
     ]);
   }
   renderRefresh(force) {
-    return ((!this.hideRefreshButton && !this.isReadonly && (force || !this.isLocal)) && (index.h("yoo-tooltip", { content: index$1.translate('REFRESH'), hoverable: true, placement: "bottom" }, index.h("yoo-button", { shape: "circular", fill: "transparent", rippleType: "unbounded", onClick: this.pullToRefreshThrottle.bind(this) }, index.h("yoo-icon", { name: "refresh", color: "stable" })))));
+    return ((!this.hideRefreshButton && !this.isReadonly && (force || !this.isLocal)) && (index$1.h("yoo-tooltip", { content: index.translate('REFRESH'), hoverable: true, placement: "bottom" }, index$1.h("yoo-button", { shape: "circular", fill: "transparent", rippleType: "unbounded", onClick: this.pullToRefreshThrottle.bind(this) }, index$1.h("yoo-icon", { name: "refresh", color: "stable" })))));
   }
   shouldRenderEntityQueryBuilder() {
-    return index$1.isWeb(this.host) && !this.isAutoComplete && (this.gridIsExpanded || !this.gridIsExpanded) && (this.showFilters || this.showAdvancedQueryBuilder);
+    return index.isWeb(this.host) && !this.isAutoComplete && (this.gridIsExpanded || !this.gridIsExpanded) && (this.showFilters || this.showAdvancedQueryBuilder);
   }
   renderSearch() {
     let actions = [];
@@ -2220,20 +2225,20 @@ const YooGridComponent = class {
     return [
       renderEntityQueryBuilder && this.renderEntityQueryBuilder(actions),
       !renderEntityQueryBuilder && this.renderSearchInput(),
-      index$1.isWeb(this.host) && !renderEntityQueryBuilder && index.h("span", { class: "flex" }),
-      index$1.isWeb(this.host) && !renderEntityQueryBuilder && !this.isAutoComplete && this.renderDisplayMode(),
-      index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.renderRefresh(),
-      !index$1.isWeb(this.host) && (index.h("yoo-items", { class: {
+      index.isWeb(this.host) && !renderEntityQueryBuilder && index$1.h("span", { class: "flex" }),
+      index.isWeb(this.host) && !renderEntityQueryBuilder && !this.isAutoComplete && this.renderDisplayMode(),
+      index.isWeb(this.host) && !renderEntityQueryBuilder && this.renderRefresh(),
+      !index.isWeb(this.host) && (index$1.h("yoo-items", { class: {
           // 'margin-left': !isWeb(this.host) && this.isToggleModeVisible(),
-          'autocomplete-spacing': !index$1.isWeb(this.host) && this.host.classList.contains('autocomplete') && this.showSelectAllFinal
+          'autocomplete-spacing': !index.isWeb(this.host) && this.host.classList.contains('autocomplete') && this.showSelectAllFinal
         }, slot: "end" }, actions
-        .map((a) => index$1.toButton(a, this))
+        .map((a) => index.toButton(a, this))
         .map((button) => button_factory.getButton({
         ...button,
         color: button.color || 'stable',
         cssClass: `${button.cssClass || ''}`
-      })), index.h("slot", { name: "search-buttons-before" }), !index$1.isWeb(this.host) && this.isKanban() && this.renderDisplaySize(), this.renderDisplayMode(), !index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.multiple && this.entityType === 'files' && this.renderFileUpload(), index.h("slot", { name: "search-buttons" }))),
-      !index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.renderCustomViews()
+      })), index$1.h("slot", { name: "search-buttons-before" }), !index.isWeb(this.host) && this.isKanban() && this.renderDisplaySize(), this.renderDisplayMode(), !index.isWeb(this.host) && !renderEntityQueryBuilder && this.multiple && this.entityType === 'files' && this.renderFileUpload(), index$1.h("slot", { name: "search-buttons" }))),
+      !index.isWeb(this.host) && !renderEntityQueryBuilder && this.renderCustomViews()
     ];
   }
   setDisplayIcon() {
@@ -2241,7 +2246,7 @@ const YooGridComponent = class {
     const newDisplayIcon = this.getIconFromDisplayType(nextDisplayType);
     if (newDisplayIcon !== this.iconDisplayNext) {
       this.iconDisplayNext = newDisplayIcon;
-      index.forceUpdate(this);
+      index$1.forceUpdate(this);
     }
   }
   getIconFromDisplayType(displayType) {
@@ -2265,7 +2270,7 @@ const YooGridComponent = class {
     }
   }
   renderChangeDisplayButtonMobile() {
-    return (index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable", onClick: () => this.onChangeDisplayMobile() }, index.h("yoo-icon", { name: this.iconDisplayNext, size: "medium", color: "stable" })));
+    return (index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable", onClick: () => this.onChangeDisplayMobile() }, index$1.h("yoo-icon", { name: this.iconDisplayNext, size: "medium", color: "stable" })));
   }
   onChangeDisplay(display) {
     this.displayType = display;
@@ -2282,11 +2287,11 @@ const YooGridComponent = class {
     var _a;
     const buttons = (_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.map((displayType) => ({
       icon: this.getIconFromDisplayType(displayType),
-      text: index$1.translate('YOOBIC' + displayType.toUpperCase()),
+      text: index.translate('YOOBIC' + displayType.toUpperCase()),
       iconColor: this.displayType === displayType ? 'app-color' : 'stable',
       handler: () => this.onChangeDisplay(displayType)
     }));
-    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 1 && (index.h("yoo-context-menu", { contentButtons: buttons }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index.h("yoo-icon", { size: "medium", name: "settings", color: "stable" })))));
+    return ((buttons === null || buttons === void 0 ? void 0 : buttons.length) > 1 && (index$1.h("yoo-context-menu", { contentButtons: buttons }, index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index$1.h("yoo-icon", { size: "medium", name: "settings", color: "stable" })))));
   }
   onMediaResize(size, useCellOverlay) {
     this.displaySize = size;
@@ -2302,7 +2307,7 @@ const YooGridComponent = class {
       { icon: 'small-without-info', handler: () => this.onKanbanResize('medium'), iconColor: this.displaySize !== 'large' ? 'app-color' : 'stable' },
       { icon: 'large-without-info', handler: () => this.onKanbanResize('large'), iconColor: this.displaySize === 'large' ? 'app-color' : 'stable' }
     ];
-    return (index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYSIZE'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => {
+    return (index$1.h("yoo-tooltip", { content: index.translate('CHANGEDISPLAYSIZE'), hoverable: true, placement: "bottom" }, index$1.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => {
         var _a, _b;
         if (((_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.length) > 0) {
           event.target.childNodes[0]['color'] = 'app-color';
@@ -2312,10 +2317,10 @@ const YooGridComponent = class {
         if (((_b = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.childNodes) === null || _b === void 0 ? void 0 : _b.length) > 0) {
           event.target.childNodes[0]['color'] = 'stable';
         }
-      } }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index.h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))));
+      } }, index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index$1.h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))));
   }
   onFileSelect(ev) {
-    index$1.getAsyncExtraData({ type: 'file-upload', params: { file: ev.target.files[0], origin: this.origin } }).then(async (ret) => {
+    index.getAsyncExtraData({ type: 'file-upload', params: { file: ev.target.files[0], origin: this.origin } }).then(async (ret) => {
       if (ret === null || ret === void 0 ? void 0 : ret.length) {
         this.onFetchData();
         setTimeout(() => {
@@ -2327,13 +2332,13 @@ const YooGridComponent = class {
   }
   renderFileUpload() {
     return [
-      index.h("input", { ref: (el) => (this.fileInput = el), type: "file", style: { display: 'none' }, onChange: (ev) => this.onFileSelect(ev) }),
-      index.h("yoo-icon", { onClick: () => { var _a; return (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', { bubbles: false })); }, name: "file-upload", color: "stable" })
+      index$1.h("input", { ref: (el) => (this.fileInput = el), type: "file", style: { display: 'none' }, onChange: (ev) => this.onFileSelect(ev) }),
+      index$1.h("yoo-icon", { onClick: () => { var _a; return (_a = this.fileInput) === null || _a === void 0 ? void 0 : _a.dispatchEvent(new MouseEvent('click', { bubbles: false })); }, name: "file-upload", color: "stable" })
     ];
   }
   renderDisplayMode() {
     var _a, _b;
-    if (index$1.isWeb(this.host) && this.displayType === 'card-media') {
+    if (index.isWeb(this.host) && this.displayType === 'card-media') {
       const buttonsResize = [
         {
           icon: 'small-without-info',
@@ -2349,36 +2354,36 @@ const YooGridComponent = class {
         { icon: 'large-with-info', handler: () => this.onMediaResize('large', false), iconColor: this.displaySize === 'large' && !this.useCellOverlay ? 'app-color' : 'stable' }
       ];
       return [
-        index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => (event.target.childNodes[0]['color'] = 'app-color'), onContextMenuClosed: (event) => (event.target.childNodes[0]['color'] = 'stable') }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index.h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))),
-        ((_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.length) > 1 && index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())
+        index$1.h("yoo-tooltip", { content: index.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, index$1.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => (event.target.childNodes[0]['color'] = 'app-color'), onContextMenuClosed: (event) => (event.target.childNodes[0]['color'] = 'stable') }, index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index$1.h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))),
+        ((_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.length) > 1 && index$1.h("yoo-tooltip", { content: index.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())
       ];
     }
     if (!this.isToggleModeVisible()) {
       return;
     }
     if (((_b = this.displayTypes) === null || _b === void 0 ? void 0 : _b.length) > 1) {
-      return index$1.isWeb(this.host) ? (index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())) : (this.renderChangeDisplayButtonMobile());
+      return index.isWeb(this.host) ? (index$1.h("yoo-tooltip", { content: index.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())) : (this.renderChangeDisplayButtonMobile());
     }
   }
   renderExports() {
-    if (index$1.isWeb(this.host) && this.showExport && this.total > 0) {
+    if (index.isWeb(this.host) && this.showExport && this.total > 0) {
       const buttons = [
         {
           icon: 'file-excel',
-          text: index$1.translate('EXCEL'),
+          text: index.translate('EXCEL'),
           handler: () => {
             this.exported.emit('xlsx');
           }
         },
         {
           icon: 'file-csv',
-          text: index$1.translate('CSV'),
+          text: index.translate('CSV'),
           handler: () => {
             this.exported.emit('csv');
           }
         }
       ];
-      return (index.h("yoo-tooltip", { content: index$1.translate('EXPORT'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttons }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { size: "medium", name: "export", color: "stable" })))));
+      return (index$1.h("yoo-tooltip", { content: index.translate('EXPORT'), hoverable: true, placement: "bottom" }, index$1.h("yoo-context-menu", { contentButtons: buttons }, index$1.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, index$1.h("yoo-icon", { size: "medium", name: "export", color: "stable" })))));
     }
   }
   renderCustomViews() {
@@ -2389,15 +2394,15 @@ const YooGridComponent = class {
     if (this.floatingFilters) {
       return;
     }
-    const customViewsButtons = ((_b = (_a = this.customViews) === null || _a === void 0 ? void 0 : _a.slice(0, MAX_CUSTOM_VIEWS)) === null || _b === void 0 ? void 0 : _b.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, index$1.getSession(), index$1.getAuthentication(), this.customViewLoaded.emit, this.customViewRemoved.emit, (c) => this.customViewSaved.emit({ view: c, showEditForm: true })))) || [];
-    const moreCustomViewsButtons = ((_d = (_c = this.customViews) === null || _c === void 0 ? void 0 : _c.slice(MAX_CUSTOM_VIEWS)) === null || _d === void 0 ? void 0 : _d.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, index$1.getSession(), index$1.getAuthentication(), this.customViewLoaded.emit, this.customViewRemoved.emit, (c) => this.customViewSaved.emit({ view: c, showEditForm: true })))) || [];
+    const customViewsButtons = ((_b = (_a = this.customViews) === null || _a === void 0 ? void 0 : _a.slice(0, MAX_CUSTOM_VIEWS)) === null || _b === void 0 ? void 0 : _b.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, index.getSession(), index.getAuthentication(), this.customViewLoaded.emit, this.customViewRemoved.emit, (c) => this.customViewSaved.emit({ view: c, showEditForm: true })))) || [];
+    const moreCustomViewsButtons = ((_d = (_c = this.customViews) === null || _c === void 0 ? void 0 : _c.slice(MAX_CUSTOM_VIEWS)) === null || _d === void 0 ? void 0 : _d.map((c) => filtersHelpers.mapCustomViewToButton(c, this.customView, index.getSession(), index.getAuthentication(), this.customViewLoaded.emit, this.customViewRemoved.emit, (c) => this.customViewSaved.emit({ view: c, showEditForm: true })))) || [];
     let buttons = [];
-    if (index$1.isWeb(this.host)) {
+    if (index.isWeb(this.host)) {
       buttons = buttons.concat(customViewsButtons || []);
       if ((moreCustomViewsButtons === null || moreCustomViewsButtons === void 0 ? void 0 : moreCustomViewsButtons.length) > 0) {
         buttons.push({
           //icon: 'list-view',
-          text: index$1.translate('YOOBICMORE') + '...',
+          text: index.translate('YOOBICMORE') + '...',
           separator: true,
           isVisible: () => { var _a; return ((_a = this.customViews) === null || _a === void 0 ? void 0 : _a.length) > 0; },
           subMenu: moreCustomViewsButtons
@@ -2410,7 +2415,7 @@ const YooGridComponent = class {
     buttons = buttons.concat([
       {
         // icon: 'pull-to-refresh',
-        text: index$1.translate('UPDATEVIEW'),
+        text: index.translate('UPDATEVIEW'),
         isVisible: () => !!this.customView,
         hasDivider: true,
         handler: () => {
@@ -2419,7 +2424,7 @@ const YooGridComponent = class {
       },
       {
         // icon: 'save',
-        text: index$1.translate('SAVEASNEWVIEW'),
+        text: index.translate('SAVEASNEWVIEW'),
         hasDivider: true,
         handler: () => {
           this.customViewSaved.emit(null);
@@ -2427,7 +2432,7 @@ const YooGridComponent = class {
       },
       {
         // icon: 'cross',
-        text: index$1.translate('RESETVIEW'),
+        text: index.translate('RESETVIEW'),
         color: 'danger',
         hasDivider: true,
         iconColor: 'danger',
@@ -2441,7 +2446,7 @@ const YooGridComponent = class {
     if (this.forceCustomViewIcon && !this.isAgGrid()) {
       buttons.unshift({
         icon: 'action-plan',
-        text: index$1.translate(this.hideUIFields ? 'SHOWUIFIELDS' : 'HIDEUIFIELDS'),
+        text: index.translate(this.hideUIFields ? 'SHOWUIFIELDS' : 'HIDEUIFIELDS'),
         separator: true,
         handler: () => {
           this.hideUIFields = !this.hideUIFields;
@@ -2449,26 +2454,26 @@ const YooGridComponent = class {
         }
       });
     }
-    if (index$1.isWeb(this.host)) {
+    if (index.isWeb(this.host)) {
       return [
-        index.h("yoo-tooltip", { content: index$1.translate('SAVEDFILTERSHELP'), hoverable: true, placement: "bottom" }, index.h("div", { class: "customview-container" }, index.h("yoo-context-menu", { contentButtons: buttons, class: "customview-menu width-unset" }, index.h("yoo-button", { fill: "solid", color: this.customView ? 'app-color' : 'light' }, index.h("yoo-icon", { size: "medium", name: "day-view", slot: "start", color: this.customView ? 'light' : 'stable' }), index.h("span", { class: { 'customview-title ': true, 'light': !!this.customView, 'dark': !this.customView } }, ((_e = this.customView) === null || _e === void 0 ? void 0 : _e.name) || index$1.translate('SAVEDFILTERS'))))))
+        index$1.h("yoo-tooltip", { content: index.translate('SAVEDFILTERSHELP'), hoverable: true, placement: "bottom" }, index$1.h("div", { class: "customview-container" }, index$1.h("yoo-context-menu", { contentButtons: buttons, class: "customview-menu width-unset" }, index$1.h("yoo-button", { fill: "solid", color: this.customView ? 'app-color' : 'light' }, index$1.h("yoo-icon", { size: "medium", name: "day-view", slot: "start", color: this.customView ? 'light' : 'stable' }), index$1.h("span", { class: { 'customview-title ': true, 'light': !!this.customView, 'dark': !this.customView } }, ((_e = this.customView) === null || _e === void 0 ? void 0 : _e.name) || index.translate('SAVEDFILTERS'))))))
       ];
     }
     else if (this.customViewsId) {
-      return (index.h("yoo-button", { slot: "end", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => index$1.showActionSheet(buttons) }, index.h("yoo-icon", { size: "medium", name: "day-view", color: this.customView ? 'app-color' : 'stable' })));
+      return (index$1.h("yoo-button", { slot: "end", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => index.showActionSheet(buttons) }, index$1.h("yoo-icon", { size: "medium", name: "day-view", color: this.customView ? 'app-color' : 'stable' })));
     }
   }
   renderAddressAutocomplete() {
     return [
-      this.showSearch && (index.h("yoo-form-autocomplete", { ref: (el) => (this.addressAutocomplete = el), size: "medium" //{isWeb(this.host) ? 'medium' : 'large'}
+      this.showSearch && (index$1.h("yoo-form-autocomplete", { ref: (el) => (this.addressAutocomplete = el), size: "medium" //{isWeb(this.host) ? 'medium' : 'large'}
         ,
-        class: { 'map-locations': true, web: index$1.isWeb(this.host) }, multiple: false, isLocal: false, entityType: "googlemaps", displayType: "card-list", animatedIllustration: "map", clearable: false, hideTags: true, onFetchData: (ev) => this.onAddressFetchData(ev), onInputChanged: (ev) => this.onAddressChanged(ev) })),
-      index.h("span", { class: "flex" }),
-      index.h("slot", { name: "search-buttons" }),
-      index$1.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(),
+        class: { 'map-locations': true, web: index.isWeb(this.host) }, multiple: false, isLocal: false, entityType: "googlemaps", displayType: "card-list", animatedIllustration: "map", clearable: false, hideTags: true, onFetchData: (ev) => this.onAddressFetchData(ev), onInputChanged: (ev) => this.onAddressChanged(ev) })),
+      index$1.h("span", { class: "flex" }),
+      index$1.h("slot", { name: "search-buttons" }),
+      index.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(),
       this.renderDisplayMode(),
       this.renderCustomViews(),
-      index$1.isWeb(this.host) && this.renderRefresh(),
+      index.isWeb(this.host) && this.renderRefresh(),
       this.renderExports()
     ];
   }
@@ -2483,34 +2488,34 @@ const YooGridComponent = class {
   }
   renderToggleSelectAll(useRadio) {
     if (this.shouldRenderToggleSelectAll()) {
-      const content = this.isSelectedToggleView ? index$1.translate('UNTOGGLETOSELECTALL') : index$1.translate('GRIDSELECTALL');
+      const content = this.isSelectedToggleView ? index.translate('UNTOGGLETOSELECTALL') : index.translate('GRIDSELECTALL');
       if (useRadio) {
-        return index.h("div", { class: "select-all-checkbox", onClick: () => this.onToggleSelectAll() }, index.h("yoo-form-checkbox", { onInputChanged: (ev) => ev.stopPropagation(), size: "small", color: "app-color", value: this.isSelectAll }), index.h("span", { class: "title" }, content));
+        return index$1.h("div", { class: "select-all-checkbox", onClick: () => this.onToggleSelectAll() }, index$1.h("yoo-form-checkbox", { onInputChanged: (ev) => ev.stopPropagation(), size: "small", color: "app-color", value: this.isSelectAll }), index$1.h("span", { class: "title" }, content));
       }
-      return index.h("yoo-tooltip", { content: content, hoverable: true, placement: "bottom" }, index.h("yoo-button", { class: "select-all", disabled: !this.canSelectAll, shape: "circular", fill: "transparent", rippleType: "unbounded", color: this.isSelectAll ? 'app-color' : 'stable', onClick: () => this.onToggleSelectAll() }, index.h("yoo-icon", { name: "select-all", color: this.isSelectAll ? 'app-color' : 'stable' })));
+      return index$1.h("yoo-tooltip", { content: content, hoverable: true, placement: "bottom" }, index$1.h("yoo-button", { class: "select-all", disabled: !this.canSelectAll, shape: "circular", fill: "transparent", rippleType: "unbounded", color: this.isSelectAll ? 'app-color' : 'stable', onClick: () => this.onToggleSelectAll() }, index$1.h("yoo-icon", { name: "select-all", color: this.isSelectAll ? 'app-color' : 'stable' })));
     }
   }
   renderEntityQueryBuilder(actions) {
     var _a, _b;
     const showDisplaySize = ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.findIndex((f) => f.showInCard)) > -1;
     // Block select all for card cell web for documents
-    return (index.h("yoo-entity-query-builder", { ref: (el) => (this.entityQueryBuilderElement = el), model: this.model, hideSorts: (this.isAgGrid() && !this.showAgGridSorts) || this.isKanban() || this.hideSorts, showAdvancedQueryBuilder: this.showAdvancedQueryBuilder, values: this.sortsAndFilters, readonly: this.isReadonly, isToggleSelected: this.isSelectedToggleView, isSelectAllToggled: this.isSelectAll, showSelectionOnlyToggle: this.showSelectionOnlyToggle, customViewsId: this.customViewsId, customView: this.customView, customViews: this.customViews, onChanged: (ev) => this.applySortsAndFilters(ev.detail), onToggleSelected: (ev) => this.onToggleSelected(ev), onFieldFetchData: (ev) => {
+    return (index$1.h("yoo-entity-query-builder", { ref: (el) => (this.entityQueryBuilderElement = el), model: this.model, hideSorts: (this.isAgGrid() && !this.showAgGridSorts) || this.isKanban() || this.hideSorts, showAdvancedQueryBuilder: this.showAdvancedQueryBuilder, values: this.sortsAndFilters, readonly: this.isReadonly, isToggleSelected: this.isSelectedToggleView, isSelectAllToggled: this.isSelectAll, showSelectionOnlyToggle: this.showSelectionOnlyToggle, customViewsId: this.customViewsId, customView: this.customView, customViews: this.customViews, onChanged: (ev) => this.applySortsAndFilters(ev.detail), onToggleSelected: (ev) => this.onToggleSelected(ev), onFieldFetchData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchData.emit(ev.detail);
       }, onFieldFetchCustomData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchCustomData.emit(ev.detail);
-      }, class: { 'no-padding': this.showSearch === false }, extraClass: ((_b = this.extraClass) === null || _b === void 0 ? void 0 : _b.includes('align-filters-right')) ? 'align-filters-right' : '', floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, index$1.isWeb(this.host) && !this.isReadonly && (index.h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), index.h("slot", { name: "search-buttons-before" }))), index.h("div", { slot: "after" }, this.renderCustomViews()), index$1.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), index$1.isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), index$1.isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), index$1.isWeb(this.host) && this.renderDisplayMode(), index$1.isWeb(this.host) && this.renderExports(), actions.length > 0 && (index.h("yoo-items", { class: { 'margin-left': !index$1.isWeb(this.host) && this.isToggleModeVisible() } }, actions
-      .map((a) => index$1.toButton(a, this))
+      }, class: { 'no-padding': this.showSearch === false }, extraClass: ((_b = this.extraClass) === null || _b === void 0 ? void 0 : _b.includes('align-filters-right')) ? 'align-filters-right' : '', floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, index.isWeb(this.host) && !this.isReadonly && (index$1.h("div", { class: "search-container-inner", slot: "before" }, this.renderToggleSelectAll(), this.showSearch !== false && this.renderSearchInput(), index$1.h("slot", { name: "search-buttons-before" }))), index$1.h("div", { slot: "after" }, this.renderCustomViews()), index.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), index.isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), index.isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), index.isWeb(this.host) && this.renderDisplayMode(), index.isWeb(this.host) && this.renderExports(), actions.length > 0 && (index$1.h("yoo-items", { class: { 'margin-left': !index.isWeb(this.host) && this.isToggleModeVisible() } }, actions
+      .map((a) => index.toButton(a, this))
       .map((button) => button_factory.getButton({
       ...button,
       color: button.color || 'stable',
       cssClass: `${button.cssClass || ''}`
-    })))), index$1.isWeb(this.host) && (index.h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, index.h("slot", { name: "nav-bar-entity-right" }))), index.h("slot", { name: "search-buttons" }), index$1.isWeb(this.host) && this.renderRefresh()));
+    })))), index.isWeb(this.host) && (index$1.h("div", { class: "nav-bar-entity-right", slot: "before-sort" }, index$1.h("slot", { name: "nav-bar-entity-right" }))), index$1.h("slot", { name: "search-buttons" }), index.isWeb(this.host) && this.renderRefresh()));
   }
   renderEntitySearchTags(renderSearchOrAutocomplete) {
-    const showAdvancedFilters = (!index$1.isWeb(this.host) && this.showSearch !== false) || (index$1.isWeb(this.host) && !!this.model) || this.forceTagFilters;
-    return this.tags && (index.h("yoo-entity-search-tags", { slot: this.hideTags || !this.tags || (this.tags && this.tags.length === 0) ? 'start' : renderSearchOrAutocomplete ? 'content' : '', expandedTags: this.gridIsExpanded, hideTags: this.hideTags || !this.tags || !this.tags.length, sortsAndFilters: this.sortsAndFilters, onFilterAdvanced: () => this.onShowFilterAdvanced(), tags: index$1.isWeb(this.host) && !this.gridIsExpanded ? [] : this.tags, values: this.selectedTags || [], hideAdvancedFilters: !showAdvancedFilters || this.isShowAdvancedFiltersDisplayedIntoSearch || !this.model, onSelected: (ev) => this.onTagSelect(ev), disabled: this.isSelectAll }));
+    const showAdvancedFilters = (!index.isWeb(this.host) && this.showSearch !== false) || (index.isWeb(this.host) && !!this.model) || this.forceTagFilters;
+    return this.tags && (index$1.h("yoo-entity-search-tags", { slot: this.hideTags || !this.tags || (this.tags && this.tags.length === 0) ? 'start' : renderSearchOrAutocomplete ? 'content' : '', expandedTags: this.gridIsExpanded, hideTags: this.hideTags || !this.tags || !this.tags.length, sortsAndFilters: this.sortsAndFilters, onFilterAdvanced: () => this.onShowFilterAdvanced(), tags: index.isWeb(this.host) && !this.gridIsExpanded ? [] : this.tags, values: this.selectedTags || [], hideAdvancedFilters: !showAdvancedFilters || this.isShowAdvancedFiltersDisplayedIntoSearch || !this.model, onSelected: (ev) => this.onTagSelect(ev), disabled: this.isSelectAll }));
   }
   onTabSelected(ev) {
     this.selectedTab = this.tabs[ev.detail.nextIndex];
@@ -2520,7 +2525,7 @@ const YooGridComponent = class {
     if (!this.tabs || !this.tabs.length) {
       return;
     }
-    return (index.h("yoo-header", { class: "primary" }, index.h("yoo-tabs", { key: (this.collectionName || this.entityType || 'grid-tab').replace('_archive', ''), initialIndex: this.initialTabIndex, tabs: this.tabs, onTabSelected: (ev) => this.onTabSelected(ev) })));
+    return (index$1.h("yoo-header", { class: "primary" }, index$1.h("yoo-tabs", { key: (this.collectionName || this.entityType || 'grid-tab').replace('_archive', ''), initialIndex: this.initialTabIndex, tabs: this.tabs, onTabSelected: (ev) => this.onTabSelected(ev) })));
   }
   renderTotalNumber() {
     var _a;
@@ -2530,7 +2535,7 @@ const YooGridComponent = class {
     if (total > 0 && this.totalMax && this.totalMax === total) {
       text += '+';
     }
-    return total > 0 ? index.h("div", { class: "total-number" }, text) : null;
+    return total > 0 ? index$1.h("div", { class: "total-number" }, text) : null;
   }
   flyToPosition(position, forceZoom) {
     // The setTimeout is used here to wait for the grid to rerender before flying to a position in order not to reinit the map during the flyTo
@@ -2561,7 +2566,7 @@ const YooGridComponent = class {
   }
   renderProgressBar() {
     if (this.progress >= 0 && this.total > 0) {
-      return (index.h("div", { class: { 'progressbar-wrapper': true, widget: this.isWidget } }, index.h("yoo-progress-bar", { animated: this.animated, value: this.progress })));
+      return (index$1.h("div", { class: { 'progressbar-wrapper': true, widget: this.isWidget } }, index$1.h("yoo-progress-bar", { animated: this.animated, value: this.progress })));
     }
   }
   shouldRenderTotalHeader() {
@@ -2570,12 +2575,12 @@ const YooGridComponent = class {
   renderTotalHeader() {
     const total = this.getTotalSelected() || 0;
     if (this.shouldRenderTotalHeader()) {
-      return index.h("div", { class: { 'total-header': true, 'loading': this.isLoading || lodash.isNil(this.total), 'no-padding': this.isFormField, web: index$1.isWeb(this.host) } }, index.h("span", { class: "total" }, (this.isLoading || lodash.isNil(this.total)) ? ' - ' : total === null || total === void 0 ? void 0 : total.toLocaleString()), index.h("span", { class: "title" }, index$1.translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
+      return index$1.h("div", { class: { 'total-header': true, 'loading': this.isLoading || lodash.isNil(this.total), 'no-padding': this.isFormField, web: index.isWeb(this.host) } }, index$1.h("span", { class: "total" }, (this.isLoading || lodash.isNil(this.total)) ? ' - ' : total === null || total === void 0 ? void 0 : total.toLocaleString()), index$1.h("span", { class: "title" }, index.translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
     }
   }
   renderLinkHeader() {
     if (this.headerLink) {
-      return index.h("yoo-link", { class: "link-header", onClick: () => this.headerLinkHandler ? this.headerLinkHandler() : null }, index.h("span", { innerHTML: index$1.translate(this.headerLink) }));
+      return index$1.h("yoo-link", { class: "link-header", onClick: () => this.headerLinkHandler ? this.headerLinkHandler() : null }, index$1.h("span", { innerHTML: index.translate(this.headerLink) }));
     }
   }
   renderHeader(renderEntityTags) {
@@ -2583,30 +2588,30 @@ const YooGridComponent = class {
     if ((_b = (_a = this.gridExtraOptions) === null || _a === void 0 ? void 0 : _a.forceSelectAllOptions) === null || _b === void 0 ? void 0 : _b.selectAll) {
       return this.renderSelectAllHeader();
     }
-    const title = index$1.translate(this.heading);
+    const title = index.translate(this.heading);
     let renderSearchOrAutocomplete = !this.isReadonly &&
-      (this.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!index$1.isWeb(this.host) && this.allowCustomTag)) &&
+      (this.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!index.isWeb(this.host) && this.allowCustomTag)) &&
       ((this.filteredItems && this.filteredItems.length > 0) ||
         this.allowCustomTag ||
         this.searchText ||
         this.alwaysRenderTagsAndFilters() ||
         ((_d = this.displayTypes) === null || _d === void 0 ? void 0 : _d.length) > 1 ||
         this.isAgGrid());
-    if ((this.showSearch || this.showFilters) && index$1.isWeb(this.host)) {
+    if ((this.showSearch || this.showFilters) && index.isWeb(this.host)) {
       renderSearchOrAutocomplete = true;
     }
     if (this.getActiveFiltersCount()) {
       renderSearchOrAutocomplete = true;
     }
-    if (this.isFilesAutocomplete && index$1.isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
+    if (this.isFilesAutocomplete && index.isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
       renderSearchOrAutocomplete = false;
     }
     return [
       this.renderTotalHeader(),
       this.renderLinkHeader(),
       this.renderTabs(),
-      this.isFramed && (this.heading) ? (index.h("div", { class: "frame-header" }, index.h("div", { class: "row" }, index.h("div", { class: "text-container", onClick: () => this.onHeadingClick() }, this.heading ? (this.isLoading && this.total <= 0 ? (index.h("yoo-card-placeholder", { displayType: this.displayType, entityType: this.entityType, header: this.progressCss })) : (index.h("span", { class: "heading" }, title, this.total > 0 && !this.hideTotal && ` - ${this.formattedTotal}`))) : null), this.showSeeAll !== false && (index.h("div", { class: { 'icon-container': true, widget: this.isWidget }, onClick: () => this.onHeadingClick() }, index$1.translate('YOOBICSEEALL'))), this.isWidget && this.isHome && (index.h("div", { class: { 'icon-container': true }, onClick: (ev) => this.onWidgetEdit(ev) }, index.h("yoo-icon", { name: "more", size: index$1.isWeb(this.host) ? 'small' : 'medium', color: "stable" }))), index.h("slot", { name: "header" })), this.renderProgressBar())) : this.forceHeading ? (index.h("div", { class: "header-container" }, index.h("div", { class: "header-title" }, index.h("div", null, !this.hideTotal && this.renderTotalNumber(), this.total > 0 || !this.hideHeadingIfEmpty ? title : null)), (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') && this.renderDisplayMode(), this.showSeeAll && this.total > 0 && (index.h("div", { class: "icon-container see-all", onClick: () => this.onHeadingClick() }, index$1.translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
-      (this.gridIsExpanded && this.forceHideSearch) || this.isFramed || this.hideToolbar || (!renderSearchOrAutocomplete && !renderEntityTags) ? null : (index.h("yoo-navbar", { centerTitle: false, class: {
+      this.isFramed && (this.heading) ? (index$1.h("div", { class: "frame-header" }, index$1.h("div", { class: "row" }, index$1.h("div", { class: "text-container", onClick: () => this.onHeadingClick() }, this.heading ? (this.isLoading && this.total <= 0 ? (index$1.h("yoo-card-placeholder", { displayType: this.displayType, entityType: this.entityType, header: this.progressCss })) : (index$1.h("span", { class: "heading" }, title, this.total > 0 && !this.hideTotal && ` - ${this.formattedTotal}`))) : null), this.showSeeAll !== false && (index$1.h("div", { class: { 'icon-container': true, widget: this.isWidget }, onClick: () => this.onHeadingClick() }, index.translate('YOOBICSEEALL'))), this.isWidget && this.isHome && (index$1.h("div", { class: { 'icon-container': true }, onClick: (ev) => this.onWidgetEdit(ev) }, index$1.h("yoo-icon", { name: "more", size: index.isWeb(this.host) ? 'small' : 'medium', color: "stable" }))), index$1.h("slot", { name: "header" })), this.renderProgressBar())) : this.forceHeading ? (index$1.h("div", { class: "header-container" }, index$1.h("div", { class: "header-title" }, index$1.h("div", null, !this.hideTotal && this.renderTotalNumber(), this.total > 0 || !this.hideHeadingIfEmpty ? title : null)), (this.entityType === 'courses' || this.entityType === 'plans' || this.entityType === 'courses-small') && this.renderDisplayMode(), this.showSeeAll && this.total > 0 && (index$1.h("div", { class: "icon-container see-all", onClick: () => this.onHeadingClick() }, index.translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
+      (this.gridIsExpanded && this.forceHideSearch) || this.isFramed || this.hideToolbar || (!renderSearchOrAutocomplete && !renderEntityTags) ? null : (index$1.h("yoo-navbar", { centerTitle: false, class: {
           'grid': !this.isAutoComplete,
           'card-inbox': (_f = (_e = this.host) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.contains('card-inbox'),
           'card-inbox-ongoing': (_h = (_g = this.host) === null || _g === void 0 ? void 0 : _g.classList) === null || _h === void 0 ? void 0 : _h.contains('card-inbox-ongoing'),
@@ -2614,19 +2619,19 @@ const YooGridComponent = class {
           'questions': (_m = (_l = this.host) === null || _l === void 0 ? void 0 : _l.classList) === null || _m === void 0 ? void 0 : _m.contains('questions'),
           'notifications': (_p = (_o = this.host) === null || _o === void 0 ? void 0 : _o.classList) === null || _p === void 0 ? void 0 : _p.contains('notifications'),
           'form': this.isFormField,
-          'web': index$1.isWeb(this.host),
+          'web': index.isWeb(this.host),
           'no-shadow': !!renderSearchOrAutocomplete,
           'search-only': renderSearchOrAutocomplete && !renderEntityTags,
           'transparent': renderEntityTags && !this.hideTags && !renderSearchOrAutocomplete,
           'tags-only': renderEntityTags && !this.hideTags && !renderSearchOrAutocomplete,
           'hide-tags': this.hideTags || !this.tags || !this.tags.length,
           'hide-filters': this.hideAdvancedFilters,
-          'autocomplete': this.isAutoComplete && index$1.isWeb(this.host),
-          'autocomplete-dialog-no-tags': this.isAutoComplete && !index$1.isWeb(this.host) && (!renderEntityTags || ((_q = this.tags) === null || _q === void 0 ? void 0 : _q.length) === 0),
+          'autocomplete': this.isAutoComplete && index.isWeb(this.host),
+          'autocomplete-dialog-no-tags': this.isAutoComplete && !index.isWeb(this.host) && (!renderEntityTags || ((_q = this.tags) === null || _q === void 0 ? void 0 : _q.length) === 0),
           'no-padding': this.isFormField,
           'overflow-hidden': this.isMap(),
-          'expanded-autocomplete': this.isAutoComplete && this.gridIsExpanded && index$1.isWeb(this.host)
-        } }, renderEntityTags && this.renderEntitySearchTags(renderSearchOrAutocomplete), renderSearchOrAutocomplete && (this.isMap() ? this.renderAddressAutocomplete() : this.renderSearch()), index.h("div", { slot: "content", class: "w-100" }, index$1.isWeb(this.host) && !this.isAutoComplete && !this.isReadonly && !this.shouldRenderEntityQueryBuilder() && this.renderToggleSelectAll(true), index.h("slot", { name: "nav-bar-bottom" }))))
+          'expanded-autocomplete': this.isAutoComplete && this.gridIsExpanded && index.isWeb(this.host)
+        } }, renderEntityTags && this.renderEntitySearchTags(renderSearchOrAutocomplete), renderSearchOrAutocomplete && (this.isMap() ? this.renderAddressAutocomplete() : this.renderSearch()), index$1.h("div", { slot: "content", class: "w-100" }, index.isWeb(this.host) && !this.isAutoComplete && !this.isReadonly && !this.shouldRenderEntityQueryBuilder() && this.renderToggleSelectAll(true), index$1.h("slot", { name: "nav-bar-bottom" }))))
     ];
   }
   alwaysRenderTagsAndFilters() {
@@ -2651,18 +2656,18 @@ const YooGridComponent = class {
     const displaySelectAllOptions = this.returnQuery && this.multiple && this.showSelectAllFinal;
     if (!this.disableSingleDeselection && (((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) > 9 || (this.showFilters && !this.host.classList.contains('empty')) || displaySelectAllOptions)) {
       const totalSelected = this.getTotalSelected();
-      return (index.h("div", { class: {
+      return (index$1.h("div", { class: {
           'dynamic-ordering-header-container': true,
           'filters-visible': this.showFilters && ((_b = this.tags) === null || _b === void 0 ? void 0 : _b.length) !== 0 && this.tags !== undefined,
           'no-search': !this.showSearch && !this.gridIsExpanded
-        } }, index.h("div", { class: "selected-text" }, `${totalSelected} ${index$1.translate('SELECTED')}`), index.h("div", { class: "dynamic-buttons-container" }, index$1.isWeb(this.host) && !this.gridIsExpanded ? (index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onExpandGrid() }, index$1.translate('EXPAND'))) : null, this.returnQuery && this.multiple && this.showSelectAllFinal && (index.h("yoo-button", { animated: false, color: "app-color", disabled: !((_c = this.filteredItems) === null || _c === void 0 ? void 0 : _c.length), fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onToggleSelectAll() }, index$1.translate('SELECTALL'))), this.multiple && (index.h("yoo-button", { animated: false, disabled: totalSelected <= 0, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.clearSelection() }, index$1.translate('CLEAR'))))));
+        } }, index$1.h("div", { class: "selected-text" }, `${totalSelected} ${index.translate('SELECTED')}`), index$1.h("div", { class: "dynamic-buttons-container" }, index.isWeb(this.host) && !this.gridIsExpanded ? (index$1.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onExpandGrid() }, index.translate('EXPAND'))) : null, this.returnQuery && this.multiple && this.showSelectAllFinal && (index$1.h("yoo-button", { animated: false, color: "app-color", disabled: !((_c = this.filteredItems) === null || _c === void 0 ? void 0 : _c.length), fill: "transparent", size: index.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onToggleSelectAll() }, index.translate('SELECTALL'))), this.multiple && (index$1.h("yoo-button", { animated: false, disabled: totalSelected <= 0, color: "app-color", fill: "transparent", size: index.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.clearSelection() }, index.translate('CLEAR'))))));
     }
   }
   renderFilesIcons() {
     var _a;
     const iconView = this.displayType === 'card-cell' ? 'list-view' : 'grid-view';
-    if (!this.isReadonly && this.isFilesAutocomplete && index$1.isWeb(this.host)) {
-      return (index.h("div", { class: "file-icons-container" }, !this.gridIsExpanded ? (this.isUploading ? (index.h("yoo-loader", { size: "small" })) : (index.h("yoo-icon", { name: "file-upload", color: "stable", size: "small", onClick: () => this.fileUpload.emit(true) }))) : null, !!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) && index.h("yoo-icon", { name: iconView, class: iconView, color: "stable", size: "small", onClick: () => this.onChangeDisplayMobile() })));
+    if (!this.isReadonly && this.isFilesAutocomplete && index.isWeb(this.host)) {
+      return (index$1.h("div", { class: "file-icons-container" }, !this.gridIsExpanded ? (this.isUploading ? (index$1.h("yoo-loader", { size: "small" })) : (index$1.h("yoo-icon", { name: "file-upload", color: "stable", size: "small", onClick: () => this.fileUpload.emit(true) }))) : null, !!((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) && index$1.h("yoo-icon", { name: iconView, class: iconView, color: "stable", size: "small", onClick: () => this.onChangeDisplayMobile() })));
     }
   }
   renderSelectAllHeader() {
@@ -2670,24 +2675,24 @@ const YooGridComponent = class {
     const showClear = this.isSelectAll && ((_a = this.selectionRemoved) === null || _a === void 0 ? void 0 : _a.length) === 0;
     const forceSelectAllIds = ((_d = (_c = (_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.forceSelectAllOptions) === null || _c === void 0 ? void 0 : _c.allIds) === null || _d === void 0 ? void 0 : _d.length) || 0;
     const selectedCount = this.isSelectAll && forceSelectAllIds ? forceSelectAllIds - (((_e = this.selectionRemoved) === null || _e === void 0 ? void 0 : _e.length) || 0) : (_f = this.selection) === null || _f === void 0 ? void 0 : _f.length;
-    return (index.h("div", { class: "select-all-container" }, index.h("div", { class: "selected-text" }, `${selectedCount || 0} ${index$1.translate('SELECTED')}`), index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index$1.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onForceSelectAll(showClear) }, index$1.translate(showClear ? 'CLEAR' : 'SELECTALL'))));
+    return (index$1.h("div", { class: "select-all-container" }, index$1.h("div", { class: "selected-text" }, `${selectedCount || 0} ${index.translate('SELECTED')}`), index$1.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: index.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onForceSelectAll(showClear) }, index.translate(showClear ? 'CLEAR' : 'SELECTALL'))));
   }
   renderIllustrationButton(customStyle) {
-    const buttonSize = (!this.extraClass && index$1.isWeb(this.host)) || this.extraClass.includes('large') ? 'large' : this.extraClass.includes('small') ? 'small' : 'medium';
-    return (index.h("yoo-button", { class: { 'empty-button': true, expanded: customStyle }, size: buttonSize, color: "app-color", onClick: () => this.illustrationHandler() }, index$1.translate(this.illustrationButtonText)));
+    const buttonSize = (!this.extraClass && index.isWeb(this.host)) || this.extraClass.includes('large') ? 'large' : this.extraClass.includes('small') ? 'small' : 'medium';
+    return (index$1.h("yoo-button", { class: { 'empty-button': true, expanded: customStyle }, size: buttonSize, color: "app-color", onClick: () => this.illustrationHandler() }, index.translate(this.illustrationButtonText)));
   }
   renderIllustration() {
     const type = (this.animatedIllustration || this.entityType || 'error');
     const displayIllustration = type && !this.hideIllustration;
-    const header = index$1.translate(this.illustrationHeader || this.isAnimatedIllustration && index$2.ANIMATED_ILLUSTRATION_TITLE_MAP[type]);
-    const text = index$1.translate(this.illustrationDescription || this.isAnimatedIllustration && index$2.ANIMATED_ILLUSTRATION_TEXT_MAP[type] || 'LISTEMPTY');
-    const hasButton = !!this.illustrationButtonText && !!this.illustrationHandler && (!index$1.isOffline() || this.emptyAllowOfflineAction);
+    const header = index.translate(this.illustrationHeader || this.isAnimatedIllustration && index$2.ANIMATED_ILLUSTRATION_TITLE_MAP[type]);
+    const text = index.translate(this.illustrationDescription || this.isAnimatedIllustration && index$2.ANIMATED_ILLUSTRATION_TEXT_MAP[type] || 'LISTEMPTY');
+    const hasButton = !!this.illustrationButtonText && !!this.illustrationHandler && (!index.isOffline() || this.emptyAllowOfflineAction);
     const customStyle = this.entityType === 'feeds';
     return [
-      index.h("slot", { name: "before" }),
-      displayIllustration && (index.h("div", { class: `illustration-container ${this.extraClass}` }, index.h("div", { class: { 'animated-illustration': true, 'full-sized': this.illustrationFullSized, padding: customStyle, ...commonHelpers.getAppContext(this.host) } }, !this.illustrationNoDescription && this.illustrationTextPosition === 'top' && [!!header && index.h("h4", null, header), index.h("div", null, text)], this.isAnimatedIllustration ? (index.h("yoo-animated-illustration", { class: { [this.displayType]: true, [this.extraClass || 'large']: true, 'with-button': hasButton }, style: { height: this.isAutoComplete && !this.host.classList.contains('expanding-grid') && '5rem' }, type: type })) : (index.h("yoo-illustration", { class: { [this.displayType]: true, [this.extraClass || 'large']: true, 'with-button': hasButton }, style: { height: this.isAutoComplete && !this.host.classList.contains('expanding-grid') && '5rem' }, type: this.illustration })), index.h("div", { class: "illustration-details" }, !this.illustrationNoDescription &&
-        this.illustrationTextPosition === 'bottom' && [!!header && index.h("h4", { innerHTML: header }), index.h("div", { class: { 'with-button': hasButton }, innerHTML: text })], hasButton && this.renderIllustrationButton(customStyle))))),
-      index.h("slot", { name: "after" })
+      index$1.h("slot", { name: "before" }),
+      displayIllustration && (index$1.h("div", { class: `illustration-container ${this.extraClass}` }, index$1.h("div", { class: { 'animated-illustration': true, 'full-sized': this.illustrationFullSized, padding: customStyle, ...commonHelpers.getAppContext(this.host) } }, !this.illustrationNoDescription && this.illustrationTextPosition === 'top' && [!!header && index$1.h("h4", null, header), index$1.h("div", null, text)], this.isAnimatedIllustration ? (index$1.h("yoo-animated-illustration", { class: { [this.displayType]: true, [this.extraClass || 'large']: true, 'with-button': hasButton }, style: { height: this.isAutoComplete && !this.host.classList.contains('expanding-grid') && '5rem' }, type: type })) : (index$1.h("yoo-illustration", { class: { [this.displayType]: true, [this.extraClass || 'large']: true, 'with-button': hasButton }, style: { height: this.isAutoComplete && !this.host.classList.contains('expanding-grid') && '5rem' }, type: this.illustration })), index$1.h("div", { class: "illustration-details" }, !this.illustrationNoDescription &&
+        this.illustrationTextPosition === 'bottom' && [!!header && index$1.h("h4", { innerHTML: header }), index$1.h("div", { class: { 'with-button': hasButton }, innerHTML: text })], hasButton && this.renderIllustrationButton(customStyle))))),
+      index$1.h("slot", { name: "after" })
     ];
   }
   renderAgGrid() {
@@ -2706,7 +2711,7 @@ const YooGridComponent = class {
       'with-selection': ((_a = this.selection) === null || _a === void 0 ? void 0 : _a.length) > 0
     };
     return [
-      index.h("div", { class: { 'ag-grid-container': true, empty: this.isEmptyAgGrid && !this.hideIllustration } }, this.finalGridConfig && index.h("yoo-ag-grid", { class: agClass, gridClass: this.gridClass || '', config: this.finalGridConfig }), this.isEmptyAgGrid && !this.hideIllustration && this.renderIllustration())
+      index$1.h("div", { class: { 'ag-grid-container': true, empty: this.isEmptyAgGrid && !this.hideIllustration } }, this.finalGridConfig && index$1.h("yoo-ag-grid", { class: agClass, gridClass: this.gridClass || '', config: this.finalGridConfig }), this.isEmptyAgGrid && !this.hideIllustration && this.renderIllustration())
     ];
   }
   renderMapGrid() {
@@ -2716,20 +2721,20 @@ const YooGridComponent = class {
       longitude: -86.05512841352316
     };
     position.zoom = 3;
-    return (index.h("div", { class: "map-scroll-container" }, index.h("yoo-map", { ref: (el) => (this.gridMap = el), isGridMap: true, class: { absolute: index$1.isWeb(this.host), web: index$1.isWeb(this.host) }, markers: this.markers, markersOnly: this.markersOnly, position: position, onSelected: (event) => this.onMarkerSelected(event), onMapLoaded: () => {
+    return (index$1.h("div", { class: "map-scroll-container" }, index$1.h("yoo-map", { ref: (el) => (this.gridMap = el), isGridMap: true, class: { absolute: index.isWeb(this.host), web: index.isWeb(this.host) }, markers: this.markers, markersOnly: this.markersOnly, position: position, onSelected: (event) => this.onMarkerSelected(event), onMapLoaded: () => {
         this.onFetchData();
-      }, onMapPositionUpdated: (ev) => this.currentPositionChanged.emit(ev.detail) }), !this.markersOnly && (index.h("yoo-ion-scroll", { class: "horizontal", ref: (el) => (this.mapScroll = el), scrollEvents: true, onIonScroll: (event) => this.onMapScroll(event) }, index.h("div", { class: "entities-container" }, (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.map((item, index$1) => (index.h("div", { class: "entity-container-map", onClick: () => this.onMapEntityClicked(index$1) }, this.renderEntity(item, null, index$1)))))))));
+      }, onMapPositionUpdated: (ev) => this.currentPositionChanged.emit(ev.detail) }), !this.markersOnly && (index$1.h("yoo-ion-scroll", { class: "horizontal", ref: (el) => (this.mapScroll = el), scrollEvents: true, onIonScroll: (event) => this.onMapScroll(event) }, index$1.h("div", { class: "entities-container" }, (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.map((item, index) => (index$1.h("div", { class: "entity-container-map", onClick: () => this.onMapEntityClicked(index) }, this.renderEntity(item, null, index)))))))));
   }
   hasMapFields() {
     var _a, _b, _c;
-    return (((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isMapField(f)).length) > 0 || ((_c = (_b = this.customModel) === null || _b === void 0 ? void 0 : _b.formFields) === null || _c === void 0 ? void 0 : _c.filter((f) => index$1.isMapField(f) || f.type === index$2.FormFieldType.location).length) > 0);
+    return (((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isMapField(f)).length) > 0 || ((_c = (_b = this.customModel) === null || _b === void 0 ? void 0 : _b.formFields) === null || _c === void 0 ? void 0 : _c.filter((f) => index.isMapField(f) || f.type === index$2.FormFieldType.location).length) > 0);
   }
   renderMapFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isMapField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-autocomplete", { class: "map-field inline", size: "medium" //{isWeb(this.host) ? 'medium' : 'large'}
+    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isMapField(f));
+    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index$1.h("yoo-form-autocomplete", { class: "map-field inline", size: "medium" //{isWeb(this.host) ? 'medium' : 'large'}
       ,
-      hideIcon: true, clearable: false, value: this.mapGeolocField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", placeholder: index$1.translate('CHOOSEMAPFIELD'), useTranslate: true, onInputChanged: (ev) => this.onMapFieldChange(ev), onFetchData: (ev) => ev.stopPropagation(), dialogWidth: "200px" }));
+      hideIcon: true, clearable: false, value: this.mapGeolocField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", placeholder: index.translate('CHOOSEMAPFIELD'), useTranslate: true, onInputChanged: (ev) => this.onMapFieldChange(ev), onFetchData: (ev) => ev.stopPropagation(), dialogWidth: "200px" }));
   }
   onMapFieldChange(ev) {
     if (ev === null || ev === void 0 ? void 0 : ev.detail) {
@@ -2740,57 +2745,57 @@ const YooGridComponent = class {
   }
   hasDateTimeFields() {
     var _a;
-    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isDateTimeField(f)).length) > 0;
+    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isDateTimeField(f)).length) > 0;
   }
   renderDateFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isDateTimeField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-input-container", { field: { title: index$1.translate('YOOBICCHOOSESTARTDATEFIELD') }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "date-field inline", size: index$1.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarDateField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", useTranslate: true, onInputChanged: (ev) => this.calendarDateField = ev.detail, onFetchData: (ev) => ev.stopPropagation(), dialogWidth: "200px" })));
+    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isDateTimeField(f));
+    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index$1.h("yoo-form-input-container", { field: { title: index.translate('YOOBICCHOOSESTARTDATEFIELD') }, hideOptional: true }, index$1.h("yoo-form-autocomplete", { class: "date-field inline", size: index.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarDateField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", useTranslate: true, onInputChanged: (ev) => this.calendarDateField = ev.detail, onFetchData: (ev) => ev.stopPropagation(), dialogWidth: "200px" })));
   }
   renderDateEndFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isDateTimeField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-input-container", { field: { title: index$1.translate('YOOBICCHOOSEENDDATEFIELD') }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "date-field inline", size: index$1.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarDateEndField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", useTranslate: true, onInputChanged: (ev) => this.calendarDateEndField = ev.detail, onFetchData: (ev) => ev.stopPropagation(), dialogWidth: "200px" })));
+    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isDateTimeField(f));
+    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index$1.h("yoo-form-input-container", { field: { title: index.translate('YOOBICCHOOSEENDDATEFIELD') }, hideOptional: true }, index$1.h("yoo-form-autocomplete", { class: "date-field inline", size: index.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarDateEndField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", useTranslate: true, onInputChanged: (ev) => this.calendarDateEndField = ev.detail, onFetchData: (ev) => ev.stopPropagation(), dialogWidth: "200px" })));
   }
   hasResourceFields() {
     var _a;
-    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isAutocompleteLocalField(f)).length) > 0;
+    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isAutocompleteLocalField(f)).length) > 0;
   }
   renderResourceFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isAutocompleteLocalField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-input-container", { field: { title: index$1.translate('YOOBICCHOOSERESOURCEFIELD') }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "resource-field inline", size: index$1.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarResourceField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", useTranslate: true, onInputChanged: (ev) => {
+    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isAutocompleteLocalField(f));
+    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index$1.h("yoo-form-input-container", { field: { title: index.translate('YOOBICCHOOSERESOURCEFIELD') }, hideOptional: true }, index$1.h("yoo-form-autocomplete", { class: "resource-field inline", size: index.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarResourceField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", useTranslate: true, onInputChanged: (ev) => {
         this.calendarResourceField = ev.detail;
       }, onFetchData: (ev) => ev.stopPropagation(), dialogWidth: "200px" })));
   }
   hasResourceDurationFields() {
     var _a;
-    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isNumberField(f)).length) > 0;
+    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isNumberField(f)).length) > 0;
   }
   renderResourceDurationFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isNumberField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-input-container", { field: { title: index$1.translate('YOOBICCHOOSEDURATIONFIELD') }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "duration-field inline", size: index$1.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarResourceDurationField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", useTranslate: true, onInputChanged: (ev) => {
+    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isNumberField(f));
+    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index$1.h("yoo-form-input-container", { field: { title: index.translate('YOOBICCHOOSEDURATIONFIELD') }, hideOptional: true }, index$1.h("yoo-form-autocomplete", { class: "duration-field inline", size: index.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.calendarResourceDurationField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", useTranslate: true, onInputChanged: (ev) => {
         this.calendarResourceDurationField = ev.detail;
       }, onFetchData: (ev) => ev.stopPropagation(), dialogWidth: "200px" })));
   }
   renderCalendar() {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l;
-    const dateFields = ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isDateTimeField(f))) || ((_c = (_b = this.customModel) === null || _b === void 0 ? void 0 : _b.formFields) === null || _c === void 0 ? void 0 : _c.filter((f) => index$1.isDateTimeField(f)));
-    const durationFields = ((_d = this.campaignFields) === null || _d === void 0 ? void 0 : _d.filter((f) => index$1.isNumberField(f))) || ((_f = (_e = this.customModel) === null || _e === void 0 ? void 0 : _e.formFields) === null || _f === void 0 ? void 0 : _f.filter((f) => index$1.isNumberField(f)));
+    const dateFields = ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index.isDateTimeField(f))) || ((_c = (_b = this.customModel) === null || _b === void 0 ? void 0 : _b.formFields) === null || _c === void 0 ? void 0 : _c.filter((f) => index.isDateTimeField(f)));
+    const durationFields = ((_d = this.campaignFields) === null || _d === void 0 ? void 0 : _d.filter((f) => index.isNumberField(f))) || ((_f = (_e = this.customModel) === null || _e === void 0 ? void 0 : _e.formFields) === null || _f === void 0 ? void 0 : _f.filter((f) => index.isNumberField(f)));
     this.calendarDateField = this.calendarDateField || dateFields.length > 0 ? (_g = dateFields[0]) === null || _g === void 0 ? void 0 : _g.name : null;
     this.calendarDateEndField = this.calendarDateEndField || dateFields.length > 1 ? (_h = dateFields[1]) === null || _h === void 0 ? void 0 : _h.name : null;
     this.calendarResourceDurationField = this.calendarResourceDurationField || durationFields.length > 0 ? (_j = durationFields[0]) === null || _j === void 0 ? void 0 : _j.name : null;
     const resources = (_l = (_k = this.campaignFields) === null || _k === void 0 ? void 0 : _k.find((f) => f.name === this.calendarResourceField)) === null || _l === void 0 ? void 0 : _l.values;
     const viewIds = [...index$2.CALENDAR_VIEW_IDS];
     const calendarView = viewIds.find((v) => v._id === this.calendarDefaultView);
-    return (index.h("yoo-grid-calendar", { ref: (el) => this.calendarEl = el, events: this.items, entityType: this.entityType, editable: this.editable && !this.calendarPreventMove, suffix: this.suffix, timezone: this.calendarTimezone, titleField: this.calendarTitleField, dateField: this.calendarDateField, hideHeader: true, dateEndField: this.calendarDateEndField, resourceField: this.calendarResourceField, showResourcesView: this.calendarShowResourcesView || (!!this.calendarResourceField && (resources === null || resources === void 0 ? void 0 : resources.length) > 0), resources: resources, calendarDefaultView: this.calendarDefaultView, durationField: this.calendarDurationField, resourceDurationField: this.calendarResourceDurationField, durationFieldUnit: this.calendarDurationFieldUnit, slotDuration: this.calendarSlotDuration, openingHours: this.calendarOpeningHours, expandRows: this.calendarExpandRows, customModel: this.customModel, onDateChanged: (ev) => this.onCalendarDateChanged(ev), onDateSelected: (ev) => this.onCalendarDateSelected(ev), onItemSelected: (ev) => this.onCalendarItemSelected(ev) }, index.h("div", { class: "views-container", slot: "header" }, index.h("yoo-form-autocomplete", { size: "medium", values: viewIds, value: calendarView, placeholder: index$1.translate('VIEW'), useTranslate: true, dynamicOrdering: false, onInputChanged: (ev) => {
+    return (index$1.h("yoo-grid-calendar", { ref: (el) => this.calendarEl = el, events: this.items, entityType: this.entityType, editable: this.editable && !this.calendarPreventMove, suffix: this.suffix, timezone: this.calendarTimezone, titleField: this.calendarTitleField, dateField: this.calendarDateField, hideHeader: true, dateEndField: this.calendarDateEndField, resourceField: this.calendarResourceField, showResourcesView: this.calendarShowResourcesView || (!!this.calendarResourceField && (resources === null || resources === void 0 ? void 0 : resources.length) > 0), resources: resources, calendarDefaultView: this.calendarDefaultView, durationField: this.calendarDurationField, resourceDurationField: this.calendarResourceDurationField, durationFieldUnit: this.calendarDurationFieldUnit, slotDuration: this.calendarSlotDuration, openingHours: this.calendarOpeningHours, expandRows: this.calendarExpandRows, customModel: this.customModel, onDateChanged: (ev) => this.onCalendarDateChanged(ev), onDateSelected: (ev) => this.onCalendarDateSelected(ev), onItemSelected: (ev) => this.onCalendarItemSelected(ev) }, index$1.h("div", { class: "views-container", slot: "header" }, index$1.h("yoo-form-autocomplete", { size: "medium", values: viewIds, value: calendarView, placeholder: index.translate('VIEW'), useTranslate: true, dynamicOrdering: false, onInputChanged: (ev) => {
         var _a, _b;
         if ((_a = ev === null || ev === void 0 ? void 0 : ev.detail) === null || _a === void 0 ? void 0 : _a._id) {
           this.calendarDefaultView = ev.detail._id;
           (_b = this.calendarEl) === null || _b === void 0 ? void 0 : _b.changeView(this.calendarDefaultView);
         }
-      }, dialogWidth: "200px" }), this.renderRefresh(true)), index.h("div", { class: "calendar-filters", slot: "more-filters" }, index$1.isWeb(this.host) && this.isCalendar() && this.hasResourceFields() && this.renderResourceFieldSelect(), index$1.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateFieldSelect(), index$1.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateEndFieldSelect(), index$1.isWeb(this.host) && this.isCalendar() && this.hasResourceDurationFields() && this.renderResourceDurationFieldSelect())));
+      }, dialogWidth: "200px" }), this.renderRefresh(true)), index$1.h("div", { class: "calendar-filters", slot: "more-filters" }, index.isWeb(this.host) && this.isCalendar() && this.hasResourceFields() && this.renderResourceFieldSelect(), index.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateFieldSelect(), index.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateEndFieldSelect(), index.isWeb(this.host) && this.isCalendar() && this.hasResourceDurationFields() && this.renderResourceDurationFieldSelect())));
   }
   hasKanbanColumnFields() {
     var _a;
@@ -2798,7 +2803,7 @@ const YooGridComponent = class {
   }
   renderKanbanColumnFieldSelect() {
     var _a;
-    return (index.h("yoo-form-autocomplete", { class: "kanban-column-field inline", size: index$1.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.kanbanColumnField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => filtersHelpers.isKanbanColumnField(f)), displayType: "card-list", placeholder: index$1.translate('CHOOSECOLUMNFIELD'), onFetchData: (ev) => ev.stopPropagation(), useTranslate: true, onInputChanged: (ev) => this.onKanbanColumnFieldChange(ev), dialogWidth: "200px" }));
+    return (index$1.h("yoo-form-autocomplete", { class: "kanban-column-field inline", size: index.isWeb(this.host) ? 'medium' : 'large', hideIcon: true, clearable: false, value: this.kanbanColumnField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => filtersHelpers.isKanbanColumnField(f)), displayType: "card-list", placeholder: index.translate('CHOOSECOLUMNFIELD'), onFetchData: (ev) => ev.stopPropagation(), useTranslate: true, onInputChanged: (ev) => this.onKanbanColumnFieldChange(ev), dialogWidth: "200px" }));
   }
   onKanbanColumnFieldChange(ev) {
     this.kanbanColumnField = ev.detail;
@@ -2811,7 +2816,7 @@ const YooGridComponent = class {
         ev.stopPropagation();
         emitter.emit(ev.detail);
       };
-      return (index.h("yoo-kanban", { ref: (el) => (this.kanbanElRef = el), columns: this.kanbanColumns, workflow: this.workflow, readonly: this.boardReadonly, boardFields: this.campaignFields, columnField: this.kanbanColumnField, items: this.items, displaySize: this.displaySize, suffix: this.suffix, entityType: this.entityType, onColumnAdded: redirect(this.kanbanColumnAdded), onColumnsDuplicated: redirect(this.kanbanColumnsDuplicated), onColumnsEdited: redirect(this.kanbanColumnsEdited), onColumnsChanged: redirect(this.kanbanColumnsChanged), onColumnsDeleted: redirect(this.kanbanColumnsDeleted), onCardAdded: redirect(this.kanbanCardAdded), onCardSelected: redirect(this.kanbanCardSelected), onCardDeleted: redirect(this.kanbanCardDeleted), onCardArchived: redirect(this.kanbanCardArchived), onCardFinished: redirect(this.kanbanCardFinished), onCardUpdated: redirect(this.kanbanCardUpdated) }));
+      return (index$1.h("yoo-kanban", { ref: (el) => (this.kanbanElRef = el), columns: this.kanbanColumns, workflow: this.workflow, readonly: this.boardReadonly, boardFields: this.campaignFields, columnField: this.kanbanColumnField, items: this.items, displaySize: this.displaySize, suffix: this.suffix, entityType: this.entityType, onColumnAdded: redirect(this.kanbanColumnAdded), onColumnsDuplicated: redirect(this.kanbanColumnsDuplicated), onColumnsEdited: redirect(this.kanbanColumnsEdited), onColumnsChanged: redirect(this.kanbanColumnsChanged), onColumnsDeleted: redirect(this.kanbanColumnsDeleted), onCardAdded: redirect(this.kanbanCardAdded), onCardSelected: redirect(this.kanbanCardSelected), onCardDeleted: redirect(this.kanbanCardDeleted), onCardArchived: redirect(this.kanbanCardArchived), onCardFinished: redirect(this.kanbanCardFinished), onCardUpdated: redirect(this.kanbanCardUpdated) }));
     }
     else {
       return this.renderIllustration();
@@ -2820,7 +2825,7 @@ const YooGridComponent = class {
   renderEntityItems(header, headerIndex, lastItemIndex, baseIndex = 0, displayHeaderIndex = false, headerDescriptions, isLastHeader = false) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const items = (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.slice(header.index, lastItemIndex);
-    const itemHeader = ((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.hideHeaderCount) || this.entityType === 'calendarEvents' || this.entityType === 'missions' ? index$1.translateMulti(header.text) : `${index$1.translateMulti(header.text)} - ${items === null || items === void 0 ? void 0 : items.length}`;
+    const itemHeader = ((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.hideHeaderCount) || this.entityType === 'calendarEvents' || this.entityType === 'missions' ? index.translateMulti(header.text) : `${index.translateMulti(header.text)} - ${items === null || items === void 0 ? void 0 : items.length}`;
     const TagType = ((_c = this.gridExtraOptions) === null || _c === void 0 ? void 0 : _c.collapsible) ? 'yoo-collapsible' : 'div';
     const ItemTagType = ((_d = this.gridExtraOptions) === null || _d === void 0 ? void 0 : _d.displaySubItemsAsSlides) ? 'yoo-ion-slides' : 'div';
     const ItemSlideTagType = ((_e = this.gridExtraOptions) === null || _e === void 0 ? void 0 : _e.displaySubItemsAsSlides) ? 'yoo-ion-slide' : 'div';
@@ -2837,7 +2842,7 @@ const YooGridComponent = class {
         'no-padding full-width': !!((_a = this.gridExtraOptions) === null || _a === void 0 ? void 0 : _a.displaySubItemsAsSlides)
       };
     };
-    const tagTypeElement = index.h(ItemTagType, { class: "sub-item-container", options: (_f = this.gridExtraOptions) === null || _f === void 0 ? void 0 : _f.subItemSlideOptions }, this.hasSecondaryActions
+    const tagTypeElement = (index$1.h(ItemTagType, { class: "sub-item-container", options: (_f = this.gridExtraOptions) === null || _f === void 0 ? void 0 : _f.subItemSlideOptions }, this.hasSecondaryActions
       ? items.map((item, i) => {
         var _a;
         return this.showActionsAsMore
@@ -2846,22 +2851,22 @@ const YooGridComponent = class {
       })
       : items.map((item, idx) => {
         var _a, _b, _c, _d, _e;
-        return (index.h(ItemSlideTagType, { class: "relative" }, index.h("yoo-ion-item", { lines: "none", class: {
+        return (index$1.h(ItemSlideTagType, { class: "relative" }, index$1.h("yoo-ion-item", { lines: "none", class: {
             ...ionItemClass(item),
             'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item'),
             'item-visible': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('item-visible')
-          }, disabled: this.areItemsDisabled }, ((_e = this.sequentialItemsStates) === null || _e === void 0 ? void 0 : _e[item === null || item === void 0 ? void 0 : item._id]) && this.renderSequentialEntityState(this.sequentialItemsStates[item === null || item === void 0 ? void 0 : item._id]), this.renderEntity(item, isLastHeader && idx === items.length - 1, idx)), index$1.isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && (index.h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: this.isSelected(item) ? 'check' : 'circle', color: this.isSelected(item) ? 'app-color' : 'stable' }))));
-      }));
+          }, disabled: this.areItemsDisabled }, ((_e = this.sequentialItemsStates) === null || _e === void 0 ? void 0 : _e[item === null || item === void 0 ? void 0 : item._id]) && this.renderSequentialEntityState(this.sequentialItemsStates[item === null || item === void 0 ? void 0 : item._id]), this.renderEntity(item, isLastHeader && idx === items.length - 1, idx)), index.isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && (index$1.h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: this.isSelected(item) ? 'check' : 'circle', color: this.isSelected(item) ? 'app-color' : 'stable' }))));
+      })));
     return [
-      index.h(TagType, { class: "no-padding", collapsed: this.gridExtraOptions && !(((_g = this.gridExtraOptions) === null || _g === void 0 ? void 0 : _g.expandFirstItem) && headerIndex === 0), slotHeader: true }, this.entityType === 'lessons' && this.displayType === 'card-list' ?
-        index.h("yoo-collapsible", { class: "lesson-detail padding no-padding", slotHeader: true, iconSize: "medium", collapsed: false }, index.h("div", { ref: (el) => (this.collapsibleEl[headerIndex] = el), slot: "title" }, itemHeader), tagTypeElement) :
+      index$1.h(TagType, { class: "no-padding", collapsed: this.gridExtraOptions && !(((_g = this.gridExtraOptions) === null || _g === void 0 ? void 0 : _g.expandFirstItem) && headerIndex === 0), slotHeader: true }, this.entityType === 'lessons' && this.displayType === 'card-list' ?
+        index$1.h("yoo-collapsible", { class: "lesson-detail padding no-padding", slotHeader: true, iconSize: "medium", collapsed: false }, index$1.h("div", { ref: (el) => (this.collapsibleEl[headerIndex] = el), slot: "title" }, itemHeader), tagTypeElement) :
         [
-          index.h("yoo-ion-item-divider", { class: {
+          index$1.h("yoo-ion-item-divider", { class: {
               'divider-inner': true,
               first: headerIndex === 0,
               'has-description': !lodash.isNil(headerDescriptions === null || headerDescriptions === void 0 ? void 0 : headerDescriptions[headerIndex])
-            }, slot: "title", ref: (el) => (this.itemDivider[headerIndex] = el) }, displayHeaderIndex && index.h("yoo-badge", { color: ((_h = headerDescriptions === null || headerDescriptions === void 0 ? void 0 : headerDescriptions[headerIndex]) === null || _h === void 0 ? void 0 : _h.isActive) ? 'app-color' : 'stable-alt', size: "small", text: (headerIndex + 1).toString() }), index.h("div", { class: "divider-inner", innerHTML: itemHeader })),
-          ((_j = headerDescriptions === null || headerDescriptions === void 0 ? void 0 : headerDescriptions[headerIndex]) === null || _j === void 0 ? void 0 : _j.text) && index.h("div", { class: { 'header-description': true, active: !!((_k = headerDescriptions === null || headerDescriptions === void 0 ? void 0 : headerDescriptions[headerIndex]) === null || _k === void 0 ? void 0 : _k.isActive) } }, index$1.translateMulti(headerDescriptions[headerIndex].text)),
+            }, slot: "title", ref: (el) => (this.itemDivider[headerIndex] = el) }, displayHeaderIndex && index$1.h("yoo-badge", { color: ((_h = headerDescriptions === null || headerDescriptions === void 0 ? void 0 : headerDescriptions[headerIndex]) === null || _h === void 0 ? void 0 : _h.isActive) ? 'app-color' : 'stable-alt', size: "small", text: (headerIndex + 1).toString() }), index$1.h("div", { class: "divider-inner", innerHTML: itemHeader })),
+          ((_j = headerDescriptions === null || headerDescriptions === void 0 ? void 0 : headerDescriptions[headerIndex]) === null || _j === void 0 ? void 0 : _j.text) && index$1.h("div", { class: { 'header-description': true, active: !!((_k = headerDescriptions === null || headerDescriptions === void 0 ? void 0 : headerDescriptions[headerIndex]) === null || _k === void 0 ? void 0 : _k.isActive) } }, index.translateMulti(headerDescriptions[headerIndex].text)),
           tagTypeElement
         ])
     ];
@@ -2898,36 +2903,36 @@ const YooGridComponent = class {
             var _a, _b;
             const end = index$2 === array.length - 1 ? (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length : array[index$2 + 1].index;
             return [
-              index.h("yoo-ion-item-divider", { class: { web: index$1.isWeb(this.host), first: index$2 === 0, 'has-description': this.headerDescriptions.length > 0 } }, this.displayHeaderIndex && index.h("yoo-badge", { color: this.headerDescriptions[index$2].isActive ? 'app-color' : 'stable-alt', size: "small", text: (index$2 + 1).toString() }), index.h("span", { class: "divider-inner" }, header.text)),
-              this.headerDescriptions.length > 0 && index.h("div", { class: { 'header-description': true, active: !!this.headerDescriptions[index$2].isActive } }, index$1.translateMulti((_b = this.headerDescriptions[index$2]) === null || _b === void 0 ? void 0 : _b.text)),
-              index.h("div", { class: "grid-cell" }, this.filteredItems
+              index$1.h("yoo-ion-item-divider", { class: { web: index.isWeb(this.host), first: index$2 === 0, 'has-description': this.headerDescriptions.length > 0 } }, this.displayHeaderIndex && index$1.h("yoo-badge", { color: this.headerDescriptions[index$2].isActive ? 'app-color' : 'stable-alt', size: "small", text: (index$2 + 1).toString() }), index$1.h("span", { class: "divider-inner" }, header.text)),
+              this.headerDescriptions.length > 0 && index$1.h("div", { class: { 'header-description': true, active: !!this.headerDescriptions[index$2].isActive } }, index.translateMulti((_b = this.headerDescriptions[index$2]) === null || _b === void 0 ? void 0 : _b.text)),
+              index$1.h("div", { class: "grid-cell" }, this.filteredItems
                 .slice(header.index, end)
-                .map((item, index) => this.renderEntity(item, null, index)), lodash.range(7).map(() => (index.h("yoo-entity", { class: "empty-entity" })))),
-              index.h("slot", { name: "quickactions" })
+                .map((item, index) => this.renderEntity(item, null, index)), lodash.range(7).map(() => (index$1.h("yoo-entity", { class: "empty-entity" })))),
+              index$1.h("slot", { name: "quickactions" })
             ];
           }),
-          index.h("slot", { name: "before" }),
+          index$1.h("slot", { name: "before" }),
           this.renderInfiniteScroll(),
-          index.h("slot", { name: "after" })
+          index$1.h("slot", { name: "after" })
         ];
       }
       else {
         return [
-          index.h("slot", { name: "header" }),
-          index.h("div", { class: { 'grid-cell': this.displayType.includes('card-cell') || this.displayType === 'card-menu', 'grid-media': this.displayType === 'card-media' } }, (_c = this.filteredItems) === null || _c === void 0 ? void 0 :
+          index$1.h("slot", { name: "header" }),
+          index$1.h("div", { class: { 'grid-cell': this.displayType.includes('card-cell') || this.displayType === 'card-menu', 'grid-media': this.displayType === 'card-media' } }, (_c = this.filteredItems) === null || _c === void 0 ? void 0 :
             _c.map((item, index) => this.renderEntity(item, null, index)), !['card-cell-color', 'card-cell-image', 'card-template', 'card-menu'].includes(this.displayType) &&
             !['channel', 'channels', 'contacts', 'locations'].includes(this.entityType) &&
             !this.host.classList.contains('grid-cell-channels') &&
-            lodash.range(6).map(() => (index.h("yoo-entity", { class: {
+            lodash.range(6).map(() => (index$1.h("yoo-entity", { class: {
                 'empty-entity': true,
                 [this.displaySize]: !!this.displaySize,
                 [this.displayType]: !!this.displayType,
                 [this.entityType]: !!this.entityType
-              } }))), index.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
-          index.h("slot", { name: "quickactions" }),
-          index.h("slot", { name: "before" }),
+              } }))), index$1.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })),
+          index$1.h("slot", { name: "quickactions" }),
+          index$1.h("slot", { name: "before" }),
           this.renderInfiniteScroll(),
-          index.h("slot", { name: "after" })
+          index$1.h("slot", { name: "after" })
         ];
       }
     }
@@ -2935,7 +2940,7 @@ const YooGridComponent = class {
       const options = { ...this.slidesOptions };
       let emptySlides;
       if (this.entityType !== 'courses-small') {
-        emptySlides = lodash.range(6).map(() => index.h("yoo-ion-slide", { class: "empty" }));
+        emptySlides = lodash.range(6).map(() => index$1.h("yoo-ion-slide", { class: "empty" }));
       }
       const newClass = {
         'body-container': true,
@@ -2950,13 +2955,13 @@ const YooGridComponent = class {
         [this.extraClass || '']: !!this.extraClass
       };
       return [
-        index.h("slot", { name: "header" }),
-        index$1.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay left ${this.extraClass}` }),
-        index.h("slot", { name: "before" }),
-        index.h("yoo-ion-slides", { allowKeyNavigation: false, ref: (el) => (this.slides = el), class: newClass, options: options, onIonSlideTransitionEnd: (ev) => this.onHorizontalSlidingEnd(ev), onIonSlideDidChange: () => this.onIonSlideDidChange() }, (_d = this.filteredItems) === null || _d === void 0 ? void 0 :
-          _d.map((item, index$1) => (index.h("yoo-ion-slide", { class: slideClass }, index.h("div", { ref: (el) => (this.itemSlideDiv = el), class: "slide" }, this.renderEntity(item, null, index$1))))), emptySlides),
-        index$1.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay right ${this.extraClass}` }),
-        index.h("slot", { name: "after" })
+        index$1.h("slot", { name: "header" }),
+        index.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index$1.h("div", { class: `gradient-overlay left ${this.extraClass}` }),
+        index$1.h("slot", { name: "before" }),
+        index$1.h("yoo-ion-slides", { allowKeyNavigation: false, ref: (el) => (this.slides = el), class: newClass, options: options, onIonSlideTransitionEnd: (ev) => this.onHorizontalSlidingEnd(ev), onIonSlideDidChange: () => this.onIonSlideDidChange() }, (_d = this.filteredItems) === null || _d === void 0 ? void 0 :
+          _d.map((item, index) => (index$1.h("yoo-ion-slide", { class: slideClass }, index$1.h("div", { ref: (el) => (this.itemSlideDiv = el), class: "slide" }, this.renderEntity(item, null, index))))), emptySlides),
+        index.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index$1.h("div", { class: `gradient-overlay right ${this.extraClass}` }),
+        index$1.h("slot", { name: "after" })
       ];
     }
     else if (!this.forceLoading && this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && this.headerFn && !this.isFramed) {
@@ -2966,35 +2971,35 @@ const YooGridComponent = class {
       })
         .filter((i) => i.text);
       return [
-        index.h("slot", { name: "before" }),
-        index.h("div", { class: "list-container" }, index.h("yoo-ion-list", { class: `body-container ${this.displayType}`, ref: (ev) => (this.ionListEl = ev) }, headers.map((header, index, array) => {
+        index$1.h("slot", { name: "before" }),
+        index$1.h("div", { class: "list-container" }, index$1.h("yoo-ion-list", { class: `body-container ${this.displayType}`, ref: (ev) => (this.ionListEl = ev) }, headers.map((header, index, array) => {
           var _a;
           return this.renderEntityItems(header, index, index === array.length - 1 ? (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length : array[index + 1].index, header.index, this.displayHeaderIndex, this.headerDescriptions, index === headers.length - 1);
-        }), index.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })), this.renderInfiniteScroll(), this.renderScrollSpacer(), index.h("slot", { name: "quickactions" }))
+        }), index$1.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })), this.renderInfiniteScroll(), this.renderScrollSpacer(), index$1.h("slot", { name: "quickactions" }))
       ];
     }
     else if (!this.forceLoading && this.filteredItems && this.filteredItems.length > 0 && this.direction !== 'horizontal' && (!this.headerFn || this.isFramed)) {
       return [
-        index.h("slot", { name: "before" }),
-        this.useVirtualScroll() ? (this.renderVirtualScroll()) : (index.h("div", { class: "list-container" }, index.h("yoo-ion-list", { class: {
+        index$1.h("slot", { name: "before" }),
+        this.useVirtualScroll() ? (this.renderVirtualScroll()) : (index$1.h("div", { class: "list-container" }, index$1.h("yoo-ion-list", { class: {
             'body-container': true,
             [this.displayType]: true,
             'top-margin': this.hideHeader && !this.isFramed && !((_f = (_e = this.host) === null || _e === void 0 ? void 0 : _e.classList) === null || _f === void 0 ? void 0 : _f.contains('no-padding-container')),
             loaded: !this.isLoading,
             'web-photos-tab': this.isPhotosTab(),
             'has-progress': this.progress >= 0 && this.total > 0 && this.isFramed
-          }, ref: (ev) => (this.ionListEl = ev) }, index.h("slot", { name: "header" }), this.hasSecondaryActions || (this.keepSelection && index$1.isWeb(this.host))
+          }, ref: (ev) => (this.ionListEl = ev) }, index$1.h("slot", { name: "header" }), this.hasSecondaryActions || (this.keepSelection && index.isWeb(this.host))
           ? this.getItems().map((item, index) => this.showActionsAsMore
             ? this.renderItemWithMore(item, index)
             : this.renderItemSliding(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index))
-          : this.getItems().map((item, index) => this.renderItem(item, index)), index.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })), index.h("slot", { name: "quickactions" }))),
+          : this.getItems().map((item, index) => this.renderItem(item, index)), index$1.h("div", { class: "bottom-overlay", onClick: () => this.isFramed && this.onHeadingClick() })), index$1.h("slot", { name: "quickactions" }))),
         !this.isSelectedToggleView && !this.host.classList.contains('live-preview-dropdown') && this.renderInfiniteScroll(),
-        index.h("slot", { name: "after" }),
+        index$1.h("slot", { name: "after" }),
         this.renderScrollSpacer()
       ];
     }
     else if ((this.isLoading || this.isLoading === undefined) && this.isFormField && !this.isLocal) {
-      return index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" });
+      return index$1.h("yoo-loader", { class: { autocomplete: !index.isWeb(this.host), absolute: true }, size: "large" });
     }
     else if ((this.isLoading || this.isLoading === undefined) && !this.isAutoComplete && !this.isLocal && !this.isOffline) {
       // isLoading is undefined until the data is starting to get fetch
@@ -3002,20 +3007,20 @@ const YooGridComponent = class {
     }
     else if (!this.isFramed && !this.allowCustomTag && (this.direction !== 'horizontal' || this.animatedIllustration)) {
       const isEmptyLivePreviewAutocomplete = ((_g = this.items) === null || _g === void 0 ? void 0 : _g.length) === 0 && this.host.classList.contains('live-preview-dropdown');
-      return this.hideIllustration ? (index.h("slot", { name: "animated-illustration" })) : this.isAutoComplete && !this.allowCustomTag && this.isLoading && !isEmptyLivePreviewAutocomplete ? (index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" })) : ([index.h("slot", { name: "header" }), this.renderIllustration()]);
+      return this.hideIllustration ? (index$1.h("slot", { name: "animated-illustration" })) : this.isAutoComplete && !this.allowCustomTag && this.isLoading && !isEmptyLivePreviewAutocomplete ? (index$1.h("yoo-loader", { class: { autocomplete: !index.isWeb(this.host), absolute: true }, size: "large" })) : ([index$1.h("slot", { name: "header" }), this.renderIllustration()]);
     }
     else if (this.isFramed && !this.isCompact && !this.allowCustomTag) {
-      return this.isAutoComplete && !this.allowCustomTag && this.isLoading ? (index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" })) : (this.renderIllustration());
+      return this.isAutoComplete && !this.allowCustomTag && this.isLoading ? (index$1.h("yoo-loader", { class: { autocomplete: !index.isWeb(this.host), absolute: true }, size: "large" })) : (this.renderIllustration());
     }
     else if (this.allowCustomTag && !this.host.classList.contains('empty-tags') && !this.host.classList.contains('empty')) {
-      return index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" });
+      return index$1.h("yoo-loader", { class: { autocomplete: !index.isWeb(this.host), absolute: true }, size: "large" });
     }
   }
   renderVirtualScroll() {
     var _a, _b;
     return [
-      index.h("slot", { name: "header" }),
-      index.h("yoo-virtual-scroll", { items: this.getItems().map((item, index) => {
+      index$1.h("slot", { name: "header" }),
+      index$1.h("yoo-virtual-scroll", { items: this.getItems().map((item, index) => {
           // Patch item with index so stencil can reuse DOM using it
           if (lodash.isObject(item)) {
             item.uniqueIndex = index;
@@ -3032,7 +3037,7 @@ const YooGridComponent = class {
     ];
   }
   renderColumns(entry, itemIndex) {
-    if (!this.columns || !this.columns.length || !index$1.isWeb(this.host)) {
+    if (!this.columns || !this.columns.length || !index.isWeb(this.host)) {
       return;
     }
     const hiddenColumnButtons = this.getColumnHeaderHiddenButtons();
@@ -3046,7 +3051,7 @@ const YooGridComponent = class {
           el.innerHTML = '';
           el.appendChild(value);
         };
-        return index.h("div", { class: classList, ref: append });
+        return index$1.h("div", { class: classList, ref: append });
       }
       let avatar;
       if (column.avatarUser) {
@@ -3056,74 +3061,74 @@ const YooGridComponent = class {
       if (column.avatarUsers) {
         avatars = column.avatarUsers(entry);
       }
-      return column.useTooltip ? (index.h("div", { style: { 'min-width': `${column.width}px`, 'max-width': `${column.width}px` }, class: classList, ref: (el) => this.columnItems.length > columnIndex && this.columnItems[columnIndex].length > itemIndex ? (this.columnItems[columnIndex][itemIndex] = el) : null }, avatar && index.h("yoo-avatar", { class: "inline", user: avatar, size: column.avatarSize || 'small' }), index.h("yoo-tooltip", { class: "start", placement: "bottom", content: value }, index.h("div", { class: "truncate", innerHTML: value })))) : (index.h("div", { style: { 'min-width': `${column.width}px`, 'max-width': `${column.width}px` }, ref: (el) => this.columnItems.length > columnIndex && this.columnItems[columnIndex].length > itemIndex ? (this.columnItems[columnIndex][itemIndex] = el) : null, class: classList }, avatar && index.h("yoo-avatar", { class: "inline", user: avatar, size: column.avatarSize || 'small' }), avatars && avatars.length > 0 && index.h("yoo-avatars", { class: "inline", users: avatars, size: column.avatarSize || 'small', layout: "stack", withTooltip: true }), index.h("span", { innerHTML: value })));
-    }), hiddenColumnButtons.length > 0 && index.h("div", { class: "column hidden" }));
+      return column.useTooltip ? (index$1.h("div", { style: { 'min-width': `${column.width}px`, 'max-width': `${column.width}px` }, class: classList, ref: (el) => this.columnItems.length > columnIndex && this.columnItems[columnIndex].length > itemIndex ? (this.columnItems[columnIndex][itemIndex] = el) : null }, avatar && index$1.h("yoo-avatar", { class: "inline", user: avatar, size: column.avatarSize || 'small' }), index$1.h("yoo-tooltip", { class: "start", placement: "bottom", content: value }, index$1.h("div", { class: "truncate", innerHTML: value })))) : (index$1.h("div", { style: { 'min-width': `${column.width}px`, 'max-width': `${column.width}px` }, ref: (el) => this.columnItems.length > columnIndex && this.columnItems[columnIndex].length > itemIndex ? (this.columnItems[columnIndex][itemIndex] = el) : null, class: classList }, avatar && index$1.h("yoo-avatar", { class: "inline", user: avatar, size: column.avatarSize || 'small' }), avatars && avatars.length > 0 && index$1.h("yoo-avatars", { class: "inline", users: avatars, size: column.avatarSize || 'small', layout: "stack", withTooltip: true }), index$1.h("span", { innerHTML: value })));
+    }), hiddenColumnButtons.length > 0 && index$1.h("div", { class: "column hidden" }));
   }
   renderAddNewTag() {
     var _a;
     if (this.forceAddNewTag || (this.allowCustomTag && ((_a = this.searchText) === null || _a === void 0 ? void 0 : _a.length) && this.isNewTag())) {
       const searchText = this.forceAddNewTag ? `"${this.addNewTagText}"` : `"${this.searchText}"`;
       return (searchText &&
-        searchText !== '""' && (index.h("div", { class: { 'empty-new-tag': true, 'add-tag-mobile': !index$1.isWeb(this.host) } }, index.h("div", { class: "text-container" }, this.getTagDescription()), index.h("div", { class: "add-tag-button-container" }, index.h("yoo-button", { color: "app-color", disabled: this.isLoading || !this.searchText || (this.entityType === 'emails' && !textHelpers.isEmail(this.searchText)), size: index$1.isWeb(this.host) ? 'medium' : 'large', onClick: (ev) => this.onAddNewTag(ev) }, this.getAddTagButtonString())))));
+        searchText !== '""' && (index$1.h("div", { class: { 'empty-new-tag': true, 'add-tag-mobile': !index.isWeb(this.host) } }, index$1.h("div", { class: "text-container" }, this.getTagDescription()), index$1.h("div", { class: "add-tag-button-container" }, index$1.h("yoo-button", { color: "app-color", disabled: this.isLoading || !this.searchText || (this.entityType === 'emails' && !textHelpers.isEmail(this.searchText)), size: index.isWeb(this.host) ? 'medium' : 'large', onClick: (ev) => this.onAddNewTag(ev) }, this.getAddTagButtonString())))));
     }
   }
   presentActionSheet(actions, item) {
-    index$1.showActionSheet(actions.map((a) => ({
+    index.showActionSheet(actions.map((a) => ({
       icon: a.icon ? a.icon(item) : null,
       text: a.text ? a.text(item) : null,
       handler: () => (a.handler ? a.handler(item) : null)
     })));
   }
-  renderItem(item, index$1) {
+  renderItem(item, index) {
     var _a, _b, _c, _d;
-    return (index.h("yoo-ion-item", { key: item[this.idAttributeName || '_id'], lines: "none", class: {
+    return (index$1.h("yoo-ion-item", { key: item[this.idAttributeName || '_id'], lines: "none", class: {
         [this.displayType]: true,
         'selected': this.isSelected(item),
-        'first': index$1 === 0,
+        'first': index === 0,
         'form-choice': this.host.classList.contains('form-choice'),
         'draggable': this.allowDragging,
         'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item'),
         'item-visible': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('item-visible')
-      }, disabled: this.areItemsDisabled }, this.renderEntity(item, index$1 === this.getItems().length - 1 && (index$1 > 1 || this.isFramed), index$1)));
+      }, disabled: this.areItemsDisabled }, this.renderEntity(item, index === this.getItems().length - 1 && (index > 1 || this.isFramed), index)));
   }
   renderItemWithMore(item, index$2) {
     var _a, _b;
     const actions = this.secondaryActions.filter((a) => (a.isVisible ? a.isVisible(item) : true));
-    return (index.h("yoo-ion-item", { key: item[this.idAttributeName || '_id'], lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'draggable': this.allowDragging, 'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item') } }, this.renderEntity(item, null, index$2), actions.length && !index$1.isWeb(this.host) && (index.h("div", { class: "more-container", onClick: () => this.presentActionSheet(actions, item) }, index.h("yoo-icon", { name: "more", color: "stable" }))), actions.length && index$1.isWeb(this.host) && (index.h("div", { class: "more-container" }, index.h("yoo-context-menu", { contentButtons: actions.map((a) => ({
+    return (index$1.h("yoo-ion-item", { key: item[this.idAttributeName || '_id'], lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'draggable': this.allowDragging, 'no-padding': (_b = (_a = this.host) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.contains('no-padding-item') } }, this.renderEntity(item, null, index$2), actions.length && !index.isWeb(this.host) && (index$1.h("div", { class: "more-container", onClick: () => this.presentActionSheet(actions, item) }, index$1.h("yoo-icon", { name: "more", color: "stable" }))), actions.length && index.isWeb(this.host) && (index$1.h("div", { class: "more-container" }, index$1.h("yoo-context-menu", { contentButtons: actions.map((a) => ({
         text: a.text(item),
         handler: () => a.handler(item)
-      })), onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { name: "more", color: "stable" }))))));
+      })), onClick: (ev) => ev.stopPropagation() }, index$1.h("yoo-icon", { name: "more", color: "stable" }))))));
   }
   renderItemSliding(item, isLast = false, index$2) {
     var _a, _b, _c, _d;
     const actions = (_a = this.secondaryActions) === null || _a === void 0 ? void 0 : _a.filter((a) => (a.isVisible ? a.isVisible(item, this) : true)).filter((a) => (a.showInSliding ? a.showInSliding(item) : true));
-    const slidingType = index$1.isWeb(this.host) ? itemSliding_interface.ItemSlidingType.hover : itemSliding_interface.ItemSlidingType.swipe;
+    const slidingType = index.isWeb(this.host) ? itemSliding_interface.ItemSlidingType.hover : itemSliding_interface.ItemSlidingType.swipe;
     const itemSlidingStyle = this.secondaryActionsDropdown ? { position: 'relative', 'z-index': `${((_b = this.filteredItems) === null || _b === void 0 ? void 0 : _b.length) - index$2}` } : {};
     const hasMoreButton = (actions === null || actions === void 0 ? void 0 : actions.length) > 3;
     const itemSlidingId = item[this.idAttributeName || '_id'] || `${index$2}`;
     this.blockUnhoveer[itemSlidingId] = false;
-    return (index.h("yoo-ion-item-sliding", { key: itemSlidingId, itemSlidingType: slidingType, onIonDrag: async () => {
+    return (index$1.h("yoo-ion-item-sliding", { key: itemSlidingId, itemSlidingType: slidingType, onIonDrag: async () => {
         await this.onItemSlidingDrag(item, itemSlidingId);
       }, class: { draggable: this.allowDragging }, ref: (el) => (this.itemsSliding[itemSlidingId] = el), style: itemSlidingStyle, onMouseEnter: () => { var _a, _b; return (_b = (_a = this.itemsSliding[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('hovered'); }, onMouseLeave: () => {
         var _a, _b;
         if (!this.blockUnhoveer[itemSlidingId]) {
           (_b = (_a = this.itemsSliding[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('hovered');
         }
-      } }, index.h("yoo-ion-item", { lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'overflow-visible': this.secondaryActionsDropdown, 'no-padding': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('no-padding-item') } }, this.renderEntity(item, isLast, index$2)), ((actions === null || actions === void 0 ? void 0 : actions.length) > 0 && !this.secondaryActionsDropdown) || (index$1.isWeb(this.host) && this.keepSelection) ? (index.h("yoo-ion-item-options", { ref: (el) => (this.itemOptions[itemSlidingId] = el), onMouseEnter: () => { var _a, _b; return (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('hovered'); }, onMouseLeave: () => {
+      } }, index$1.h("yoo-ion-item", { lines: "none", class: { [this.displayType]: true, 'selected': this.isSelected(item), 'overflow-visible': this.secondaryActionsDropdown, 'no-padding': (_d = (_c = this.host) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.contains('no-padding-item') } }, this.renderEntity(item, isLast, index$2)), ((actions === null || actions === void 0 ? void 0 : actions.length) > 0 && !this.secondaryActionsDropdown) || (index.isWeb(this.host) && this.keepSelection) ? (index$1.h("yoo-ion-item-options", { ref: (el) => (this.itemOptions[itemSlidingId] = el), onMouseEnter: () => { var _a, _b; return (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add('hovered'); }, onMouseLeave: () => {
         var _a, _b;
         if (!this.blockUnhoveer[itemSlidingId]) {
           (_b = (_a = this.itemOptions[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('hovered');
         }
-      } }, index.h("div", { class: { 'options-container': true, 'force-opacity': this.isSelectionMode || this.keepSelection, web: index$1.isWeb(this.host) }, onClick: () => this.onItemSelect(item) }, !index$1.isWeb(this.host) && (actions === null || actions === void 0 ? void 0 : actions.slice(0, hasMoreButton ? 2 : actions.length).map((action) => action && this.renderMobileItemOptionButtons(action, item))), !index$1.isWeb(this.host) && actions && hasMoreButton && (index.h("button", { class: "bg-stable-light", onClick: (ev) => {
+      } }, index$1.h("div", { class: { 'options-container': true, 'force-opacity': this.isSelectionMode || this.keepSelection, web: index.isWeb(this.host) }, onClick: () => this.onItemSelect(item) }, !index.isWeb(this.host) && (actions === null || actions === void 0 ? void 0 : actions.slice(0, hasMoreButton ? 2 : actions.length).map((action) => action && this.renderMobileItemOptionButtons(action, item))), !index.isWeb(this.host) && actions && hasMoreButton && (index$1.h("button", { class: "bg-stable-light", onClick: (ev) => {
         ev.stopPropagation();
         this.presentActionSheet(actions.slice(2), item);
-      } }, index.h("yoo-icon", { name: "more" }), index.h("span", { class: "text-action" }, index$1.translate('YOOBICMORE')))), index$1.isWeb(this.host) && this.renderWebItemOptionButtons(actions, item, index$2)), index$1.isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && this.isSelected(item) && (index.h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: "check", color: "app-color" })))) : null));
+      } }, index$1.h("yoo-icon", { name: "more" }), index$1.h("span", { class: "text-action" }, index.translate('YOOBICMORE')))), index.isWeb(this.host) && this.renderWebItemOptionButtons(actions, item, index$2)), index.isWeb(this.host) && (this.keepSelection || this.isSelectionMode) && this.isSelected(item) && (index$1.h("yoo-icon", { class: "position", onClick: (ev) => this.onItemSelect(item, true, ev), name: "check", color: "app-color" })))) : null));
   }
   getColumnHeaderHiddenButtons() {
     var _a;
     const hiddenColumnButtons = (_a = this.columns) === null || _a === void 0 ? void 0 : _a.filter((column) => column.hidden && this.visibleColumns.indexOf(column) < 0).map((column) => {
       return {
-        text: index$1.translate(column.title),
+        text: index.translate(column.title),
         handler: () => {
           this.showColumn(column);
         }
@@ -3139,7 +3144,7 @@ const YooGridComponent = class {
   }
   hasColumnsHeader() {
     var _a, _b;
-    return (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && index$1.isWeb(this.host) && !((_b = this.extraClass) === null || _b === void 0 ? void 0 : _b.includes('hide-main-column-header'));
+    return (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && index.isWeb(this.host) && !((_b = this.extraClass) === null || _b === void 0 ? void 0 : _b.includes('hide-main-column-header'));
   }
   getLessonHighlight(item) {
     return item.highlighted;
@@ -3149,21 +3154,21 @@ const YooGridComponent = class {
     const totalSelected = this.getTotalSelected();
     if (this.hasColumnsHeader()) {
       const hiddenColumnButtons = this.getColumnHeaderHiddenButtons();
-      return (index.h("div", { class: { 'title-container': true, 'with-more': hiddenColumnButtons.length > 0 } }, index.h("div", { class: "heading-title", ref: (el) => (this.headingTitle = el) }, (this.hideTotal || this.total < 0
+      return (index$1.h("div", { class: { 'title-container': true, 'with-more': hiddenColumnButtons.length > 0 } }, index$1.h("div", { class: "heading-title", ref: (el) => (this.headingTitle = el) }, (this.hideTotal || this.total < 0
         ? ''
         : (this.isSelectionMode || this.isFormField ? (totalSelected >= 0 ? totalSelected.toLocaleString() + '/' : '') : '') +
-          (Math.max(totalSelected, this.total || 0).toLocaleString() + ' ')) + index$1.translate(this.mainColumnHeader)), index.h("div", { class: "columns-title-container" }, (_a = this.columns) === null || _a === void 0 ? void 0 :
+          (Math.max(totalSelected, this.total || 0).toLocaleString() + ' ')) + index.translate(this.mainColumnHeader)), index$1.h("div", { class: "columns-title-container" }, (_a = this.columns) === null || _a === void 0 ? void 0 :
         _a.filter((column) => !column.hidden || this.visibleColumns.indexOf(column) >= 0).map((column, columnIndex) => {
           const classList = { 'column-header': true };
           classList[column.title.toLowerCase()] = true;
-          return (index.h("div", { style: { 'min-width': `${column.width}px`, 'max-width': `${column.width}px` }, class: classList, ref: (el) => (this.columnHeaderElements[columnIndex] = el) }, this.renderResizeBorder(columnIndex), index.h("div", { class: "column-header-content" }, column.hidden && index.h("yoo-icon", { name: "close", size: "small", onClick: () => this.hideColumn(column) }), index.h("div", { class: "truncate", innerHTML: index$1.translate(column.title) }))));
-        }), hiddenColumnButtons.length > 0 && (index.h("yoo-context-menu", { class: "column-header", contentButtons: hiddenColumnButtons }, index.h("yoo-icon", { size: "medium", name: "more", color: "stable" }))))));
+          return (index$1.h("div", { style: { 'min-width': `${column.width}px`, 'max-width': `${column.width}px` }, class: classList, ref: (el) => (this.columnHeaderElements[columnIndex] = el) }, this.renderResizeBorder(columnIndex), index$1.h("div", { class: "column-header-content" }, column.hidden && index$1.h("yoo-icon", { name: "close", size: "small", onClick: () => this.hideColumn(column) }), index$1.h("div", { class: "truncate", innerHTML: index.translate(column.title) }))));
+        }), hiddenColumnButtons.length > 0 && (index$1.h("yoo-context-menu", { class: "column-header", contentButtons: hiddenColumnButtons }, index$1.h("yoo-icon", { size: "medium", name: "more", color: "stable" }))))));
     }
   }
   renderResizeBorder(columnIndex) {
     let startingXPosition = null;
     let element;
-    return (index.h("div", { class: { 'resize-border-draggable-area': true }, draggable: true, ref: (el) => (element = el), onDrag: (ev) => {
+    return (index$1.h("div", { class: { 'resize-border-draggable-area': true }, draggable: true, ref: (el) => (element = el), onDrag: (ev) => {
         if (startingXPosition !== null) {
           this.onColumnResize(ev, startingXPosition, columnIndex);
         }
@@ -3176,21 +3181,21 @@ const YooGridComponent = class {
       }, onDragEnd: (ev) => {
         this.onDragEnd(ev, startingXPosition, columnIndex, element);
         startingXPosition = null;
-      } }, index.h("div", { class: "resize-border" })));
+      } }, index$1.h("div", { class: "resize-border" })));
   }
   renderWebItemOptionButton(action, item) {
-    return ((!action.forceInMoreMenu || !action.forceInMoreMenu(item)) && (index.h("yoo-button", { color: action.color ? action.color() : 'light', size: "medium", onClick: (ev) => this.onItemOptionSelect(action, item, ev) }, this.displayActionsOnCard && action.icon && index.h("yoo-icon", { size: "small", name: action.icon(item) }), this.displayActionsOnCard && (action === null || action === void 0 ? void 0 : action.icon(item)) ? null : index$1.translate(action.text(item)))));
+    return ((!action.forceInMoreMenu || !action.forceInMoreMenu(item)) && (index$1.h("yoo-button", { color: action.color ? action.color() : 'light', size: "medium", onClick: (ev) => this.onItemOptionSelect(action, item, ev) }, this.displayActionsOnCard && action.icon && index$1.h("yoo-icon", { size: "small", name: action.icon(item) }), this.displayActionsOnCard && (action === null || action === void 0 ? void 0 : action.icon(item)) ? null : index.translate(action.text(item)))));
   }
-  renderWebItemOptionButtons(actions, item, index$1) {
+  renderWebItemOptionButtons(actions, item, index) {
     const maxDisplay = this.displayActionsOnCard ? 3 : 2;
     const hasMore = actions && (actions.length > maxDisplay || actions.some((a) => (a === null || a === void 0 ? void 0 : a.forceInMoreMenu) && a.forceInMoreMenu(item)));
-    const itemSlidingId = item[this.idAttributeName || '_id'] || `${index$1}`;
+    const itemSlidingId = item[this.idAttributeName || '_id'] || `${index}`;
     return [
-      (this.isSelectionMode || this.keepSelection) && !this.isSelected(item) && (index.h("yoo-icon", { class: "position", name: "circle", color: "stable", onClick: (ev) => this.onItemSelect(item, true, ev) })),
+      (this.isSelectionMode || this.keepSelection) && !this.isSelected(item) && (index$1.h("yoo-icon", { class: "position", name: "circle", color: "stable", onClick: (ev) => this.onItemSelect(item, true, ev) })),
       actions && actions.length > 0 && this.renderWebItemOptionButton(actions[0], item),
       actions && actions.length > 1 && this.renderWebItemOptionButton(actions[1], item),
       this.displayActionsOnCard && actions && actions.length > 2 && this.renderWebItemOptionButton(actions[2], item),
-      hasMore && (index.h("yoo-context-menu", { contentButtons: actions
+      hasMore && (index$1.h("yoo-context-menu", { contentButtons: actions
           .filter((a, i) => i >= maxDisplay || (a.forceInMoreMenu && a.forceInMoreMenu(item)))
           .map((a) => ({ text: (a === null || a === void 0 ? void 0 : a.text(item)) || '', handler: () => a.handler(item) })), onContextMenuOpened: () => {
           var _a, _b, _c, _d;
@@ -3202,15 +3207,15 @@ const YooGridComponent = class {
           (_b = (_a = this.itemsSliding[itemSlidingId]) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove('hovered');
           (_d = (_c = this.itemOptions[itemSlidingId]) === null || _c === void 0 ? void 0 : _c.classList) === null || _d === void 0 ? void 0 : _d.remove('hovered');
           this.blockUnhoveer[itemSlidingId] = false;
-        } }, index.h("yoo-button", { color: "light", size: "medium", shape: "square" }, index.h("yoo-icon", { size: "small", name: "more", color: "stable" }))))
+        } }, index$1.h("yoo-button", { color: "light", size: "medium", shape: "square" }, index$1.h("yoo-icon", { size: "small", name: "more", color: "stable" }))))
     ];
   }
   renderMobileItemOptionButtons(action, item) {
     var _a;
-    return (index.h("button", { onClick: (ev) => {
+    return (index$1.h("button", { onClick: (ev) => {
         this.onItemOptionSelect(action, item, ev);
         this.closeItemsSliding();
-      }, class: action.cssClass ? action.cssClass(item) : '' }, action.icon ? index.h("yoo-icon", { name: action.icon(item), color: ((_a = action.iconColor) === null || _a === void 0 ? void 0 : _a.call(action, item)) || 'light' }) : null, action.text ? index.h("span", { class: "text-action" }, index$1.translate(action.text(item))) : null));
+      }, class: action.cssClass ? action.cssClass(item) : '' }, action.icon ? index$1.h("yoo-icon", { name: action.icon(item), color: ((_a = action.iconColor) === null || _a === void 0 ? void 0 : _a.call(action, item)) || 'light' }) : null, action.text ? index$1.h("span", { class: "text-action" }, index.translate(action.text(item))) : null));
   }
   onItemOptionSelect(action, item, ev) {
     if (ev) {
@@ -3220,21 +3225,21 @@ const YooGridComponent = class {
       action.handler(item);
     }
     if (this.useVirtualScroll()) {
-      index$1.dispatchCustomEvent('itemHeightUpdated', ev === null || ev === void 0 ? void 0 : ev.srcElement);
+      index.dispatchCustomEvent('itemHeightUpdated', ev === null || ev === void 0 ? void 0 : ev.srcElement);
     }
   }
   renderEntityWithColumns(item, entityContent, itemIndex) {
-    return (index.h("div", { class: "entity-container" }, index.h("div", { class: "left-container", ref: (el) => (this.leftContainers[itemIndex] = el) }, entityContent), this.renderColumns(item, itemIndex)));
+    return (index$1.h("div", { class: "entity-container" }, index$1.h("div", { class: "left-container", ref: (el) => (this.leftContainers[itemIndex] = el) }, entityContent), this.renderColumns(item, itemIndex)));
   }
   renderSequentialEntityState(state) {
-    return index.h("yoo-icon", { size: "medium", color: state.current === index$2.TLineState.locked || state.current === index$2.TLineState.empty ? 'stable-alt' : 'app-color', name: state.current === index$2.TLineState.locked ? 'lock' : state.current === index$2.TLineState.finished ? 'check' : 'circle', slot: "start" });
+    return index$1.h("yoo-icon", { size: "medium", color: state.current === index$2.TLineState.locked || state.current === index$2.TLineState.empty ? 'stable-alt' : 'app-color', name: state.current === index$2.TLineState.locked ? 'lock' : state.current === index$2.TLineState.finished ? 'check' : 'circle', slot: "start" });
   }
   renderEntity(item, isLast = false, index$3) {
     var _a, _b, _c, _d, _e;
     const state = (_a = this.sequentialItemsStates) === null || _a === void 0 ? void 0 : _a[item === null || item === void 0 ? void 0 : item._id];
     const isPreviousLocked = (state === null || state === void 0 ? void 0 : state.previous) === index$2.TLineState.locked || (state === null || state === void 0 ? void 0 : state.current) === index$2.TLineState.locked;
     const isNextLocked = (state === null || state === void 0 ? void 0 : state.next) === index$2.TLineState.locked || (state === null || state === void 0 ? void 0 : state.current) === index$2.TLineState.locked;
-    const content = (index.h("div", { key: this.displayType === 'card-media' ? item[this.idAttributeName || '_id'] : undefined, class: {
+    const content = (index$1.h("div", { key: this.displayType === 'card-media' ? item[this.idAttributeName || '_id'] : undefined, class: {
         'entity-inner-container': true,
         'sortable': this.sortable,
         [this.displayType]: true,
@@ -3251,7 +3256,7 @@ const YooGridComponent = class {
         if (this.displayType !== 'card-media') {
           this.onItemSelect(item);
         }
-      } }, this.sortable && index.h("yoo-icon", { name: "draggable", color: "stable", size: "medium" }), index.h("yoo-entity", { iconColor: this.getIconColor(item), useTranslate: this.useTranslate, onCollapsed: (ev) => this.onEntityCollapsed(ev), extraClass: this.extraClass, displaySize: this.displaySize, useCellOverlay: this.useCellOverlay, direction: this.direction, index: index$3, entityMapping: this.entityMapping, onViewMoreToggled: (ev) => {
+      } }, this.sortable && index$1.h("yoo-icon", { name: "draggable", color: "stable", size: "medium" }), index$1.h("yoo-entity", { iconColor: this.getIconColor(item), useTranslate: this.useTranslate, onCollapsed: (ev) => this.onEntityCollapsed(ev), extraClass: this.extraClass, displaySize: this.displaySize, useCellOverlay: this.useCellOverlay, direction: this.direction, index: index$3, entityMapping: this.entityMapping, onViewMoreToggled: (ev) => {
         ev.stopPropagation();
         this.viewMoreToggled.emit(item);
       }, onMediaSelected: (ev) => {
@@ -3274,7 +3279,7 @@ const YooGridComponent = class {
         'no-kpi': this.hasNoKpi(item),
         'no-text-break': this.host.classList.contains('no-text-break'),
         'show-bookmark': this.host.classList.contains('show-bookmark') || ((_d = this.extraClass) === null || _d === void 0 ? void 0 : _d.includes('show-bookmark')),
-        'no-border': index$1.isWeb(this.host) && !this.isFramed,
+        'no-border': index.isWeb(this.host) && !this.isFramed,
         'autocomplete': this.host.classList.contains('autocomplete'),
         'search-entity': this.host.classList.contains('entity-search'),
         'selection-mode': this.host.classList.contains('autocomplete-selection-mode'),
@@ -3285,7 +3290,7 @@ const YooGridComponent = class {
         'block': this.host.classList.contains('radio-button-choice'),
         'expanded-grid': this.host.classList.contains('expanded-grid')
       }, item: item, items: this.entityType === 'photos' ? this.filteredItems : undefined, displayType: this.displayType, entityType: this.entityType, profileSummary: this.profileSummary, icons: this.icons, topActions: this.topActions, bottomActions: this.bottomActions, secondaryActions: this.secondaryActions, customModel: this.customModel, isCollapsible: this.isCollapsibleCheck(), isMap: this.isMap(), isFramed: this.isFramed, isPdf: this.isPdf, playerCommand: this.currentActivePlayerId, secondaryActionsDropdown: this.secondaryActionsDropdown, selected: this.isSelected(item), valuesColor: (_e = this.valuesColor) === null || _e === void 0 ? void 0 : _e.find((e) => (item._id ? e.key === item._id : item.icon ? e.key === item.title : e.key === item)), highlighted: this.entityType === 'lessons' && this.getLessonHighlight(item), hideUIFields: this.hideUIFields })));
-    if (index$1.isWeb(this.host) && this.columns && this.columns.length) {
+    if (index.isWeb(this.host) && this.columns && this.columns.length) {
       return this.renderEntityWithColumns(item, content, index$3);
     }
     return content;
@@ -3296,14 +3301,14 @@ const YooGridComponent = class {
       !this.isFramed &&
       !this.disableInfiniteScroll &&
       this.entityType !== 'googlemaps' &&
-      (this.loadMoreButton ? (index.h("yoo-button", { fill: "transparent", color: "text-color", animated: false, onClick: () => this.onInfiniteScroll() }, index$1.translate('LOADMORE'))) : (index.h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScroll = el), onIonInfinite: (ev) => this.onInfiniteScroll(ev), disabled: this.infiniteScrollDisabled }, index.h("yoo-ion-infinite-scroll-content", null)))));
+      (this.loadMoreButton ? (index$1.h("yoo-button", { fill: "transparent", color: "text-color", animated: false, onClick: () => this.onInfiniteScroll() }, index.translate('LOADMORE'))) : (index$1.h("yoo-ion-infinite-scroll", { ref: (el) => (this.infiniteScroll = el), onIonInfinite: (ev) => this.onInfiniteScroll(ev), disabled: this.infiniteScrollDisabled }, index$1.h("yoo-ion-infinite-scroll-content", null)))));
   }
   renderPlaceholders() {
     if (this.direction === 'horizontal') {
-      return (index.h("yoo-ion-scroll", { class: { horizontal: true, relative: !index$1.isFirefox() } }, index.h("div", { class: 'entity-placeholder ' + this.extraClass }, this.renderPlaceholderContent(true))));
+      return (index$1.h("yoo-ion-scroll", { class: { horizontal: true, relative: !index.isFirefox() } }, index$1.h("div", { class: 'entity-placeholder ' + this.extraClass }, this.renderPlaceholderContent(true))));
     }
     else {
-      return (index.h("div", { class: "list-container" }, index.h("yoo-ion-list", { class: 'body-container ' + this.displayType }, this.renderPlaceholderContent())));
+      return (index$1.h("div", { class: "list-container" }, index$1.h("yoo-ion-list", { class: 'body-container ' + this.displayType }, this.renderPlaceholderContent())));
     }
   }
   renderPlaceholderContent(useSlide = false) {
@@ -3325,7 +3330,7 @@ const YooGridComponent = class {
     //} else {
     //placeholders = range(0, 3);
     //}
-    return placeholders.map((_, index$1) => (index.h(Tag, { lines: "none", style: { width: useSlide && this.displayType === 'card-sticky' && (this.entityType === 'plans' || this.entityType === 'courses-small') ? 'auto' : '100%' } }, index.h("yoo-card-placeholder", { displayType: this.displayType, entityType: this.entityType, header: index$1 === 0 && (this.showSearch || this.showFilters) ? 'search' : null }))));
+    return placeholders.map((_, index) => (index$1.h(Tag, { lines: "none", style: { width: useSlide && this.displayType === 'card-sticky' && (this.entityType === 'plans' || this.entityType === 'courses-small') ? 'auto' : '100%' } }, index$1.h("yoo-card-placeholder", { displayType: this.displayType, entityType: this.entityType, header: index === 0 && (this.showSearch || this.showFilters) ? 'search' : null }))));
   }
   getSelectionCount() {
     var _a, _b;
@@ -3338,12 +3343,12 @@ const YooGridComponent = class {
   renderGlobalActions() {
     const numberOfSelectedItems = this.getSelectionCount();
     if (numberOfSelectedItems > 0) {
-      const message = index$1.translate(numberOfSelectedItems === 1 ? 'SELECTEDITEMSSINGLE' : 'SELECTEDITEMS', { n: '' });
+      const message = index.translate(numberOfSelectedItems === 1 ? 'SELECTEDITEMSSINGLE' : 'SELECTEDITEMS', { n: '' });
       const extraButtons = [
         ...(this.globalActions || []),
         {
           icon: () => 'cross',
-          text: () => index$1.translate('CLOSE'),
+          text: () => index.translate('CLOSE'),
           handler: () => {
             this.clearSelection(true);
             this.updateSelectAll(false);
@@ -3351,11 +3356,11 @@ const YooGridComponent = class {
           }
         }
       ];
-      return (this.globalActions && (index.h("yoo-toast", { class: "bg-light global-actions", message: message, extraButtons: extraButtons, selection: this.selection, count: numberOfSelectedItems })));
+      return (this.globalActions && (index$1.h("yoo-toast", { class: "bg-light global-actions", message: message, extraButtons: extraButtons, selection: this.selection, count: numberOfSelectedItems })));
     }
   }
   renderScrollSpacer() {
-    return this.host.classList.contains('half') && index.h("div", { class: "scroll-spacer" });
+    return this.host.classList.contains('half') && index$1.h("div", { class: "scroll-spacer" });
   }
   renderContent() {
     return [this.renderBody(), this.renderAddNewTag()];
@@ -3363,12 +3368,14 @@ const YooGridComponent = class {
   renderBaseContent() {
     const isEmpty = this.host.classList.contains('empty');
     const isRelative = true; // isFirefox() ? this.containerBase?.classList?.contains('dialog') : true;
-    return this.scrollable && !this.isAgGrid() && !this.isCalendar() ? ([
-      index.h("slot", { name: "before-scroll" }),
-      index.h("yoo-ion-scroll", { slotName: "grid-content-slot" // set a name to fix "A problem repeatedly occurred with..." on Safari
-        ,
-        class: { 'no-scrollbar': !index$1.isWeb(this.host) && !index$1.isForceScrollbar(), relative: isRelative, empty: isEmpty }, scrollEvents: true, onHideTabbar: (ev) => this.onHideShowSearchBar(ev), onIonScroll: (ev) => ev.stopPropagation() }, index.h("div", { class: "grid-content-slot", slot: "grid-content-slot" }, this.renderContent()))
-    ]) : (this.renderContent());
+    return this.scrollable && !this.isAgGrid() && !this.isCalendar()
+      ? [
+        index$1.h("slot", { name: "before-scroll" }),
+        index$1.h("yoo-ion-scroll", { slotName: "grid-content-slot" // set a name to fix "A problem repeatedly occurred with..." on Safari
+          ,
+          class: { 'no-scrollbar': !index.isWeb(this.host) && !index.isForceScrollbar(), relative: isRelative, empty: isEmpty }, scrollEvents: true, onHideTabbar: (ev) => this.onHideShowSearchBar(ev), onIonScroll: (ev) => ev.stopPropagation() }, index$1.h("div", { class: "grid-content-slot", slot: "grid-content-slot" }, this.renderContent()))
+      ]
+      : this.renderContent();
   }
   updateMainProgress() {
     if (this.showProgress && this.progressHandler) {
@@ -3376,30 +3383,30 @@ const YooGridComponent = class {
     }
   }
   renderProgress() {
-    return (this.mainProgressValue >= 0 && (index.h("div", { class: "grid-progress" }, index.h("yoo-progress-bar", { animated: this.animated, metric: "percentage", percentValueColorScheme: false, value: this.total > 0 ? (this.mainProgressValue * 100) / this.total : 0 }))));
+    return (this.mainProgressValue >= 0 && (index$1.h("div", { class: "grid-progress" }, index$1.h("yoo-progress-bar", { animated: this.animated, metric: "percentage", percentValueColorScheme: false, value: this.total > 0 ? (this.mainProgressValue * 100) / this.total : 0 }))));
   }
   renderBase() {
     var _a, _b, _c, _d, _e, _f, _g;
     const hasRadioButtons = !!((_a = this.radioButtons) === null || _a === void 0 ? void 0 : _a.length);
-    const renderEntityTags = (!index$1.isWeb(this.host) || (this.gridIsExpanded && (((_b = this.tags) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_d = (_c = this.model) === null || _c === void 0 ? void 0 : _c.fields) === null || _d === void 0 ? void 0 : _d.length) > 0))) &&
+    const renderEntityTags = (!index.isWeb(this.host) || (this.gridIsExpanded && (((_b = this.tags) === null || _b === void 0 ? void 0 : _b.length) > 0 || ((_d = (_c = this.model) === null || _c === void 0 ? void 0 : _c.fields) === null || _d === void 0 ? void 0 : _d.length) > 0))) &&
       this.isTagsVisible() &&
       ((this.items && this.items.length > 0) || this.hasSortsAndFilters() || this.alwaysRenderTagsAndFilters() || this.isAgGrid()) &&
       !this.host.classList.contains('learning-manager') && !this.host.classList.contains('course-info');
     return [
       this.showProgress && this.progressHandler && this.renderProgress(),
-      index.h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (index.h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_e = this.tags) === null || _e === void 0 ? void 0 : _e.length) === 0, 'form-radio-operators': hasRadioButtons } }, hasRadioButtons && index$1.isWeb(this.host) && !!((_f = this.items) === null || _f === void 0 ? void 0 : _f.length) && this.renderRadioButtons(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && index.h("slot", { name: "header" }), (((_g = this.columns) === null || _g === void 0 ? void 0 : _g.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && index$1.isWeb(this.host) && !this.isMap() ? (index.h("div", { class: "horizontal-scroll-parent" }, index.h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, index.h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
-      index$1.isWeb(this.host) && this.showGlobalActions && this.isSelectionMode && this.renderGlobalActions()
+      index$1.h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (index$1.h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_e = this.tags) === null || _e === void 0 ? void 0 : _e.length) === 0, 'form-radio-operators': hasRadioButtons } }, hasRadioButtons && index.isWeb(this.host) && !!((_f = this.items) === null || _f === void 0 ? void 0 : _f.length) && this.renderRadioButtons(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && index$1.h("slot", { name: "header" }), (((_g = this.columns) === null || _g === void 0 ? void 0 : _g.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && index.isWeb(this.host) && !this.isMap() ? (index$1.h("div", { class: "horizontal-scroll-parent" }, index$1.h("div", { class: "horizontal-scroll", ref: (el) => (this.horizontalScroll = el) }, index$1.h("div", { class: { 'horizontal-content': true, 'with-header': this.hasColumnsHeader() } }, this.renderColumnsHeader(), this.renderBaseContent())))) : (this.renderBaseContent())),
+      index.isWeb(this.host) && this.showGlobalActions && this.isSelectionMode && this.renderGlobalActions()
     ];
   }
   renderTile() {
-    return (index.h("yoo-widget-tile", { layout: "layout6x6", text: index$1.translate(this.heading), onClick: () => this.onHeadingClick() }, this.isWidget && index$1.isWeb(this.host) && (index.h("div", { class: "tile icon-container", onClick: (ev) => this.onWidgetEdit(ev) }, index.h("yoo-icon", { name: "more", size: "small", color: "stable" }))), this.total > 0 && !this.hideTotal && index.h("yoo-badge", { class: "tile", size: "extra-small", color: "app-color", shape: "circle", text: this.formattedTotal })));
+    return (index$1.h("yoo-widget-tile", { layout: "layout6x6", text: index.translate(this.heading), onClick: () => this.onHeadingClick() }, this.isWidget && index.isWeb(this.host) && (index$1.h("div", { class: "tile icon-container", onClick: (ev) => this.onWidgetEdit(ev) }, index$1.h("yoo-icon", { name: "more", size: "small", color: "stable" }))), this.total > 0 && !this.hideTotal && index$1.h("yoo-badge", { class: "tile", size: "extra-small", color: "app-color", shape: "circle", text: this.formattedTotal })));
   }
   renderBaseFramed() {
-    return (index.h("div", { ref: (el) => (this.frameContainerEl = el), class: { 'frame-container': true, web: index$1.isWeb(this.host) } }, this.frameSize !== 'small' && this.renderBase(), this.frameSize === 'small' && this.renderTile()));
+    return (index$1.h("div", { ref: (el) => (this.frameContainerEl = el), class: { 'frame-container': true, web: index.isWeb(this.host) } }, this.frameSize !== 'small' && this.renderBase(), this.frameSize === 'small' && this.renderTile()));
   }
   render() {
     var _a;
-    return (index.h(index.Host, { class: {
+    return (index$1.h(index$1.Host, { class: {
         [this.extraClass]: true,
         [this.displayType]: true,
         [this.entityType || 'simple']: true,
@@ -3420,7 +3427,7 @@ const YooGridComponent = class {
         ...commonHelpers.getAppContext(this.host)
       }, dir: document.dir }, this.isFramed ? this.renderBaseFramed() : this.renderBase()));
   }
-  get host() { return index.getElement(this); }
+  get host() { return index$1.getElement(this); }
   static get watchers() { return {
     "globalActions": ["onGlobaActionsChange"],
     "collectionName": ["onCollectionNameChange"],