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

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

@@ -7,6 +7,8 @@ import InMemoryLoader from '../../lib/dataUnit/InMemoryLoader';
 import { SaveErrorsEnum } from '../../lib/http/data-fetcher/fetchers/AttachFetcher/interfaces';
 const RESOURCE_ID = 'AnexoSistema';
 const DATA_UNIT_NAME = 'br.com.sankhya.core.v3.anexoSistema';
+const GRID_LEGACY_CONFIG_NAME = 'GrdCfgHtml5:grdcfg.dynaform.anexo';
+const LINKORFILE_COLUMN_NAME = "ARQUIVOOULINK";
 export class SnkAttach {
   constructor() {
     this.handleTaskbarClick = async ({ detail: taskbar }) => {
@@ -33,6 +35,7 @@ export class SnkAttach {
         this.back.emit();
       });
     };
+    this.gridLegacyConfigName = undefined;
     this.fetcherType = undefined;
     this.fetcher = undefined;
     this.dataUnit = undefined;
@@ -99,7 +102,7 @@ export class SnkAttach {
   }
   downloadAttachment(selectedRecord) {
     if (!selectedRecord)
-      throw new Error('Nenhum registro selecionado');
+      throw new Error(this.getMessage("snkAttach.alertValidation.noRecordSelected.message"));
     if (selectedRecord.LINK) {
       window.open(`${selectedRecord.LINK}`);
       return;
@@ -144,9 +147,11 @@ export class SnkAttach {
     var _a, _b;
     this._currentDataUnit = new DataUnitFetcher().getDataUnit(RESOURCE_ID, DATA_UNIT_NAME);
     this._currentFetcher = this.getAnexoSistemaFetcherInstance();
+    let gridValidateForm;
     if (!this._currentDataUnit.metadata) {
       await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
-      this.crudConfig = Object.assign({}, anexoSistemaCrudConfig);
+      this.crudConfig = this.entityName ? { form: anexoSistemaCrudConfig === null || anexoSistemaCrudConfig === void 0 ? void 0 : anexoSistemaCrudConfig.form } : Object.assign({}, anexoSistemaCrudConfig);
+      gridValidateForm = { grid: anexoSistemaCrudConfig === null || anexoSistemaCrudConfig === void 0 ? void 0 : anexoSistemaCrudConfig.grid };
     }
     this.initDataUnitLoaders();
     this._currentDataUnit.addFilterProvider({
@@ -156,19 +161,21 @@ export class SnkAttach {
       interceptAction: (action) => this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement)
     });
     await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData());
-    this.disableEditFieldsNotInForm();
+    this.disableEditFieldsNotInForm(gridValidateForm);
   }
   async loadAttach() {
     var _a, _b;
     this._currentFetcher = new AttachFetcher();
     this._currentDataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
     this._currentDataUnit.pageSize = 150;
+    let gridValidateForm;
     this.initDataUnitLoaders();
     this._currentDataUnit.addInterceptor({
       interceptAction: (action) => {
         var _a;
         if (action.type === Action.METADATA_LOADED) {
-          this.crudConfig = Object.assign({}, attachCrudConfig);
+          this.crudConfig = this.entityName ? { form: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.form } : Object.assign({}, attachCrudConfig);
+          gridValidateForm = { grid: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.grid };
           (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.updateConfig();
         }
         return this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement);
@@ -176,9 +183,10 @@ export class SnkAttach {
     });
     if (!this._currentDataUnit.metadata) {
       await ((_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadMetadata());
-      this.crudConfig = Object.assign({}, attachCrudConfig);
+      this.crudConfig = this.entityName ? { form: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.form } : Object.assign({}, attachCrudConfig);
+      gridValidateForm = { grid: attachCrudConfig === null || attachCrudConfig === void 0 ? void 0 : attachCrudConfig.grid };
       await ((_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadData(undefined, undefined, true, this.registerKey));
-      this.disableEditFieldsNotInForm();
+      this.disableEditFieldsNotInForm(gridValidateForm);
     }
   }
   initDataUnitLoaders() {
@@ -197,12 +205,16 @@ export class SnkAttach {
       });
     }
   }
-  disableEditFieldsNotInForm() {
-    var _a;
-    (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid.columns.forEach(column => {
-      var _a;
+  disableEditFieldsNotInForm(gridValidateForm) {
+    var _a, _b, _c, _d, _e;
+    const gridColumns = ((_b = (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.gridConfig) === null || _b === void 0 ? void 0 : _b.columns) || ((_c = gridValidateForm === null || gridValidateForm === void 0 ? void 0 : gridValidateForm.grid) === null || _c === void 0 ? void 0 : _c.columns) || ((_e = (_d = this.crudConfig) === null || _d === void 0 ? void 0 : _d.grid) === null || _e === void 0 ? void 0 : _e.columns);
+    if (!!this.getGridLegacyConfigName()) {
+      this._currentDataUnit.disableField(LINKORFILE_COLUMN_NAME);
+    }
+    gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach(column => {
+      var _a, _b;
       const fieldName = column.name;
-      if (!((_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.form.fields.some(field => field.name === fieldName))) {
+      if (!((_b = (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.form) === null || _b === void 0 ? void 0 : _b.fields.some(field => (field === null || field === void 0 ? void 0 : field.name) === fieldName))) {
         this._currentDataUnit.disableField(fieldName);
       }
     });
@@ -252,11 +264,16 @@ export class SnkAttach {
     await this._currentDataUnit.loadMetadata();
   }
   ;
+  getGridLegacyConfigName() {
+    if (this.gridLegacyConfigName)
+      return this.gridLegacyConfigName;
+    return this.entityName ? GRID_LEGACY_CONFIG_NAME + "." + this.entityName : this.entityName;
+  }
   render() {
     var _a, _b;
     if (!this._currentDataUnit)
       return null;
-    return (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, h("div", { slot: "rightSlot" }, h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, h("div", { class: "ez-box__container" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true }, h("div", { slot: "snkSimpleCrudHeader" }, h("div", { class: "ez-flex ez-flex--column" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary ez-padding-bottom--medium" }, this.getMessage("snkAttach.description")))))))));
+    return (h("main", { class: "snk-attach__main" }, h("header", { class: "snk-attach__header" }, h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, h("div", { slot: "rightSlot" }, h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, h("div", { class: "ez-box__container" }, h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this), multipleSelection: true, configName: this.entityName, ignoreReadOnlyFormFields: this.entityName ? true : false, gridLegacyConfigName: this.getGridLegacyConfigName() }, h("div", { slot: "snkSimpleCrudHeader" }, h("div", { class: "ez-flex ez-flex--column" }, h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), h("span", { class: "ez-text ez-text--medium ez-text--secondary ez-padding-bottom--medium" }, this.getMessage("snkAttach.description")))))))));
   }
   static get is() { return "snk-attach"; }
   static get encapsulation() { return "scoped"; }
@@ -272,6 +289,23 @@ export class SnkAttach {
   }
   static get properties() {
     return {
+      "gridLegacyConfigName": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Chave da configura\u00E7\u00E3o legado da grid."
+        },
+        "attribute": "grid-legacy-config-name",
+        "reflect": false
+      },
       "fetcherType": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/snk-attach/structure/builder/attach-crud-config.builder.js

@@ -1,8 +1,11 @@
-import { ApplicationContext, DataType, UserInterface } from "@sankhyalabs/core";
-const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+import { DataType, UserInterface } from "@sankhyalabs/core";
+import { SnkMessageBuilder } from "../../../../lib/message/SnkMessageBuilder";
+let messageBuilderInstance;
 const getMessage = (key) => {
-  var _a, _b;
-  return (_b = (_a = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, key, null);
+  if (!messageBuilderInstance) {
+    messageBuilderInstance = new SnkMessageBuilder();
+  }
+  return messageBuilderInstance.getMessage(key);
 };
 export const attachCrudConfig = {
   grid: {

package/dist/collection/components/snk-attach/structure/builder/taskbar-builder.js

@@ -1,9 +1,13 @@
 import { TaskbarElement } from "../../../snk-taskbar/elements/taskbar-elements";
 import { ApplicationContext } from "@sankhyalabs/core";
-const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+let messagesBuilder;
 const getMessage = (key) => {
-  var _a, _b;
-  return (_b = (_a = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage) === null || _b === void 0 ? void 0 : _b.call(_a, key, null);
+  var _a;
+  if (!messagesBuilder) {
+    const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    messagesBuilder = application === null || application === void 0 ? void 0 : application.messagesBuilder;
+  }
+  return (_a = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage) === null || _a === void 0 ? void 0 : _a.call(messagesBuilder, key, null);
 };
 export const TaskbarAttachButtons = {
   DOWNLOAD: {

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

@@ -101,7 +101,7 @@ export class SnkConfigurator {
     insideCustomElementsContainer === null || insideCustomElementsContainer === void 0 ? void 0 : insideCustomElementsContainer.appendChild(configuratorCustomElement);
   }
   render() {
-    return (h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), this.layoutFormConfig && h("ez-collapsible-box", { boxBordered: true, value: true, label: "Layout do formul\u00E1rio", headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, h("snk-layout-form-config", { ref: (ref) => this._snkLayoutFormConfig = ref }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), h("ez-button", { label: "Salvar", onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
+    return (h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light", onEzCloseModal: () => this.closeConfig() }, h("div", { class: "snk-configurator" }, h("div", { class: "snk-configurator__header" }, h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), h("div", { class: "snk-configurator__button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), h("div", { class: "snk-configurator__main" }, h("ez-collapsible-box", { boxBordered: true, label: this.getMessage('snkConfigurator.subTitleModeConfig'), headerSize: "medium", class: "snk-configurator__collapsable-box" }, h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: VIEW_MODE.GRID }), h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: VIEW_MODE.FORM })), h("div", { class: "snk-configurator__collsable-box-action" }, h("ez-button", { label: this.viewMode === VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), this.layoutFormConfig && h("ez-collapsible-box", { boxBordered: true, value: true, label: this.getMessage('snkConfigurator.labelLayoutForm'), headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, h("snk-layout-form-config", { ref: (ref) => this._snkLayoutFormConfig = ref, messagesBuilder: this.messagesBuilder }))), h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (h("div", { class: "snk-configurator__action-buttons" }, h("ez-button", { label: this.getMessage('snkConfigurator.buttons.cancel'), onClick: () => this.cancel.emit() }), h("ez-button", { label: this.getMessage('snkConfigurator.buttons.save'), onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
   }
   static get is() { return "snk-configurator"; }
   static get encapsulation() { return "scoped"; }

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

@@ -49,6 +49,7 @@ export class SnkCrud {
     this.layoutFormConfig = false;
     this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
+    this.layoutFormConfig = false;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -300,28 +301,32 @@ export class SnkCrud {
     }
     if (this._keyboardManager) {
       this._keyboardManager
-        .bind("F6", this.toggleView.bind(this), { description: "Alterna entre modo formulário e grade.", element: this._element })
-        .bind("F7", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados.", element: this._element })
-        .bind("ctrl + \\", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados.", element: this._element })
-        .bind("F8", handleAddRecord.bind(this), { description: "Adiciona um novo registro.", element: this._element })
-        .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado.", element: this._element })
-        .bind("ctrl + F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado.", element: this._element })
+        .bind("F6", this.toggleView.bind(this), { description: this.getMessage("snkCrud.shortcuts.toggleView"), element: this._element })
+        .bind("F7", saveDataUnitHandlingFocus.bind(this), { description: this.getMessage("snkCrud.shortcuts.saveData"), element: this._element })
+        .bind("ctrl + \\", saveDataUnitHandlingFocus.bind(this), { description: this.getMessage("snkCrud.shortcuts.addRecord"), element: this._element })
+        .bind("F8", handleAddRecord.bind(this), { description: this.getMessage("snkCrud.shortcuts.addRecord"), element: this._element })
+        .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: this.getMessage("snkCrud.shortcuts.removeRecord"), element: this._element })
+        .bind("ctrl + F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: this.getMessage("snkCrud.shortcuts.removeRecord"), element: this._element })
         .bind("F5", async () => {
         const currentView = await this._viewStack.getSelectedIndex();
         if (VIEW_MODE.GRID === currentView) {
           dataUnit.loadData();
         }
-      }, { description: "Atualiza os dados.", element: this._element })
+      }, { description: this.getMessage("snkCrud.shortcuts.refreshData"), element: this._element })
         .bind("Escape", () => {
         if (dataUnit.isDirty()) {
           dataUnit.cancelEdition();
         }
       }, {
         debounceTime: 1000,
-        description: "Cancela uma ação.", element: this._element
+        description: this.getMessage("snkCrud.shortcuts.cancelAction"), element: this._element
       });
     }
   }
+  getMessage(key, params) {
+    if (this.messagesBuilder)
+      return this.messagesBuilder.getMessage(key, params);
+  }
   async removeShortcuts() {
     var _a;
     (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
@@ -892,6 +897,24 @@ export class SnkCrud {
         "attribute": "pagination-counter-mode",
         "reflect": false,
         "defaultValue": "'auto'"
+      },
+      "layoutFormConfig": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o LayoutFormConfig ser\u00E1 exibido no configurador."
+        },
+        "attribute": "layout-form-config",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

package/dist/collection/components/snk-crud/subcomponents/GuideBuilder.js

@@ -1,13 +1,21 @@
 import { FormMetadata } from "@sankhyalabs/ezui/dist/collection/utils/form";
+import { SnkMessageBuilder } from "../../../lib/message/SnkMessageBuilder";
 export class GuideBuilder {
-  constructor(parentGuide, formMetadata, dataUnit) {
+  constructor(parentGuide, formMetadata, dataUnit, messageBuilder) {
     this._parentGuide = parentGuide;
     this._formMetadata = formMetadata;
     this._dataUnit = dataUnit;
+    this._messageBuilder = messageBuilder;
+    if (!this._messageBuilder) {
+      this._messageBuilder = new SnkMessageBuilder();
+    }
   }
   get id() {
     return this._parentGuide.id;
   }
+  getMessage(key, params) {
+    return this._messageBuilder.getMessage(key, params);
+  }
   buildGuideItem(detailBuilders) {
     const item = Object.assign({}, this._parentGuide);
     delete item.expanded;
@@ -31,11 +39,11 @@ export class GuideBuilder {
         id,
         label,
         disabled,
-        tooltip: disabled ? "Finalize o cadastro para ter acesso a esta guia." : undefined
+        tooltip: disabled ? this.getMessage("snkCrud.guide.tooltip.disabledDetail") : undefined
       };
     });
     const newGuideItem = children.shift();
-    newGuideItem.label = isNewRecord ? "Novo Registro" : currentRecord.__record__label__;
+    newGuideItem.label = isNewRecord ? this.getMessage("snkCrud.title.newRecord") : currentRecord.__record__label__;
     newGuideItem.children = children;
     item.children = [newGuideItem];
     return item;

package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js

@@ -8,7 +8,7 @@ import { VIEW_MODE } from '../../../../lib/utils/constants';
 import { SnkGuidesViewer } from '../snk-guides-viewer';
 import { SnkMessageBuilder } from '../../../../lib/message/SnkMessageBuilder';
 import { GuideBuilder } from '../GuideBuilder';
-import { buildFieldSearch, LABEL_SEARCH_FIELD, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
+import { buildFieldSearch, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
 export class SnkDetailView {
   constructor() {
     this._disabledButtons = undefined;
@@ -49,7 +49,7 @@ export class SnkDetailView {
     const newRecord = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord;
     const oldRecord = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectedRecord;
     if ((newRecord === null || newRecord === void 0 ? void 0 : newRecord.__record__id__) !== (oldRecord === null || oldRecord === void 0 ? void 0 : oldRecord.__record__id__)) {
-      this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit));
+      this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit, this.messagesBuilder));
     }
     if (openInsertion) {
       setTimeout(() => {
@@ -248,7 +248,7 @@ export class SnkDetailView {
   }
   addErrorBadgeToBranchGuide() {
     this.branchGuide = Object.assign(Object.assign({}, this.branchGuide), { badge: 'error' });
-    this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit));
+    this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit, this.messagesBuilder));
   }
   normalizeBranchGuideId(id) {
     return id === null || id === void 0 ? void 0 : id.replace(/child\[(.*?)\]/g, '$1').replace(/::/g, '>');
@@ -294,7 +294,7 @@ export class SnkDetailView {
     this._keyboardManager = new KeyboardManager({ propagate: false, element: this._element });
     this._keyboardManager.bind(SHORTCUT_SEARCH_FIELD, async () => {
       await this._snkFormView.showSearchField();
-    }, { description: LABEL_SEARCH_FIELD, element: this._element });
+    }, { description: this.messagesBuilder.getMessage("snkSimpleCrud.findFields"), element: this._element });
   }
   render() {
     this.updateLabel();

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -7,7 +7,7 @@ import { TaskbarElement } from '../../snk-taskbar/elements/taskbar-elements';
 import { VIEW_MODE } from '../../../lib/utils/constants';
 import { PresentationMode } from '../../../lib';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch, LABEL_SEARCH_FIELD, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
+import { buildFieldSearch, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
 const FORM_NAME_PREFIX = "__FORM:";
 export class SnkGuidesViewer {
   constructor() {
@@ -125,7 +125,7 @@ export class SnkGuidesViewer {
     var _a, _b;
     if (this.dataUnit.isMultipleEdition) {
       const selectedRecords = (_b = (_a = this.dataUnit.getSelectionInfo()) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : [];
-      return `Editando ${selectedRecords.length} registros`;
+      return this.messagesBuilder.getMessage("snkCrud.multipleEdition.editing", { COUNT: selectedRecords.length });
     }
     return this.messagesBuilder.getMessage(key, this.dataUnit.getSelectedRecord());
   }
@@ -144,7 +144,7 @@ export class SnkGuidesViewer {
     Array.from(allSheets.values()).forEach((sheet) => {
       const item = { id: sheet.name, label: sheet.label };
       if (this.isDetail(sheet.name) && disableDetails) {
-        item.tooltip = "Para alterar detalhes é necessário estar com um (e apenas um) registro selecionado.";
+        item.tooltip = this.getMessage("snkCrud.detail.tooltip.needSingleSelection");
         item.disabled = true;
       }
       guides.push(item);
@@ -390,7 +390,7 @@ export class SnkGuidesViewer {
   }
   componentWillLoad() {
     if (this.resourceID == undefined) {
-      throw new Error("Erro interno: resourceID não informado");
+      throw new Error(this.getMessage("snkCrud.errors.resourceIDNotProvided"));
     }
     this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, this.setMasterFormConfig.bind(this), this.dataUnit);
     this.addFormLegacyConfigName();
@@ -539,7 +539,7 @@ export class SnkGuidesViewer {
       if (!this._mainForm)
         return;
       await this._mainForm.showSearchField();
-    }, { description: LABEL_SEARCH_FIELD, element: this._element });
+    }, { description: this.getMessage("snkSimpleCrud.findFields"), element: this._element });
   }
   render() {
     var _a, _b;

package/dist/collection/components/snk-data-unit/MultipleUpdateHelper.js

@@ -1,3 +1,4 @@
+import { ApplicationContext } from '@sankhyalabs/core';
 const NO_TAB_NAME = "__NO_TAB_NAME__";
 const MAIN_TAB_NAME = "__main";
 export async function showConfirmMultipleUpdatePopup({ title, labelBtnConfirm, labelBtnCancel, message, changingFields, }) {
@@ -26,11 +27,13 @@ function groupChanges(changingFields) {
   return changesMap;
 }
 function getTabName(tabName) {
+  const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  const labelPrincipal = application.messagesBuilder.getMessage("snkDataUnit.main");
   switch (tabName) {
     case NO_TAB_NAME:
       return "";
     case MAIN_TAB_NAME:
-      return "Principal";
+      return labelPrincipal;
     default:
       return tabName;
   }

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -1267,12 +1267,4 @@ class DataStateImpl {
     this.metadataByRow = datastate.metadataByRow;
     this.rowMetadata = datastate.rowMetadata;
   }
-  get selectedRecords() {
-    var _a;
-    console.warn("SnkDataUnit: O método `selectedRecords` foi descontinuado. Use o método `selectionInfo`.");
-    if ((_a = this.selectionInfo) === null || _a === void 0 ? void 0 : _a.isAllRecords()) {
-      throw new Error("Erro interno: Impossível obter os registros selecionados. A seleção atual é virtual. Use o atributo `selectionInfo`.");
-    }
-    return this.selectionInfo.records;
-  }
 }

package/dist/collection/components/snk-entity-list/snk-entity-list.js

@@ -2,11 +2,11 @@ import { h, Host } from "@stencil/core";
 import { ApplicationContext, ObjectUtils } from "@sankhyalabs/core";
 export class SnkEntityList {
   constructor() {
-    this._searchValue = undefined;
     this._ezListSource = [];
     this.config = undefined;
     this.rightListSlotBuilder = undefined;
     this.maxHeightList = "";
+    this.value = undefined;
   }
   async reloadList() {
     this.loadListSource();
@@ -68,18 +68,22 @@ export class SnkEntityList {
   }
   onEzSearchChange(evt) {
     var _a, _b, _c, _d;
-    if (evt.detail != undefined && ((_a = (this.getListConfigValue(this.config))) === null || _a === void 0 ? void 0 : _a.find(i => { var _a; return (i === null || i === void 0 ? void 0 : i.id) == ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); })) === undefined) {
-      this.config = Object.assign(Object.assign({}, this.config), { value: [
-          ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
-          {
-            id: evt.detail.value,
-            check: true,
-            label: evt.detail.label
-          }
-        ] });
-      this.loadListSource();
-      this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
+    const newValueIsEmpty = ObjectUtils.isEmptySafetyCheck(evt.detail);
+    const hasConfingOnList = (_a = this.getListConfigValue(this.config)) === null || _a === void 0 ? void 0 : _a.find((i) => { var _a; return (i === null || i === void 0 ? void 0 : i.id) === ((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); });
+    if (newValueIsEmpty || hasConfingOnList) {
+      return;
     }
+    this.config = Object.assign(Object.assign({}, this.config), { value: [
+        ...((_c = (_b = this.config) === null || _b === void 0 ? void 0 : _b.value) !== null && _c !== void 0 ? _c : []),
+        {
+          id: evt.detail.value,
+          check: true,
+          label: evt.detail.label
+        }
+      ] });
+    this.loadListSource();
+    this.value = this.config.value;
+    this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
   }
   getMessage(key, params) {
     var _a;
@@ -90,8 +94,10 @@ export class SnkEntityList {
     return (_d = (_b = (_a = config.value) === null || _a === void 0 ? void 0 : _a.elements) !== null && _b !== void 0 ? _b : (_c = config === null || config === void 0 ? void 0 : config.value) === null || _c === void 0 ? void 0 : _c.members) !== null && _d !== void 0 ? _d : config === null || config === void 0 ? void 0 : config.value;
   }
   render() {
-    var _a, _b;
-    return (h(Host, null, h("ez-search", { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), value: this._searchValue, label: (_a = this.config) === null || _a === void 0 ? void 0 : _a.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true }), ((_b = this._ezListSource) === null || _b === void 0 ? void 0 : _b.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
+    var _a, _b, _c;
+    const isSearchPlus = ((_a = this.config.props) === null || _a === void 0 ? void 0 : _a["useSearchPlus"]) == true;
+    const TagName = isSearchPlus ? "ez-search-plus" : "ez-search";
+    return (h(Host, null, h(TagName, { ref: elem => this._searchElement = elem, optionLoader: argument => this.optionLoader(argument), label: (_b = this.config) === null || _b === void 0 ? void 0 : _b.label, onEzChange: evt => this.onEzSearchChange(evt), suppressEmptyOption: true, stopPropagateEnterKeyEvent: true }), ((_c = this._ezListSource) === null || _c === void 0 ? void 0 : _c.length) > 0 && (h("label", { class: "label" }, this.getMessage("snkEntityList.selected"))), h("div", { style: this.maxHeightList ? { 'max-height': this.maxHeightList } : {}, class: { "snk-entity-list--overflow": !!this.maxHeightList } }, h("ez-list", { ref: (el) => this._ezList = el, id: "snkEntityList", listMode: "check", dataSource: this._ezListSource, hoverFeedback: true, itemSlotBuilder: this.rightListSlotBuilder, onEzCheckChange: evt => this.ezListChangeListener(evt) }))));
   }
   static get is() { return "snk-entity-list"; }
   static get encapsulation() { return "scoped"; }
@@ -171,12 +177,31 @@ export class SnkEntityList {
         "attribute": "max-height-list",
         "reflect": false,
         "defaultValue": "\"\""
+      },
+      "value": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "IOption",
+          "resolved": "IOption",
+          "references": {
+            "IOption": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-combo-box/ez-combo-box"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define o valor do componente"
+        }
       }
     };
   }
   static get states() {
     return {
-      "_searchValue": {},
       "_ezListSource": {}
     };
   }

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-number.js

@@ -7,6 +7,7 @@ export class SnkFilterPeriod {
   constructor() {
     this._startIntervalLabel = 'Inicial';
     this._endIntervalLabel = 'Final';
+    this._toLabel = 'até';
     this.config = undefined;
     this.getMessage = undefined;
     this.value = undefined;
@@ -42,7 +43,7 @@ export class SnkFilterPeriod {
   }
   buildLabel() {
     if (this.presentationMode === EPresentationMode.CHIP) {
-      return h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9");
+      return h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, this._toLabel);
     }
   }
   getVariation() {
@@ -53,6 +54,7 @@ export class SnkFilterPeriod {
     if (this.getMessage) {
       this._startIntervalLabel = this.getMessage('snkFilterBar.labelStart');
       this._endIntervalLabel = this.getMessage('snkFilterBar.labelEnd');
+      this._toLabel = this.getMessage('snkFilterBar.labelTo');
     }
   }
   componentDidLoad() {

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-filter-period.js

@@ -6,6 +6,7 @@ export class SnkFilterPeriod {
   constructor() {
     this._startDateLabel = 'Inicial';
     this._endDateLabel = 'Final';
+    this._toLabel = 'até';
     this.config = undefined;
     this.getMessage = undefined;
     this.value = undefined;
@@ -45,13 +46,14 @@ export class SnkFilterPeriod {
   }
   buildLabel() {
     if (this.presentationMode === EPresentationMode.CHIP) {
-      return h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, "at\u00E9");
+      return h("label", { class: "ez-text ez-text--medium ez-text--primary ez-margin--medium" }, this._toLabel);
     }
   }
   componentWillLoad() {
     if (this.getMessage) {
       this._startDateLabel = this.getMessage('snkFilterBar.labelStart');
       this._endDateLabel = this.getMessage('snkFilterBar.labelEnd');
+      this._toLabel = this.getMessage('snkFilterBar.labelTo');
     }
   }
   render() {

package/dist/collection/components/snk-filter-bar/filter-item/editors/snk-personalized-filter-editor/snk-personalized-filter-editor.js

@@ -70,21 +70,23 @@ export class SnkFilterPersonalized {
     var _a, _b;
     const params = (_b = (_a = parentItem === null || parentItem === void 0 ? void 0 : parentItem.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters;
     return params.map((param, index) => {
-      var _a, _b, _c;
+      var _a, _b, _c, _d;
       const formProp = Object.assign(Object.assign({}, param), { id: parentItem.id });
       const value = (_a = parentItem.value) === null || _a === void 0 ? void 0 : _a[index];
       const elemId = 'param_' + index;
       switch (param.userInterface) {
         case UserInterface.SEARCH:
-          return h("ez-search", { id: elemId, suppressEmptyOption: true, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
+          const isSearchPlus = ((_b = this.config.props) === null || _b === void 0 ? void 0 : _b["useSearchPlus"]) == true;
+          const TagName = isSearchPlus ? "ez-search-plus" : "ez-search";
+          return h(TagName, { id: elemId, suppressEmptyOption: true, value: value, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp), label: param.label, optionLoader: ({ mode, argument }) => this.doSearch(mode, argument, param) });
         case UserInterface.SWITCH:
         case UserInterface.CHECKBOX:
           const mode = UserInterface.SWITCH === param.userInterface ? CheckMode.SWITCH : CheckMode.REGULAR;
           return h("ez-check", { id: elemId, class: "ez-padding-bottom--medium", mode: mode, value: value, label: param.label, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DECIMALNUMBER:
-          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: ((_b = param.props) === null || _b === void 0 ? void 0 : _b.precision) || 2, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: ((_c = param.props) === null || _c === void 0 ? void 0 : _c.precision) || 2, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.INTEGERNUMBER:
-          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: (_c = param.props) === null || _c === void 0 ? void 0 : _c.precision, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
+          return h("ez-number-input", { id: elemId, label: param.label, value: value, precision: (_d = param.props) === null || _d === void 0 ? void 0 : _d.precision, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.OPTIONSELECTOR:
           return h("ez-combo-box", { id: elemId, label: param.label, value: value, options: param.options, onEzChange: evt => this.handleFilterItemChange(evt.detail, formProp) });
         case UserInterface.DATE:

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-detail.js

@@ -21,6 +21,7 @@ export class SnkFilterDetail {
     var _a, _b;
     this._editor && (this._editor["config"] = newValue);
     (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a["reloadList"]) === null || _b === void 0 ? void 0 : _b.call(_a);
+    this._customElementObject = this.getContentEditor();
   }
   componentDidLoad() {
     if (this._element) {
@@ -157,9 +158,10 @@ export class SnkFilterDetail {
   }
   componentWillLoad() {
     this.originalConfig = ObjectUtils.copy(this.config);
+    this._customElementObject = this.getContentEditor();
   }
   render() {
-    const { tag: CustomElement, props } = this.getContentEditor();
+    const { tag: CustomElement, props } = this._customElementObject;
     return (h(Host, null, h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), h(CustomElement, Object.assign({ maxHeightList: '240px', ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage, rightListSlotBuilder: item => this.buildRightSlot(item) }, props)), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
   }
   static get is() { return "snk-filter-detail"; }

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-item.css

@@ -0,0 +1,4 @@
+ez-popover-core {
+    --ez-popover__box--z-index: var(--elevation--20, 20);
+    --ez-popover__box--overlay-z-index: var(--elevation--16, 16);
+}