@sankhyalabs/ezui 1.1.63 → 1.1.64

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

@@ -10,29 +10,43 @@
   --it--font-family: var(--font-pattern, Arial);
   --it--font-weight: var(--text-weight--large, 500);
   --it--color: var(--title--primary, #000);
-  
+
   /* input */
+  /*@doc Define a cor de fundo do input.*/
   --it__input--background-color: var(--background--medium, #e0e0e0);
+  /*@doc Define o estilo da borda do input.*/
   --it__input--border: var(--border--medium, 2px solid);
+  /*@doc Define a cor da borda do input.*/
   --it__input--border-color: var(--it__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.*/
   --it__input--focus--border-color: var(--color--alert-cold-800, #042EFF);
+  /*@doc Define a cor de fundo do input quando desabilitado.*/
   --it__input--disabled--background-color: var(--color--disable-secondary, #F2F5F8);
+  /*@doc Define a cor do texto do input.*/
   --it__input--disabled--color: var(--text--disable, #AFB6C0);
+  /*@doc Define a cor da borda do input quando com erro.*/
   --it__input--error--border-color: #CC2936;
-  
+
   /* message box */
+  /*@doc Define o tamanho da fonte da mensagem abaixo do input.*/
   --it__message_box--font-size: var(--text--small, 12px);
+  /*@doc Define a cor da fonte da mensagem quando info.*/
   --it__message_box--info--color: var(--color--success, #22085d);
+  /*@doc Define a cor da fonte da mensagem quando erro.*/
   --it__message_box--error--color: var(--color--error, #FF0000);
-  
+
   /* label */
+  /*@doc Define o posicionamento do label.*/
   --it__label--floating--top: 6px;
+  /*@doc Define o posicionamento do label.*/
   --it__label--padding-top: 12px;
+  /*@doc Define o espaçamento esquerdo do label.*/
   --it__label--padding-left: 14px;
+  /*@doc Define o espaçamento direito do label.*/
   --it__label--padding-right: 12px;
-  
-  
+
+
   /***************
   host style  
   ***************/
@@ -151,7 +165,8 @@ input.text--right {
 .input__label--left {
   /*public*/
   text-align: left;
-  left: calc(var(--it__icon--width) + 2px); /*borda*/
+  left: calc(var(--it__icon--width) + 2px);
+  /*borda*/
   width: calc(100% - var(--it__icon--width));
 }
 
@@ -163,7 +178,8 @@ input.text--right {
 
 /* ISSO TA ERRADO CRIAR INPUT__LABEL--BOTH */
 .input__label--left.input__label--right {
-  left: calc(var(--it__icon--width) + 2px); /*borda*/
+  left: calc(var(--it__icon--width) + 2px);
+  /*borda*/
   width: calc(100% - var(--it__icon--width) * 2);
 }
 

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

@@ -341,7 +341,7 @@ export class EzTextInput {
       "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-time-input/ez-time-input.css

@@ -3,6 +3,7 @@
   --eztime--height: 42px;
   --eztime--width: 100%;
   --eztime__icon--width: 48px;
+
   /* general */
   --eztime--border-radius: var(--border--radius-medium, 12px);
   --eztime--font-size: var(--text--medium, 14px);
@@ -11,20 +12,34 @@
   --eztime--space--medium: var(--space--medium, 6px);
 
   /* input */
+  /*@doc Define a cor de fundo do input.*/
   --eztime__input--background-color: var(--background--medium, #e0e0e0);
+  /*@doc Define o estilo da borda do input.*/
   --eztime__input--border: var(--border--medium, 2px solid);
+  /*@doc Define a cor da borda do input.*/
   --eztime__input--border-color: var(--eztime__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.*/
   --eztime__input--focus--border-color: var(--color--primary, #008561);
+  /*@doc Define a cor de fundo do input quando desabilitado.*/
   --eztime__input--disabled--background-color: var(--color--disable-secondary, #F2F5F8);
+  /*@doc Define a cor do texto do input.*/
   --eztime__input--disabled--color: var(--text--disable, #AFB6C0);
+  /*@doc Define a cor da borda do input quando com erro.*/
   --eztime__input--error--border-color: #CC2936;
+
   /* label */
+  /*@doc Define a cor do texto do label.*/
   --eztime__label--color: var(--title--primary, #919191);
+
   /* message box */
+  /*@doc Define o tamanho da fonte da mensagem abaixo do input.*/
   --eztime__message_box--font-size: var(--text--small, 12px);
+  /*@doc Define a cor da fonte da mensagem quando info.*/
   --eztime__message_box--info--color: var(--color--success, #22085d);
+  /*@doc Define a cor da fonte da mensagem quando erro.*/
   --eztime__message_box--error--color: var(--color--error, #FF0000);
+
   /***************
      host style  
   ***************/
@@ -152,4 +167,4 @@ input.text--right {
 .input--with--label {
   /*public*/
   padding-bottom: 0;
-}
+}

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

@@ -1,20 +1,29 @@
 :host {
-  --toast-z-index: var(--more-visible, 2);
-  --toast-color--secondary: var(--color--secondary, #383c45);
-  --toast-title--primary: var(--title--primary, #2b3a54);
-  --toast-space--small: var(--space--small, 6px);
-  --toast--close__image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>');
+
+  /* Buttons */
+  /*@doc Contém o ícone de fechamento do toast.*/
+  --toast__btn__close__image: url('data:image/svg+xml;utf8,<svg width="12" height="12" viewBox="0 0 12 12" xmlns="http://www.w3.org/2000/svg%22%3E<path d="M 7.0060773,5.995511 11.461972,1.5397722 c 0.132856,-0.1328413 0.207547,-0.3130253 0.207547,-0.5009046 0,-0.18786999 -0.07469,-0.3680541 -0.207547,-0.5009048 -0.132857,-0.13284126 -0.31302,-0.20748126 -0.500927,-0.20748126 -0.187812,0 -0.36807,0.07464 -0.500926,0.20748126 L 6.0042244,4.9937015 1.5482921,0.5379628 C 1.4154357,0.40512154 1.2352533,0.33048154 1.0473657,0.33048154 c -0.18787813,0 -0.36807,0.07464 -0.50092647,0.20748126 -0.13285646,0.1328507 -0.20749026,0.31303481 -0.20749026,0.5009048 0,0.1878793 0.0746338,0.3680633 0.20749026,0.5009046 L 5.0023715,5.995511 0.54643923,10.452213 c -0.0676086,0.06534 -0.12151598,0.14352 -0.15859681,0.229916 -0.0370714,0.08639 -0.0565645,0.1794 -0.0573369,0.27335 -7.724e-4,0.09404 0.0171873,0.187331 0.0528423,0.274293 0.0356455,0.08705 0.0882688,0.166087 0.15479148,0.23256 0.0665321,0.06648 0.14562277,0.11897 0.2326735,0.154567 0.0870507,0.0356 0.18031463,0.05344 0.2743433,0.05259 0.094029,-8.5e-4 0.1869528,-0.02049 0.2733331,-0.0576 0.08639,-0.0372 0.1645078,-0.09121 0.2298029,-0.158817 L 6.0042244,6.9973204 10.460119,11.453078 c 0.132856,0.132851 0.313114,0.207444 0.500926,0.207444 0.187907,0 0.36807,-0.07459 0.500927,-0.207444 0.132856,-0.13285 0.207547,-0.313006 0.207547,-0.500904 0,-0.187898 -0.07469,-0.368054 -0.207547,-0.500905 z"/></svg>');
+
+  /* Container */
+  /*@doc Define a camada que o container será exibido.*/
+  --toast__container-z-index: var(--more-visible, 2);
+  /*@doc Define a cor de fundo do container.*/
+  --toast__container--background-color: var(--color--secondary, #383c45);
+
+  /* Icon */
+  /*@doc Define o espaçamento a esquerda do ícone.*/
+  --toast__icon--padding-left: var(--space--small, 6px);
 }
 
 .toast__container {
   position: fixed;
   display: flex;
   bottom: 100px;
-  z-index: var(--toast-z-index);
+  z-index: var(--toast__container-z-index);
   left: 100px;
   width: 30%;
   box-sizing: border-box;
-  background-color: var(--toast-color--secondary);
+  background-color: var(--toast__container--background-color);
   border-radius: 6px;
   align-items: center;
   padding: 12px;
@@ -33,7 +42,7 @@
 }
 
 .message__conteiner--icon {
-  padding-left: var(--toast-space--small);
+  padding-left: var(--toast__icon--padding-left);
   width: 80%;
 }
 
@@ -54,8 +63,8 @@
   background-color: #FFFFFF;
   width: 12px;
   height: 12px;
-  -webkit-mask-image: var(--toast--close__image);
-  mask-image: var(--toast--close__image);
+  -webkit-mask-image: var(--toast__btn__close__image);
+  mask-image: var(--toast__btn__close__image);
 }
 
 .toast__container--oppened {
@@ -68,6 +77,7 @@
     left: -100px;
     opacity: 0;
   }
+
   to {
     left: 100px;
     opacity: 1;
@@ -79,6 +89,7 @@
     left: -100px;
     opacity: 0;
   }
+
   to {
     left: 100px;
     opacity: 1;
@@ -90,6 +101,7 @@
     left: 100px;
     opacity: 1;
   }
+
   to {
     bottom: 0;
     opacity: 0;
@@ -101,6 +113,7 @@
     left: 100px;
     opacity: 1;
   }
+
   to {
     bottom: 0;
     opacity: 0;

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

@@ -1,37 +1,49 @@
 :host {
-  
+
   /* dimensions */
   --iu--height: 42px;
   --iu--width: 100%;
   --iu__icon--width: 48px;
-  
+
   /* box--container */
+  /*@doc Define a cor de fundo do container.*/
   --iu__container--background-color: var(--background--medium, #d2dce9);
 
   /* colors */
+  /*@doc Define a cor de fundo do container.*/
   --iu__color--primary: var(--color--primary, #008561);
-  
+
   /* espaçamento */
+  /*@doc Define os espaçamentos extra pequenos no componente.*/
   --iu--padding--extra-small: var(--space--extra-small, 3px);
+  /*@doc Define os espaçamentos pequenos no componente.*/
   --iu--padding--small: var(--space--small, 6px);
+  /*@doc Define os espaçamentos médios no componente.*/
   --iu--padding--medium: var(--space--medium, 12px);
+  /*@doc Define os espaçamentos grandes no componente.*/
   --iu--padding--large: var(--space--large, 24px);
-  
+
   /* border */
-  --iu--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define a cor das bordas no componente.*/
   --iu__border--color: var(--color-strokes, #DCE0E8);
-  --iu__input--border: var(--border--medium, 2px solid);
 
   /* text */
+  /*@doc Define as sombras dos textos do componente.*/
   --iu--text-shadow: var(--text-shadow, 0 0 0 #353535, 0 0 1px transparent);
+  /*@doc Define a dos textos do componente.*/
   --iu--text--primary: var(--text-primary, #626e82);
+  /*@doc Define o tamanho dos textos do componente.*/
   --iu--font-size: var(--text--medium, 14px);
+  /*@doc Define a família dos textos do componente.*/
   --iu--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso dos textos do componente.*/
   --iu--font-weight: var(--text-weight--large, 500);
 
-  --iu__btn-cancel-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="8x" width="8px"><path d="M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z"/></svg>');
+  /*@doc Contém o ícone de cancelamento.*/
+  --iu__btn__cancel-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="8x" width="8px"><path d="M 8,0.8 7.2,0 4,3.2 0.8,0 0,0.8 3.2,4 0,7.2 0.8,8 4,4.8 7.2,8 8,7.2 4.8,4 Z"/></svg>');
+  /*@doc Contém o ícone de arquivo.*/
   --iu__file-icon-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="11x" width="9px"><path d="M 1.2272719,8.4999999 V 2.75 c 0,-1.1045695 1.4652499,-2 3.2727273,-2 1.8074777,0 3.2727281,0.8954305 3.2727281,2 V 8.9999999 C 7.7727273,9.690356 6.8569456,10.25 5.7272719,10.25 4.5975985,10.25 3.6818174,9.690356 3.6818174,8.9999999 V 3.75 c 0,-0.2761425 0.3663125,-0.5 0.8181818,-0.5 0.4518694,0 0.8181818,0.2238575 0.8181818,0.5 V 8.4999999 H 6.5454537 V 3.75 C 6.5454537,3.059644 5.6296725,2.5 4.4999992,2.5 3.3703258,2.5 2.4545446,3.059644 2.4545446,3.75 V 8.9999999 C 2.4545446,10.10457 3.9197945,11 5.7272719,11 7.5347496,11 9,10.10457 9,8.9999999 V 2.75 C 9,1.231217 6.9852809,0 4.4999992,0 2.0147181,5e-7 0,1.231217 0,2.75 v 5.7499999 z"/></svg>');
-  
+
   /*private*/
   display: flex;
   flex-wrap: wrap;
@@ -199,27 +211,27 @@ progress[value]::-webkit-progress-value {
   background-color: var(--text--primary, #008561);
   width: 8px;
   height: 8px;
-  -webkit-mask-image: var(--iu__btn-cancel-image);
-  mask-image: var(--iu__btn-cancel-image);
+  -webkit-mask-image: var(--iu__btn__cancel-image);
+  mask-image: var(--iu__btn__cancel-image);
 }
 
-.iu_header{
+.iu_header {
   display: flex;
   flex-direction: column;
   width: 100%;
 }
 
-.iu__label{
+.iu__label {
   padding: var(--space--small);
   box-sizing: border-box;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
-  
+
   /*public*/
   font-family: var(--iu--font-family);
   font-size: var(--text--extra-small);
-  font-weight: var( --iu--font-weight);
+  font-weight: var(--iu--font-weight);
   color: var(--iu--text--primary);
   text-shadow: var(--iu--text-shadow);
 }
@@ -230,6 +242,7 @@ progress[value]::-webkit-progress-value {
   background-color: unset;
   cursor: pointer;
 }
+
 .iu__file-icon:disabled {
   cursor: unset;
 }
@@ -243,6 +256,7 @@ progress[value]::-webkit-progress-value {
   -webkit-mask-image: var(--iu__file-icon-image);
   mask-image: var(--iu__file-icon-image);
 }
+
 .iu__file-icon:disabled::after {
   background-color: var(--text--disable, #AFB6C0);
 }
@@ -259,11 +273,11 @@ progress[value]::-webkit-progress-value {
   background-color: var(--color--disable-secondary, #F2F5F8);
 }
 
-.text--disabled{
+.text--disabled {
   color: var(--text--disable, #AFB6C0);
 }
 
-.mouse-pointer--disabled{
+.mouse-pointer--disabled {
   cursor: unset;
 }
 
@@ -299,36 +313,47 @@ progress[value]::-webkit-progress-value {
   .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%;
   }
@@ -338,36 +363,47 @@ progress[value]::-webkit-progress-value {
   .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%;
   }
@@ -377,36 +413,47 @@ progress[value]::-webkit-progress-value {
   .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%;
   }
@@ -416,36 +463,47 @@ progress[value]::-webkit-progress-value {
   .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%;
   }
@@ -455,36 +513,47 @@ progress[value]::-webkit-progress-value {
   .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-upload/ez-upload.js

@@ -203,12 +203,6 @@ export class EzUpload {
       }
     }
   }
-  /*
-  background--disabled
-  text--disabled
-  fill--disabled
-  mouse-poiter--disabled
-   */
   render() {
     return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass('iu', 'background--disabled') },
       h("div", { class: "iu__container", onClick: () => this.openFilesDialog() },
@@ -412,7 +406,7 @@ export class EzUpload {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Evento emitido ao finalizar o upload de um arquivo"
+        "text": "Evento emitido ao finalizar o upload de um arquivo (onEzChange)."
       },
       "complexType": {
         "original": "Array<EzFile>",