@yoobic/yobi 8.5.0-60 → 8.5.0-62

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

@@ -3,26 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-9ca0e46c.js');
-const index$1 = require('./index-a1bbe627.js');
-require('./index-9aadeb94.js');
+const index$2 = require('./index-cb8276bc.js');
+require('./index-7790c794.js');
 const lodash = require('./lodash-a9050d79.js');
 const sortable_esm = require('./sortable.esm-00e15691.js');
-require('./index-2b8b3981.js');
-const button_factory = require('./button.factory-604b2344.js');
-const index$2 = require('./index-3a588f52.js');
-const commonHelpers = require('./common-helpers-9f63a319.js');
-const filtersHelpers = require('./filters-helpers-047e7754.js');
-const formInputHelpers = require('./form-input-helpers-2d988e31.js');
-const gridRenderers = require('./grid-renderers-853f422f.js');
-const overlays = require('./overlays-e5d2ff76.js');
+require('./index-0f9a45fc.js');
+const button_factory = require('./button.factory-fc24ee93.js');
+const index$3 = require('./index-7f9a420b.js');
+const commonHelpers = require('./common-helpers-0724ae60.js');
+const filtersHelpers = require('./filters-helpers-0c478887.js');
+const formInputHelpers = require('./form-input-helpers-fb275467.js');
+const gridRenderers = require('./grid-renderers-1144c063.js');
+const index$1 = require('./index-4cdf7949.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('./index-ec50fd6e.js');
-require('./incentive-helpers-a2954f55.js');
-require('./missions-helpers-c32f14f9.js');
-require('./form-helpers-2fcb4674.js');
+require('./incentive-helpers-920b03c3.js');
+require('./missions-helpers-36846610.js');
+require('./form-helpers-7c18f9c4.js');
 require('./geolocation-helpers-4c8ccc80.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
@@ -158,7 +157,7 @@ const YooGridComponent = class {
     this.itemsSliding = {};
     this.itemOptions = {};
     this.blockUnhoveer = {};
-    this.horizontalSlidesAnim = new overlays.HorizontalSlidesAnimation();
+    this.horizontalSlidesAnim = new index$1.HorizontalSlidesAnimation();
     this.maxPageCount = 0;
     this.itemList = [];
     this.hasBeenFiltered = false;
@@ -175,16 +174,16 @@ const YooGridComponent = class {
     this.filtersUpdated = false;
     this.filterOptions = [
       {
-        type: index$1.FormFilterAutocompleteOperator.is,
+        type: index$2.FormFilterAutocompleteOperator.is,
         active: true
       },
       {
-        type: index$1.FormFilterAutocompleteOperator.isNot,
+        type: index$2.FormFilterAutocompleteOperator.isNot,
         active: false
       }
     ];
     this.renderVirtualItem = (item, index) => {
-      if (this.hasSecondaryActions || (this.keepSelection && overlays.isWeb(this.host))) {
+      if (this.hasSecondaryActions || (this.keepSelection && index$1.isWeb(this.host))) {
         if (this.showActionsAsMore) {
           return this.renderItemWithMore(item, index);
         }
@@ -202,20 +201,20 @@ const YooGridComponent = class {
     return !this.isSelectedToggleView && !!((_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length);
   }
   get isShowAdvancedFiltersDisplayedIntoSearch() {
-    return this.showSearch !== false && !overlays.isWeb(this.host) && !this.hideAdvancedFilters;
+    return this.showSearch !== false && !index$1.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 overlays.pipes.number.transform(this.total) + (this.total > 0 && this.totalMax && this.totalMax === this.total ? '+' : '');
+    return index$1.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) || overlays.isWeb(this.host) || this.isFormField) && this.multiple && !this.blockSelectionMode;
+    this.isSelectionMode = ((this.globalActions && this.globalActions.length > 0) || index$1.isWeb(this.host) || this.isFormField) && this.multiple && !this.blockSelectionMode;
   }
   onCollectionNameChange() {
     this.items = [];
@@ -230,13 +229,13 @@ const YooGridComponent = class {
     }
   }
   onInitialSelectionChanged() {
-    this.selection = [].concat(this.initialSelection || []).filter((value) => overlays.isPresent(value));
+    this.selection = [].concat(this.initialSelection || []).filter((value) => index$1.isPresent(value));
     this.removeUserIdFromSelection();
-    if (!overlays.isWeb(this.host) && this.dynamicOrdering && !this.itemsHaveBeenReordered && !this.isLocal) {
+    if (!index$1.isWeb(this.host) && this.dynamicOrdering && !this.itemsHaveBeenReordered && !this.isLocal) {
       this.itemsHaveBeenReordered = true;
       this.items = this.getOrderedItems();
     }
-    else if (overlays.isWeb(this.host) &&
+    else if (index$1.isWeb(this.host) &&
       this.dynamicOrdering &&
       !this.itemsHaveBeenReordered &&
       !this.isLocal &&
@@ -372,10 +371,10 @@ const YooGridComponent = class {
     return this.getSelection();
   }
   async forceFieldUpdate(field) {
-    if (field.type === index$1.FormFieldType.address && this.addressAutocomplete) {
+    if (field.type === index$2.FormFieldType.address && this.addressAutocomplete) {
       this.addressAutocomplete.updateValues(field.tmpValues);
     }
-    if (field.type === index$1.FormFieldType.audience) {
+    if (field.type === index$2.FormFieldType.audience) {
       this.updateValues(field.tmpValues, field.tmpTotal, field.gridCurrentSearch);
     }
   }
@@ -402,7 +401,7 @@ const YooGridComponent = class {
       return;
     }
     const items = (this.host.shadowRoot || this.host).querySelectorAll('yoo-ion-item');
-    overlays.safeScrollIntoView(items === null || items === void 0 ? void 0 : items[index]);
+    index$1.safeScrollIntoView(items === null || items === void 0 ? void 0 : items[index]);
   }
   async pullToRefresh(refresher) {
     this.setCurrentPage(0);
@@ -519,7 +518,7 @@ const YooGridComponent = class {
   }
   async getQuery() {
     var _a;
-    return overlays.getAsyncExtraData({
+    return index$1.getAsyncExtraData({
       type: 'grid-query',
       params: {
         collectionName: this.collectionName,
@@ -599,7 +598,7 @@ const YooGridComponent = class {
     this.selection = [].concat(this.initialSelection || []);
     this.removeUserIdFromSelection();
     if (!this.displaySize) {
-      this.displaySize = overlays.isWeb(this.host) ? 'small' : 'medium';
+      this.displaySize = index$1.isWeb(this.host) ? 'small' : 'medium';
     }
     if (this.entityType === 'courses-small') {
       this.slidesOptions.spaceBetween = 10;
@@ -620,7 +619,7 @@ const YooGridComponent = class {
     if (this.displayType === 'card-sticky' && this.entityType === 'photos') {
       this.slidesOptions.slidesOffsetBefore = 0;
     }
-    if (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       this.setDisplayIcon();
     }
     this.updateGridConfig();
@@ -640,13 +639,13 @@ const YooGridComponent = class {
         this.onFetchData(true);
       }
     }
-    if (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       this.keyboardWillShowListener = this.onKeyboardWillShow.bind(this);
       window.addEventListener('keyboardWillShow', this.keyboardWillShowListener);
       this.keyboardWillHideListener = lodash.debounce(this.onKeyboardWillHide, 500).bind(this);
       window.addEventListener('keyboardWillHide', this.keyboardWillHideListener);
       if (this.isWidget) {
-        index$2.assignPressActions(this.frameContainerEl, this, (ev) => this.onWidgetEdit(ev));
+        index$3.assignPressActions(this.frameContainerEl, this, (ev) => this.onWidgetEdit(ev));
       }
     }
     // Only runs for grids with slides
@@ -666,7 +665,7 @@ const YooGridComponent = class {
     if (!this.markersOnly) {
       this.flyToPosition();
     }
-    if (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       this.setDisplayIcon();
     }
     this.onForceInputFocused();
@@ -677,7 +676,7 @@ const YooGridComponent = class {
   }
   connectedCallback() {
     if (this.disconnected) {
-      this.horizontalSlidesAnim = new overlays.HorizontalSlidesAnimation();
+      this.horizontalSlidesAnim = new index$1.HorizontalSlidesAnimation();
       this.updateSlides(true);
       this.disconnected = false;
     }
@@ -685,7 +684,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 (!overlays.isWeb(this.host)) {
+    if (!index$1.isWeb(this.host)) {
       window.removeEventListener('keyboardWillShow', this.keyboardWillShowListener);
       window.removeEventListener('keyboardWillHide', this.keyboardWillHideListener);
     }
@@ -696,7 +695,7 @@ const YooGridComponent = class {
   removeUserIdFromSelection() {
     var _a;
     if (this.entityType === 'groups') {
-      this.selection = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(overlays.MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(overlays.MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(overlays.MONGODB_ID_REGEX)); });
+      this.selection = (_a = this.selection) === null || _a === void 0 ? void 0 : _a.filter((value) => { var _a, _b; return (value === null || value === void 0 ? void 0 : value.title) ? !((_a = value === null || value === void 0 ? void 0 : value.title) === null || _a === void 0 ? void 0 : _a.match(index$1.MONGODB_ID_REGEX)) : (value === null || value === void 0 ? void 0 : value._id) && !(value === null || value === void 0 ? void 0 : value.title) ? !((_b = value === null || value === void 0 ? void 0 : value._id) === null || _b === void 0 ? void 0 : _b.match(index$1.MONGODB_ID_REGEX)) : !(value === null || value === void 0 ? void 0 : value.match(index$1.MONGODB_ID_REGEX)); });
     }
   }
   setCurrentPage(page) {
@@ -744,7 +743,7 @@ const YooGridComponent = class {
       items = [...selectedItems, ...unselectedItems];
     }
     if (this.isLocal && this.searchText) {
-      items = overlays.filterListByText(items, this.searchText, (_a = this.model) === null || _a === void 0 ? void 0 : _a.fields);
+      items = index$1.filterListByText(items, this.searchText, (_a = this.model) === null || _a === void 0 ? void 0 : _a.fields);
     }
     if (this.entityType === 'emails') {
       let itemsMissingId = [];
@@ -793,7 +792,7 @@ const YooGridComponent = class {
   }
   useVirtualScroll() {
     var _a, _b;
-    return shouldUseVirtualScroll((_a = overlays.getSession()) === null || _a === void 0 ? void 0 : _a.user, (_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.virtualScrollEnabled, this.isFramed);
+    return 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);
   }
   transformSelectionToObject(selectedItems) {
     selectedItems = selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.map((selectedItem) => {
@@ -1053,7 +1052,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 (!overlays.isAnimationsDisabled() && (slideContainers === null || slideContainers === void 0 ? void 0 : slideContainers.length) > 0) {
+      if (!index$1.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) => {
@@ -1063,7 +1062,7 @@ const YooGridComponent = class {
           });
           if (slides.length > 0 || forceAnimation) {
             slideParent === null || slideParent === void 0 ? void 0 : slideParent.update();
-            new overlays.HorizontalSlidesAnimation().addElements(slides, true);
+            new index$1.HorizontalSlidesAnimation().addElements(slides, true);
           }
         });
       }
@@ -1073,7 +1072,7 @@ const YooGridComponent = class {
     this.keyboardHidden.emit();
   }
   async animateStickySlides(forceAnimation) {
-    if (!overlays.isAnimationsDisabled() && this.slides) {
+    if (!index$1.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')) {
@@ -1114,7 +1113,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);
-          overlays.getAsyncExtraData({ type: 'get-by-ids', params: { collectionName: this.collectionName, ids, sorts: [{ colId: 'title', sort: 'asc' }] } }).then((ret) => {
+          index$1.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) {
@@ -1174,8 +1173,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) => overlays.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) => overlays.isMapField(f) || f.type === index$1.FormFieldType.location)) === null || _f === void 0 ? void 0 : _f.name);
+          ((_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);
       (_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) {
@@ -1210,7 +1209,7 @@ const YooGridComponent = class {
     if (this.isFormField && !noLoading) {
       this.setLoading(true);
     }
-    if (this.isAutoComplete && overlays.isWeb(this.host) && this.entityType === 'files' && this.gridIsExpanded) {
+    if (this.isAutoComplete && index$1.isWeb(this.host) && this.entityType === 'files' && this.gridIsExpanded) {
       const minPageSizeForScroll = 36;
       this.pageSize = Math.max(minPageSizeForScroll, this.pageSize);
     }
@@ -1354,19 +1353,19 @@ const YooGridComponent = class {
     if (isBlocked) {
       return;
     }
-    const index$1 = this.findIndex(item);
+    const index$2 = this.findIndex(item);
     let selection;
     if (this.multiple && (!this.isSelectionMode || checkBoxClick || this.isFormField || this.host.classList.contains('force-select') || this.host.classList.contains('autocomplete-selection-mode'))) {
       // make sure at least one item selected when preventNoneSelection is set to trun in multiple selection mode
-      if (((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.preventNoneSelection) && this.multiple && index$1 >= 0 && ((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) === 1) {
+      if (((_b = this.gridExtraOptions) === null || _b === void 0 ? void 0 : _b.preventNoneSelection) && this.multiple && index$2 >= 0 && ((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) === 1) {
         return;
       }
-      if (index$1 >= 0) {
-        this.selection.splice(index$1, 1);
+      if (index$2 >= 0) {
+        this.selection.splice(index$2, 1);
         this.selection = [...this.selection];
       }
       else {
-        if (overlays.isPresent(this.maxSelectionNumber) && this.maxSelectionNumber >= 0 && this.multiple && this.selection && this.selection.length >= this.maxSelectionNumber) {
+        if (index$1.isPresent(this.maxSelectionNumber) && this.maxSelectionNumber >= 0 && this.multiple && this.selection && this.selection.length >= this.maxSelectionNumber) {
           (_e = (_d = this.gridExtraOptions) === null || _d === void 0 ? void 0 : _d.maxSelectionCallback) === null || _e === void 0 ? void 0 : _e.call(_d);
           return;
         }
@@ -1377,10 +1376,10 @@ const YooGridComponent = class {
       if (this.maxSelectionNumber === 0 && this.selection) {
         return;
       }
-      if (index$1 >= 0 && this.keepSelection && this.disableSingleDeselection) {
+      if (index$2 >= 0 && this.keepSelection && this.disableSingleDeselection) {
         return;
       }
-      else if (index$1 >= 0 && this.keepSelection) {
+      else if (index$2 >= 0 && this.keepSelection) {
         this.selection = [];
       }
       else {
@@ -1394,7 +1393,7 @@ const YooGridComponent = class {
       selection = lodash.compact(this.selection).map((s) => {
         const id = s[this.idAttributeName || '_id'];
         // be aware that sometimes we use the boolean value "false" as the id (for the mission validation states for example), so must test the value is not null or not undefined
-        return overlays.isPresent(id) ? id : s;
+        return index$1.isPresent(id) ? id : s;
       });
     }
     else if (this.isSelectionMode &&
@@ -1414,12 +1413,12 @@ const YooGridComponent = class {
       this.selection &&
       this.selection.length > 0 &&
       !checkBoxClick &&
-      overlays.isWeb(this.host) &&
+      index$1.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 &&
-      overlays.isWeb(this.host) &&
+      index$1.isWeb(this.host) &&
       checkBoxClick &&
       !this.host.classList.contains('autocomplete-selection-mode') &&
       !this.host.classList.contains('force-select') &&
@@ -1547,7 +1546,7 @@ const YooGridComponent = class {
   }
   onForceInputFocused() {
     var _a;
-    if (this.isAutoComplete && overlays.isWeb(this.host)) {
+    if (this.isAutoComplete && index$1.isWeb(this.host)) {
       (_a = this.input) === null || _a === void 0 ? void 0 : _a.setFocus();
     }
   }
@@ -1606,31 +1605,31 @@ const YooGridComponent = class {
     else {
       retVal = this.filteredItems;
     }
-    retVal = retVal.filter((v) => !overlays.isNullOrUndefined(v));
+    retVal = retVal.filter((v) => !index$1.isNullOrUndefined(v));
     return retVal;
   }
   getAddTagButtonString() {
     var _a;
     if (this.entityType === 'emails') {
-      return overlays.translate('ADDNEWEMAIL');
+      return index$1.translate('ADDNEWEMAIL');
     }
     else if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.id) === 'memos') {
-      return overlays.translate('ADD');
+      return index$1.translate('ADD');
     }
     else {
-      return overlays.translate('ADDAPPROVE');
+      return index$1.translate('ADDAPPROVE');
     }
   }
   getTagDescription() {
     var _a;
     if (this.entityType === 'emails') {
-      return overlays.translate('NEWEMAILFOUNDDESCRIPTION');
+      return index$1.translate('NEWEMAILFOUNDDESCRIPTION');
     }
     else if (((_a = this.model) === null || _a === void 0 ? void 0 : _a.id) === 'memos') {
-      return overlays.translate('NEWTASKFOUNDDESCRIPTION');
+      return index$1.translate('NEWTASKFOUNDDESCRIPTION');
     }
     else {
-      return overlays.translate('NEWVALUEFOUNDDESCRIPTION', { value: this.searchText || '' });
+      return index$1.translate('NEWVALUEFOUNDDESCRIPTION', { value: this.searchText || '' });
     }
   }
   isNewTag() {
@@ -1661,7 +1660,7 @@ const YooGridComponent = class {
         this.fieldFetchCustomData.emit(ev.detail);
       };
       dialogSortsAndFilters.addEventListener('fieldFetchCustomData', fieldFetchCustomDataListener);
-      overlays.showModal(dialogSortsAndFilters, { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts }, 'transparent', 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
+      index$1.showModal(dialogSortsAndFilters, { model: this.model, values: this.sortsAndFilters, hideSorts: this.hideSorts }, 'transparent', 'slideYEnterAnimation', 'slideYLeaveAnimation').then((ret) => {
         if (ret === null || ret === void 0 ? void 0 : ret.data) {
           this.applySortsAndFilters(ret.data);
           this.filtersUpdated = !this.filtersUpdated;
@@ -1688,7 +1687,7 @@ const YooGridComponent = class {
     }, 500);
   }
   onHideShowSearchBar(ev) {
-    if (overlays.isWeb(this.host) && this.searchContainer) {
+    if (index$1.isWeb(this.host) && this.searchContainer) {
       this.isSearchBarHidden = commonHelpers.hideShowSearchBar(ev, this.searchContainer, this.horizontalScroll, this.isSearchBarHidden);
     }
   }
@@ -1853,7 +1852,7 @@ const YooGridComponent = class {
       });
     });
     const searchData = ev.detail;
-    const formSearch = { field: { type: index$1.FormFieldType.address }, search: searchData, grid: this };
+    const formSearch = { field: { type: index$2.FormFieldType.address }, search: searchData, grid: this };
     this.fieldFetchData.emit(formSearch);
   }
   onAddressChanged(ev) {
@@ -1911,7 +1910,7 @@ const YooGridComponent = class {
     this.selected.emit((_a = ev.detail) === null || _a === void 0 ? void 0 : _a.entity);
   }
   isWebTab() {
-    return overlays.isWeb(this.host) && (this.isPhotosTab() || this.host.classList.contains('history-tab'));
+    return index$1.isWeb(this.host) && (this.isPhotosTab() || this.host.classList.contains('history-tab'));
   }
   isPhotosTab() {
     return this.host.classList.contains('photos-tab');
@@ -1952,13 +1951,13 @@ const YooGridComponent = class {
     if (this.scrollable) {
       list.push('scrollable');
     }
-    if ((((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && overlays.isWeb(this.host)) {
+    if ((((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && index$1.isWeb(this.host)) {
       list.push('columns');
     }
     if (this.isCalendar()) {
       list.push('calendar');
     }
-    if (overlays.isWeb(this.host) && (this.keepSelection || this.multiple)) {
+    if (index$1.isWeb(this.host) && (this.keepSelection || this.multiple)) {
       list.push('keep-selection');
     }
     if (this.extraClass) {
@@ -1979,34 +1978,34 @@ const YooGridComponent = class {
   renderDropdownFormRadio() {
     var _a;
     const formOptions = this.filterOptions.map((filterOption) => filterOption.type);
-    if (overlays.isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
+    if (index$1.isWeb(this.host) && ((_a = this.items) === null || _a === void 0 ? void 0 : _a.length)) {
       return (index.h("div", { class: "form-radio-container" }, index.h("yoo-form-radio", { options: formOptions, flow: "column", size: "medium", value: this.selectedFilterOperator || formOptions[0], onInputChanged: (ev) => this.onToggleFormRadio(ev) }, formOptions.map((option, index$1) => (index.h("span", { slot: index$1.toString() }, option))))));
     }
   }
   renderSearchInput() {
     var _a, _b, _c;
     return (this.showSearch !== false && [
-      !overlays.isWeb(this.host) && this.shouldRenderToggleSelectAll() && 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' })),
-      (overlays.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$1.isWeb(this.host) && this.shouldRenderToggleSelectAll() && 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, class: {
           search: true,
-          flex: !overlays.isWeb(this.host),
-          web: overlays.isWeb(this.host),
+          flex: !index$1.isWeb(this.host),
+          web: index$1.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 && overlays.isWeb(this.host),
+          'drop-down': this.isAutoComplete && index$1.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: overlays.isWeb(this.host) ? 'medium' : 'large', value: this.searchText, placeholder: this.searchBarPlaceholder ? overlays.translateMulti(this.searchBarPlaceholder) : overlays.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$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) })
     ]);
   }
   renderRefresh(force) {
-    return ((!this.hideRefreshButton && !this.isReadonly && (force || !this.isLocal)) && (index.h("yoo-tooltip", { content: overlays.translate('REFRESH'), hoverable: true, placement: "bottom" }, index.h("yoo-button", { shape: "circular", fill: "transparent", rippleType: "unbounded", onClick: () => this.pullToRefresh() }, index.h("yoo-icon", { name: "refresh", color: "stable" })))));
+    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.pullToRefresh() }, index.h("yoo-icon", { name: "refresh", color: "stable" })))));
   }
   shouldRenderEntityQueryBuilder() {
-    return overlays.isWeb(this.host) && !this.isAutoComplete && (this.gridIsExpanded || !this.gridIsExpanded) && (this.showFilters || this.showAdvancedQueryBuilder);
+    return index$1.isWeb(this.host) && !this.isAutoComplete && (this.gridIsExpanded || !this.gridIsExpanded) && (this.showFilters || this.showAdvancedQueryBuilder);
   }
   renderSearch() {
     let actions = [];
@@ -2017,20 +2016,20 @@ const YooGridComponent = class {
     return [
       renderEntityQueryBuilder && this.renderEntityQueryBuilder(actions),
       !renderEntityQueryBuilder && this.renderSearchInput(),
-      overlays.isWeb(this.host) && !renderEntityQueryBuilder && index.h("span", { class: "flex" }),
-      overlays.isWeb(this.host) && !renderEntityQueryBuilder && this.renderDisplayMode(),
-      overlays.isWeb(this.host) && !renderEntityQueryBuilder && this.renderRefresh(),
-      !overlays.isWeb(this.host) && (index.h("yoo-items", { class: {
+      index$1.isWeb(this.host) && !renderEntityQueryBuilder && index.h("span", { class: "flex" }),
+      index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.renderDisplayMode(),
+      index$1.isWeb(this.host) && !renderEntityQueryBuilder && this.renderRefresh(),
+      !index$1.isWeb(this.host) && (index.h("yoo-items", { class: {
           // 'margin-left': !isWeb(this.host) && this.isToggleModeVisible(),
-          'autocomplete-spacing': !overlays.isWeb(this.host) && this.host.classList.contains('autocomplete') && this.showSelectAllFinal
+          'autocomplete-spacing': !index$1.isWeb(this.host) && this.host.classList.contains('autocomplete') && this.showSelectAllFinal
         }, slot: "end" }, actions
-        .map((a) => overlays.toButton(a, this))
+        .map((a) => index$1.toButton(a, this))
         .map((button) => button_factory.getButton({
         ...button,
         color: button.color || 'stable',
         cssClass: `${button.cssClass || ''}`
-      })), index.h("slot", { name: "search-buttons-before" }), !overlays.isWeb(this.host) && this.isKanban() && this.renderDisplaySize(), this.renderDisplayMode(), !overlays.isWeb(this.host) && !renderEntityQueryBuilder && this.multiple && this.entityType === 'files' && this.renderFileUpload(), index.h("slot", { name: "search-buttons" }))),
-      !overlays.isWeb(this.host) && !renderEntityQueryBuilder && this.renderCustomViews()
+      })), 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()
     ];
   }
   setDisplayIcon() {
@@ -2079,7 +2078,7 @@ const YooGridComponent = class {
     var _a;
     const buttons = (_a = this.displayTypes) === null || _a === void 0 ? void 0 : _a.map((displayType) => ({
       icon: this.getIconFromDisplayType(displayType),
-      text: overlays.translate('YOOBIC' + displayType.toUpperCase()),
+      text: index$1.translate('YOOBIC' + displayType.toUpperCase()),
       iconColor: this.displayType === displayType ? 'app-color' : 'stable',
       handler: () => this.onChangeDisplay(displayType)
     }));
@@ -2099,7 +2098,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: overlays.translate('CHANGEDISPLAYSIZE'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttonsResize, class: "inline", onContextMenuOpened: (event) => {
+    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) => {
         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';
@@ -2112,7 +2111,7 @@ const YooGridComponent = class {
       } }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded", color: "stable" }, index.h("yoo-icon", { size: "medium", name: "grid-view", color: "stable" })))));
   }
   onFileSelect(ev) {
-    overlays.getAsyncExtraData({ type: 'file-upload', params: { file: ev.target.files[0], origin: this.origin } }).then(async (ret) => {
+    index$1.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(() => {
@@ -2130,7 +2129,7 @@ const YooGridComponent = class {
   }
   renderDisplayMode() {
     var _a, _b;
-    if (overlays.isWeb(this.host) && this.displayType === 'card-media') {
+    if (index$1.isWeb(this.host) && this.displayType === 'card-media') {
       const buttonsResize = [
         {
           icon: 'small-without-info',
@@ -2146,36 +2145,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: overlays.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: overlays.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())
+        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())
       ];
     }
     if (!this.isToggleModeVisible()) {
       return;
     }
     if (((_b = this.displayTypes) === null || _b === void 0 ? void 0 : _b.length) > 1) {
-      return overlays.isWeb(this.host) ? (index.h("yoo-tooltip", { content: overlays.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())) : (this.renderChangeDisplayButtonMobile());
+      return index$1.isWeb(this.host) ? (index.h("yoo-tooltip", { content: index$1.translate('CHANGEDISPLAYMODE'), hoverable: true, placement: "bottom" }, this.renderChangeDisplayButton())) : (this.renderChangeDisplayButtonMobile());
     }
   }
   renderExports() {
-    if (overlays.isWeb(this.host) && this.showExport && this.total > 0) {
+    if (index$1.isWeb(this.host) && this.showExport && this.total > 0) {
       const buttons = [
         {
           icon: 'file-excel',
-          text: overlays.translate('EXCEL'),
+          text: index$1.translate('EXCEL'),
           handler: () => {
             this.exported.emit('xlsx');
           }
         },
         {
           icon: 'file-csv',
-          text: overlays.translate('CSV'),
+          text: index$1.translate('CSV'),
           handler: () => {
             this.exported.emit('csv');
           }
         }
       ];
-      return (index.h("yoo-tooltip", { content: overlays.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.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" })))));
     }
   }
   renderCustomViews() {
@@ -2186,15 +2185,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, overlays.getSession(), overlays.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, overlays.getSession(), overlays.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$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 })))) || [];
     let buttons = [];
-    if (overlays.isWeb(this.host)) {
+    if (index$1.isWeb(this.host)) {
       buttons = buttons.concat(customViewsButtons || []);
       if ((moreCustomViewsButtons === null || moreCustomViewsButtons === void 0 ? void 0 : moreCustomViewsButtons.length) > 0) {
         buttons.push({
           icon: 'list-view',
-          text: overlays.translate('YOOBICMORE'),
+          text: index$1.translate('YOOBICMORE'),
           separator: true,
           isVisible: () => { var _a; return ((_a = this.customViews) === null || _a === void 0 ? void 0 : _a.length) > 0; },
           subMenu: moreCustomViewsButtons
@@ -2207,7 +2206,7 @@ const YooGridComponent = class {
     buttons = buttons.concat([
       {
         // icon: 'pull-to-refresh',
-        text: overlays.translate('UPDATEVIEW'),
+        text: index$1.translate('UPDATEVIEW'),
         isVisible: () => !!this.customView,
         hasDivider: true,
         handler: () => {
@@ -2216,7 +2215,7 @@ const YooGridComponent = class {
       },
       {
         // icon: 'save',
-        text: overlays.translate('SAVEASNEWVIEW'),
+        text: index$1.translate('SAVEASNEWVIEW'),
         hasDivider: true,
         handler: () => {
           this.customViewSaved.emit(null);
@@ -2224,7 +2223,7 @@ const YooGridComponent = class {
       },
       {
         // icon: 'cross',
-        text: overlays.translate('RESETVIEW'),
+        text: index$1.translate('RESETVIEW'),
         color: 'danger',
         hasDivider: true,
         iconColor: 'danger',
@@ -2238,7 +2237,7 @@ const YooGridComponent = class {
     if (this.forceCustomViewIcon && !this.isAgGrid()) {
       buttons.unshift({
         icon: 'action-plan',
-        text: overlays.translate(this.hideUIFields ? 'SHOWUIFIELDS' : 'HIDEUIFIELDS'),
+        text: index$1.translate(this.hideUIFields ? 'SHOWUIFIELDS' : 'HIDEUIFIELDS'),
         separator: true,
         handler: () => {
           this.hideUIFields = !this.hideUIFields;
@@ -2246,26 +2245,26 @@ const YooGridComponent = class {
         }
       });
     }
-    if (overlays.isWeb(this.host)) {
+    if (index$1.isWeb(this.host)) {
       return [
-        index.h("yoo-tooltip", { content: overlays.translate('SAVEDFILTERSHELP'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttons, class: "customview-menu width-unset" }, index.h("div", { class: "customview-container" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })), index.h("span", { class: { 'customview-title': true, 'app-color': !!this.customView } }, ((_e = this.customView) === null || _e === void 0 ? void 0 : _e.name) || overlays.translate('SAVEDFILTERS')))))
+        index.h("yoo-tooltip", { content: index$1.translate('SAVEDFILTERSHELP'), hoverable: true, placement: "bottom" }, index.h("yoo-context-menu", { contentButtons: buttons, class: "customview-menu width-unset" }, index.h("div", { class: "customview-container" }, index.h("yoo-button", { fill: "transparent", shape: "circular", rippleType: "unbounded" }, index.h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })), index.h("span", { class: { 'customview-title': true, 'app-color': !!this.customView } }, ((_e = this.customView) === null || _e === void 0 ? void 0 : _e.name) || index$1.translate('SAVEDFILTERS')))))
       ];
     }
     else if (this.customViewsId) {
-      return (index.h("yoo-button", { slot: "end", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => overlays.showActionSheet(buttons) }, index.h("yoo-icon", { size: "medium", name: "eye", color: this.customView ? 'app-color' : 'stable' })));
+      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: "eye", 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'}
         ,
-        class: { 'map-locations': true, web: overlays.isWeb(this.host) }, iconPrefix: "pin", multiple: false, isLocal: false, entityType: "googlemaps", displayType: "card-list", emptyState: "map", clearable: false, hideTags: true, onFetchData: (ev) => this.onAddressFetchData(ev), onInputChanged: (ev) => this.onAddressChanged(ev) })),
+        class: { 'map-locations': true, web: index$1.isWeb(this.host) }, iconPrefix: "pin", multiple: false, isLocal: false, entityType: "googlemaps", displayType: "card-list", emptyState: "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" }),
-      overlays.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(),
+      index$1.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(),
       this.renderDisplayMode(),
       this.renderCustomViews(),
-      overlays.isWeb(this.host) && this.renderRefresh(),
+      index$1.isWeb(this.host) && this.renderRefresh(),
       this.renderExports()
     ];
   }
@@ -2280,7 +2279,7 @@ const YooGridComponent = class {
   }
   renderToggleSelectAll(useRadio) {
     if (this.shouldRenderToggleSelectAll()) {
-      const content = this.isSelectedToggleView ? overlays.translate('UNTOGGLETOSELECTALL') : overlays.translate('GRIDSELECTALL');
+      const content = this.isSelectedToggleView ? index$1.translate('UNTOGGLETOSELECTALL') : index$1.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));
       }
@@ -2297,18 +2296,18 @@ const YooGridComponent = class {
       }, onFieldFetchCustomData: (ev) => {
         ev.stopPropagation();
         this.fieldFetchCustomData.emit(ev.detail);
-      }, class: { 'no-padding': this.showSearch === false }, floating: this.floatingFilters, disabled: this.isSelectAll && this.total > 0 }, overlays.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" }))), overlays.isWeb(this.host) && this.isMap() && this.hasMapFields() && this.renderMapFieldSelect(), overlays.isWeb(this.host) && this.isKanban() && this.hasKanbanColumnFields() && this.renderKanbanColumnFieldSelect(), overlays.isWeb(this.host) && this.isKanban() && showDisplaySize && this.renderDisplaySize(), overlays.isWeb(this.host) && this.renderDisplayMode(), this.renderCustomViews(), overlays.isWeb(this.host) && this.renderRefresh(), overlays.isWeb(this.host) && this.renderExports(), actions.length > 0 && (index.h("yoo-items", { class: { 'margin-left': !overlays.isWeb(this.host) && this.isToggleModeVisible() } }, actions
-      .map((a) => overlays.toButton(a, this))
+      }, class: { 'no-padding': this.showSearch === false }, 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$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(), this.renderCustomViews(), index$1.isWeb(this.host) && this.renderRefresh(), 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))
       .map((button) => button_factory.getButton({
       ...button,
       color: button.color || 'stable',
       cssClass: `${button.cssClass || ''}`
-    })))), overlays.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) && (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" })));
   }
   renderEntitySearchTags(renderSearchOrAutocomplete) {
     var _a;
-    const showAdvancedFilters = (!overlays.isWeb(this.host) && this.showSearch !== false) || (overlays.isWeb(this.host) && !!this.model) || this.forceTagFilters;
-    return ((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (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: overlays.isWeb(this.host) && !this.gridIsExpanded ? [] : this.tags, values: this.selectedTags || [], hideAdvancedFilters: !showAdvancedFilters || this.isShowAdvancedFiltersDisplayedIntoSearch, onSelected: (ev) => this.onTagSelect(ev), disabled: this.isSelectAll }));
+    const showAdvancedFilters = (!index$1.isWeb(this.host) && this.showSearch !== false) || (index$1.isWeb(this.host) && !!this.model) || this.forceTagFilters;
+    return ((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 && (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, onSelected: (ev) => this.onTagSelect(ev), disabled: this.isSelectAll }));
   }
   onTabSelected(ev) {
     this.selectedTab = this.tabs[ev.detail.nextIndex];
@@ -2370,12 +2369,12 @@ const YooGridComponent = class {
   renderTotalHeader() {
     const total = this.getTotalSelected() || 0;
     if ((this.isFormField || this.showGridTotalHeader) && this.showGridTotalHeader !== false && (this.collectionName || this.entityType)) {
-      return index.h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: overlays.isWeb(this.host) } }, index.h("span", { class: "total" }, total === null || total === void 0 ? void 0 : total.toLocaleString()), index.h("span", { class: "title" }, overlays.translate((this.mainColumnHeader || this.collectionName || this.entityType).toUpperCase())));
+      return index.h("div", { class: { 'total-header': true, 'no-padding': this.isFormField, web: index$1.isWeb(this.host) } }, index.h("span", { class: "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())));
     }
   }
   renderLinkHeader() {
     if (this.headerLink) {
-      return index.h("yoo-link", { class: "link-header", onClick: () => this.headerLinkHandler ? this.headerLinkHandler() : null }, index.h("span", { innerHTML: overlays.translate(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) }));
     }
   }
   renderHeader(renderEntityTags) {
@@ -2383,29 +2382,29 @@ 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 = overlays.translate(this.heading);
+    const title = index$1.translate(this.heading);
     let renderSearchOrAutocomplete = !this.isReadonly &&
-      (this.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!overlays.isWeb(this.host) && this.allowCustomTag)) &&
+      (this.showSearch || ((_c = this.displayTypes) === null || _c === void 0 ? void 0 : _c.length) > 1 || (!index$1.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) && overlays.isWeb(this.host)) {
+    if ((this.showSearch || this.showFilters) && index$1.isWeb(this.host)) {
       renderSearchOrAutocomplete = true;
     }
     if (this.getActiveFiltersCount()) {
       renderSearchOrAutocomplete = true;
     }
-    if (this.entityType === 'files' && this.isAutoComplete && overlays.isWeb(this.host) && this.items.length < 9 && !this.showSearch && !this.showFilters) {
+    if (this.entityType === 'files' && this.isAutoComplete && index$1.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() }, overlays.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: overlays.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.total > 0 || !this.hideHeadingIfEmpty ? title : null, !this.hideTotal && this.renderTotalNumber())), (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() }, overlays.translate('YOOBICSEEALL'))))) : (this.renderProgressBar()),
+      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.total > 0 || !this.hideHeadingIfEmpty ? title : null, !this.hideTotal && this.renderTotalNumber())), (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: {
           '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'),
@@ -2414,19 +2413,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': overlays.isWeb(this.host),
+          'web': index$1.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 && overlays.isWeb(this.host),
-          'autocomplete-dialog-no-tags': this.isAutoComplete && !overlays.isWeb(this.host) && (!renderEntityTags || ((_q = this.tags) === null || _q === void 0 ? void 0 : _q.length) === 0),
+          '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),
           'no-padding': this.isFormField,
           'overflow-hidden': this.isMap(),
-          'expanded-autocomplete': this.isAutoComplete && this.gridIsExpanded && overlays.isWeb(this.host)
-        } }, renderEntityTags && this.renderEntitySearchTags(renderSearchOrAutocomplete), renderSearchOrAutocomplete && (this.isMap() ? this.renderAddressAutocomplete() : this.renderSearch()), index.h("div", { slot: "content", class: "w-100" }, overlays.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$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" }))))
     ];
   }
   alwaysRenderTagsAndFilters() {
@@ -2455,13 +2454,13 @@ const YooGridComponent = 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} ${overlays.translate('SELECTED')}`), index.h("div", { class: "dynamic-buttons-container" }, overlays.isWeb(this.host) && !this.gridIsExpanded ? (index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: overlays.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onExpandGrid() }, overlays.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: overlays.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onToggleSelectAll() }, overlays.translate('SELECTALL'))), this.multiple && (index.h("yoo-button", { animated: false, disabled: totalSelected <= 0, color: "app-color", fill: "transparent", size: overlays.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.clearSelection() }, overlays.translate('CLEAR'))))));
+        } }, 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'))))));
     }
   }
   renderFilesIcons() {
     var _a;
     const iconView = this.displayType === 'card-cell' ? 'list-view' : 'grid-view';
-    if (!this.isReadonly && this.entityType === 'files' && overlays.isWeb(this.host) && this.isAutoComplete) {
+    if (!this.isReadonly && this.entityType === 'files' && index$1.isWeb(this.host) && this.isAutoComplete) {
       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() })));
     }
   }
@@ -2470,18 +2469,18 @@ 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} ${overlays.translate('SELECTED')}`), index.h("yoo-button", { animated: false, color: "app-color", fill: "transparent", size: overlays.isWeb(this.host) ? 'small' : 'medium', shape: "rectangular", onClick: () => this.onForceSelectAll(showClear) }, overlays.translate(showClear ? 'CLEAR' : 'SELECTALL'))));
+    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'))));
   }
   renderEmptyStateButton(customStyle) {
-    const buttonSize = (!this.extraClass && overlays.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.emptyStateHandler() }, overlays.translate(this.emptyStateButtonText)));
+    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.emptyStateHandler() }, index$1.translate(this.emptyStateButtonText)));
   }
   renderEmptyState() {
     const type = (this.emptyState || this.entityType || 'error');
     const displayEmptyState = type && type !== 'none' && !this.hideEmptyState;
-    const header = overlays.translate(this.emptyStateHeader || index$1.EMPTYSTATE_TITLE_MAP[type]);
-    const text = overlays.translate(this.emptyStateDescription || index$1.EMPTYSTATE_TEXT_MAP[type] || 'LISTEMPTY');
-    const hasButton = !!this.emptyStateButtonText && !!this.emptyStateHandler && (!overlays.isOffline() || this.emptyAllowOfflineAction);
+    const header = index$1.translate(this.emptyStateHeader || index$2.EMPTYSTATE_TITLE_MAP[type]);
+    const text = index$1.translate(this.emptyStateDescription || index$2.EMPTYSTATE_TEXT_MAP[type] || 'LISTEMPTY');
+    const hasButton = !!this.emptyStateButtonText && !!this.emptyStateHandler && (!index$1.isOffline() || this.emptyAllowOfflineAction);
     const customStyle = this.entityType === 'feeds';
     return [
       index.h("slot", { name: "before" }),
@@ -2513,20 +2512,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: overlays.isWeb(this.host), web: overlays.isWeb(this.host) }, markers: this.markers, markersOnly: this.markersOnly, position: position, onSelected: (event) => this.onMarkerSelected(event), onMapLoaded: () => {
+    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: () => {
         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)))))))));
   }
   hasMapFields() {
     var _a, _b, _c;
-    return (((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.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) => overlays.isMapField(f) || f.type === index$1.FormFieldType.location).length) > 0);
+    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);
   }
   renderMapFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isMapField(f));
+    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'}
       ,
-      hideIcon: true, clearable: false, value: this.mapGeolocField, idOnly: true, idAttributeName: "name", entityType: "formfield", values: fields, displayType: "card-list", placeholder: overlays.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$1.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) {
@@ -2537,57 +2536,57 @@ const YooGridComponent = class {
   }
   hasDateTimeFields() {
     var _a;
-    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isDateTimeField(f)).length) > 0;
+    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isDateTimeField(f)).length) > 0;
   }
   renderDateFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isDateTimeField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-input-container", { field: { title: overlays.translate('YOOBICCHOOSESTARTDATEFIELD') }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "date-field inline", size: overlays.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$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" })));
   }
   renderDateEndFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isDateTimeField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-input-container", { field: { title: overlays.translate('YOOBICCHOOSEENDDATEFIELD') }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "date-field inline", size: overlays.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$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" })));
   }
   hasResourceFields() {
     var _a;
-    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isAutocompleteLocalField(f)).length) > 0;
+    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isAutocompleteLocalField(f)).length) > 0;
   }
   renderResourceFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isAutocompleteLocalField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-input-container", { field: { title: overlays.translate('YOOBICCHOOSERESOURCEFIELD') }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "resource-field inline", size: overlays.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$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) => {
         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) => overlays.isNumberField(f)).length) > 0;
+    return ((_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => index$1.isNumberField(f)).length) > 0;
   }
   renderResourceDurationFieldSelect() {
     var _a;
-    const fields = (_a = this.campaignFields) === null || _a === void 0 ? void 0 : _a.filter((f) => overlays.isNumberField(f));
-    return (fields === null || fields === void 0 ? void 0 : fields.length) > 0 && (index.h("yoo-form-input-container", { field: { title: overlays.translate('YOOBICCHOOSEDURATIONFIELD') }, hideOptional: true }, index.h("yoo-form-autocomplete", { class: "duration-field inline", size: overlays.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$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) => {
         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) => overlays.isDateTimeField(f))) || ((_c = (_b = this.customModel) === null || _b === void 0 ? void 0 : _b.formFields) === null || _c === void 0 ? void 0 : _c.filter((f) => overlays.isDateTimeField(f)));
-    const durationFields = ((_d = this.campaignFields) === null || _d === void 0 ? void 0 : _d.filter((f) => overlays.isNumberField(f))) || ((_f = (_e = this.customModel) === null || _e === void 0 ? void 0 : _e.formFields) === null || _f === void 0 ? void 0 : _f.filter((f) => overlays.isNumberField(f)));
+    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)));
     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$1.CALENDAR_VIEW_IDS];
+    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: overlays.translate('VIEW'), useTranslate: true, dynamicOrdering: false, onInputChanged: (ev) => {
+    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) => {
         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" }, overlays.isWeb(this.host) && this.isCalendar() && this.hasResourceFields() && this.renderResourceFieldSelect(), overlays.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateFieldSelect(), overlays.isWeb(this.host) && this.isCalendar() && this.hasDateTimeFields() && this.renderDateEndFieldSelect(), overlays.isWeb(this.host) && this.isCalendar() && this.hasResourceDurationFields() && this.renderResourceDurationFieldSelect())));
+      }, 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())));
   }
   hasKanbanColumnFields() {
     var _a;
@@ -2595,7 +2594,7 @@ const YooGridComponent = class {
   }
   renderKanbanColumnFieldSelect() {
     var _a;
-    return (index.h("yoo-form-autocomplete", { class: "kanban-column-field inline", size: overlays.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: overlays.translate('CHOOSECOLUMNFIELD'), onFetchData: (ev) => ev.stopPropagation(), useTranslate: true, onInputChanged: (ev) => this.onKanbanColumnFieldChange(ev), dialogWidth: "200px" }));
+    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" }));
   }
   onKanbanColumnFieldChange(ev) {
     this.kanbanColumnField = ev.detail;
@@ -2617,7 +2616,7 @@ const YooGridComponent = class {
   renderEntityItems(header, headerIndex, lastItemIndex, baseIndex = 0) {
     var _a, _b, _c, _d, _e, _f, _g;
     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' ? overlays.translateMulti(header.text) : `${overlays.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$1.translateMulti(header.text) : `${index$1.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';
@@ -2647,7 +2646,7 @@ const YooGridComponent = 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 }, this.renderEntity(item, null, idx)), overlays.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 }, this.renderEntity(item, null, 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' }))));
       }));
     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' ?
@@ -2683,11 +2682,11 @@ const YooGridComponent = class {
         })
           .filter((i) => i.text);
         return [
-          headers.map((header, index$1, array) => {
+          headers.map((header, index$2, array) => {
             var _a;
-            const end = index$1 === array.length - 1 ? (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length : array[index$1 + 1].index;
+            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: overlays.isWeb(this.host), first: index$1 === 0 } }, index.h("span", { class: "divider-inner" }, header.text)),
+              index.h("yoo-ion-item-divider", { class: { web: index$1.isWeb(this.host), first: index$2 === 0 } }, index.h("span", { class: "divider-inner" }, header.text)),
               index.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" })))),
@@ -2739,11 +2738,11 @@ const YooGridComponent = class {
       };
       return [
         index.h("slot", { name: "header" }),
-        overlays.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay left ${this.extraClass}` }),
+        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", { 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),
-        overlays.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay right ${this.extraClass}` }),
+        index$1.isWeb(this.host) && this.entityType !== 'plans' && !this.withoutGradient && index.h("div", { class: `gradient-overlay right ${this.extraClass}` }),
         index.h("slot", { name: "after" })
       ];
     }
@@ -2771,7 +2770,7 @@ const YooGridComponent = class {
             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 && overlays.isWeb(this.host))
+          }, ref: (ev) => (this.ionListEl = ev) }, index.h("slot", { name: "header" }), this.hasSecondaryActions || (this.keepSelection && index$1.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))
@@ -2782,7 +2781,7 @@ const YooGridComponent = class {
       ];
     }
     else if ((this.isLoading || this.isLoading === undefined) && this.isFormField && !this.isLocal) {
-      return index.h("yoo-loader", { class: { autocomplete: !overlays.isWeb(this.host), absolute: true }, size: "large" });
+      return index.h("yoo-loader", { class: { autocomplete: !index$1.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
@@ -2790,13 +2789,13 @@ const YooGridComponent = class {
     }
     else if (!this.isFramed && !this.allowCustomTag && (this.direction !== 'horizontal' || this.emptyState)) {
       const isEmptyLivePreviewAutocomplete = ((_g = this.items) === null || _g === void 0 ? void 0 : _g.length) === 0 && this.host.classList.contains('live-preview-dropdown');
-      return this.hideEmptyState ? (index.h("slot", { name: "emptystate" })) : this.isAutoComplete && !this.allowCustomTag && this.isLoading && !isEmptyLivePreviewAutocomplete ? (index.h("yoo-loader", { class: { autocomplete: !overlays.isWeb(this.host), absolute: true }, size: "large" })) : ([index.h("slot", { name: "header" }), this.renderEmptyState()]);
+      return this.hideEmptyState ? (index.h("slot", { name: "emptystate" })) : 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.renderEmptyState()]);
     }
     else if (this.isFramed && !this.isCompact && !this.allowCustomTag) {
-      return this.isAutoComplete && !this.allowCustomTag && this.isLoading ? (index.h("yoo-loader", { class: { autocomplete: !overlays.isWeb(this.host), absolute: true }, size: "large" })) : (this.renderEmptyState());
+      return this.isAutoComplete && !this.allowCustomTag && this.isLoading ? (index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" })) : (this.renderEmptyState());
     }
     else if (this.allowCustomTag && !this.host.classList.contains('empty-tags') && !this.host.classList.contains('empty')) {
-      return index.h("yoo-loader", { class: { autocomplete: !overlays.isWeb(this.host), absolute: true }, size: "large" });
+      return index.h("yoo-loader", { class: { autocomplete: !index$1.isWeb(this.host), absolute: true }, size: "large" });
     }
   }
   renderVirtualScroll() {
@@ -2820,7 +2819,7 @@ const YooGridComponent = class {
     ];
   }
   renderColumns(entry, itemIndex) {
-    if (!this.columns || !this.columns.length || !overlays.isWeb(this.host)) {
+    if (!this.columns || !this.columns.length || !index$1.isWeb(this.host)) {
       return;
     }
     const hiddenColumnButtons = this.getColumnHeaderHiddenButtons();
@@ -2849,14 +2848,14 @@ const YooGridComponent = class {
   }
   renderAddNewTag() {
     var _a;
-    if (this.forceAddNewTag || (this.allowCustomTag && ((_a = this.searchText) === null || _a === void 0 ? void 0 : _a.length) && (this.entityType !== 'emails' || overlays.isEmail(this.searchText)) && (this.items ? this.items.length < 6 : null) && this.isNewTag())) {
+    if (this.forceAddNewTag || (this.allowCustomTag && ((_a = this.searchText) === null || _a === void 0 ? void 0 : _a.length) && (this.entityType !== 'emails' || index$1.isEmail(this.searchText)) && (this.items ? this.items.length < 6 : null) && this.isNewTag())) {
       const searchText = this.forceAddNewTag ? `"${this.addNewTagText}"` : `"${this.searchText}"`;
       return (searchText &&
-        searchText !== '""' && (index.h("div", { class: { 'empty-new-tag': true, 'add-tag-mobile': !overlays.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, size: overlays.isWeb(this.host) ? 'medium' : 'large', onClick: (ev) => this.onAddNewTag(ev) }, this.getAddTagButtonString())))));
+        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, size: index$1.isWeb(this.host) ? 'medium' : 'large', onClick: (ev) => this.onAddNewTag(ev) }, this.getAddTagButtonString())))));
     }
   }
   presentActionSheet(actions, item) {
-    overlays.showActionSheet(actions.map((a) => ({
+    index$1.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)
@@ -2874,21 +2873,21 @@ const YooGridComponent = class {
         '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)));
   }
-  renderItemWithMore(item, index$1) {
+  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$1), actions.length && !overlays.isWeb(this.host) && (index.h("div", { class: "more-container", onClick: () => this.presentActionSheet(actions, item) }, index.h("yoo-icon", { name: "more", color: "stable" }))), actions.length && overlays.isWeb(this.host) && (index.h("div", { class: "more-container" }, index.h("yoo-context-menu", { contentButtons: actions.map((a) => ({
+    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) => ({
         text: a.text(item),
         handler: () => a.handler(item)
       })), onClick: (ev) => ev.stopPropagation() }, index.h("yoo-icon", { name: "more", color: "stable" }))))));
   }
-  renderItemSliding(item, isLast = false, index$1) {
+  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 = overlays.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$1}` } : {};
+    const slidingType = index$1.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$1}`;
+    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 () => {
         await this.onItemSlidingDrag(item, itemSlidingId);
@@ -2897,21 +2896,21 @@ const YooGridComponent = class {
         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$1)), ((actions === null || actions === void 0 ? void 0 : actions.length) > 0 && !this.secondaryActionsDropdown) || (overlays.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.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: () => {
         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, visible: this.displayActionsOnCard, web: overlays.isWeb(this.host) }, onClick: () => this.onItemSelect(item) }, !overlays.isWeb(this.host) && (actions === null || actions === void 0 ? void 0 : actions.slice(0, hasMoreButton ? 2 : actions.length).map((action) => action && this.renderMobileItemOptionButtons(action, item))), !overlays.isWeb(this.host) && actions && hasMoreButton && (index.h("button", { class: "bg-stable-light", onClick: (ev) => {
+      } }, index.h("div", { class: { 'options-container': true, 'force-opacity': this.isSelectionMode || this.keepSelection, visible: this.displayActionsOnCard, 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) => {
         ev.stopPropagation();
         this.presentActionSheet(actions.slice(2), item);
-      } }, index.h("yoo-icon", { name: "more" }), index.h("span", { class: "text-action" }, overlays.translate('YOOBICMORE')))), overlays.isWeb(this.host) && this.renderWebItemOptionButtons(actions, item, index$1)), overlays.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.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));
   }
   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: overlays.translate(column.title),
+        text: index$1.translate(column.title),
         handler: () => {
           this.showColumn(column);
         }
@@ -2927,7 +2926,7 @@ const YooGridComponent = class {
   }
   hasColumnsHeader() {
     var _a, _b;
-    return (((_a = this.columns) === null || _a === void 0 ? void 0 : _a.length) || this.mainColumnHeader) && overlays.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$1.isWeb(this.host) && !((_b = this.extraClass) === null || _b === void 0 ? void 0 : _b.includes('hide-main-column-header'));
   }
   getLessonHighlight(item) {
     return item.highlighted;
@@ -2940,11 +2939,11 @@ const YooGridComponent = class {
       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
         ? ''
         : (this.isSelectionMode || this.isFormField ? (totalSelected >= 0 ? totalSelected.toLocaleString() + '/' : '') : '') +
-          (Math.max(totalSelected, this.total || 0).toLocaleString() + ' ')) + overlays.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$1.translate(this.mainColumnHeader)), index.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: overlays.translate(column.title) }))));
+          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" }))))));
     }
   }
@@ -2967,7 +2966,7 @@ const YooGridComponent = class {
       } }, index.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 : overlays.translate(action.text(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)))));
   }
   renderWebItemOptionButtons(actions, item, index$1) {
     const maxDisplay = this.displayActionsOnCard ? 3 : 2;
@@ -2998,7 +2997,7 @@ const YooGridComponent = class {
     return (index.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" }, overlays.translate(action.text(item))) : null));
+      }, 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));
   }
   onItemOptionSelect(action, item, ev) {
     if (ev) {
@@ -3008,13 +3007,13 @@ const YooGridComponent = class {
       action.handler(item);
     }
     if (this.useVirtualScroll()) {
-      overlays.dispatchCustomEvent('itemHeightUpdated', ev === null || ev === void 0 ? void 0 : ev.srcElement);
+      index$1.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)));
   }
-  renderEntity(item, isLast = false, index$1) {
+  renderEntity(item, isLast = false, index$2) {
     var _a, _b, _c, _d;
     const content = (index.h("div", { key: this.displayType === 'card-media' ? item[this.idAttributeName || '_id'] : undefined, class: {
         'entity-inner-container': true,
@@ -3030,7 +3029,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$1, entityMapping: this.entityMapping, onViewMoreToggled: (ev) => {
+      } }, 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$2, entityMapping: this.entityMapping, onViewMoreToggled: (ev) => {
         ev.stopPropagation();
         this.viewMoreToggled.emit(item);
       }, onMediaSelected: (ev) => {
@@ -3053,7 +3052,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') || ((_c = this.extraClass) === null || _c === void 0 ? void 0 : _c.includes('show-bookmark')),
-        'no-border': overlays.isWeb(this.host) && !this.isFramed,
+        'no-border': index$1.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'),
@@ -3063,8 +3062,8 @@ const YooGridComponent = class {
         'table': this.host.classList.contains('table'),
         'block': this.host.classList.contains('radio-button-choice')
       }, 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, unreadCounts: this.unreadCounts, playerCommand: this.currentActivePlayerId, secondaryActionsDropdown: this.secondaryActionsDropdown, selected: this.isSelected(item), valuesColor: (_d = this.valuesColor) === null || _d === void 0 ? void 0 : _d.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 (overlays.isWeb(this.host) && this.columns && this.columns.length) {
-      return this.renderEntityWithColumns(item, content, index$1);
+    if (index$1.isWeb(this.host) && this.columns && this.columns.length) {
+      return this.renderEntityWithColumns(item, content, index$2);
     }
     return content;
   }
@@ -3073,11 +3072,11 @@ const YooGridComponent = class {
     return ((!this.isLocal || ((_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.length) < ((_b = this.items) === null || _b === void 0 ? void 0 : _b.length)) &&
       !this.isFramed &&
       this.entityType !== 'googlemaps' &&
-      (this.loadMoreButton ? (index.h("yoo-button", { fill: "transparent", color: "text-color", animated: false, onClick: () => this.onInfiniteScroll() }, overlays.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.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)))));
   }
   renderPlaceholders() {
     if (this.direction === 'horizontal') {
-      return (index.h("yoo-ion-scroll", { class: { horizontal: true, relative: !overlays.isFirefox() } }, index.h("div", { class: 'entity-placeholder ' + this.extraClass }, this.renderPlaceholderContent(true))));
+      return (index.h("yoo-ion-scroll", { class: { horizontal: true, relative: !index$1.isFirefox() } }, index.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())));
@@ -3105,12 +3104,12 @@ const YooGridComponent = class {
   renderGlobalActions() {
     const numberOfSelectedItems = this.getSelectionCount();
     if (numberOfSelectedItems > 0) {
-      const message = overlays.translate(numberOfSelectedItems === 1 ? 'SELECTEDITEMSSINGLE' : 'SELECTEDITEMS', { n: '' });
+      const message = index$1.translate(numberOfSelectedItems === 1 ? 'SELECTEDITEMSSINGLE' : 'SELECTEDITEMS', { n: '' });
       const extraButtons = [
         ...(this.globalActions || []),
         {
           icon: () => 'cross',
-          text: () => overlays.translate('CLOSE'),
+          text: () => index$1.translate('CLOSE'),
           handler: () => {
             this.clearSelection(true);
             this.updateSelectAll(false);
@@ -3134,7 +3133,7 @@ const YooGridComponent = class {
       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': !overlays.isWeb(this.host) && !overlays.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()))
+        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());
   }
   updateMainProgress() {
@@ -3147,21 +3146,21 @@ const YooGridComponent = class {
   }
   renderBase() {
     var _a, _b, _c, _d, _e;
-    const renderEntityTags = (!overlays.isWeb(this.host) || (this.gridIsExpanded && (((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_c = (_b = this.model) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0))) &&
+    const renderEntityTags = (!index$1.isWeb(this.host) || (this.gridIsExpanded && (((_a = this.tags) === null || _a === void 0 ? void 0 : _a.length) > 0 || ((_c = (_b = this.model) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.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 || ((_d = this.tags) === null || _d === void 0 ? void 0 : _d.length) === 0, 'form-radio-operators': this.showFormRadio } }, this.showFormRadio && this.renderDropdownFormRadio(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && index.h("slot", { name: "header" }), (((_e = this.columns) === null || _e === void 0 ? void 0 : _e.length) || this.mainColumnHeader) && !this.isAgGrid() && !this.isCalendar() && overlays.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())),
-      overlays.isWeb(this.host) && this.showGlobalActions && this.isSelectionMode && this.renderGlobalActions()
+      index.h("div", { ref: (el) => (this.containerBase = el), class: this.getClassList() }, this.showAutocompleteHeader ? (index.h("div", { class: { 'dropdown-header': true, 'no-tags': !renderEntityTags || ((_d = this.tags) === null || _d === void 0 ? void 0 : _d.length) === 0, 'form-radio-operators': this.showFormRadio } }, this.showFormRadio && this.renderDropdownFormRadio(), this.renderHeader(renderEntityTags), this.renderDynamicOrderingHeader(), this.renderFilesIcons())) : ([this.renderHeader(renderEntityTags), this.renderFilesIcons()]), this.isKanban() && index.h("slot", { name: "header" }), (((_e = this.columns) === null || _e === void 0 ? void 0 : _e.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()
     ];
   }
   renderTile() {
-    return (index.h("yoo-widget-tile", { layout: "layout6x6", text: overlays.translate(this.heading), onClick: () => this.onHeadingClick() }, this.isWidget && overlays.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.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 })));
   }
   renderBaseFramed() {
-    return (index.h("div", { ref: (el) => (this.frameContainerEl = el), class: { 'frame-container': true, web: overlays.isWeb(this.host) } }, this.frameSize !== 'small' && this.renderBase(), this.frameSize === 'small' && this.renderTile()));
+    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()));
   }
   render() {
     var _a;