@sankhyalabs/ezui 1.1.63 → 1.1.64

package/dist/collection/components/ez-label-chip/ez-label-chip.js

@@ -170,6 +170,21 @@ export class EzLabelChip {
     }
   }; }
   static get events() { return [{
+      "method": "valueChange",
+      "name": "valueChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Evento disparado quando o estado do componente mudar (onValueChange)."
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
+    }, {
       "method": "removeChip",
       "name": "removeChip",
       "bubbles": true,
@@ -177,7 +192,7 @@ export class EzLabelChip {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Evento disparado ao clicar no bot\u00E3o de remo\u00E7\u00E3o (onRemoveChip)."
       },
       "complexType": {
         "original": "ClickOptions",
@@ -189,21 +204,6 @@ export class EzLabelChip {
           }
         }
       }
-    }, {
-      "method": "valueChange",
-      "name": "valueChange",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      }
     }]; }
   static get methods() { return {
     "setFocus": {

package/dist/collection/components/ez-modal/ez-modal.css

@@ -1,5 +1,7 @@
 :host {
+  /*@doc Define a camada que o componente será exibido.*/
   --modal-z-index: var(--most-visible, 3);
+  /*@doc Define o espaçamento vertical do conteúdo do modal.*/
   --modal-vertical-padding: var(--space--large, 24px);
   display: block;
 }
@@ -109,36 +111,47 @@
   .col--sd-1 {
     width: 8.33333%;
   }
+
   .col--sd-2 {
     width: 16.66667%;
   }
+
   .col--sd-3 {
     width: 25%;
   }
+
   .col--sd-4 {
     width: 33.33333%;
   }
+
   .col--sd-5 {
     width: 41.66667%;
   }
+
   .col--sd-6 {
     width: 50%;
   }
+
   .col--sd-7 {
     width: 58.33333%;
   }
+
   .col--sd-8 {
     width: 66.66667%;
   }
+
   .col--sd-9 {
     width: 75%;
   }
+
   .col--sd-10 {
     width: 83.33333%;
   }
+
   .col--sd-11 {
     width: 91.66667%;
   }
+
   .col--sd-12 {
     width: 100%;
   }
@@ -148,36 +161,47 @@
   .col--pn-1 {
     width: 8.33333%;
   }
+
   .col--pn-2 {
     width: 16.66667%;
   }
+
   .col--pn-3 {
     width: 25%;
   }
+
   .col--pn-4 {
     width: 33.33333%;
   }
+
   .col--pn-5 {
     width: 41.66667%;
   }
+
   .col--pn-6 {
     width: 50%;
   }
+
   .col--pn-7 {
     width: 58.33333%;
   }
+
   .col--pn-8 {
     width: 66.66667%;
   }
+
   .col--pn-9 {
     width: 75%;
   }
+
   .col--pn-10 {
     width: 83.33333%;
   }
+
   .col--pn-11 {
     width: 91.66667%;
   }
+
   .col--pn-12 {
     width: 100%;
   }
@@ -187,36 +211,47 @@
   .col--tb-1 {
     width: 8.33333%;
   }
+
   .col--tb-2 {
     width: 16.66667%;
   }
+
   .col--tb-3 {
     width: 25%;
   }
+
   .col--tb-4 {
     width: 33.33333%;
   }
+
   .col--tb-5 {
     width: 41.66667%;
   }
+
   .col--tb-6 {
     width: 50%;
   }
+
   .col--tb-7 {
     width: 58.33333%;
   }
+
   .col--tb-8 {
     width: 66.66667%;
   }
+
   .col--tb-9 {
     width: 75%;
   }
+
   .col--tb-10 {
     width: 83.33333%;
   }
+
   .col--tb-11 {
     width: 91.66667%;
   }
+
   .col--tb-12 {
     width: 100%;
   }
@@ -226,36 +261,47 @@
   .col--md-1 {
     width: 8.33333%;
   }
+
   .col--md-2 {
     width: 16.66667%;
   }
+
   .col--md-3 {
     width: 25%;
   }
+
   .col--md-4 {
     width: 33.33333%;
   }
+
   .col--md-5 {
     width: 41.66667%;
   }
+
   .col--md-6 {
     width: 50%;
   }
+
   .col--md-7 {
     width: 58.33333%;
   }
+
   .col--md-8 {
     width: 66.66667%;
   }
+
   .col--md-9 {
     width: 75%;
   }
+
   .col--md-10 {
     width: 83.33333%;
   }
+
   .col--md-11 {
     width: 91.66667%;
   }
+
   .col--md-12 {
     width: 100%;
   }
@@ -265,36 +311,47 @@
   .col--ld-1 {
     width: 8.33333%;
   }
+
   .col--ld-2 {
     width: 16.66667%;
   }
+
   .col--ld-3 {
     width: 25%;
   }
+
   .col--ld-4 {
     width: 33.33333%;
   }
+
   .col--ld-5 {
     width: 41.66667%;
   }
+
   .col--ld-6 {
     width: 50%;
   }
+
   .col--ld-7 {
     width: 58.33333%;
   }
+
   .col--ld-8 {
     width: 66.66667%;
   }
+
   .col--ld-9 {
     width: 75%;
   }
+
   .col--ld-10 {
     width: 83.33333%;
   }
+
   .col--ld-11 {
     width: 91.66667%;
   }
+
   .col--ld-12 {
     width: 100%;
   }

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

@@ -209,7 +209,7 @@ export class EzModal {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Um evento disparado quando o modal \u00E9 fechado."
+        "text": "Um evento disparado quando o modal \u00E9 fechado (onEzCloseModal)."
       },
       "complexType": {
         "original": "boolean",

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

@@ -1,29 +1,53 @@
 :host {
   /* dimensions */
+  /*@doc Define a altura do input.*/
   --ni--height: 42px;
+  /*@doc Define a largura do componente.*/
   --ni--width: 100%;
+  /*@doc Utilizado para definir posicionamento e espaçamento do input quando existe um ícone.*/
   --ni__icon--width: 48px;
+
   /* general */
+  /*@doc Define o raio da borda do input.*/
   --ni--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define o tamanho da fonte do input.*/
   --ni--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do input, do label e da mensagem.*/
   --ni--font-family: var(--font-pattern, Arial);
+
   /* input */
+  /*@doc Define a cor de fundo do input.*/
   --ni__input--background-color: var(--background--medium, #e0e0e0);
+  /*@doc Define o estilo da borda do input.*/
   --ni__input--border: var(--border--medium, 2px solid);
+  /*@doc Define a cor da borda do input.*/
   --ni__input--border-color: var(--ni__input--background-color);
   /*no modo normal usamos a borda com a mesma cor do bg*/
+  /*@doc Define a cor da borda do input quando focado.*/
   --ni__input--focus--border-color: var(--color--primary, #008561);
+  /*@doc Define a cor de fundo do input quando desabilitado.*/
   --ni__input--disabled--background-color: var(--color--disable-secondary, #F2F5F8);
+  /*@doc Define a cor da fonte do input quando desabilitado.*/
   --ni__input--disabled--color: var(--text--disable, #AFB6C0);
+  /*@doc Define a cor da borda do input quando com erro.*/
   --ni__input--error--border-color: #CC2936;
+
   /* placeholder */
+  /*@doc Define a cor do texto do placeholder quando desabilitado.*/
   --ni__placeholder--disabled--color: var(--text--disable, #AFB6C0);
+  /*@doc Define a cor do texto do placeholder.*/
   --ni__placeholder--color: var(--title--primary, #919191);
+  /*@doc Define o peso do texto do placeholder.*/
   --ni__placeholder--font-weight: var(--text-weight--large, 500);
+
   /* message box */
+  /*@doc Define o tamanho da fonte da mensagem abaixo do input.*/
   --ni__message_box--font-size: var(--text--small, 12px);
+  /*@doc Define a cor da fonte da mensagem quando info.*/
   --ni__message_box--info--color: var(--color--success, #22085d);
+  /*@doc Define a cor da fonte da mensagem quando erro.*/
   --ni__message_box--error--color: var(--color--error, #FF0000);
+
   /***************
      host style  
   ***************/
@@ -141,4 +165,4 @@ input.text--right {
 .input--with--label {
   /*public*/
   padding-bottom: 0;
-}
+}

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

@@ -407,7 +407,7 @@ export class NumberInput {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Um evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
       },
       "complexType": {
         "original": "{ strValue: string, value: number }",

package/dist/collection/components/ez-numeric-input/ez-numeric-input.css

@@ -1,11 +1,13 @@
 :host {
   display: block;
   width: 100%;
+  /*@doc Define a cor do fundo do input.*/
   --it__input--background-color: var(--background--medium, #e0e0e0);
+  /*@doc Define a cor da borda do input.*/
   --it__input--border-color: var(--it__input--background-color);
 }
 
-.text-input{
+.text-input {
   --it__input--background-color: inherit;
   --it__input--border-color: inherit;
 }

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

@@ -164,7 +164,7 @@ export class EzNumericInput {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": ""
+        "text": "Um evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
       },
       "complexType": {
         "original": "string",

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

@@ -1,9 +1,11 @@
 :host {
 
   /* box */
-  --pop__box--border-radius: var(--border--radius-medium, 12px); 
-  --pop__box--box-shadow: var(--shadow, 0px 0px 16px 0px #000); 
-  
+  /*@doc Define o raio da borda do popover.*/
+  --pop__box--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define a sombra do popover.*/
+  --pop__box--box-shadow: var(--shadow, 0px 0px 16px 0px #000);
+
   /***************
      host style  
   ***************/
@@ -15,7 +17,7 @@
 }
 
 
-.box{
+.box {
   /*private*/
   z-index: var(--more-visible, 1);
   display: flex;
@@ -23,17 +25,17 @@
 
   height: fit-content;
   /* width: fit-content; */
-  
+
   /*public*/
   background-color: transparent;
   border-radius: var(--pop__box--border-radius);
   box-shadow: var(--pop__box--box-shadow);
 }
 
-.box--fit-content{
+.box--fit-content {
   width: fit-content;
 }
 
-.box--full-width{
+.box--full-width {
   width: 100%;
 }