@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-kb-74339.1 → 0.0.0-bugfix-dev-KB-76362.0

package/dist/collection/lib/http/data-fetcher/fetchers/distinct-search-fetcher.js

@@ -0,0 +1,25 @@
+import { DataFetcher } from "../DataFetcher";
+export default class DistinctSearchFetcher {
+  constructor() {
+    this.SERVICE = 'mge@Pesquisa.getSelectDistinct';
+  }
+  buildRequestBody(coluna, instancia) {
+    return {
+      selectDistinct: {
+        instancia,
+        coluna,
+      }
+    };
+  }
+  parseResponseBody(response) {
+    var _a, _b, _c;
+    const ocorrencias = (_c = (_b = (_a = response === null || response === void 0 ? void 0 : response.ocorrencias) === null || _a === void 0 ? void 0 : _a.ocorrencia) === null || _b === void 0 ? void 0 : _b.map(({ $ }) => $)) !== null && _c !== void 0 ? _c : [];
+    return ocorrencias;
+  }
+  async fetchItens(coluna, instancia) {
+    const requestBody = this.buildRequestBody(coluna, instancia);
+    const response = await DataFetcher.get().callServiceBroker(this.SERVICE, requestBody);
+    const parsedResponse = this.parseResponseBody(response);
+    return parsedResponse;
+  }
+}

package/dist/collection/lib/http/data-fetcher/fetchers/pesquisa-fetcher.js

@@ -96,9 +96,14 @@ export class PesquisaFetcher {
         }
       }
     };
+    const urlOptions = {
+      urlParams: {
+        "quietMode": true
+      }
+    };
     return new Promise((resolve, reject) => {
       DataFetcher.get()
-        .callServiceBroker("PesquisaSP.getSuggestion", JSON.stringify(reqBody))
+        .callServiceBroker("PesquisaSP.getSuggestion", JSON.stringify(reqBody), urlOptions)
         .then(result => resolve(result))
         .catch(error => reject(error));
     });

package/dist/collection/lib/message/SnkMessageBuilder.js

@@ -7,6 +7,7 @@ import snkCrudMessages from "./resources/snk-crud.msg";
 import snkSimpleCrudMessages from "./resources/snk-simple-crud.msg";
 import fileViewerMessages from "./resources/file-viewer.msg";
 import snkApplicationMessages from "./resources/snk-application.msg";
+import snkDistinctSearchMessages from "./resources/snk-distinct-search.msg";
 import { snkFormConfigMessages, snkConfigOptionsMessages, snkFieldConfigMessages, snkTabConfigMessages } from "./resources/snk-form.msg";
 import { snkConfiguratorMessages } from "./resources/snk-configurator.msg";
 import { snkGridMessages, snkGridConfigMessages } from "./resources/snk-grid.msg";
@@ -48,6 +49,7 @@ export class SnkMessageBuilder {
       snkEntityList: snkEntityListMessages,
       snkActionsButton: snkActionsButtonMessages,
       snkPrintSelector: snkPrintSelectorMessages,
+      snkDistinctSearch: snkDistinctSearchMessages,
     };
     this._currentOperation = OperationMap.CLEAN;
     this._domainName = domainName;

package/dist/collection/lib/message/resources/snk-distinct-search.msg.js

@@ -0,0 +1,9 @@
+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",
+};
+export default snkDistinctSearchMessages;

package/dist/collection/lib/utils/CrudUtils.js

@@ -13,6 +13,28 @@ export class CrudUtils {
       });
     }
   }
+  static parseCrudResults(entities, onlyFirst) {
+    if (!Array.isArray(entities)) {
+      entities = [entities];
+    }
+    const crudFindResults = [];
+    for (const entity of entities) {
+      let crudFindResult = {
+        fields: new Map()
+      };
+      for (let key in entity) {
+        let fieldValue = entity[key];
+        if (fieldValue.hasOwnProperty('$')) {
+          crudFindResult.fields.set(key, fieldValue.$);
+        }
+        if (onlyFirst) {
+          break;
+        }
+      }
+      crudFindResults.push(crudFindResult);
+    }
+    return crudFindResults.length > 1 ? crudFindResults : crudFindResults[0];
+  }
   static find(entityName, fields, criteria, onlyFirst = true, criteriaExpression, orderBy) {
     const SERVICE_CRUD_FIND = "mge@crud.find";
     let parsedFields = [];
@@ -61,24 +83,11 @@ export class CrudUtils {
       DataFetcher.get().callServiceBroker(SERVICE_CRUD_FIND, JSON.stringify(request)).then((result) => {
         var _a;
         let entities = (_a = result.entidades) === null || _a === void 0 ? void 0 : _a.entidade;
-        if (entities != undefined) {
-          let crudFindResult = {
-            fields: new Map()
-          };
-          for (let key in entities) {
-            let fieldValue = entities[key];
-            if (fieldValue.hasOwnProperty('$')) {
-              crudFindResult.fields.set(key, fieldValue.$);
-            }
-            if (onlyFirst) {
-              break;
-            }
-          }
-          resolve(crudFindResult);
-        }
-        else {
+        if (!entities) {
           resolve(null);
         }
+        const crudFindResults = this.parseCrudResults(entities, onlyFirst);
+        resolve(crudFindResults);
       });
     });
   }

package/dist/components/ContinuousInsertUtils.js

@@ -23,6 +23,28 @@ class CrudUtils {
       });
     }
   }
+  static parseCrudResults(entities, onlyFirst) {
+    if (!Array.isArray(entities)) {
+      entities = [entities];
+    }
+    const crudFindResults = [];
+    for (const entity of entities) {
+      let crudFindResult = {
+        fields: new Map()
+      };
+      for (let key in entity) {
+        let fieldValue = entity[key];
+        if (fieldValue.hasOwnProperty('$')) {
+          crudFindResult.fields.set(key, fieldValue.$);
+        }
+        if (onlyFirst) {
+          break;
+        }
+      }
+      crudFindResults.push(crudFindResult);
+    }
+    return crudFindResults.length > 1 ? crudFindResults : crudFindResults[0];
+  }
   static find(entityName, fields, criteria, onlyFirst = true, criteriaExpression, orderBy) {
     const SERVICE_CRUD_FIND = "mge@crud.find";
     let parsedFields = [];
@@ -70,24 +92,11 @@ class CrudUtils {
       DataFetcher.get().callServiceBroker(SERVICE_CRUD_FIND, JSON.stringify(request)).then((result) => {
         var _a;
         let entities = (_a = result.entidades) === null || _a === void 0 ? void 0 : _a.entidade;
-        if (entities != undefined) {
-          let crudFindResult = {
-            fields: new Map()
-          };
-          for (let key in entities) {
-            let fieldValue = entities[key];
-            if (fieldValue.hasOwnProperty('$')) {
-              crudFindResult.fields.set(key, fieldValue.$);
-            }
-            if (onlyFirst) {
-              break;
-            }
-          }
-          resolve(crudFindResult);
-        }
-        else {
+        if (!entities) {
           resolve(null);
         }
+        const crudFindResults = this.parseCrudResults(entities, onlyFirst);
+        resolve(crudFindResults);
       });
     });
   }

package/dist/components/DataFetcher.js

@@ -6777,7 +6777,8 @@ class DataFetcher {
         }
         payloadJson['requestBody']['clientEventList'].clientEvent.push({ $: key });
       }
-      DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: payload }));
+      const requestId = StringUtils.generateUUID();
+      DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url: url, requestBody: payload, requestId }));
       http.open("POST", url, true);
       http.withCredentials = true;
       http.send(ObjectUtils.objectToString(payloadJson));
@@ -6817,7 +6818,7 @@ class DataFetcher {
         else if (http.readyState == 4 && http.status != 200) {
           reject(new ErrorException(`Erro ao executar serviço: ${serviceName}`, http.responseText));
         }
-        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload }));
+        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload, requestId }));
       };
     });
   }
@@ -6922,7 +6923,8 @@ class DataFetcher {
     const errorsResponse = [];
     const responseExtensions = [];
     const url = this.buildGraphQlURL(quietMode);
-    DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url, requestBody: request }));
+    const requestId = StringUtils.generateUUID();
+    DataFetcher.requestListener.forEach(listener => listener.onRequestStart({ url, requestBody: request, requestId }));
     try {
       const response = await dist.batchRequests(url, request, { 'Content-Type': `application/json; charset=${window['SERVER_ENCODING'] || 'UTF-8'}` });
       response.forEach((resItem, index) => {
@@ -6956,11 +6958,11 @@ class DataFetcher {
         });
       }
       else {
-        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url, requestBody: request }));
+        DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url, requestBody: request, requestId }));
         throw new ErrorException("Falha de comunicação", err.message);
       }
     }
-    DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url, requestBody: request }));
+    DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url, requestBody: request, requestId }));
     return { data: dataResponse, errors: errorsResponse, extensions: responseExtensions };
   }
   isHttpError(err) {

package/dist/components/SnkMessageBuilder.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/components/dataunit-fetcher.js

@@ -712,7 +712,7 @@ class DataUnitDataLoader {
     }
     const count = loadingInfo.count;
     if (loadingInfo.loadingInProgress) {
-      dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { count }));
+      dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { count, loadingInProgress: true }));
       return;
     }
     if (loadingInfo.needReload) {
@@ -720,7 +720,7 @@ class DataUnitDataLoader {
       dataUnit.gotoPage(0);
       return;
     }
-    dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { total: count, count }));
+    dataUnit.updatePagination(Object.assign(Object.assign({}, dataUnitPagination), { total: count, count, loadingInProgress: false }));
   }
   static registryLoading(dataUnit, loadingInfo) {
     if (loadingInfo == undefined) {

package/dist/components/filter-distinct-search.js

@@ -0,0 +1,17 @@
+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;
+}
+
+export { filterItems as f, getMatchOption as g, normalizeString as n };

package/dist/components/index.d.ts

@@ -1,4 +1,6 @@
 /* sankhyablocks custom elements */
+export { InputDistinctSearch as InputDistinctSearch } from '../types/components/snk-distinct-search/subcomponents/input-distinct-search/input-distinct-search';
+export { SearchModal as SearchModal } from '../types/components/snk-distinct-search/subcomponents/search-modal/search-modal';
 export { SnkActionsButton as SnkActionsButton } from '../types/components/snk-actions-button/snk-actions-button';
 export { SnkActionsForm as SnkActionsForm } from '../types/components/snk-actions-button/subcomponents/snk-actions-form';
 export { SnkApplication as SnkApplication } from '../types/components/snk-application/snk-application';
@@ -11,6 +13,7 @@ export { SnkCustomSlotElements as SnkCustomSlotElements } from '../types/compone
 export { SnkDataExporter as SnkDataExporter } from '../types/components/snk-data-exporter/snk-data-exporter';
 export { SnkDataUnit as SnkDataUnit } from '../types/components/snk-data-unit/snk-data-unit';
 export { SnkDetailView as SnkDetailView } from '../types/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view';
+export { SnkDistinctSearch as SnkDistinctSearch } from '../types/components/snk-distinct-search/snk-distinct-search';
 export { SnkEntityList as SnkEntityList } from '../types/components/snk-entity-list/snk-entity-list';
 export { SnkExporterEmailSender as SnkExporterEmailSender } from '../types/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender';
 export { SnkExpressionGroup as SnkExpressionGroup } from '../types/components/snk-personalized-filter/subcomponents/snk-expression-group/snk-expression-group';

package/dist/components/index.js

@@ -1,4 +1,6 @@
 export { setAssetPath, setNonce, setPlatformOptions } from '@stencil/core/internal/client';
+export { InputDistinctSearch, defineCustomElement as defineCustomElementInputDistinctSearch } from './input-distinct-search.js';
+export { SearchModal, defineCustomElement as defineCustomElementSearchModal } from './search-modal.js';
 export { SnkActionsButton, defineCustomElement as defineCustomElementSnkActionsButton } from './snk-actions-button.js';
 export { SnkActionsForm, defineCustomElement as defineCustomElementSnkActionsForm } from './snk-actions-form.js';
 export { SnkApplication, defineCustomElement as defineCustomElementSnkApplication } from './snk-application.js';
@@ -11,6 +13,7 @@ export { SnkCustomSlotElements, defineCustomElement as defineCustomElementSnkCus
 export { SnkDataExporter, defineCustomElement as defineCustomElementSnkDataExporter } from './snk-data-exporter.js';
 export { SnkDataUnit, defineCustomElement as defineCustomElementSnkDataUnit } from './snk-data-unit.js';
 export { SnkDetailView, defineCustomElement as defineCustomElementSnkDetailView } from './snk-detail-view.js';
+export { SnkDistinctSearch, defineCustomElement as defineCustomElementSnkDistinctSearch } from './snk-distinct-search.js';
 export { SnkEntityList, defineCustomElement as defineCustomElementSnkEntityList } from './snk-entity-list.js';
 export { SnkExporterEmailSender, defineCustomElement as defineCustomElementSnkExporterEmailSender } from './snk-exporter-email-sender.js';
 export { SnkExpressionGroup, defineCustomElement as defineCustomElementSnkExpressionGroup } from './snk-expression-group.js';

package/dist/components/input-distinct-search.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface InputDistinctSearch extends Components.InputDistinctSearch, HTMLElement {}
+export const InputDistinctSearch: {
+  prototype: InputDistinctSearch;
+  new (): InputDistinctSearch;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/input-distinct-search.js

@@ -0,0 +1,6 @@
+import { I as InputDistinctSearch$1, d as defineCustomElement$1 } from './input-distinct-search2.js';
+
+const InputDistinctSearch = InputDistinctSearch$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { InputDistinctSearch, defineCustomElement };

package/dist/components/input-distinct-search2.js

@@ -0,0 +1,264 @@
+import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
+import { KeyboardManager } from '@sankhyalabs/core';
+import { f as filterItems, n as normalizeString, g as getMatchOption } from './filter-distinct-search.js';
+
+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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.__attachShadow();
+    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 this; }
+  static get watchers() { return {
+    "value": ["observerValue"]
+  }; }
+  static get style() { return inputDistinctSearchCss; }
+}, [1, "input-distinct-search", {
+    "application": [16],
+    "distinctItems": [16],
+    "label": [1],
+    "value": [1],
+    "maxItems": [2, "max-items"],
+    "debounceTime": [2, "debounce-time"],
+    "canShowError": [4, "can-show-error"],
+    "mode": [1],
+    "restrict": [1],
+    "errorMessage": [1, "error-message"],
+    "textValue": [32],
+    "isNewItem": [32],
+    "filteredItems": [32],
+    "isNewItemSelected": [32],
+    "selectValue": [64],
+    "clearInput": [64],
+    "isInvalid": [64],
+    "setBlur": [64],
+    "setFocus": [64]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["input-distinct-search"];
+  components.forEach(tagName => { switch (tagName) {
+    case "input-distinct-search":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, InputDistinctSearch);
+      }
+      break;
+  } });
+}
+
+export { InputDistinctSearch as I, defineCustomElement as d };

package/dist/components/pesquisa-fetcher.js

@@ -96,9 +96,14 @@ class PesquisaFetcher {
         }
       }
     };
+    const urlOptions = {
+      urlParams: {
+        "quietMode": true
+      }
+    };
     return new Promise((resolve, reject) => {
       DataFetcher.get()
-        .callServiceBroker("PesquisaSP.getSuggestion", JSON.stringify(reqBody))
+        .callServiceBroker("PesquisaSP.getSuggestion", JSON.stringify(reqBody), urlOptions)
         .then(result => resolve(result))
         .catch(error => reject(error));
     });

package/dist/components/search-modal.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface SearchModal extends Components.SearchModal, HTMLElement {}
+export const SearchModal: {
+  prototype: SearchModal;
+  new (): SearchModal;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/search-modal.js

@@ -0,0 +1,6 @@
+import { S as SearchModal$1, d as defineCustomElement$1 } from './search-modal2.js';
+
+const SearchModal = SearchModal$1;
+const defineCustomElement = defineCustomElement$1;
+
+export { SearchModal, defineCustomElement };