@sankhyalabs/ezui 6.2.0 → 6.3.0-dev.1

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

@@ -10,7 +10,7 @@ export class EzTextArea {
     this.errorMessage = undefined;
     this.rows = 4;
     this.canShowError = true;
-    this.mode = "regular";
+    this.mode = 'regular';
     this.enableResize = true;
     this.autoRows = false;
     this.autoFocus = false;
@@ -33,10 +33,10 @@ export class EzTextArea {
     if (this._inputElem) {
       if (newValue != oldValue) {
         if (this.canChangeValue()) {
-          this._inputElem.value = this.value || "";
+          this._inputElem.value = this.value || '';
         }
         this.adjustFloatingLabel();
-        this.errorMessage = "";
+        this.errorMessage = '';
         this.ezChange.emit(this.value);
       }
     }
@@ -45,13 +45,13 @@ export class EzTextArea {
     if (this._initialRows == undefined) {
       this._initialRows = this.rows > 0 ? this.rows : undefined;
     }
-    const rows = this._initialRows > 0 ? this._initialRows : this.mode != "slim" ? 4 : 2;
+    const rows = this._initialRows > 0 ? this._initialRows : this.mode != 'slim' ? 4 : 2;
     if (rows !== this.rows) {
       this.rows = rows;
     }
   }
   observeRows() {
-    const rows = this.rows > 0 ? this.rows : this.mode != "slim" ? 4 : 2;
+    const rows = this.rows > 0 ? this.rows : this.mode != 'slim' ? 4 : 2;
     if (rows !== this.rows) {
       this.updateRows(rows);
     }
@@ -84,8 +84,8 @@ export class EzTextArea {
     var _a, _b, _c, _d;
     const selectionStart = this._inputElem.selectionStart;
     const selectionEnd = this._inputElem.selectionEnd;
-    const textStart = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.substring(0, selectionStart)) !== null && _b !== void 0 ? _b : "";
-    const textEnd = (_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.substring(selectionEnd)) !== null && _d !== void 0 ? _d : "";
+    const textStart = (_b = (_a = this.value) === null || _a === void 0 ? void 0 : _a.substring(0, selectionStart)) !== null && _b !== void 0 ? _b : '';
+    const textEnd = (_d = (_c = this.value) === null || _c === void 0 ? void 0 : _c.substring(selectionEnd)) !== null && _d !== void 0 ? _d : '';
     this.value = `${textStart}${text}${textEnd}`;
     const newSelectionEnd = selectionStart + text.length;
     const start = (selectionStart === selectionEnd) ? newSelectionEnd : selectionStart;
@@ -108,28 +108,28 @@ export class EzTextArea {
    * Retorna se o conteúdo é inválido.
    */
   async isInvalid() {
-    return typeof this.errorMessage === "string" && this.errorMessage.trim() !== "";
+    return typeof this.errorMessage === 'string' && this.errorMessage.trim() !== '';
   }
   //---------------------------------------------
   // Private methods
   //---------------------------------------------
   canChangeValue() {
-    return this._inputElem && (this.value || "") !== this._inputElem.value;
+    return this._inputElem && (this.value || '') !== this._inputElem.value;
   }
   adjustFloatingLabel() {
     if (this.forceLabelFloat)
       return;
     if (this.label && this._labelElem) {
       const hasValue = this.value && this.value.toString().length > 0;
-      const containsFloatedClass = this._labelElem.classList.contains("textarea__label--floated");
+      const containsFloatedClass = this._labelElem.classList.contains('textarea__label--floated');
       if (hasValue || this.isFocused()) {
         if (!containsFloatedClass) {
-          this._labelElem.classList.add("textarea__label--floated");
+          this._labelElem.classList.add('textarea__label--floated');
         }
       }
       else {
         if (containsFloatedClass) {
-          this._labelElem.classList.remove("textarea__label--floated");
+          this._labelElem.classList.remove('textarea__label--floated');
         }
       }
     }
@@ -178,8 +178,8 @@ export class EzTextArea {
   //---------------------------------------------
   handleFocusout() {
     this.adjustFloatingLabel();
-    if (this._container && this._container.classList.contains("textarea--focus")) {
-      this._container.classList.remove("textarea--focus");
+    if (this._container && this._container.classList.contains('textarea--focus')) {
+      this._container.classList.remove('textarea--focus');
     }
   }
   handleChange() {
@@ -188,11 +188,11 @@ export class EzTextArea {
     }
   }
   handleFocus() {
-    if (this.label && this._labelElem && !this._labelElem.classList.contains("textarea__label--floated")) {
-      this._labelElem.classList.add("textarea__label--floated");
+    if (this.label && this._labelElem && !this._labelElem.classList.contains('textarea__label--floated')) {
+      this._labelElem.classList.add('textarea__label--floated');
     }
-    if (this._container && !this._container.classList.contains("textarea--focus")) {
-      this._container.classList.add("textarea--focus");
+    if (this._container && !this._container.classList.contains('textarea--focus')) {
+      this._container.classList.add('textarea--focus');
     }
   }
   connectedCallback() {
@@ -205,7 +205,7 @@ export class EzTextArea {
   buildPlaceholder() {
     if (this.alternativePlaceholder)
       return this.alternativePlaceholder;
-    return (this.mode === "slim" && this.label) ? this.label : '';
+    return (this.mode === 'slim' && this.label) ? this.label : '';
   }
   buildLabelClass() {
     let classList = this.enabled ? 'textarea__label' : 'textarea__label textarea__label--disabled';
@@ -215,6 +215,19 @@ export class EzTextArea {
       classList = classList + ' textarea__label--floated';
     return classList;
   }
+  renderErrorTooltip() {
+    if (!this.canShowError || this.mode == 'slim' || !this.errorMessage)
+      return;
+    return (h("div", { class: "tooltip-container" }, h("ez-tooltip", { type: "error", message: this.errorMessage }, h("ez-icon", { class: `tooltip-icon ${this.errorMessage ? 'hasError' : ''}`, "data-element-id": ElementIDUtils.getInternalIDInfo('tooltip-icon'), iconName: "alert-circle" }))));
+  }
+  renderLabel() {
+    if (!this.label || this.mode == 'slim')
+      return null;
+    return h("label", { ref: (el) => this._labelElem = el, class: this.buildLabelClass(), onClick: () => this._inputElem.focus(), title: this.label }, this.label);
+  }
+  renderTextArea() {
+    return h("textarea", { onFocus: () => this.handleFocus(), "data-element-id": ElementIDUtils.getInternalIDInfo('input'), ref: (el) => this._inputElem = el, value: this.value, disabled: !this.enabled, class: { 'textarea--slim': this.mode === 'slim' }, placeholder: this.buildPlaceholder(), onInput: () => this.handleChange(), onFocusout: () => this.handleFocusout(), rows: this.rows });
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -230,13 +243,7 @@ export class EzTextArea {
   }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._hostElement, 'input');
-    return (h(Host, null, h("div", { class: `textarea ${this.enabled ? "" : "textarea--disabled"}`, ref: (el) => this._container = el }, this.label && this.mode != "slim" ?
-      h("label", { ref: (el) => this._labelElem = el, class: this.buildLabelClass(), onClick: () => this._inputElem.focus(), title: this.label }, this.label)
-      : null, h("textarea", { onFocus: () => this.handleFocus(), "data-element-id": ElementIDUtils.getInternalIDInfo("input"), ref: (el) => this._inputElem = el, value: this.value, disabled: !this.enabled, class: {
-        "textarea--slim": this.mode === "slim",
-        "textarea--resizable": this.enableResize
-      }, placeholder: this.buildPlaceholder(), onInput: () => { this.handleChange(); }, onFocusout: () => { this.handleFocusout(); }, rows: this.rows })), this.canShowError && this.mode != "slim" &&
-      h("span", { class: "message-box", ref: (el) => this._messageBoxElem = el, title: this.errorMessage }, this.errorMessage)));
+    return (h(Host, null, h("div", { class: `textarea ${this.enabled ? '' : 'textarea--disabled'}`, ref: (el) => this._container = el }, this.renderLabel(), h("div", { class: `input-container ${this.enableResize ? 'textarea--resizable' : ""}` }, this.renderTextArea(), this.renderErrorTooltip()))));
   }
   static get is() { return "ez-text-area"; }
   static get encapsulation() { return "shadow"; }
@@ -361,7 +368,7 @@ export class EzTextArea {
         "type": "string",
         "mutable": false,
         "complexType": {
-          "original": "\"slim\" | \"regular\"",
+          "original": "'slim' | 'regular'",
           "resolved": "\"regular\" | \"slim\"",
           "references": {}
         },
@@ -373,7 +380,7 @@ export class EzTextArea {
         },
         "attribute": "mode",
         "reflect": true,
-        "defaultValue": "\"regular\""
+        "defaultValue": "'regular'"
       },
       "enableResize": {
         "type": "boolean",

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

@@ -1,6 +1,7 @@
 import { Host, h } from '@stencil/core';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils } from "../../utils";
+import initI18n from '../../utils/i18n';
 export class EzTextEdit {
   constructor() {
     this._newValue = undefined;
@@ -63,7 +64,7 @@ export class EzTextEdit {
   }
   handleSaveEdition() {
     if (!this._newValue) {
-      ApplicationUtils.alert("Aviso", "Não é possível salvar um campo em branco.").then(() => {
+      ApplicationUtils.alert(this.i18n("app.warning"), this.i18n("ez-text-edit.emptyFieldWarning")).then(() => {
         this.setNewValue(this.value, true);
       });
       return;
@@ -77,6 +78,9 @@ export class EzTextEdit {
     this._newValue = value;
     this.calcSizeInput(this._newValue, setSelect);
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   componentDidLoad() {
     this.applyFocusSelect();
     this.setNewValue(this.value);

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

@@ -287,6 +287,7 @@ export class EzTextInput {
   //---------------------------------------------
   componentWillLoad() {
     this.observeMask();
+    this.forceLabelFloat = !!this.alternativePlaceholder;
     if (this.value) {
       if (this._maskFormatter) {
         try {

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

@@ -1,6 +1,7 @@
 import { h, Host } from "@stencil/core";
 import { TimeFormatter, MaskFormatter, NumberUtils, ElementIDUtils } from "@sankhyalabs/core";
 import CSSVarsUtils from "../../utils/CSSVarsUtils";
+import initI18n from '../../utils/i18n';
 export class EzTimeInput {
   constructor() {
     this.label = undefined;
@@ -41,7 +42,7 @@ export class EzTimeInput {
         this._viewValue = newValueValidated == undefined ? "" : newValueValidated.toString();
         this.prepareValue(this._viewValue);
         if (this._viewValue && !TimeFormatter.validateTime(this._viewValue, this.showSeconds)) {
-          this.setError("Favor inserir um horário válido.");
+          this.setError(this.i18n("ez-time-input.invalidTime"));
           newValueValidated = undefined;
         }
         else {
@@ -130,15 +131,8 @@ export class EzTimeInput {
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
-  componentDidLoad() {
-    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
-    if (this.autoFocus) {
-      requestAnimationFrame(() => {
-        this.setFocus({ selectText: true });
-      });
-    }
-  }
-  componentWillLoad() {
+  async componentWillLoad() {
+    this.i18n = await initI18n();
     this.observeShowSeconds();
     if (this.value) {
       this.prepareValue(this.value.toString());
@@ -147,6 +141,14 @@ export class EzTimeInput {
       this.prepareValue(this._viewValue);
     }
   }
+  componentDidLoad() {
+    CSSVarsUtils.applyVarsTextInput(this._elem, this._textInput);
+    if (this.autoFocus) {
+      requestAnimationFrame(() => {
+        this.setFocus({ selectText: true });
+      });
+    }
+  }
   render() {
     ElementIDUtils.addIDInfoIfNotExists(this._elem, 'input');
     return (h(Host, null, h("ez-text-input", { class: "time__input", "data-element-id": ElementIDUtils.getInternalIDInfo("textInput"), ref: (el) => this._textInput = el, "data-slave-mode": "true", value: this._viewValue, enabled: this.enabled, label: this.label, restrict: "0123456789:", onBlur: () => this.handleBlur(), onInput: () => this.handleInput(), errorMessage: this.errorMessage, mode: this.mode, canShowError: this.canShowError, alternativePlaceholder: this.alternativePlaceholder }, h("ez-icon", { slot: "leftIcon", iconName: "timer-outline" }))));

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

@@ -149,7 +149,7 @@ export class EzTooltip {
       },
       "anchoringElement": {
         "type": "unknown",
-        "mutable": false,
+        "mutable": true,
         "complexType": {
           "original": "HTMLElement",
           "resolved": "HTMLElement",

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

@@ -7,7 +7,7 @@
   /*@doc Define a margem do componente.*/
   --ez-tree--margin: var(--space--extra-small, 3px);
   /*@doc Define a margem da direita do componente.*/
-  --ez-tree--margin-right: calc(var(--space--small, 6px) + 2px);
+  --ez-tree--margin-right: 0px;
   
   /* Fontes e cor de ícones*/
   /*@doc Define a família da fonte.*/
@@ -74,6 +74,7 @@ ul {
   /*private*/
   list-style-type: none;
   margin: 0;
+  cursor: default;
 
   /*public*/
   padding-inline-start: var(--ez-tree--padding-inline-start);
@@ -122,12 +123,14 @@ ul.first-level {
 .item-label-container {
   display: flex;
   align-items: center;
+  overflow: hidden;
 }
 
 .tree-item {
   /*private*/
   display: flex;
   align-items: center;
+  cursor: pointer;
   
   /*public*/
   margin-top: var(--ez-tree--margin);

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

@@ -3,10 +3,11 @@ import { forceUpdate, h, Host } from '@stencil/core';
 import { defaultIconResolver, defaultTooltipResolver } from './subcomponents';
 import { TreeItem } from './subcomponents/TreeItem';
 import { Tree } from './types/Tree';
+import initI18n from '../../utils/i18n';
 export class EzTree {
   constructor() {
     this._onItemClick = (item) => {
-      this.value = item;
+      this._onIconClick(item);
     };
     this._onIconClick = (item) => {
       this.openClose(item);
@@ -19,6 +20,7 @@ export class EzTree {
     this.selectedId = undefined;
     this.iconResolver = defaultIconResolver;
     this.tooltipResolver = undefined;
+    this.enableHierarchicalFilter = true;
   }
   /**
    * Efetua a seleção de um item.
@@ -78,7 +80,7 @@ export class EzTree {
    * Efetua a seleção de um item.
    */
   async applyFilter(pattern) {
-    this._tree.setFilterPattern(pattern);
+    await this._tree.setFilterPattern(pattern, this.enableHierarchicalFilter);
   }
   /**
    * Atualiza um item
@@ -253,6 +255,9 @@ export class EzTree {
       this._tree.load(this.items);
     }
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   componentWillRender() {
     var _a;
     if (!this.selectedId || ((_a = this.value) === null || _a === void 0 ? void 0 : _a.id) === this.selectedId) {
@@ -270,7 +275,7 @@ export class EzTree {
     }
     this._visibleItems = [];
     return (h(Host, { tabindex: "-1" }, this._waintingForLoad ?
-      h("label", null, "Carregando...")
+      h("label", null, this.i18n("app.loading"), "...")
       :
         this._tree.getChildren().map(node => {
           var _a;
@@ -392,6 +397,24 @@ export class EzTree {
           "tags": [],
           "text": "Define uma fun\u00E7\u00E3o que vai resolver o `tooltip` ou `title` daquele item."
         }
+      },
+      "enableHierarchicalFilter": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se a \u00E1rvore deve permitir a filtragem hier\u00E1rquica."
+        },
+        "attribute": "enable-hierarchical-filter",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/ez-tree/subcomponents/TreeItem.js

@@ -14,12 +14,18 @@ export const TreeItem = (props) => {
   if (available) {
     itemsList.push(treeItem);
   }
+  function handleIconClick(event) {
+    event.stopPropagation();
+    if (available) {
+      iconClick(treeItem);
+    }
+  }
   return (h("ul", { class: level === 1 ? "first-level" : undefined }, h("li", Object.assign({ title: tooltipResolver(treeItem, !disabled, level), class: `tree-item ${treeItem.id !== selectedId ? "tree-item-error" : ""}`, onClick: () => available && itemClick(treeItem), onDblClick: () => available && itemDoubleClick(treeItem) }, {
     disabled,
     selected: treeItem.id === selectedId,
     [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(`ezTreeItem_${treeItem.id}`)
   }), h("div", { class: "item-label-container" }, h("div", { class: "item-icon-box" }, expandable &&
-    h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: () => available && iconClick(treeItem) })), h("label", { class: `item-label ${treeItem.bold ? "item-label--bold" : ""}` }, treeItem.label)), getBadgeElement(treeItem.id, treeItem.badge, treeItem.id === selectedId)), expanded
+    h("ez-icon", { id: treeItem.id, class: "item-icon", size: "small", iconName: iconResolver(treeItem, expanded, level), onClick: (event) => handleIconClick(event) })), h("label", { class: `item-label ${treeItem.bold ? "item-label--bold" : ""}` }, treeItem.label)), getBadgeElement(treeItem.id, treeItem.badge, treeItem.id === selectedId)), expanded
     && node.getChildren().map(child => h(TreeItem, { selectedId: selectedId, node: child, itemClick: itemClick, iconClick: iconClick, level: level + 1, iconResolver: iconResolver, tooltipResolver: tooltipResolver, itemsList: itemsList, itemDoubleClick: itemDoubleClick }))));
 };
 function getBadgeElement(itemId, badge, isSelectedItem) {

package/dist/collection/components/ez-tree/types/Tree.js

@@ -43,9 +43,15 @@ export class Tree extends Node {
       }
     });
   }
-  setFilterPattern(pattern) {
-    this._filterPattern = StringUtils.replaceAccentuatedCharsKeepSymbols(pattern);
-    this.applyFilter(this);
+  async setFilterPattern(pattern, enableHierarchicalFilter = true) {
+    if (pattern && enableHierarchicalFilter && pattern.includes('.')) {
+      const layers = pattern.split('.').map(p => StringUtils.replaceAccentuatedCharsKeepSymbols(p.trim()));
+      await this.applyLayeredFilter(this, layers, 0);
+    }
+    else {
+      this._filterPattern = StringUtils.replaceAccentuatedCharsKeepSymbols(pattern);
+      this.applyFilter(this);
+    }
     this._changeCallback();
   }
   updateItem(item) {
@@ -102,6 +108,34 @@ export class Tree extends Node {
     }
     node.visible = isVisible;
   }
+  async applyLayeredFilter(node, layers, level) {
+    if (!node.item) {
+      const results = await Promise.all(Array.from(node.children.values()).map(child => this.applyLayeredFilter(child, layers, level)));
+      const childFound = results.some(Boolean);
+      node.visible = childFound;
+      return childFound;
+    }
+    const normalizedLabel = StringUtils.replaceAccentuatedCharsKeepSymbols(node.item.label);
+    if (!normalizedLabel.includes(layers[level])) {
+      const results = await Promise.all(Array.from(node.children.values()).map(child => this.applyLayeredFilter(child, layers, level)));
+      const childFound = results.some(Boolean);
+      if (childFound)
+        node.item.expanded = true;
+      node.visible = childFound;
+      return childFound;
+    }
+    if (level === layers.length - 1) {
+      node.visible = true;
+      this.setAllChildrenVisible(node);
+      return true;
+    }
+    const results = await Promise.all(Array.from(node.children.values()).map(child => this.applyLayeredFilter(child, layers, level + 1)));
+    const childFound = results.some(Boolean);
+    if (childFound)
+      node.item.expanded = true;
+    node.visible = childFound;
+    return childFound;
+  }
   async walkPath(parent, path, callback, currentLevel = 0) {
     return new Promise(async (resolve) => {
       const levels = path.split(">>").map(item => item.trim());

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

@@ -1,6 +1,7 @@
-import { h, forceUpdate } from "@stencil/core";
-import ApplicationUtils from "../../utils/ApplicationUtils";
 import { ElementIDUtils } from "@sankhyalabs/core";
+import { forceUpdate, h } from "@stencil/core";
+import ApplicationUtils from "../../utils/ApplicationUtils";
+import initI18n from "../../utils/i18n";
 import RemoteFile from "./RemoteFile";
 export class EzUpload {
   constructor() {
@@ -61,7 +62,7 @@ export class EzUpload {
         }
       });
       if (countDistinctFiles > this.maxFiles) {
-        this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
+        this.showError(this.i18n("ez-upload.maxFilesError", { maxFiles: this.maxFiles }));
         return;
       }
     }
@@ -82,8 +83,7 @@ export class EzUpload {
   async addFile(file) {
     const oldFile = this._filePointers.get(file.name);
     if (oldFile) {
-      ApplicationUtils.confirm("Substituir arquivo", `Já existe um arquivo chamado "${file.name}". Deseja substituí-lo?`)
-        .then(ok => {
+      ApplicationUtils.confirm(this.i18n("ez-upload.replaceFileTitle"), this.i18n("ez-upload.replaceFileMessage", { fileName: file.name })).then(ok => {
         if (ok) {
           if (this.isRemoteFile(oldFile)) {
             oldFile.abortUpload();
@@ -99,7 +99,10 @@ export class EzUpload {
   async doAddFile(file) {
     try {
       if (this.validateFile(file)) {
-        this.ezStartChange.emit({ waitmessage: "Há arquivos sendo enviados. Por favor aguarde a conclusão ou cancele o envio.", blocking: true });
+        this.ezStartChange.emit({
+          waitmessage: this.i18n("ez-upload.uploadingMessage"),
+          blocking: true
+        });
         const uploadingFile = new RemoteFile(file);
         const oldPointer = this._filePointers.get(file.name);
         if (oldPointer && this.isRemoteFile(oldPointer)) {
@@ -152,25 +155,25 @@ export class EzUpload {
   }
   validateFile(file) {
     if (!this._filePointers.has(file.name) && this.maxFiles > 0 && this._filePointers.size >= this.maxFiles) {
-      this.showError(`A quantidade máxima de arquivos é ${this.maxFiles}.`);
+      this.showError(this.i18n("ez-upload.maxFilesError", { maxFiles: this.maxFiles }));
       return false;
     }
     if (file.size === 0) {
-      this.showError(`Erro de permissão: O arquivo "${file.name}" não pode ser enviado.`);
+      this.showError(this.i18n("ez-upload.emptyFileError", { fileName: file.name }));
       return false;
     }
     if (!this.urlUpload) {
-      this.showError("Endereço de upload não informado");
+      this.showError(this.i18n("ez-upload.missingUploadUrlError"));
       return false;
     }
     if (this.maxFileSize >= 0 && file.size > this.maxFileSize) {
-      this.showError("O tamanho máximo dos arquivos é de " + this.formatBytes(this.maxFileSize));
+      this.showError(this.i18n("ez-upload.maxFileSizeError", { maxSize: this.formatBytes(this.maxFileSize) }));
       return false;
     }
     return true;
   }
   showError(message) {
-    ApplicationUtils.alert("Enviando arquivo", message);
+    ApplicationUtils.alert(this.i18n("ez-upload.uploadErrorTitle"), message);
   }
   formatBytes(bytes, decimals = 1) {
     if (bytes === 0)
@@ -247,8 +250,11 @@ export class EzUpload {
       }
     }
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   render() {
-    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: "padding-large" }, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, h("button", { class: "iu__file-icon", disabled: !this.enabled }), h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? "Arraste e solte ou clique para adicionar arquivos" : "Somente leitura")), this.subtitle &&
+    return (h("div", { ref: (el) => this._dropZone = el, class: this.evalDisabledClass("iu", "background--disabled") }, h("div", { class: "iu__container", onClick: () => this.openFilesDialog() }, h("div", { class: "iu_header" }, this.label ? h("label", { class: this.evalDisabledClass("iu__label", "text--disabled"), title: this.label }, this.label) : null, h("div", { class: "padding-large" }, h("div", { class: this.evalDisabledClass("iu__icon-label", "mouse-pointer--disabled") }, h("button", { class: "iu__file-icon", disabled: !this.enabled }), h("div", { class: this.evalDisabledClass("text text--center text--medium text--primary", "text--disabled") }, this.enabled ? this.i18n("ez-upload.enable") : this.i18n("ez-upload.disable"))), this.subtitle &&
       h("div", { class: this.evalDisabledClass("padding-extra-small text text--center text--small text--secondary", "text--disabled") }, this.subtitle))), this.buildFooter()), h("input", { ref: (el) => this._fileInput = el, onChange: (ev) => this.onFileInputChange(ev), type: "file", multiple: true, class: "appearanceNone" })));
   }
   buildFooter() {

package/dist/collection/global/app-init.js

@@ -0,0 +1,8 @@
+import initI18n from '../utils/i18n';
+export default async function initializeApp() {
+  await initI18n();
+  if (process.env.NODE_ENV !== 'development') {
+    console.log('Global initialization ez-ui completed!');
+  }
+}
+;

package/dist/collection/setupTests.js

@@ -1 +1 @@
-global.ResizeObserver = require('resize-observer-polyfill')
+global.ResizeObserver = require('resize-observer-polyfill');

package/dist/collection/utils/ApplicationUtils.js

@@ -1,9 +1,22 @@
 import { v4 as uuid } from "uuid";
 import { DialogType } from "../components/ez-dialog/DialogType";
+import initI18n from "./i18n";
 export default class ApplicationUtils {
+  static async getDefaultMessageOptions() {
+    if (!this.i18n) {
+      this.i18n = await initI18n();
+    }
+    return {
+      canClose: true,
+      labelCancel: this.i18n("app.no"),
+      labelConfirm: this.i18n("app.yes"),
+      btnConfirmDanger: false
+    };
+  }
   static async showDialog(title, message, icon = null, confirm, dialogType = DialogType.DEFAULT, options) {
     if (options) {
-      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = Object.assign(Object.assign({}, defaultMessageOptions), options);
     }
     return new Promise(resolve => {
       let dialog = document.createElement("ez-dialog");
@@ -15,24 +28,45 @@ export default class ApplicationUtils {
       });
     });
   }
-  static async alert(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+  static async alert(title, message, icon = null, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.WARN, options);
   }
-  static async error(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+  static async error(title, message, icon = null, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.CRITICAL, options);
   }
-  static async success(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+  static async success(title, message, icon = null, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.SUCCESS, options);
   }
-  static async confirm(title, message, icon = null, dialogType = DialogType.WARN, options = ApplicationUtils.defaultMessageOptions) {
+  static async confirm(title, message, icon = null, dialogType = DialogType.WARN, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, true, dialogType, options);
   }
-  static async message(title, message, icon = null, options = ApplicationUtils.defaultMessageOptions) {
+  static async message(title, message, icon = null, options) {
+    if (!options) {
+      const defaultMessageOptions = await this.getDefaultMessageOptions();
+      options = defaultMessageOptions;
+    }
     return ApplicationUtils.showDialog(title, message, icon, false, DialogType.DEFAULT, options);
   }
-  static async info(message, options = ApplicationUtils.defaultMessageOptions) {
-    if (options !== ApplicationUtils.defaultMessageOptions) {
-      options = Object.assign(Object.assign({}, ApplicationUtils.defaultMessageOptions), options);
+  static async info(message, options) {
+    const defaultMessageOptions = await this.getDefaultMessageOptions();
+    if (options !== defaultMessageOptions) {
+      options = Object.assign(Object.assign({}, defaultMessageOptions), options);
     }
     let useIcon = false;
     let toast = document.querySelector("ez-toast");
@@ -120,12 +154,6 @@ export default class ApplicationUtils {
     alertList.alerts = props.alerts;
   }
 }
-ApplicationUtils.defaultMessageOptions = {
-  canClose: true,
-  labelCancel: 'Não',
-  labelConfirm: 'Sim',
-  btnConfirmDanger: false
-};
 ApplicationUtils.defaultModalProps = {
   content: null,
   position: 'right',

package/dist/collection/utils/constants.js

@@ -1,4 +1,3 @@
-export const REQUIRED_INFO = " (obrigatório) *";
 export const ALL_RECORD = "ALL_RECORD";
 export const DISTINCT_FILTER_NAME_PREFIX = 'FILTRO_COLUNA_';
 export const EZ_GRID_LOADING_SOURCE = "EZ_GRID_LOADING_SOURCE";