@sankhyalabs/ezui 6.1.0-dev.20 → 6.1.0-dev.21

package/dist/collection/components/ez-sortable-list/ez-sortable-list.js

@@ -1,6 +1,7 @@
 import { h } from '@stencil/core';
 import Sortable, { MultiDrag } from 'sortablejs';
 import { ArrayUtils } from '@sankhyalabs/core';
+import initI18n from '../../utils/i18n';
 Sortable.mount(new MultiDrag());
 export class EzSortableList {
   constructor() {
@@ -11,9 +12,9 @@ export class EzSortableList {
     this.group = 'default';
     this.dataSource = [];
     this.idSortableList = 'DEFAULT_LIST';
-    this.entityLabel = 'item';
-    this.entityLabelPlural = 'itens';
-    this.emptyMessage = 'Nenhum item na lista';
+    this.entityLabel = undefined;
+    this.entityLabelPlural = undefined;
+    this.emptyMessage = undefined;
     this.hoverFeedback = true;
     this.enableMultipleSelection = false;
     this.removeItensMoved = false;
@@ -34,6 +35,12 @@ export class EzSortableList {
     });
     this.ezSelectItens.emit([]);
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+    this.emptyMessage = this.i18n("ez-sortable-list.emptyMessage");
+    this.entityLabel = this.i18n("ez-sortable-list.entityLabel");
+    this.entityLabelPlural = this.i18n("ez-sortable-list.entityLabelPlural");
+  }
   componentDidLoad() {
     this.initSortable();
   }
@@ -174,7 +181,7 @@ export class EzSortableList {
     }
   }
   buildTotalizer() {
-    return `Total de ${this.dataSource.length} ${this.dataSource.length === 1 ? this.entityLabel : this.entityLabelPlural}`;
+    return `${this.i18n("ez-sortable-list.total")} ${this.dataSource.length} ${this.dataSource.length === 1 ? this.entityLabel : this.entityLabelPlural}`;
   }
   renderItems() {
     const itemsToRender = ArrayUtils.applyStringFilter(this.filterTerm, this.dataSource);
@@ -196,7 +203,7 @@ export class EzSortableList {
   renderHeader() {
     if (this.hideHeader)
       return;
-    return (h("div", { class: 'sortable-header' }, h("span", { class: 'sortable-label' }, this.title), h("ez-filter-input", { label: `Buscar ${this.entityLabel}`, mode: "slim", onEzChange: evt => this.handleFilterChanged(evt) })));
+    return (h("div", { class: 'sortable-header' }, h("span", { class: 'sortable-label' }, this.title), h("ez-filter-input", { label: `${this.i18n("ez-sortable-list.search")} ${this.entityLabel}`, mode: "slim", onEzChange: evt => this.handleFilterChanged(evt) })));
   }
   render() {
     return (h("div", { class: 'sortable-content' }, this.renderHeader(), h("div", { class: `sortable-list ${this.dataSource.length < 1 ? 'empty-content' : ''} list-scroller--fix`, "data-content": this.emptyMessage, style: { '--empty-content': `"${this.emptyMessage}"` }, id: this.idSortableList, key: this.idSortableList }, this.renderItems()), this.renderTotalizer()));
@@ -342,8 +349,7 @@ export class EzSortableList {
           "text": "Nome da entidade listada.\nExemplo: \"Campo\", \"Item\", \"Empresa\"."
         },
         "attribute": "entity-label",
-        "reflect": false,
-        "defaultValue": "'item'"
+        "reflect": false
       },
       "entityLabelPlural": {
         "type": "string",
@@ -360,8 +366,7 @@ export class EzSortableList {
           "text": "Varia\u00E7\u00E3o plural do nome da entidade listada.\nExemplo: \"Campos\", \"Itens\", \"Empresas\"."
         },
         "attribute": "entity-label-plural",
-        "reflect": false,
-        "defaultValue": "'itens'"
+        "reflect": false
       },
       "emptyMessage": {
         "type": "string",
@@ -378,8 +383,7 @@ export class EzSortableList {
           "text": "Mensagem exibida quando a lista est\u00E1 vazia"
         },
         "attribute": "empty-message",
-        "reflect": false,
-        "defaultValue": "'Nenhum item na lista'"
+        "reflect": false
       },
       "hoverFeedback": {
         "type": "boolean",

package/dist/collection/components/ez-split-button/ez-split-button.js

@@ -1,8 +1,8 @@
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { h } from '@stencil/core';
+import initI18n from '../../utils/i18n';
 export class EzSplitButton {
   constructor() {
-    this.rightDefaultTitle = 'Mais opções';
     this.show = false;
     this.enabled = true;
     this.iconName = undefined;
@@ -10,7 +10,7 @@ export class EzSplitButton {
     this.items = undefined;
     this.label = undefined;
     this.leftTitle = undefined;
-    this.rightTitle = 'Mais opções';
+    this.rightTitle = undefined;
     this.mode = 'default';
     this.size = 'medium';
     this.itemBuilder = undefined;
@@ -123,7 +123,8 @@ export class EzSplitButton {
     window.removeEventListener('scroll', this.positionDropdown.bind(this));
     window.addEventListener('scroll', this.positionDropdown.bind(this));
   }
-  componentWillLoad() {
+  async componentWillLoad() {
+    this.i18n = await initI18n();
     this.setEvents();
   }
   componentWillRender() {
@@ -149,7 +150,7 @@ export class EzSplitButton {
     const hasIconButton = this.shouldShowIconOnLeftButton();
     const hasLabelButton = this.shouldShowLabelOnLeftButton();
     const iconSize = this.getIconSize();
-    return (h("div", { class: "label-icon" }, h("button", { class: `ez-split-button__left-button ${iconSize} ${this.mode}`, title: this.leftTitle || this.label, type: "button", disabled: !this.enabled, onClick: () => { this.handleButtonClick(); }, ref: el => (this.leftButton = el) }, hasIconButton && h("ez-icon", { href: this.image, iconName: this.iconName, size: iconSize }), hasLabelButton && h("label", { title: this.leftTitle || this.label }, this.label)), h("div", { class: "dropdown" }, h("button", { class: `ez-split-button__right-button ${iconSize} ez-split-button__right-button--${iconSize} ez-split-button__right-button--divider`, title: this.rightTitle || this.rightDefaultTitle, type: "button", disabled: !this.enabled, onClick: () => { this.toggleDropdown(); }, ref: el => (this.rightButton = el) }, h("ez-icon", { class: `ez-split-button__right-button-container ` + (iconSize ? `btn-icon--${iconSize}` : ''), iconName: 'chevron-down', size: iconSize })), h("div", { class: `dropdown-content dropdown-content--${this.size}`, ref: (ref) => (this.dropdownParent = ref) }, this.show && (h("ez-dropdown", { items: this.items, onClick: evt => { evt.stopPropagation(); }, onEzOutsideClick: () => { this.closeDropdown(); }, onEzClick: evt => { this.handleDropdownItemClick(evt); }, onEzSubActionClick: evt => { this.handleDropdownSubActionClick(evt); }, itemBuilder: this.itemBuilder }))))));
+    return (h("div", { class: "label-icon" }, h("button", { class: `ez-split-button__left-button ${iconSize} ${this.mode}`, title: this.leftTitle || this.label, type: "button", disabled: !this.enabled, onClick: () => { this.handleButtonClick(); }, ref: el => (this.leftButton = el) }, hasIconButton && h("ez-icon", { href: this.image, iconName: this.iconName, size: iconSize }), hasLabelButton && h("label", { title: this.leftTitle || this.label }, this.label)), h("div", { class: "dropdown" }, h("button", { class: `ez-split-button__right-button ${iconSize} ez-split-button__right-button--${iconSize} ez-split-button__right-button--divider`, title: this.rightTitle || this.i18n("ez-split-button.moreOptions"), type: "button", disabled: !this.enabled, onClick: () => { this.toggleDropdown(); }, ref: el => (this.rightButton = el) }, h("ez-icon", { class: `ez-split-button__right-button-container ` + (iconSize ? `btn-icon--${iconSize}` : ''), iconName: 'chevron-down', size: iconSize })), h("div", { class: `dropdown-content dropdown-content--${this.size}`, ref: (ref) => (this.dropdownParent = ref) }, this.show && (h("ez-dropdown", { items: this.items, onClick: evt => { evt.stopPropagation(); }, onEzOutsideClick: () => { this.closeDropdown(); }, onEzClick: evt => { this.handleDropdownItemClick(evt); }, onEzSubActionClick: evt => { this.handleDropdownSubActionClick(evt); }, itemBuilder: this.itemBuilder }))))));
   }
   shouldShowLabelOnLeftButton() {
     return ['icon-left', 'default'].includes(this.mode);
@@ -313,8 +314,7 @@ export class EzSplitButton {
           "text": "Texto a ser apresentado como title do bot\u00E3o dropdown"
         },
         "attribute": "right-title",
-        "reflect": true,
-        "defaultValue": "'Mais op\u00E7\u00F5es'"
+        "reflect": true
       },
       "mode": {
         "type": "string",

package/dist/collection/components/ez-split-panel/structure/item/ez-split-item.js

@@ -1,5 +1,6 @@
 import { Host, h } from '@stencil/core';
 import { CSSVarsUtils } from '../../../../utils';
+import initI18n from '../../../../utils/i18n';
 export class SplitItem {
   constructor() {
     this.label = undefined;
@@ -16,11 +17,14 @@ export class SplitItem {
     this._expanded = !this._expanded;
     (_b = (_a = this.expandButtonRef.shadowRoot) === null || _a === void 0 ? void 0 : _a.querySelector('button')) === null || _b === void 0 ? void 0 : _b.blur();
   }
+  async componentWillLoad() {
+    this.i18n = await initI18n();
+  }
   componentDidLoad() {
     CSSVarsUtils.applyVarsGrid(this._element, this._slot.children[0]);
   }
   render() {
-    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''} ${this.structural ? 'structural__item' : 'content__item'}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("slot", { name: "leftButtons" }), h("div", { class: "ez-split-item--header-title" }, this.label && (h("h3", { class: "ez-text ez-text--primary ez-title ez-title--medium ez-margin--small", title: this.label }, this.label))), h("div", { class: "ez-split-item--header-buttons" }, h("slot", { name: "rightButtons" }), this.enableExpand && (h("ez-button", { ref: el => this.expandButtonRef = el, size: "small", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? 'Resumir' : 'Expandir' })))), h("div", { class: "ez-split-item--content grid_height-0", ref: el => (this._slot = el) }, h("slot", null))));
+    return (h(Host, { class: `box_split-item ${this._expanded ? 'expanded__item' : ''} ${this.structural ? 'structural__item' : 'content__item'}`, ref: el => (this._element = el) }, h("div", { class: "ez-split-item--header" }, h("slot", { name: "leftButtons" }), h("div", { class: "ez-split-item--header-title" }, this.label && (h("h3", { class: "ez-text ez-text--primary ez-title ez-title--medium ez-margin--small", title: this.label }, this.label))), h("div", { class: "ez-split-item--header-buttons" }, h("slot", { name: "rightButtons" }), this.enableExpand && (h("ez-button", { ref: el => this.expandButtonRef = el, size: "small", mode: "icon", iconName: "expand", class: 'ez-button--tertiary', onClick: () => this.toggleExpandItem(), title: this._expanded ? this.i18n('app.collapse') : this.i18n('app.expand') })))), h("div", { class: "ez-split-item--content grid_height-0", ref: el => (this._slot = el) }, h("slot", null))));
   }
   static get is() { return "ez-split-item"; }
   static get originalStyleUrls() {

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-tree/ez-tree.js

@@ -3,6 +3,7 @@ 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) => {
@@ -253,6 +254,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 +274,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;

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,6 @@
+import initI18n from '../utils/i18n';
+export default async function initializeApp() {
+  await initI18n();
+  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";

package/dist/collection/utils/i18n/elanguages.js

@@ -0,0 +1,6 @@
+export var ELanguages;
+(function (ELanguages) {
+  ELanguages["PT_BR"] = "pt_BR";
+  ELanguages["EN_US"] = "en_US";
+  ELanguages["ES_ES"] = "es_ES";
+})(ELanguages || (ELanguages = {}));

package/dist/collection/utils/i18n/i18nUtils.js

@@ -0,0 +1,20 @@
+import { ELanguages } from "./elanguages";
+export function getDocumentLang() {
+  if (process.env.NODE_ENV === 'development') {
+    return ELanguages.PT_BR;
+  }
+  const lang = document.documentElement.lang || navigator.language || "pt-BR";
+  switch (lang.toLocaleLowerCase()) {
+    case "en":
+    case "en_us":
+    case "en-us":
+      return ELanguages.EN_US;
+    case "es":
+    case "es_es":
+    case "es-es":
+      return ELanguages.ES_ES;
+    default:
+      return ELanguages.PT_BR;
+  }
+}
+;

package/dist/collection/utils/i18n/index.js

@@ -0,0 +1,30 @@
+import { default as i18nNext } from 'i18next';
+import LanguageDetector from "i18next-browser-languagedetector";
+import translations from "./translations";
+import { ELanguages } from './elanguages';
+import { getDocumentLang } from './i18nUtils';
+import { ApplicationContext } from '@sankhyalabs/core';
+const KEY_I18N = "__EZ_UI_I18N_INSTANCE__";
+export function getI18n() {
+  let i18nInstance = ApplicationContext.getContextValue(KEY_I18N);
+  return i18nInstance;
+}
+const initI18n = async (forceLang) => {
+  let i18nTFunction = getI18n();
+  if (!i18nTFunction) {
+    const i18nInstance = i18nNext.createInstance();
+    const i18nextOptions = {
+      resources: translations,
+      fallbackLng: ELanguages.PT_BR
+    };
+    await i18nInstance
+      .use(LanguageDetector)
+      .init(i18nextOptions);
+    const lang = forceLang !== null && forceLang !== void 0 ? forceLang : getDocumentLang();
+    await i18nInstance.changeLanguage(lang);
+    ApplicationContext.setContextValue(KEY_I18N, i18nInstance.t);
+    i18nTFunction = i18nInstance.t;
+  }
+  return i18nTFunction;
+};
+export default initI18n;