@sankhyalabs/ezui 2.3.0 → 2.3.2

package/dist/custom-elements/index.js

@@ -154,23 +154,27 @@ let EzActionsButton$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this.ezAction = createEvent(this, "ezAction", 7);
     /**
-     * Deixa o campo disponível ou não para interação com usuário.
+     * Se false o usuário não pode interagir com o componente.
      */
     this.enabled = true;
     /**
-    * Define se o label será apresentado no display do componente.
+    * Determina o tamanho do ez-action-button.
+    */
+    this.size = "medium";
+    /**
+    * Se true o label será apresentado.
     */
     this.showLabel = false;
     /**
-    * Define se na opção selecionada apresentará um ícone de check.
+    * Se true o check será apresentado para os itens.
     */
     this.checkOption = false;
     /**
-    * Define se o background do botão será transparent.
+    * Se true o background será transparent.
     */
     this.isTransparent = false;
     /**
-    * Define se o elemento contará com a seta de orientação.
+    * Se true a seta de ordenação será apresentada.
     */
     this.arrowActive = false;
     this.innerClickCheck = (floatingContainer, node) => {
@@ -190,7 +194,7 @@ let EzActionsButton$1 = class extends HTMLElement$1 {
     };
   }
   /**
-   * Oculta a lista de ações
+   * Oculta a lista de ações.
    */
   async hideActions() {
     if (this._floatingID != undefined) {
@@ -199,7 +203,7 @@ let EzActionsButton$1 = class extends HTMLElement$1 {
     this._floatingID = undefined;
   }
   /**
-   * Verifica se a lista de ações está oculta
+   * Verifica se a lista de ações está aberta.
    */
   async isOpened() {
     return this._floatingID != undefined;
@@ -282,7 +286,7 @@ let EzActionsButton$1 = class extends HTMLElement$1 {
   render() {
     var _a;
     return (h(Host, null, h("ez-button", { ref: elem => this._button = elem, class: (this.isTransparent ? "ez-actions-button__btn-transparent" : "") +
-        (this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? "" : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
+        (this.showLabel ? " ez-actions-button__btn-label" : ""), label: this.showLabel && ((_a = this._selectedAction) === null || _a === void 0 ? void 0 : _a.label), enabled: this.enabled, mode: this.showLabel ? undefined : "icon", iconName: this.showLabel ? "" : this.displayIcon || "dots-vertical", size: this.size, onClick: () => this.handlerButtonClick() }, this.showLabel &&
       h("ez-icon", { class: "ez-actions-button__icon-right", slot: "rightIcon", iconName: this.displayIcon || "dots-vertical" })), h("section", { class: "ez-actions-button__list-container", ref: elem => this._listContainer = elem }, this.arrowActive &&
       h("div", { class: "ez-actions-button__arrow" +
           (this.isTransparent ? " ez-actions-button__arrow--upped" : "") }), h("div", { ref: elem => this._actionsList = elem, class: "ez-actions-button__actions-list" +
@@ -326,22 +330,22 @@ let EzButton$1 = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     /**
-     * Deixa o botão disponível ou não para interação com o usuário.
+     * Se false o usuário não pode interagir com o botão.
      */
     this.enabled = true;
     /**
-       * Define o modo de uso do botão; opções: icon, link e regular
-       */
+     * Define o modo de uso do botão.
+     */
     this.mode = "regular";
   }
   /**
-   * Realiza o foco no botão
+   * Aplica o foco no botão.
    */
   async setFocus() {
     this._button.focus();
   }
   /**
-   * Remove o foco no botão
+   * Remove o foco do botão.
    */
   async setBlur() {
     this._button.blur();
@@ -417,28 +421,25 @@ let EzCalendar$1 = class extends HTMLElement$1 {
     this._hoursLabel = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23"];
     this._minutosLabel = ["00", "01", "02", "03", "04", "05", "06", "07", "08", "09", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31", "32", "33", "34", "35", "36", "37", "38", "39", "40", "41", "42", "43", "44", "45", "46", "47", "48", "49", "50", "51", "52", "53", "54", "55", "56", "57", "58", "59"];
     /**
-     * A data selecionada no calendário
+     * Define o valor do calendário.
      */
     this.value = new Date();
     /**
-     * No modo floating o calendário só se tornará visível
-     * quando o método show() for acionado.
+     * Define se a exibição do ez-calendar será feita pelos métodos `show()` e `hide()`.
      */
     this.floating = false;
     /**
-     * Exibe ou não as horas e minutos no calendario
+     * Se true a data considera horas e minutos.
      */
     this.time = false;
     /**
-    * Exibe ou não os segundos no calendario
-    */
+     * Se true a data considera segundos. Deve ser usado em conjunto com a propriedade `time`.
+     */
     this.showSeconds = false;
   }
   /**
-   * Usado no modo floating. Faz com que o componente seja exibido.
-   * É possível determinar ajustes de posicionamento através dos parâmetros
-   * top, left, bottom e right. Esses parâmetros devem ser informados como
-   * strings no formato css.
+   * Exibe o ez-calendar em uma posição determinada.
+   * É possível determinar o posicionamento através dos parâmetros, no formato css.
    */
   async show(top, left, bottom, right) {
     if (this.floating) {
@@ -450,8 +451,8 @@ let EzCalendar$1 = class extends HTMLElement$1 {
     }
   }
   /**
-  * Método necessário para ajustar o posicionamento do calendar acima ou abaixo do ez-date-input conforme a disponibilidade de espaço.
-  */
+   * Ajusta o posicionamento do ez-calendar conforme a disponibilidade de espaço.
+   */
   async fitVertical(topOffset, bottomOffset) {
     const neededHeight = this._container.getBoundingClientRect().bottom + this._calendarHeight;
     const availableBottom = (window.innerHeight || document.documentElement.clientHeight) > neededHeight;
@@ -463,7 +464,7 @@ let EzCalendar$1 = class extends HTMLElement$1 {
     }
   }
   /**
-   * Usado no modo floating. Faz com que o componente seja ocultado.
+   * Oculta o ez-calendar.
    */
   async hide() {
     if (this._floatingID !== undefined) {
@@ -674,14 +675,11 @@ let EzCheck$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
     /**
-     * Deixa o campo disponível ou não para interação com o usuário.
+     * Se false o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-     * Existem dois modos de visualização: regular e switch.
-     * Se esta propriedade for omitida, o componete assume o formato "regular".
-     * No modo "regular" a visualização é a tradicional de uma caixinha marcada/desmarcada.
-     * No modo "switch" o campo tem uma interface em formato de um pino liga/desliga.
+     * Define o modo de visualização do ez-check.
      */
     this.mode = CheckMode.REGULAR;
   }
@@ -689,13 +687,13 @@ let EzCheck$1 = class extends HTMLElement$1 {
   // Public methods
   //---------------------------------------------
   /**
-   * Devolve o modo escolhido para o componente
+   * Obtém o modo escolhido.
    */
   async getMode() {
-    return this.mode;
+    return CheckMode[this.mode];
   }
   /**
-   * Faz o foco no componente de input
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._inputElem.focus();
@@ -744,11 +742,11 @@ let EzChip$1 = class extends HTMLElement$1 {
     this.removeChip = createEvent(this, "removeChip", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
     /**
-     * Deixa o componente disponível ou não para seleção.
+     * Se false o usuário não pode interagir com o ez-chip.
      */
     this.enabled = true;
     /**
-     * Indica se o componente está ou não ativado.
+     * Define o valor do ez-chip.
      */
     this.value = false;
   }
@@ -756,13 +754,13 @@ let EzChip$1 = class extends HTMLElement$1 {
   // Public methods
   //---------------------------------------------
   /**
-   * Faz o foco no componente de input
+   * Aplica o foco no ez-chip.
    */
   async setFocus() {
     this._labelElem.focus();
   }
   /**
-   * Remove o foco no componente de input
+   * Remove o foco do ez-chip.
    */
   async setBlur() {
     this._labelElem.blur();
@@ -858,45 +856,45 @@ let EzCollapsibleBox$1 = class extends HTMLElement$1 {
     this.ezEditLabelMode = createEvent(this, "ezEditLabelMode", 7);
     this._activeEditText = false;
     /**
-     * Valor externalizado que garante a exibição ou não do componente.
+     * Define o valor do componente.
      */
     this.value = false;
     /**
-    * Define o tamanho do texto e do ícone do componente.
-    */
+     * Define o tamanho do texto e do ícone.
+     */
     this.headerSize = "small";
     /**
-    * Define o local onde o ícone será renderizado.
-    */
+     * Define o posicionamento do ícone.
+     */
     this.iconPlacement = "left";
     /**
-    * Define se o titulo irá ocupar toda a largura do componente.
-    */
+     * Se true o título irá ocupar toda a largura do componente.
+     */
     this.stretchTitle = false;
     /**
-    * Ativa o ícone para remoção do componente.
-    */
+     * Se true mostra o ícone para remoção do componente.
+     */
     this.removable = false;
     /**
-    * Ativa o ícone para edição do componente.
-    */
+     * Se true mostra o ícone para edição do componente.
+     */
     this.editable = false;
   }
   /**
-   * Esconde ou revela o conteúdo do componente.
+   * Oculta/mostra o conteúdo do ez-collapsible-box.
    */
   async showHide() {
     this.value = !this.value;
   }
   /**
-   * Aplica focus no campo de edição de título.
+   * Aplica o foco no campo de edição de título.
    */
   async applyFocusTextEdit() {
     var _a;
     (_a = this._refTextEdit) === null || _a === void 0 ? void 0 : _a.applyFocusSelect();
   }
   /**
-   * Fecha a edição de título.
+   * Cancela a edição de título.
    */
   async cancelEdition() {
     this._activeEditText = false;
@@ -996,31 +994,31 @@ let EzComboBox$1 = class extends HTMLElement$1 {
     this._startLoading = false;
     this._showLoading = true;
     /**
-     * Deixa o campo disponível ou não para interação com usuário.
+     * Se false o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-     * Ajusta a opção de mostrar o "value" ao selecionar uma opção. Por padrão não mostra.
+     * Se true a opção selecionada exibe o `value` junto com `label`.
      */
     this.showSelectedValue = false;
     /**
-     * Ajusta a opção de mostrar o "value" para cada opção. Por padrão não mostra
+     * Se true cada opção na lista exibe o `value` junto com `label`.
      */
     this.showOptionValue = false;
     /**
-    * Desabilita a digitação dentro do componente.
-    */
+     * Se true desabilita a digitação dentro do componente.
+     */
     this.suppressSearch = false;
     /**
-     * Remove a opção vazia da lista de opções
+     * Se true remove a opção vazia da lista.
      */
     this.suppressEmptyOption = false;
     /**
-     * Permite exibir a mensagem de erro.
+     * Se false deixa de exibir a mensagem de erro dentro do campo.
      */
     this.canShowError = true;
     /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
+     * Define o tamanho do campo.
      */
     this.mode = "regular";
   }
@@ -1054,19 +1052,19 @@ let EzComboBox$1 = class extends HTMLElement$1 {
     }
   }
   /**
-   * Realiza o foco no componente de seleção
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._textInput.setFocus();
   }
   /**
-   * Remove o foco no componente de seleção
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._textInput.setBlur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -1457,11 +1455,11 @@ let EzDateInput$1 = class extends HTMLElement$1 {
     this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
     this._focused = false;
     /**
-     * Deixa o campo disponível ou não para uso.
+     * Se false o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
+     * Define o tamanho do campo.
      */
     this.mode = "regular";
   }
@@ -1497,19 +1495,19 @@ let EzDateInput$1 = class extends HTMLElement$1 {
     }
   }
   /**
-   * Realiza o foco no componente de data
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._textInput.setFocus();
   }
   /**
-   * Remove o foco no componente de data
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._textInput.setBlur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -1609,15 +1607,15 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
     this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
     this._focused = false;
     /**
-     * Deixa o campo disponível ou não para uso.
+     * Se false o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-  * Exibe ou não os segundos no input
-  */
+     * Se true considera segundos.
+     */
     this.showSeconds = false;
     /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
+     * Define o tamanho do campo.
      */
     this.mode = "regular";
   }
@@ -1653,19 +1651,19 @@ let EzDateTimeInput$1 = class extends HTMLElement$1 {
     }
   }
   /**
-   * Realiza o foco no componente de datetime
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._textInput.setFocus();
   }
   /**
-   * Remove o foco no componente de datetime
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._textInput.setBlur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -1830,19 +1828,16 @@ let EzDialog$1 = class extends HTMLElement$1 {
     this.labelCancel = 'Não';
     this.btnConfirmDanger = false;
     /**
-     * Define se o componente será utilizado no modo de confirmação.
+     * Define se o ez-dialog será utilizado no modo de confirmação.
      */
     this.confirm = false;
     /**
-     * Controla a exibição do componente
+     * Define se o ez-dialog está aberto.
      */
     this.opened = false;
     this._messageQueue = [];
   }
-  /**
-   * Lida com o clique nos botões de dentro do componente.
-   */
-  async handleButtonClick(selectedOption) {
+  handleButtonClick(selectedOption) {
     this.opened = this._messageQueue.length > 0;
     if (this._currentMessage.callBack) {
       this._currentMessage.callBack(selectedOption);
@@ -1854,7 +1849,7 @@ let EzDialog$1 = class extends HTMLElement$1 {
     forceUpdate(this);
   }
   /**
-   * Faz com que o componente seja exibido.
+   * Exibe o ez-dialog.
    */
   async show(title, message, dialogType, confirm, icon, labelCancel, labelConfirm, btnConfirmDanger) {
     this.opened = true;
@@ -1954,11 +1949,11 @@ let EzFilterInput$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
     /**
-     * Deixa o campo disponível ou não para uso.
+     * Se false o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
+     * Define o tamanho do campo.
      */
     this.mode = "regular";
   }
@@ -1979,19 +1974,19 @@ let EzFilterInput$1 = class extends HTMLElement$1 {
     }
   }
   /**
-   * Realiza o foco no componente de input
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._textInput.setFocus();
   }
   /**
-   * Remove o foco no componente de input
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._textInput.setBlur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -2008,7 +2003,7 @@ let EzFilterInput$1 = class extends HTMLElement$1 {
   }
   render() {
     let elementId = ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
-    return (h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo(elementId, "textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.changeValue(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict, loading: this.loading, mode: this.mode }, h("ez-icon", { slot: "leftIcon", iconName: "search" })));
+    return (h("ez-text-input", { "data-element-id": ElementIDUtils.getInternalIDInfo(elementId, "textInput"), ref: elem => this._textInput = elem, label: this.label, onEzChange: evt => this.changeValue(evt), value: this.value, enabled: this.enabled, errorMessage: this.errorMessage, restrict: this.restrict, mode: this.mode }, h("ez-icon", { slot: "leftIcon", iconName: "search" })));
   }
   get _elem() { return this; }
   static get watchers() { return {
@@ -2868,12 +2863,9 @@ let EzForm$1 = class extends HTMLElement$1 {
       }
     };
   }
-  submit() {
-    return Promise.resolve();
-  }
-  cancel() {
-    return Promise.resolve();
-  }
+  /**
+   * Realiza validação no conteúdo de todos os campos.
+   */
   validate() {
     return new Promise((accept, reject) => {
       var _a;
@@ -2960,7 +2952,7 @@ let EzForm$1 = class extends HTMLElement$1 {
       const idTabSelector = `${this._dataElementIdEzForm}_internal_tabSelector`;
       result.push(h("ez-tabselector", { tabs: this.buildIdTabSelector(tabs), onEzChange: (evt) => this._store.dispatch(changeTab(evt.detail)), selectedTab: currentSheet.name, "data-element-id": idTabSelector }));
     }
-    const idFormSheet = `${this._dataElementIdEzForm}_${StringUtils$1.toCamelCase(currentSheet.label)}`;
+    const idFormSheet = `${this._dataElementIdEzForm}_${StringUtils$1.replaceAccentuatedChars(StringUtils$1.toCamelCase(currentSheet.label), false)}`;
     result.push(h(FormSheet, { store: this._store, source: currentSheet, dataElementId: idFormSheet }));
     return result;
   }
@@ -117843,6 +117835,7 @@ class AgGridController {
         sortingOrder: ['desc', 'asc', null],
         columnDefs: this._colDefs,
         blockLoadDebounceMillis: this.BLOCK_LOAD_DEBOUNCE,
+        navigateToNextCell: this.navigateToNextCell.bind(this),
         getRowNodeId: this._dataUnit ? (params) => typeof params === "string" ? params : params[this._idAttribName] : undefined,
         getMainMenuItems: (params) => {
           const column = params.column;
@@ -117882,6 +117875,45 @@ class AgGridController {
   getRowHeight() {
     return this.DEFAULT_ROW_HEIGHT;
   }
+  navigateToNextCell(params) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    switch (params.key) {
+      case 'ArrowUp':
+        if (((_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.hasPrevious()) === false) {
+          return null;
+        }
+        this._gridOptions.api.deselectAll();
+        if (((_b = params.nextCellPosition) === null || _b === void 0 ? void 0 : _b.rowIndex) < 0) {
+          (_c = this._dataUnit) === null || _c === void 0 ? void 0 : _c.previousRecord();
+          return null;
+        }
+        else {
+          (_d = this._dataUnit) === null || _d === void 0 ? void 0 : _d.setSelectionByIndex([params.nextCellPosition.rowIndex]);
+          return params.nextCellPosition;
+        }
+      case 'ArrowDown':
+        if (((_e = this._dataUnit) === null || _e === void 0 ? void 0 : _e.hasNext()) === false) {
+          return null;
+        }
+        this._gridOptions.api.deselectAll();
+        if ((_f = params.nextCellPosition) === null || _f === void 0 ? void 0 : _f.rowIndex) {
+          (_g = this._dataUnit) === null || _g === void 0 ? void 0 : _g.setSelectionByIndex([params.nextCellPosition.rowIndex]);
+        }
+        else {
+          (_h = this._dataUnit) === null || _h === void 0 ? void 0 : _h.nextRecord();
+        }
+        return params.nextCellPosition;
+      case "ArrowLeft":
+      case "ArrowRight":
+        if (((_j = params.nextCellPosition) === null || _j === void 0 ? void 0 : _j.column.colDef.headerName) !== "") {
+          return params.nextCellPosition;
+        }
+        else {
+          return null;
+        }
+    }
+    return null;
+  }
   setOptionsEvents(opt) {
     opt.onSortChanged = e => this.onCallStateChange("sort", e);
     opt.onColumnResized = e => this.onCallStateChange("columnResize", e);
@@ -117942,7 +117974,14 @@ class AgGridController {
       throw new Error("Erro interno: Grid ainda não inicializado.");
     }
     this._gridOptions.api.forEachNode(node => {
-      node.setSelected(rowIds && rowIds.includes(node.id));
+      var _a;
+      if (rowIds && rowIds.includes(node.id)) {
+        node.setSelected(true);
+        (_a = this._gridOptions.api) === null || _a === void 0 ? void 0 : _a.ensureNodeVisible(node);
+      }
+      else {
+        node.setSelected(false);
+      }
     });
     const selectionHeader = this._gridOptions.context.selectionHeader;
     if (selectionHeader) {
@@ -117988,6 +118027,21 @@ class AgGridController {
     }
     this._gridOptions.api.refreshServerSide({ purge: false });
   }
+  setFocusFirstRow() {
+    const firstRow = this._gridOptions.api.getDisplayedRowAtIndex(0);
+    this.setFocusOnRow(firstRow.rowIndex);
+  }
+  setFocusLastRow() {
+    const lastRow = this._gridOptions.api.getDisplayedRowAtIndex(this._gridOptions.api.getLastDisplayedRow());
+    this.setFocusOnRow(lastRow.rowIndex);
+  }
+  setFocusOnRow(rowIndex) {
+    let displayedColumns = this._gridOptions.columnApi.getAllDisplayedColumns();
+    let firstCell = displayedColumns.find((column) => column.getColDef().headerName !== "");
+    this._gridOptions.api.ensureColumnVisible(firstCell);
+    this._gridOptions.api.ensureIndexVisible(rowIndex);
+    this._gridOptions.api.setFocusedCell(rowIndex, firstCell);
+  }
   setColumnsDef(cols) {
     const newColDefs = [Object.assign({ colId: this.CHECK_BOX_COL_ID, headerName: "", checkboxSelection: true, width: 28, suppressMovable: true, suppressAutoSize: true, suppressMenu: true, lockPosition: true, pinned: true }, this._multipleSelection && { headerComponent: "ezGridHeaderComponent", headerClass: "ag-column-select-header" })];
     if (this._statusResolver != undefined) {
@@ -118257,53 +118311,53 @@ let EzGrid$1 = class extends HTMLElement$1 {
     this.ezDoubleClick = createEvent(this, "ezDoubleClick", 7);
     this.configChange = createEvent(this, "configChange", 7);
     this._gridController = new AgGridController(false);
+    this._paginationChangedByKeyboard = true;
   }
   /**
-  * Método responsável por receber a definição das colunas
-  */
+   * Aplica a definição de colunas.
+   */
   async setColumnsDef(cols) {
     this._gridController.setColumnsDef(cols);
   }
   /**
-  * Adiciona item de menu nas colunas.
-  */
+   * Adiciona item de menu nas colunas.
+   */
   async addColumnMenuItem(label, name, action) {
     this._gridController.addColumnMenuItem({ label, name, action });
   }
   /**
-  * Método responsável por aplicar estado pré-existente nas colunas do grid.
-  */
+   * Aplica o estado das colunas.
+   */
   async setColumnsState(state) {
     this._gridController.setColumnsState(state);
   }
   /**
-  * Método de carga dos registros. Os objetos deste array devem conter atributos
-  * para as colunas desejadas.
-  */
+   * Insere os registros no ez-grid.
+   */
   async setData(data) {
     this._gridController.setData(data);
   }
   /**
-  * Retorna as linhas selecionadas na grade.
-  */
+   * Obtém as linhas selecionadas.
+   */
   async getSelection() {
     return Promise.resolve(this._gridController.getSelection());
   }
   /**
-  * Método retornar o estado atual das colunas do grid.
-  */
+   * Obtém o estado atual das colunas.
+   */
   async getColumnsState() {
     return Promise.resolve(this._gridController.getColumnsState());
   }
   /**
-  * Método retornar o estado atual das colunas do grid.
-  */
+   * Obtém a lista de definição de colunas.
+   */
   async getColumns() {
     return Promise.resolve(this._gridController.getColumnsDef());
   }
   /**
-  * Método para fazer um filtro rápido na grid.
-  */
+   * Aplica um filtro rápido.
+   */
   async quickFilter(term) {
     this._gridController.quickFilter(term);
   }
@@ -118381,7 +118435,17 @@ let EzGrid$1 = class extends HTMLElement$1 {
     this._gridController.initDatagrid(this._container, {
       onColumnStateChange: (type, state, info) => this.onColumnStateChange(type, state, info),
       onSelectionChange: (selection) => this.ezSelectionChange.emit(selection),
-      onPaginationChange: (paginationInfo) => this._paginationInfo = paginationInfo,
+      onPaginationChange: (paginationInfo) => {
+        var _a;
+        if (((_a = this._paginationInfo) === null || _a === void 0 ? void 0 : _a.currentPage) > paginationInfo.currentPage && this._paginationChangedByKeyboard) {
+          this._gridController.setFocusLastRow();
+        }
+        else {
+          this._gridController.setFocusFirstRow();
+          this._paginationChangedByKeyboard = true;
+        }
+        this._paginationInfo = paginationInfo;
+      },
       onDoubleClick: (row) => {
         this.ezDoubleClick.emit(row);
       },
@@ -118404,11 +118468,13 @@ let EzGrid$1 = class extends HTMLElement$1 {
   previousPage() {
     if (this.dataUnit) {
       this.dataUnit.previousPage();
+      this._paginationChangedByKeyboard = false;
     }
   }
   nextPage() {
     if (this.dataUnit) {
       this.dataUnit.nextPage();
+      this._paginationChangedByKeyboard = false;
     }
   }
   getPaginationControl() {
@@ -118444,12 +118510,12 @@ let EzIcon$1 = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     /**
-     * Tamanho do ícone
+     * Define o tamanho do ícone.
      */
-    this.size = 'medium';
+    this.size = "medium";
   }
   isSprite() {
-    return this.href && this.href.indexOf('#') > -1;
+    return this.href && this.href.indexOf("#") > -1;
   }
   getIconClassName() {
     return `ez-icon-${this.iconName}`;
@@ -118483,64 +118549,42 @@ let EzList$1 = class extends HTMLElement$1 {
     this._listGroupItems = [];
     this._listItemsHistory = [];
     /**
-    * Define a lista inicial do componente.
-    */
+     * Define a lista inicial do componente.
+     */
     this.dataSource = [];
     /**
-    * Define se o componente renderizará os itens separados em grupos..
-    */
+     * Se true os grupos serão exibidos.
+     */
     this.useGroups = false;
     /**
-    * Define se o componente terá o comportamento de arrasto de linhas.
-    */
+     * Se true habilita `drag and drop` para os itens.
+     */
     this.ezDraggable = false;
     /**
-    * Define se os items da lista serão selecionáveis.
-    */
+     * Se true os itens serão selecionáveis.
+     */
     this.ezSelectable = false;
   }
-  createList() {
-    if (this.useGroups) {
-      let list = [...this.dataSource];
-      list.forEach(itemGroup => {
-        this.sortGroup(itemGroup);
-      });
-      this._listGroupItems = list;
-    }
-    else {
-      this._listItems = this._listItemsHistory.length > 0 ? this._listItemsHistory : [...this.dataSource];
-    }
-  }
-  sortGroup(itemGroup) {
-    if (itemGroup.sort) {
-      itemGroup.items.sort(function (a, b) {
-        return a.label < b.label ? -1 : a.label > b.label ? 1 : 0;
-      });
-      if (itemGroup.sort === "DSC") {
-        itemGroup.items.reverse();
-      }
-    }
-  }
   /**
-  * Responsável por limpar a lista de histórico do componente.
-  */
+   * Limpa o histórico da lista.
+   */
   async clearHistory() {
     this._listItemsHistory = [];
   }
   /**
-  * Responsável por dar um scroll top no componente da lista.
-  */
+   * Traz o conteúdo da lista para a área visível.
+   */
   async scrollToTop() {
     if (this.useGroups) {
-      this._element.shadowRoot.querySelector('.group-container').scrollTop = 0;
+      this._element.shadowRoot.querySelector(".group-container").scrollTop = 0;
     }
     else {
-      this._element.shadowRoot.querySelector('.items-container').scrollTop = 0;
+      this._element.shadowRoot.querySelector(".items-container").scrollTop = 0;
     }
   }
   /**
-  * Recebe   como argumento um ListItem {label: string} e um booleano que define se o componente deve fazer scroll para exibir o item específico (opcional).
-  */
+   * Aplica seleção nas linhas da lista.
+   */
   async setSelection(selectedItem, scrollToOption) {
     if (selectedItem && this.ezSelectable) {
       if (this.useGroups) {
@@ -118571,8 +118615,8 @@ let EzList$1 = class extends HTMLElement$1 {
       }
       if (scrollToOption) {
         let liElem = this.useGroups ?
-          this._groupContainer.querySelector('li#item_' + this.getItemId(selectedItem.label))
-          : this._itemContainer.querySelector('li#item_' + this.getItemId(selectedItem.label));
+          this._groupContainer.querySelector("li#item_" + this.getItemId(selectedItem.label))
+          : this._itemContainer.querySelector("li#item_" + this.getItemId(selectedItem.label));
         if (liElem) {
           liElem.scrollIntoView();
         }
@@ -118582,27 +118626,9 @@ let EzList$1 = class extends HTMLElement$1 {
       this.removeSelection();
     }
   }
-  removeSelection() {
-    if (this.useGroups) {
-      let newList = [...this._listGroupItems];
-      newList.forEach(groupItem => {
-        groupItem.items.forEach(item => {
-          item.selected = false;
-        });
-      });
-      this._listGroupItems = newList;
-    }
-    else {
-      let newList = [...this._listItems];
-      newList.forEach(item => {
-        item.selected = false;
-      });
-      this._listItems = newList;
-    }
-  }
   /**
-   * Retorna   o item selecionado.
-  */
+   * Obtém o item selecionado.
+   */
   async getSelection() {
     let selectedItem;
     if (this.useGroups) {
@@ -118621,7 +118647,7 @@ let EzList$1 = class extends HTMLElement$1 {
     return selectedItem;
   }
   /**
-   * Retorna   a lista de items conforme o modo de uso.
+   * Obtém a lista de items ou grupos.
    */
   async getList() {
     if (this.useGroups) {
@@ -118629,6 +118655,46 @@ let EzList$1 = class extends HTMLElement$1 {
     }
     return this._listItems;
   }
+  createList() {
+    if (this.useGroups) {
+      let list = this.dataSource.map(item => item);
+      list.forEach(itemGroup => {
+        this.sortGroup(itemGroup);
+      });
+      this._listGroupItems = list;
+    }
+    else {
+      this._listItems = this._listItemsHistory.length > 0 ? this._listItemsHistory : this.dataSource.map(item => item);
+    }
+  }
+  sortGroup(itemGroup) {
+    if (itemGroup.sort) {
+      itemGroup.items.sort(function (a, b) {
+        return a.label < b.label ? -1 : a.label > b.label ? 1 : 0;
+      });
+      if (itemGroup.sort === "DSC") {
+        itemGroup.items.reverse();
+      }
+    }
+  }
+  removeSelection() {
+    if (this.useGroups) {
+      let newList = [...this._listGroupItems];
+      newList.forEach(groupItem => {
+        groupItem.items.forEach(item => {
+          item.selected = false;
+        });
+      });
+      this._listGroupItems = newList;
+    }
+    else {
+      let newList = [...this._listItems];
+      newList.forEach(item => {
+        item.selected = false;
+      });
+      this._listItems = newList;
+    }
+  }
   componentWillLoad() {
     this._listItemsHistory = [];
   }
@@ -118751,7 +118817,7 @@ let EzList$1 = class extends HTMLElement$1 {
   }
   addOverClass(element) {
     if ((element === null || element === void 0 ? void 0 : element.__proto__) == HTMLDivElement.prototype && element.classList.contains("draggable")) {
-      element.classList.add('over');
+      element.classList.add("over");
     }
     else if ((element === null || element === void 0 ? void 0 : element.parentElement) && !element.parentElement.classList.contains("draggable-list")) {
       this.addOverClass(element.parentElement);
@@ -118776,21 +118842,21 @@ let EzList$1 = class extends HTMLElement$1 {
     let overCollection;
     let overLastDroppableCollection;
     if (this.useGroups) {
-      overCollection = (_a = this._groupContainer) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('over');
-      overLastDroppableCollection = this._groupContainer.getElementsByClassName('last-droppable-space');
+      overCollection = (_a = this._groupContainer) === null || _a === void 0 ? void 0 : _a.getElementsByClassName("over");
+      overLastDroppableCollection = this._groupContainer.getElementsByClassName("last-droppable-space");
     }
     else {
-      overCollection = (_b = this._itemContainer) === null || _b === void 0 ? void 0 : _b.getElementsByClassName('over');
-      overLastDroppableCollection = this._itemContainer.getElementsByClassName('last-droppable-space');
+      overCollection = (_b = this._itemContainer) === null || _b === void 0 ? void 0 : _b.getElementsByClassName("over");
+      overLastDroppableCollection = this._itemContainer.getElementsByClassName("last-droppable-space");
     }
     if (overCollection) {
       Array.from(overCollection).forEach(function (element) {
-        element.classList.remove('over');
+        element.classList.remove("over");
       });
     }
     if (overLastDroppableCollection) {
       Array.from(overLastDroppableCollection).forEach(function (element) {
-        element.classList.remove('over');
+        element.classList.remove("over");
       });
     }
   }
@@ -118941,7 +119007,7 @@ let EzList$1 = class extends HTMLElement$1 {
   onDragOverLastIndex(ev) {
     ev.preventDefault();
     if (this._dragStartItem) {
-      ev.target.classList.add('over');
+      ev.target.classList.add("over");
       ev.stopPropagation();
     }
   }
@@ -118967,7 +119033,7 @@ let EzList$1 = class extends HTMLElement$1 {
     return (h(Host, { ref: (el) => this._element = el }, this.useGroups ?
       h("div", { class: "group-container", ref: (el) => this._groupContainer = el, tabIndex: 0, onKeyDown: (event) => { this.keyDownHandler(event); } }, this._listGroupItems.map(group => {
         return h("div", { id: this.getDivGroupId(group.group), class: "group", key: group.group + group.items.length, onDrop: () => this.onDropGroup(group) }, h("label", { draggable: false, class: "group-name" }, group.group), h("section", { class: "section-container", onDragOver: (ev) => ev.preventDefault() }, h("div", { class: "group-items-container" }, h("div", { class: "draggable-list" }, group.items.map((item, index) => {
-          return h("li", { id: 'item_' + this.getItemId(item.label), class: this.ezSelectable ? "selectable-container" : "", key: 'item_' + this.getItemId(item.label) }, h("div", { class: "draggable" + (item.selected == true ? " selected-item " : "") + (this.ezSelectable == true ? " selectable " : ""), onClick: () => { this.setSelection(item); }, onDragLeave: () => { group.sort ? undefined : this.removeOverClass(); }, onDragEnd: () => this.onDragEnd(), onDragStart: () => this.onDragStart(item, group, index), onDragOver: (event) => { group.sort ? undefined : this.onDragOverItem(event); }, onDrop: (event) => this.onDrop(event, { groupName: group.group, item: item, index: index }), draggable: this.ezDraggable }, h("div", { class: "item-content" }, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label)), this.itemSlotBuilder ?
+          return h("li", { id: "item_" + this.getItemId(item.label), class: this.ezSelectable ? "selectable-container" : "", key: "item_" + this.getItemId(item.label) }, h("div", { class: "draggable" + (item.selected == true ? " selected-item " : "") + (this.ezSelectable == true ? " selectable " : ""), onClick: () => { this.setSelection(item); }, onDragLeave: () => { group.sort ? undefined : this.removeOverClass(); }, onDragEnd: () => this.onDragEnd(), onDragStart: () => this.onDragStart(item, group, index), onDragOver: (event) => { group.sort ? undefined : this.onDragOverItem(event); }, onDrop: (event) => this.onDrop(event, { groupName: group.group, item: item, index: index }), draggable: this.ezDraggable }, h("div", { class: "item-content" }, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label)), this.itemSlotBuilder ?
             h("div", { class: "slot-item" }, this.itemSlotBuilder(item, group))
             : undefined));
         })), h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: (event) => { this.onDragOverLastIndex(event); }, onDragEnd: () => this.onDragEnd(), onDrop: (event) => this.onDropLastIndex(event, group) })), group.sort ?
@@ -118976,7 +119042,7 @@ let EzList$1 = class extends HTMLElement$1 {
       }))
       :
         h("div", { class: "items-container", ref: (el) => this._itemContainer = el, tabIndex: 0, onKeyDown: (event) => { this.keyDownHandler(event); } }, h("div", { class: "draggable-list" }, this._listItems.map((item, index) => {
-          return h("li", { id: 'item_' + this.getItemId(item.label), class: this.ezSelectable ? "selectable-container" : "", key: 'item_' + this.getItemId(item.label) }, h("div", { class: "draggable" + (item.selected == true ? " selected-item " : "") + (this.ezSelectable == true ? " selectable " : ""), onDragStart: () => this.onDragStart({ item: item, index: index }), onClick: () => { this.setSelection(item); }, onDragLeave: () => this.removeOverClass(), onDragOver: (event) => this.onDragOverItem(event), onDragEnd: () => this.onDragEnd(), onDrop: (event) => this.onDrop(event, { item: item, index: index }), draggable: this.ezDraggable }, h("div", { class: "item-content" }, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label)), this.itemSlotBuilder ?
+          return h("li", { id: "item_" + this.getItemId(item.label), class: this.ezSelectable ? "selectable-container" : "", key: "item_" + this.getItemId(item.label) }, h("div", { class: "draggable" + (item.selected == true ? " selected-item " : "") + (this.ezSelectable == true ? " selectable " : ""), onDragStart: () => this.onDragStart({ item: item, index: index }), onClick: () => { this.setSelection(item); }, onDragLeave: () => this.removeOverClass(), onDragOver: (event) => this.onDragOverItem(event), onDragEnd: () => this.onDragEnd(), onDrop: (event) => this.onDrop(event, { item: item, index: index }), draggable: this.ezDraggable }, h("div", { class: "item-content" }, this.ezDraggable ? h("span", { class: "draggable-icon" }) : undefined, h("p", { title: item.label, class: "person-name text--ellipsis" }, item.label)), this.itemSlotBuilder ?
             h("div", null, this.itemSlotBuilder(item))
             : undefined));
         }), h("div", { class: "last-droppable-space", onDragLeave: () => this.removeOverClass(), onDragOver: (event) => { this.onDragOverLastIndex(event); }, onDragEnd: () => this.onDragEnd(), onDrop: (event) => this.onDropLastIndex(event) })))));
@@ -118993,13 +119059,17 @@ let EzLoadingBar$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this._showLoading = true;
   }
-  hide() {
+  /**
+   * Oculta o ez-loading-bar.
+   */
+  async hide() {
     this._showLoading = false;
-    return Promise.resolve();
   }
-  show() {
+  /**
+   * Exibe o ez-loading-bar.
+   */
+  async show() {
     this._showLoading = true;
-    return Promise.resolve();
   }
   render() {
     return (h(Host, null, this._showLoading && h("div", { class: "loading-bar" }, h("div", { class: "loading-bar__container" }))));
@@ -119017,16 +119087,16 @@ let EzModal$1 = class extends HTMLElement$1 {
     this.ezCloseModal = createEvent(this, "ezCloseModal", 7);
     this.ezOpenModal = createEvent(this, "ezOpenModal", 7);
     /**
-    * Controle de exibição do Modal
-    */
+     * Define se o ez-modal está aberto.
+     */
     this.opened = true;
     /**
-    * Define se o modal será fechado ao clicar ESC
-    */
+     * Define se o ez-modal será fechado ao clicar `ESC`.
+     */
     this.closeEsc = false;
     /**
-    * Define se o modal será fechado ao clicar fora do conteúdo.
-    */
+     * Define se o modal será fechado ao clicar fora do conteúdo.
+     */
     this.closeOutsideClick = false;
     this.handleKeyboardEvent = (ev) => {
       if ((ev === null || ev === void 0 ? void 0 : ev.key) === "Escape" && this.closeEsc) {
@@ -119098,7 +119168,7 @@ let EzModalContainer$1 = class extends HTMLElement$1 {
     this.__registerHost();
     this.ezModalAction = createEvent(this, "ezModalAction", 7);
     /**
-     * Determina se o cabeçalho com o título deverá ser mostrado
+     * Define se o cabeçalho será mostrado.
      */
     this.showTitleBar = true;
   }
@@ -119120,7 +119190,7 @@ let EzModalContainer$1 = class extends HTMLElement$1 {
     this._closeButton.focus();
   }
   render() {
-    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusLast(evt) }), this.showTitleBar && h("div", { class: "ez-modal-container__header ez-margin-bottom--large ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" }))), h("div", null, h("slot", null)), h("div", { class: 'ez-col ez-margin-left--auto' }, this.cancelIsVisible() ? h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okIsVisible() ? h("ez-button", { ref: ref => this._okButton = ref, label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus$1.DISABLED, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusFirst(evt) })));
+    return (h(Host, null, h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusLast(evt) }), this.showTitleBar && h("div", { class: "ez-modal-container__header ez-margin-bottom--large ez-align--middle" }, h("div", { class: "ez-col ez-align--middle ez-modal-container__title" }, h("h2", { class: "ez-text ez-title--large ez-title--primary ez-text--bold ez-margin-vertical--extra-small" }, this.modalTitle), this.modalSubTitle ? h("div", { class: "ez-text ez-text--medium ez-text--primary ez-margin-vertical--extra-small" }, this.modalSubTitle) : undefined), h("button", { ref: ref => this._closeButton = ref, class: "ez-modal-container__close-button", onClick: () => this.ezModalAction.emit(ModalAction$1.CLOSE) }, h("ez-icon", { class: "ez-modal-container__close-icon", size: "medium", iconName: "close" }))), h("div", null, h("slot", null)), h("div", { class: "ez-col ez-margin-left--auto" }, this.cancelIsVisible() ? h("ez-button", { label: this.cancelButtonLabel, enabled: this.cancelButtonStatus !== ModalButtonStatus$1.DISABLED, onClick: () => this.ezModalAction.emit(ModalAction$1.CANCEL) }) : undefined, this.okIsVisible() ? h("ez-button", { ref: ref => this._okButton = ref, label: this.okButtonLabel, enabled: this.okButtonStatus !== ModalButtonStatus$1.DISABLED, class: "ez-button--primary ez-margin-left--medium", onClick: () => this.ezModalAction.emit(ModalAction$1.OK) }) : undefined), h("button", { class: "ez-modal-container__focus-ctrl", onFocusin: evt => this.focusFirst(evt) })));
   }
   static get style() { return ezModalContainerCss; }
 };
@@ -119137,28 +119207,28 @@ let EzNumberInput$1 = class extends HTMLElement$1 {
     this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
     this._focused = false;
     /**
-     * Deixa o campo disponível ou não para uso.
+     * Se false, o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
+     * Define o tamanho do campo.
      */
     this.mode = "regular";
   }
   /**
-   * Realiza o foco no componente de input
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._textInput.setFocus();
   }
   /**
-   * Remove o foco no componente de input
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._textInput.setBlur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -119282,29 +119352,27 @@ let EzPopover$1 = class extends HTMLElement$1 {
     this.ezVisibilityChange = createEvent(this, "ezVisibilityChange", 7);
     this._firstRender = true;
     /**
-     * No modo floating = false o popover só se tornará visível
-     * quando o método show() for acionado.
+     * Define que será fechado automaticamente quando o usuário clicar fora do conteúdo.
      */
     this.autoClose = true;
     /**
-     * Offset top do popover em relação ao componente pai
+     * Define a distância do topo. Devem ser usados valores válidos de CSS.
      */
     this.top = "0px";
     /**
-     * Offset left do popover em relação ao componente pai
+     * Define a distância do lado esquerdo. Devem ser usados valores válidos de CSS.
      */
     this.left = "0px";
     /**
-     * Offset bottom do popover em relação ao componente pai
+     * Define a distância de baixo. Devem ser usados valores válidos de CSS.
      */
     this.bottom = "0px";
     /**
-     * Offset right do popover em relação ao componente pai
+     * Define a distância do lado direito. Devem ser usados valores válidos de CSS.
      */
     this.right = "0px";
     /**
      * Ajusta o comportamento da largura do popover.
-     * Opções: "100% e "fit-content" (default)
      */
     this.boxWidth = "fit-content";
     this.innerClickTest = (_popOvercontainer, node, eventOrigin) => {
@@ -119355,7 +119423,7 @@ let EzPopover$1 = class extends HTMLElement$1 {
     }
   }
   /**
-   * Atualiza a posição do popover em relação ao componente pai.
+   * Atualiza a posição do popover.
    */
   async updatePosition(top = this.top, left = this.left, bottom = this.bottom, right = this.right) {
     const floatingOptions = {
@@ -119370,7 +119438,7 @@ let EzPopover$1 = class extends HTMLElement$1 {
     FloatingManager.updateFloatPosition(this._box, this._container, floatingOptions);
   }
   /**
-   * Faz com que o popover seja renderizado na DOM.
+   * Exibe o ez-popover.
    */
   async show(top = this.top, left = this.left, bottom = this.bottom, right = this.right) {
     const floatingOptions = {
@@ -119386,7 +119454,7 @@ let EzPopover$1 = class extends HTMLElement$1 {
     this.opened = true;
   }
   /**
-   * Usado no modo floating. Faz com que o componente seja ocultado.
+   * Oculta o ez-popover.
    */
   async hide() {
     if (this._floatingID !== undefined) {
@@ -119427,20 +119495,19 @@ let EzPopup$1 = class extends HTMLElement$1 {
       "x-large": "col--sd-11"
     };
     /**
-     * Define o width que o componente deve ter, seguindo o grid system. Os valores devem estar
-     * compreendidos em [x-small | small | medium | large | x-large].
+     * Define a largura do ez-popup.
      */
     this.size = "medium";
     /**
-     * Controla a exibição do componente.
+     * Define se o ez-popover está aberto.
      */
     this.opened = false;
     /**
-     * Define se o componente utilizará um cabeçalho com botão de fechamento.
+     * Define se o componente utilizará cabeçalho.
      */
     this.useHeader = true;
     /**
-     * Define se o componente utilizará um cabeçalho com botão de fechamento.
+     * Define altura do componente.
      */
     this.heightMode = "full";
   }
@@ -119476,11 +119543,11 @@ let EzRadioButton$1 = class extends HTMLElement$1 {
      */
     this.options = [];
     /**
-    * Define se o componente está habilitado ou desabilitado
-    */
+     * Se false o usuário não pode interagir com o campo.
+     */
     this.enabled = true;
     /**
-     * Define a direção em que os itens são apresentadoss, podendo ser horizontal ou vertical.
+     * Define a direção dos itens.
      */
     this.direction = "vertical";
   }
@@ -119529,16 +119596,11 @@ let EzScroller$1 = class extends HTMLElement$1 {
     this._classHidden = "ez-scroller__shadow--hidden";
     this.isFirefox = false;
     /**
-     * Determina se haverá scroll na direção Vertical, Horizontal ou Ambos.
-     * Por padrão, a direção é "Ambos".
-     */
-    this.direction = EzScrollDirection.BOTH;
-    /**
-     * Determina se o scroll estará bloqueado quando necessário.
+     * Define se o `scroll` estará bloqueado.
      */
     this.locked = false;
     /**
-     * Determina de o efeito de sombreado está ativo.
+     * Define se haverá efeito de sombreado.
      */
     this.activeShadow = false;
   }
@@ -119697,26 +119759,25 @@ let EzSearch$1 = class extends HTMLElement$1 {
     this.__registerHost();
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
-    this.showPopup = createEvent(this, "showPopup", 7);
     /**
-      * Deixa o campo disponível ou não.
-      */
+     * Se false o usuário não pode interagir com o campo.
+     */
     this.enabled = true;
     /**
-      * Ajusta a opção de mostrar o "value" ao selecionar uma opção.
-      */
+     * Se false a opção selecionada deve exibir somente o `label`.
+     */
     this.showSelectedValue = true;
     /**
-      * Ajusta a opção de mostrar o "value" para cada opção.
-      */
+     * Se false cada opção na lista deve exibir somente o `label`.
+     */
     this.showOptionValue = true;
     /**
-      * Remove a opção vazia da lista de opções
-      */
+     * Se true remove a opção vazia da lista.
+     */
     this.suppressEmptyOption = false;
     /**
-      * Define o modo do tamanho do campo; opções: slim e regular.
-      */
+     * Define o tamanho do campo.
+     */
     this.mode = "regular";
   }
   observeErrorMessage() {
@@ -119730,19 +119791,19 @@ let EzSearch$1 = class extends HTMLElement$1 {
     }
   }
   /**
-    * Realiza o foco no componente de pesquisa
+    * Aplica o foco no campo.
     */
   async setFocus() {
     this._comboElement.setFocus();
   }
   /**
-    * Remove o foco no componente de pesquisa
+    * Remove o foco do campo.
     */
   async setBlur() {
     this._comboElement.setBlur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -120004,19 +120065,19 @@ let EzTextArea$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
     /**
-     * Deixa o campo disponível ou não para digitação.
+     * Se false o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-     * Ajusta o número de linhas e consequentemente o height do textarea. Valor default: 4
+     * Define o número de linhas.
      */
     this.rows = 4;
     /**
-     * Permite exibir a mensagem de erro.
+     * Se false deixa de exibir a mensagem de erro dentro do campo.
      */
     this.canShowError = true;
     /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
+     * Define o tamanho do campo.
      */
     this.mode = "regular";
   }
@@ -120064,19 +120125,19 @@ let EzTextArea$1 = class extends HTMLElement$1 {
   // Public methods
   //---------------------------------------------
   /**
-   * Faz o foco no componente de input
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._inputElem.focus();
   }
   /**
-   * Remove o foco no componente de input
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._inputElem.blur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -120164,7 +120225,7 @@ let EzTextEdit$1 = class extends HTMLElement$1 {
     this.cancelEdition = createEvent(this, "cancelEdition", 7);
   }
   /**
-   * Aplica focus no campo.
+   * Aplica foco no campo.
    */
   async applyFocusSelect() {
     this.calcSizeInput(this.value, true);
@@ -120258,19 +120319,19 @@ let EzTextInput$1 = class extends HTMLElement$1 {
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
     /**
-     * Deixa o campo disponível ou não para digitação.
+     * Se false o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-     * Permite exibir a mensagem de erro.
+     * Se false deixa de exibir a mensagem de erro dentro do campo.
      */
     this.canShowError = true;
     /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
+     * Define o tamanho do campo.
      */
     this.mode = "regular";
     /**
-     * Define se o campo contará com bordas ou não
+     * Se true o campo não terá bordas.
      */
     this.noBorder = false;
   }
@@ -120355,19 +120416,19 @@ let EzTextInput$1 = class extends HTMLElement$1 {
   // Public methods
   //---------------------------------------------
   /**
-   * Faz o foco no componente de input
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._inputElem.focus();
   }
   /**
-   * Remove o foco no componente de input
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._inputElem.blur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -120504,15 +120565,15 @@ let EzTimeInput$1 = class extends HTMLElement$1 {
     this.ezStartChange = createEvent(this, "ezStartChange", 7);
     this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
     /**
-     * Deixa o campo disponível ou não para digitação.
+     * Se false o usuário não pode interagir com o campo.
      */
     this.enabled = true;
     /**
-    * Define se o componente irá ou não considerar os segundos.
+    * Se true considera segundos.
     */
     this.showSeconds = false;
     /**
-     * Define o modo do tamanho do campo; opções: slim e regular.
+     * Define o tamanho do campo.
      */
     this.mode = "regular";
   }
@@ -120593,19 +120654,19 @@ let EzTimeInput$1 = class extends HTMLElement$1 {
     }
   }
   /**
-   * Faz o foco no componente de input
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._textInput.setFocus();
   }
   /**
-   * Remove o foco no componente de input
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._textInput.setBlur();
   }
   /**
-   * Retorna informando se o campo está inválido (true | false)
+   * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
     return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
@@ -120668,21 +120729,21 @@ let EzToast$1 = class extends HTMLElement$1 {
     this._lastTimeOut = undefined;
     this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
     /**
-    * Controla o tempo de exibição do componente em milissegundos.
+    * Define o tempo de exibição em milissegundos.
     */
     this.fadeTime = 5000;
     /**
-    * Adiciona ícone de check no componente.
+    * Se true permite a utilização do slot de ícone.
     */
     this.useIcon = false;
     /**
-    * Controla o uso do icone de fechar o toast.
+    * Se false, o usuário não consegue fechar.
     */
     this.canClose = true;
   }
   /**
-  * Exibe o componente na tela.
-  */
+   * Exibe o ez-toast.
+   */
   async show(message, fadeTime, useIcon, canClose) {
     return new Promise(resolve => {
       var _a;
@@ -120845,7 +120906,7 @@ let EzUpload$1 = class extends HTMLElement$1 {
     this.ezCancelWaitingChange = createEvent(this, "ezCancelWaitingChange", 7);
     this._filePointers = new Map();
     /**
-    * Deixa o campo disponível ou não para digitação.
+    * Se false o usuário não pode interagir com o campo.
     */
     this.enabled = true;
   }
@@ -120884,8 +120945,8 @@ let EzUpload$1 = class extends HTMLElement$1 {
     }
   }
   /**
-  * Método responsável por adicionar um ou mais arquivos ao componente.
-  */
+   * Adiciona arquivos.
+   */
   async addFiles(files) {
     if (this.maxFiles > 0) {
       let countDistinctFiles = this._filePointers.size;
@@ -120902,13 +120963,13 @@ let EzUpload$1 = class extends HTMLElement$1 {
     Array.prototype.forEach.call(files, this.addFile.bind(this));
   }
   /**
-   * Realiza o foco no componente de upload
+   * Aplica o foco no campo.
    */
   async setFocus() {
     this._fileInput.focus();
   }
   /**
-   * Remove o foco no componente de upload
+   * Remove o foco do campo.
    */
   async setBlur() {
     this._fileInput.blur();
@@ -121129,7 +121190,7 @@ let EzViewStack$1 = class extends HTMLElement$1 {
     this._dataKey = 'id_'.concat(Date.now().toString());
   }
   /**
-  * Exibe a aba desejada de acordo com o index passado na tela fazendo com a ativa atual seja removida ou oculta dependendo da hidePolicy.
+  * Exibe a visão de acordo com o índice.
   */
   async show(index) {
     if (index !== this._focusedIndex && 0 <= index && index < this._totalStackItems) {
@@ -121139,7 +121200,7 @@ let EzViewStack$1 = class extends HTMLElement$1 {
     }
   }
   /**
-  * Retorna o index que está atualmente ativo e sendo exibido.
+  * Obtem o índice selecionado.
   */
   async getSelectedIndex() {
     return this._focusedIndex;
@@ -121200,16 +121261,16 @@ const EzApplication = /*@__PURE__*/proxyCustomElement(EzApplication$1, [0,"ez-ap
 const EzButton = /*@__PURE__*/proxyCustomElement(EzButton$1, [1,"ez-button",{"label":[513],"enabled":[516],"mode":[513],"image":[513],"iconName":[513,"icon-name"],"size":[513]}]);
 const EzCalendar = /*@__PURE__*/proxyCustomElement(EzCalendar$1, [1,"ez-calendar",{"value":[1040],"floating":[516],"time":[516],"showSeconds":[516,"show-seconds"]}]);
 const EzCardItem = /*@__PURE__*/proxyCustomElement(EzCardItem$1, [1,"ez-card-item",{"item":[16]}]);
-const EzCheck = /*@__PURE__*/proxyCustomElement(EzCheck$1, [1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[4],"mode":[513]}]);
+const EzCheck = /*@__PURE__*/proxyCustomElement(EzCheck$1, [1,"ez-check",{"label":[513],"value":[1540],"enabled":[1540],"indeterminate":[516],"mode":[513]}]);
 const EzChip = /*@__PURE__*/proxyCustomElement(EzChip$1, [1,"ez-chip",{"label":[513],"enabled":[516],"removePosition":[513,"remove-position"],"mode":[513],"value":[1540]}]);
 const EzCollapsibleBox = /*@__PURE__*/proxyCustomElement(EzCollapsibleBox$1, [1,"ez-collapsible-box",{"value":[1540],"label":[513],"headerSize":[513,"header-size"],"iconPlacement":[513,"icon-placement"],"stretchTitle":[516,"stretch-title"],"removable":[516],"editable":[516],"conditionalSave":[16],"_activeEditText":[32]}]);
 const EzComboBox = /*@__PURE__*/proxyCustomElement(EzComboBox$1, [1,"ez-combo-box",{"value":[1537],"label":[513],"enabled":[516],"options":[1040],"errorMessage":[1537,"error-message"],"searchMode":[4,"search-mode"],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressSearch":[4,"suppress-search"],"optionLoader":[16],"suppressEmptyOption":[4,"suppress-empty-option"],"canShowError":[516,"can-show-error"],"mode":[513],"_preSelection":[32],"_visibleOptions":[32],"_startLoading":[32],"_showLoading":[32],"_criteria":[32]}]);
 const EzDateInput = /*@__PURE__*/proxyCustomElement(EzDateInput$1, [1,"ez-date-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"mode":[513]}]);
 const EzDateTimeInput = /*@__PURE__*/proxyCustomElement(EzDateTimeInput$1, [1,"ez-date-time-input",{"label":[513],"value":[1040],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513]}]);
 const EzDialog = /*@__PURE__*/proxyCustomElement(EzDialog$1, [1,"ez-dialog",{"confirm":[1028],"dialogType":[1025,"dialog-type"],"message":[1025],"opened":[1540],"personalizedIconPath":[1025,"personalized-icon-path"],"ezTitle":[1025,"ez-title"]}]);
-const EzFilterInput = /*@__PURE__*/proxyCustomElement(EzFilterInput$1, [1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"loading":[516],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513]}]);
+const EzFilterInput = /*@__PURE__*/proxyCustomElement(EzFilterInput$1, [1,"ez-filter-input",{"label":[1],"value":[1537],"enabled":[4],"errorMessage":[1537,"error-message"],"restrict":[1],"mode":[513]}]);
 const EzForm = /*@__PURE__*/proxyCustomElement(EzForm$1, [0,"ez-form",{"dataUnit":[1040],"config":[16],"recordsValidator":[16]}]);
-const EzGrid = /*@__PURE__*/proxyCustomElement(EzGrid$1, [6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32]}]);
+const EzGrid = /*@__PURE__*/proxyCustomElement(EzGrid$1, [6,"ez-grid",{"multipleSelection":[4,"multiple-selection"],"config":[1040],"serverUrl":[1,"server-url"],"dataUnit":[16],"statusResolver":[16],"_paginationInfo":[32],"_paginationChangedByKeyboard":[32]}]);
 const EzIcon = /*@__PURE__*/proxyCustomElement(EzIcon$1, [1,"ez-icon",{"size":[513],"href":[513],"iconName":[513,"icon-name"]}]);
 const EzList = /*@__PURE__*/proxyCustomElement(EzList$1, [1,"ez-list",{"dataSource":[1040],"useGroups":[1540,"use-groups"],"ezDraggable":[1028,"ez-draggable"],"ezSelectable":[1028,"ez-selectable"],"itemSlotBuilder":[1040],"_listItems":[32],"_listGroupItems":[32]}]);
 const EzLoadingBar = /*@__PURE__*/proxyCustomElement(EzLoadingBar$1, [1,"ez-loading-bar",{"_showLoading":[32]}]);
@@ -121217,14 +121278,14 @@ const EzModal = /*@__PURE__*/proxyCustomElement(EzModal$1, [1,"ez-modal",{"modal
 const EzModalContainer = /*@__PURE__*/proxyCustomElement(EzModalContainer$1, [6,"ez-modal-container",{"modalTitle":[1,"modal-title"],"modalSubTitle":[1,"modal-sub-title"],"showTitleBar":[4,"show-title-bar"],"cancelButtonLabel":[1,"cancel-button-label"],"okButtonLabel":[1,"ok-button-label"],"cancelButtonStatus":[1,"cancel-button-status"],"okButtonStatus":[1,"ok-button-status"]}]);
 const EzNumberInput = /*@__PURE__*/proxyCustomElement(EzNumberInput$1, [1,"ez-number-input",{"label":[1],"value":[1538],"enabled":[4],"errorMessage":[1537,"error-message"],"precision":[2],"prettyPrecision":[2,"pretty-precision"],"mode":[513]}]);
 const EzPopover = /*@__PURE__*/proxyCustomElement(EzPopover$1, [1,"ez-popover",{"autoClose":[516,"auto-close"],"top":[1537],"left":[1537],"bottom":[1537],"right":[1537],"boxWidth":[513,"box-width"],"opened":[1540],"innerElement":[1537,"inner-element"]}]);
-const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[1540,"use-header"],"heightMode":[1537,"height-mode"],"ezTitle":[1,"ez-title"]}]);
+const EzPopup = /*@__PURE__*/proxyCustomElement(EzPopup$1, [1,"ez-popup",{"size":[1],"opened":[1540],"useHeader":[516,"use-header"],"heightMode":[513,"height-mode"],"ezTitle":[1,"ez-title"]}]);
 const EzRadioButton = /*@__PURE__*/proxyCustomElement(EzRadioButton$1, [1,"ez-radio-button",{"value":[1544],"options":[1040],"enabled":[516],"label":[513],"direction":[1537]}]);
 const EzScroller = /*@__PURE__*/proxyCustomElement(EzScroller$1, [1,"ez-scroller",{"direction":[1],"locked":[4],"activeShadow":[4,"active-shadow"],"isFirefox":[32]},[[2,"click","clickListener"],[1,"mousedown","mouseDownHandler"],[1,"mouseup","mouseUpHandler"],[1,"mousemove","mouseMoveHandler"]]]);
 const EzSearch = /*@__PURE__*/proxyCustomElement(EzSearch$1, [1,"ez-search",{"value":[1537],"label":[1537],"enabled":[1540],"errorMessage":[1537,"error-message"],"optionLoader":[16],"showSelectedValue":[4,"show-selected-value"],"showOptionValue":[4,"show-option-value"],"suppressEmptyOption":[4,"suppress-empty-option"],"mode":[513]}]);
 const EzTabselector = /*@__PURE__*/proxyCustomElement(EzTabselector$1, [1,"ez-tabselector",{"selectedIndex":[1538,"selected-index"],"selectedTab":[1537,"selected-tab"],"tabs":[1],"_processedTabs":[32]}]);
-const EzTextArea = /*@__PURE__*/proxyCustomElement(EzTextArea$1, [1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513]}]);
+const EzTextArea = /*@__PURE__*/proxyCustomElement(EzTextArea$1, [1,"ez-text-area",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"rows":[1538],"canShowError":[516,"can-show-error"],"mode":[513]}]);
 const EzTextEdit = /*@__PURE__*/proxyCustomElement(EzTextEdit$1, [1,"ez-text-edit",{"value":[1],"styled":[16],"_newValue":[32]}]);
-const EzTextInput = /*@__PURE__*/proxyCustomElement(EzTextInput$1, [1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"loading":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"]}]);
+const EzTextInput = /*@__PURE__*/proxyCustomElement(EzTextInput$1, [1,"ez-text-input",{"label":[513],"value":[1537],"enabled":[516],"errorMessage":[1537,"error-message"],"mask":[1],"canShowError":[516,"can-show-error"],"restrict":[1],"mode":[513],"noBorder":[516,"no-border"]}]);
 const EzTimeInput = /*@__PURE__*/proxyCustomElement(EzTimeInput$1, [1,"ez-time-input",{"label":[513],"value":[1026],"enabled":[516],"errorMessage":[1537,"error-message"],"showSeconds":[516,"show-seconds"],"mode":[513]}]);
 const EzToast = /*@__PURE__*/proxyCustomElement(EzToast$1, [1,"ez-toast",{"message":[1025],"fadeTime":[1026,"fade-time"],"useIcon":[1028,"use-icon"],"canClose":[1028,"can-close"]}]);
 const EzUpload = /*@__PURE__*/proxyCustomElement(EzUpload$1, [1,"ez-upload",{"label":[1],"enabled":[4],"maxFileSize":[2,"max-file-size"],"maxFiles":[2,"max-files"],"requestHeaders":[8,"request-headers"],"urlUpload":[1,"url-upload"],"urlDelete":[1,"url-delete"],"value":[1040]}]);