@sankhyalabs/ezui 1.1.64 → 1.1.68

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"; }
@@ -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": {
@@ -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.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"; }
@@ -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",