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

package/dist/components/snk-attach2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnitLoaderUtils, DataUnit } from '@sankhyalabs/core';
-import { D as DataFetcher } from './DataFetcher.js';
+import { D as DataFetcher, S as SnkMessageBuilder } from './DataFetcher.js';
 import { S as SaveErrorsEnum } from './ISave.js';
 import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
@@ -358,10 +358,12 @@ class AnexoSistemaDataUnitFactory {
   }
 }
 
-const application$1 = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+let messageBuilderInstance;
 const getMessage$1 = (key) => {
-  var _a, _b;
-  return (_b = (_a = application$1 === null || application$1 === void 0 ? void 0 : application$1.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);
 };
 const attachCrudConfig = {
   grid: {
@@ -535,10 +537,14 @@ class AttachFetcherDataUnitFactory {
   }
 }
 
-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);
 };
 const TaskbarAttachButtons = {
   DOWNLOAD: {
@@ -627,6 +633,8 @@ const snkAttachCss = ".snk-attach__header.sc-snk-attach,.snk-attach__crud-sectio
 
 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";
 const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -656,6 +664,7 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this.back.emit();
       });
     };
+    this.gridLegacyConfigName = undefined;
     this.fetcherType = undefined;
     this.fetcher = undefined;
     this.dataUnit = undefined;
@@ -722,7 +731,7 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   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;
@@ -767,9 +776,11 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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({
@@ -779,19 +790,21 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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);
@@ -799,9 +812,10 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
     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() {
@@ -820,12 +834,16 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       });
     }
   }
-  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);
       }
     });
@@ -875,17 +893,23 @@ const SnkAttach = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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 watchers() { return {
     "registerKey": ["registerKeyWatcher"]
   }; }
   static get style() { return snkAttachCss; }
 }, [2, "snk-attach", {
+    "gridLegacyConfigName": [1, "grid-legacy-config-name"],
     "fetcherType": [1, "fetcher-type"],
     "fetcher": [16],
     "dataUnit": [16],

package/dist/components/snk-configurator2.js

@@ -112,7 +112,7 @@ const SnkConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     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" }))))));
   }
   get _element() { return this; }
   static get style() { return snkConfiguratorCss; }

package/dist/components/snk-crud.js

@@ -96,6 +96,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.layoutFormConfig = false;
     this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
+    this.layoutFormConfig = false;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -346,28 +347,32 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     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();

package/dist/components/snk-data-unit2.js

@@ -1,7 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { Action, ObjectUtils, DataUnitAction, StringUtils, ApplicationContext } from '@sankhyalabs/core';
+import { ApplicationContext, Action, ObjectUtils, DataUnitAction, StringUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder.js';
+import { O as OperationMap, S as SnkMessageBuilder } from './DataFetcher.js';
 import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
@@ -34,11 +34,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;
   }
@@ -933,14 +935,6 @@ 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;
-  }
 }
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-detail-view2.js

@@ -2,7 +2,7 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, forceUpdate,
 import { ObjectUtils, StringUtils, Action, KeyboardManager, ElementIDUtils } from '@sankhyalabs/core';
 import { S as SnkFormConfigManager } from './SnkFormConfigManager.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import './DataFetcher.js';
+import { S as SnkMessageBuilder } from './DataFetcher.js';
 import { P as PresentationMode } from './ISave.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
@@ -13,7 +13,7 @@ import { V as VIEW_MODE } from './constants.js';
 import { T as TaskbarElement, d as defineCustomElement$5 } from './snk-taskbar2.js';
 import { T as TaskbarProcessor } from './ContinuousInsertUtils.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import { buildFieldSearch, SHORTCUT_SEARCH_FIELD, LABEL_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
+import { buildFieldSearch, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
 import { d as defineCustomElement$C } from './config-header2.js';
 import { d as defineCustomElement$B } from './configs-button2.js';
 import { d as defineCustomElement$A } from './field-config2.js';
@@ -26,7 +26,6 @@ import { d as defineCustomElement$u } from './snk-attach2.js';
 import { d as defineCustomElement$t } from './snk-configurator2.js';
 import { d as defineCustomElement$s } from './snk-data-exporter2.js';
 import { d as defineCustomElement$r } from './snk-data-unit2.js';
-import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { d as defineCustomElement$q } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$p } from './snk-expression-group2.js';
 import { d as defineCustomElement$o } from './snk-expression-item2.js';
@@ -177,7 +176,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     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());
   }
@@ -196,7 +195,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     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);
@@ -442,7 +441,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   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();
@@ -591,7 +590,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       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;
@@ -872,14 +871,21 @@ function defineCustomElement$1() {
 }
 
 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;
@@ -903,11 +909,11 @@ 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;
@@ -961,7 +967,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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(() => {
@@ -1160,7 +1166,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   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, '>');
@@ -1206,7 +1212,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     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/components/snk-entity-list.js

@@ -8,11 +8,11 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     super();
     this.__registerHost();
     this.valueChanged = createEvent(this, "valueChanged", 7);
-    this._searchValue = undefined;
     this._ezListSource = [];
     this.config = undefined;
     this.rightListSlotBuilder = undefined;
     this.maxHeightList = "";
+    this.value = undefined;
   }
   async reloadList() {
     this.loadListSource();
@@ -74,18 +74,22 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   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;
@@ -96,8 +100,10 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     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 watchers() { return {
     "config": ["observeConfig"]
@@ -107,7 +113,7 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "config": [1040],
     "rightListSlotBuilder": [1040],
     "maxHeightList": [1, "max-height-list"],
-    "_searchValue": [32],
+    "value": [1040],
     "_ezListSource": [32],
     "reloadList": [64]
   }]);

package/dist/components/snk-expression-group2.js

@@ -128,7 +128,7 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       entityName: "",
       fieldName: "",
       description: "",
-      label: "Valor",
+      label: this.getMessage("snkPersonalizedFilter.info.labelDefaultValue"),
       type: undefined,
       expression: undefined,
       operand: undefined,
@@ -153,7 +153,7 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
           entityName: "",
           fieldName: "",
           description: "",
-          label: "Valor",
+          label: this.getMessage("snkPersonalizedFilter.info.labelDefaultValue"),
           type: undefined,
           expression: undefined,
           operand: undefined,
@@ -240,7 +240,7 @@ const SnkExpressionGroup = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   }
   render() {
     const canAddGroup = this.canAddGroup();
-    return (h(Host, null, h("div", { class: !this.isFirstLevel() && this._showDashes ? 'dashes' : 'hidden', style: this.buildGroupStyle() }), h("div", { class: !this.isFirstLevel() && this._showDashes ? 'horizontal-dashes' : 'hidden' }), h("div", { class: 'ez-flex ez-flex--align-items-center' }, h("div", { class: 'snk-expression-group__container-condition ez-flex ez-flex-item--align-center ez-flex--align-items-center', "data-condition": this._conditionOperator, title: this.getTooltipMessageForOperator() }, h("label", { class: "ez-label ez-padding-right--medium ez-padding-left--medium ez-title--primary" }, this.getMessage("snkPersonalizedFilter.info.condition")), h("div", null, h("ez-combo-box", Object.assign({ class: "snk-expression-group__container-option", canShowError: false, mode: "slim", suppressEmptyOption: true, enabled: this.canChangeGroupCondition(), value: this._conditionOperator, onEzChange: (evt) => this.handleConditionOperatorChange(evt.detail.value) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxConditions_level_${this.getDataGroupLevel()}` }), h("option", { value: FilterGroupCondition.AND }, "E"), h("option", { value: FilterGroupCondition.OR }, "OU")))), h("ez-button", { class: "ez-padding-right--medium ez-padding-left--medium", mode: "icon", iconName: "plus", size: "small", enabled: this.canAddExpression, title: this.getMessageAddTooltip(), onClick: () => this.handleAddExpression() }), h("ez-button", { label: this.getMessage("snkPersonalizedFilter.info.addGroup"), size: "small", enabled: canAddGroup, title: !canAddGroup ? this.getMessage('snkPersonalizedFilter.info.labelDisabledAddGroupButton', { LIMIT_GROUP_LEVEL: this.LIMIT_GROUP_LEVEL + 1 }) : '', onClick: () => this.handleAddGroup() }, h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: "plus" })), !this.isFirstLevel() && h("ez-button", { title: this.getMessage("snkPersonalizedFilter.info.labelDeleteExpression"), class: "ez-padding-left--medium", mode: "icon", iconName: "delete", size: "small", onClick: (evt) => this.confirmRemoveGroup(evt) })), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderExpressionItems())), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderGroups()))));
+    return (h(Host, null, h("div", { class: !this.isFirstLevel() && this._showDashes ? 'dashes' : 'hidden', style: this.buildGroupStyle() }), h("div", { class: !this.isFirstLevel() && this._showDashes ? 'horizontal-dashes' : 'hidden' }), h("div", { class: 'ez-flex ez-flex--align-items-center' }, h("div", { class: 'snk-expression-group__container-condition ez-flex ez-flex-item--align-center ez-flex--align-items-center', "data-condition": this._conditionOperator, title: this.getTooltipMessageForOperator() }, h("label", { class: "ez-label ez-padding-right--medium ez-padding-left--medium ez-title--primary" }, this.getMessage("snkPersonalizedFilter.info.condition")), h("div", null, h("ez-combo-box", Object.assign({ class: "snk-expression-group__container-option", canShowError: false, mode: "slim", suppressEmptyOption: true, enabled: this.canChangeGroupCondition(), value: this._conditionOperator, onEzChange: (evt) => this.handleConditionOperatorChange(evt.detail.value) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxConditions_level_${this.getDataGroupLevel()}` }), h("option", { value: FilterGroupCondition.AND }, this.getMessage("snkPersonalizedFilter.info.conditionAnd")), h("option", { value: FilterGroupCondition.OR }, this.getMessage("snkPersonalizedFilter.info.conditionOr"))))), h("ez-button", { class: "ez-padding-right--medium ez-padding-left--medium", mode: "icon", iconName: "plus", size: "small", enabled: this.canAddExpression, title: this.getMessageAddTooltip(), onClick: () => this.handleAddExpression() }), h("ez-button", { label: this.getMessage("snkPersonalizedFilter.info.addGroup"), size: "small", enabled: canAddGroup, title: !canAddGroup ? this.getMessage('snkPersonalizedFilter.info.labelDisabledAddGroupButton', { LIMIT_GROUP_LEVEL: this.LIMIT_GROUP_LEVEL + 1 }) : '', onClick: () => this.handleAddGroup() }, h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: "plus" })), !this.isFirstLevel() && h("ez-button", { title: this.getMessage("snkPersonalizedFilter.info.labelDeleteExpression"), class: "ez-padding-left--medium", mode: "icon", iconName: "delete", size: "small", onClick: (evt) => this.confirmRemoveGroup(evt) })), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderExpressionItems())), h("div", { class: "ez-padding-top--small snk-expression-group__container-expression" }, h("div", { class: "ez-padding-top--small" }, this.renderGroups()))));
   }
   get _element() { return this; }
   static get watchers() { return {

package/dist/components/snk-expression-item2.js

@@ -9,20 +9,20 @@ import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { d as defineCustomElement$1 } from './snk-filter-param-config2.js';
 
 const defaultsOperand = [
-  { label: "Igual (=)", value: "EQUAL" },
-  { label: "Diferente (<>)", value: "DIFFERENT" },
-  { label: "Contendo (LIKE)", value: "LIKE" },
-  { label: "Contido em (IN)", value: "IN" },
-  { label: "Iniciado com (%?)", value: "START_WITH" },
-  { label: "Terminado com (?%)", value: "FINISHED_WITH" },
-  { label: "Vazio (NULL)", value: "NULL" },
-  { label: "Não Vazio (NOT NULL)", value: "NOT_NULL" },
+  { label: "snkPersonalizedFilter.operands.equal", value: "EQUAL" },
+  { label: "snkPersonalizedFilter.operands.different", value: "DIFFERENT" },
+  { label: "snkPersonalizedFilter.operands.like", value: "LIKE" },
+  { label: "snkPersonalizedFilter.operands.in", value: "IN" },
+  { label: "snkPersonalizedFilter.operands.startWith", value: "START_WITH" },
+  { label: "snkPersonalizedFilter.operands.finishedWith", value: "FINISHED_WITH" },
+  { label: "snkPersonalizedFilter.operands.null", value: "NULL" },
+  { label: "snkPersonalizedFilter.operands.notNull", value: "NOT_NULL" },
 ];
 const FilterOperandDefault = defaultsOperand.concat([
-  { label: "Maior (>)", value: "LARGER" },
-  { label: "Maior ou Igual (>=)", value: "LARGER_EQUAL" },
-  { label: "Menor (<)", value: "SMALLER" },
-  { label: "Menor ou Igual (<=)", value: "SMALLER_EQUAL" }
+  { label: "snkPersonalizedFilter.operands.larger", value: "LARGER" },
+  { label: "snkPersonalizedFilter.operands.largerEqual", value: "LARGER_EQUAL" },
+  { label: "snkPersonalizedFilter.operands.smaller", value: "SMALLER" },
+  { label: "snkPersonalizedFilter.operands.smallerEqual", value: "SMALLER_EQUAL" }
 ]);
 const FilterOperandTypeTextSearch = defaultsOperand;
 const FIELD_TYPE_SEARCH_AND_TEXT = [
@@ -188,12 +188,15 @@ const SnkExpressionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   buildOptionsOperator() {
     var _a;
     if (FIELD_TYPE_SEARCH_AND_TEXT.includes((_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.userInterface)) {
-      return this.filterOperandTypeTextSearch;
+      return this.translateOperandOptions(this.filterOperandTypeTextSearch);
     }
     else {
-      return this.filterOperandDefault;
+      return this.translateOperandOptions(this.filterOperandDefault);
     }
   }
+  translateOperandOptions(options) {
+    return options.map(option => ({ label: this.getMessage(option.label), value: option.value }));
+  }
   handleChangeOperator(optionSelected) {
     this.checkOptionIsNull(optionSelected);
     this.setValueExpression("operand", optionSelected);
@@ -287,9 +290,7 @@ const SnkExpressionItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEle
   }
   render() {
     var _a;
-    return (h(Host, null, h("div", { class: "dashes" }), h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", Object.assign({ ref: ref => this._elFilterInput = ref, value: (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.path, label: this.getMessage("snkPersonalizedFilter.info.labelSearchField"), canShowError: false, onEzChange: (evt) => this.handleChangeFilterInput(evt), onFocus: () => this.handleFocus() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `expressionFilterInput_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` })), h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), h("div", { class: "box__container--input-operator" }, h("ez-combo-box", Object.assign({ label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), value: this.expression.operand, canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => { var _a; return this.handleChangeOperator((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, suppressEmptyOption: true }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxOperand_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` }))), h("div", { class: "box__container--input-value" }, !this._fieldSelected ?
-      h("ez-number-input", { label: "Valor", canShowError: false, enabled: (!this._showValueVariable && !this._optionNotNull) }) :
-      this.buildFieldByType()), h("div", { class: "box__container--input-value-variable" }, !this._optionNotNull &&
+    return (h(Host, null, h("div", { class: "dashes" }), h("div", { class: "box" }, h("div", { class: "box__container" }, h("div", { class: "box__container--input-filter" }, h("ez-filter-input", Object.assign({ ref: ref => this._elFilterInput = ref, value: (_a = this._fieldSelected) === null || _a === void 0 ? void 0 : _a.path, label: this.getMessage("snkPersonalizedFilter.info.labelSearchField"), canShowError: false, onEzChange: (evt) => this.handleChangeFilterInput(evt), onFocus: () => this.handleFocus() }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `expressionFilterInput_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` })), h("snk-filter-field-search", { ref: ref => this._elFilterFieldSearch = ref, searchable: false, onEzSelectFilterItem: (ev) => this.handleSelectItem(ev.detail), fieldsDataSource: this._dataSourceFetcher })), h("div", { class: "box__container--input-operator" }, h("ez-combo-box", Object.assign({ label: this.getMessage("snkPersonalizedFilter.info.labelOperator"), value: this.expression.operand, canShowError: false, options: this.buildOptionsOperator(), onEzChange: (evt) => { var _a; return this.handleChangeOperator((_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value); }, suppressEmptyOption: true }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `comboBoxOperand_${this.expression.fieldName || this.DEFAULT_FIELD_NAME}` }))), h("div", { class: "box__container--input-value" }, !this._fieldSelected ? (h("ez-number-input", { label: this.getMessage('snkPersonalizedFilter.info.labelDefaultValue'), canShowError: false, enabled: !this._showValueVariable && !this._optionNotNull })) : (this.buildFieldByType())), h("div", { class: "box__container--input-value-variable" }, !this._optionNotNull &&
       h("ez-tooltip", { message: this.getMessage("snkPersonalizedFilter.info.checkVariableDisabled"), active: this.isDefaultFilter }, h("ez-check", { ref: ref => this._elValueVariable = ref, value: this.expression.paramVariable, label: this.getMessage("snkPersonalizedFilter.info.labelValueVarible"), mode: CheckMode.SWITCH, onEzChange: (evt) => this.handleChangeValueVariable(evt.detail), enabled: !this.isDefaultFilter })), (this._showValueVariable && !this._optionNotNull) &&
       h("ez-icon", Object.assign({ class: "box__container--input-value-variable--icon", size: "large", iconName: "settings-inverted" }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: 'iconConfig' }, { title: this.getMessage("snkPersonalizedFilter.info.titleTooltip"), onClick: () => this.openSnkFilterParamConfig() })), h("snk-filter-param-config", { ref: (el) => this._elFilterParamConfigRef = el, messagesBuilder: this.messagesBuilder })), h("div", { class: "box__container--button-delete" }, h("div", { class: "box__container--button-delete--icon" }, h("ez-button", { mode: "icon", iconName: "delete", enabled: this.canRemove, label: this.getMessage("snkPersonalizedFilter.info.labelDeleteItem"), onClick: (evt) => this.confirmRemove(evt) })))))));
   }