@sankhyalabs/ezui 1.1.4 → 1.1.5

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

@@ -0,0 +1,224 @@
+import { Component, Host, h, Prop, Watch, Event } from '@stencil/core';
+export class EzModal {
+  constructor() {
+    /**
+    * Controle de exibição do Modal
+    */
+    this.oppened = true;
+    /**
+    * Define se o modal será fechado ao digitar ESC
+    */
+    this.closeesc = false;
+    /**
+    * Define se o modal será fechado ao clicar fora do conteúdo.
+    */
+    this.closeoutsideclick = false;
+    this.handleKeyboardEvent = (ev) => {
+      console.log(ev === null || ev === void 0 ? void 0 : ev.key);
+      if ((ev === null || ev === void 0 ? void 0 : ev.key) === 'Escape' && this.closeesc) {
+        this.oppened = false;
+        debugger;
+        this.ezChange.emit(this.oppened);
+      }
+    };
+  }
+  handleClickOverlay(ev) {
+    ev === null || ev === void 0 ? void 0 : ev.stopPropagation();
+    if (ev instanceof PointerEvent && this.closeoutsideclick) {
+      this.oppened = false;
+      debugger;
+      this.ezChange.emit(this.oppened);
+    }
+  }
+  handleOppenedChange() {
+    if (this.oppened) {
+      document.addEventListener('keydown', this.handleKeyboardEvent);
+    }
+    else {
+      document.removeEventListener('keydown', this.handleKeyboardEvent);
+    }
+  }
+  ///////
+  // trapTabKey(e) {
+  //   // Check for TAB key press
+  //   if (e.keyCode === 9) {
+  //     // SHIFT + TAB
+  //     if (e.shiftKey) {
+  //       if (document.activeElement === this._firstTabStop) {
+  //         e.preventDefault();
+  //         this._lastTabStop.focus();
+  //       }
+  //       // TAB
+  //     } else {
+  //       if (document.activeElement === this._lastTabStop) {
+  //         e.preventDefault();
+  //         this._firstTabStop.focus();
+  //       }
+  //     }
+  //   }
+  //   if (e.keyCode === 27) {
+  //     this.closeModal();
+  //   }
+  // }
+  // closeModal() {
+  //   this.oppened = false;
+  //   this._focusedElementBeforeModal.focus();
+  // }
+  // componentDidLoad() {
+  //   this._overlay.addEventListener('keydown', (ev) => { this.trapTabKey(ev) });
+  //   // Save current focus
+  //   this._focusedElementBeforeModal = document.activeElement;
+  //   // Find all focusable children
+  //   var focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';
+  //   var focusableElements = this._modalContainer.querySelectorAll(focusableElementsString);
+  //   // Convert NodeList to Array
+  //   focusableElements = Array.prototype.slice.call(focusableElements);
+  //   this._firstTabStop = focusableElements[0];
+  //   this._lastTabStop = focusableElements[focusableElements.length - 1];
+  //   // Focus first child
+  //   this._firstTabStop.focus();
+  // }
+  // componentDidUpdate() {
+  //   var focusableElementsString = 'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), iframe, object, embed, [tabindex="0"], [contenteditable]';
+  //   var focusableElements = this._modalContainer.querySelectorAll(focusableElementsString);
+  // }
+  /////
+  componentDidLoad() {
+    this.handleOppenedChange();
+  }
+  //Ainda teremos ajustes visuais
+  render() {
+    return (h(Host, null, this.oppened ?
+      h("div", { class: 'modal' /* ref={el => this._overlay = el} */, onClick: (ev) => this.handleClickOverlay(ev) },
+        this.align === 'left'
+          ?
+            h("div", { onClick: (ev) => this.handleClickOverlay(ev), class: "modal__container modal__container--left" },
+              h("div", { onClick: (ev) => ev.stopPropagation(), class: "modal__content modal__content--left " + this.modalsize },
+                h("slot", null)))
+          : undefined,
+        this.align === 'right' ?
+          h("div", { onClick: (ev) => this.handleClickOverlay(ev), class: "modal__container modal__container--right" },
+            h("div", { onClick: (ev) => ev.stopPropagation(), class: "modal__content modal__content--right " + this.modalsize },
+              h("slot", null)))
+          : undefined)
+      : undefined));
+  }
+  static get is() { return "ez-modal"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ez-modal.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ez-modal.css"]
+  }; }
+  static get properties() { return {
+    "modalsize": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define o tamanho do modal devem ser utilizados os tamanhos definidos de colunas como \"col-sd-3\""
+      },
+      "attribute": "modalsize",
+      "reflect": true
+    },
+    "align": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define o alinhamento do modal, seus valores podem ser 'right' ou 'left'"
+      },
+      "attribute": "align",
+      "reflect": true
+    },
+    "oppened": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Controle de exibi\u00E7\u00E3o do Modal"
+      },
+      "attribute": "oppened",
+      "reflect": true,
+      "defaultValue": "true"
+    },
+    "closeesc": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define se o modal ser\u00E1 fechado ao digitar ESC"
+      },
+      "attribute": "closeesc",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "closeoutsideclick": {
+      "type": "boolean",
+      "mutable": true,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Define se o modal ser\u00E1 fechado ao clicar fora do conte\u00FAdo."
+      },
+      "attribute": "closeoutsideclick",
+      "reflect": true,
+      "defaultValue": "false"
+    }
+  }; }
+  static get events() { return [{
+      "method": "ezChange",
+      "name": "ezChange",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": "Um evento disparado quando a propriedade oppened \u00E9 alterada."
+      },
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      }
+    }]; }
+  static get watchers() { return [{
+      "propName": "oppened",
+      "methodName": "handleOppenedChange"
+    }]; }
+}

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

@@ -0,0 +1,144 @@
+:host {
+  /* dimensions */
+  --ni--height: 42px;
+  --ni--width: 100%;
+  --ni__icon--width: 48px;
+  /* general */
+  --ni--border-radius: var(--border--radius-medium, 12px);
+  --ni--font-size: var(--text--medium, 14px);
+  --ni--font-family: var(--font-pattern, Arial);
+  /* input */
+  --ni__input--background-color: var(--background--medium, #e0e0e0);
+  --ni__input--border: var(--border--medium, 2px solid);
+  --ni__input--border-color: var(--ni__input--background-color);
+  /*no modo normal usamos a borda com a mesma cor do bg*/
+  --ni__input--focus--border-color: var(--color--primary, #008561);
+  --ni__input--disabled--background-color: var(--color--disable-secondary, #F2F5F8);
+  --ni__input--disabled--color: var(--text--disable, #AFB6C0);
+  --ni__input--error--border-color: #CC2936;
+  /* placeholder */
+  --ni__placeholder--disabled--color: var(--text--disable, #AFB6C0);
+  --ni__placeholder--color: var(--title--primary, #919191);
+  --ni__placeholder--font-weight: var(--text-weight--large, 500);
+  /* message box */
+  --ni__message_box--font-size: var(--text--small, 12px);
+  --ni__message_box--info--color: var(--color--success, #22085d);
+  --ni__message_box--error--color: var(--color--error, #FF0000);
+  /***************
+     host style  
+  ***************/
+  /*private*/
+  display: flex;
+  flex-wrap: wrap;
+  position: relative;
+  /*public*/
+  width: var(--ni--width);
+}
+
+.invisible {
+  visibility: hidden;
+}
+
+input {
+  /*private*/
+  width: 100%;
+  box-sizing: border-box;
+  padding: var(--space--medium);
+  /*public*/
+  height: var(--ni--height);
+  border-radius: var(--ni--border-radius);
+  font-family: var(--ni--font-family);
+  font-size: var(--ni--font-size);
+  border: var(--ni__input--border);
+  border-color: var(--ni__input--border-color);
+  background-color: var(--ni__input--background-color);
+  font-weight: var(--text-weight--large);
+}
+
+input:disabled {
+  /*public*/
+  background-color: var(--ni__input--disabled--background-color);
+  color: var(--ni__input--disabled--color);
+}
+
+input:focus {
+  /*private*/
+  outline: none;
+  /*public*/
+  border-color: var(--ni__input--focus--border-color);
+}
+
+input.icon--left {
+  padding-left: var(--ni__icon--width);
+}
+
+input.icon--right {
+  padding-right: var(--ni__icon--width);
+}
+
+input::placeholder {
+  color: var(--ni__placeholder--color);
+  font-weight: var(--ni__placeholder--font-weight);
+}
+
+input:disabled::placeholder {
+  color: var(--ni__placeholder--disabled--color);
+}
+
+input.hasError {
+  color: inherit;
+  border-color: var(--ni__input--error--border-color);
+}
+
+input.text--right {
+  text-align: right;
+}
+
+.message-box {
+  /*private*/
+  min-height: 16px;
+  min-width: 100%;
+  margin-top: 2px;
+  ;
+  line-height: 12px;
+  /*public*/
+  font-family: var(--ni--font-family);
+  font-size: var(--ni__message_box--font-size);
+  color: var(--ni__message_box--info--color);
+}
+
+.hasError {
+  /*public*/
+  color: var(--ni__message_box--error--color);
+}
+
+.input__label {
+  /*public*/
+  font-size: var(--text--medium);
+  font-weight: var(--text-weight--large);
+  left: var(--space--medium);
+  position: absolute;
+  color: var(--title--primary);
+  top: var(--space--medium);
+  font-family: var(--ni--font-family);
+  -webkit-transition: font-size .3s, top .3s;
+  transition: font-size .3s, top .3s;
+  z-index: var(--visible);
+}
+
+.input__label--floated {
+  font-family: var(--ni--font-family);
+  font-size: var(--text--extra-small);
+  top: var(--space--small);
+  color: var(--text--primary);
+}
+
+.input__label--left {
+  /*public*/
+  left: var(--ni__icon--width);
+}
+
+.input--with--label {
+  /*public*/
+  padding-bottom: 0;
+}

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

@@ -0,0 +1,465 @@
+import { Component, h, Host, Prop, Watch, Method, Element } from '@stencil/core';
+import { NumberUtils } from '@sankhyalabs/core';
+export class NumberInput {
+  constructor() {
+    /**
+     * Deixa o campo disponível ou não para digitação.
+     */
+    this.enabled = true;
+    /**
+     * Deixa o campo disponível ou não para digitação.
+     */
+    this.textleft = false;
+    /**
+     * Opção de configurar a transformação de string to number entre formatação pt-BR e en-US
+     * (formatação de ENTRADA e SAÍDA do componente: pt-BR="###.###,##" en-US="###,###.##"; Default: "pt-BR")
+     * Qualquer outro valor que não seja "en-US", adotará a formatação "pt-BR"
+     * Não é case sensitive
+     */
+    this.formatnumber = "PT-BR";
+    //---------------------------------------------
+    // Private Methods
+    //---------------------------------------------
+    this.settingStrValueIntNumber = (strvalue) => {
+      if (this.precision === 0 && strvalue) {
+        return strvalue = strvalue.replace(/\./g, '').replace(/\,/g, '');
+      }
+      else {
+        return strvalue;
+      }
+    };
+    this.checkNumberValidation = (valuePtBRorNumber) => {
+      try {
+        if (valuePtBRorNumber != "" && NumberUtils.format(valuePtBRorNumber, this.precision, this.prettyprecision) === "NaN") {
+          this.errormessage = `Valor não é um número válido`;
+          this.value = undefined;
+          this.strvalue = undefined;
+          if (this._inputElem) {
+            this._inputElem.value = "";
+          }
+          return false;
+        }
+      }
+      catch (err) {
+        this.errormessage = err.message;
+        return false;
+      }
+      return true;
+    };
+  }
+  showError() {
+    const hasError = typeof this.errormessage === 'string' && this.errormessage !== '';
+    if (this._inputElem) {
+      if (hasError) {
+        this._inputElem.classList.add('hasError');
+        this._messageBoxElem.classList.add('hasError');
+      }
+      else {
+        this._inputElem.classList.remove('hasError');
+        this._messageBoxElem.classList.remove('hasError');
+      }
+    }
+  }
+  onPrecisionChanged(newPrecision) {
+    if (isNaN(newPrecision)) {
+      this.precision = 0;
+    }
+    this.handleFocusout();
+  }
+  onPrettyPrecisionChanged(newPrettyPrecision) {
+    if (isNaN(newPrettyPrecision)) {
+      this.prettyprecision = 0;
+    }
+    this.handleFocusout();
+  }
+  onValueChanged(newValue) {
+    if (isNaN(newValue) && newValue !== undefined) {
+      this.value = undefined;
+      this.strvalue = "";
+      this.errormessage = `Valor não é um número válido`;
+      this.adjustFloatingLabel();
+    }
+    else {
+      this.settingComponent();
+    }
+  }
+  adjustFloatingLabel() {
+    if (this._labelElem) {
+      if (this.label && this._inputElem.value && this._inputElem.value.toString().length > 0) {
+        if (!this._labelElem.classList.contains("input__label--floated")) {
+          this._labelElem.classList.add("input__label--floated");
+        }
+        if (!this._inputElem.classList.contains("input--with--label")) {
+          this._inputElem.classList.add("input--with--label");
+        }
+      }
+      else {
+        this._labelElem.classList.remove("input__label--floated");
+      }
+    }
+  }
+  //---------------------------------------------
+  // Public methods
+  //---------------------------------------------
+  /**
+   * Faz o foco no componente de input
+   */
+  async setFocus() {
+    this._inputElem.focus();
+  }
+  /**
+   * Remove o foco no componente de input
+   */
+  async setBlur() {
+    this._inputElem.blur();
+  }
+  //---------------------------------------------
+  // Event handlers
+  //---------------------------------------------
+  /**
+   * Promove a atualização do componente
+   */
+  async handleFocusout() {
+    //Setting value and strvalue by stringinput
+    if (this._inputElem) {
+      this.errormessage = "";
+      if (this._inputElem.value !== "") {
+        this._inputElem.value = this.settingStrValueIntNumber(this._inputElem.value);
+        const value = NumberUtils.keepOnlyDecimalSeparator(this._inputElem.value, this.formatnumber.toUpperCase());
+        if (!this.checkNumberValidation(value)) {
+          return;
+        }
+        if (value) {
+          try {
+            this._inputElem.value = this.formatnumber.toUpperCase() !== "EN-US" ? NumberUtils.format(value, this.precision, this.prettyprecision) : NumberUtils.changeFormat(NumberUtils.format(value, this.precision, this.prettyprecision));
+          }
+          catch (e) {
+            this.errormessage = e.message;
+            return;
+          }
+        }
+        this.strvalue = this._inputElem.value;
+        this.value = NumberUtils.stringToNumber(value);
+      }
+      else {
+        this.strvalue = undefined;
+        this.value = undefined;
+      }
+      this.adjustFloatingLabel();
+    }
+  }
+  handleChange() {
+    this._inputElem.value = this.settingStrValueIntNumber(this._inputElem.value);
+  }
+  handleSlotChange(ev) {
+    const slot = ev.target;
+    const content = slot.assignedElements()[0];
+    content.style.position = "absolute";
+    content.style.display = "flex";
+    content.style.alignItems = "center";
+    content.style.justifyContent = "center";
+    content.style.overflow = "hidden";
+    content.style.top = "0px";
+    content.style.width = "var(--ni__icon--width)";
+    content.style.height = "var(--ni--height)";
+    if (slot.name == "leftIcon") {
+      content.style.left = "0px";
+      content.style.borderRadius = "var(--ni--border-radius) 0 0 var(--ni--border-radius)";
+      this._inputElem.classList.add('icon--left');
+      if (this._labelElem) {
+        this._labelElem.classList.add("input__label--left");
+      }
+    }
+    else if (slot.name == "rightIcon") {
+      content.style.right = "0px";
+      content.style.borderRadius = "0 var(--ni--border-radius) var(--ni--border-radius) 0";
+      this._inputElem.classList.add('icon--right');
+    }
+    this.showError();
+  }
+  doFocus() {
+    if (this.label && this._labelElem) {
+      this._labelElem.classList.contains("input__label--floated") ? undefined : this._labelElem.classList.add("input__label--floated");
+    }
+  }
+  settingComponent() {
+    const value = '' + this.value;
+    if (this.value !== undefined) {
+      try {
+        this._inputElem.value = this.formatnumber.toUpperCase() !== "EN-US" ? NumberUtils.format(value, this.precision, this.prettyprecision) : NumberUtils.changeFormat(NumberUtils.format(value, this.precision, this.prettyprecision));
+      }
+      catch (e) {
+        this.errormessage = e.message;
+        return;
+      }
+      this.strvalue = this._inputElem.value;
+    }
+    this.adjustFloatingLabel();
+  }
+  settingValue() {
+    //this.value: en-US format => Need to convert
+    const value = !isNaN(this.value) ? '' + this.value : 'NaN';
+    if (!this.checkNumberValidation(value)) {
+      return;
+    }
+    //output default from ".format": pt-BR
+    const tempStrValue = NumberUtils.format(value, this.precision, this.prettyprecision);
+    //output => depends to formatnumber
+    this.strvalue = this.formatnumber.toUpperCase() !== 'EN-US' ? tempStrValue : NumberUtils.changeFormat(tempStrValue);
+    NumberUtils.format(this.value.toString(), this.precision, this.prettyprecision);
+  }
+  //---------------------------------------------
+  // Lifecycle web component
+  //---------------------------------------------
+  componentDidLoad() {
+    if (!this.textleft) {
+      this._inputElem.classList.add('text--right');
+    }
+    this.showError();
+    this.adjustFloatingLabel();
+  }
+  componentWillLoad() {
+    this.onPrecisionChanged(this.precision);
+    this.onPrettyPrecisionChanged(this.prettyprecision);
+    this.settingValue();
+  }
+  render() {
+    const labelInput = this.label ? h("label", { onClick: () => this._inputElem.focus(), class: "input__label", ref: (el) => this._labelElem = el }, this.label) : null;
+    return (h(Host, null,
+      h("slot", { name: "leftIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
+      labelInput,
+      h("input", { onFocus: () => this.doFocus(), ref: (el) => this._inputElem = el, type: "text", value: this.strvalue, disabled: !this.enabled, onInput: this.handleChange.bind(this), onFocusout: this.handleFocusout.bind(this) }),
+      h("slot", { name: "rightIcon", onSlotchange: (ev) => { this.handleSlotChange(ev); } }),
+      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el }, this.errormessage)));
+  }
+  static get is() { return "ez-number-input"; }
+  static get encapsulation() { return "shadow"; }
+  static get originalStyleUrls() { return {
+    "$": ["ez-number-input.css"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["ez-number-input.css"]
+  }; }
+  static get properties() { return {
+    "strvalue": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Valor digitado pelo usu\u00E1rio. Este valor \u00E9 o que fica vis\u00EDvel no campo."
+      },
+      "attribute": "strvalue",
+      "reflect": false
+    },
+    "value": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Valor guardado pelo componente. Este valor \u00E9 o que ira ser utilizado para alimentar o backend.\nEsta vari\u00E1vel pode ser setada para alimentar o componente."
+      },
+      "attribute": "value",
+      "reflect": false
+    },
+    "label": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Label \u00E9 o t\u00EDtulo do campo"
+      },
+      "attribute": "label",
+      "reflect": true
+    },
+    "enabled": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Deixa o campo dispon\u00EDvel ou n\u00E3o para digita\u00E7\u00E3o."
+      },
+      "attribute": "enabled",
+      "reflect": true,
+      "defaultValue": "true"
+    },
+    "errormessage": {
+      "type": "string",
+      "mutable": true,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Quando h\u00E1 um problema de valida\u00E7\u00E3o, serve como orienta\u00E7\u00E3o ao usu\u00E1rio"
+      },
+      "attribute": "errormessage",
+      "reflect": true
+    },
+    "precision": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Precis\u00E3o de arredondamento do n\u00FAmero"
+      },
+      "attribute": "precision",
+      "reflect": true
+    },
+    "prettyprecision": {
+      "type": "number",
+      "mutable": true,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "N\u00FAmeros de zeros retirados ap\u00F3s arredondamento"
+      },
+      "attribute": "prettyprecision",
+      "reflect": true
+    },
+    "textleft": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Deixa o campo dispon\u00EDvel ou n\u00E3o para digita\u00E7\u00E3o."
+      },
+      "attribute": "textleft",
+      "reflect": true,
+      "defaultValue": "false"
+    },
+    "formatnumber": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "Op\u00E7\u00E3o de configurar a transforma\u00E7\u00E3o de string to number entre formata\u00E7\u00E3o pt-BR e en-US\n(formata\u00E7\u00E3o de ENTRADA e SA\u00CDDA do componente: pt-BR=\"###.###,##\" en-US=\"###,###.##\"; Default: \"pt-BR\")\nQualquer outro valor que n\u00E3o seja \"en-US\", adotar\u00E1 a formata\u00E7\u00E3o \"pt-BR\"\nN\u00E3o \u00E9 case sensitive"
+      },
+      "attribute": "formatnumber",
+      "reflect": true,
+      "defaultValue": "\"PT-BR\""
+    }
+  }; }
+  static get methods() { return {
+    "setFocus": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Faz o foco no componente de input",
+        "tags": []
+      }
+    },
+    "setBlur": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Remove o foco no componente de input",
+        "tags": []
+      }
+    },
+    "handleFocusout": {
+      "complexType": {
+        "signature": "() => Promise<void>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
+        },
+        "return": "Promise<void>"
+      },
+      "docs": {
+        "text": "Promove a atualiza\u00E7\u00E3o do componente",
+        "tags": []
+      }
+    }
+  }; }
+  static get elementRef() { return "el"; }
+  static get watchers() { return [{
+      "propName": "errormessage",
+      "methodName": "showError"
+    }, {
+      "propName": "precision",
+      "methodName": "onPrecisionChanged"
+    }, {
+      "propName": "prettyprecision",
+      "methodName": "onPrettyPrecisionChanged"
+    }, {
+      "propName": "value",
+      "methodName": "onValueChanged"
+    }]; }
+}