@sankhyalabs/sankhyablocks 9.1.0-dev.13 → 9.1.0-dev.15

package/dist/collection/components/snk-pesquisa/pesquisa-tree/pesquisa-tree.js

@@ -6,6 +6,7 @@ export class PesquisaTree {
     this.argument = undefined;
     this.allowsNonAnalytic = false;
     this.shouldLoadTree = false;
+    this.messagesBuilder = undefined;
     this.items = [];
   }
   async applyFilter() {
@@ -36,8 +37,8 @@ export class PesquisaTree {
   handleDbClick(item) {
     var _a;
     if (!this.allowsNonAnalytic && !((_a = item['props']) === null || _a === void 0 ? void 0 : _a['analitico'])) {
-      const title = 'Erro';
-      const message = `Há pelo menos um registro inválido selecionado. Você deve selecionar itens do tipo 'analítico'.`;
+      const title = this.getMessage('snkPesquisa.tree.errorTitle');
+      const message = this.getMessage('snkPesquisa.tree.nonAnalyticError');
       ApplicationUtils.error(title, message);
       return;
     }
@@ -48,13 +49,16 @@ export class PesquisaTree {
     this.pesquisaTreeSelectItem.emit(option);
   }
   renderEmptyMessage() {
-    return (h("div", { class: "ez-flex ez-flex--justify-center ez-flex--align-items-center ez-margin--large ez-text ez-text--xlarge ez-text--secondary" }, h("span", null, "Nenhum registro encontrado...")));
+    return (h("div", { class: "ez-flex ez-flex--justify-center ez-flex--align-items-center ez-margin--large ez-text ez-text--xlarge ez-text--secondary" }, h("span", null, this.getMessage('snkPesquisa.tree.emptyMessage'))));
+  }
+  getMessage(key, params) {
+    return this.messagesBuilder.getMessage(key, params);
   }
   render() {
     var _a;
     return (h(Host, null, !((_a = this.items) === null || _a === void 0 ? void 0 : _a.length) ?
       this.renderEmptyMessage() :
-      h(Fragment, null, h("div", { class: 'actions-container' }, h("ez-button", { size: 'small', mode: 'icon', class: 'ez-margin-right--small', iconName: 'show-list', title: "Expandir", onClick: () => this.handleExpandAll() }), h("ez-button", { size: 'small', mode: 'icon', iconName: 'hide-list', title: "Recolher", onClick: () => this.handleCloseAll() })), h("ez-tree", { ref: (element) => this._tree = element, onEzDbClickItem: ({ detail }) => this.handleDbClick(detail), items: this.items }))));
+      h(Fragment, null, h("div", { class: 'actions-container' }, h("ez-button", { size: 'small', mode: 'icon', class: 'ez-margin-right--small', iconName: 'show-list', title: this.getMessage('snkPesquisa.tree.expandButton'), onClick: () => this.handleExpandAll() }), h("ez-button", { size: 'small', mode: 'icon', iconName: 'hide-list', title: this.getMessage('snkPesquisa.tree.collapseButton'), onClick: () => this.handleCloseAll() })), h("ez-tree", { ref: (element) => this._tree = element, onEzDbClickItem: ({ detail }) => this.handleDbClick(detail), items: this.items }))));
   }
   static get is() { return "pesquisa-tree"; }
   static get encapsulation() { return "scoped"; }
@@ -148,6 +152,26 @@ export class PesquisaTree {
         "attribute": "should-load-tree",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "messagesBuilder": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkMessageBuilder",
+          "resolved": "SnkMessageBuilder",
+          "references": {
+            "SnkMessageBuilder": {
+              "location": "import",
+              "path": "../../../lib/message/SnkMessageBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
+        }
       }
     };
   }

package/dist/collection/components/snk-pesquisa/snk-pesquisa.js

@@ -1,4 +1,4 @@
-import { ElementIDUtils, ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
 import { buildGridMetadata, PESQUISA_VIEW_MODE } from './pesquisaHelper';
 import { PesquisaFetcher } from '../../lib';
@@ -310,17 +310,21 @@ export class SnkPesquisa {
     this._valideDataSource = true;
   }
   getMessageView() {
-    return this._startLoading
-      ? 'Aguarde, buscando registros...'
-      : this._itemList
-        ? this._itemList.length >= 1
-          ? `${this._itemList.length} ${this._itemList.length > 1
-            ? 'registros encontrados'
-            : 'registro encontrado'}`
-          : 'Nenhum registro encontrado'
-        : 'Os resultados de sua pesquisa aparecerão aqui...';
+    if (this._startLoading)
+      return this.getMessage('snkPesquisa.search.waitMessage');
+    if (!this._itemList)
+      return this.getMessage('snkPesquisa.search.initialMessage');
+    const itemsCount = this._itemList.length;
+    if (itemsCount < 1)
+      return this.getMessage('snkPesquisa.search.noResultsMessage');
+    if (itemsCount === 1)
+      return this.getMessage('snkPesquisa.search.resultsFoundSingular');
+    return this.getMessage('snkPesquisa.search.resultsFoundPlural', { COUNT: itemsCount });
   }
   async componentWillLoad() {
+    var _a;
+    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    this._messagesBuilder = (_a = this._application) === null || _a === void 0 ? void 0 : _a.messagesBuilder;
     const mode = await this.pesquisaFetcher.loadPresentationConfig(this.entityName);
     this._presentationMode = mode === 'list' ? 'list' : 'table';
   }
@@ -328,6 +332,9 @@ export class SnkPesquisa {
     ElementIDUtils.addIDInfo(this._element);
     await this.chooseViewMode();
   }
+  getMessage(key, params) {
+    return this._messagesBuilder.getMessage(key, params);
+  }
   async handleChangeViewMode() {
     this._presentationMode = this._presentationMode === 'list' ? 'table' : 'list';
     await this.chooseViewMode();
@@ -357,28 +364,28 @@ export class SnkPesquisa {
     if (this._presentationMode === 'list') {
       return {
         iconName: 'table',
-        title: 'Modo grade',
+        title: this.getMessage('snkPesquisa.viewMode.tableMode'),
       };
     }
     if (this.isHierarchyEntity) {
       return {
         iconName: 'hierarchical-tree',
-        title: 'Modo árvore hierárquica',
+        title: this.getMessage('snkPesquisa.viewMode.tableMode'),
       };
     }
     return {
       iconName: 'list',
-      title: 'Modo lista',
+      title: this.getMessage('snkPesquisa.viewMode.listMode'),
     };
   }
   render() {
     var _a, _b;
-    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: "Buscar", class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
+    return (h(Host, null, h("div", { class: "snk-pesquisa" }, h("div", { class: "snk-pesquisa__input" }, h("ez-text-input", { label: this.getMessage('snkPesquisa.search.label'), class: "ez-margin-right--medium", canShowError: false, ref: (ref) => this._textInput = ref, onEzChange: (event) => this.onChangeValue(event), value: this.argument, "data-element-id": "searchInput" }, h("ez-icon", { slot: "leftIcon", iconName: "search" }), this.argument && ((_a = this._textInput) === null || _a === void 0 ? void 0 : _a.value)
       ? h("button", { slot: "rightIcon", class: "snk-pesquisa__btn", onClick: () => this.clearSearch() }, h("ez-icon", { iconName: "close" }))
-      : undefined), h("ez-button", { class: "ez-button--primary", label: "Pesquisar", onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, "Essa pesquisa foi limitada, existem mais resultados.")), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, this._valideDataSource &&
+      : undefined), h("ez-button", { class: "ez-button--primary", label: this.getMessage('snkPesquisa.search.button'), onClick: () => this.onClickSearch() }), h("ez-button", { class: "ez-margin-left--medium", mode: "icon", iconName: this.getButtonModeInfo().iconName, title: this.getButtonModeInfo().title, onClick: async () => await this.handleChangeViewMode() })), h("div", { class: `snk-pesquisa__records-label ${this._currentView === PESQUISA_VIEW_MODE.TREE ? 'hidden' : ''}` }, h("label", { class: `snk-pesquisa__records ${this.hideRecordsMessage() ? "hidden" : ""}` }, this.getMessageView()), h("label", { class: `snk-pesquisa__records-limit ${this.hideLimitMessage() ? "hidden" : ""}` }, this.getMessage('snkPesquisa.search.limitMessage'))), h("div", { class: "snk-pesquisa__content" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, this._valideDataSource &&
       h("pesquisa-grid", { metadata: this._gridMetadata, dataSource: this._gridDataSource, pkField: this._pkField, descriptionField: this._descriptionField, entityName: this.entityName, shouldLoadConfig: this._currentView === PESQUISA_VIEW_MODE.GRID, onPesquisaGridSelectItem: ({ detail }) => this.selectItem(detail) })), h("stack-item", null, h("div", { class: 'snk-pesquisa__cards-container' }, (_b = this._itemList) === null || _b === void 0 ? void 0 : _b.map((item) => {
       return (h("ez-card-item", { onEzClick: (event) => this.createOption(event.detail), item: item }));
-    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail) })))))));
+    }))), h("stack-item", null, h("pesquisa-tree", { ref: (element) => this._pesquisaTree = element, argument: this.argument, treeLoader: this.treeLoader, allowsNonAnalytic: this.allowsNonAnalytic, shouldLoadTree: this._currentView === PESQUISA_VIEW_MODE.TREE, onPesquisaTreeSelectItem: ({ detail }) => this.selectItem(detail), messagesBuilder: this._messagesBuilder })))))));
   }
   static get is() { return "snk-pesquisa"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-simple-crud/snk-simple-crud.js

@@ -14,7 +14,7 @@ import RmPrecisionCustomValueFormatter from '../../lib/DefaultCustomFormatters/R
 import ClientSideExporterProvider from '../snk-data-exporter/providers/ClientSideExporterProvider';
 import store from '../../lib/store';
 import { ContinuousInsertUtils } from '../../lib/utils/ContinuousInsertUtils';
-import { buildFieldSearch, LABEL_SEARCH_COLUMN, LABEL_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
+import { buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 export class SnkSimpleCrud {
   constructor() {
     this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
@@ -377,6 +377,10 @@ export class SnkSimpleCrud {
       }
     }
   }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
   disconnectedCallback() {
     var _a;
     (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
@@ -630,10 +634,9 @@ export class SnkSimpleCrud {
     return hardList.concat(this.actionsList);
   }
   getSettingsListGrid() {
-    var _a, _b;
     const hardList = [{
         value: StringUtils.generateUUID(),
-        label: (_b = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.findColumn", {})) !== null && _b !== void 0 ? _b : LABEL_SEARCH_COLUMN,
+        label: this.getMessage("snkSimpleCrud.findColumn"),
         disableCloseOnSelect: true,
         eagerInitialize: true,
         itemBuilder: (splitButton, item) => this.getColumnSearch(splitButton, item)
@@ -641,10 +644,9 @@ export class SnkSimpleCrud {
     return hardList;
   }
   getSettingsListForm() {
-    var _a, _b;
     const hardList = [{
         value: StringUtils.generateUUID(),
-        label: (_b = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.findFields", {})) !== null && _b !== void 0 ? _b : LABEL_SEARCH_FIELD,
+        label: this.getMessage("snkSimpleCrud.findFields"),
         disableCloseOnSelect: true,
         eagerInitialize: true,
         itemBuilder: (splitButton, item) => this.getFieldSearch(splitButton, item)
@@ -745,16 +747,16 @@ export class SnkSimpleCrud {
       return;
     }
     this._keyboardManager
-      .bind("F7", () => dataUnit.saveData(), { description: "Salva os dados.", element: this._element })
-      .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: "Adiciona um novo registro.", element: this._element })
-      .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado.", element: this._element })
+      .bind("F7", () => dataUnit.saveData(), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.saveData"), element: this._element })
+      .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.addRecord"), element: this._element })
+      .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: this.getMessage("snkSimpleCrud.keyboardShortcuts.removeRecord"), element: this._element })
       .bind("Escape", () => {
       if (dataUnit.isDirty()) {
         dataUnit.cancelEdition();
       }
     }, {
       debounceTime: 1000,
-      description: "Cancela uma ação.", element: this._element
+      description: this.getMessage("snkSimpleCrud.keyboardShortcuts.cancelAction"), element: this._element
     });
   }
   async handleFormConfigSaved() {
@@ -780,7 +782,7 @@ export class SnkSimpleCrud {
     }
     return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: `ez-box ez-box--no-outline ${this.outlineMode ? 'ez-box--outline' : 'ez-box--shadow'} simple-crud__container-section`, ref: (ref) => this._container = ref, tabindex: "0" }, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large ez-box--no-outline", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this.enableContinuousInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, outlineMode: this.outlineMode, tabindex: "0", paginationCounterMode: this.paginationCounterMode }, this.renderTaskbarContent(VIEW_MODE.GRID), h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, this.renderTaskbarContent(VIEW_MODE.FORM), h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large  ez-box--no-outline`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this), elementFocusSearchField: this._container, tabindex: "0" }), h("snk-simple-form-config", { ref: (ref) => this._snkSimpleFormConfig = ref, dataUnit: this.dataUnit, onSnkConfigSaved: this.handleFormConfigSaved.bind(this), configName: (_a = this.formLegacyConfigName) !== null && _a !== void 0 ? _a : this.configName, messagesBuilder: this.messagesBuilder })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-popup", { size: "medium", heightMode: "auto", useHeader: false, opened: this._showPopUpGridConfig, onEzClosePopup: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   static get is() { return "snk-simple-crud"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-simple-form-config/snk-simple-form-config.js

@@ -6,6 +6,7 @@ export class SnkSimpleFormConfig {
     this.fieldsToSave = [];
     this.dataUnit = undefined;
     this.configName = undefined;
+    this.messagesBuilder = undefined;
     this.avaliableFields = [];
     this.selectedFields = [];
   }
@@ -41,6 +42,10 @@ export class SnkSimpleFormConfig {
     const fieldList = await this._formConfigFetcher.fetchSimpleFormConfig(this.configName);
     return [...this.removeDuplicates(fieldList)];
   }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
   removeDuplicates(strings) {
     return strings.filter((item, index) => strings.indexOf(item) === index);
   }
@@ -80,7 +85,7 @@ export class SnkSimpleFormConfig {
     this.snkConfigSaved.emit();
   }
   render() {
-    return (h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'medium', ezTitle: 'Configurar formul\u00E1rio' }, h("div", { class: 'config-container' }, h("div", { class: 'config-lists' }, h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: 'Campos disponíveis', rightList: this.selectedFields, rightTitle: 'Campos selecionados', onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: 'campo', entityLabelPlural: 'campos' })), h("div", { class: 'config-actions' }, h("ez-button", { label: 'Restaurar', onClick: this.handleResetConfigs.bind(this), size: 'small' }), h("ez-button", { label: 'Cancelar', onClick: this.handleCancel.bind(this), size: 'small' }), h("ez-button", { label: 'Salvar', class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
+    return (h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'medium', ezTitle: this.getMessage("snkSimpleFormConfig.popup.title") }, h("div", { class: 'config-container' }, h("div", { class: 'config-lists' }, h("ez-double-list", { ref: (ref) => this.ezDoubleListRef = ref, leftList: this.avaliableFields, leftTitle: this.getMessage("snkSimpleFormConfig.lists.availableFields"), rightList: this.selectedFields, rightTitle: this.getMessage("snkSimpleFormConfig.lists.selectedFields"), onEzRightListChanged: ({ detail }) => this.fieldsToSave = [...detail], entityLabel: this.getMessage("snkSimpleFormConfig.lists.entityLabel"), entityLabelPlural: this.getMessage("snkSimpleFormConfig.lists.entityLabelPlural") })), h("div", { class: 'config-actions' }, h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.restore"), onClick: this.handleResetConfigs.bind(this), size: 'small' }), h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.cancel"), onClick: this.handleCancel.bind(this), size: 'small' }), h("ez-button", { label: this.getMessage("snkSimpleFormConfig.buttons.save"), class: 'ez-button--primary', onClick: this.handleSave.bind(this), size: 'small' })))));
   }
   static get is() { return "snk-simple-form-config"; }
   static get originalStyleUrls() {
@@ -131,6 +136,26 @@ export class SnkSimpleFormConfig {
         },
         "attribute": "config-name",
         "reflect": false
+      },
+      "messagesBuilder": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SnkMessageBuilder",
+          "resolved": "SnkMessageBuilder",
+          "references": {
+            "SnkMessageBuilder": {
+              "location": "import",
+              "path": "../../lib/message/SnkMessageBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
+        }
       }
     };
   }

package/dist/collection/lib/http/data-fetcher/DataFetcher.js

@@ -12,11 +12,18 @@ import UrlUtils from "../../../lib/utils/urlutils";
 import { PrintUtils } from '../../utils/PrintUtils';
 import { GraphQLRecaller } from './recaller/GraphQLRecaller';
 import { ServiceBrokerRecaller } from './recaller/ServiceBrokerRecaller';
+import { SnkMessageBuilder } from '../../message/SnkMessageBuilder';
 export class DataFetcher {
   constructor() {
     this.ready = true;
     this.watingRequestsById = new Map();
   }
+  static getMessage(key, params) {
+    if (!this.messageBuilder) {
+      this.messageBuilder = new SnkMessageBuilder();
+    }
+    return this.messageBuilder.getMessage(key, params);
+  }
   static get() {
     if (!DataFetcher.instance) {
       DataFetcher.instance = new DataFetcher();
@@ -56,11 +63,11 @@ export class DataFetcher {
   processGraphQlErrorInfo(errors) {
     var _a, _b;
     const POSITION_ERROR_INFO = 0;
-    const errorTitle = "Falha detectada";
+    const errorTitle = DataFetcher.getMessage("dataFetcher.errorDetected");
     const error = errors[POSITION_ERROR_INFO];
     if (error.length > 0) { //As informações do erro vem no primeiro indice de um array
       const errorInfo = error[POSITION_ERROR_INFO];
-      const errorMessage = (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message) ? errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message : "Não há mensagem de erro";
+      const errorMessage = (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message) ? errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.message : DataFetcher.getMessage("dataFetcher.noErrorMessage");
       /*
         No HTML5, todos os erros de Troubleshooting são considerados alerta,
         pois a comparação errorLevel == ServiceProxyConstants.LEVEL.ERROR sempre é falsa
@@ -77,14 +84,14 @@ export class DataFetcher {
       }
     }
     else {
-      return new ErrorException(errorTitle, "Não há informações sobre o erro");
+      return new ErrorException(errorTitle, DataFetcher.getMessage("dataFetcher.noErrorInfo"));
     }
   }
   processServiceBrokerErrorInfo(serviceBrokerResponse) {
-    const title = "Falha detectada";
+    const title = DataFetcher.getMessage("dataFetcher.errorDetected");
     let { statusMessage, tsError } = serviceBrokerResponse || {};
     if (!statusMessage) {
-      statusMessage = "Não há informações sobre o erro";
+      statusMessage = DataFetcher.getMessage("dataFetcher.noErrorInfo");
     }
     let tsErrorCode, tsErrorLevel;
     if (tsError) {
@@ -157,8 +164,8 @@ export class DataFetcher {
       }
       for (const id in clientEvents) {
         if (!DataFetcher.hasClientEvent(id)) {
-          console.warn(`Client event ${id} not registered`);
-          throw new WarningException("ClientEvent não registrado", `Ocorreu o client event ${id} porém não há client event registrado na aplicação.`);
+          console.warn(DataFetcher.getMessage("dataFetcher.clientEventNotRegisteredWarn", { id }));
+          throw new WarningException(DataFetcher.getMessage("dataFetcher.clientEventNotRegisteredTitle"), DataFetcher.getMessage("dataFetcher.clientEventNotRegisteredMsg", { id }));
         }
         const handlers = DataFetcher.clientEventsByID.get(id);
         handlers.forEach(async (handler) => {
@@ -317,12 +324,12 @@ export class DataFetcher {
             this.processServiceBrokerClientEvents({ clientEvents: jsonResp === null || jsonResp === void 0 ? void 0 : jsonResp.clientEvents, serviceName, payloadJson, accept, reject });
           }
           catch (err) {
-            console.warn(`Erro ao executar serviço: ${err}`);
-            reject(new ErrorException(`Erro ao executar serviço`, err));
+            console.warn(DataFetcher.getMessage("dataFetcher.serviceExecutionErrorWarn", { err }));
+            reject(new ErrorException(DataFetcher.getMessage("dataFetcher.serviceExecutionError"), err));
           }
         }
         else if (http.readyState == 4 && http.status != 200) {
-          reject(new ErrorException(`Erro ao executar serviço: ${serviceName}`, http.responseText));
+          reject(new ErrorException(DataFetcher.getMessage("dataFetcher.serviceExecutionErrorWithName", { serviceName }), http.responseText));
         }
         DataFetcher.requestListener.forEach(listener => listener.onRequestEnd({ url: url, requestBody: payload, requestId }));
       };
@@ -394,10 +401,10 @@ export class DataFetcher {
         ]);
         if (!hasClientEvent || data === false) {
           if (Object.keys(errorResponse[0].extensions).includes("SERVICE_CANCELED") || Object.keys(extensions).includes("isServiceCancelled")) {
-            (((_a = watingRequestsById.get(value.request.variables[value.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ServiceCanceledException("Service canceled", value.message));
+            (((_a = watingRequestsById.get(value.request.variables[value.index].queryID)) === null || _a === void 0 ? void 0 : _a.reject) || Promise.reject)(new ServiceCanceledException(DataFetcher.getMessage("dataFetcher.serviceCanceled"), value.message));
           }
           else {
-            (((_b = watingRequestsById.get(value.request.variables[value.index].queryID)) === null || _b === void 0 ? void 0 : _b.reject) || Promise.reject)(new ErrorException("Falha detectada", value.message));
+            (((_b = watingRequestsById.get(value.request.variables[value.index].queryID)) === null || _b === void 0 ? void 0 : _b.reject) || Promise.reject)(new ErrorException(DataFetcher.getMessage("dataFetcher.errorDetected"), value.message));
           }
         }
       }

package/dist/collection/lib/http/data-fetcher/fetchers/data-unit/helpers/DataUnitDataLoaderHelper.js

@@ -1,35 +1,37 @@
+import { SnkMessageBuilder } from "../../../../../message/SnkMessageBuilder";
 export async function showAskCancelPaginationPopup() {
   return new Promise((resolve) => {
-    const { checkboxContainer, checkbox } = buildCheckboxContainer();
-    const popup = builPopup(resolve, checkbox);
+    const messagesBuilder = new SnkMessageBuilder();
+    const { checkboxContainer, checkbox } = buildCheckboxContainer(messagesBuilder);
+    const popup = builPopup(resolve, checkbox, messagesBuilder);
     const contentContainer = buildContentContainer();
-    contentContainer.appendChild(buildMessage());
-    contentContainer.appendChild(checkboxContainer);
     const actionsContainer = buildActionsContainer();
-    actionsContainer.appendChild(buildContinuePaginationBtn(popup, checkbox, resolve));
-    actionsContainer.appendChild(buildCancelPaginationBtn(popup, resolve));
+    contentContainer.appendChild(checkboxContainer);
+    contentContainer.appendChild(buildMessage(messagesBuilder));
+    actionsContainer.appendChild(buildContinuePaginationBtn(popup, checkbox, resolve, messagesBuilder));
+    actionsContainer.appendChild(buildCancelPaginationBtn(popup, resolve, messagesBuilder));
     contentContainer.appendChild(actionsContainer);
     popup.appendChild(contentContainer);
     document.body.appendChild(popup);
   });
 }
-function buildCheckboxContainer() {
+function buildCheckboxContainer(messagesBuilder) {
   const checkboxContainer = document.createElement('div');
   checkboxContainer.style.marginBottom = '14px';
   checkboxContainer.style.display = 'flex';
   checkboxContainer.style.alignItems = 'center';
-  const { checkbox, checkboxLabel } = buildCheckbox();
+  const { checkbox, checkboxLabel } = buildCheckbox(messagesBuilder);
   checkboxContainer.appendChild(checkbox);
   checkboxContainer.appendChild(checkboxLabel);
   return { checkboxContainer, checkbox };
 }
-function buildCheckbox() {
+function buildCheckbox(messagesBuilder) {
   const checkbox = document.createElement('input');
   checkbox.type = 'checkbox';
   checkbox.id = 'loadAll';
   const checkboxLabel = document.createElement('label');
   checkboxLabel.htmlFor = 'loadAll';
-  checkboxLabel.textContent = 'Carregar tudo';
+  checkboxLabel.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.checkbox.loadAll");
   checkboxLabel.style.marginLeft = '5px';
   return { checkbox, checkboxLabel };
 }
@@ -49,23 +51,23 @@ function buildContentContainer() {
   contentContainer.style.fontSize = 'var(--text--medium)';
   return contentContainer;
 }
-function buildMessage() {
+function buildMessage(messagesBuilder) {
   const message = document.createElement('div');
   const line1 = document.createElement('p');
   const line2 = document.createElement('p');
   const line3 = document.createElement('p');
   line3.style.fontWeight = 'var(--text-weight--large, 600)';
-  line1.textContent = 'Uma quantidade de registros muito grande está sendo carregada.';
-  line2.textContent = 'Recomendamos que a paginação seja cancelada e que seja criado um filtro para os registros.';
-  line3.textContent = 'Deseja cancelar o carregamento?';
+  line1.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line1");
+  line2.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line2");
+  line3.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line3");
   message.appendChild(line1);
   message.appendChild(line2);
   message.appendChild(line3);
   return message;
 }
-function buildCancelPaginationBtn(popup, resolve) {
+function buildCancelPaginationBtn(popup, resolve, messagesBuilder) {
   const cancelPaginationBtn = document.createElement('ez-button');
-  cancelPaginationBtn.label = 'Cancelar paginação';
+  cancelPaginationBtn.label = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.buttons.cancel");
   cancelPaginationBtn.size = 'medium';
   cancelPaginationBtn.classList.add('ez-button--primary');
   cancelPaginationBtn.onclick = () => {
@@ -74,9 +76,9 @@ function buildCancelPaginationBtn(popup, resolve) {
   };
   return cancelPaginationBtn;
 }
-function buildContinuePaginationBtn(popup, checkBox, resolve) {
+function buildContinuePaginationBtn(popup, checkBox, resolve, messagesBuilder) {
   const continuePaginationBtn = document.createElement('ez-button');
-  continuePaginationBtn.label = 'Continuar';
+  continuePaginationBtn.label = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.buttons.continue");
   continuePaginationBtn.size = 'medium';
   continuePaginationBtn.onclick = () => {
     document.body.removeChild(popup);
@@ -84,11 +86,11 @@ function buildContinuePaginationBtn(popup, checkBox, resolve) {
   };
   return continuePaginationBtn;
 }
-function builPopup(resolve, checkBox) {
+function builPopup(resolve, checkBox, messagesBuilder) {
   const popup = document.createElement('ez-popup');
   popup.opened = true;
   popup.size = 'x-small';
-  popup.ezTitle = 'Aviso';
+  popup.ezTitle = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.title");
   popup.heightMode = "auto";
   popup.addEventListener('ezClosePopup', () => {
     document.body.removeChild(popup);

package/dist/collection/lib/message/SnkMessageBuilder.js

@@ -10,7 +10,7 @@ export class SnkMessageBuilder {
     this._currentOperation = OperationMap.CLEAN;
     this._domainName = domainName;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._lang = document.documentElement.lang || 'pt-BR';
+    this._lang = document.documentElement.lang || navigator.language || 'pt-BR';
     this.loadAppMessages().then((msgs) => {
       this._appMessages = msgs;
     }, error => {
@@ -46,19 +46,39 @@ export class SnkMessageBuilder {
     }
     if (this.customMessageBuilder) {
       const result = this.customMessageBuilder(key, msg, params);
-      msg = result.message;
-      params = result.params;
+      msg = result === null || result === void 0 ? void 0 : result.message;
+      params = result === null || result === void 0 ? void 0 : result.params;
     }
     return this.postProcess(msg, params);
   }
+  /**
+   * Retorna o idioma atual configurado na aplicação.
+   *
+   * @returns {string} O código do idioma atual (por exemplo: 'pt-BR', 'en-US', 'es-ES')
+   */
+  getLanguageApplication() {
+    return this._lang;
+  }
+  getParsedLanguage() {
+    var _a;
+    if (!this._lang) {
+      return "pt";
+    }
+    let language = (_a = this._lang) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase();
+    language = language.replace("_", "-");
+    language = language.split("-")[0];
+    return language;
+  }
   getMessagesDefaults(parts) {
     var _a;
     switch ((_a = this._lang) === null || _a === void 0 ? void 0 : _a.toLocaleLowerCase()) {
       case "en":
       case "en_us":
+      case "en-us":
         return this.resolveMessage(parts, this._messageResourceEnUS);
       case "es":
       case "es_es":
+      case "es-es":
         return this.resolveMessage(parts, this._messageResourceEsES);
       default:
         return this.resolveMessage(parts, this._defaults);
@@ -120,10 +140,11 @@ export class SnkMessageBuilder {
   }
   async loadAppMessages() {
     const messagesUrl = await this._application.getApplicationPath();
-    const langSuffix = this._lang !== "pt" ? `-${this._lang}` : "";
-    const fileName = `appmessages${langSuffix}.js`;
-    const module = await import(/* webpackIgnore: true */ `${messagesUrl}/messages/${fileName}`);
-    return module.default;
+    const lang = this.getParsedLanguage();
+    const langSuffix = (lang !== "pt") ? `-${lang}` : "";
+    const fileUrl = `${messagesUrl}/messages/appmessages${langSuffix}.js`;
+    const module = await import(/* webpackIgnore: true */ fileUrl);
+    return module === null || module === void 0 ? void 0 : module.default;
   }
 }
 export var OperationMap;