@sankhyalabs/ezui 1.1.67 → 1.1.70

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

@@ -1,5 +1,4 @@
 import { Component, Prop, h, Watch, Host, Method, Event, Element } from '@stencil/core';
-import { isValidNumber } from '../../utils/utils';
 import { MaskFormatter } from '@sankhyalabs/core';
 export class EzTextInput {
   constructor() {
@@ -9,7 +8,7 @@ export class EzTextInput {
     this.enabled = true;
   }
   showError() {
-    const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
+    const hasError = typeof this.errorMessage === 'string' && this.errorMessage !== '';
     if (hasError) {
       this._inputElem.classList.add('hasError');
       this._messageBoxElem.classList.add('hasError');
@@ -84,16 +83,13 @@ export class EzTextInput {
         this._inputElem.value = this._maskFormatter.format(value);
       }
       catch (e) {
-        this.errormessage = e.message;
+        this.errorMessage = e.message;
       }
     }
     this.value = this._inputElem.value;
     this.adjustFloatingLabel();
   }
   isValidValue(value) {
-    if (this.onlynumber) {
-      return value == "" || isValidNumber(value);
-    }
     if (this.restrict) {
       return Array.from(value).reduce((valid, c) => valid && this.restrict.indexOf(c) > -1, true);
     }
@@ -122,11 +118,11 @@ export class EzTextInput {
       content.style.justifyContent = "center";
       content.style.overflow = "hidden";
       content.style.top = "0px";
-      content.style.width = "var(--it__icon--width)";
-      content.style.height = "var(--it--height)";
+      content.style.width = "var(--text-input__icon--width)";
+      content.style.height = "var(--text-input--height)";
       if (slot.name == "leftIcon") {
         content.style.left = "0px";
-        content.style.borderRadius = "var(--it--border-radius) 0 0 var(--it--border-radius)";
+        content.style.borderRadius = "var(--text-input--border-radius) 0 0 var(--text-input--border-radius)";
         this._inputElem.classList.add('icon--left');
         if (this._labelElem) {
           this._labelElem.classList.add('input__label--left');
@@ -134,7 +130,7 @@ export class EzTextInput {
       }
       else if (slot.name == "rightIcon") {
         content.style.right = "0px";
-        content.style.borderRadius = "0 var(--it--border-radius) var(--it--border-radius) 0";
+        content.style.borderRadius = "0 var(--text-input--border-radius) var(--text-input--border-radius) 0";
         this._inputElem.classList.add('icon--right');
         if (this._labelElem) {
           this._labelElem.classList.add('input__label--right');
@@ -152,9 +148,6 @@ export class EzTextInput {
   // Lifecycle web component
   //---------------------------------------------
   componentDidLoad() {
-    if (this.onlynumber) {
-      this._inputElem.classList.add('text--right');
-    }
     this.showError();
     this.prepareMask();
     this.adjustFloatingLabel();
@@ -167,7 +160,7 @@ export class EzTextInput {
           this.value = this._maskFormatter.format(this.value);
         }
         catch (e) {
-          this.errormessage = e.message;
+          this.errorMessage = e.message;
         }
       }
       if (!this.isValidValue(this.value)) {
@@ -184,7 +177,7 @@ export class EzTextInput {
         : null,
       h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.value, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }),
       h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
-      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errormessage }, this.errormessage)));
+      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errorMessage }, this.errorMessage)));
   }
   static get is() { return "ez-text-input"; }
   static get encapsulation() { return "shadow"; }
@@ -207,7 +200,7 @@ export class EzTextInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true
@@ -264,7 +257,7 @@ export class EzTextInput {
       "attribute": "loading",
       "reflect": true
     },
-    "errormessage": {
+    "errorMessage": {
       "type": "string",
       "mutable": true,
       "complexType": {
@@ -278,24 +271,7 @@ export class EzTextInput {
         "tags": [],
         "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
       },
-      "attribute": "errormessage",
-      "reflect": true
-    },
-    "onlynumber": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "Faz com que o componente s\u00F3 aceite n\u00FAmeros"
-      },
-      "attribute": "onlynumber",
+      "attribute": "error-message",
       "reflect": true
     },
     "mask": {
@@ -310,7 +286,7 @@ export class EzTextInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Aplica uma m\u00E1scara no conte\u00FAdo conforme um o padr\u00E3o estabelecido"
+        "text": "Aplica uma m\u00E1scara no conte\u00FAdo conforme o padr\u00E3o estabelecido"
       },
       "attribute": "mask",
       "reflect": false
@@ -341,7 +317,7 @@ export class EzTextInput {
       "composed": true,
       "docs": {
         "tags": [],
-        "text": "Um evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
+        "text": "Evento disparado quando o estado do componente \u00E9 alterado (onEzChange)."
       },
       "complexType": {
         "original": "string",
@@ -385,7 +361,7 @@ export class EzTextInput {
   }; }
   static get elementRef() { return "_hostElement"; }
   static get watchers() { return [{
-      "propName": "errormessage",
+      "propName": "errorMessage",
       "methodName": "showError"
     }, {
       "propName": "mask",

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

@@ -1,14 +1,22 @@
 :host {
   /* dimensions */
+  /*@doc Define a altura do componente.*/
   --eztime--height: 42px;
+  /*@doc Define a largura do componente.*/
   --eztime--width: 100%;
+  /*@doc Define a largura do slot que contém o ícone.*/
   --eztime__icon--width: 48px;
 
   /* general */
+  /*@doc Define o raio da borda do input do componente.*/
   --eztime--border-radius: var(--border--radius-medium, 12px);
+  /*@doc Define o tamanho da fonte do input e label do componente.*/
   --eztime--font-size: var(--text--medium, 14px);
+  /*@doc Define a família da fonte do input, label e caixa de mensagem do componente.*/
   --eztime--font-family: var(--font-pattern, Arial);
+  /*@doc Define o peso da fonte do label do componente.*/
   --eztime--font-weight: var(--text-weight--large, 500);
+  /*@doc Define o espaçamento do label.*/
   --eztime--space--medium: var(--space--medium, 6px);
 
   /* input */

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

@@ -12,7 +12,7 @@ export class EzTimeInput {
     this.showSeconds = false;
   }
   showError() {
-    const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
+    const hasError = typeof this.errorMessage === 'string' && this.errorMessage !== '';
     if (hasError) {
       this._inputElem.classList.add('hasError');
       this._messageBoxElem.classList.add('hasError');
@@ -88,11 +88,11 @@ export class EzTimeInput {
   // Event handlers
   //---------------------------------------------
   handleFocusout() {
-    this.errormessage = "";
+    this.errorMessage = "";
     this.prepareValue(this.viewValue);
     if (!TimeFormatter.validateTime(this.viewValue, this.showSeconds)) {
       this.clearField();
-      this.errormessage = "Favor inserir um horário válido.";
+      this.errorMessage = "Favor inserir um horário válido.";
     }
     this.adjustFloatingLabel();
   }
@@ -102,7 +102,7 @@ export class EzTimeInput {
     }
     catch (e) {
       this.clearField();
-      this.errormessage = e.message;
+      this.errorMessage = e.message;
     }
   }
   clearField() {
@@ -163,7 +163,7 @@ export class EzTimeInput {
         h("label", { onClick: () => this._inputElem.focus(), class: this.value ? "input__label input__label--floated" : "input__label", ref: (el) => this._labelElem = el, title: this.label }, this.label)
         : null,
       h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.viewValue, disabled: !this.enabled, onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); } }),
-      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el }, this.errormessage)));
+      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el }, this.errorMessage)));
   }
   static get is() { return "ez-time-input"; }
   static get encapsulation() { return "shadow"; }
@@ -186,7 +186,7 @@ export class EzTimeInput {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": true
@@ -243,7 +243,7 @@ export class EzTimeInput {
       "reflect": true,
       "defaultValue": "true"
     },
-    "errormessage": {
+    "errorMessage": {
       "type": "string",
       "mutable": true,
       "complexType": {
@@ -257,7 +257,7 @@ export class EzTimeInput {
         "tags": [],
         "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
       },
-      "attribute": "errormessage",
+      "attribute": "error-message",
       "reflect": true
     },
     "showSeconds": {
@@ -314,7 +314,7 @@ export class EzTimeInput {
     }
   }; }
   static get watchers() { return [{
-      "propName": "errormessage",
+      "propName": "errorMessage",
       "methodName": "showError"
     }, {
       "propName": "showSeconds",

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

@@ -5,13 +5,13 @@
   --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.*/
+  /*@doc Define a camada em 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.*/
+  /*@doc Define o espaçamento à esquerda do ícone.*/
   --toast__icon--padding-left: var(--space--small, 6px);
 }
 

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

@@ -1,8 +1,11 @@
 :host {
 
   /* dimensions */
+  /*@doc Define a altura do componente.*/
   --iu--height: 42px;
+  /*@doc Define a largura do componente.*/
   --iu--width: 100%;
+  /*@doc Define a largura do slot que contém o ícone.*/
   --iu__icon--width: 48px;
 
   /* box--container */
@@ -30,7 +33,7 @@
   /* 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.*/
+  /*@doc Define a cor 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);

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

@@ -267,7 +267,7 @@ export class EzUpload {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Label \u00E9 o t\u00EDtulo do campo"
+        "text": "T\u00EDtulo do campo"
       },
       "attribute": "label",
       "reflect": false
@@ -370,7 +370,7 @@ export class EzUpload {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Define a URL do dele\u00E7\u00E3o"
+        "text": "Define a URL de dele\u00E7\u00E3o"
       },
       "attribute": "urldelete",
       "reflect": false
@@ -394,7 +394,7 @@ export class EzUpload {
       "optional": false,
       "docs": {
         "tags": [],
-        "text": "Lista de arquivos que sera tr\u00E1fegada entre cliente e servidor"
+        "text": "Lista de arquivos que ser\u00E1 trafegada entre cliente e servidor"
       }
     }
   }; }