@sankhyalabs/sankhyablocks 9.1.14 → 9.2.0-dev.10

package/dist/components/snk-application2.js

@@ -2,11 +2,10 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, SilentException, WarningException, ErrorException, ElementIDUtils, SearchUtils, ArrayUtils, KeyboardManager, OnboardingUtils, DependencyType, ApplicationContext, DataType, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as ConfigStorage } from './ConfigStorage.js';
-import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher.js';
+import { d as dist, D as DataFetcher, U as UrlUtils, S as SnkMessageBuilder } from './DataFetcher.js';
 import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher.js';
 import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher.js';
 import { a as PesquisaFetcher } from './ISave.js';
-import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { c as TEMPLATES_SKELETON } from './constants.js';
 import './filter-item-type.enum.js';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
@@ -229,6 +228,9 @@ class SnkErrorHandler {
     window.addEventListener("error", evt => this.errorHandler(evt));
     window.addEventListener("unhandledrejection", evt => this.rejectionHandler(evt));
   }
+  getMessage(key, params) {
+    return this._app.messagesBuilder.getMessage(key, params);
+  }
   rejectionHandler(evt) {
     const reason = evt.reason;
     //Promisse rejeitada com WaitingChangeException, não precisam
@@ -240,7 +242,7 @@ class SnkErrorHandler {
       else {
         this._app.isDebugMode().then((isDebug) => {
           if (isDebug) {
-            this._app.error("Promise rejeitada", "Erro interno: Uma promise foi rejeitada sem razão determinada.");
+            this._app.error(this.getMessage("snkErrorHandler.title.promiseRejected"), this.getMessage("snkErrorHandler.message.undeterminedPromiseRejection"));
           }
         });
       }
@@ -250,15 +252,17 @@ class SnkErrorHandler {
     this.processException(evt.error);
   }
   buildErrorCodeHTML(errorCode) {
-    const onclick = 'try{window.workspace.openHelp(\'_tbcode:' + errorCode + '\')} catch(e){alert(\'Não é possível abrir a ajuda fora do workspace Sankhya\');}';
-    return '<br><a href="#" onclick="' + onclick + '">Código: ' + errorCode + '</a>';
+    const cannotOpenHelpMessage = this.getMessage("snkErrorHandler.message.cannotOpenHelp");
+    const errorCodeLabel = this.getMessage("snkErrorHandler.errorCode.label");
+    const onclick = `try{window.workspace.openHelp('_tbcode:${errorCode}')} catch(e){alert('${cannotOpenHelpMessage}');}`;
+    return `<br><a href="#" onclick="${onclick}">${errorCodeLabel}${errorCode}</a>`;
   }
   processException(exception) {
     if (exception.errorCode) {
       exception.message += this.buildErrorCodeHTML(exception.errorCode);
     }
     if (exception instanceof SilentException) {
-      console.warn("SilentException ignorada", exception);
+      console.warn(this.getMessage("snkErrorHandler.message.silentExceptionIgnored"), exception);
     }
     else if (exception instanceof WaitingChangeException) {
       this._app.alert(exception.title, exception.message);
@@ -276,8 +280,9 @@ class SnkErrorHandler {
             this._app.error(exception.name, exception.message);
           }
           else {
-            const title = (exception === null || exception === void 0 ? void 0 : exception.title) || "Erro detectado";
-            const message = (typeof exception === "string") ? exception : exception.message || `Erro interno "${ObjectUtils.objectToString(exception)}"`;
+            const title = (exception === null || exception === void 0 ? void 0 : exception.title) || this.getMessage("snkErrorHandler.title.errorDetected", undefined);
+            const message = (typeof exception === "string") ? exception :
+              exception.message || `${this.getMessage("snkErrorHandler.error.internal")} "${ObjectUtils.objectToString(exception)}"`;
             this._app.error(title, message);
           }
         }
@@ -519,6 +524,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this.applicationLoaded = createEvent(this, "applicationLoaded", 7);
     this.applicationLoading = createEvent(this, "applicationLoading", 7);
     this.NEW_VERSION_POPUP_LOCKER = "NEW_VERSION_POPUP_LOCKER";
+    this.FEATURE_FLAG_CACHE_DURATION = 3600000; // 1 hora em milissegundos
     this._authPromises = [];
     this._keyboardManager = new KeyboardManager();
     this._waitingAppReady = new Array();
@@ -526,6 +532,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._duPromises = new Map();
     this._requestListener = RequestListenerFactory.create({ strategy: 'request_time' });
     this._maxTimerAppLoading = 10000;
+    this._featureFlagsCache = new Map();
     this._isBrowserTypeElectron = false;
     this._pendingActions = new Map;
     this._loadPkParameter = null;
@@ -869,6 +876,29 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
         .catch(error => reject(error));
     });
   }
+  /**
+   * Retorna se uma feature flag global está ativa ou não.
+   */
+  async isFeatureActive(featureName) {
+    const now = Date.now();
+    let payload = {
+      "serviceName": "SystemUtilsSP.featureIsActive",
+      "requestBody": {
+        "featureName": featureName
+      }
+    };
+    if (this._featureFlagsCache.get(featureName) && now < this._featureFlagsCache.get(featureName).expires) {
+      return Promise.resolve(this._featureFlagsCache.get(featureName).isActive);
+    }
+    //Caso ocorra um erro nessa chamada, o reject do error é feito automaticamente 
+    const result = await DataFetcher.get().callServiceBroker("SystemUtilsSP.featureIsActive", JSON.stringify(payload));
+    const isActive = result.isActive;
+    this._featureFlagsCache.set(featureName, {
+      isActive: isActive,
+      expires: now + this.FEATURE_FLAG_CACHE_DURATION,
+    });
+    return isActive;
+  }
   /**
    * Salva a configuração de determinado recurso.
    * @param {string} key - A chave da configuração.
@@ -1265,8 +1295,8 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
                 const dataType = (masterDescriptor === null || masterDescriptor === void 0 ? void 0 : masterDescriptor.dataType) || DataType.TEXT;
                 const value = dataUnit.getFieldValue(fieldName);
                 if (value == undefined) {
-                  this.alert("Erro ao pesquisar", `É necessario informar o campo ${masterDescriptor.label} para executar a pesquisa.`);
-                  throw new Error(`É necessario informar o campo ${masterDescriptor.label} para executar a pesquisa.`);
+                  this.alert(this.getMessage("snkApplication.search.error.title"), this.getMessage("snkApplication.search.error.requiredField", { fieldLabel: masterDescriptor.label }));
+                  throw new Error(this.getMessage("snkApplication.search.error.requiredField", { fieldLabel: masterDescriptor.label }));
                 }
                 return { name: fieldName, value, dataType };
               })
@@ -1566,7 +1596,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     const snkDataUnit = this.getFirstDataUnitFromDOM();
     const dataUnit = snkDataUnit.dataUnit;
     if (!dataUnit) {
-      console.warn("Dataunit não inicializado");
+      console.warn(this.getMessage("snkApplication.dataUnit.initDataUnitError"));
       snkDataUnit.addEventListener("dataUnitReady", (event) => {
         this.loadDataWithPKFilter(pkObject, event.detail);
         this._currentPkParameter = pkHash;
@@ -1832,9 +1862,9 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
   }
   initKeyboardManager() {
     this._keyboardManager
-      .bind("ctrl + g", Workspace.searchApp.bind(this), { description: "Pesquisar por telas" })
-      .bind("ctrl + d", Workspace.showDesktop.bind(this), { description: "Mostrar o desktop" })
-      .bind("F1", Workspace.openHelp.bind(this), { description: "Abrir ajuda" });
+      .bind("ctrl + g", Workspace.searchApp.bind(this), { description: this.getMessage("snkApplication.keyboard.shortcuts.searchApp") })
+      .bind("ctrl + d", Workspace.showDesktop.bind(this), { description: this.getMessage("snkApplication.keyboard.shortcuts.showDesktop") })
+      .bind("F1", Workspace.openHelp.bind(this), { description: this.getMessage("snkApplication.keyboard.shortcuts.openHelp") });
   }
   removeShortcuts() {
     this._keyboardManager.unbindAllShortcutKeys();
@@ -1880,7 +1910,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-flex ez-flex--column", style: { width: "75%" } }, h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))))), h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))))))));
   }
   getSpinnerLoadingDefault() {
-    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, "Carregando..."))));
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, this.getMessage("snkApplication.loading.text")))));
   }
   render() {
     return (h(Host, { style: {
@@ -1923,6 +1953,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     "closePopUp": [64],
     "temOpcional": [64],
     "getConfig": [64],
+    "isFeatureActive": [64],
     "saveConfig": [64],
     "getAttributeFromHTMLWrapper": [64],
     "openApp": [64],

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", 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: "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

@@ -347,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;
   }
@@ -943,14 +945,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-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 {