@sankhyalabs/ezui 2.3.1 → 2.3.2

package/dist/esm/ez-list.entry.js

@@ -10,64 +10,42 @@ let EzList = class {
     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) {
@@ -98,8 +76,8 @@ let EzList = class {
       }
       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();
         }
@@ -109,27 +87,9 @@ let EzList = class {
       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) {
@@ -148,7 +108,7 @@ let EzList = class {
     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) {
@@ -156,6 +116,46 @@ let EzList = class {
     }
     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 = [];
   }
@@ -278,7 +278,7 @@ let EzList = class {
   }
   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);
@@ -303,21 +303,21 @@ let EzList = class {
     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");
       });
     }
   }
@@ -468,7 +468,7 @@ let EzList = class {
   onDragOverLastIndex(ev) {
     ev.preventDefault();
     if (this._dragStartItem) {
-      ev.target.classList.add('over');
+      ev.target.classList.add("over");
       ev.stopPropagation();
     }
   }
@@ -494,7 +494,7 @@ let EzList = class {
     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 ?
@@ -503,7 +503,7 @@ let EzList = class {
       }))
       :
         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) })))));

package/dist/esm/ez-loading-bar.entry.js

@@ -7,13 +7,17 @@ let EzLoadingBar = class {
     registerInstance(this, hostRef);
     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" }))));

package/dist/esm/ez-modal-container.entry.js

@@ -24,7 +24,7 @@ let EzModalContainer = class {
     registerInstance(this, hostRef);
     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;
   }
@@ -46,7 +46,7 @@ let EzModalContainer = class {
     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) })));
   }
 };
 EzModalContainer.style = ezModalContainerCss;

package/dist/esm/ez-modal.entry.js

@@ -8,16 +8,16 @@ let EzModal = class {
     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) {

package/dist/esm/ez-number-input.entry.js

@@ -12,28 +12,28 @@ let EzNumberInput = class {
     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() !== "";

package/dist/esm/ez-popover.entry.js

@@ -9,29 +9,27 @@ let EzPopover = class {
     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) => {
@@ -82,7 +80,7 @@ let EzPopover = class {
     }
   }
   /**
-   * 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 = {
@@ -97,7 +95,7 @@ let EzPopover = class {
     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 = {
@@ -113,7 +111,7 @@ let EzPopover = class {
     this.opened = true;
   }
   /**
-   * Usado no modo floating. Faz com que o componente seja ocultado.
+   * Oculta o ez-popover.
    */
   async hide() {
     if (this._floatingID !== undefined) {

package/dist/esm/ez-popup.entry.js

@@ -14,20 +14,19 @@ let EzPopup = class {
       "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";
   }

package/dist/esm/ez-radio-button.entry.js

@@ -12,11 +12,11 @@ let EzRadioButton = class {
      */
     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";
   }

package/dist/esm/ez-scroller.entry.js

@@ -16,16 +16,11 @@ let EzScroller = class {
     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;
   }

package/dist/esm/ez-search.entry.js

@@ -8,26 +8,25 @@ let EzSearch = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     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() {
@@ -41,19 +40,19 @@ let EzSearch = class {
     }
   }
   /**
-    * 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() !== "";

package/dist/esm/ez-text-area.entry.js

@@ -8,19 +8,19 @@ let EzTextArea = class {
     registerInstance(this, hostRef);
     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";
   }
@@ -68,19 +68,19 @@ let EzTextArea = class {
   // 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() !== "";

package/dist/esm/ez-text-edit.entry.js

@@ -13,7 +13,7 @@ let EzTextEdit = class {
     this.cancelEdition = createEvent(this, "cancelEdition", 7);
   }
   /**
-   * Aplica focus no campo.
+   * Aplica foco no campo.
    */
   async applyFocusSelect() {
     this.calcSizeInput(this.value, true);

package/dist/esm/ez-text-input.entry.js

@@ -8,19 +8,19 @@ let EzTextInput = class {
     registerInstance(this, hostRef);
     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;
   }
@@ -105,19 +105,19 @@ let EzTextInput = class {
   // 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() !== "";