@sankhyalabs/sankhyablocks 9.1.14 → 9.2.0-dev.1

package/dist/collection/components/snk-grid-config/snk-grid-config.js

@@ -1,4 +1,4 @@
-import { StringUtils, ElementIDUtils, ApplicationContext } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { h, Host } from '@stencil/core';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
@@ -75,23 +75,10 @@ export class SnkGridConfig {
     this._orderListItems = newSortableList;
   }
   createColumnList() {
-    let visibleGroup = {
-      group: this.getMessage('snkGridConfig.group.visible'),
-      items: [],
-    };
-    let hiddenGroup = {
-      group: this.getMessage('snkGridConfig.group.hidden'),
-      items: [],
-      sort: ORDER_VALUES.asc.value,
-    };
-    this.columns.forEach((column) => {
-      var _a;
-      let item = {
-        label: column.label,
-        selected: false,
-        sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : ORDER_VALUES.asc.value,
-        id: column.name,
-      };
+    const visibleGroup = this.buildVisibleGroup();
+    const hiddenGroup = this.buildHiddenGroup();
+    this.columns.forEach(column => {
+      const item = this.buildListItemFromColumn(column);
       if (column.hidden) {
         hiddenGroup.items.push(item);
       }
@@ -104,6 +91,19 @@ export class SnkGridConfig {
     this._hiddenList = hiddenGroup.items;
     this.createOrderList();
   }
+  buildVisibleGroup() {
+    return {
+      group: this.getMessage('snkGridConfig.group.visible'),
+      items: [],
+    };
+  }
+  buildHiddenGroup() {
+    return {
+      group: this.getMessage('snkGridConfig.group.hidden'),
+      items: [],
+      sort: ORDER_VALUES.asc.value,
+    };
+  }
   createOrderListSlotDataElementId(item) {
     return `${this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${StringUtils.toCamelCase(item.label)}`;
   }
@@ -116,7 +116,7 @@ export class SnkGridConfig {
     return (h("snk-select-box", { selectedOption: selectedOption, key: 'snk-select-box-' + this._componenteInternalKey + '-' + item, "data-element-id": dataElementId, onEzChange: (evt) => {
         evt.stopPropagation();
         this.updateOrder(evt.detail, item.label);
-      } }));
+      }, preventAutoFocus: true }));
   }
   updateOrder(sortOrder, updatedItemLabel) {
     var _a;
@@ -151,25 +151,21 @@ export class SnkGridConfig {
       this.closeConfig();
       return;
     }
-    let newColumnList = [];
-    this._columListItems.forEach((group) => {
-      group.items.forEach((item) => {
-        const baseColumn = this.columns.find((column) => column.label === item.label);
-        let newColumnItem = Object.assign({}, baseColumn);
-        if (group.group === this.getMessage('snkGridConfig.group.hidden')) {
-          newColumnItem.hidden = true;
-        }
-        else {
-          newColumnItem.hidden = false;
-        }
-        newColumnList.push(newColumnItem);
-      });
-    });
-    this.columns = newColumnList;
+    this.updateColumns();
     this._dataChanged = false;
     this.closeConfig();
     this.save();
   }
+  updateColumns() {
+    this.columns = this._columListItems.flatMap((group) => group.items.map((item) => this.buildColumnFromListItem(item, group)));
+  }
+  buildColumnFromListItem(item, group) {
+    const baseColumn = this.columns.find((column) => column.label === item.label);
+    if (!baseColumn) {
+      throw new Error(`Column with label "${item.label}" not found.`);
+    }
+    return Object.assign(Object.assign({}, baseColumn), { hidden: group.group === this.getMessage('snkGridConfig.group.hidden') });
+  }
   saveGridConfigOnStorage(_newConfig) {
     ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
@@ -339,13 +335,55 @@ export class SnkGridConfig {
       },
     };
   }
+  renderResetConfigBtn() {
+    if (!this.resourceID)
+      return;
+    return h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.reset'), onClick: () => this.setDefaultConfig() });
+  }
+  async setDefaultConfig() {
+    var _a;
+    if (!this.resourceID)
+      return;
+    this._dataChanged = true;
+    const config = await ConfigStorage.getDefaultGridConfig(this.resourceID);
+    const defaultVisibleCols = (_a = config === null || config === void 0 ? void 0 : config.columns.map(col => col.name)) !== null && _a !== void 0 ? _a : [];
+    const visibleGroup = this.buildVisibleGroup();
+    const hiddenGroup = this.buildHiddenGroup();
+    const visibleItemsMap = new Map();
+    this.columns.forEach(column => {
+      const item = this.buildListItemFromColumn(column);
+      if (defaultVisibleCols.includes(column.name)) {
+        visibleItemsMap.set(column.name, item);
+      }
+      else {
+        hiddenGroup.items.push(item);
+      }
+    });
+    visibleGroup.items = defaultVisibleCols
+      .map(name => visibleItemsMap.get(name))
+      .filter(item => item);
+    this._columListItems = [visibleGroup, hiddenGroup];
+    this._visibleList = visibleGroup.items;
+    this._hiddenList = hiddenGroup.items;
+    this.updateColumns();
+    this.createOrderList();
+  }
+  buildListItemFromColumn(column) {
+    var _a;
+    return {
+      label: column.label,
+      selected: false,
+      sort: (_a = column === null || column === void 0 ? void 0 : column.sort) !== null && _a !== void 0 ? _a : ORDER_VALUES.asc.value,
+      id: column.name,
+    };
+  }
   render() {
-    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "ez-margin-bottom--medium" }, h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), h("div", { class: "button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), h("div", { class: "grid-config__body" }, h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
+    return (h(Host, null, h("div", { class: "grid-config__header" }, h("div", { class: "title-container" }, h("div", { class: "ez-margin-bottom--medium" }, h("label", { class: "title" }, this.getMessage('snkGridConfig.gridConfiguration')), h("label", { class: "subtitle" }, this.getMessage('snkGridConfig.columnVisibilityOrder'))), h("div", { class: "button-close" }, h("ez-button", { mode: "icon", iconName: "close", size: "medium", class: "ez-button--tertiary", onClick: () => this.closeConfig() })))), h("div", { class: 'grid-config__body' }, h("ez-collapsible-box", { id: 'group-select-columns', label: this.getMessage('snkGridConfig.columnsSelection'), "header-size": "medium", key: 'key_group-select-columns', value: this._collapsibleBoxListSelect, onEzChange: ({ detail }) => this._collapsibleBoxListOrder = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { leftList: this._hiddenList, leftTitle: this.getMessage('snkGridConfig.availableColumns'), rightList: this._visibleList, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), onEzRightListChanged: ({ detail }) => this.handleRightListChange(detail), emptyMessage: {
         LEFT_LIST: this.getMessage('snkGridConfig.emptyMensage.left'),
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
       }, entityLabel: 'coluna', entityLabelPlural: 'colunas' }))), h("ez-collapsible-box", { id: 'ID_group-order-columns', label: this.getMessage('snkGridConfig.dataOrdering'), "header-size": "medium", key: 'KEY_group-order-columns', value: this._collapsibleBoxListOrder, onEzChange: ({ detail }) => this._collapsibleBoxListSelect = !detail }, h("div", { class: "grid-config__main" }, h("ez-double-list", { rightList: this._orderListItems, rightTitle: this.getMessage('snkGridConfig.selectedColumns'), useOnlyRightList: true, slotsListBuilder: this.getListSlots(), emptyMessage: {
         RIGHT_LIST: this.getMessage('snkGridConfig.emptyMensage.right'),
-      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), h("div", { class: "grid-config__footer" }, h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
+      }, entityLabel: 'coluna', entityLabelPlural: 'colunas' })))), h("div", { class: "grid-config__footer" }, this.renderResetConfigBtn(), h("ez-button", { class: "padding-right--medium", label: this.getMessage('snkGridConfig.cancel'), onClick: () => this.closeConfig() }), h("ez-button", { label: this.getMessage('snkGridConfig.complete'), class: "ez-button--primary", onClick: () => this.finish() }))));
   }
   static get is() { return "snk-grid-config"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-grid-config/snk-select-box/snk-select-box.js

@@ -3,9 +3,10 @@ import { ORDER_VALUES } from '../../../lib/utils/constants';
 export class SelectBox {
   constructor() {
     this.selectedOption = ORDER_VALUES.none;
+    this.preventAutoFocus = false;
   }
   render() {
-    return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true }, Object.keys(ORDER_VALUES).map((key) => {
+    return (h("ez-combo-box", { class: "grid-config-combo ez-input--inverted", label: "", suppressSearch: true, value: this.selectedOption, enabled: true, canShowError: false, suppressEmptyOption: true, preventAutoFocus: this.preventAutoFocus }, Object.keys(ORDER_VALUES).map((key) => {
       return h("option", { value: ORDER_VALUES[key].value }, ORDER_VALUES[key].label);
     })));
   }
@@ -46,6 +47,24 @@ export class SelectBox {
         "attribute": "selected-option",
         "reflect": false,
         "defaultValue": "ORDER_VALUES.none"
+      },
+      "preventAutoFocus": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Se true, impede que o campo de texto receba foco automaticamente ao abrir as op\u00E7\u00F5es."
+        },
+        "attribute": "prevent-auto-focus",
+        "reflect": false,
+        "defaultValue": "false"
       }
     };
   }

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

@@ -6,6 +6,7 @@ const FORM_COL_CONFIG_PREFIX = 'formColCfg.';
 export class SnkLayoutFormConfig {
   constructor() {
     this._formConfigFetcher = new FormConfigFetcher();
+    this.messagesBuilder = undefined;
     this.layoutType = FormLayout.CASCADE;
   }
   /**
@@ -30,8 +31,12 @@ export class SnkLayoutFormConfig {
   toggleLayout(key) {
     this.layoutType = key;
   }
+  getMessage(key, params) {
+    var _a;
+    return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
+  }
   render() {
-    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: "Layout em cascata", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o organizados em uma coluna \u00FAnica.")), h("div", null, h("ez-check", { label: "Layout lado a lado", class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, "Todos os campos ser\u00E3o dispostos lado a lado, ajustando-se automaticamente \u00E0 largura da tela."))));
+    return (h("div", { class: "ez-flex ez-flex--column" }, h("div", { class: "ez-margin-bottom--small" }, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.cascadeLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.CASCADE), value: this.layoutType === FormLayout.CASCADE }), h("snk-view-representation", { mode: FormLayout.CASCADE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.cascadeLayout.description'))), h("div", null, h("ez-check", { label: this.getMessage('snkLayoutFormConfig.sideBySideLayout.label'), class: "ez-margin-bottom--small", onEzChange: () => this.toggleLayout(FormLayout.SIDE_BY_SIDE), value: this.layoutType === FormLayout.SIDE_BY_SIDE }), h("snk-view-representation", { mode: FormLayout.SIDE_BY_SIDE }), h("label", { class: "ez-label ez-margin--small ez-flex ez-text--medium" }, this.getMessage('snkLayoutFormConfig.sideBySideLayout.description')))));
   }
   static get is() { return "snk-layout-form-config"; }
   static get encapsulation() { return "scoped"; }
@@ -45,6 +50,30 @@ export class SnkLayoutFormConfig {
       "$": ["snk-layout-form-config.css"]
     };
   }
+  static get properties() {
+    return {
+      "messagesBuilder": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "SnkMessageBuilder",
+          "resolved": "SnkMessageBuilder",
+          "references": {
+            "SnkMessageBuilder": {
+              "location": "import",
+              "path": "../../lib/message/SnkMessageBuilder"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
+      }
+    };
+  }
   static get states() {
     return {
       "layoutType": {}

package/dist/collection/components/snk-personalized-filter/snk-personalized-filter.js

@@ -1,21 +1,3 @@
-/**
- * Componente responsável pela criação, edição e gerenciamento de filtros personalizados.
- *
- * Permite alternar entre os modos assistente e avançado, salvar, cancelar e manipular filtros.
- *
- * @component
- * @example
- * <snk-personalized-filter
- *    entityUri="sua/entidade"
- *    filterId="idFiltro"
- *    configName="nomeConfig"
- *    resourceID="resourceId"
- *    isDefaultFilter={false}
- *    messagesBuilder={messagesBuilderInstance}
- *    onEzSave={handler}
- *    onEzCancel={handler}
- * />
- */
 import { h, Host, Fragment } from '@stencil/core';
 import { ApplicationContext, StringUtils } from '@sankhyalabs/core';
 import { PersonalizedFilterUtils } from './subcomponents/snk-filter-param-config/utils/PersonalizedFilterUtils';
@@ -52,10 +34,8 @@ export class SnkPersonalizedFilter {
     this.resourceID = undefined;
     this.isDefaultFilter = false;
   }
-  /**
-   * Cria um novo filtro personalizado caso não exista nenhum.
-   * @method
-   * @returns {Promise<void>}
+  /*
+   * Cria um novo filtro se não houver nenhum filtro existente
    */
   async createPersonalizedFilter() {
     const newPersonalizedFilter = {
@@ -71,7 +51,7 @@ export class SnkPersonalizedFilter {
             entityName: "",
             fieldName: "",
             description: "",
-            fieldLabel: "Valor",
+            fieldLabel: this.getMessage("snkPersonalizedFilter.info.labelDefaultValue"),
             type: undefined,
             expression: undefined,
             operand: undefined,
@@ -91,12 +71,6 @@ export class SnkPersonalizedFilter {
     this._originalFilterAssistent = ObjectUtils.copy(newPersonalizedFilter);
     this._filterAssistent = ObjectUtils.copy(newPersonalizedFilter);
   }
-  /**
-   * Carrega o filtro personalizado com base no identificador informado.
-   * @watch filterId
-   * @param newValue Novo valor do filtroId.
-   * @param oldValue Valor anterior do filtroId.
-   */
   loadFilter(newValue, oldValue) {
     if (newValue == null || oldValue == newValue || this.resourceID == undefined) {
       return;
@@ -383,10 +357,7 @@ export class SnkPersonalizedFilter {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "property",
-              "text": undefined
-            }],
+          "tags": [],
           "text": "Respons\u00E1vel por flexibilizar e padronizar o uso de mensagens nos blocos de constru\u00E7\u00E3o."
         }
       },
@@ -401,11 +372,8 @@ export class SnkPersonalizedFilter {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "property",
-              "text": undefined
-            }],
-          "text": "URI da entidade utilizada para buscar os campos dispon\u00EDveis para filtro."
+          "tags": [],
+          "text": "Respons\u00E1vel por receber a URI da entidade."
         },
         "attribute": "entity-uri",
         "reflect": false
@@ -421,11 +389,8 @@ export class SnkPersonalizedFilter {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "property",
-              "text": undefined
-            }],
-          "text": "Identificador do filtro a ser carregado."
+          "tags": [],
+          "text": "Id do filtro que ser\u00E1 carregado."
         },
         "attribute": "filter-id",
         "reflect": false
@@ -441,11 +406,8 @@ export class SnkPersonalizedFilter {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "property",
-              "text": undefined
-            }],
-          "text": "Nome da configura\u00E7\u00E3o, utilizado para distinguir m\u00FAltiplas inst\u00E2ncias do componente."
+          "tags": [],
+          "text": "Nome da configura\u00E7\u00E3o. Serve para distinguir v\u00E1rias inst\u00E2ncias do componente."
         },
         "attribute": "config-name",
         "reflect": false
@@ -461,11 +423,8 @@ export class SnkPersonalizedFilter {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "property",
-              "text": undefined
-            }],
-          "text": "Identificador do recurso utilizado para salvar e recuperar filtros."
+          "tags": [],
+          "text": "Nome da configura\u00E7\u00E3o. Serve para distinguir v\u00E1rias inst\u00E2ncias do componente."
         },
         "attribute": "resource-i-d",
         "reflect": false
@@ -481,14 +440,8 @@ export class SnkPersonalizedFilter {
         "required": false,
         "optional": false,
         "docs": {
-          "tags": [{
-              "name": "property",
-              "text": undefined
-            }, {
-              "name": "default",
-              "text": "false"
-            }],
-          "text": "Indica se o filtro \u00E9 o filtro padr\u00E3o do sistema."
+          "tags": [],
+          "text": "Define se o filtro em quest\u00E3o \u00E9 um filtro padr\u00E3o."
         },
         "attribute": "is-default-filter",
         "reflect": false,
@@ -510,11 +463,8 @@ export class SnkPersonalizedFilter {
         "cancelable": true,
         "composed": true,
         "docs": {
-          "tags": [{
-              "name": "event",
-              "text": undefined
-            }],
-          "text": "Evento emitido ao cancelar a personaliza\u00E7\u00E3o do filtro."
+          "tags": [],
+          "text": ""
         },
         "complexType": {
           "original": "void",
@@ -528,11 +478,8 @@ export class SnkPersonalizedFilter {
         "cancelable": true,
         "composed": true,
         "docs": {
-          "tags": [{
-              "name": "event",
-              "text": undefined
-            }],
-          "text": "Evento emitido ao salvar as altera\u00E7\u00F5es do filtro personalizado."
+          "tags": [],
+          "text": ""
         },
         "complexType": {
           "original": "string",
@@ -546,11 +493,8 @@ export class SnkPersonalizedFilter {
         "cancelable": true,
         "composed": true,
         "docs": {
-          "tags": [{
-              "name": "event",
-              "text": undefined
-            }],
-          "text": "Evento emitido ap\u00F3s salvar as altera\u00E7\u00F5es do filtro personalizado."
+          "tags": [],
+          "text": ""
         },
         "complexType": {
           "original": "void",
@@ -577,14 +521,8 @@ export class SnkPersonalizedFilter {
           "return": "Promise<void>"
         },
         "docs": {
-          "text": "Cria um novo filtro personalizado caso n\u00E3o exista nenhum.",
-          "tags": [{
-              "name": "method",
-              "text": undefined
-            }, {
-              "name": "returns",
-              "text": undefined
-            }]
+          "text": "",
+          "tags": []
         }
       }
     };

package/dist/collection/components/snk-personalized-filter/subcomponents/snk-expression-group/snk-expression-group.js

@@ -117,7 +117,7 @@ export class SnkExpressionGroup {
       entityName: "",
       fieldName: "",
       description: "",
-      label: "Valor",
+      label: this.getMessage("snkPersonalizedFilter.info.labelDefaultValue"),
       type: undefined,
       expression: undefined,
       operand: undefined,
@@ -142,7 +142,7 @@ export class SnkExpressionGroup {
           entityName: "",
           fieldName: "",
           description: "",
-          label: "Valor",
+          label: this.getMessage("snkPersonalizedFilter.info.labelDefaultValue"),
           type: undefined,
           expression: undefined,
           operand: undefined,
@@ -229,7 +229,7 @@ export class SnkExpressionGroup {
   }
   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()))));
   }
   static get is() { return "snk-expression-group"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-personalized-filter/subcomponents/snk-expression-item/filter-operands/filter-operands.js

@@ -1,19 +1,19 @@
 import { UserInterface } from '@sankhyalabs/core';
 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" },
 ];
 export 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" }
 ]);
 export const FilterOperandTypeTextSearch = defaultsOperand;
 export const FIELD_TYPE_SEARCH_AND_TEXT = [

package/dist/collection/components/snk-personalized-filter/subcomponents/snk-expression-item/snk-expression-item.js

@@ -155,12 +155,15 @@ export class SnkExpressionItem {
   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);
@@ -256,9 +259,7 @@ export class SnkExpressionItem {
   }
   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) })))))));
   }

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

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