@yoobic/yobi 8.2.2 → 8.3.0-2

package/dist/cjs/yoo-form-autocomplete-dialog.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
-require('./index-fc264952.js');
+require('./index-de8540eb.js');
 
 const formAutocompleteDialogCss = ":host .outer-container{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;height:100%}:host .outer-container yoo-swipe-container{--swiper-background:transparent}:host .outer-container yoo-grid{--container-min-height:100%}:host .outer-container .content{position:relative;height:calc(100% - 44px)}:host .outer-container .content yoo-ion-scroll{top:auto;height:100%;-webkit-transition:0.3s;transition:0.3s}:host(:not(.fullscreen):not(.modal-view)){border-top-left-radius:1rem;border-top-right-radius:1rem}:host(:not(.fullscreen):not(.modal-view)) yoo-grid{--empty-state-height:6.25rem}:host(.mobile) yoo-grid{--empty-state-height:8.125rem}:host(.web){position:absolute;max-height:25rem;-webkit-box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1));box-shadow:var(--shadow-04, 0 0.75rem 1.5rem 0 rgba(0, 0, 0, 0.1))}:host(.web) .web-dialog-container{bottom:0;height:auto;min-height:5.375rem;max-height:inherit;background:var(--light, #ffffff)}:host(.web) .web-dialog-container yoo-ion-scroll{position:relative;min-width:17.5rem;height:auto;min-height:5.375rem;max-height:inherit;overflow-y:auto;contain:unset}:host(.expanded){position:relative}:host(.expanded) yoo-ion-scroll{position:relative}:host(.expanded) .expanded-dialog-container{display:grid;grid-template-rows:3.5rem auto 3.5rem;height:100%}:host(.expanded) .expanded-footer{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;border-top:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.expanded) .expanded-footer yoo-button{width:4.125rem}:host(.expanded) .expanded-web-dialog-container{height:100%;-webkit-box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));box-shadow:var(--web-shadow, 0 0.3125rem 0.8125rem 0 rgba(40, 47, 54, 0.08));-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}:host(.expanded) .header-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:distribute;justify-content:space-around;border-bottom:var(--border-width-01, 0.0625rem) solid var(--stable-light, #f1f1f1)}:host(.expanded) .header-container .expanded-grid-title{width:100%;font-weight:bold;text-align:center}:host(.expanded) .expanded-footer,:host(.expanded) .header-container{padding:0 var(--spacing-16, 1rem)}:host(.modal-view:not(.half)) yoo-swipe-container{--swiper-background:var(--light, #ffffff);--wrapper-border-radius:0}:host([placement=below]){top:0}:host([placement=above]){bottom:0}";
 
@@ -66,13 +67,13 @@ const YooFormAutocompleteDialogComponent = class {
       plans: ['SELECTCOURSE', 'SELECTCOURSES', 'SELECTEDCOURSE', 'SELECTEDCOURSES']
     };
     this.onKeyboardWillShow = lodash.debounce((event) => {
-      if (event && !index$1.isAndroid()) {
+      if (event && !overlays.isAndroid()) {
         const scrollSpacerHeight = event.keyboardHeight;
         this.setScrollSpacerHeight(scrollSpacerHeight);
       }
     }, 500);
     this.onKeyboardWillHide = () => {
-      if (!index$1.isAndroid()) {
+      if (!overlays.isAndroid()) {
         this.setScrollSpacerHeight();
       }
     };
@@ -114,11 +115,11 @@ const YooFormAutocompleteDialogComponent = class {
   componentWillLoad() {
     var _a, _b;
     this.halfDialogHeight = window.innerHeight / 2;
-    if ((!this.isLocal && (!this.values || (this.values && this.values.length === 0))) || index$1.isWeb(this.host)) {
+    if ((!this.isLocal && (!this.values || (this.values && this.values.length === 0))) || overlays.isWeb(this.host)) {
       this.initialLoadComplete = false;
     }
     else {
-      this.initialLoadComplete = !(!index$1.isWeb(this.host) && this.isLocal && (this.values || this.values.length === 0));
+      this.initialLoadComplete = !(!overlays.isWeb(this.host) && this.isLocal && (this.values || this.values.length === 0));
     }
     if (((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) > 0) {
       this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
@@ -133,7 +134,7 @@ const YooFormAutocompleteDialogComponent = class {
     this.onValueChanged();
   }
   componentDidLoad() {
-    if (index$1.isNativeMobile()) {
+    if (overlays.isNativeMobile()) {
       this.keyboardWillShowListener = this.onKeyboardWillShow.bind(this);
       window.addEventListener('keyboardWillShow', this.keyboardWillShowListener);
       this.keyboardWillHideListener = lodash.debounce(this.onKeyboardWillHide, 500).bind(this);
@@ -142,13 +143,13 @@ const YooFormAutocompleteDialogComponent = class {
     this.initialLoadComplete = true;
   }
   disconnectedCallback() {
-    if (index$1.isNativeMobile()) {
+    if (overlays.isNativeMobile()) {
       window.removeEventListener('keyboardWillShow', this.keyboardWillShowListener);
       window.removeEventListener('keyboardWillHide', this.keyboardWillHideListener);
     }
   }
   get isFromFormModal() {
-    const parentModal = index$1.findParent(this.host, 'yoo-ion-modal');
+    const parentModal = overlays.findParent(this.host, 'yoo-ion-modal');
     return !!(parentModal && parentModal.previousElementSibling);
   }
   get isInModal() {
@@ -172,7 +173,7 @@ const YooFormAutocompleteDialogComponent = class {
   }
   onExpandGrid() {
     this.gridIsExpanded = true;
-    index$1.showModal(this.host, { height: 'medium' }, 'visible-overflow ', index$1.getModalAnimation('Enter', 'Y'), index$1.getModalAnimation('Leave', 'Y'), true).then(() => {
+    overlays.showModal(this.host, { height: 'medium' }, 'visible-overflow ', overlays.getModalAnimation('Enter', 'Y'), overlays.getModalAnimation('Leave', 'Y'), true).then(() => {
       var _a;
       (_a = document.querySelector('yoo-ion-modal:last-child')) === null || _a === void 0 ? void 0 : _a.remove();
       this.gridIsExpanded = false;
@@ -237,13 +238,13 @@ const YooFormAutocompleteDialogComponent = class {
       this.host.setAttribute('style', 'transition: 0.3s; height: 0;');
     }
     setTimeout(() => {
-      index$1.closeModal(valueToSend, this.host);
+      overlays.closeModal(valueToSend, this.host);
     }, ANIMATION_DURATION);
   }
   async onItemSelect(ev) {
     ev.stopPropagation();
     if (this.returnQuery) {
-      if (index$1.isWeb(this.host)) {
+      if (overlays.isWeb(this.host)) {
         this.grid.getQuery().then((ret) => {
           this.value = ret;
           this.updateQuery.emit(ret);
@@ -254,11 +255,11 @@ const YooFormAutocompleteDialogComponent = class {
       if (ev.detail !== undefined) {
         this.value = ev.detail;
       }
-      if (index$1.isWeb(this.host)) {
+      if (overlays.isWeb(this.host)) {
         this.updateSelection.emit(this.value);
       }
       if (!this.multiple) {
-        await index$1.closeModal(this.value, this.host);
+        await overlays.closeModal(this.value, this.host);
       }
     }
   }
@@ -273,7 +274,7 @@ const YooFormAutocompleteDialogComponent = class {
   onSortsAndFiltersChange(ev) {
     ev.stopPropagation();
     this.sortsAndFiltersChange.emit(ev.detail);
-    if (this.returnQuery && index$1.isWeb(this.host)) {
+    if (this.returnQuery && overlays.isWeb(this.host)) {
       this.grid.getQuery().then((ret) => {
         this.updateQuery.emit(ret);
       });
@@ -310,7 +311,7 @@ const YooFormAutocompleteDialogComponent = class {
         translateParams['n'] = this.entityType !== 'groups' ? selection.length : groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.length;
       }
     }
-    return index$1.translate(titleBtf, translateParams);
+    return overlays.translate(titleBtf, translateParams);
   }
   onSearchInputValue(ev) {
     if (this.allowCustomTag || this.allowCustomValue || this.tag) {
@@ -320,9 +321,9 @@ const YooFormAutocompleteDialogComponent = class {
   addNewTag(ev) {
     ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
     const newItem = ev.detail;
-    if (index$1.isWeb(this.host)) {
+    if (overlays.isWeb(this.host)) {
       this.customTagAdded.emit(newItem);
-      index$1.closeModal(null);
+      overlays.closeModal(null);
     }
     else {
       if (this.multiple) {
@@ -347,7 +348,7 @@ const YooFormAutocompleteDialogComponent = class {
     ev.stopPropagation();
     this.currentSelectedTags = ev.detail;
     this.tagsSelect.emit(ev.detail);
-    if (this.returnQuery && index$1.isWeb(this.host)) {
+    if (this.returnQuery && overlays.isWeb(this.host)) {
       this.grid.getQuery().then((ret) => {
         this.updateQuery.emit(ret);
       });
@@ -359,8 +360,8 @@ const YooFormAutocompleteDialogComponent = class {
     }
   }
   onHostClicked() {
-    if (index$1.isWeb(this.host)) {
-      index$1.closeModal(null);
+    if (overlays.isWeb(this.host)) {
+      overlays.closeModal(null);
     }
   }
   showSearchOrTags() {
@@ -368,38 +369,38 @@ const YooFormAutocompleteDialogComponent = class {
     return (!this.forceHideSearch && this.initialValueLength > minValuesForSearch) || this.allowCustomTag || this.allowCustomValue;
   }
   renderHeader() {
-    return (index.h("yoo-swipe-container", { pan: true, onPanned: (ev) => this.onPanned(ev) }, index.h("yoo-navbar", { swipeable: !this.fullscreen, class: { 'no-shadow': this.showSearchOrTags() } }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "text-color" }))), index.h("yoo-truncated-line", { onClick: () => this.onHeaderClick(), content: this.initialLoadComplete && this.getDialogTitle() }), index.h("yoo-items", { slot: "end", onClick: (ev) => this.onSave(ev) }, this.multiple && (index.h("yoo-button", { color: "app-color", fill: "transparent", animated: false }, index$1.translate('YOOBICDONE')))))));
+    return (index.h("yoo-swipe-container", { pan: true, onPanned: (ev) => this.onPanned(ev) }, index.h("yoo-navbar", { swipeable: !this.fullscreen, class: { 'no-shadow': this.showSearchOrTags() } }, index.h("yoo-items", { slot: "start" }, index.h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() }, index.h("yoo-icon", { name: "close", color: "text-color" }))), index.h("yoo-truncated-line", { onClick: () => this.onHeaderClick(), content: this.initialLoadComplete && this.getDialogTitle() }), index.h("yoo-items", { slot: "end", onClick: (ev) => this.onSave(ev) }, this.multiple && (index.h("yoo-button", { color: "app-color", fill: "transparent", animated: false }, overlays.translate('YOOBICDONE')))))));
   }
   renderExpandedGrid() {
     var _a;
     const dynamicOrdering = this.dynamicOrdering !== false;
     return (index.h("yoo-grid", { ref: (el) => (this.expandedGridElement = el), class: {
         'expanded-grid': true,
-        'no-margin autocomplete': index$1.isWeb(this.host),
+        'no-margin autocomplete': overlays.isWeb(this.host),
         'autocomplete-selection-mode': true
-      }, items: this.values, pageSize: this.pageSize, selectedTags: this.currentSelectedTags, dynamicOrdering: dynamicOrdering, showAutocompleteHeader: this.showHeader || dynamicOrdering, keepSelection: true, multiple: this.multiple, displayType: this.displayType, displayTypes: this.displayType === 'card-cell' || this.entityType === 'files' ? ['card-cell', 'card-list'] : null, collectionName: this.collectionName, entityType: this.getEntityType(), hideHeader: index$1.isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: !this.forceHideSearch, forceHideSearch: this.forceHideSearch, customModel: this.customModel, isLocal: this.isLocal, useTranslate: this.useTranslate, initialSelection: this.returnQuery ? null : this.value, onSelected: (ev) => this.onItemSelect(ev), onRemoved: (ev) => this.onItemSelect(ev), onSelectallToggled: (ev) => this.onItemSelect(ev), onFetchData: (ev) => this.onFetchGridData(ev), onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), allowCustomTag: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags, idOnly: this.idOnly || this.allowCustomTag || this.tag, idAttributeName: this.idAttributeName || '_id', onSearchInputEnterPressed: (ev) => this.onSearchInputValue(ev), onAddNewTagPressed: (ev) => this.addNewTag(ev), searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags ? index$1.translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : index$1.translate('SEARCH'), emptyState: this.emptyState || this.entityType, tags: this.tags, model: this.model, maxSelectionNumber: this.max, hideAdvancedFilters: !this.gridIsExpanded, showFilters: this.gridIsExpanded, onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, isLoading: this.isLoading, clearTags: this.clearTags, extraClass: this.extraClass, isAutoComplete: true, addNewTagText: this.entityType === 'emails' ? index$1.translate('ADDNEWEMAIL') : null, idOnlyInitialSelection: this.idOnlyInitialSelection, hideRefreshButton: true, disableSingleDeselection: this.disableSingleDeselection, gridIsExpanded: this.gridIsExpanded, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_a = this.value) === null || _a === void 0 ? void 0 : _a.sortsAndFilters : null, showFormRadio: this.isFilter, selectedFilterOperator: this.selectedFilterOperator, onFormRadioToggled: (ev) => this.onFilterRadioToggled(ev), gridExtraOptions: this.gridExtraOptions, secondaryActions: this.secondaryActions, origin: this.origin, infiniteScrollDisabled: this.infiniteScrollDisabled, onCurrentPageChanged: ({ detail }) => (this.currentPageChanged.emit(detail)) }));
+      }, items: this.values, pageSize: this.pageSize, selectedTags: this.currentSelectedTags, dynamicOrdering: dynamicOrdering, showAutocompleteHeader: this.showHeader || dynamicOrdering, keepSelection: true, multiple: this.multiple, displayType: this.displayType, displayTypes: this.displayType === 'card-cell' || this.entityType === 'files' ? ['card-cell', 'card-list'] : null, collectionName: this.collectionName, entityType: this.getEntityType(), hideHeader: overlays.isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: !this.forceHideSearch, forceHideSearch: this.forceHideSearch, customModel: this.customModel, isLocal: this.isLocal, useTranslate: this.useTranslate, initialSelection: this.returnQuery ? null : this.value, onSelected: (ev) => this.onItemSelect(ev), onRemoved: (ev) => this.onItemSelect(ev), onSelectallToggled: (ev) => this.onItemSelect(ev), onFetchData: (ev) => this.onFetchGridData(ev), onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), allowCustomTag: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags, idOnly: this.idOnly || this.allowCustomTag || this.tag, idAttributeName: this.idAttributeName || '_id', onSearchInputEnterPressed: (ev) => this.onSearchInputValue(ev), onAddNewTagPressed: (ev) => this.addNewTag(ev), searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags ? overlays.translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : overlays.translate('SEARCH'), emptyState: (this.emptyState || this.entityType), tags: this.tags, model: this.model, maxSelectionNumber: this.max, hideAdvancedFilters: !this.gridIsExpanded, showFilters: this.gridIsExpanded, onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, isLoading: this.isLoading, clearTags: this.clearTags, extraClass: this.extraClass, isAutoComplete: true, addNewTagText: this.entityType === 'emails' ? overlays.translate('ADDNEWEMAIL') : null, idOnlyInitialSelection: this.idOnlyInitialSelection, hideRefreshButton: true, disableSingleDeselection: this.disableSingleDeselection, gridIsExpanded: this.gridIsExpanded, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_a = this.value) === null || _a === void 0 ? void 0 : _a.sortsAndFilters : null, showFormRadio: this.isFilter, selectedFilterOperator: this.selectedFilterOperator, onFormRadioToggled: (ev) => this.onFilterRadioToggled(ev), gridExtraOptions: this.gridExtraOptions, secondaryActions: this.secondaryActions, origin: this.origin, infiniteScrollDisabled: this.infiniteScrollDisabled, onCurrentPageChanged: ({ detail }) => (this.currentPageChanged.emit(detail)) }));
   }
   renderGrid() {
     var _a, _b;
     const dynamicOrdering = this.dynamicOrdering !== false;
     return (index.h("yoo-grid", { ref: (el) => (this.gridElement = el), class: {
         'no-text-break': true,
-        half: !index$1.isWeb(this.host) && !this.fullscreen,
-        'no-margin autocomplete': index$1.isWeb(this.host),
+        half: !overlays.isWeb(this.host) && !this.fullscreen,
+        'no-margin autocomplete': overlays.isWeb(this.host),
         'autocomplete-selection-mode': true,
         'empty-tags': ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0 && this.allowCustomTag
-      }, items: this.values, pageSize: this.pageSize, selectedTags: this.currentSelectedTags, dynamicOrdering: dynamicOrdering, showAutocompleteHeader: this.showHeader || dynamicOrdering, keepSelection: true, multiple: this.multiple, displayType: this.displayType, displayTypes: this.displayType === 'card-cell' || this.entityType === 'files' ? ['card-cell', 'card-list'] : null, collectionName: this.collectionName, entityType: this.getEntityType(), hideHeader: index$1.isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: this.tag || this.showSearchOrTags(), forceHideSearch: this.forceHideSearch, customModel: this.customModel, isLocal: this.isLocal, useTranslate: this.useTranslate, onGridExpanded: () => this.onExpandGrid(), initialSelection: this.returnQuery ? null : this.value, onSelected: (ev) => this.onItemSelect(ev), onRemoved: (ev) => this.onItemSelect(ev), onFetchData: (ev) => this.onFetchGridData(ev), onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), allowCustomTag: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags, idOnly: this.idOnly || this.allowCustomTag || this.tag, idAttributeName: this.idAttributeName || '_id', onSearchInputEnterPressed: (ev) => this.onSearchInputValue(ev), onAddNewTagPressed: (ev) => this.addNewTag(ev), searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags ? index$1.translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : index$1.translate('SEARCH'), emptyState: this.emptyState || this.entityType, tags: this.tags, model: this.model, maxSelectionNumber: this.max, hideAdvancedFilters: !this.model, showFilters: !this.tag && !this.hideTags && !this.isLocal && !index$1.isWeb(this.host) && this.showSearchOrTags(), onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, isLoading: this.isLoading, clearTags: this.clearTags, extraClass: this.extraClass, isAutoComplete: true, addNewTagText: this.entityType === 'emails' ? index$1.translate('ADDNEWEMAIL') : null, idOnlyInitialSelection: this.idOnlyInitialSelection, hideRefreshButton: true, disableSingleDeselection: this.disableSingleDeselection, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_b = this.value) === null || _b === void 0 ? void 0 : _b.sortsAndFilters : null, showFormRadio: this.isFilter, selectedFilterOperator: this.selectedFilterOperator, onFormRadioToggled: (ev) => this.onFilterRadioToggled(ev), secondaryActions: this.secondaryActions, origin: this.origin, infiniteScrollDisabled: this.infiniteScrollDisabled, onCurrentPageChanged: ({ detail }) => (this.currentPageChanged.emit(detail)) }));
+      }, items: this.values, pageSize: this.pageSize, selectedTags: this.currentSelectedTags, dynamicOrdering: dynamicOrdering, showAutocompleteHeader: this.showHeader || dynamicOrdering, keepSelection: true, multiple: this.multiple, displayType: this.displayType, displayTypes: this.displayType === 'card-cell' || this.entityType === 'files' ? ['card-cell', 'card-list'] : null, collectionName: this.collectionName, entityType: this.getEntityType(), hideHeader: overlays.isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: this.tag || this.showSearchOrTags(), forceHideSearch: this.forceHideSearch, customModel: this.customModel, isLocal: this.isLocal, useTranslate: this.useTranslate, onGridExpanded: () => this.onExpandGrid(), initialSelection: this.returnQuery ? null : this.value, onSelected: (ev) => this.onItemSelect(ev), onRemoved: (ev) => this.onItemSelect(ev), onFetchData: (ev) => this.onFetchGridData(ev), onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), allowCustomTag: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags, idOnly: this.idOnly || this.allowCustomTag || this.tag, idAttributeName: this.idAttributeName || '_id', onSearchInputEnterPressed: (ev) => this.onSearchInputValue(ev), onAddNewTagPressed: (ev) => this.addNewTag(ev), searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue || this.tag) && !this.forceDisableCustomTags ? overlays.translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : overlays.translate('SEARCH'), emptyState: (this.emptyState || this.entityType), tags: this.tags, model: this.model, maxSelectionNumber: this.max, hideAdvancedFilters: !this.model, showFilters: !this.tag && !this.hideTags && !this.isLocal && !overlays.isWeb(this.host) && this.showSearchOrTags(), onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, isLoading: this.isLoading, clearTags: this.clearTags, extraClass: this.extraClass, isAutoComplete: true, addNewTagText: this.entityType === 'emails' ? overlays.translate('ADDNEWEMAIL') : null, idOnlyInitialSelection: this.idOnlyInitialSelection, hideRefreshButton: true, disableSingleDeselection: this.disableSingleDeselection, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_b = this.value) === null || _b === void 0 ? void 0 : _b.sortsAndFilters : null, showFormRadio: this.isFilter, selectedFilterOperator: this.selectedFilterOperator, onFormRadioToggled: (ev) => this.onFilterRadioToggled(ev), secondaryActions: this.secondaryActions, origin: this.origin, infiniteScrollDisabled: this.infiniteScrollDisabled, onCurrentPageChanged: ({ detail }) => (this.currentPageChanged.emit(detail)) }));
   }
   renderMobileContent() {
-    return (index.h("div", { class: "outer-container" }, this.renderHeader(), index.h("yoo-ion-content", { class: "bg-light", forceOverscroll: false }, index.h("yoo-ion-refresher", { ref: (el) => (this.refresher = el), slot: "fixed", onIonRefresh: () => this.onPullToRefresh(), disabled: this.isLocal }, index.h("yoo-ion-refresher-content", { pullingText: index$1.translate('PULLTOREFRESH') }, " ")), this.initialLoadComplete && this.renderGrid())));
+    return (index.h("div", { class: "outer-container" }, this.renderHeader(), index.h("yoo-ion-content", { class: "bg-light", forceOverscroll: false }, index.h("yoo-ion-refresher", { ref: (el) => (this.refresher = el), slot: "fixed", onIonRefresh: () => this.onPullToRefresh(), disabled: this.isLocal }, index.h("yoo-ion-refresher-content", { pullingText: overlays.translate('PULLTOREFRESH') }, " ")), this.initialLoadComplete && this.renderGrid())));
   }
   renderWebContent() {
     const isExpanded = this.gridIsExpanded; //  || !this.initialLoadComplete;
     const grid = (index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, isExpanded ? this.renderExpandedGrid() : this.renderGrid()));
-    return (index.h("div", { class: { 'web-dialog-container': !this.gridIsExpanded, 'expanded-web-dialog-container': this.gridIsExpanded } }, this.showHeaderWeb && this.renderHeader(), isExpanded ? (index.h("div", { class: "expanded-dialog-container" }, index.h("div", { class: "header-container" }, index.h("yoo-button", { color: "stable", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.closeModal(this.selection) }, index.h("yoo-icon", { name: "close", color: "stable" })), index.h("div", { class: "expanded-grid-title" }, `${this.getDialogTitle()}`)), grid, index.h("div", { class: "expanded-footer" }, index.h("yoo-button", { shape: "rectangular", fill: "solid", rippleType: "unbounded", color: "app-color", onClick: () => this.closeModal(this.selection) }, index$1.translate('YOOBICDONE'))))) : (grid)));
+    return (index.h("div", { class: { 'web-dialog-container': !this.gridIsExpanded, 'expanded-web-dialog-container': this.gridIsExpanded } }, this.showHeaderWeb && this.renderHeader(), isExpanded ? (index.h("div", { class: "expanded-dialog-container" }, index.h("div", { class: "header-container" }, index.h("yoo-button", { color: "stable", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.closeModal(this.selection) }, index.h("yoo-icon", { name: "close", color: "stable" })), index.h("div", { class: "expanded-grid-title" }, `${this.getDialogTitle()}`)), grid, index.h("div", { class: "expanded-footer" }, index.h("yoo-button", { shape: "rectangular", fill: "solid", rippleType: "unbounded", color: "app-color", onClick: () => this.closeModal(this.selection) }, overlays.translate('YOOBICDONE'))))) : (grid)));
   }
   render() {
-    return (index.h(index.Host, { class: { 'expanded': this.gridIsExpanded, ...commonHelpers.getAppContext(this.host) }, onClick: () => this.onHostClicked() }, index$1.isWeb(this.host) ? this.renderWebContent() : this.renderMobileContent()));
+    return (index.h(index.Host, { class: { 'expanded': this.gridIsExpanded, ...commonHelpers.getAppContext(this.host) }, onClick: () => this.onHostClicked() }, overlays.isWeb(this.host) ? this.renderWebContent() : this.renderMobileContent()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/yoo-form-autocomplete.cjs.entry.js

@@ -2,12 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-c8609d4f.js');
-const index$2 = require('./index-fc264952.js');
-const index$1 = require('./index-f3d7c03d.js');
+const index = require('./index-e182c32d.js');
+const index$1 = require('./index-de8540eb.js');
+require('./index-1fdbd9b3.js');
 const lodash = require('./lodash-597bda6d.js');
-const commonHelpers = require('./common-helpers-6970c46c.js');
-const formInputHelpers = require('./form-input-helpers-a04f76d2.js');
+const commonHelpers = require('./common-helpers-a4efe957.js');
+const formInputHelpers = require('./form-input-helpers-a2843dc0.js');
+const overlays = require('./overlays-b6c94fc8.js');
 require('./_commonjsHelpers-94df2ea7.js');
 
 const formAutocompleteCss = ":host{--input-arrow-icon-color:var(--dark, #000000);--input-background-color:var(--light, #ffffff);--input-border-color:var(--stable-alt, #d0d0d0);--input-text-color:var(--dark, #000000);outline:none}:host yoo-truncate{--max-lines:2}:host yoo-grid{--empty-state-height:8.125rem}:host yoo-icon[name=arrow-down],:host yoo-icon[name=arrow-up]{fill:var(--input-arrow-icon-color)}:host yoo-entity{--card-list-simple-color:var(--input-text-color)}:host .outer-container,:host .readonly{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1;flex:1;-ms-flex-direction:column;flex-direction:column;overflow:hidden}:host .outer-container .comma-separator,:host .readonly .comma-separator{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container,:host .readonly .input-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;width:100%;background-color:var(--input-background-color);border:var(--border-width-01, 0.0625rem) solid var(--input-border-color);border-radius:var(--border-radius-08, 0.5rem)}:host .outer-container .input-container.no-border,:host .readonly .input-container.no-border{border:none}:host .outer-container .input-container .icon-container,:host .readonly .input-container .icon-container{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;color:var(--dark, #000000)}:host .outer-container .input-container .icon-container .icon-prefix,:host .outer-container .input-container .icon-container .icon-suffix,:host .outer-container .input-container .icon-container .icon-suffix-focus,:host .outer-container .input-container .icon-container .icon-close,:host .readonly .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-suffix,:host .readonly .input-container .icon-container .icon-suffix-focus,:host .readonly .input-container .icon-container .icon-close{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;padding:var(--spacing-08, 0.5rem);font-size:var(--icon-size-02, 1.5rem)}:host .outer-container .input-container .icon-container .icon-prefix,:host .readonly .input-container .icon-container .icon-prefix{-ms-flex-pack:center;justify-content:center;color:var(--dark, #000000)}:host .outer-container .input-container .icon-container yoo-loader,:host .readonly .input-container .icon-container yoo-loader{margin-right:var(--spacing-08, 0.5rem)}:host .outer-container .input-container .icon-container .icon-suffix .avatar-count,:host .readonly .input-container .icon-container .icon-suffix .avatar-count{position:absolute;top:50%;font-size:var(--font-size-16, 1rem);-webkit-transform:translateY(-50%);transform:translateY(-50%)}:host .outer-container .input-container .icon-container .icon-suffix.relative,:host .readonly .input-container .icon-container .icon-suffix.relative{position:relative;padding-right:0;padding-left:0}:host .outer-container .input-container .icon-container .icon-suffix .input-file,:host .readonly .input-container .icon-container .icon-suffix .input-file{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;opacity:0}:host .outer-container .entity-content,:host .readonly .entity-content{-ms-flex:1;flex:1;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-right:var(--spacing-08, 0.5rem);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-content.list,:host .readonly .entity-content.list{-ms-flex-direction:column;flex-direction:column}:host .outer-container .entity-content.placeholder,:host .readonly .entity-content.placeholder{padding-bottom:0}:host .outer-container .entity-content yoo-entity,:host .readonly .entity-content yoo-entity{padding:0.3125rem;padding-left:0;background:transparent}:host .outer-container .entity-content:not(.icon-prefix),:host .readonly .entity-content:not(.icon-prefix){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-content.unselected,:host .readonly .entity-content.unselected{color:var(--text-color, #807f83)}:host .outer-container .entity-container,:host .readonly .entity-container{-ms-flex:1;flex:1;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}:host .outer-container .entity-container:not(.prefix):not(.no-padding),:host .readonly .entity-container:not(.prefix):not(.no-padding){padding-left:var(--spacing-08, 0.5rem)}:host .outer-container .entity-container.flex-unset,:host .readonly .entity-container.flex-unset{-ms-flex:unset;flex:unset}:host .outer-container .entity-container .single-entity-container,:host .readonly .entity-container .single-entity-container{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .outer-container .entity-container .single-entity-container .operator-container,:host .readonly .entity-container .single-entity-container .operator-container{padding-right:var(--spacing-04, 0.25rem);font-size:var(--font-size-14, 0.875rem)}:host .outer-container .items-container,:host .outer-container .empty-new-tag,:host .readonly .items-container,:host .readonly .empty-new-tag{position:absolute !important;top:3rem;left:0;z-index:3;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;background-color:var(--light, #ffffff);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));opacity:0;-webkit-transition:0.2s;transition:0.2s;}:host .outer-container .items-container::-webkit-scrollbar,:host .outer-container .empty-new-tag::-webkit-scrollbar,:host .readonly .items-container::-webkit-scrollbar,:host .readonly .empty-new-tag::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .outer-container .items-container::-webkit-scrollbar-track,:host .outer-container .empty-new-tag::-webkit-scrollbar-track,:host .readonly .items-container::-webkit-scrollbar-track,:host .readonly .empty-new-tag::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .items-container::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag::-webkit-scrollbar-thumb,:host .readonly .items-container::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .items-container:hover::-webkit-scrollbar-track,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-track,:host .readonly .items-container:hover::-webkit-scrollbar-track,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .outer-container .items-container:hover::-webkit-scrollbar-thumb,:host .outer-container .empty-new-tag:hover::-webkit-scrollbar-thumb,:host .readonly .items-container:hover::-webkit-scrollbar-thumb,:host .readonly .empty-new-tag:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container .items-container.show-display,:host .outer-container .empty-new-tag.show-display,:host .readonly .items-container.show-display,:host .readonly .empty-new-tag.show-display{display:-ms-flexbox;display:flex}:host .outer-container .items-container.show-opacity,:host .outer-container .empty-new-tag.show-opacity,:host .readonly .items-container.show-opacity,:host .readonly .empty-new-tag.show-opacity{opacity:1}:host .outer-container .empty-new-tag,:host .readonly .empty-new-tag{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}:host .outer-container .empty-new-tag .text-container,:host .readonly .empty-new-tag .text-container{padding-bottom:var(--spacing-16, 1rem)}:host .outer-container .items-container,:host .readonly .items-container{padding-top:var(--spacing-08, 0.5rem)}:host .outer-container .items-container.extra,:host .readonly .items-container.extra{height:200px}:host .outer-container .items-container .scroll-container,:host .readonly .items-container .scroll-container{position:relative;height:100%}:host .outer-container .items-container yoo-entity,:host .readonly .items-container yoo-entity{padding:0.3125rem}:host .outer-container .extra-container,:host .readonly .extra-container{position:absolute !important;position:relative;top:2.625rem;left:0;display:none;-ms-flex-direction:column;flex-direction:column;width:100%;height:260px;margin-bottom:var(--spacing-08, 0.5rem);overflow:auto;border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0);border-radius:var(--border-radius-08, 0.5rem);-webkit-box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));box-shadow:var(--grid-frame-shadow, 0 0.3125rem 0.9375rem 0.1875rem rgba(40, 47, 54, 0.15));}:host .outer-container .extra-container::-webkit-scrollbar,:host .readonly .extra-container::-webkit-scrollbar{width:var(--spacing-04, 0.25rem);height:var(--spacing-04, 0.25rem)}:host .outer-container .extra-container::-webkit-scrollbar-track,:host .readonly .extra-container::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .extra-container::-webkit-scrollbar-thumb,:host .readonly .extra-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:var(--border-radius-04, 0.25rem)}:host .outer-container .extra-container:hover::-webkit-scrollbar-track,:host .readonly .extra-container:hover::-webkit-scrollbar-track{background-color:var(--stable-light, #f1f1f1)}:host .outer-container .extra-container:hover::-webkit-scrollbar-thumb,:host .readonly .extra-container:hover::-webkit-scrollbar-thumb{background:var(--stable, #adadad)}:host .outer-container.columns{-ms-flex-direction:row;flex-direction:row}:host .outer-container.columns yoo-button{margin-left:var(--spacing-16, 1rem)}:host .outer-container.columns .input-container{min-width:0}:host .outer-container{cursor:pointer}:host .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:3rem;max-height:3rem}:host .outer-container .entity-container.placeholder{padding-left:var(--spacing-16, 1rem)}:host .readonly .entity-container{padding-left:0;overflow:visible;white-space:normal}:host .readonly .entity-container.single{padding-left:0}:host .readonly .entity-container yoo-entity{padding:0.3125rem 0}:host .readonly .entity-container yoo-entity.card-file{display:block;margin-bottom:var(--spacing-08, 0.5rem)}:host .entity{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}:host .map-container{position:relative;height:11.25rem;margin-top:var(--spacing-08, 0.5rem);overflow:hidden;background:var(--stable, #adadad);border-radius:var(--border-radius-08, 0.5rem)}:host(.align-right) .outer-container .items-container{right:0;left:auto}:host(.disabled) .outer-container .input-container{color:var(--stable, #adadad);background-color:var(--stable-light, #f1f1f1);border:var(--border-width-01, 0.0625rem) solid var(--stable-alt, #d0d0d0)}:host(.disabled) .outer-container .input-container .icon-prefix yoo-icon,:host(.disabled) .outer-container .input-container .icon-suffix yoo-icon{fill:var(--stable, #adadad)}:host(.map-locations){overflow:hidden}:host(.map-locations) .outer-container{overflow:initial}:host(.map-locations) .outer-container .input-container{background:var(--light, #ffffff)}:host(.inline) .outer-container .input-container .icon-container .icon-suffix{padding-left:0}:host(.auto-width.web) .outer-container .items-container{min-width:inherit}:host(.web) .outer-container,:host(.web) .readonly{overflow:initial}:host(.web) .readonly{margin-top:var(--spacing-08, 0.5rem)}:host(.web) .outer-container .items-container,:host(.web) .outer-container .empty-new-tag{min-width:18.75rem}:host(.web) .outer-container .items-container{padding-top:0;border:none}:host(.web) yoo-form-uploader{display:block;margin-top:var(--spacing-08, 0.5rem)}:host(.web.inline){margin:0}:host(.web.inline) .readonly{margin:var(--spacing-04, 0.25rem) 0}:host(.web.card-tag,.web.card-tag-single) .outer-container .input-container{overflow:hidden}:host(.condition-block) .outer-container .input-container{background:var(--stable-light, #f1f1f1);border:none}:host(.expand-height) .outer-container{height:19.75rem;-webkit-transition:0.2s;transition:0.2s}:host([color=stable-alt]) .outer-container .input-container{background:var(--stable-alt, #d0d0d0)}:host([color=stable-light]) .outer-container .input-container{background:var(--stable-light, #f1f1f1)}:host([color=light]) .outer-container .input-container{background:var(--light, #ffffff)}:host([color=transparent]) .outer-container{background:transparent}:host([color=transparent]) .outer-container .input-container{border:none}:host([color=transparent]) .outer-container .input-container .icon-container{display:none}:host([color=transparent]) .readonly{background:transparent}:host(.focused.web) .outer-container .input-container{border:var(--border-width-01, 0.0625rem) solid var(--dark, #000000)}:host(.force-show) .outer-container .items-container{display:-ms-flexbox;display:flex;min-width:240px;padding-top:0;padding-left:var(--spacing-04, 0.25rem);opacity:1}:host(.live-preview-autocomplete) .outer-container .items-container{width:19.625rem;min-width:19.625rem}:host(.history) .readonly .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}:host(.history) .readonly .entity-container yoo-entity{padding:0}:host([size=large]){width:100%}:host([size=large]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box}:host([size=large]) .outer-container .input-container .entity-container{max-height:3rem}:host([size=large]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-16, 1rem)}:host([size=large]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-16, 1rem)}:host([size=medium]){width:100%}:host([size=medium]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:2rem;max-height:2rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=medium]) .outer-container .input-container .entity-container{max-height:2rem}:host([size=medium]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-14, 0.875rem)}:host([size=medium]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-14, 0.875rem)}:host([size=small]){width:100%}:host([size=small]) .outer-container .input-container{-webkit-box-sizing:border-box;box-sizing:border-box;min-height:1.5rem;max-height:1.5rem;border-radius:var(--border-radius-04, 0.25rem)}:host([size=small]) .outer-container .input-container .entity-container{max-height:1.5rem}:host([size=small]) .outer-container .input-container .entity-content.unselected{font-size:var(--font-size-12, 0.75rem)}:host([size=small]) .outer-container .input-container .entity-content.selected{font-size:var(--font-size-12, 0.75rem)}:host(.pdf) .entity-container,:host(.child-card-tag) .entity-container{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}";
@@ -133,7 +134,7 @@ const YooFormAutocompleteComponent = class {
   async setValue(value) {
     var _a;
     if (!lodash.isArray(value) && this.multiple && this.max === 1) {
-      if (index$1.isNullOrUndefined(value)) {
+      if (overlays.isNullOrUndefined(value)) {
         value = [];
         this.searchedItemSelection = [];
       }
@@ -150,7 +151,7 @@ const YooFormAutocompleteComponent = class {
       this.searchedItemSelection = this.searchedItemSelection.filter((_searchedItemSelection) => { var _a; return (_a = this.selection) === null || _a === void 0 ? void 0 : _a.includes(_searchedItemSelection === null || _searchedItemSelection === void 0 ? void 0 : _searchedItemSelection._id); });
     }
     if (!this.isMultiple()) {
-      this.selection = index$1.isPresent(value) ? [value] : value;
+      this.selection = overlays.isPresent(value) ? [value] : value;
       await this.hideContainer();
     }
   }
@@ -158,7 +159,7 @@ const YooFormAutocompleteComponent = class {
     var _a;
     this.isUploading = false;
     if (error) {
-      return index$1.showAlert(index$1.translate('FILEPONDLABELFILELOADERROR'), [index$1.translate('YOOBICOK')], '', '', '', true);
+      return overlays.showAlert(overlays.translate('FILEPONDLABELFILELOADERROR'), [overlays.translate('YOOBICOK')], '', '', '', true);
     }
     if (this.multiple) {
       this.values = [...val, ...(this.values || [])];
@@ -181,7 +182,7 @@ const YooFormAutocompleteComponent = class {
     await this.setValue(finalVal);
   }
   async hideContainer() {
-    if ((!index$1.isIonic(this.host) && this.itemsContainer && this.itemsContainer.classList.contains('show-display')) || this.showDropdownContent) {
+    if ((!overlays.isIonic(this.host) && this.itemsContainer && this.itemsContainer.classList.contains('show-display')) || this.showDropdownContent) {
       if (this.webGrid && this.webGrid.forceAddNewTag) {
         this.webGrid.forceAddNewTag = false;
       }
@@ -242,7 +243,7 @@ const YooFormAutocompleteComponent = class {
   }
   async componentDidLoad() {
     var _a, _b;
-    this.formDynamic = index$1.findParent(this.host);
+    this.formDynamic = overlays.findParent(this.host);
     this.hideContainerListener = () => this.hideContainer();
     if (this.formDynamic) {
       this.formDynamicBottom = await formInputHelpers.getFormBottomPosition(this.formDynamic);
@@ -364,7 +365,7 @@ const YooFormAutocompleteComponent = class {
     if (willLoad && ((_a = this.idOnlyInitialSelection) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = this.value) === null || _b === void 0 ? void 0 : _b.length) > 0 && this.valueEqualsInitialSelection()) {
       this.selection = [].concat(this.idOnlyInitialSelection);
     }
-    else if (index$1.isPresent(this.value)) {
+    else if (overlays.isPresent(this.value)) {
       this.selection = [].concat(this.value);
     }
     else {
@@ -398,7 +399,7 @@ const YooFormAutocompleteComponent = class {
     const search = ev.detail;
     const finalPageSize = 20;
     this.isLoading = true;
-    const formDynamic = index$1.findParent(this.host, 'yoo-form-dynamic');
+    const formDynamic = overlays.findParent(this.host, 'yoo-form-dynamic');
     return this.customDataLoader({
       currentPage: search.currentPage,
       pageSize: finalPageSize,
@@ -476,16 +477,16 @@ const YooFormAutocompleteComponent = class {
       return;
     }
     if (this.useUploader) {
-      const ret = await index$1.getAsyncExtraData({ type: 'file-uploader', params: { multiple: false, fileFormat: true, acceptMode: [] } });
+      const ret = await overlays.getAsyncExtraData({ type: 'file-uploader', params: { multiple: false, fileFormat: true, acceptMode: [] } });
       if (ret === null || ret === void 0 ? void 0 : ret.data) {
         this.value = lodash.isArray(ret.data) ? ret.data[0] : ret.data;
         await this.setValueAndValidateInput(this.value);
       }
       return;
     }
-    if (!(index$1.isWeb(this.host) && this.showDropdownContent)) {
+    if (!(overlays.isWeb(this.host) && this.showDropdownContent)) {
       this.inputFocused.emit();
-      await (!index$1.isWeb(this.host) || !this.expandHeightOnShow ? this.showContainerDialog() : this.showContainer());
+      await (!overlays.isWeb(this.host) || !this.expandHeightOnShow ? this.showContainerDialog() : this.showContainer());
       this.mobileAutocompleteClosed.emit(this.selection);
     }
     else {
@@ -497,7 +498,7 @@ const YooFormAutocompleteComponent = class {
     if (!this.isAddingOrEditing) {
       this.isAddingOrEditing = true;
       try {
-        const ret = await index$1.getAsyncExtraData({
+        const ret = await overlays.getAsyncExtraData({
           type: 'field-autocomplete-add',
           params: { collectionName: this.collectionName, customModel: this.customModel, allowCreateItem: this.allowCreateItem }
         });
@@ -521,7 +522,7 @@ const YooFormAutocompleteComponent = class {
     if (!this.isAddingOrEditing) {
       this.isAddingOrEditing = true;
       try {
-        const ret = await index$1.getAsyncExtraData({
+        const ret = await overlays.getAsyncExtraData({
           type: 'field-autocomplete-edit',
           params: { collectionName: this.collectionName, customModel: this.customModel, data: this.selection }
         });
@@ -549,7 +550,7 @@ const YooFormAutocompleteComponent = class {
       else {
         this.removeAddItemContainerClasses(false);
       }
-      if (this.scrollDistance !== 0 && this.formDynamic && !index$1.isWeb(this.host)) {
+      if (this.scrollDistance !== 0 && this.formDynamic && !overlays.isWeb(this.host)) {
         await this.formDynamic.scrollToPoint(this.scrollDistance);
       }
     }
@@ -590,7 +591,7 @@ const YooFormAutocompleteComponent = class {
     this.dialog.customModel = this.customModel;
     this.dialog.model = this.model;
     this.dialog.idOnlyInitialSelection = this.idOnlyInitialSelection;
-    this.dialog.hideHeader = index$1.isNullOrUndefined(this.hideHeader) ? false : this.hideHeader;
+    this.dialog.hideHeader = overlays.isNullOrUndefined(this.hideHeader) ? false : this.hideHeader;
     this.dialog.disableSingleDeselection = this.disableSingleDeselection;
     this.dialog.forceHideSearch = this.forceHideSearch;
     this.dialog.allowCustomValue = this.allowCustomValue;
@@ -674,15 +675,15 @@ const YooFormAutocompleteComponent = class {
       this.onFilterRadioToggled(ev.detail);
     });
     this.shouldFetchDataOnTagSelect = false;
-    let modalOptions = { half: !index$1.isWeb(this.host) };
+    let modalOptions = { half: !overlays.isWeb(this.host) };
     if (isExpanding) {
       modalOptions = Object.assign(modalOptions, { height: 'medium' });
     }
-    else if (index$1.isWeb(this.host)) {
+    else if (overlays.isWeb(this.host)) {
       modalOptions = Object.assign(modalOptions, { hostElement: this.outerContainer, dialogContentElement: this.dialog });
     }
-    const ret = await index$1.showModal(this.dialog, modalOptions, index$1.isWeb(this.host) && !isExpanding ? 'context-menu' : isExpanding ? ' visible-overflow' : null, index$1.getModalAnimation('Enter', 'Y'), index$1.getModalAnimation('Leave', 'Y'), true, false, null, this.collectionName === 'giphy' ? './assets/logo/giphy.png' : null);
-    if (ret && !ret.overlayDismiss && !index$1.isWeb(this.host)) {
+    const ret = await overlays.showModal(this.dialog, modalOptions, overlays.isWeb(this.host) && !isExpanding ? 'context-menu' : isExpanding ? ' visible-overflow' : null, overlays.getModalAnimation('Enter', 'Y'), overlays.getModalAnimation('Leave', 'Y'), true, false, null, this.collectionName === 'giphy' ? './assets/logo/giphy.png' : null);
+    if (ret && !ret.overlayDismiss && !overlays.isWeb(this.host)) {
       await this.setValue(ret.data);
     }
     if (this.clearSortsAndFilters) {
@@ -711,7 +712,7 @@ const YooFormAutocompleteComponent = class {
       this.selection = lodash.compact(this.selection).map((s) => {
         const value = 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 index$1.isPresent(value) ? value : s;
+        return overlays.isPresent(value) ? value : s;
       });
     }
     await this.setValue(this.selection);
@@ -751,13 +752,13 @@ const YooFormAutocompleteComponent = class {
     const files = [];
     const imageProcessPromise = (file) => {
       let promise;
-      if (index$1.isValid(file)) {
-        if (index$1.isImage(file)) {
+      if (overlays.isValid(file)) {
+        if (overlays.isImage(file)) {
           if (this.crop) {
             promise = commonHelpers.showImageCropper({ file }).then((retVal) => retVal);
           }
           else {
-            promise = index$1.resizeImage(file, this.maxWidth, this.maxHeight).then(f => this.preventUpload ? f : { data: f });
+            promise = overlays.resizeImage(file, this.maxWidth, this.maxHeight).then(f => this.preventUpload ? f : { data: f });
           }
         }
         else {
@@ -776,13 +777,13 @@ const YooFormAutocompleteComponent = class {
       files.push(fileList[i]);
     }
     const filePromises = files.map((file) => {
-      file.filename = index$1.getRandomFileName(file.filename);
+      file.filename = overlays.getRandomFileName(file.filename);
       if (this.preventUpload) {
-        file.tag = index$2.FormFieldType.documentuploader;
+        file.tag = index$1.FormFieldType.documentuploader;
       }
       return () => imageProcessPromise(file);
     });
-    return index$1.asyncWaterfall(filePromises)
+    return overlays.asyncWaterfall(filePromises)
       .then(retVal => {
       if (retVal && !this.preventUpload) {
         if (this.multiple) {
@@ -799,7 +800,7 @@ const YooFormAutocompleteComponent = class {
         this.setValueAndValidateInput(this.multiple ? [...(this.selection || []), ...retVal] : retVal[0]);
       }
     })
-      .catch(async () => await index$1.showAlert(index$1.translate('FILE'), [index$1.translate('YOOBICOK')], index$1.translate('FILEERROR')));
+      .catch(async () => await overlays.showAlert(overlays.translate('FILE'), [overlays.translate('YOOBICOK')], overlays.translate('FILEERROR')));
   }
   getReadonlyItemSelection() {
     var _a;
@@ -922,7 +923,7 @@ const YooFormAutocompleteComponent = class {
     else if (this.iconPrefix) {
       iconPrefix = this.iconPrefix;
     }
-    const hasValue = !index$1.isNullOrUndefined(this.value) && (!lodash.isArray(this.value) || this.value.length > 0);
+    const hasValue = !overlays.isNullOrUndefined(this.value) && (!lodash.isArray(this.value) || this.value.length > 0);
     return this.renderClickableSelectedContent(iconPrefix, hasValue);
   }
   renderSelectedEntities(entityType, hasIconPrefix) {
@@ -934,28 +935,28 @@ const YooFormAutocompleteComponent = class {
       this.forceSelectedContentIdOnlyReload = true;
     }
     if (this.returnQuery) {
-      return (isPopulatedQuery && (index.h("div", { class: { 'entity-content': true, selected: true, 'icon-prefix': hasIconPrefix } }, `${valueTotal} ${index$1.translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${index$1.translate(this.multipleSelectionSuffix)}`)));
+      return (isPopulatedQuery && (index.h("div", { class: { 'entity-content': true, selected: true, 'icon-prefix': hasIconPrefix } }, `${valueTotal} ${overlays.translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${overlays.translate(this.multipleSelectionSuffix)}`)));
     }
     // Remove userId string who created course from selection list.
     let groupSelection;
     if (this.entityType === 'groups' && !this.returnQuery) {
-      groupSelection = (_f = this.selection) === null || _f === void 0 ? void 0 : _f.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)); });
+      groupSelection = (_f = this.selection) === null || _f === void 0 ? void 0 : _f.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)); });
     }
-    return (index.h("div", { class: { 'entity-content': true, selected: true, 'icon-prefix': hasIconPrefix } }, `${this.isFilter ? selectedOperator : ''} ${this.entityType !== 'groups' ? (_g = this.selection) === null || _g === void 0 ? void 0 : _g.length : groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.length} ${index$1.translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${index$1.translate(this.multipleSelectionSuffix)}`));
+    return (index.h("div", { class: { 'entity-content': true, selected: true, 'icon-prefix': hasIconPrefix } }, `${this.isFilter ? selectedOperator : ''} ${this.entityType !== 'groups' ? (_g = this.selection) === null || _g === void 0 ? void 0 : _g.length : groupSelection === null || groupSelection === void 0 ? void 0 : groupSelection.length} ${overlays.translate(this.setPrefixedEntityType(entityType).toUpperCase())} ${overlays.translate(this.multipleSelectionSuffix)}`));
   }
   renderUnselectedEntites(entityType, hasIconPrefix) {
-    const filesPlaceholder = index$1.isWeb(this.host) ? index$1.translate('FORMFIELDDEFINITIONDOCUMENTPLACEHOLDER') : index$1.translate('SELECTFILES');
+    const filesPlaceholder = overlays.isWeb(this.host) ? overlays.translate('FORMFIELDDEFINITIONDOCUMENTPLACEHOLDER') : overlays.translate('SELECTFILES');
     return (index.h("div", { class: { 'entity-content': true, unselected: true, 'icon-prefix': hasIconPrefix } }, this.entityType === 'files' && !this.tag
       ? filesPlaceholder
       : this.placeholder
-        ? index$1.translateMulti(index$1.translate(this.placeholder))
+        ? overlays.translateMulti(overlays.translate(this.placeholder))
         : this.tag
-          ? index$1.translate('SELECTTAGS')
+          ? overlays.translate('SELECTTAGS')
           : this.entityType
-            ? `${index$1.translate('GRIDSELECT')} ${index$1.translate(this.setPrefixedEntityType(entityType).toUpperCase())}`
+            ? `${overlays.translate('GRIDSELECT')} ${overlays.translate(this.setPrefixedEntityType(entityType).toUpperCase())}`
             : this.multiple
-              ? index$1.translate('SELECTITEMS')
-              : index$1.translate('SELECTITEM')));
+              ? overlays.translate('SELECTITEMS')
+              : overlays.translate('SELECTITEM')));
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
     var _a;
@@ -967,7 +968,7 @@ const YooFormAutocompleteComponent = class {
       if (this.idOnly) {
         entitySelection = this.getFullIdItemSelection(this.webGrid || this.dialogGrid || null, entitySelection) || entitySelection;
         if (this.collectionName === 'groups' && !((_a = this.webGrid) === null || _a === void 0 ? void 0 : _a.items) && !((_b = this.dialogGrid) === null || _b === void 0 ? void 0 : _b.items)) {
-          const newSelection = index$1.groupsResolver(entitySelection);
+          const newSelection = overlays.groupsResolver(entitySelection);
           if (newSelection && newSelection.length > 0 && newSelection[0]) {
             entitySelection = newSelection[0];
           }
@@ -991,7 +992,7 @@ const YooFormAutocompleteComponent = class {
     })));
   }
   renderIconSuffixes(hasValue) {
-    return (index.h("div", { class: { 'icon-container': true } }, hasValue && !this.disabled && this.clearable && !this.isMultiple() && (index.h("div", { class: "icon-suffix-focus last icon-close", onClick: (ev) => this.onInputClear(ev) }, index.h("yoo-icon", { name: "cross", size: this.getIconSize() }))), !this.readonly && (index.h("div", { class: "icon-suffix" }, index.h("yoo-icon", { name: this.arrowIcon, size: this.getIconSize() }))), !this.readonly && this.collectionName === 'files' && !this.tag && index$1.isWeb(this.host) && (index.h("div", { class: "icon-suffix relative" }, index.h("input", { ref: (el) => (this.inputElement = el), name: "file", accept: this.accept || '*', class: "input-file", type: "file", multiple: this.multiple, onChange: (ev) => this.onFileSelect(ev), onClick: (ev) => ev.stopPropagation() })))));
+    return (index.h("div", { class: { 'icon-container': true } }, hasValue && !this.disabled && this.clearable && !this.isMultiple() && (index.h("div", { class: "icon-suffix-focus last icon-close", onClick: (ev) => this.onInputClear(ev) }, index.h("yoo-icon", { name: "cross", size: this.getIconSize() }))), !this.readonly && (index.h("div", { class: "icon-suffix" }, index.h("yoo-icon", { name: this.arrowIcon, size: this.getIconSize() }))), !this.readonly && this.collectionName === 'files' && !this.tag && overlays.isWeb(this.host) && (index.h("div", { class: "icon-suffix relative" }, index.h("input", { ref: (el) => (this.inputElement = el), name: "file", accept: this.accept || '*', class: "input-file", type: "file", multiple: this.multiple, onChange: (ev) => this.onFileSelect(ev), onClick: (ev) => ev.stopPropagation() })))));
   }
   renderClickableSelectedContent(iconPrefix, hasValue) {
     const hasIconPrefix = iconPrefix && !this.readonly;
@@ -1007,25 +1008,25 @@ const YooFormAutocompleteComponent = class {
     const isPopulatedQuery = this.returnQuery && lodash.isArray(this.value) ? ((_a = this.value.find((v) => v.total)) === null || _a === void 0 ? void 0 : _a.total) > 0 : ((_b = this.value) === null || _b === void 0 ? void 0 : _b.total) > 0;
     if (((_c = this.selection) === null || _c === void 0 ? void 0 : _c.length) || isPopulatedQuery) {
       if (this.isMultiple() && (((_d = this.selection) === null || _d === void 0 ? void 0 : _d.length) > 1 || isPopulatedQuery)) {
-        return this.renderSelectedEntities(entityType, !index$1.isNullOrUndefined(iconPrefix));
+        return this.renderSelectedEntities(entityType, !overlays.isNullOrUndefined(iconPrefix));
       }
       return this.renderEntities(hasIconPrefix);
     }
-    return this.renderUnselectedEntites(entityType, !index$1.isNullOrUndefined(iconPrefix));
+    return this.renderUnselectedEntites(entityType, !overlays.isNullOrUndefined(iconPrefix));
   }
   renderEditable() {
     var _a, _b, _c;
     const minValuesForSearch = 4;
-    const hasValue = !index$1.isNullOrUndefined(this.value) && (!lodash.isArray(this.value) || this.value.length > 0);
+    const hasValue = !overlays.isNullOrUndefined(this.value) && (!lodash.isArray(this.value) || this.value.length > 0);
     const dynamicOrdering = this.dynamicOrdering !== false;
-    return (index.h("div", { class: { 'outer-container': true, columns: !!(this.allowCreate || (this.allowEdit && this.collectionName)) }, ref: (el) => (this.outerContainer = el) }, index.h("div", { ref: (el) => (this.inputContainer = el), class: { 'action-click input-container': true, multiple: this.isMultiple() }, onClick: () => this.onInputContainerClicked() }, this.renderSelectedContent()), this.allowEdit && this.collectionName && (index.h("yoo-button", { size: this.size || 'medium', onClick: () => this.onEdit(), disabled: !hasValue }, index.h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: "pen" }))), this.allowCreate && this.collectionName && (index.h("yoo-button", { size: this.size || 'medium', onClick: () => this.onCreate() }, index.h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: this.allowCreateIcon || 'plus' }))), index$1.isWeb(this.host) && (index.h("div", { ref: (el) => (this.itemsContainer = el), class: "items-container down animated fadeIn" }, index.h("div", { class: "scroll-container" }, index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, this.showDropdownContent && (index.h("yoo-grid", { ref: (el) => (this.webGrid = el), class: {
+    return (index.h("div", { class: { 'outer-container': true, columns: !!(this.allowCreate || (this.allowEdit && this.collectionName)) }, ref: (el) => (this.outerContainer = el) }, index.h("div", { ref: (el) => (this.inputContainer = el), class: { 'action-click input-container': true, multiple: this.isMultiple() }, onClick: () => this.onInputContainerClicked() }, this.renderSelectedContent()), this.allowEdit && this.collectionName && (index.h("yoo-button", { size: this.size || 'medium', onClick: () => this.onEdit(), disabled: !hasValue }, index.h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: "pen" }))), this.allowCreate && this.collectionName && (index.h("yoo-button", { size: this.size || 'medium', onClick: () => this.onCreate() }, index.h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: this.allowCreateIcon || 'plus' }))), overlays.isWeb(this.host) && (index.h("div", { ref: (el) => (this.itemsContainer = el), class: "items-container down animated fadeIn" }, index.h("div", { class: "scroll-container" }, index.h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, this.showDropdownContent && (index.h("yoo-grid", { ref: (el) => (this.webGrid = el), class: {
         'no-margin no-text-break autocomplete autocomplete-selection-mode': true,
         'empty-tags': ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0 && this.allowCustomTag,
         'expanding-grid': true,
         'live-preview-dropdown': this.host.classList.contains('live-preview-autocomplete')
-      }, entityMapping: this.entityMapping, items: this.values, currentPage: ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) && this.currentPage !== 0 ? this.maxPage : this.currentPage, pageSize: this.pageSize, selectedTags: this.currentSelectedTags, isAutoComplete: true, isGridClosedWithSearchText: this.isGridClosedWithSearchText, keepSelection: true, dynamicOrdering: dynamicOrdering, showAutocompleteHeader: this.showHeader || dynamicOrdering, multiple: this.isMultiple(), displayType: this.displayType, displayTypes: this.displayType === 'card-cell' || this.entityType === 'files' ? ['card-cell', 'card-list'] : null, onSelected: (ev) => this.onItemSelect(ev), onRemoved: (ev) => this.onItemSelect(ev), onSelectallToggled: (ev) => this.onItemSelect(ev), collectionName: this.collectionName, entityType: this.getEntityType(), onSearchInputEnterPressed: (ev) => this.onCustomTagCreated(ev), onFetchData: (ev) => this.onFetchData(ev), onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), onCurrentPageChanged: (ev) => this.onCurrentPageChange(ev === null || ev === void 0 ? void 0 : ev.detail), hideHeader: index$1.isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: !this.forceHideSearch && (this.initialValueLength > minValuesForSearch || this.allowCustomTag || this.allowCustomValue || this.entityType === 'googlemaps'), isLocal: this.isLocal, onGridExpanded: () => this.onExpandGrid(), useTranslate: this.useTranslate, initialSelection: this.returnQuery ? null : [].concat(index$1.isPresent(this.value) ? this.value : []), idOnly: this.idOnly || this.allowCustomTag, idAttributeName: this.idAttributeName || '_id', emptyState: this.emptyState, allowCustomTag: (this.allowCustomTag || this.tag || this.allowCustomValue) && !this.forceDisableCustomTags, searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue) && !this.forceDisableCustomTags
-        ? index$1.translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD')
-        : index$1.translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? index$1.translate('ADDNEWEMAIL') : this.searchText, model: this.model, hideAdvancedFilters: !this.model, hideRefreshButton: true, showFilters: false, onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, onAddNewTagPressed: (ev) => this.onCustomTagCreated(ev), disableSingleDeselection: this.disableSingleDeselection, idOnlyInitialSelection: this.idOnlyInitialSelection, isLoading: this.isLoading, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_c = this.value) === null || _c === void 0 ? void 0 : _c.sortsAndFilters : null, onFileUpload: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.click(); }, isUploading: this.isUploading, showFormRadio: this.isFilter, selectedFilterOperator: this.filterOperator, onFormRadioToggled: (ev) => this.onFilterRadioToggled(ev.detail), onMaxPageCountChanged: (ev) => (this.maxPage = Math.max(ev.detail, this.maxPage)), onSearchedItemSelected: (ev) => this.getSearchedItemSelection(ev), infiniteScrollDisabled: this.infiniteScrollDisabled }))))))));
+      }, entityMapping: this.entityMapping, items: this.values, currentPage: ((_b = this.selection) === null || _b === void 0 ? void 0 : _b.length) && this.currentPage !== 0 ? this.maxPage : this.currentPage, pageSize: this.pageSize, selectedTags: this.currentSelectedTags, isAutoComplete: true, isGridClosedWithSearchText: this.isGridClosedWithSearchText, keepSelection: true, dynamicOrdering: dynamicOrdering, showAutocompleteHeader: this.showHeader || dynamicOrdering, multiple: this.isMultiple(), displayType: this.displayType, displayTypes: this.displayType === 'card-cell' || this.entityType === 'files' ? ['card-cell', 'card-list'] : null, onSelected: (ev) => this.onItemSelect(ev), onRemoved: (ev) => this.onItemSelect(ev), onSelectallToggled: (ev) => this.onItemSelect(ev), collectionName: this.collectionName, entityType: this.getEntityType(), onSearchInputEnterPressed: (ev) => this.onCustomTagCreated(ev), onFetchData: (ev) => this.onFetchData(ev), onFieldFetchData: (ev) => this.onFetchFieldFilterData(ev), onSortsAndFiltersChange: (ev) => this.onSortsAndFiltersChange(ev), onCurrentPageChanged: (ev) => this.onCurrentPageChange(ev === null || ev === void 0 ? void 0 : ev.detail), hideHeader: overlays.isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: !this.forceHideSearch && (this.initialValueLength > minValuesForSearch || this.allowCustomTag || this.allowCustomValue || this.entityType === 'googlemaps'), isLocal: this.isLocal, onGridExpanded: () => this.onExpandGrid(), useTranslate: this.useTranslate, initialSelection: this.returnQuery ? null : [].concat(overlays.isPresent(this.value) ? this.value : []), idOnly: this.idOnly || this.allowCustomTag, idAttributeName: this.idAttributeName || '_id', emptyState: this.emptyState, allowCustomTag: (this.allowCustomTag || this.tag || this.allowCustomValue) && !this.forceDisableCustomTags, searchBarPlaceholder: (this.allowCustomTag || this.allowCustomValue) && !this.forceDisableCustomTags
+        ? overlays.translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD')
+        : overlays.translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? overlays.translate('ADDNEWEMAIL') : this.searchText, model: this.model, hideAdvancedFilters: !this.model, hideRefreshButton: true, showFilters: false, onTagsSelect: (ev) => this.onTagsSelect(ev), isCollapsible: false, onAddNewTagPressed: (ev) => this.onCustomTagCreated(ev), disableSingleDeselection: this.disableSingleDeselection, idOnlyInitialSelection: this.idOnlyInitialSelection, isLoading: this.isLoading, valuesColor: this.valuesColor, total: this.total, returnQuery: this.returnQuery, showSelectAll: this.returnQuery, initialQuery: this.returnQuery ? this.value : null, sortsAndFilters: this.returnQuery ? (_c = this.value) === null || _c === void 0 ? void 0 : _c.sortsAndFilters : null, onFileUpload: () => { var _a; return (_a = this.inputElement) === null || _a === void 0 ? void 0 : _a.click(); }, isUploading: this.isUploading, showFormRadio: this.isFilter, selectedFilterOperator: this.filterOperator, onFormRadioToggled: (ev) => this.onFilterRadioToggled(ev.detail), onMaxPageCountChanged: (ev) => (this.maxPage = Math.max(ev.detail, this.maxPage)), onSearchedItemSelected: (ev) => this.getSearchedItemSelection(ev), infiniteScrollDisabled: this.infiniteScrollDisabled }))))))));
   }
   renderReadonly() {
     if (this.selection && this.selection.length > 0) {
@@ -1098,10 +1099,10 @@ const YooFormAutocompleteComponent = class {
         [this.displayType]: true,
         ...commonHelpers.getAppContext(this.host)
       }, onClick: (ev) => {
-        if (index$1.isWeb(this.host)) {
+        if (overlays.isWeb(this.host)) {
           ev.stopPropagation();
         }
-      } }, this.readonly || this.isHistory ? this.renderReadonly() : this.renderEditable(), this.showMap && this.renderMap(), this.previewEntityType && this.renderPreviewEntities(), !this.readonly && !this.useUploader && this.entityType === 'files' && index$1.isWeb(this.host) && !this.tag && !this.isFilter && this.renderUploader()));
+      } }, this.readonly || this.isHistory ? this.renderReadonly() : this.renderEditable(), this.showMap && this.renderMap(), this.previewEntityType && this.renderPreviewEntities(), !this.readonly && !this.useUploader && this.entityType === 'files' && overlays.isWeb(this.host) && !this.tag && !this.isFilter && this.renderUploader()));
   }
   get host() { return index.getElement(this); }
   static get watchers() { return {