@sankhyalabs/sankhyablocks 9.1.0-dev.2 → 9.1.0-dev.21

package/dist/components/snk-pesquisa2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
-import { ObjectUtils, StringUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ObjectUtils, StringUtils, ApplicationContext, ElementIDUtils } from '@sankhyalabs/core';
 import { a as PesquisaFetcher, d as buildGridMetadata, e as PESQUISA_VIEW_MODE } from './ISave.js';
 import './DataFetcher.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
@@ -323,17 +323,21 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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';
   }
@@ -341,6 +345,9 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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();
@@ -370,28 +377,28 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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 })))))));
   }
   get _element() { return this; }
   static get watchers() { return {

package/dist/components/snk-select-box2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { O as ORDER_VALUES } from './constants.js';
 
-const snkSelectBoxCss = "ez-combo-box{width:100px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
+const snkSelectBoxCss = "ez-combo-box{width:100px;--ez-text-input__margin-bottom:0px}.grid-config-combo{--ez-text-input--height:28px;--ez-text-input__input--background-color:#fff;--ez-text-input__input--border-color:#dce0e8}";
 
 const SelectBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -10,16 +10,18 @@ const SelectBox = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__attachShadow();
     this.ezChange = createEvent(this, "ezChange", 7);
     this.selectedOption = ORDER_VALUES.none;
+    this.preventAutoFocus = false;
   }
   render() {
-    return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, Object.keys(ORDER_VALUES).map((key) => {
+    return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true, preventAutoFocus: this.preventAutoFocus }, Object.keys(ORDER_VALUES).map((key) => {
       return h("option", { value: ORDER_VALUES[key].value }, ORDER_VALUES[key].label);
     })));
   }
   static get assetsDirs() { return ["../assets"]; }
   static get style() { return snkSelectBoxCss; }
 }, [1, "snk-select-box", {
-    "selectedOption": [1, "selected-option"]
+    "selectedOption": [1, "selected-option"],
+    "preventAutoFocus": [4, "prevent-auto-focus"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-simple-crud2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { StringUtils, ApplicationContext, ObjectUtils, Action, DataType, UserInterface, KeyboardManager, ElementIDUtils } from '@sankhyalabs/core';
-import { CSSVarsUtils, buildFieldSearch, LABEL_SEARCH_COLUMN, LABEL_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
+import { CSSVarsUtils, buildFieldSearch } from '@sankhyalabs/ezui/dist/collection/utils';
 import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
 import { T as TaskbarElement, d as defineCustomElement$4 } from './snk-taskbar2.js';
 import './DataFetcher.js';
@@ -110,15 +110,15 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     newCustomRenders.set(fieldName, customRender);
     this._customRenders = newCustomRenders;
   }
-  handleResourceIDChanged(newValue, oldValue) {
+  async handleResourceIDChanged(newValue, oldValue) {
     if (StringUtils.isEmpty(newValue)) {
       return;
     }
     if (newValue === oldValue) {
       return;
     }
-    this.loadFormConfig(true);
-    this.loadGridConfig(true);
+    await this.loadFormConfig(true);
+    await this.loadGridConfig(true);
   }
   /**
    * Registra um formatador de valores para uma coluna da grid.
@@ -174,7 +174,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       .concat(extraButtons));
   }
   addConfigButton(buttons) {
-    if (this.configName === undefined) {
+    if (this.configName === undefined || (this.configName && this.gridLegacyConfigName)) {
       return buttons;
     }
     return buttons.concat(TaskbarElement.CONFIGURATOR);
@@ -285,7 +285,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (!this._formConfigAlreadyLoaded) {
       return;
     }
-    this.loadFormConfig(true);
+    await this.loadFormConfig(true);
   }
   openConfig(viewMode) {
     this._snkConfigurator.close();
@@ -370,8 +370,8 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return;
     }
     await this.addGridLegacyConfigName();
-    this.loadGridConfig();
-    this.loadFormConfig();
+    await this.loadGridConfig();
+    await this.loadFormConfig();
   }
   componentDidRender() {
     this._rmPrecisionCustomValueFormatter.setGrid(this._grid);
@@ -402,6 +402,10 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       }
     }
   }
+  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();
@@ -655,10 +659,9 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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)
@@ -666,10 +669,9 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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)
@@ -770,16 +772,16 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       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() {
@@ -805,7 +807,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
     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-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => 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() }))));
   }
   get _element() { return this; }
   static get watchers() { return {

package/dist/components/snk-simple-form-config2.js

@@ -9,7 +9,7 @@ import './filter-item-type.enum.js';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
 import './constants.js';
 
-const snkSimpleFormConfigCss = ":host{display:block}.config-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.config-lists{margin-bottom:12px}.config-actions{display:flex;flex-direction:row;justify-content:flex-end;width:100%;gap:12px}";
+const snkSimpleFormConfigCss = ":host{display:block}.config-container{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.config-lists{width:100%;margin-bottom:12px}.config-actions{display:flex;flex-direction:row;justify-content:flex-end;width:100%;gap:12px}";
 
 const SnkSimpleFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -20,6 +20,7 @@ const SnkSimpleFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.fieldsToSave = [];
     this.dataUnit = undefined;
     this.configName = undefined;
+    this.messagesBuilder = undefined;
     this.avaliableFields = [];
     this.selectedFields = [];
   }
@@ -55,6 +56,10 @@ const SnkSimpleFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     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);
   }
@@ -94,12 +99,13 @@ const SnkSimpleFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLE
     this.snkConfigSaved.emit();
   }
   render() {
-    return (h("ez-popup", { ref: (ref) => this.ezPopupRef = ref, heightMode: 'auto', size: 'auto', 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 style() { return snkSimpleFormConfigCss; }
 }, [0, "snk-simple-form-config", {
     "dataUnit": [16],
     "configName": [1, "config-name"],
+    "messagesBuilder": [16],
     "avaliableFields": [32],
     "selectedFields": [32],
     "show": [64]

package/dist/esm/{ClientSideExporterProvider-3ed744fd.js → ClientSideExporterProvider-7c2781f4.js}

@@ -1,12 +1,12 @@
-import { D as DataFetcher } from './DataFetcher-88e56266.js';
-import './ISave-5efafc97.js';
+import { D as DataFetcher } from './DataFetcher-6f6de657.js';
+import './ISave-7ecdca20.js';
 import { SortMode, ApplicationContext, UserInterface, DateUtils, ObjectUtils, StringUtils, NumberUtils, DataType } from '@sankhyalabs/core';
 import { D as DataExporterOption } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-0e025732.js';
+import { P as PreloadManager } from './dataunit-fetcher-f21cbad0.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-fa208a6c.js';
+import './form-config-fetcher-6ab4e805.js';
 import './constants-7b422de0.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';
 import { h } from './index-479e1293.js';
@@ -285,14 +285,18 @@ class ContinuousInsertUtils {
       return false;
     });
   }
+  getMessage(key, params) {
+    var _a, _b;
+    return (_b = (_a = this.snkApplication) === null || _a === void 0 ? void 0 : _a.messagesBuilder) === null || _b === void 0 ? void 0 : _b.getMessage(key, params);
+  }
   actionContinuousInsert(enableContinuousInsert, handleEnableContinuousInsert) {
     return {
       value: StringUtils.generateUUID(),
-      label: enableContinuousInsert ? 'Desativar inclusão contínua' : 'Ativar inclusão contínua',
+      label: enableContinuousInsert ? this.getMessage('continuousInsertUtils.actions.disable') : this.getMessage('continuousInsertUtils.actions.enable'),
       enabled: true,
       itemBuilder: () => {
         return (h("div", { class: "ez-dropdown__item-wrapper", onClick: handleEnableContinuousInsert },
-          h("span", { class: "ez-dropdown__item-label" }, enableContinuousInsert ? 'Desativar inclusão contínua' : 'Ativar inclusão contínua')));
+          h("span", { class: "ez-dropdown__item-label" }, enableContinuousInsert ? this.getMessage('continuousInsertUtils.actions.disable') : this.getMessage('continuousInsertUtils.actions.enable'))));
       },
     };
   }

package/dist/esm/{ConfigStorage-79b9e180.js → ConfigStorage-b5a1dba3.js}

@@ -1,13 +1,20 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-fa208a6c.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-6ab4e805.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-6f6de657.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-88e56266.js';
 
 class GridConfigFetcher extends ResourceFetcher {
   constructor() {
     super(...arguments);
     this.GRID_CONFIG_VERSION = "V3:";
   }
+  async getDefaultConfig(resourceId) {
+    var _a, _b;
+    const payload = { 'requestBody': { 'gridConfig': { 'configName': `GrdCfgHtml5:${resourceId}` } } };
+    const response = await DataFetcher.get().callServiceBroker('GridConfig.restoreGridConfigFromJson', JSON.stringify(payload));
+    const columns = (_b = (_a = response === null || response === void 0 ? void 0 : response.gridConfig) === null || _a === void 0 ? void 0 : _a.field) !== null && _b !== void 0 ? _b : [];
+    return { columns };
+  }
   getConfig(gridName, resourceID) {
     const completePath = this.getPath(resourceID, gridName);
     return new Promise((resolve, reject) => {
@@ -439,6 +446,9 @@ class ConfigStorage {
   static async saveCardState(config, name, resourceID) {
     return this.formConfigFetcher.saveCardState(config, name, resourceID);
   }
+  static async getDefaultGridConfig(resourceId) {
+    return await this.gridConfigFetcher.getDefaultConfig(resourceId);
+  }
   static async saveGridConfig(config, name, resourceID) {
     if (config == undefined) {
       return;