@sankhyalabs/ezui 2.3.0 → 2.3.2

package/dist/collection/components/ez-number-input/ez-number-input.js

@@ -5,28 +5,28 @@ export class EzNumberInput {
   constructor() {
     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() !== "";
@@ -150,7 +150,7 @@ export class EzNumberInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "T\u00EDtulo do campo"
+        "text": "Texto a ser apresentado como t\u00EDtulo do campo."
       },
       "attribute": "label",
       "reflect": false
@@ -167,7 +167,7 @@ export class EzNumberInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "O valor informado pelo usu\u00E1rio"
+        "text": "Define o valor do campo."
       },
       "attribute": "value",
       "reflect": true
@@ -184,7 +184,7 @@ export class EzNumberInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Deixa o campo dispon\u00EDvel ou n\u00E3o para uso."
+        "text": "Se false, o usu\u00E1rio n\u00E3o pode interagir com o campo."
       },
       "attribute": "enabled",
       "reflect": false,
@@ -202,7 +202,7 @@ export class EzNumberInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
+        "text": "Define uma mensagem de orienta\u00E7\u00E3o ao usu\u00E1rio, colocando o campo em modo inv\u00E1lido."
       },
       "attribute": "error-message",
       "reflect": true
@@ -219,7 +219,7 @@ export class EzNumberInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Precis\u00E3o decimal, ou seja, quantas casas decimais podem ser exibidas. Caso a\nquantidade de casas decimais do valor seja maior que precision, haver\u00E1 arredondamento"
+        "text": "Define quantas casas decimais ser\u00E3o exibidas. Caso haja mais casas haver\u00E1 arredondamento."
       },
       "attribute": "precision",
       "reflect": false
@@ -236,7 +236,7 @@ export class EzNumberInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Esse atributo determina qual \u00E9 o n\u00FAmero m\u00EDnimo de casas depois da v\u00EDrgula.\nExemplo: Digamos que a precision seja igual a 4, assim qualquer n\u00FAmero ser\u00E1 \nrepresentado com 4 casas decimais mesmo que iguais a zero: 1,0100.\nSe prettiprecision igual a 2, como n\u00E3o h\u00E1 necessidade de mais de duas casas decimais\no valor exibido ser\u00E1 1,01. Por outro lado, at\u00E9 a quarta casa n\u00E3o haver\u00E1 arredondamento\n(1,1234 = 1,1234) mas a partir da quinta casa sim (1,12345 = 1,1235)."
+        "text": "Define qual \u00E9 o m\u00EDnimo de casas depois da v\u00EDrgula.\nExemplo: 1,1 ser\u00E1 exibido como 1,1000 quando `prettyPrecision = 4`."
       },
       "attribute": "pretty-precision",
       "reflect": false
@@ -245,15 +245,15 @@ export class EzNumberInput {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "\"slim\" | \"regular\"",
+        "resolved": "\"regular\" | \"slim\"",
         "references": {}
       },
       "required": false,
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define o modo do tamanho do campo; op\u00E7\u00F5es: slim e regular."
+        "text": "Define o tamanho do campo."
       },
       "attribute": "mode",
       "reflect": true,
@@ -268,7 +268,7 @@ export class EzNumberInput {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
+        "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
       },
       "complexType": {
         "original": "number",
@@ -283,7 +283,7 @@ export class EzNumberInput {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Evento emitido ao iniciar a altera\u00E7\u00E3o (remover ou adicionar um arquivo)."
+        "text": "Emitido ao iniciar a altera\u00E7\u00E3o (digita\u00E7\u00E3o incompleta)."
       },
       "complexType": {
         "original": "WaitingChange",
@@ -303,7 +303,7 @@ export class EzNumberInput {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Entre o evento ezStartChange e ezChange, se por algum motivo n\u00E3o foi poss\u00EDvel\ncompletar a altera\u00E7\u00E3o, esse evento \u00E9 disparado."
+        "text": "Emitido quando n\u00E3o foi poss\u00EDvel completar a altera\u00E7\u00E3o entre o evento ezStartChange e ezChange."
       },
       "complexType": {
         "original": "void",
@@ -324,7 +324,7 @@ export class EzNumberInput {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Realiza o foco no componente de input",
+        "text": "Aplica o foco no campo.",
         "tags": []
       }
     },
@@ -340,7 +340,7 @@ export class EzNumberInput {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Remove o foco no componente de input",
+        "text": "Remove o foco do campo.",
         "tags": []
       }
     },
@@ -356,7 +356,7 @@ export class EzNumberInput {
         "return": "Promise<boolean>"
       },
       "docs": {
-        "text": "Retorna informando se o campo est\u00E1 inv\u00E1lido (true | false)",
+        "text": "Retorna se o conte\u00FAdo \u00E9 inv\u00E1lido.",
         "tags": []
       }
     }

package/dist/collection/components/ez-popover/ez-popover.js

@@ -4,29 +4,27 @@ export class EzPopover {
   constructor() {
     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) => {
@@ -77,7 +75,7 @@ export class EzPopover {
     }
   }
   /**
-   * 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 = {
@@ -92,7 +90,7 @@ export class EzPopover {
     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 = {
@@ -108,7 +106,7 @@ export class EzPopover {
     this.opened = true;
   }
   /**
-   * Usado no modo floating. Faz com que o componente seja ocultado.
+   * Oculta o ez-popover.
    */
   async hide() {
     if (this._floatingID !== undefined) {
@@ -150,7 +148,7 @@ export class EzPopover {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "No modo floating = false o popover s\u00F3 se tornar\u00E1 vis\u00EDvel\nquando o m\u00E9todo show() for acionado."
+        "text": "Define que ser\u00E1 fechado automaticamente quando o usu\u00E1rio clicar fora do conte\u00FAdo."
       },
       "attribute": "auto-close",
       "reflect": true,
@@ -168,7 +166,7 @@ export class EzPopover {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Offset top do popover em rela\u00E7\u00E3o ao componente pai"
+        "text": "Define a dist\u00E2ncia do topo. Devem ser usados valores v\u00E1lidos de CSS."
       },
       "attribute": "top",
       "reflect": true,
@@ -186,7 +184,7 @@ export class EzPopover {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Offset left do popover em rela\u00E7\u00E3o ao componente pai"
+        "text": "Define a dist\u00E2ncia do lado esquerdo. Devem ser usados valores v\u00E1lidos de CSS."
       },
       "attribute": "left",
       "reflect": true,
@@ -204,7 +202,7 @@ export class EzPopover {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Offset bottom do popover em rela\u00E7\u00E3o ao componente pai"
+        "text": "Define a dist\u00E2ncia de baixo. Devem ser usados valores v\u00E1lidos de CSS."
       },
       "attribute": "bottom",
       "reflect": true,
@@ -222,7 +220,7 @@ export class EzPopover {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Offset right do popover em rela\u00E7\u00E3o ao componente pai"
+        "text": "Define a dist\u00E2ncia do lado direito. Devem ser usados valores v\u00E1lidos de CSS."
       },
       "attribute": "right",
       "reflect": true,
@@ -232,15 +230,15 @@ export class EzPopover {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "\"full-width\" | \"fit-content\"",
+        "resolved": "\"fit-content\" | \"full-width\"",
         "references": {}
       },
       "required": false,
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Ajusta o comportamento da largura do popover.\nOp\u00E7\u00F5es: \"100% e \"fit-content\" (default)"
+        "text": "Ajusta o comportamento da largura do popover."
       },
       "attribute": "box-width",
       "reflect": true,
@@ -258,7 +256,7 @@ export class EzPopover {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Externaliza estado atual do componente."
+        "text": "Define se o ez-popover est\u00E1 aberto."
       },
       "attribute": "opened",
       "reflect": true
@@ -279,7 +277,7 @@ export class EzPopover {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Array de componente(s) que ir\u00E1(\u00E3o) abrir o popover."
+        "text": "Define as tags que ser\u00E3o consideradas conte\u00FAdo."
       },
       "attribute": "inner-element",
       "reflect": true
@@ -293,7 +291,7 @@ export class EzPopover {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "\nEvento disparado ao exibir/ocultar o componente."
+        "text": "Emitido quando acontece a altera\u00E7\u00E3o de estado do componente."
       },
       "complexType": {
         "original": "boolean",
@@ -326,7 +324,7 @@ export class EzPopover {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Atualiza a posi\u00E7\u00E3o do popover em rela\u00E7\u00E3o ao componente pai.",
+        "text": "Atualiza a posi\u00E7\u00E3o do popover.",
         "tags": []
       }
     },
@@ -354,7 +352,7 @@ export class EzPopover {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Faz com que o popover seja renderizado na DOM.",
+        "text": "Exibe o ez-popover.",
         "tags": []
       }
     },
@@ -370,7 +368,7 @@ export class EzPopover {
         "return": "Promise<void>"
       },
       "docs": {
-        "text": "Usado no modo floating. Faz com que o componente seja ocultado.",
+        "text": "Oculta o ez-popover.",
         "tags": []
       }
     }

package/dist/collection/components/ez-popup/ez-popup.js

@@ -9,20 +9,19 @@ export class EzPopup {
       "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";
   }
@@ -64,15 +63,15 @@ export class EzPopup {
       "type": "string",
       "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "\"x-small\" | \"small\" | \"medium\" | \"large\" | \"x-large\"",
+        "resolved": "\"large\" | \"medium\" | \"small\" | \"x-large\" | \"x-small\"",
         "references": {}
       },
       "required": false,
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define o width que o componente deve ter, seguindo o grid system. Os valores devem estar\ncompreendidos em [x-small | small | medium | large | x-large]."
+        "text": "Define a largura do ez-popup."
       },
       "attribute": "size",
       "reflect": false,
@@ -90,7 +89,7 @@ export class EzPopup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Controla a exibi\u00E7\u00E3o do componente."
+        "text": "Define se o ez-popover est\u00E1 aberto."
       },
       "attribute": "opened",
       "reflect": true,
@@ -98,7 +97,7 @@ export class EzPopup {
     },
     "useHeader": {
       "type": "boolean",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
         "original": "boolean",
         "resolved": "boolean",
@@ -108,7 +107,7 @@ export class EzPopup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define se o componente utilizar\u00E1 um cabe\u00E7alho com bot\u00E3o de fechamento."
+        "text": "Define se o componente utilizar\u00E1 cabe\u00E7alho."
       },
       "attribute": "use-header",
       "reflect": true,
@@ -116,17 +115,17 @@ export class EzPopup {
     },
     "heightMode": {
       "type": "string",
-      "mutable": true,
+      "mutable": false,
       "complexType": {
-        "original": "string",
-        "resolved": "string",
+        "original": "\"auto\" | \"full\"",
+        "resolved": "\"auto\" | \"full\"",
         "references": {}
       },
       "required": false,
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define se o componente utilizar\u00E1 um cabe\u00E7alho com bot\u00E3o de fechamento."
+        "text": "Define altura do componente."
       },
       "attribute": "height-mode",
       "reflect": true,
@@ -144,7 +143,7 @@ export class EzPopup {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "T\u00EDtulo do componente."
+        "text": "Texto a ser apresentado como t\u00EDtulo do componente."
       },
       "attribute": "ez-title",
       "reflect": false
@@ -158,7 +157,7 @@ export class EzPopup {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Evento disparado ao clicar no bot\u00E3o de fechar (onEzClosePopup)."
+        "text": "Emitido ao clicar no bot\u00E3o de fechar (onEzClosePopup)."
       },
       "complexType": {
         "original": "any",

package/dist/collection/components/ez-radio-button/ez-radio-button.js

@@ -7,11 +7,11 @@ export class EzRadioButton {
      */
     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";
   }
@@ -64,7 +64,7 @@ export class EzRadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Representa o valor atualmente selecionado entre as op\u00E7\u00F5es"
+        "text": "Define o valor do campo."
       },
       "attribute": "value",
       "reflect": true
@@ -104,7 +104,7 @@ export class EzRadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define se o componente est\u00E1 habilitado ou desabilitado"
+        "text": "Se false o usu\u00E1rio n\u00E3o pode interagir com o campo."
       },
       "attribute": "enabled",
       "reflect": true,
@@ -122,7 +122,7 @@ export class EzRadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Determina a descri\u00E7\u00E3o do grupo"
+        "text": "Texto a ser apresentado como t\u00EDtulo do campo."
       },
       "attribute": "label",
       "reflect": true
@@ -139,7 +139,7 @@ export class EzRadioButton {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define a dire\u00E7\u00E3o em que os itens s\u00E3o apresentadoss, podendo ser horizontal ou vertical."
+        "text": "Define a dire\u00E7\u00E3o dos itens."
       },
       "attribute": "direction",
       "reflect": true,
@@ -154,7 +154,7 @@ export class EzRadioButton {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Evento disparado quando uma op\u00E7\u00E3o for selecionada"
+        "text": "Emitido quando acontece a altera\u00E7\u00E3o de valor do campo."
       },
       "complexType": {
         "original": "any",

package/dist/collection/components/ez-scroller/ez-scroller.js

@@ -6,16 +6,11 @@ export class EzScroller {
     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;
   }
@@ -158,11 +153,10 @@ export class EzScroller {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Determina se haver\u00E1 scroll na dire\u00E7\u00E3o Vertical, Horizontal ou Ambos.\nPor padr\u00E3o, a dire\u00E7\u00E3o \u00E9 \"Ambos\"."
+        "text": "Define a dire\u00E7\u00E3o em que haver\u00E1 scroll."
       },
       "attribute": "direction",
-      "reflect": false,
-      "defaultValue": "EzScrollDirection.BOTH"
+      "reflect": false
     },
     "locked": {
       "type": "boolean",
@@ -176,7 +170,7 @@ export class EzScroller {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Determina se o scroll estar\u00E1 bloqueado quando necess\u00E1rio."
+        "text": "Define se o `scroll` estar\u00E1 bloqueado."
       },
       "attribute": "locked",
       "reflect": false,
@@ -194,7 +188,7 @@ export class EzScroller {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Determina de o efeito de sombreado est\u00E1 ativo."
+        "text": "Define se haver\u00E1 efeito de sombreado."
       },
       "attribute": "active-shadow",
       "reflect": false,