@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-71072.0 → 0.0.0-bugfix-dev-KB-76362.1

package/dist/components/snk-simple-crud2.js

@@ -123,7 +123,6 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.mode = SIMPLE_CRUD_MODE.SERVER;
     this.gridConfig = undefined;
     this.formConfig = undefined;
-    this.enableLockManger = false;
     this._formFields = [];
     this._fieldsProps = new Map();
     this._enableContinuousInsert = true;
@@ -808,18 +807,16 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return;
     this.goToView(VIEW_MODE.FORM);
   }
-  renderTaskbarContent() {
-    var _a;
-    return (h("snk-taskbar", { class: this._currentViewMode === VIEW_MODE.FORM && "ez-box ez-box--shadow ez-padding--small", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })));
-  }
   /* istanbul ignore next */
   render() {
+    var _a;
     if (this.dataUnit == undefined) {
       return;
     }
-    return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    const taskbarContent = (h("snk-taskbar", { class: this._currentViewMode === VIEW_MODE.FORM && "ez-box ez-box--shadow ez-padding--small", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })));
+    return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, this._currentViewMode === VIEW_MODE.FORM && taskbarContent, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManger: this.enableLockManger }, this.renderTaskbarContent(), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert }, this._currentViewMode === VIEW_MODE.GRID && taskbarContent, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -838,7 +835,6 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "mode": [2],
     "gridConfig": [1040],
     "formConfig": [1040],
-    "enableLockManger": [4, "enable-lock-manger"],
     "multipleSelection": [4, "multiple-selection"],
     "useCancelConfirm": [4, "use-cancel-confirm"],
     "pageSize": [2, "page-size"],

package/dist/components/snk-taskbar2.js

@@ -1,5 +1,5 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { Action, LockManager, LockManagerOperation, StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection, ElementIDUtils } from '@sankhyalabs/core';
+import { Action, StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection, ElementIDUtils } from '@sankhyalabs/core';
 import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 import { P as PresentationMode } from './ISave.js';
 import { s as store } from './index2.js';
@@ -273,44 +273,42 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     return key ? (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, {}) : "";
   }
   elementClick(elem) {
-    LockManager.whenResolve(this._element, LockManagerOperation.TASKBAR_CLICK).then(() => {
-      if (this.dataUnit) {
-        switch (elem) {
-          case TaskbarElement.PREVIOUS:
-            this.dataUnit.previousRecord();
-            break;
-          case TaskbarElement.NEXT:
-            this.dataUnit.nextRecord();
-            break;
-          case TaskbarElement.REFRESH:
-            this.dataUnit.loadData();
-            break;
-          case TaskbarElement.CLONE:
-            this.dataUnit.copySelected();
-            break;
-          case TaskbarElement.REMOVE:
-            this.dataUnit.removeSelectedRecords();
-            break;
-          case TaskbarElement.INSERT:
-            this.dataUnit.addRecord();
-            break;
-          case TaskbarElement.CANCEL:
-            this.dataUnit.cancelEdition();
-            break;
-          case TaskbarElement.SAVE:
-            if (!this._isWaitingForSave) {
-              this._isWaitingForSave = true;
-              this.dataUnit.saveData()
-                .finally(() => {
-                this._isWaitingForSave = false;
-              });
-            }
-            break;
-        }
+    if (this.dataUnit) {
+      switch (elem) {
+        case TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case TaskbarElement.SAVE:
+          if (!this._isWaitingForSave) {
+            this._isWaitingForSave = true;
+            this.dataUnit.saveData()
+              .finally(() => {
+              this._isWaitingForSave = false;
+            });
+          }
+          break;
       }
-      if (this.isEnabled(elem))
-        this.actionClick.emit(elem);
-    });
+    }
+    if (this.isEnabled(elem))
+      this.actionClick.emit(elem);
   }
   isEnabled(elem) {
     if (!this.isAllowed(elem)) {
@@ -514,10 +512,9 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._lastWidth = this._element.getBoundingClientRect().width;
   }
   disconnectedCallback() {
-    var _a, _b;
-    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.onSaveEvent);
+    var _a;
     this.unlinkAllCustomElements();
-    (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.destroy();
+    (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   unlinkAllCustomElements() {
     var _a;

package/dist/esm/{SnkMessageBuilder-6fff4a4c.js → SnkMessageBuilder-7ace6803.js}

@@ -172,6 +172,15 @@ const snkAttachMessages$1 = {
   }
 };
 
+const snkDistinctSearchMessages = {
+  titleBadgeNew: "novo",
+  titleAdd: "Adicionar",
+  availableResults: "resultados disponíveis",
+  availableResult: "resultado disponível",
+  limitResult: "Esta pesquisa foi limitada, existem mais resultados",
+  emptyResult: "Nenhum resultado disponível. <br/>Você pode adicionar um novo termo",
+};
+
 const snkConfigOptionsMessages = {
   label: {
     nameField: "Nome do Campo *",
@@ -552,6 +561,7 @@ class SnkMessageBuilder {
       snkEntityList: snkEntityListMessages,
       snkActionsButton: snkActionsButtonMessages,
       snkPrintSelector: snkPrintSelectorMessages,
+      snkDistinctSearch: snkDistinctSearchMessages,
     };
     this._currentOperation = OperationMap.CLEAN;
     this._domainName = domainName;

package/dist/esm/index-a7d3d3f1.js

@@ -2110,6 +2110,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './snk-custom-slot-elements.entry.js').then(processMod, consoleError);
+        case 'snk-distinct-search':
+          return import(
+            /* webpackMode: "lazy" */
+            './snk-distinct-search.entry.js').then(processMod, consoleError);
         case 'snk-entity-list':
           return import(
             /* webpackMode: "lazy" */
@@ -2154,6 +2158,10 @@ const loadModule = (cmpMeta, hostRef, hmrVersionId) => {
           return import(
             /* webpackMode: "lazy" */
             './teste-pesquisa.entry.js').then(processMod, consoleError);
+        case 'input-distinct-search_2':
+          return import(
+            /* webpackMode: "lazy" */
+            './input-distinct-search_2.entry.js').then(processMod, consoleError);
         case 'snk-filter-modal-item':
           return import(
             /* webpackMode: "lazy" */

package/dist/esm/input-distinct-search_2.entry.js

@@ -0,0 +1,466 @@
+import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-a7d3d3f1.js';
+import { KeyboardManager } from '@sankhyalabs/core';
+import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
+
+function normalizeString(text = "") {
+  return text.normalize('NFD').replace(/[\u0300-\u036f/\s'"&.-]/g, "").toUpperCase();
+}
+function filterItems(searchArgument, distinctItems, maxItems) {
+  const normalizedSearch = normalizeString(searchArgument);
+  const filteredDistincts = distinctItems.filter((item) => normalizeString(item).includes(normalizedSearch));
+  const isLimited = filteredDistincts.length > maxItems;
+  const items = filteredDistincts.slice(0, maxItems);
+  return { items, isLimited };
+}
+function getMatchOption(value, distinctItems) {
+  const normalizedSearch = normalizeString(value);
+  const item = distinctItems.find((item) => normalizeString(item) === normalizedSearch);
+  return item;
+}
+
+const inputDistinctSearchCss = ":host{--max-height-popover:180px;--scrollbar--color-default:var(--scrollbar--default, #626e82);--scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--scrollbar--border-radius:var(--border--radius-small, 6px);--scrollbar--width:var(--space--medium, 12px)}.divider{margin:var(--space--extra-small, 3px) 0;border:var(--border--small, 1px solid) var(--color--disable-secondary, #F2F5F8)}.new-value{color:var(--text--primary, #626e82);padding:var(--space--2xs, 8px) var(--space--3xs, 4px);font-size:var(--text--medium, 14px);font-family:var(--font-pattern, Roboto);cursor:pointer;border-radius:var(--border--radius-small, 6px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:none;background:none;width:100%;display:flex;min-height:max-content}.new-value-selected{background-color:var(--color--primary-300, #E2F4EF)}.new-value:hover{background-color:var(--background--medium, #e0e0e0)}.popover-content{margin:var(--space--small, 6px);max-height:calc(var(--max-height-popover) - (2 * var(--space--small, 6px)));display:flex;flex-direction:column}.list-container{overflow:auto;scrollbar-width:thin;scrollbar-color:var(--scrollbar--color-clicked) var(--scrollbar--color-background);padding-right:var(--space--small, 6px)}.list-container::-webkit-scrollbar{background-color:var(--scrollbar--color-background);width:var(--scrollbar--width);max-width:var(--scrollbar--width);min-width:var(--scrollbar--width)}.list-container::-webkit-scrollbar-track{background-color:var(--scrollbar--color-background);border-radius:var(--scrollbar--border-radius)}.list-container::-webkit-scrollbar-thumb{background-color:var(--scrollbar--color-default);border-radius:var(--scrollbar--border-radius)}.list-container::-webkit-scrollbar-thumb:vertical:hover,.list-container::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--scrollbar--color-hover)}.list-container::-webkit-scrollbar-thumb:vertical:active,.list-container::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--scrollbar--color-clicked)}ez-popover{--ez-popover__box--z-index:15}.space-error{--ez-popover__margin:-19px 0 0 0}ez-list{--ez-list__item--margin:0}ez-text-input{--ez-text-input__icon--margin:var(--space--xs, 12px)}.badge-primary{--ez-badge--background-color:var(--color--primary-300);--ez-badge--color:var(--color--primary)}";
+
+const InputDistinctSearch = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.changeValue = createEvent(this, "changeValue", 7);
+    this.iconClick = createEvent(this, "iconClick", 7);
+    this.textValue = "";
+    this.isNewItem = false;
+    this.filteredItems = [];
+    this.isNewItemSelected = false;
+    this.application = undefined;
+    this.distinctItems = [];
+    this.label = "";
+    this.value = "";
+    this.maxItems = 100;
+    this.debounceTime = 300;
+    this.canShowError = false;
+    this.mode = 'regular';
+    this.restrict = undefined;
+    this.errorMessage = undefined;
+  }
+  async observerValue(newValue) {
+    await this.selectedNewItem(newValue, true);
+  }
+  /**
+   * Seleciona um item
+   */
+  async selectValue(value, isNewItem = false) {
+    this.isNewItem = isNewItem;
+    this.textValue = value;
+    await this._refFilterInput.setValue(value);
+  }
+  /**
+   * Método para limpa o campo de entrada de pesquisa
+   */
+  clearInput() {
+    this._refFilterInput.setValue("");
+  }
+  /**
+   * Retorna se o conteúdo é inválido.
+   */
+  isInvalid() {
+    return this._refFilterInput.isInvalid();
+  }
+  /**
+   * Remove o foco do campo
+   */
+  setBlur() {
+    this._refFilterInput.setBlur();
+  }
+  /**
+   * Aplica o foco do campo
+   */
+  setFocus() {
+    this._refFilterInput.setFocus();
+  }
+  getMessage(key) {
+    return this.application.messagesBuilder.getMessage(key, null);
+  }
+  async optionLoader(searchArgument) {
+    return new Promise((resolve) => {
+      if (this._debounceTimeout) {
+        clearTimeout(this._debounceTimeout);
+      }
+      this._debounceTimeout = setTimeout(() => {
+        const { items } = filterItems(searchArgument, this.distinctItems, this.maxItems);
+        this.filteredItems = items;
+        resolve();
+      }, this.debounceTime);
+    });
+  }
+  async openPopOver() {
+    var _a;
+    await ((_a = this._refPopOver) === null || _a === void 0 ? void 0 : _a.showUnder(this._refFilterInput));
+  }
+  async closePopOver() {
+    var _a;
+    this.isNewItemSelected = false;
+    await ((_a = this._refPopOver) === null || _a === void 0 ? void 0 : _a.hide());
+    await this._refList.removeSelection();
+  }
+  async onTextChange(event) {
+    this.textValue = event.detail;
+    await this.optionLoader(event.detail);
+    await this.selectFirstItem();
+  }
+  onIconClick() {
+    this.iconClick.emit();
+  }
+  buidItems() {
+    var _a;
+    const items = (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.map((item) => ({
+      label: item,
+      id: normalizeString(item),
+    }));
+    return items;
+  }
+  async setValue(value, isNewItem = false, preventEventEmit = false) {
+    this.isNewItem = isNewItem;
+    this.textValue = value;
+    await this._refFilterInput.setValue(value);
+    await this.closePopOver();
+    if (!preventEventEmit) {
+      this.changeValue.emit({
+        value,
+        isNewItem,
+      });
+    }
+  }
+  async selectedNewItem(value, preventEventEmit = false) {
+    if (!this.textValue && !value) {
+      await this.setValue("", false, preventEventEmit);
+      return;
+    }
+    const item = getMatchOption(value !== null && value !== void 0 ? value : this.textValue, this.distinctItems);
+    if (item) {
+      await this.setValue(item, false, preventEventEmit);
+      return;
+    }
+    await this.setValue(this.textValue || value, true, preventEventEmit);
+  }
+  async setSelectedValue() {
+    const selectedValue = await this._refList.getSelection();
+    await this.selectedNewItem((selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.label) || this.textValue, true);
+    await this._refFilterInput.setBlur();
+    this._element.focus();
+  }
+  async selectNextItem() {
+    if (this.isNewItemSelected) {
+      return;
+    }
+    const itemSelected = await this._refList.getSelection();
+    const itemsAmount = this.filteredItems.length;
+    const indexSelected = this.filteredItems.findIndex((item) => item === (itemSelected === null || itemSelected === void 0 ? void 0 : itemSelected.label));
+    const isLastItemSelected = indexSelected === (itemsAmount - 1);
+    const optionNewItemIsAvailable = !!this.textValue;
+    if (!isLastItemSelected || !optionNewItemIsAvailable) {
+      this.isNewItemSelected = false;
+      await this._refList.selectNextItem();
+      return;
+    }
+    this.isNewItemSelected = true;
+    await this._refList.removeSelection();
+  }
+  async selectPreviousItem() {
+    const itemsAmount = this.filteredItems.length;
+    const lastItem = this.filteredItems[itemsAmount - 1];
+    if (this.isNewItemSelected && lastItem) {
+      this.isNewItemSelected = false;
+      await this._refList.setSelection({
+        id: normalizeString(lastItem),
+        label: lastItem
+      });
+      return;
+    }
+    await this._refList.selectPreviousItem();
+  }
+  bindKeyboardManager() {
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element });
+    this._keyboardManager
+      .bind("ArrowDown", () => { this.selectNextItem(); })
+      .bind("ArrowUp", () => { this.selectPreviousItem(); })
+      .bind("Enter", () => { this.setSelectedValue(); })
+      .bind("Tab", () => { this.setSelectedValue(); });
+  }
+  unbindKeyboardManager() {
+    this._keyboardManager
+      .unbind("ArrowDown")
+      .unbind("ArrowUp")
+      .unbind("Enter")
+      .unbind("Tab");
+  }
+  async selectFirstItem() {
+    if (!this.filteredItems.length) {
+      await this._refList.removeSelection();
+      this.isNewItemSelected = true;
+      return;
+    }
+    const firstItem = this.filteredItems[0];
+    this.isNewItemSelected = false;
+    await this._refList.setSelection({
+      id: normalizeString(firstItem),
+      label: firstItem,
+    });
+  }
+  initializeComponent() {
+    const { items } = filterItems("", this.distinctItems, this.maxItems);
+    this.filteredItems = items;
+  }
+  componentWillLoad() {
+    this.initializeComponent();
+  }
+  async componentDidLoad() {
+    this.bindKeyboardManager();
+    this.selectFirstItem();
+    await this.selectedNewItem(this.value, true);
+  }
+  disconnectedCallback() {
+    this.unbindKeyboardManager();
+  }
+  buildNewItemOption() {
+    if (!this.textValue) {
+      return;
+    }
+    return (h(Fragment, null, !!this.filteredItems.length &&
+      h("hr", { class: "divider" }), h("button", { slot: "bottomSlot", class: {
+        "new-value": true,
+        "new-value-selected": this.isNewItemSelected,
+      }, title: `${this.getMessage("snkDistinctSearch.titleAdd")} '${this.textValue}'`, onClick: () => this.selectedNewItem.bind(this)(undefined, true) }, this.getMessage("snkDistinctSearch.titleAdd"), " '", this.textValue, "'")));
+  }
+  render() {
+    return (h(Host, { onBlur: () => this.selectedNewItem.bind(this)() }, h("ez-filter-input", { ref: (ref) => this._refFilterInput = ref, label: this.label, value: this.textValue, onEzChange: this.onTextChange.bind(this), onEzIconClick: this.onIconClick.bind(this), onEzFocusIn: this.openPopOver.bind(this), canShowError: this.canShowError, mode: this.mode, restrict: this.restrict, errorMessage: this.errorMessage, enabledIconClick: true }, this.isNewItem &&
+      h("ez-badge", { slot: "right", label: this.getMessage("snkDistinctSearch.titleBadgeNew"), size: "small-medium", class: "badge-primary" })), h("ez-popover", { ref: (ref) => this._refPopOver = ref, boxWidth: "full-width", autoClose: false, overlayType: "none", class: {
+        'space-error': this.canShowError,
+      } }, h("div", { class: "popover-content" }, h("section", { class: "list-container" }, h("ez-list", { ref: (ref) => this._refList = ref, dataSource: this.buidItems(), onEzClickItem: ({ detail }) => this.setValue.bind(this)(detail.label, false, true), ezSelectable: true, hoverFeedback: true, disableShortcuts: true })), this.buildNewItemOption()))));
+  }
+  get _element() { return getElement(this); }
+  static get watchers() { return {
+    "value": ["observerValue"]
+  }; }
+};
+InputDistinctSearch.style = inputDistinctSearchCss;
+
+const searchModalCss = ".sc-search-modal-h{display:block}ez-popup.sc-search-modal{--ez-popup__title--font-size:var(--title--large, 20px);--ez-popup__container--height:380px}.search-modal-scroller.sc-search-modal{height:174px}.search-modal-text.sc-search-modal{font-family:var(--font-pattern);color:var(--text--primary);font-size:var(--text--medium)}ez-filter-input.sc-search-modal>input.sc-search-modal{text-overflow:ellipsis}.ez-content.sc-search-modal{height:190px;display:flex;align-items:center;justify-content:center}";
+
+const SearchModal = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.popupClose = createEvent(this, "popupClose", 7);
+    this.changeValue = createEvent(this, "changeValue", 7);
+    this.debounceTimeout = null;
+    this.filteredItems = [];
+    this.searchFocus = false;
+    this.isLimited = false;
+    this.application = undefined;
+    this.listItens = [];
+    this.opened = false;
+    this.value = undefined;
+    this.canShowError = false;
+    this.emptyMessage = undefined;
+    this.debounceTime = 300;
+    this.maxItens = 100;
+    this.label = 'Pesquisar';
+    this.mode = 'regular';
+    this.restrict = undefined;
+    this.errorMessage = undefined;
+  }
+  /**
+  * Método para adicionar a nova palavra e chamar o método closeModal() para fechar o modal
+  */
+  addNewItem() {
+    this.closeModal();
+    this.changeValue.emit({ isNewItem: true, value: this.value });
+  }
+  /**
+  * Método para limpa o campo de entrada de pesquisa
+  */
+  clearInput() {
+    this._refFilterInput.setValue("");
+  }
+  /**
+  * Método para fechar o modal
+  */
+  closeModal() {
+    this._popupElement.opened = false;
+    this.popupClose.emit(false);
+  }
+  /**
+  * Método para abrir o modal
+  */
+  openModal() {
+    this._popupElement.opened = true;
+    setTimeout(() => this.setFocus(), 100);
+  }
+  /**
+  * Retorna se o conteúdo é inválido.
+  */
+  isInvalid() {
+    this._refFilterInput.isInvalid();
+  }
+  /**
+  * Remove o foco do campo
+  */
+  setBlur() {
+    this._refFilterInput.setBlur();
+    this.searchFocus = false;
+  }
+  /**
+  * Aplica o foco do campo
+  */
+  setFocus() {
+    this._refFilterInput.setFocus();
+    this.searchFocus = true;
+  }
+  /**
+  * Método para tratar a mensagem de erro
+  */
+  watchPropErrorMessage() {
+    this._refFilterInput.errorMessage = this.errorMessage;
+  }
+  /**
+  * Método para tratar o value do input
+  */
+  watchPropValue() {
+    this._refFilterInput.value = this.value;
+  }
+  /**
+  * Atualiza a lista de itens à medida que o usuário digita no campo de pesquisa.
+  */
+  async handleInput(event) {
+    if (this.debounceTimeout) {
+      clearTimeout(this.debounceTimeout);
+    }
+    this.value = event.detail;
+    this.debounceTimeout = setTimeout(async () => {
+      var _a;
+      const { isLimited, items } = filterItems(event.detail, this.listItens, this.maxItens);
+      this.filteredItems = items;
+      this.isLimited = isLimited;
+      await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.removeSelection());
+    }, this.debounceTime);
+  }
+  initializeComponent() {
+    this.filteredItems = this.listItens;
+  }
+  getMessage(key) {
+    return this.application.messagesBuilder.getMessage(key, null);
+  }
+  componentWillLoad() {
+    this.initializeComponent();
+  }
+  componentDidLoad() {
+    this.bindKeyboardManager();
+    this._refFilterInput.value = this.value;
+    const { isLimited, items } = filterItems(this.value, this.listItens, this.maxItens);
+    this.filteredItems = items;
+    this.isLimited = isLimited;
+  }
+  disconnectedCallback() {
+    this.unbindKeyboardManager();
+  }
+  buildItems() {
+    var _a;
+    const items = (_a = this.filteredItems) === null || _a === void 0 ? void 0 : _a.map((item) => ({
+      label: item,
+      id: normalizeString(item),
+    }));
+    return items;
+  }
+  async tabSelect() {
+    var _a;
+    const selectedValue = await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.getSelection());
+    if (this.searchFocus && this._refList) {
+      this.searchFocus = false;
+      this._refList.focus();
+      await this.selectFirstItem();
+    }
+    else if (selectedValue) {
+      await this._refList.removeSelection();
+      await this._refButton.setFocus();
+    }
+    else {
+      await this._refButton.setBlur();
+      this.setFocus();
+    }
+  }
+  bindKeyboardManager() {
+    this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element });
+    this._keyboardManager
+      .bind("ArrowDown", () => { this.selectNextItem(); })
+      .bind("ArrowUp", () => { this.selectPreviousItem(); })
+      .bind("Enter", () => { this.setSelectedValue(); })
+      .bind("Tab", () => { this.tabSelect(); });
+  }
+  unbindKeyboardManager() {
+    this._keyboardManager
+      .unbind("ArrowDown")
+      .unbind("ArrowUp")
+      .unbind("Enter")
+      .unbind("Tab");
+  }
+  async setSelectedValue() {
+    var _a;
+    const selectedValue = await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.getSelection());
+    if (selectedValue) {
+      this.changeValue.emit({ isNewItem: false, value: selectedValue.label });
+      this.closeModal();
+    }
+    else if (this.searchFocus && this.enabledButtonNewItem()) {
+      this.addNewItem();
+    }
+  }
+  async selectNextItem() {
+    var _a;
+    const itemSelected = await ((_a = this._refList) === null || _a === void 0 ? void 0 : _a.getSelection());
+    if (this.searchFocus && !itemSelected) {
+      this.setBlur();
+      await this.selectFirstItem();
+      return;
+    }
+    await this._refList.selectNextItem();
+  }
+  async selectPreviousItem() {
+    const itemSelected = await this._refList.getSelection();
+    if (itemSelected === undefined)
+      return;
+    await this._refList.selectPreviousItem();
+  }
+  async selectFirstItem() {
+    if (!this.filteredItems.length) {
+      await this._refList.removeSelection();
+      return;
+    }
+    const firstItem = this.filteredItems[0];
+    await this._refList.setSelection({
+      id: normalizeString(firstItem),
+      label: firstItem,
+    });
+  }
+  enabledButtonNewItem() {
+    if (this.value === undefined)
+      return false;
+    if (getMatchOption(this.value, this.listItens))
+      return false;
+    return this.value.trim().length === 0 ? false : true;
+  }
+  buildMessage() {
+    if (this.isLimited) {
+      return this.getMessage("snkDistinctSearch.limitResult");
+    }
+    return `${this.filteredItems.length} ${this.filteredItems.length > 1 ? this.getMessage("snkDistinctSearch.availableResults") : this.getMessage("snkDistinctSearch.availableResult")}`;
+  }
+  render() {
+    var _a;
+    return (h(Host, null, h("ez-popup", { ref: (ref) => this._popupElement = ref, size: "x-small", "ez-title": this.label, onEzClosePopup: () => this.popupClose.emit(false), "height-mode": "auto" }, h("div", null, h("ez-filter-input", { ref: (ref) => this._refFilterInput = ref, label: "Pesquisar", onEzChange: this.handleInput.bind(this), onBlur: () => this.searchFocus = false, onEzFocusIn: () => this.searchFocus = true, errorMessage: this.errorMessage, canShowError: this.canShowError, mode: this.mode, value: this.value, restrict: this.restrict }), this.filteredItems.length === 0 ? (h("div", { class: "ez-content" }, h("div", { class: "ez-text--center search-modal-text" }, this.emptyMessage))) : (h("div", null, h("div", { class: "search-modal-text ez-padding-vertical--medium" }, this.buildMessage()), h("ez-scroller", { class: "search-modal-scroller", direction: EzScrollDirection.VERTICAL }, h("ez-list", { ref: (ref) => this._refList = ref, dataSource: this.buildItems(), onEzClickItem: ({ label }) => this.setSelectedValue.bind(this)(label), ezSelectable: true, hoverFeedback: true, disableShortcuts: true })))), h("div", { class: "ez-flex ez-flex--justify-end" }, h("ez-button", { ref: (ref) => this._refButton = ref, class: "ez-button--tertiary", enabled: this.enabledButtonNewItem(), label: `${this.getMessage("snkDistinctSearch.titleAdd")} ${(_a = this.label) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()}`, onClick: () => this.addNewItem() }))))));
+  }
+  get _element() { return getElement(this); }
+  static get watchers() { return {
+    "errorMessage": ["watchPropErrorMessage"],
+    "value": ["watchPropValue"]
+  }; }
+};
+SearchModal.style = searchModalCss;
+
+export { InputDistinctSearch as input_distinct_search, SearchModal as search_modal };