@yoobic/yobi 8.5.0-4 → 8.5.0-40

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

@@ -1,6 +1,6 @@
 import { FormFieldType } from '@shared/interfaces';
 import { 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 { h, Host } from '@stencil/core';
 import { compact, isArray, isNumber, isString, uniq } from 'lodash-es';
 import { execHandlerAndStopEvent, getAppContext, showImageCropper } from '../../../utils/helpers/common-helpers';
 import { getFormBottomPosition, setValidator, setValueAndValidateInput } from '../../../utils/helpers/form-input-helpers';
@@ -30,7 +30,6 @@ export class YooFormAutocompleteComponent {
     this.pageSize = 20;
     this.readonlyDisplay = 'inline';
     this.preventUpload = false;
-    this.dialogWidth = 'unset';
     this.showDropdownContent = false;
     this.selection = [];
     this.showEmptyItemsAddNewTag = false;
@@ -39,9 +38,13 @@ export class YooFormAutocompleteComponent {
     this.localValues = [];
     this.forceSelectedContentIdOnlyReload = false;
     this.gridIsExpanded = false;
+    this.currentPage = 0;
     this.maxPage = 0;
     this.infiniteScrollDisabled = false;
   }
+  get iconSize() {
+    return ['small', 'medium'].includes(this.size) ? 'small' : 'medium';
+  }
   async onWebAutocompleteOpened() {
     if (this.showDropdownContent) {
       await this.hideContainer();
@@ -65,7 +68,7 @@ export class YooFormAutocompleteComponent {
     this.updateSelection();
   }
   async onValuesIconChange() {
-    this.getValueIcon();
+    this.updateValuesIcon();
   }
   onValidatorsChanged() {
     setValidator(this);
@@ -106,7 +109,7 @@ export class YooFormAutocompleteComponent {
     }
     this.isLoading = false;
     if (this.valuesIcon && !(values === null || values === void 0 ? void 0 : values.icon) && (values === null || values === void 0 ? void 0 : values.length)) {
-      this.getValueIcon();
+      this.updateValuesIcon();
     }
   }
   async setValue(value) {
@@ -195,9 +198,6 @@ export class YooFormAutocompleteComponent {
   async resetCurrentPage() {
     this.currentPage = 0;
   }
-  async openDialog() {
-    await this.showContainerDialog();
-  }
   async updateValidation(value) {
     await this.setValueAndValidateInput(value);
   }
@@ -218,7 +218,7 @@ export class YooFormAutocompleteComponent {
     }
     this.fileUploaderData = [];
     if (this.valuesIcon) {
-      this.getValueIcon();
+      this.updateValuesIcon();
     }
     if (this.idOnly) {
       this.setIdOnlyFullSelection();
@@ -227,7 +227,7 @@ export class YooFormAutocompleteComponent {
   async componentDidLoad() {
     var _a, _b;
     if (this.validateOnLoad && this.value) {
-      this.setValueAndValidateInput(this.value);
+      await this.setValueAndValidateInput(this.value);
     }
     this.formDynamic = findParent(this.host);
     this.hideContainerListener = () => this.hideContainer();
@@ -236,7 +236,7 @@ export class YooFormAutocompleteComponent {
     }
     document.body.addEventListener('click', this.hideContainerListener);
     if (this.idOnly && this.value && (!this.expandHeightOnShow || !this.values || ((_a = this.values) === null || _a === void 0 ? void 0 : _a.length) === 0)) {
-      await this.refreshValues();
+      await this.fetch();
     }
     if (this.uploadInitialValue && this.value) {
       this.isUploading = true;
@@ -269,10 +269,6 @@ export class YooFormAutocompleteComponent {
   async setValueAndValidateInput(value) {
     await setValueAndValidateInput(value, this);
   }
-  get dropdownOpenUp() {
-    const inputBottom = this.host.getBoundingClientRect().bottom;
-    return inputBottom + AUTOCOMPLETE_DROPDOWN_HEIGHT > this.formDynamicBottom;
-  }
   get scrollDistance() {
     const inputBottom = this.host.getBoundingClientRect().bottom;
     return inputBottom + AUTOCOMPLETE_DROPDOWN_HEIGHT > this.formDynamicBottom ? inputBottom + AUTOCOMPLETE_DROPDOWN_HEIGHT - this.formDynamicBottom : 0;
@@ -298,13 +294,7 @@ export class YooFormAutocompleteComponent {
   onCurrentPageChange(page) {
     this.currentPage = page;
   }
-  getIconSize() {
-    if (this.size === 'medium' || this.size === 'small') {
-      return 'small';
-    }
-    return 'medium';
-  }
-  getSearchedItemSelection(ev) {
+  updateSearchedItemSelection(ev) {
     if (!this.searchedItemSelection) {
       this.searchedItemSelection = compact([ev.detail]);
     }
@@ -312,7 +302,7 @@ export class YooFormAutocompleteComponent {
       this.searchedItemSelection = compact([ev.detail, ...this.searchedItemSelection]);
     }
   }
-  getValueIcon() {
+  updateValuesIcon() {
     var _a;
     this.values = (_a = this.values) === null || _a === void 0 ? void 0 : _a.map((value) => {
       var _a, _b, _c;
@@ -371,105 +361,85 @@ export class YooFormAutocompleteComponent {
       });
     }
   }
-  onFetchData(ev) {
+  async fetch(gridSearch) {
     var _a;
-    ev.stopPropagation();
+    const finalGridSearch = {
+      appendData: false,
+      currentPage: this.currentPage,
+      fieldValue: this.value,
+      pageSize: this.pageSize,
+      search: this.searchText,
+      selectionQuery: this.returnQuery ? this.value : undefined,
+      sortsAndFilters: this.sortsAndFilters,
+      tags: this.currentSelectedTags,
+      tmpValues: this.values,
+      ...(gridSearch || {})
+    };
     if (this.customDataLoader) {
-      this.onFetchDataCustom(ev);
-      return null;
+      await this.fetchCustom(finalGridSearch);
     }
-    // If a user has selected items that are not on the first page and has searched for items then the selected items will be lost and only their ids kept
-    // On the first load we must load the previous max items to ensure the selected items are loaded correctly
-    if (this.idOnly && !ev.detail.search && ((_a = this.selection) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.maxPage > ev.detail.currentPage && ev.detail.currentPage === 0) {
-      const newPageSize = (this.maxPage + 1) * this.pageSize;
-      ev.detail.pageSize = newPageSize;
+    else {
+      // If a user has selected items that are not on the first page and has searched for items then the selected items will be lost and only their ids kept
+      // On the first load we must load the previous max items to ensure the selected items are loaded correctly
+      if (this.idOnly && !finalGridSearch.search && ((_a = this.selection) === null || _a === void 0 ? void 0 : _a.length) > 0 && this.maxPage > finalGridSearch.currentPage && finalGridSearch.currentPage === 0) {
+        finalGridSearch.pageSize = (this.maxPage + 1) * this.pageSize;
+      }
+      this.fetchData.emit(finalGridSearch);
     }
-    this.gridCurrentSearch = ev.detail;
-    this.refresh();
   }
-  onFetchDataCustom(ev) {
-    const search = ev.detail;
-    const finalPageSize = (search === null || search === void 0 ? void 0 : search.pageSize) || 20;
+  async fetchCustom(gridSearch) {
+    var _a, _b;
+    const finalPageSize = gridSearch.pageSize || 20;
     this.isLoading = true;
     const formDynamic = findParent(this.host, 'yoo-form-dynamic');
-    return this.customDataLoader({
-      currentPage: search.currentPage,
+    const ret = await this.customDataLoader({
+      currentPage: gridSearch.currentPage,
       pageSize: finalPageSize,
-      startDate: search.startDate,
-      endDate: search.endDate,
+      startDate: gridSearch.startDate,
+      endDate: gridSearch.endDate,
       sortAndFilters: this.sortsAndFilters,
-      search: search.search,
+      search: gridSearch.search,
       data: formDynamic === null || formDynamic === void 0 ? void 0 : formDynamic.data
-    }).then((ret) => {
-      var _a, _b;
-      if (search.currentPage === 0) {
-        this.values = [...(ret.data || [])];
-      }
-      else {
-        this.values = [...(this.values || []), ...(ret.data || [])];
-      }
-      this.isLoading = false;
-      const hasReachedMaxItem = (((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.length) || 0) < finalPageSize;
-      if (ev && (search === null || search === void 0 ? void 0 : search.infiniteScroll)) {
-        search.infiniteScroll.complete();
-        if (search.infiniteScrollType === 'infiniteScroll' && hasReachedMaxItem) {
-          search.infiniteScroll.disabled = true;
-          this.infiniteScrollDisabled = true;
-        }
-        else {
-          this.infiniteScrollDisabled = false;
-        }
+    });
+    if (gridSearch.currentPage === 0) {
+      this.values = [...(ret.data || [])];
+    }
+    else {
+      this.values = [...(this.values || []), ...(ret.data || [])];
+    }
+    this.isLoading = false;
+    const hasReachedMaxItem = (((_a = ret === null || ret === void 0 ? void 0 : ret.data) === null || _a === void 0 ? void 0 : _a.length) || 0) < finalPageSize;
+    if (gridSearch.infiniteScroll) {
+      gridSearch.infiniteScroll.complete();
+      if (gridSearch.infiniteScrollType === 'infiniteScroll' && hasReachedMaxItem) {
+        gridSearch.infiniteScroll.disabled = true;
+        this.infiniteScrollDisabled = true;
       }
       else {
-        this.infiniteScrollDisabled = hasReachedMaxItem;
-      }
-      if (this.dialog) {
-        this.dialog.values = this.values;
-        this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
-        this.dialog.isLoading = false;
-      }
-      if (!this.initialValueLength) {
-        this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
+        this.infiniteScrollDisabled = false;
       }
-      return this.values;
-    });
+    }
+    else {
+      this.infiniteScrollDisabled = hasReachedMaxItem;
+    }
+    if (this.dialog) {
+      this.dialog.values = this.values;
+      this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
+      this.dialog.isLoading = false;
+    }
+    if (!this.initialValueLength) {
+      this.initialValueLength = (_b = this.values) === null || _b === void 0 ? void 0 : _b.length;
+    }
+    return this.values;
   }
   onFetchFieldFilterData(ev) {
     ev.stopPropagation();
     this.fetchFieldFilterData.emit(ev.detail);
   }
-  onSortsAndFiltersChange(ev) {
+  async onSortsAndFiltersChange(ev) {
     ev.stopPropagation();
     this.sortsAndFilters = ev.detail;
-    this.refresh();
-  }
-  refresh() {
-    if (this.gridCurrentSearch) {
-      this.gridCurrentSearch.sortsAndFilters = this.sortsAndFilters;
-      if (this.returnQuery) {
-        this.gridCurrentSearch.selectionQuery = this.value;
-      }
-      else {
-        this.gridCurrentSearch.fieldValue = this.value;
-      }
-      this.fetchData.emit(this.gridCurrentSearch);
-      this.gridCurrentSearch.tmpValues = this.values;
-    }
-  }
-  async refreshValues() {
-    await this.resetCurrentPage();
-    if (!this.isLocal) {
-      this.gridCurrentSearch = {
-        appendData: false,
-        currentPage: this.currentPage,
-        fieldValue: this.value,
-        pageSize: this.pageSize,
-        search: this.searchText,
-        tags: this.currentSelectedTags,
-        tmpValues: this.values
-      };
-      this.fetchData.emit(this.gridCurrentSearch);
-    }
+    await this.fetch();
   }
   async onInputContainerClicked() {
     this.host.classList.add('focused');
@@ -542,7 +512,8 @@ export class YooFormAutocompleteComponent {
   }
   async showContainer() {
     this.webAutocompleteOpened.emit();
-    await this.refreshValues();
+    await this.resetCurrentPage();
+    await this.fetch();
     if (this.itemsContainer) {
       if (this.itemsContainer.classList.contains('show-display')) {
         this.removeAddItemContainerClasses(true);
@@ -571,7 +542,8 @@ export class YooFormAutocompleteComponent {
     this.showDropdownContent = !this.showDropdownContent;
   }
   async showContainerDialog(isExpanding) {
-    await this.refreshValues();
+    await this.resetCurrentPage();
+    await this.fetch();
     this.dialog = document.createElement('yoo-form-autocomplete-dialog');
     this.dialog.multiple = this.isMultiple();
     this.dialog.displayType = this.displayType;
@@ -611,14 +583,14 @@ export class YooFormAutocompleteComponent {
     this.dialog.infiniteScrollDisabled = this.infiniteScrollDisabled;
     this.dialog.value = this.value;
     this.dialog.values = this.isLocal ? (this.storeLocalSearchValue !== undefined ? this.storeLocalValues : this.localValues) : this.values;
-    this.dialog.setAttribute('style', `--dialog-width: ${this.dialogWidth}`);
+    this.dialog.style.width = isWeb(this.host) ? this.dialogWidth || `${this.host.getBoundingClientRect().width}px` : undefined;
     this.dialog.addEventListener('currentPageChanged', (ev) => {
       ev.stopPropagation();
       this.onCurrentPageChange(ev.detail);
     });
     this.dialog.addEventListener('fetchData', (ev) => {
       ev.stopPropagation();
-      this.onFetchData(ev);
+      this.fetch(ev.detail);
     });
     this.dialog.addEventListener('fetchFieldFilterData', (ev) => {
       ev.stopPropagation();
@@ -628,19 +600,10 @@ export class YooFormAutocompleteComponent {
       ev.stopPropagation();
       this.onSortsAndFiltersChange(ev);
     });
-    this.dialog.addEventListener('tagsSelect', (ev) => {
+    this.dialog.addEventListener('tagsSelect', async (ev) => {
       ev.stopPropagation();
-      // "tagsSelect" event is raised in two cases:
-      //    - when we select a tag
-      //    - from the "componentDidLoad" of the grid, when we expand it from the dialog
-      //  This will then raise "fetchData" with the "gridCurrentSearch.currentPage". And if we already reached the last page,
-      //  no data will be returned into the "updateValues", and the grid will become empty. So, for now, we restart the fetch of
-      //  the data from the very beginning.
-      if (this.gridCurrentSearch) {
-        this.currentPage = 0;
-        this.gridCurrentSearch.currentPage = 0;
-      }
-      this.onTagsSelect(ev);
+      await this.resetCurrentPage();
+      await this.onTagsSelect(ev);
     });
     this.dialog.addEventListener('updateSelection', async (ev) => {
       ev.stopPropagation();
@@ -692,13 +655,13 @@ export class YooFormAutocompleteComponent {
     this.host.classList.remove('focused');
     this.arrowIcon = 'arrow-down';
     this.webAutocompleteClosed.emit(this.selection);
-    !this.keepSelection && this.setValue([]);
+    !this.keepSelection && await this.setValue([]);
     this.currentSelectedTags = [];
   }
   async onItemSelect(ev) {
     ev.stopPropagation();
     if (!this.multiple && this.fileUploader && this.fileUploaderData.length > 0) {
-      this.fileUploader.removeFiles();
+      await this.fileUploader.removeFiles();
       this.fileUploaderData = [];
     }
     await this.setValue(this.returnQuery ? await this.webGrid.getQuery() : ev.detail);
@@ -724,7 +687,7 @@ export class YooFormAutocompleteComponent {
   async onTagsSelect(ev) {
     ev.stopPropagation();
     this.currentSelectedTags = ev.detail;
-    await this.refreshValues();
+    await this.fetch();
   }
   onFilterRadioToggled(operator) {
     this.extraDataChanged.emit(operator);
@@ -739,18 +702,18 @@ export class YooFormAutocompleteComponent {
       await this.uploadFiles(files);
     }
     if (this.preventUpload) {
-      this.fileUploader.removeFiles();
+      await this.fileUploader.removeFiles();
     }
     if (files.length === 0 && !this.multiple && ((_a = this.selection) === null || _a === void 0 ? void 0 : _a.length) === this.fileUploaderData.length) {
-      this.setValue([]);
+      await this.setValue([]);
     }
     this.fileUploaderData = files.length > 0 ? files : this.fileUploaderData;
   }
-  onFileSelect(ev) {
+  async onFileSelect(ev) {
     if (ev) {
       const fileList = (ev.target || ev.srcElement).files;
       const files = Array.from(fileList);
-      this.uploadFiles(files);
+      await this.uploadFiles(files);
     }
   }
   async uploadFiles(fileList) {
@@ -987,31 +950,22 @@ export class YooFormAutocompleteComponent {
       }
       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) }))
+        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.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() }))),
-      !this.readonly && this.collectionName === 'files' && !this.tag && isWeb(this.host) && (h("div", { class: "icon-suffix relative" },
-        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 (h("div", { class: { 'icon-container': true } }, 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.iconSize }))), !this.readonly && (h("div", { class: "icon-suffix" }, h("yoo-icon", { name: this.arrowIcon, size: this.iconSize }))), !this.readonly && this.collectionName === 'files' && !this.tag && isWeb(this.host) && (h("div", { class: "icon-suffix relative" }, 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;
     return [
-      hasIconPrefix && !this.host.classList.contains('condition-block') && (h("div", { class: "icon-container" },
-        h("div", { class: "icon-prefix" }, !this.hideIcon && h("yoo-icon", { name: iconPrefix, size: this.getIconSize() })))),
+      hasIconPrefix && !this.host.classList.contains('condition-block') && (h("div", { class: "icon-container" }, h("div", { class: "icon-prefix" }, !this.hideIcon && h("yoo-icon", { name: iconPrefix, size: this.iconSize })))),
       this.renderEntityContent(iconPrefix, hasIconPrefix),
       this.renderIconSuffixes(hasValue)
     ];
@@ -1033,22 +987,17 @@ export class YooFormAutocompleteComponent {
     const minValuesForSearch = 4;
     const hasValue = !isNullOrUndefined(this.value) && (!isArray(this.value) || this.value.length > 0);
     const dynamicOrdering = this.dynamicOrdering !== false;
-    return (h("div", { class: { 'outer-container': true, columns: !!(this.allowCreate || (this.allowEdit && this.collectionName)) }, ref: (el) => (this.outerContainer = el) },
-      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 && (h("yoo-button", { size: this.size || 'medium', onClick: () => this.onEdit(), disabled: !hasValue },
-        h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: "pen" }))),
-      this.allowCreate && this.collectionName && (h("yoo-button", { size: this.size || 'medium', onClick: () => this.onCreate() },
-        h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: this.allowCreateIcon || 'plus' }))),
-      isWeb(this.host) && (h("div", { ref: (el) => (this.itemsContainer = el), class: "items-container down animated fadeIn" },
-        h("div", { class: "scroll-container" },
-          h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, this.showDropdownContent && (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: 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), onValidityChanged: (ev) => this.onValidityChanged(ev), infiniteScrollDisabled: this.infiniteScrollDisabled }))))))));
+    return (h("div", { class: { 'outer-container': true, columns: !!(this.allowCreate || (this.allowEdit && this.collectionName)) }, ref: (el) => (this.outerContainer = el) }, 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 && (h("yoo-button", { size: this.size || 'medium', onClick: () => this.onEdit(), disabled: !hasValue }, h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: "pen" }))), this.allowCreate && this.collectionName && (h("yoo-button", { size: this.size || 'medium', onClick: () => this.onCreate() }, h("yoo-icon", { size: this.size === 'large' ? 'medium' : 'small', name: this.allowCreateIcon || 'plus' }))), isWeb(this.host) && (h("div", { ref: (el) => (this.itemsContainer = el), class: "items-container down animated fadeIn" }, h("div", { class: "scroll-container" }, h("yoo-ion-scroll", { forceOverscroll: false, onClick: (ev) => ev.stopPropagation() }, this.showDropdownContent && (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: async (ev) => {
+        ev.stopPropagation();
+        await this.fetch(ev.detail);
+      }, 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.updateSearchedItemSelection(ev), onValidityChanged: (ev) => this.onValidityChanged(ev), infiniteScrollDisabled: this.infiniteScrollDisabled }))))))));
   }
   renderReadonly() {
     if (this.selection && this.selection.length > 0) {
@@ -1061,21 +1010,20 @@ export class YooFormAutocompleteComponent {
       if (this.entityType === 'user' && !this.tag) {
         displayType = 'card-list';
       }
-      return (h("div", { class: "readonly" },
-        h("div", { class: {
-            'entity-container': true,
-            'no-padding': true,
-            single: !this.isMultiple() || this.selection.length === 1,
-            list: !isInlineMod,
-            placeholder: Boolean(this.selection)
-          } }, selection.map((selected, index) => {
-          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, entityMapping: this.entityMapping }),
-            (isInlineMod && this.readonly) || (index !== this.selection.length - 1 && h("span", { class: "comma-separator" }, ","))
-          ];
-        }))));
+      return (h("div", { class: "readonly" }, h("div", { class: {
+          'entity-container': true,
+          'no-padding': true,
+          single: !this.isMultiple() || this.selection.length === 1,
+          list: !isInlineMod,
+          placeholder: Boolean(this.selection)
+        } }, selection.map((selected, index) => {
+        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, entityMapping: this.entityMapping }),
+          (isInlineMod && this.readonly) || (index !== this.selection.length - 1 && h("span", { class: "comma-separator" }, ","))
+        ];
+      }))));
     }
     return null;
   }
@@ -1083,8 +1031,7 @@ export class YooFormAutocompleteComponent {
     var _a;
     if (this.value && ((_a = this.value._geoloc) === null || _a === void 0 ? void 0 : _a.length) > 1) {
       const marker = { title: this.value._id, _id: this.value._id, latitude: this.value._geoloc[1], longitude: this.value._geoloc[0] };
-      return (h("div", { class: "map-container" },
-        h("yoo-map", { class: "absolute", position: marker, showControls: !this.readonly, markers: [marker] })));
+      return (h("div", { class: "map-container" }, h("yoo-map", { class: "absolute", position: marker, showControls: !this.readonly, markers: [marker] })));
     }
   }
   renderUploader() {
@@ -1110,12 +1057,9 @@ export class YooFormAutocompleteComponent {
   renderPreviewEntity(item) {
     let removeButton;
     if (!this.readonly) {
-      removeButton = (h("div", { class: "remove", onClick: () => this.clearItem(item) },
-        h("yoo-icon", { name: "cross", size: this.getIconSize() })));
+      removeButton = (h("div", { class: "remove", onClick: () => this.clearItem(item) }, h("yoo-icon", { name: "cross", size: this.iconSize })));
     }
-    return (h("div", { class: "entity" },
-      h("yoo-entity", { class: "catalog-display", displayType: this.displayType, entityType: this.previewEntityType, item: item }),
-      removeButton));
+    return (h("div", { class: "entity" }, h("yoo-entity", { class: "catalog-display", displayType: this.displayType, entityType: this.previewEntityType, item: item }), removeButton));
   }
   render() {
     var _a;
@@ -1134,1881 +1078,1876 @@ export class YooFormAutocompleteComponent {
         if (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' && 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' && isWeb(this.host) && !this.tag && !this.isFilter && this.renderUploader()));
   }
   static get is() { return "yoo-form-autocomplete"; }
   static get encapsulation() { return "shadow"; }
-  static get originalStyleUrls() { return {
-    "$": ["form-autocomplete.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["form-autocomplete.css"]
-  }; }
-  static get properties() { return {
-    "uploadInitialValue": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "trigger file change with a initial that was passed in"
-      },
-      "attribute": "upload-initial-value",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "multiple": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "multiple",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "multipleSelectionSuffix": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": "Suffix used as part of the input.\nFor instance, it can be used to have `5 Documents Attached` or `5 Documents` instead of `5 Documents Selected`.\nThis props has an effect only when `multiple` is `true`"
-      },
-      "attribute": "multiple-selection-suffix",
-      "reflect": false,
-      "defaultValue": "'SELECTED'"
-    },
-    "isLoading": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-loading",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "avatarMode": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "avatar-mode",
-      "reflect": false
-    },
-    "required": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "required",
-      "reflect": false
-    },
-    "useTranslate": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "use-translate",
-      "reflect": false
-    },
-    "readonly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly",
-      "reflect": false
-    },
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "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,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-custom-tag",
-      "reflect": false
-    },
-    "allowCreate": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-create",
-      "reflect": false
-    },
-    "allowCreateIcon": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TIconName",
-        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"bulb\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"certificate\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"clap\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"help-centre\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"journey-app\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"media\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-article\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"support-like\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"trash\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
-        "references": {
-          "TIconName": {
-            "location": "import",
-            "path": "@shared/interfaces"
+  static get originalStyleUrls() {
+    return {
+      "$": ["form-autocomplete.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["form-autocomplete.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "uploadInitialValue": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "trigger file change with a initial that was passed in"
+        },
+        "attribute": "upload-initial-value",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "multiple": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "multiple",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "multipleSelectionSuffix": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": "Suffix used as part of the input.\nFor instance, it can be used to have `5 Documents Attached` or `5 Documents` instead of `5 Documents Selected`.\nThis props has an effect only when `multiple` is `true`"
+        },
+        "attribute": "multiple-selection-suffix",
+        "reflect": false,
+        "defaultValue": "'SELECTED'"
+      },
+      "isLoading": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-loading",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "avatarMode": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "avatar-mode",
+        "reflect": false
+      },
+      "required": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "required",
+        "reflect": false
+      },
+      "useTranslate": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-translate",
+        "reflect": false
+      },
+      "readonly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly",
+        "reflect": false
+      },
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "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,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-custom-tag",
+        "reflect": false
+      },
+      "allowCreate": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-create",
+        "reflect": false
+      },
+      "allowCreateIcon": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TIconName",
+          "resolved": "\"number\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"bulb\" | \"buttons-single-choice\" | \"calendar\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"certificate\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"clap\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"help-centre\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"info\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"journey-app\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"media\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-article\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"support-like\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"trash\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
+          "references": {
+            "TIconName": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-create-icon",
-      "reflect": false
-    },
-    "allowCreateItem": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "Record<string, any>",
-        "resolved": "{ [x: string]: any; }",
-        "references": {
-          "Record": {
-            "location": "global"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-create-icon",
+        "reflect": false
+      },
+      "allowCreateItem": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Record<string, any>",
+          "resolved": "{ [x: string]: any; }",
+          "references": {
+            "Record": {
+              "location": "global"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "allowEdit": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-edit",
-      "reflect": false
-    },
-    "allowCustomValue": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "allow-custom-value",
-      "reflect": false
-    },
-    "idOnly": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "id-only",
-      "reflect": false
-    },
-    "idAttributeName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "id-attribute-name",
-      "reflect": false
-    },
-    "tag": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tag",
-      "reflect": false
-    },
-    "min": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "min",
-      "reflect": false
-    },
-    "max": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max",
-      "reflect": false
-    },
-    "clearable": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "clearable",
-      "reflect": false
-    },
-    "hideTags": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-tags",
-      "reflect": false
-    },
-    "isHistory": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-history",
-      "reflect": false
-    },
-    "inline": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "inline",
-      "reflect": false
-    },
-    "displayType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "CardType",
-        "resolved": "\"calendar\" | \"card-calendar\" | \"card-battle\" | \"card-battle-result\" | \"card-campaign\" | \"card-cell\" | \"card-cell-color\" | \"card-cell-image\" | \"card-chat\" | \"card-course\" | \"card-course-info\" | \"card-course-row\" | \"card-course-row-compact\" | \"card-default\" | \"card-feed\" | \"card-feed-row\" | \"card-file\" | \"card-grid\" | \"card-image\" | \"card-inbox\" | \"card-inbox-ongoing\" | \"card-incentive\" | \"card-incentive-rank\" | \"card-kanban\" | \"card-list\" | \"card-list-color\" | \"card-list-simple\" | \"card-location\" | \"card-map\" | \"card-media\" | \"card-menu\" | \"card-notification\" | \"card-plan\" | \"card-recommendation\" | \"card-sticky\" | \"card-tag\" | \"card-tag-single\" | \"card-template\" | \"kanban\" | \"tree\"",
-        "references": {
-          "CardType": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "allowEdit": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-edit",
+        "reflect": false
+      },
+      "allowCustomValue": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "allow-custom-value",
+        "reflect": false
+      },
+      "idOnly": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "id-only",
+        "reflect": false
+      },
+      "idAttributeName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "id-attribute-name",
+        "reflect": false
+      },
+      "tag": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tag",
+        "reflect": false
+      },
+      "min": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "min",
+        "reflect": false
+      },
+      "max": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max",
+        "reflect": false
+      },
+      "clearable": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "clearable",
+        "reflect": false
+      },
+      "hideTags": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-tags",
+        "reflect": false
+      },
+      "isHistory": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-history",
+        "reflect": false
+      },
+      "inline": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "inline",
+        "reflect": false
+      },
+      "displayType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "CardType",
+          "resolved": "\"calendar\" | \"kanban\" | \"card-calendar\" | \"card-battle\" | \"card-battle-result\" | \"card-campaign\" | \"card-cell\" | \"card-cell-color\" | \"card-cell-image\" | \"card-chat\" | \"card-course\" | \"card-course-info\" | \"card-course-row\" | \"card-course-row-compact\" | \"card-default\" | \"card-feed\" | \"card-feed-row\" | \"card-file\" | \"card-grid\" | \"card-image\" | \"card-inbox\" | \"card-inbox-ongoing\" | \"card-incentive\" | \"card-incentive-rank\" | \"card-kanban\" | \"card-list\" | \"card-list-color\" | \"card-list-simple\" | \"card-location\" | \"card-map\" | \"card-media\" | \"card-menu\" | \"card-notification\" | \"card-plan\" | \"card-recommendation\" | \"card-sticky\" | \"card-tag\" | \"card-tag-single\" | \"card-template\" | \"tree\"",
+          "references": {
+            "CardType": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "display-type",
-      "reflect": false,
-      "defaultValue": "'card-list'"
-    },
-    "placeholder": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "placeholder",
-      "reflect": false
-    },
-    "hideIcon": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-icon",
-      "reflect": false
-    },
-    "iconPrefix": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TIconName",
-        "resolved": "\"number\" | \"calendar\" | \"toggle\" | \"info\" | \"warning\" | \"right\" | \"left\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"bulb\" | \"buttons-single-choice\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"certificate\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"clap\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"help-centre\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"journey-app\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"media\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-article\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"support-like\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"trash\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
-        "references": {
-          "TIconName": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "display-type",
+        "reflect": false,
+        "defaultValue": "'card-list'"
+      },
+      "placeholder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "placeholder",
+        "reflect": false
+      },
+      "hideIcon": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-icon",
+        "reflect": false
+      },
+      "iconPrefix": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TIconName",
+          "resolved": "\"number\" | \"1x\" | \"2x\" | \"3x\" | \"4x\" | \"5x\" | \"achievement\" | \"action-plan\" | \"action-plan-create\" | \"activity\" | \"activity-history\" | \"aggregation\" | \"aisles\" | \"alarm\" | \"align-center\" | \"align-left\" | \"align-right\" | \"analysis\" | \"analytics-board-bars\" | \"analytics-boost\" | \"analytics-graph-line\" | \"answer\" | \"app-creator\" | \"apple-pay\" | \"archive\" | \"arrow-down\" | \"arrow-left\" | \"arrow-right\" | \"arrow-up\" | \"arrows-up-down\" | \"assign\" | \"assign-group\" | \"assigned\" | \"attach-file\" | \"attachment\" | \"audio-offline\" | \"audit\" | \"author\" | \"auto-flash\" | \"autocomplete\" | \"automotive-airplane\" | \"automotive-bus\" | \"automotive-car\" | \"automotive-cycle\" | \"automotive-gas\" | \"automotive-road\" | \"automotive-route\" | \"automotive-route-sign\" | \"automotive-scooter\" | \"automotive-shipping\" | \"award-trophy-star\" | \"background-off\" | \"background-on\" | \"badge\" | \"badge-book\" | \"badge-brain\" | \"badge-crown\" | \"badge-makeup-1\" | \"badge-stats\" | \"barcode\" | \"battery-status-bar\" | \"battle\" | \"beverages-beer\" | \"beverages-bottle\" | \"beverages-champagne\" | \"beverages-cocktail\" | \"beverages-coffee\" | \"beverages-drink\" | \"beverages-hot-drink\" | \"beverages-tropical-cocktail\" | \"beverages-water\" | \"beverages-wine\" | \"big-arrow-down\" | \"big-arrow-left\" | \"big-arrow-right\" | \"big-arrow-up\" | \"bigfont\" | \"blocks\" | \"bluetooth\" | \"bookmark\" | \"boost\" | \"branch\" | \"brush\" | \"bulb\" | \"buttons-single-choice\" | \"calendar\" | \"calendar-date\" | \"calendar-end-date\" | \"calendar-error\" | \"calendar-new-event\" | \"calendar-received\" | \"calendar-sent\" | \"calendar-warning\" | \"camera\" | \"campaign\" | \"campaign-create\" | \"campaign-filter\" | \"catalogue\" | \"catch-them\" | \"categories\" | \"certificate\" | \"chart\" | \"chat\" | \"chat-new\" | \"check\" | \"check-product\" | \"circle\" | \"circle-minor\" | \"circle-plus\" | \"circle1\" | \"circle2\" | \"clap\" | \"close\" | \"color-picker\" | \"column\" | \"comment\" | \"community\" | \"company\" | \"compass-direction\" | \"condition\" | \"connect\" | \"contact\" | \"cosmetics-brush\" | \"cosmetics-brush-scissors\" | \"cosmetics-brush-set\" | \"cosmetics-comb\" | \"cosmetics-hairdryer\" | \"cosmetics-lips\" | \"cosmetics-lipstick\" | \"cosmetics-mirror\" | \"cosmetics-nail-polish\" | \"courses\" | \"create-chat\" | \"cross\" | \"custom\" | \"cut\" | \"daily\" | \"darkmode\" | \"dashboards\" | \"dashboards-new\" | \"data-file-add\" | \"database\" | \"database-add\" | \"database-check\" | \"database-download\" | \"database-edit\" | \"database-history\" | \"database-import\" | \"database-lock\" | \"database-question\" | \"database-refresh\" | \"database-remove\" | \"database-search\" | \"database-settings\" | \"database-star\" | \"database-subtract\" | \"database-sync\" | \"database-warning\" | \"date-time\" | \"day-view\" | \"delete\" | \"desktop\" | \"diagram-arrow-right\" | \"diploma\" | \"diploma-history\" | \"diploma-manager\" | \"diploma-new\" | \"dislike\" | \"dot\" | \"double-tick\" | \"down\" | \"down-circle\" | \"download\" | \"downloaded\" | \"draggable\" | \"duplicate\" | \"email\" | \"emoji\" | \"end-call\" | \"expand-chart\" | \"explore\" | \"export\" | \"eye\" | \"facebook\" | \"fashion-boot\" | \"fashion-bra\" | \"fashion-coat\" | \"fashion-dress\" | \"fashion-perfume\" | \"fashion-pump\" | \"fashion-shoe\" | \"fashion-t-shirt\" | \"fashion-trousers\" | \"fashion-women\" | \"feed\" | \"feed-create-post\" | \"feedback\" | \"feedback-neutral\" | \"feedback-sad\" | \"file\" | \"file-add\" | \"file-csv\" | \"file-download\" | \"file-excel\" | \"file-pdf\" | \"file-powerpoint\" | \"file-upload\" | \"file-word\" | \"filter\" | \"first\" | \"fixed\" | \"flag\" | \"flash-off\" | \"flash-on\" | \"flip\" | \"folder\" | \"folder-add\" | \"folder-download\" | \"folder-edit\" | \"folder-remove\" | \"folder-upload\" | \"food-apple\" | \"food-banana\" | \"food-bowl\" | \"food-carrot\" | \"food-cherry\" | \"food-egg\" | \"food-orange\" | \"food-pear\" | \"food-pineapple\" | \"food-strawberry\" | \"formula\" | \"forward\" | \"frame\" | \"full-height\" | \"furniture\" | \"geo-filter\" | \"gif\" | \"go-to\" | \"gps\" | \"grid-phone\" | \"grid-view\" | \"group\" | \"hashtag\" | \"heart\" | \"help\" | \"help-centre\" | \"history\" | \"home\" | \"hotel-award\" | \"hotel-award-book\" | \"hotel-bed\" | \"hotel-bell\" | \"hotel-bellhop\" | \"hotel-building\" | \"hotel-dnd\" | \"hotel-room-service-1\" | \"hotel-room-service-2\" | \"hotel-room-service-3\" | \"hotzone\" | \"hourglass\" | \"hr\" | \"image\" | \"image-map\" | \"image-offline\" | \"import\" | \"inbox\" | \"incentive-manager\" | \"incentive-manager1\" | \"indeterminate\" | \"info\" | \"inquiry\" | \"instagram\" | \"instant-play\" | \"iphone\" | \"journey\" | \"journey-app\" | \"keyboard\" | \"large-with-info\" | \"large-without-info\" | \"last\" | \"layout\" | \"leaderboard\" | \"learning-path\" | \"left\" | \"left-circle\" | \"left-web\" | \"lesson\" | \"like\" | \"link\" | \"link-broken\" | \"linkedin\" | \"list-view\" | \"livestream\" | \"loading\" | \"lock\" | \"logic\" | \"logic-visible\" | \"low-power\" | \"luxury-bag\" | \"luxury-bottle\" | \"luxury-gift\" | \"luxury-glasses\" | \"luxury-handbag\" | \"luxury-necklace\" | \"luxury-necklace-2\" | \"luxury-necklace-3\" | \"luxury-stars\" | \"luxury-watch\" | \"mandatory\" | \"map\" | \"maximize\" | \"maximize-web\" | \"medal\" | \"media\" | \"mention\" | \"menu\" | \"microphone\" | \"minimize\" | \"minimize-web\" | \"minus\" | \"missing-word\" | \"mission\" | \"mission-data\" | \"mission-download\" | \"month-view\" | \"monthly\" | \"more\" | \"more-2\" | \"more-circle\" | \"more-shapes\" | \"move\" | \"move-down\" | \"move-up\" | \"multiple-photos\" | \"mute-microphone\" | \"new-article\" | \"new-lesson\" | \"new-rectangle\" | \"new-section\" | \"new-task\" | \"news\" | \"next-photo\" | \"no-data\" | \"no-video\" | \"not-allowed\" | \"note\" | \"offline\" | \"offline-play\" | \"ongoing\" | \"operations\" | \"out-of-stock-product\" | \"pages\" | \"password\" | \"paste\" | \"pause\" | \"pause-audio\" | \"pen\" | \"personal-development\" | \"pharma-drug-box\" | \"pharma-first-aid\" | \"pharma-first-aid-kit\" | \"pharma-heartrate\" | \"pharma-hospital\" | \"pharma-iv-bag\" | \"pharma-medication\" | \"pharma-pill\" | \"pharma-pills-box\" | \"pharma-syringe\" | \"phone\" | \"phone-action-camera\" | \"photo-annotated\" | \"photo-library\" | \"photo-mandatory\" | \"pin\" | \"pin-new-site\" | \"pin-selected\" | \"pivot\" | \"play\" | \"play-audio\" | \"plugin\" | \"plus\" | \"podcast\" | \"poll\" | \"price-dollar\" | \"price-euro\" | \"price-sterling\" | \"print\" | \"priority\" | \"product\" | \"product-briefcase\" | \"profile\" | \"publish\" | \"pull-to-refresh\" | \"qr-code\" | \"question-new\" | \"questions\" | \"radio-button-off\" | \"radio-button-on\" | \"ranking\" | \"ranking-toggle\" | \"read\" | \"reason\" | \"recent\" | \"redo\" | \"refresh\" | \"rejected\" | \"rejector\" | \"repeat\" | \"request\" | \"restart\" | \"restaurant-bread\" | \"restaurant-chef\" | \"restaurant-croissant\" | \"restaurant-flatware\" | \"restaurant-grocery\" | \"restaurant-kitchen-bell\" | \"restaurant-knife-board\" | \"restaurant-menu\" | \"restaurant-platware-2\" | \"restaurant-vegetables-plate\" | \"restriction\" | \"right\" | \"right-circle\" | \"right-web\" | \"rotate-camera\" | \"rubber\" | \"sales\" | \"save\" | \"scale-rating\" | \"scan\" | \"schedule-user\" | \"schedule-view\" | \"scoring\" | \"scoring-visible\" | \"scratch\" | \"screenshare\" | \"search\" | \"search-product\" | \"security\" | \"select\" | \"select-all\" | \"send\" | \"send-story\" | \"settings\" | \"share\" | \"share-file\" | \"shipment-smartphone-arrive\" | \"shopping-basket\" | \"side-menu-collapse\" | \"side-menu-expand\" | \"sidebar-left\" | \"sidebar-right\" | \"signal-status-bar\" | \"signature\" | \"single-choice\" | \"single-view\" | \"slider\" | \"small-with-info\" | \"small-without-info\" | \"sms\" | \"sort-down\" | \"sort-up\" | \"sort-up-and-down\" | \"star\" | \"start-recording\" | \"start-rectangle\" | \"stats\" | \"step\" | \"stop-watch\" | \"store\" | \"store-archived\" | \"support\" | \"support-like\" | \"swipe-detail\" | \"swipe-explanation\" | \"sync-product\" | \"tab\" | \"table\" | \"tableau\" | \"tablet\" | \"tag\" | \"tags-settings\" | \"task\" | \"text-predefined\" | \"theme\" | \"tick\" | \"to-do\" | \"todo-boost\" | \"toggle\" | \"toggle-off-video\" | \"transaction\" | \"translate\" | \"translation-check\" | \"translation-warning\" | \"trash\" | \"triangle\" | \"twitter\" | \"type-tool\" | \"unarchive\" | \"unassign\" | \"unassign-group\" | \"unbook\" | \"undo\" | \"unlocked\" | \"unread\" | \"up\" | \"up-circle\" | \"upgrade\" | \"upload\" | \"user\" | \"user-block\" | \"user-live\" | \"user-lock\" | \"user-new\" | \"validate\" | \"validation-date\" | \"validator\" | \"value\" | \"variable\" | \"verified\" | \"videocamera\" | \"view\" | \"virtual-queuing\" | \"visit\" | \"visual-merchandising\" | \"volume-off\" | \"volume-on\" | \"waiting-list\" | \"warning\" | \"warning-2\" | \"warning-product\" | \"webcam\" | \"week-view\" | \"weekdays\" | \"weekly\" | \"weeks\" | \"wifi-status-bar\" | \"word-search\" | \"workflow\" | \"yearly\" | \"yoobic\" | \"zip-file\" | \"zoom-in\" | \"zoom-out\"",
+          "references": {
+            "TIconName": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "icon-prefix",
-      "reflect": false
-    },
-    "emptyState": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TEmptyState",
-        "resolved": "\"calendar\" | \"kanban\" | \"activity\" | \"aisles\" | \"barcode\" | \"battle\" | \"campaign\" | \"chart\" | \"chat\" | \"check\" | \"comment\" | \"contact\" | \"courses\" | \"database\" | \"feed\" | \"file\" | \"filter\" | \"folder\" | \"group\" | \"image\" | \"inbox\" | \"leaderboard\" | \"lock\" | \"map\" | \"mission\" | \"note\" | \"offline\" | \"password\" | \"plugin\" | \"poll\" | \"publish\" | \"questions\" | \"request\" | \"scoring\" | \"search\" | \"security\" | \"settings\" | \"store\" | \"tag\" | \"user\" | \"visit\" | \"admin\" | \"allowcamera\" | \"allstores\" | \"analytics\" | \"archived\" | \"areamanager\" | \"artificialintelligence\" | \"availablestores\" | \"barcodelong\" | \"barcodeold\" | \"campaignfilters\" | \"category\" | \"channel\" | \"communities\" | \"communitiestodiscover\" | \"courseqrcode\" | \"createannouncement\" | \"createmission\" | \"createpoll\" | \"createrequest\" | \"customformfield\" | \"custommodels\" | \"dashboard\" | \"empty\" | \"enrol\" | \"error\" | \"fielduser\" | \"generic_chart\" | \"geocoding\" | \"geofilters\" | \"goto\" | \"hierarchy\" | \"hq\" | \"incentives\" | \"inventory\" | \"knowledgelibrary\" | \"location\" | \"locationtypes\" | \"magic-link\" | \"newsletter\" | \"nodata\" | \"notification\" | \"oneoff\" | \"page\" | \"paperplane\" | \"payments\" | \"pdfauditexport\" | \"pdfclassic\" | \"pdfcontract\" | \"pdfphotoreport\" | \"pharmaone\" | \"photo\" | \"photosplaceholder\" | \"plans\" | \"recurring\" | \"reject\" | \"requestraised\" | \"role\" | \"score\" | \"selectedstores\" | \"sending\" | \"sent\" | \"shopping\" | \"storemanager\" | \"subscription\" | \"team\" | \"template\" | \"todo\" | \"todoold\" | \"translations\" | \"trial\" | \"videocall\" | \"waiting\" | \"welcomeuser\" | \"wiki\" | \"aclRole\" | \"answers\" | \"barcodealert\" | \"blog\" | \"briefcase\" | \"emailblocked\" | \"emails\" | \"feeds\" | \"files\" | \"groups\" | \"htmltemplates\" | \"lessons\" | \"locations\" | \"memo\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"missionstovalidate\" | \"podium\" | \"productbatch\" | \"products\" | \"service\" | \"tenants\" | \"userranks\" | \"usertrial\" | \"users\" | \"widgetcourses\" | \"wikis\" | \"none\"",
-        "references": {
-          "TEmptyState": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "icon-prefix",
+        "reflect": false
+      },
+      "emptyState": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TEmptyState",
+          "resolved": "\"activity\" | \"aisles\" | \"barcode\" | \"battle\" | \"calendar\" | \"campaign\" | \"chart\" | \"chat\" | \"check\" | \"comment\" | \"contact\" | \"courses\" | \"database\" | \"feed\" | \"file\" | \"filter\" | \"folder\" | \"group\" | \"image\" | \"inbox\" | \"leaderboard\" | \"lock\" | \"map\" | \"mission\" | \"note\" | \"offline\" | \"password\" | \"plugin\" | \"poll\" | \"publish\" | \"questions\" | \"request\" | \"scoring\" | \"search\" | \"security\" | \"settings\" | \"store\" | \"tag\" | \"user\" | \"visit\" | \"aclRole\" | \"blog\" | \"campaignfilters\" | \"channel\" | \"communities\" | \"custommodels\" | \"emails\" | \"feeds\" | \"files\" | \"geofilters\" | \"groups\" | \"hierarchy\" | \"htmltemplates\" | \"incentives\" | \"lessons\" | \"locations\" | \"locationtypes\" | \"memos\" | \"missiondescriptions\" | \"missiondescriptiontemplates\" | \"missions\" | \"plans\" | \"productbatch\" | \"products\" | \"tenants\" | \"translations\" | \"userranks\" | \"users\" | \"photo\" | \"reject\" | \"none\" | \"admin\" | \"dashboard\" | \"inventory\" | \"knowledgelibrary\" | \"pharmaone\" | \"score\" | \"service\" | \"team\" | \"todo\" | \"trial\" | \"videocall\" | \"archived\" | \"allowcamera\" | \"allstores\" | \"analytics\" | \"areamanager\" | \"artificialintelligence\" | \"availablestores\" | \"barcodelong\" | \"barcodeold\" | \"category\" | \"communitiestodiscover\" | \"courseqrcode\" | \"createannouncement\" | \"createmission\" | \"createpoll\" | \"createrequest\" | \"customformfield\" | \"empty\" | \"enrol\" | \"error\" | \"fielduser\" | \"generic_chart\" | \"geocoding\" | \"goto\" | \"hq\" | \"kanban\" | \"location\" | \"magic-link\" | \"newsletter\" | \"nodata\" | \"notification\" | \"oneoff\" | \"page\" | \"paperplane\" | \"payments\" | \"pdfauditexport\" | \"pdfclassic\" | \"pdfcontract\" | \"pdfphotoreport\" | \"photosplaceholder\" | \"recurring\" | \"requestraised\" | \"role\" | \"selectedstores\" | \"sending\" | \"sent\" | \"shopping\" | \"storemanager\" | \"subscription\" | \"template\" | \"todoold\" | \"waiting\" | \"welcomeuser\" | \"wiki\" | \"answers\" | \"barcodealert\" | \"briefcase\" | \"emailblocked\" | \"memo\" | \"missionstovalidate\" | \"podium\" | \"usertrial\" | \"widgetcourses\" | \"wikis\"",
+          "references": {
+            "TEmptyState": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "empty-state",
-      "reflect": false
-    },
-    "tagType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "tag-type",
-      "reflect": false
-    },
-    "entityType": {
-      "type": "string",
-      "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\" | \"notes\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"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",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "empty-state",
+        "reflect": false
+      },
+      "tagType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "tag-type",
+        "reflect": false
+      },
+      "entityType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "EntityType",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "references": {
+            "EntityType": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "entity-type",
-      "reflect": false
-    },
-    "dynamicOrdering": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "dynamic-ordering",
-      "reflect": false
-    },
-    "showHeader": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-header",
-      "reflect": false
-    },
-    "asyncValidators": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "AsyncValidator<any>[]",
-        "resolved": "AsyncValidator<any>[]",
-        "references": {
-          "AsyncValidator": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "entity-type",
+        "reflect": false
+      },
+      "dynamicOrdering": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "dynamic-ordering",
+        "reflect": false
+      },
+      "showHeader": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-header",
+        "reflect": false
+      },
+      "asyncValidators": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "AsyncValidator<any>[]",
+          "resolved": "AsyncValidator<any>[]",
+          "references": {
+            "AsyncValidator": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "columnDefinition": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IColumnDefinition",
-        "resolved": "IColumnDefinition",
-        "references": {
-          "IColumnDefinition": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "columnDefinition": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IColumnDefinition",
+          "resolved": "IColumnDefinition",
+          "references": {
+            "IColumnDefinition": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "customModel": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "ICustomModel",
-        "resolved": "ICustomModel",
-        "references": {
-          "ICustomModel": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "customModel": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "ICustomModel",
+          "resolved": "ICustomModel",
+          "references": {
+            "ICustomModel": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "hideHeader": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hide-header",
-      "reflect": false
-    },
-    "collectionName": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "collection-name",
-      "reflect": false
-    },
-    "origin": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "origin",
-      "reflect": false
-    },
-    "crop": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TCrop",
-        "resolved": "\"circle\" | \"square\"",
-        "references": {
-          "TCrop": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "hideHeader": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hide-header",
+        "reflect": false
+      },
+      "collectionName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "collection-name",
+        "reflect": false
+      },
+      "origin": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "origin",
+        "reflect": false
+      },
+      "crop": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TCrop",
+          "resolved": "\"circle\" | \"square\"",
+          "references": {
+            "TCrop": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "crop",
-      "reflect": false
-    },
-    "maxWidth": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max-width",
-      "reflect": false
-    },
-    "maxHeight": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "max-height",
-      "reflect": false
-    },
-    "returnQuery": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "return-query",
-      "reflect": false
-    },
-    "isFilter": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-filter",
-      "reflect": false
-    },
-    "filterOperator": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "FormFilterAutocompleteOperator",
-        "resolved": "FormFilterAutocompleteOperator.is | FormFilterAutocompleteOperator.isNot",
-        "references": {
-          "FormFilterAutocompleteOperator": {
-            "location": "import",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "crop",
+        "reflect": false
+      },
+      "maxWidth": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-width",
+        "reflect": false
+      },
+      "maxHeight": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "max-height",
+        "reflect": false
+      },
+      "returnQuery": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "return-query",
+        "reflect": false
+      },
+      "isFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-filter",
+        "reflect": false
+      },
+      "filterOperator": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "FormFilterAutocompleteOperator",
+          "resolved": "FormFilterAutocompleteOperator.is | FormFilterAutocompleteOperator.isNot",
+          "references": {
+            "FormFilterAutocompleteOperator": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
-        }
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "filter-operator",
-      "reflect": false
-    },
-    "total": {
-      "type": "number",
-      "mutable": true,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "total",
-      "reflect": false
-    },
-    "showMap": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-map",
-      "reflect": false
-    },
-    "previewEntityType": {
-      "type": "string",
-      "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\" | \"notes\" | \"type\" | \"aclPermission\" | \"aclPermissionList\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"broadcasts\" | \"calendarEvents\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channels\" | \"charttype\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"days\" | \"entitycomments\" | \"environnement\" | \"feedsComments\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"giphy\" | \"googlemaps\" | \"hashtags\" | \"icons\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"liveshoppings\" | \"locationsaudience\" | \"locationspublic\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"missiondatas\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missionfield\" | \"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",
-            "path": "@shared/interfaces"
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "filter-operator",
+        "reflect": false
+      },
+      "total": {
+        "type": "number",
+        "mutable": true,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "total",
+        "reflect": false
+      },
+      "showMap": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-map",
+        "reflect": false
+      },
+      "previewEntityType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "EntityType",
+          "resolved": "\"aisles\" | \"community\" | \"courses\" | \"dashboards\" | \"operations\" | \"pages\" | \"questions\" | \"scoring\" | \"tableau\" | \"tag\" | \"user\" | \"weekdays\" | \"aclPermission\" | \"aclPermissionList\" | \"aclRole\" | \"aislelist\" | \"algorithm\" | \"apps\" | \"arexperience\" | \"armodel\" | \"audiences\" | \"badges\" | \"blog\" | \"broadcasts\" | \"calendarEvents\" | \"campaignfilters\" | \"creationtypes\" | \"catalogs\" | \"certificates\" | \"channel\" | \"channels\" | \"charttype\" | \"communities\" | \"contacts\" | \"coursecategories\" | \"courses-small\" | \"courseselection\" | \"currencies\" | \"customapps\" | \"customforms\" | \"custommodels\" | \"days\" | \"emails\" | \"entitycomments\" | \"environnement\" | \"feeds\" | \"feedsComments\" | \"files\" | \"filesFolders\" | \"folders\" | \"formfield\" | \"geofilters\" | \"giphy\" | \"googlemaps\" | \"groups\" | \"hashtags\" | \"hierarchy\" | \"htmltemplates\" | \"icons\" | \"incentives\" | \"journeys\" | \"language\" | \"lessondescriptions\" | \"lessons\" | \"liveshoppings\" | \"locations\" | \"locationsaudience\" | \"locationspublic\" | \"locationtypes\" | \"markas\" | \"mediacapturedevices\" | \"memolist\" | \"memos\" | \"missiondatas\" | \"missiondescriptions\" | \"missiondescriptioncategories\" | \"missiondescriptionreviewhistories\" | \"missiondescriptiontemplates\" | \"missionfield\" | \"missions\" | \"notes\" | \"notifications\" | \"photos\" | \"plans\" | \"productbatch\" | \"productbatchlist\" | \"products\" | \"productweightpair\" | \"publicAPITokens\" | \"questionsAnswers\" | \"regex\" | \"reporttemplates\" | \"reviewapps\" | \"salesdata\" | \"scorms\" | \"scormcloud\" | \"shifts\" | \"slots\" | \"tableauShared\" | \"tagGroups\" | \"tenants\" | \"topusers\" | \"translations\" | \"type\" | \"unsplash\" | \"useraudience\" | \"userranks\" | \"userhighscores\" | \"userlearningmanager\" | \"usercourseinfo\" | \"users\" | \"violetproducts\" | \"violetproductofferskus\" | \"violetbasketitems\" | \"violetshippingmethods\" | \"version\" | \"videocallusers\" | \"visits\" | \"waitlistvisit\" | \"waitlistcustomer\" | \"waitliststats\" | \"plansorlessons\" | \"widgets\"",
+          "references": {
+            "EntityType": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "preview-entity-type",
+        "reflect": false
+      },
+      "forceHideSearch": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-hide-search",
+        "reflect": false
+      },
+      "model": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IAppSearchTab",
+          "resolved": "IAppSearchTab",
+          "references": {
+            "IAppSearchTab": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "preview-entity-type",
-      "reflect": false
-    },
-    "forceHideSearch": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "force-hide-search",
-      "reflect": false
-    },
-    "model": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IAppSearchTab",
-        "resolved": "IAppSearchTab",
-        "references": {
-          "IAppSearchTab": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      "extraClass": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "extra-class",
+        "reflect": false
+      },
+      "accept": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "accept",
+        "reflect": false
+      },
+      "disableSingleDeselection": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disable-single-deselection",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "expandHeightOnShow": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "expand-height-on-show",
+        "reflect": true,
+        "defaultValue": "false"
+      },
+      "showDropdownOnLoad": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-dropdown-on-load",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "forceDisableCustomTags": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "force-disable-custom-tags",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "valuesColor": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ key: string; value: string }[]",
+          "resolved": "{ key: string; value: string; }[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "extraClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "extra-class",
-      "reflect": false
-    },
-    "accept": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "accept",
-      "reflect": false
-    },
-    "disableSingleDeselection": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disable-single-deselection",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "expandHeightOnShow": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "expand-height-on-show",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "showDropdownOnLoad": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "show-dropdown-on-load",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "forceDisableCustomTags": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "force-disable-custom-tags",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "valuesColor": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ key: string; value: string }[]",
-        "resolved": "{ key: string; value: string; }[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "clearSortsAndFilters": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "clear-sorts-and-filters",
-      "reflect": false,
-      "defaultValue": "true"
-    },
-    "gridExtraOptions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IGridExtraOptions",
-        "resolved": "IGridExtraOptions",
-        "references": {
-          "IGridExtraOptions": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "clearSortsAndFilters": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "clear-sorts-and-filters",
+        "reflect": false,
+        "defaultValue": "true"
+      },
+      "gridExtraOptions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IGridExtraOptions",
+          "resolved": "IGridExtraOptions",
+          "references": {
+            "IGridExtraOptions": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "secondaryActions": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IEntityAction[]",
-        "resolved": "IEntityAction[]",
-        "references": {
-          "IEntityAction": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "secondaryActions": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IEntityAction[]",
+          "resolved": "IEntityAction[]",
+          "references": {
+            "IEntityAction": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TBaseSize",
-        "resolved": "\"large\" | \"medium\" | \"small\"",
-        "references": {
-          "TBaseSize": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TBaseSize",
+          "resolved": "\"large\" | \"medium\" | \"small\"",
+          "references": {
+            "TBaseSize": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": true
+      },
+      "color": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "TColor",
+          "resolved": "\"info\" | \"warning\" | \"transparent\" | \"accent\" | \"anthracite\" | \"app-color\" | \"danger\" | \"dark\" | \"energized\" | \"light\" | \"stable\" | \"stable-alt\" | \"stable-light\" | \"stable-ultralight\" | \"success\" | \"text-color\" | \"wood\" | \"accent-10\" | \"accent-20\" | \"accent-40\" | \"accent-60\" | \"accent-80\" | \"anthracite-10\" | \"anthracite-20\" | \"anthracite-40\" | \"anthracite-60\" | \"anthracite-80\" | \"app-color-10\" | \"app-color-20\" | \"app-color-40\" | \"app-color-60\" | \"app-color-80\" | \"danger-10\" | \"danger-20\" | \"danger-40\" | \"danger-60\" | \"danger-80\" | \"dark-10\" | \"dark-20\" | \"dark-40\" | \"dark-60\" | \"dark-80\" | \"energized-10\" | \"energized-20\" | \"energized-40\" | \"energized-60\" | \"energized-80\" | \"info-10\" | \"info-20\" | \"info-40\" | \"info-60\" | \"info-80\" | \"light-10\" | \"light-20\" | \"light-40\" | \"light-60\" | \"light-80\" | \"stable-10\" | \"stable-20\" | \"stable-40\" | \"stable-60\" | \"stable-80\" | \"stable-alt-10\" | \"stable-alt-20\" | \"stable-alt-40\" | \"stable-alt-60\" | \"stable-alt-80\" | \"stable-light-10\" | \"stable-light-20\" | \"stable-light-40\" | \"stable-light-60\" | \"stable-light-80\" | \"stable-ultralight-10\" | \"stable-ultralight-20\" | \"stable-ultralight-40\" | \"stable-ultralight-60\" | \"stable-ultralight-80\" | \"success-10\" | \"success-20\" | \"success-40\" | \"success-60\" | \"success-80\" | \"text-color-10\" | \"text-color-20\" | \"text-color-40\" | \"text-color-60\" | \"text-color-80\" | \"warning-10\" | \"warning-20\" | \"warning-40\" | \"warning-60\" | \"warning-80\" | \"wood-10\" | \"wood-20\" | \"wood-40\" | \"wood-60\" | \"wood-80\"",
+          "references": {
+            "TColor": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "color",
+        "reflect": true
+      },
+      "isLocal": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-local",
+        "reflect": false
+      },
+      "validity": {
+        "type": "boolean",
+        "mutable": true,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "validity",
+        "reflect": false
+      },
+      "values": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "any[]",
+          "resolved": "any[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "[]"
+      },
+      "pageSize": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "page-size",
+        "reflect": false,
+        "defaultValue": "20"
+      },
+      "sortsAndFilters": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "ISortsAndFilters",
+          "resolved": "ISortsAndFilters",
+          "references": {
+            "ISortsAndFilters": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": true
-    },
-    "color": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "TColor",
-        "resolved": "\"accent\" | \"anthracite\" | \"app-color\" | \"danger\" | \"dark\" | \"energized\" | \"info\" | \"light\" | \"stable\" | \"stable-alt\" | \"stable-light\" | \"stable-ultralight\" | \"success\" | \"text-color\" | \"warning\" | \"wood\" | \"accent-10\" | \"accent-20\" | \"accent-40\" | \"accent-60\" | \"accent-80\" | \"anthracite-10\" | \"anthracite-20\" | \"anthracite-40\" | \"anthracite-60\" | \"anthracite-80\" | \"app-color-10\" | \"app-color-20\" | \"app-color-40\" | \"app-color-60\" | \"app-color-80\" | \"danger-10\" | \"danger-20\" | \"danger-40\" | \"danger-60\" | \"danger-80\" | \"dark-10\" | \"dark-20\" | \"dark-40\" | \"dark-60\" | \"dark-80\" | \"energized-10\" | \"energized-20\" | \"energized-40\" | \"energized-60\" | \"energized-80\" | \"info-10\" | \"info-20\" | \"info-40\" | \"info-60\" | \"info-80\" | \"light-10\" | \"light-20\" | \"light-40\" | \"light-60\" | \"light-80\" | \"stable-10\" | \"stable-20\" | \"stable-40\" | \"stable-60\" | \"stable-80\" | \"stable-alt-10\" | \"stable-alt-20\" | \"stable-alt-40\" | \"stable-alt-60\" | \"stable-alt-80\" | \"stable-light-10\" | \"stable-light-20\" | \"stable-light-40\" | \"stable-light-60\" | \"stable-light-80\" | \"stable-ultralight-10\" | \"stable-ultralight-20\" | \"stable-ultralight-40\" | \"stable-ultralight-60\" | \"stable-ultralight-80\" | \"success-10\" | \"success-20\" | \"success-40\" | \"success-60\" | \"success-80\" | \"text-color-10\" | \"text-color-20\" | \"text-color-40\" | \"text-color-60\" | \"text-color-80\" | \"warning-10\" | \"warning-20\" | \"warning-40\" | \"warning-60\" | \"warning-80\" | \"wood-10\" | \"wood-20\" | \"wood-40\" | \"wood-60\" | \"wood-80\" | \"transparent\"",
-        "references": {
-          "TColor": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "currentSelectedTags": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "IEntitySearchTags[]",
+          "resolved": "IEntitySearchTags[]",
+          "references": {
+            "IEntitySearchTags": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "color",
-      "reflect": true
-    },
-    "isLocal": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-local",
-      "reflect": false
-    },
-    "validity": {
-      "type": "boolean",
-      "mutable": true,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "validity",
-      "reflect": false
-    },
-    "values": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "any[]",
-        "resolved": "any[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "[]"
-    },
-    "pageSize": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "page-size",
-      "reflect": false,
-      "defaultValue": "20"
-    },
-    "sortsAndFilters": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "ISortsAndFilters",
-        "resolved": "ISortsAndFilters",
-        "references": {
-          "ISortsAndFilters": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "readonlyDisplay": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'inline' | 'list'",
+          "resolved": "\"inline\" | \"list\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "readonly-display",
+        "reflect": false,
+        "defaultValue": "'inline'"
+      },
+      "validators": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(Validator<any> | IValidatorEntry)[]",
+          "resolved": "(IValidatorEntry | Validator<any>)[]",
+          "references": {
+            "Validator": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            },
+            "IValidatorEntry": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "currentSelectedTags": {
-      "type": "unknown",
-      "mutable": true,
-      "complexType": {
-        "original": "IEntitySearchTags[]",
-        "resolved": "IEntitySearchTags[]",
-        "references": {
-          "IEntitySearchTags": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      "idOnlyInitialSelection": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "any[]",
+          "resolved": "any[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "readonlyDisplay": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'inline' | 'list'",
-        "resolved": "\"inline\" | \"list\"",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "readonly-display",
-      "reflect": false,
-      "defaultValue": "'inline'"
-    },
-    "validators": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(Validator<any> | IValidatorEntry)[]",
-        "resolved": "(IValidatorEntry | Validator<any>)[]",
-        "references": {
-          "Validator": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          },
-          "IValidatorEntry": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "value": {
+        "type": "any",
+        "mutable": true,
+        "complexType": {
+          "original": "any[] | any",
+          "resolved": "any",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "value",
+        "reflect": false
+      },
+      "tags": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "IEntitySearchTags[]",
+          "resolved": "IEntitySearchTags[]",
+          "references": {
+            "IEntitySearchTags": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "idOnlyInitialSelection": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "any[]",
-        "resolved": "any[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "value": {
-      "type": "any",
-      "mutable": true,
-      "complexType": {
-        "original": "any[] | any",
-        "resolved": "any",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "value",
-      "reflect": false
-    },
-    "tags": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "IEntitySearchTags[]",
-        "resolved": "IEntitySearchTags[]",
-        "references": {
-          "IEntitySearchTags": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      "valuesIcon": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{ key: string; value: any }[]",
+          "resolved": "{ key: string; value: any; }[]",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "valuesIcon": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{ key: string; value: any }[]",
-        "resolved": "{ key: string; value: any; }[]",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "name": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "name",
-      "reflect": false
-    },
-    "useUploader": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "use-uploader",
-      "reflect": false
-    },
-    "customDataLoader": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "TGridCustomDataLoader",
-        "resolved": "(options: IGridCustomDataLoaderOptions) => Promise<IGridCustomDataLoaderOptionsData<IEntity>>",
-        "references": {
-          "TGridCustomDataLoader": {
-            "location": "import",
-            "path": "@shared/interfaces"
+      "name": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "name",
+        "reflect": false
+      },
+      "useUploader": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "use-uploader",
+        "reflect": false
+      },
+      "customDataLoader": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "TGridCustomDataLoader",
+          "resolved": "(options: IGridCustomDataLoaderOptions) => Promise<IGridCustomDataLoaderOptionsData<IEntity>>",
+          "references": {
+            "TGridCustomDataLoader": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "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"
+      "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": ""
         }
       },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "preventUpload": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "prevent-upload",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "dialogWidth": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "dialog-width",
-      "reflect": false,
-      "defaultValue": "'unset'"
-    },
-    "validateOnLoad": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "validate-on-load",
-      "reflect": false
-    }
-  }; }
-  static get states() { return {
-    "showDropdownContent": {},
-    "selection": {},
-    "showEmptyItemsAddNewTag": {},
-    "isUploading": {},
-    "arrowIcon": {}
-  }; }
-  static get events() { return [{
-      "method": "validityChanged",
-      "name": "validityChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
-    }, {
-      "method": "inputBlurred",
-      "name": "inputBlurred",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "inputFocused",
-      "name": "inputFocused",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "inputChanged",
-      "name": "inputChanged",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "preventUpload": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "prevent-upload",
+        "reflect": false,
+        "defaultValue": "false"
+      },
+      "dialogWidth": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "dialog-width",
+        "reflect": false
+      },
+      "validateOnLoad": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "validate-on-load",
+        "reflect": false
       }
-    }, {
-      "method": "fetchData",
-      "name": "fetchData",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "IGridSearch",
-        "resolved": "IGridSearch",
-        "references": {
-          "IGridSearch": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+    };
+  }
+  static get states() {
+    return {
+      "showDropdownContent": {},
+      "selection": {},
+      "showEmptyItemsAddNewTag": {},
+      "isUploading": {},
+      "arrowIcon": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "validityChanged",
+        "name": "validityChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         }
-      }
-    }, {
-      "method": "fetchFieldFilterData",
-      "name": "fetchFieldFilterData",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "IFormSearch",
-        "resolved": "IFormSearch",
-        "references": {
-          "IFormSearch": {
-            "location": "import",
-            "path": "@shared/interfaces"
-          }
+      }, {
+        "method": "inputBlurred",
+        "name": "inputBlurred",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
         }
-      }
-    }, {
-      "method": "fetchCustomData",
-      "name": "fetchCustomData",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "webAutocompleteOpened",
-      "name": "webAutocompleteOpened",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "void",
-        "resolved": "void",
-        "references": {}
-      }
-    }, {
-      "method": "webAutocompleteClosed",
-      "name": "webAutocompleteClosed",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any[]",
-        "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",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }]; }
-  static get methods() { return {
-    "updateValues": {
-      "complexType": {
-        "signature": "(values: any, forceOpen?: boolean, total?: number, forceStoreLocalUpdate?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      }, {
+        "method": "inputFocused",
+        "name": "inputFocused",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "setValue": {
-      "complexType": {
-        "signature": "(value: any) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "inputChanged",
+        "name": "inputChanged",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "fetchData",
+        "name": "fetchData",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "IGridSearch",
+          "resolved": "IGridSearch",
+          "references": {
+            "IGridSearch": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        }
+      }, {
+        "method": "fetchFieldFilterData",
+        "name": "fetchFieldFilterData",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
         },
-        "return": "Promise<void>"
-      },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "insertValue": {
-      "complexType": {
-        "signature": "(val: any, error?: any) => Promise<boolean>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }, {
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
+        "complexType": {
+          "original": "IFormSearch",
+          "resolved": "IFormSearch",
+          "references": {
+            "IFormSearch": {
+              "location": "import",
+              "path": "@shared/interfaces"
+            }
           }
+        }
+      }, {
+        "method": "fetchCustomData",
+        "name": "fetchCustomData",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "webAutocompleteOpened",
+        "name": "webAutocompleteOpened",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "void",
+          "resolved": "void",
+          "references": {}
+        }
+      }, {
+        "method": "webAutocompleteClosed",
+        "name": "webAutocompleteClosed",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any[]",
+          "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",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
+  static get methods() {
+    return {
+      "updateValues": {
+        "complexType": {
+          "signature": "(values: any, forceOpen?: boolean, total?: number, forceStoreLocalUpdate?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<boolean>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "hideContainer": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "setValue": {
+        "complexType": {
+          "signature": "(value: any) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "clear": {
-      "complexType": {
-        "signature": "(emitEvent?: boolean) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "insertValue": {
+        "complexType": {
+          "signature": "(val: any, error?: any) => Promise<boolean>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "resetCurrentPage": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "hideContainer": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "openDialog": {
-      "complexType": {
-        "signature": "() => Promise<void>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "clear": {
+        "complexType": {
+          "signature": "(emitEvent?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "updateValidation": {
-      "complexType": {
-        "signature": "(value: any) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "resetCurrentPage": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "updateValidation": {
+        "complexType": {
+          "signature": "(value: any) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "host"; }
-  static get watchers() { return [{
-      "propName": "name",
-      "methodName": "onNameChange"
-    }, {
-      "propName": "idOnlyInitialSelection",
-      "methodName": "onIdOnlyInitialSelectionChange"
-    }, {
-      "propName": "tags",
-      "methodName": "onTagsUpdated"
-    }, {
-      "propName": "value",
-      "methodName": "onValueChange"
-    }, {
-      "propName": "valuesIcon",
-      "methodName": "onValuesIconChange"
-    }, {
-      "propName": "validators",
-      "methodName": "onValidatorsChanged"
-    }]; }
-  static get listeners() { return [{
-      "name": "webAutocompleteOpened",
-      "method": "onWebAutocompleteOpened",
-      "target": "body",
-      "capture": false,
-      "passive": false
-    }]; }
+  static get watchers() {
+    return [{
+        "propName": "name",
+        "methodName": "onNameChange"
+      }, {
+        "propName": "idOnlyInitialSelection",
+        "methodName": "onIdOnlyInitialSelectionChange"
+      }, {
+        "propName": "tags",
+        "methodName": "onTagsUpdated"
+      }, {
+        "propName": "value",
+        "methodName": "onValueChange"
+      }, {
+        "propName": "valuesIcon",
+        "methodName": "onValuesIconChange"
+      }, {
+        "propName": "validators",
+        "methodName": "onValidatorsChanged"
+      }];
+  }
+  static get listeners() {
+    return [{
+        "name": "webAutocompleteOpened",
+        "method": "onWebAutocompleteOpened",
+        "target": "body",
+        "capture": false,
+        "passive": false
+      }];
+  }
 }