npm - @yoobic/yobi - Versions diffs - 8.2.0-5 → 8.2.0-52 - Mend

@yoobic/yobi 8.2.0-5 → 8.2.0-52

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

Files changed (1472) hide show

package/dist/collection/components/form/form-autocomplete/form-autocomplete.js CHANGED Viewed

@@ -1,4 +1,5 @@
-import { asyncWaterfall, debounce, findParent, getAsyncExtraData, getModalAnimation, getRandomFileName, groupsResolver, isImage, isIonic, isNullOrUndefined, isPresent, isValid, isWeb, MONGODB_ID_REGEX, resizeImage, showAlert, showModal, translate, translateMulti } from '@shared/utils';
+import { FormFieldType } from '@shared/interfaces';
+import { asyncWaterfall, findParent, getAsyncExtraData, getModalAnimation, getRandomFileName, groupsResolver, isImage, isIonic, isNullOrUndefined, isPresent, isValid, isWeb, MONGODB_ID_REGEX, resizeImage, showAlert, showModal, translate, translateMulti } from '@shared/utils';
 import { Component, Element, Event, h, Host, Listen, Method, Prop, State, Watch } from '@stencil/core';
 import { compact, isArray, isNumber, isString, uniq } from 'lodash-es';
 import { execHandlerAndStopEvent, getAppContext, showImageCropper } from '../../../utils/helpers/common-helpers';
@@ -18,6 +19,7 @@ export class YooFormAutocompleteComponent {
      */
     this.multipleSelectionSuffix = 'SELECTED';
     this.isLoading = true;
+    this.keepSelection = true;
     this.displayType = 'card-list';
     this.disableSingleDeselection = false;
     this.expandHeightOnShow = false;
@@ -32,9 +34,6 @@ export class YooFormAutocompleteComponent {
     this.selection = [];
     this.showEmptyItemsAddNewTag = false;
     this.arrowIcon = 'arrow-down';
-    this.emitFetchData = debounce((ev) => {
-      this.fetchData.emit({ search: ev.detail, appendData: false, currentPage: 0, pageSize: this.pageSize, tmpValues: this.values });
-    });
     this.initialValueLength = 0;
     this.localValues = [];
     this.forceSelectedContentIdOnlyReload = false;
@@ -121,6 +120,9 @@ export class YooFormAutocompleteComponent {
         value = [value];
       }
     }
+    else if (isArray(value) && !this.multiple) {
+      value = value[0];
+    }
     await this.setValueAndValidateInput(value);
     this.selection = value;
     if (((_a = this.searchedItemSelection) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.idOnly) {
@@ -152,7 +154,7 @@ export class YooFormAutocompleteComponent {
         finalVal = [...this.value, ...val];
       }
       if ((val === null || val === void 0 ? void 0 : val.length) > 0) {
-        (_a = this.fileUploader) === null || _a === void 0 ? void 0 : _a.removeFiles();
+        await ((_a = this.fileUploader) === null || _a === void 0 ? void 0 : _a.removeFiles());
       }
     }
     await this.setValue(finalVal);
@@ -197,9 +199,7 @@ export class YooFormAutocompleteComponent {
   componentWillLoad() {
     var _a;
     this.updateSelection(true);
-    if (this.idOnly) {
-      this.refresh();
-    }
+    this.shouldFetchDataOnTagSelect = true;
     if (this.showDropdownOnLoad) {
       this.showDropdownContent = this.showDropdownOnLoad;
     }
@@ -227,10 +227,8 @@ export class YooFormAutocompleteComponent {
       this.formDynamicBottom = await getFormBottomPosition(this.formDynamic);
     }
     document.body.addEventListener('click', this.hideContainerListener);
-    if (this.idOnly) {
-      if ((!this.expandHeightOnShow || !this.values || ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0) && this.value) {
-        this.fetchData.emit({ search: this.searchText, currentPage: 0, pageSize: this.pageSize, appendData: false, tmpValues: this.values });
-      }
+    if (this.idOnly && this.value && (!this.expandHeightOnShow || !this.values || ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0)) {
+      await this.refreshValues();
     }
     if (this.uploadInitialValue && this.value) {
       this.isUploading = true;
@@ -275,7 +273,7 @@ export class YooFormAutocompleteComponent {
     if (this.entityType === 'missiondescriptions' && !this.multiple) {
       return 'CAMPAIGN';
     }
-    return entityType.length <= 4 ? 'YOOBIC'.concat(entityType) : entityType;
+    return entityType.length <= 4 || entityType === 'badges' ? 'YOOBIC'.concat(entityType) : entityType;
   }
   isMultiple() {
     return this.multiple && this.max !== 1;
@@ -379,13 +377,15 @@ export class YooFormAutocompleteComponent {
     const search = ev.detail;
     const finalPageSize = 20;
     this.isLoading = true;
+    const formDynamic = findParent(this.host, 'yoo-form-dynamic');
     return this.customDataLoader({
       currentPage: search.currentPage,
       pageSize: finalPageSize,
       startDate: search.startDate,
       endDate: search.endDate,
       sortAndFilters: this.sortsAndFilters,
-      search: search.search
+      search: search.search,
+      data: formDynamic === null || formDynamic === void 0 ? void 0 : formDynamic.data
     }).then((ret) => {
       var _a, _b;
       if (search.currentPage === 0) {
@@ -444,6 +444,10 @@ export class YooFormAutocompleteComponent {
       this.gridCurrentSearch.tmpValues = this.values;
     }
   }
+  async refreshValues() {
+    await this.resetCurrentPage();
+    this.fetchData.emit({ search: this.searchText, appendData: false, currentPage: this.currentPage, pageSize: this.pageSize, tmpValues: this.values, fieldValue: this.value });
+  }
   async onInputContainerClicked() {
     this.host.classList.add('focused');
     this.arrowIcon = 'arrow-up';
@@ -461,6 +465,7 @@ export class YooFormAutocompleteComponent {
     if (!(isWeb(this.host) && this.showDropdownContent)) {
       this.inputFocused.emit();
       await (!isWeb(this.host) || !this.expandHeightOnShow ? this.showContainerDialog() : this.showContainer());
+      this.mobileAutocompleteClosed.emit(this.selection);
     }
     else {
       this.webAutocompleteClosed.emit(this.selection);
@@ -515,14 +520,7 @@ export class YooFormAutocompleteComponent {
   async showContainer() {
     this.webAutocompleteOpened.emit();
     this.shouldFetchDataOnTagSelect = false;
-    if (this.forceRefresh) {
-      this.values = [];
-      if (this.webGrid) {
-        this.webGrid.items = [];
-      }
-      await this.resetCurrentPage();
-      this.fetchData.emit({ search: null, appendData: false, currentPage: 0, pageSize: this.pageSize, tmpValues: this.values });
-    }
+    await this.refreshValues();
     if (this.itemsContainer) {
       if (this.itemsContainer.classList.contains('show-display')) {
         this.removeAddItemContainerClasses(true);
@@ -551,6 +549,7 @@ export class YooFormAutocompleteComponent {
     this.showDropdownContent = !this.showDropdownContent;
   }
   async showContainerDialog(isExpanding) {
+    await this.refreshValues();
     this.dialog = document.createElement('yoo-form-autocomplete-dialog');
     this.dialog.multiple = this.isMultiple();
     this.dialog.displayType = this.displayType;
@@ -590,12 +589,11 @@ export class YooFormAutocompleteComponent {
     this.dialog.origin = this.origin;
     this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
     this.dialog.value = this.value;
-    if (this.isLocal) {
-      this.dialog.values = this.localValues;
-      if (this.storeLocalSearchValue !== undefined) {
-        this.dialog.values = this.storeLocalValues;
-      }
-    }
+    this.dialog.values = this.isLocal ? (this.storeLocalSearchValue !== undefined ? this.storeLocalValues : this.localValues) : this.values;
+    this.dialog.addEventListener('currentPageChanged', (ev) => {
+      ev.stopPropagation();
+      this.onCurrentPageChange(ev.detail);
+    });
     this.dialog.addEventListener('fetchData', (ev) => {
       ev.stopPropagation();
       this.onFetchData(ev);
@@ -648,6 +646,7 @@ export class YooFormAutocompleteComponent {
       this.host.classList.remove('focused');
       this.arrowIcon = 'arrow-down';
       this.webAutocompleteClosed.emit(this.selection);
+      !this.keepSelection && this.setValue([]);
     });
     this.dialog.addEventListener('filterRadioToggled', (ev) => {
       ev.stopPropagation();
@@ -672,6 +671,7 @@ export class YooFormAutocompleteComponent {
     this.host.classList.remove('focused');
     this.arrowIcon = 'arrow-down';
     this.webAutocompleteClosed.emit(this.selection);
+    !this.keepSelection && this.setValue([]);
   }
   async onItemSelect(ev) {
     ev.stopPropagation();
@@ -733,11 +733,11 @@ export class YooFormAutocompleteComponent {
             promise = showImageCropper({ file }).then((retVal) => retVal);
           }
           else {
-            promise = resizeImage(file, this.maxWidth, this.maxHeight).then((f) => ({ data: f }));
+            promise = resizeImage(file, this.maxWidth, this.maxHeight).then(f => f);
           }
         }
         else {
-          promise = Promise.resolve({ data: file });
+          promise = Promise.resolve(file);
         }
       }
       else {
@@ -753,22 +753,11 @@ export class YooFormAutocompleteComponent {
     }
     const filePromises = files.map((file) => {
       file.filename = getRandomFileName(file.filename);
+      file.tag = FormFieldType.documentuploader;
       return () => imageProcessPromise(file);
     });
     return asyncWaterfall(filePromises)
-      .then((retVal) => {
-      if (retVal) {
-        if (this.multiple) {
-          this.fetchCustomData.emit(retVal === null || retVal === void 0 ? void 0 : retVal.map((item) => (item === null || item === void 0 ? void 0 : item.data) || item));
-        }
-        else if (retVal[0]) {
-          this.fetchCustomData.emit(retVal[0].data || retVal[0]);
-        }
-        if (files === null || files === void 0 ? void 0 : files.length) {
-          this.isUploading = true;
-        }
-      }
-    })
+      .then(retVal => this.setValueAndValidateInput(this.multiple ? retVal : retVal[0]))
       .catch(async () => await showAlert(translate('FILE'), [translate('YOOBICOK')], translate('FILEERROR')));
   }
   getReadonlyItemSelection() {
@@ -928,48 +917,43 @@ export class YooFormAutocompleteComponent {
               : translate('SELECTITEM')));
   }
   renderEntities(hasIconPrefix, cardTagSingle = false) {
+    var _a;
     const selectedOperator = this.filterOperator || 'in';
-    return (h("div", { class: {
-        'entity-container': true,
-        empty: !this.selection || this.selection.length <= 0,
-        prefix: hasIconPrefix
-      } }, !this.hideSelected &&
-      !!this.selection.length &&
-      this.selection.map((selection, i) => {
-        var _a, _b, _c;
-        let entitySelection = selection;
-        const unEditedSelection = entitySelection;
-        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 = groupsResolver(entitySelection);
-            if (newSelection && newSelection.length > 0 && newSelection[0]) {
-              entitySelection = newSelection[0];
-            }
+    return (h("div", { class: { 'entity-container': true, empty: !this.selection || this.selection.length <= 0, prefix: hasIconPrefix } }, (_a = this.selection) === null || _a === void 0 ? void 0 : _a.map((selection, i) => {
+      var _a, _b, _c;
+      let entitySelection = selection;
+      const unEditedSelection = entitySelection;
+      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 = groupsResolver(entitySelection);
+          if (newSelection && newSelection.length > 0 && newSelection[0]) {
+            entitySelection = newSelection[0];
           }
         }
-        if (this.idOnly && isString(entitySelection) && !this.idOnlyInitialSelection) {
-          this.forceSelectedContentIdOnlyReload = true;
-        }
-        if (entitySelection && !cardTagSingle && !isString(entitySelection) && !isNumber(entitySelection)) {
-          entitySelection.avatarSize = this.getAvatarSize();
-        }
-        const title = (entitySelection === null || entitySelection === void 0 ? void 0 : entitySelection.title) || entitySelection;
-        return (entitySelection && [
-          h("div", { class: { 'single-entity-container': this.isFilter } },
-            h("div", { class: "operator-container" }, `${this.isFilter ? selectedOperator : ''}`),
-            h("yoo-entity", { class: {
-                'autocomplete autocomplete-selected': true,
-                last: i === this.selection.length - 1,
-                bold: this.color === 'transparent',
-                'hide-icon': this.host.classList.contains('hide-icon')
-              }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(unEditedSelection)), isCollapsible: false, displaySize: this.size, valuesColor: (_c = this.valuesColor) === null || _c === void 0 ? void 0 : _c.find((e) => e.key === title) }))
-        ]);
-      })));
+      }
+      if (this.idOnly && isString(entitySelection) && !this.idOnlyInitialSelection) {
+        this.forceSelectedContentIdOnlyReload = true;
+      }
+      if (entitySelection && !cardTagSingle && !isString(entitySelection) && !isNumber(entitySelection)) {
+        entitySelection.avatarSize = this.getAvatarSize();
+      }
+      const title = (entitySelection === null || entitySelection === void 0 ? void 0 : entitySelection.title) || entitySelection;
+      return (entitySelection && [
+        h("div", { class: { 'single-entity-container': this.isFilter } },
+          h("div", { class: "operator-container" }, `${this.isFilter ? selectedOperator : ''}`),
+          h("yoo-entity", { class: {
+              'autocomplete autocomplete-selected': true,
+              last: i === this.selection.length - 1,
+              bold: this.color === 'transparent',
+              'hide-icon': this.host.classList.contains('hide-icon')
+            }, readonly: this.readonly, clearable: this.isMultiple(), columnDefinition: this.columnDefinition, useTranslate: this.useTranslate, customModel: this.customModel, displayType: cardTagSingle ? 'card-tag-single' : this.getDisplayType(), forceText: cardTagSingle, entityType: this.getEntityType(), item: entitySelection, onClosed: (ev) => execHandlerAndStopEvent(ev, () => this.onSelectionRemoved(unEditedSelection)), isCollapsible: false, displaySize: this.size, valuesColor: (_c = this.valuesColor) === null || _c === void 0 ? void 0 : _c.find((e) => e.key === title) }))
+      ]);
+    })));
   }
   renderIconSuffixes(hasValue) {
     return (h("div", { class: { 'icon-container': true } },
-      hasValue && !this.disabled && !this.hideSelected && this.clearable && !this.isMultiple() && (h("div", { class: "icon-suffix-focus last icon-close", onClick: (ev) => this.onInputClear(ev) },
+      hasValue && !this.disabled && this.clearable && !this.isMultiple() && (h("div", { class: "icon-suffix-focus last icon-close", onClick: (ev) => this.onInputClear(ev) },
         h("yoo-icon", { name: "cross", size: this.getIconSize() }))),
       !this.readonly && (h("div", { class: "icon-suffix" },
         h("yoo-icon", { name: this.arrowIcon, size: this.getIconSize() }))),
@@ -1015,7 +999,7 @@ export class YooFormAutocompleteComponent {
               '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')
-            }, 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: 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(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
+            }, 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: 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(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
               ? translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD')
               : translate('SEARCH'), tags: this.tags, forceHideSearch: this.forceHideSearch, maxSelectionNumber: this.max, customModel: this.customModel, addNewTagText: this.entityType === 'emails' ? 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 }))))))));
   }
@@ -1038,12 +1022,7 @@ export class YooFormAutocompleteComponent {
           var _a;
           const title = (selected === null || selected === void 0 ? void 0 : selected.title) || selected;
           return [
-            h("yoo-entity", { class: {
-                autocomplete: true,
-                'autocomplete-selected': true,
-                last: index === selection.length - 1,
-                list: !isInlineMod
-              }, columnDefinition: this.columnDefinition, readonly: true, clearable: false, useTranslate: this.useTranslate, customModel: this.customModel, displayType: displayType, entityType: this.getEntityType(), valuesColor: (_a = this.valuesColor) === null || _a === void 0 ? void 0 : _a.find((e) => e.key === title), item: selected, isHistory: this.isHistory }),
+            h("yoo-entity", { class: { autocomplete: true, 'autocomplete-selected': true, last: index === selection.length - 1, list: !isInlineMod }, columnDefinition: this.columnDefinition, readonly: true, clearable: false, useTranslate: this.useTranslate, customModel: this.customModel, displayType: displayType, entityType: this.getEntityType(), valuesColor: (_a = this.valuesColor) === null || _a === void 0 ? void 0 : _a.find((e) => e.key === title), item: selected, isHistory: this.isHistory, entityMapping: this.entityMapping }),
             (isInlineMod && this.readonly) || (index !== this.selection.length - 1 && h("span", { class: "comma-separator" }, ","))
           ];
         }))));
@@ -1059,7 +1038,7 @@ export class YooFormAutocompleteComponent {
     }
   }
   renderUploader() {
-    return h("yoo-form-uploader", { ref: (el) => this.fileUploader = el, onInputChanged: (ev) => this.onFileChanges(ev), multiple: this.multiple });
+    return h("yoo-form-uploader", { ref: (el) => (this.fileUploader = el), onInputChanged: (ev) => this.onFileChanges(ev), multiple: this.multiple });
   }
   async clearItem(item) {
     if (this.value && this.value.length) {
@@ -1275,6 +1254,24 @@ export class YooFormAutocompleteComponent {
       "attribute": "disabled",
       "reflect": false
     },
+    "keepSelection": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "keep-selection",
+      "reflect": false,
+      "defaultValue": "true"
+    },
     "allowCustomTag": {
       "type": "boolean",
       "mutable": false,
@@ -1655,7 +1652,7 @@ export class YooFormAutocompleteComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",
@@ -1873,23 +1870,6 @@ export class YooFormAutocompleteComponent {
       "attribute": "max-height",
       "reflect": false
     },
-    "hideSelected": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-selected",
-      "reflect": false
-    },
     "returnQuery": {
       "type": "boolean",
       "mutable": false,
@@ -1963,7 +1943,7 @@ export class YooFormAutocompleteComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",
@@ -1980,23 +1960,6 @@ export class YooFormAutocompleteComponent {
       "attribute": "preview-entity-type",
       "reflect": false
     },
-    "forceRefresh": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "force-refresh",
-      "reflect": false
-    },
     "forceHideSearch": {
       "type": "boolean",
       "mutable": false,
@@ -2545,6 +2508,26 @@ export class YooFormAutocompleteComponent {
         "tags": [],
         "text": ""
       }
+    },
+    "entityMapping": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "TEntityMapping",
+        "resolved": "(item: IEntity, entityType: EntityType, displayType: CardType, displaySize?: TSize, useCellOverlay?: boolean) => string | ICardListEntry | ICardMediaEntry",
+        "references": {
+          "TEntityMapping": {
+            "location": "import",
+            "path": "@shared/interfaces"
+          }
+        }
+      },
+      "required": false,
+      "optional": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      }
     }
   }; }
   static get states() { return {
@@ -2700,6 +2683,21 @@ export class YooFormAutocompleteComponent {
         "resolved": "any[]",
         "references": {}
       }
+    }, {
+      "method": "mobileAutocompleteClosed",
+      "name": "mobileAutocompleteClosed",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any[]",
+        "resolved": "any[]",
+        "references": {}
+      }
     }, {
       "method": "extraDataChanged",
       "name": "extraDataChanged",

package/dist/collection/components/form/form-autocomplete-dialog/form-autocomplete-dialog.js CHANGED Viewed

@@ -94,11 +94,8 @@ export class YooFormAutocompleteDialogComponent {
     if ((!this.isLocal && (!this.values || (this.values && this.values.length === 0))) || isWeb(this.host)) {
       this.initialLoadComplete = false;
     }
-    else if (!isWeb(this.host) && this.isLocal && (this.values || this.values.length === 0)) {
-      this.initialLoadComplete = false;
-    }
     else {
-      this.initialLoadComplete = true;
+      this.initialLoadComplete = !(!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;
@@ -110,9 +107,7 @@ export class YooFormAutocompleteDialogComponent {
     if (this.gridExpandedOnLoad) {
       this.gridIsExpanded = true;
     }
-    if (this.isLocal) {
-      this.onValueChanged();
-    }
+    this.onValueChanged();
   }
   componentDidLoad() {
     if (isNativeMobile()) {
@@ -355,7 +350,7 @@ export class YooFormAutocompleteDialogComponent {
         h("yoo-items", { slot: "start" },
           h("yoo-button", { color: "text-color", fill: "transparent", shape: "circular", rippleType: "unbounded", onClick: () => this.onCancel() },
             h("yoo-icon", { name: "close", color: "text-color" }))),
-        h("yoo-truncate", { onClick: () => this.onHeaderClick() }, this.initialLoadComplete && this.getDialogTitle()),
+        h("yoo-truncated-line", { onClick: () => this.onHeaderClick(), content: this.initialLoadComplete && this.getDialogTitle() }),
         h("yoo-items", { slot: "end", onClick: (ev) => this.onSave(ev) }, this.multiple && (h("yoo-button", { color: "app-color", fill: "transparent", animated: false }, translate('YOOBICDONE')))))));
   }
   renderExpandedGrid() {
@@ -365,7 +360,7 @@ export class YooFormAutocompleteDialogComponent {
         'expanded-grid': true,
         'no-margin autocomplete': 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: isNullOrUndefined(this.hideHeader) ? false : this.hideHeader, showSearch: this.forceHideSearch ? false : true, 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 ? translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : 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' ? 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 }));
+      }, 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: 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 ? translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : 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' ? 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;
@@ -376,7 +371,7 @@ export class YooFormAutocompleteDialogComponent {
         'no-margin autocomplete': 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: 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 ? translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : 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 && !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' ? 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 }));
+      }, 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: 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 ? translate(this.isLocal ? 'AUTOCOMPLETESEARCHADD' : 'SEARCHORADD') : 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 && !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' ? 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 (h("div", { class: "outer-container" },
@@ -476,7 +471,7 @@ export class YooFormAutocompleteDialogComponent {
       "mutable": false,
       "complexType": {
         "original": "EntityType",
-        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+        "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"geofilters\" | \"hierarchy\" | \"incentives\" | \"locationtypes\" | \"plans\" | \"translations\" | \"aclRole\" | \"blog\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"productbatch\" | \"products\" | \"tenants\" | \"userranks\" | \"users\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"campaigntypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"notes\" | \"notifications\" | \"photos\" | \"productbatchlist\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"topusers\" | \"unsplash\" | \"useraudience\" | \"userlearningmanager\" | \"usercourseinfo\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
         "references": {
           "EntityType": {
             "location": "import",
@@ -1465,6 +1460,21 @@ export class YooFormAutocompleteDialogComponent {
         "resolved": "boolean",
         "references": {}
       }
+    }, {
+      "method": "currentPageChanged",
+      "name": "currentPageChanged",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      }
     }]; }
   static get methods() { return {
     "getLocalSearchValue": {

package/dist/collection/components/form/form-calendar-dialog/form-calendar-dialog.js CHANGED Viewed

@@ -47,7 +47,7 @@ export class YooFormCalendarDialogComponent {
                 h("yoo-icon", { name: "close", color: "stable" }))),
             h("yoo-truncate", null, translate('SELECTDATE')),
             h("yoo-items", { slot: "end" },
-              h("yoo-button", { color: "app-color", fill: "transparent", "ripple-type": "unbounded", onClick: (ev) => this.onTodayClicked(ev) }, translate('TODAY')))))),
+              h("yoo-button", { color: "app-color", fill: "transparent", "ripple-type": "unbounded", onClick: (ev) => this.onTodayClicked(ev) }, translate('YOOBICTODAY')))))),
       h("yoo-ion-content", null,
         h("yoo-calendar", { ref: (el) => (this.calendarHTMLElement = el), class: "calendar-picker datetime", isDatePicker: true, activeDay: this.value, onDateChanged: (ev) => { var _a; return this.onDateChanged(ev, (_a = ev.detail) === null || _a === void 0 ? void 0 : _a.date); } }),
         h("yoo-form-time", { type: "datetime", value: this.value, onInputChanged: (ev) => this.onDateChanged(ev, ev.detail, true), onAmPmToggled: (ev) => this.onAmPmToggled(ev), onValidityChanged: (ev) => ev.stopPropagation() })),

package/dist/collection/components/form/form-capture/form-capture.css CHANGED Viewed

@@ -260,6 +260,9 @@ null: CSS defaults to use the ltr css, and adds [dir=rtl] selectors to override
 :host .outer-container .progressbar-wrapper .main-wrapper {
   height: var(--spacing-32, 2rem);
 }
+:host .outer-container .progressbar-wrapper .main-wrapper yoo-progress-bar {
+  --progress-bar-color: var(--app-color, #5a30f4);
+}
 :host .outer-container .camera-container {
   position: relative;
   width: var(--camera-container-height, 6.125rem);