@sankhyalabs/sankhyablocks 3.2.2 → 3.2.3

package/dist/cjs/{SnkMessageBuilder-c596bd9c.js → SnkMessageBuilder-e103fb59.js}

@@ -119,6 +119,16 @@ const snkExporterMessages = {
   emailSenderInfoStep_message: "Mensagem"
 };
 
+const fileViewerMessages = {
+  error: {
+    title: "Erro na Exportação",
+    message: "O usuário não possui permissão para exportar o arquivo."
+  },
+  message: {
+    exportSuccess: "Exportado com sucesso!",
+  }
+};
+
 const snkFormMessages = {
   title: {
     clone: "Duplicar registro",
@@ -245,7 +255,7 @@ const snkDataExporterMessages = {
   message: {
     emailSuccess: "E-mail enviado com sucesso",
     exportError: "Erro ao realizar a exportação",
-    exportSuccess: "Exportado com sucesso!",
+    exportPermission: "O usuário não possui permissão para exportar o arquivo.",
   },
   title: {
     error: "Erro",
@@ -275,7 +285,8 @@ class SnkMessageBuilder {
       snkGrid: snkGridMessages,
       snkGridConfig: snkGridConfigMessages,
       snkExporter: snkExporterMessages,
-      snkDataExporter: snkDataExporterMessages
+      snkDataExporter: snkDataExporterMessages,
+      fileViewer: fileViewerMessages
     };
     this._currentOperation = exports.OperationMap.CLEAN;
     this.loadAppMessages().then((msgs) => {

package/dist/cjs/snk-application.cjs.entry.js

@@ -6,7 +6,7 @@ const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const SnkMessageBuilder = require('./SnkMessageBuilder-c596bd9c.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-e103fb59.js');
 require('./_commonjsHelpers-537d719a.js');
 
 class SnkErrorHandler {

package/dist/cjs/snk-configurator_3.cjs.entry.js

@@ -94,19 +94,20 @@ const SnkConfigurator = class {
     }
   }
   render() {
-    return (index.h("ez-modal", { opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small" }, index.h("div", { class: "snk-configurator" }, index.h("div", { class: "snk-configurator__header" }, index.h("label", { class: "snk-configurator__title" }, this.getMessage("snkConfigurator.titleConfigurations")), index.h("div", { class: "snk-configurator__button-close" }, index.h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), index.h("div", { class: "snk-configurator__main" }, index.h("ez-radio-button", { class: "ez-margin-top--medium", label: this.getMessage("snkConfigurator.subTitleModeConfig"), value: this.getViewModeValue(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, index.h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelGrid"), value: GRID_MODE.name }), index.h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelForm"), value: FORM_MODE.name })), index.h("ez-button", { mode: "slim", label: this.viewMode === GRID_MODE.name
+    return (index.h("ez-modal", { opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small" }, index.h("div", { class: "snk-configurator" }, index.h("div", { class: "snk-configurator__header" }, index.h("label", { class: "snk-configurator__title" }, this.getMessage("snkConfigurator.titleConfigurations")), index.h("div", { class: "snk-configurator__button-close" }, index.h("ez-button", { mode: 'icon', iconName: "close", size: 'medium', onClick: () => this.closeConfig() }))), index.h("div", { class: "snk-configurator__main" }, index.h("ez-radio-button", { class: "ez-margin-top--medium", label: this.getMessage("snkConfigurator.subTitleModeConfig"), value: this.getViewModeValue(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, index.h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelGrid"), value: GRID_MODE.name }), index.h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelForm"), value: FORM_MODE.name })), index.h("ez-button", { label: this.viewMode === GRID_MODE.name
         ? this.getMessage("snkConfigurator.labelConfigGrid")
         : this.getMessage("snkConfigurator.labelConfigForm"), class: "snk-configurator__button-config ez-button--primary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }), index.h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" })))));
   }
 };
 SnkConfigurator.style = snkConfiguratorCss;
 
-const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__required--padding-left:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__required-label.sc-snk-field-config{color:var(--snk-field-config__required--color);padding-left:var(--snk-field-config__required--padding-left)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}";
+const snkFieldConfigCss = ".sc-snk-field-config-h{--snk-field-config--height:42px;--snk-field-config--width:100%;--snk-field-config__icon--width:48px;--snk-field-config-slim--height:32px;--snk-field-config--border-radius:var(--border--radius-medium, 12px);--snk-field-config--font-size:var(--text--medium, 14px);--snk-field-config--font-family:var(--font-pattern, Arial);--snk-field-config--font-weight:var(--text-weight--medium, 400);--snk-field-config--color:var(--title--primary, #000);--snk-field-config--padding-left:var(--space--medium, 6px);--snk-field-config__input--background-color:var(--background--medium, #e0e0e0);--snk-field-config__input--border:var(--border--medium, 2px solid);--snk-field-config__input--border-color:var(--background--xlight, #fff);--snk-field-config__required--color:var(--color--error, #FF0000);--snk-field-config__label--gap:var(--space--extra-small, 3px);--snk-field-config__transition--visibility:var(--transition, 0.2s linear);--snk-field-config__transition--opacity:var(--transition, 0.15s linear);--snk-field-config__config-popover--z-index:var(--more-visible, 2);--snk-field-config__config-outer-arrow--background-color:var(--color--secondary-200, #D2D3DA);--snk-field-config__draggable--padding-right:var(--space--small, 6px);display:flex;flex-wrap:wrap;position:relative;width:var(--snk-field-config--width)}.field-config.sc-snk-field-config{width:100%;box-sizing:border-box;display:flex;align-items:center;padding-left:var(--snk-field-config--padding-left);font-weight:var(--snk-field-config--font-weight);height:var(--snk-field-config--height);border-radius:var(--snk-field-config--border-radius);font-family:var(--snk-field-config--font-family);font-size:var(--snk-field-config--font-size);border:var(--snk-field-config__input--border);border-color:var(--snk-field-config__input--border-color);background-color:var(--snk-field-config__input--background-color);color:var(--snk-field-config--color)}.field-config__config-popover.sc-snk-field-config{width:40px;margin-left:auto;z-index:var(--snk-field-config__config-popover--z-index)}.field-config__label.sc-snk-field-config{display:flex;flex-direction:row-reverse;line-height:calc(var(--snk-field-config--font-size) + 2px);gap:var(--snk-field-config__label--gap)}.field-config__label-text.sc-snk-field-config{overflow:hidden;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto;height:auto;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;display:-webkit-box;-o-text-overflow:ellipsis;text-overflow:ellipsis;word-break:break-word}.field-config__label-required.sc-snk-field-config{color:var(--snk-field-config__required--color)}.field-config__add.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options.sc-snk-field-config{display:flex;margin-left:auto;visibility:hidden;opacity:0;transition:visibility var(--snk-field-config__transition--visibility), opacity var(--snk-field-config__transition--opacity)}.field-config__options--is-active.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config__remove-icon.sc-snk-field-config{margin-right:-15px}.field-config.sc-snk-field-config:hover .field-config__options.sc-snk-field-config{display:flex;visibility:visible;opacity:1}.field-config.sc-snk-field-config:hover .field-config__add.sc-snk-field-config{visibility:visible;opacity:1}.field-config__draggable.sc-snk-field-config{padding-right:var(--snk-field-config__draggable--padding-right)}.field-config__config-outer-arrow.sc-snk-field-config{clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px;padding-top:3px;border-bottom:1px solid #FFFFFF;background-color:var(--snk-field-config__config-outer-arrow--background-color)}.field-config__config-inner-arrow.sc-snk-field-config{background-color:#FFFFFF;clip-path:polygon(50% 0, 90% 100%, 10% 100%);border-radius:0.25em 0 0 0;width:30px;height:15px}.ez-box__container.sc-snk-field-config ez-collapsible-box.sc-snk-field-config{--snk-collapsible-box__header--padding-left:6px}ez-icon.sc-snk-field-config{--snk-icon--color:var(--snk-field-config--color)}ez-popover.sc-snk-field-config{--snk-popover__box--background-color:transparent;--snk-popover__box--box-shadow:none}.field-config__options.sc-snk-field-config ez-button.sc-snk-field-config{--snk-button--background-color:transparent;--snk-button--focus--border:none;--snk-button--focus--box-shadow:none}@media screen and (min-width: 1200px){.field-config__label.sc-snk-field-config{flex-direction:row}}";
 
 const SnkFieldConfig = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.ezClickIcon = index.createEvent(this, "ezClickIcon", 7);
+    this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
     this.isConfigActive = false;
     this.fieldConfig = undefined;
     this.modeInsertion = true;
@@ -145,7 +146,7 @@ const SnkFieldConfig = class {
     if (this.fieldConfig == undefined) {
       return;
     }
-    return (index.h(index.Host, null, index.h("div", { class: "field-config" }, index.h("div", { class: "field-config__draggable" }, index.h("ez-icon", { iconName: "drag-indicator", size: "small" })), index.h("div", null, this.fieldConfig.label, this.isRequired() && index.h("span", { class: "field-config__required-label" }, "*")), this.modeInsertion ?
+    return (index.h(index.Host, null, index.h("div", { class: "field-config" }, index.h("div", { class: "field-config__draggable" }, index.h("ez-icon", { iconName: "drag-indicator", size: "small" })), index.h("div", { class: "field-config__label" }, index.h("span", { class: "field-config__label-text", lang: this._lang, title: this.fieldConfig.label }, this.fieldConfig.label), this.isRequired() && index.h("span", { class: "field-config__label-required" }, "*")), this.modeInsertion ?
       index.h("div", { class: "field-config__add" }, index.h("ez-button", { onClick: (evt) => this.handleAction(evt, constants.ACTION_CONFIG.add), mode: "icon", class: "ez-button--tertiary", iconName: "plus", size: "large", title: this.getMessage("snkFieldConfig.titleAdd") })) :
       index.h("div", { class: "field-config__options" + (this.isConfigActive ? " field-config__options--is-active" : " ") }, index.h("ez-button", { mode: "icon", class: "ez-button--tertiary field-config__remove-icon", onClick: (evt) => this.handleAction(evt, constants.ACTION_CONFIG.remove), iconName: "minus", size: "large", title: this.getMessage("snkFieldConfig.titleRemove") }), index.h("ez-button", { id: "buttonConfig_" + this.fieldConfig.name, mode: "icon", class: "ez-button--tertiary", onClick: (evt) => this.handleAction(evt, constants.ACTION_CONFIG.configuration), iconName: this.isConfigActive ? "chevron-up" : "settings-inverted", size: "large", title: this.getMessage("snkFieldConfig.titleConfigurations") }))), this.isConfigActive && index.h("div", { class: "field-config__config-popover" }, index.h("div", { class: "field-config__config-outer-arrow" }, index.h("div", { class: "field-config__config-inner-arrow" })))));
   }
@@ -239,18 +240,19 @@ const SnkGrid = class {
       .then(() => {
       this.setGridConfig(config);
       this.closeGridConfig();
+      this.dataExporterProviderStore();
     });
   }
   buildColumnsMetadata(columnsMetadata, gridColumns) {
     gridColumns === null || gridColumns === void 0 ? void 0 : gridColumns.forEach((column) => {
-      var _a, _b, _c, _d, _e;
+      var _a, _b;
       /**
        * TODO: Analisar e criar uma melhor forma de tratar essa validação do "RECDESP".
        */
       if (column.hidden && column.name !== "RECDESP") {
         return;
       }
-      const fieldData = (_d = (_c = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.metadata) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.filter((field) => field.name === column.name)) === null || _d === void 0 ? void 0 : _d[0];
+      const fieldData = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.getField(column.name);
       const columnData = {
         label: column.label,
         id: column.name,
@@ -259,10 +261,12 @@ const SnkGrid = class {
         userInterface: fieldData === null || fieldData === void 0 ? void 0 : fieldData.userInterface
       };
       columnsMetadata.push(columnData);
-      if (((_e = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _e === void 0 ? void 0 : _e.DESCRIPTIONFIELD) != undefined) {
+      if (((_b = fieldData === null || fieldData === void 0 ? void 0 : fieldData.properties) === null || _b === void 0 ? void 0 : _b.DESCRIPTIONFIELD) != undefined) {
+        const mergedFrom = fieldData.properties.mergedFrom;
+        const descriptionField = `${fieldData.properties.ENTITYNAME}.${fieldData.properties.DESCRIPTIONFIELD}`;
         const descriptionColumn = {
           label: fieldData.properties.DESCRIPTIONENTITY,
-          id: fieldData.properties.ENTITYNAME + "." + fieldData.properties.DESCRIPTIONFIELD,
+          id: `${mergedFrom ? (mergedFrom + ".") : ""}${descriptionField}`,
           width: 200,
           type: core.DataType.TEXT,
           userInterface: UnitMetadata.UserInterface.LONGTEXT
@@ -286,17 +290,6 @@ const SnkGrid = class {
     }
     return offset;
   }
-  getExporterLimit(paginationInfo) {
-    if (paginationInfo == undefined) {
-      return;
-    }
-    const { firstRecord, lastRecord } = paginationInfo;
-    const limit = firstRecord > 0 && lastRecord > 0 && (lastRecord - firstRecord + 1);
-    if (!limit) {
-      return;
-    }
-    return limit;
-  }
   async dataExporterProviderStore() {
     var _a, _b;
     const paginationInfo = this.getPaginationInfo();
@@ -335,7 +328,8 @@ const SnkGrid = class {
         return this.getExporterOffset(paginationInfo);
       },
       getLimit: () => {
-        return this.getExporterLimit(paginationInfo);
+        var _a;
+        return (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.pageSize;
       },
       getRecordID: () => {
         var _a, _b, _c;

package/dist/cjs/snk-crud.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const constants = require('./constants-8f3504ec.js');
-const taskbarElements = require('./taskbar-elements-8d38f43a.js');
+const taskbarElements = require('./taskbar-elements-d7eb170e.js');
 const index$1 = require('./index-0e663819.js');
 require('./index-fc7ca86c.js');
 

package/dist/cjs/snk-data-exporter_8.cjs.entry.js

@@ -8,11 +8,13 @@ const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index = require('./index-0e663819.js');
 const constants = require('./constants-8f3504ec.js');
 const ConfigStorage = require('./ConfigStorage-8b5e3261.js');
+const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
 const filterItemType_enum = require('./filter-item-type.enum-3daf58d3.js');
 const ezModalContainer = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
+const CheckMode = require('@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-8d38f43a.js');
+const taskbarElements = require('./taskbar-elements-d7eb170e.js');
 require('./_commonjsHelpers-537d719a.js');
 require('./index-fc7ca86c.js');
 
@@ -187,19 +189,11 @@ function getFormatResponse$1(result) {
   return core.ObjectUtils.stringToObject(response);
 }
 
-function fileViewer({ fileSessionKey, canPrint, canExport, useAppPrint, isDownload }) {
-  if (useAppPrint && !isDownload) {
-    webConnection(fileSessionKey, canPrint, canExport);
-  }
-  else {
-    window.open(`${window.location.protocol}//${window.location.hostname}:${window.location.port}/mge/visualizadorArquivos.mge?chaveArquivo=${fileSessionKey}${isDownload ? "&download=S" : ""}`);
-  }
+function getMessage(application, key, params) {
+  var _a;
+  return (_a = application === null || application === void 0 ? void 0 : application.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params);
 }
-function webConnection(fileSessionKey, canPrint, canExport) {
-  const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-  if (application == undefined) {
-    return;
-  }
+function webConnection(fileSessionKey, canPrint, canExport, application) {
   const keyPort = constants.KEY_PORT_EXPORT;
   const methodName = constants.WEB_CONNECTION.methods.PDF_VIEWER;
   const params = {
@@ -208,7 +202,20 @@ function webConnection(fileSessionKey, canPrint, canExport) {
     permiteExportar: canExport ? "S" : "N",
     contentType: "S"
   };
-  application.webConnection(keyPort, methodName, params);
+  application === null || application === void 0 ? void 0 : application.webConnection(keyPort, methodName, params);
+}
+function fileViewer({ fileSessionKey, canPrint, canExport, useAppPrint, isDownload, fileType }) {
+  const application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
+  if (isDownload && !canExport && fileType === index.DataExporterType.EXPORT_PAGE_TO_XLS) {
+    const title = getMessage(application, "fileViewer.error.title");
+    const message = getMessage(application, "fileViewer.error.message");
+    return utils.ApplicationUtils.error(title, message);
+  }
+  if (useAppPrint && !isDownload) {
+    return webConnection(fileSessionKey, canPrint, canExport, application);
+  }
+  window.open(`${window.location.protocol}//${window.location.hostname}:${window.location.port}/mge/visualizadorArquivos.mge?chaveArquivo=${fileSessionKey}${isDownload ? "&download=S" : ""}`);
+  utils.ApplicationUtils.info(getMessage(application, "fileViewer.message.exportSuccess"), { iconName: "check" });
 }
 
 function getPersonalizedReports(requestBody) {
@@ -258,17 +265,17 @@ const SnkDataExporter = class {
         attachments: [
           { name: this._appLabel }
         ]
+      },
+      resolver: ({ type, format, email: { to, subject, message } }) => {
+        var _a;
+        const methodName = (_a = index.DataExporterFormat[format === null || format === void 0 ? void 0 : format.toUpperCase()]) !== null && _a !== void 0 ? _a : index.DataExporterFormat.PDF;
+        this.resolveExporter({ type, methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
+          this._snkEmailSender.close();
+          utils.ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
+        });
       }
     };
-    this._snkEmailSender.open(config)
-      .then(({ format, email: { to, subject, message } }) => {
-      var _a;
-      const methodName = (_a = index.DataExporterFormat[format === null || format === void 0 ? void 0 : format.toUpperCase()]) !== null && _a !== void 0 ? _a : index.DataExporterFormat.PDF;
-      this.resolveExporter({ methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
-        this._snkEmailSender.close();
-        utils.ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
-      });
-    });
+    this._snkEmailSender.open(config);
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -325,11 +332,14 @@ const SnkDataExporter = class {
       columns,
       sort,
       resourceURI, selectedIDs: selectedIDs.slice(0, LIMIT_PER_EXPORT) }, resolveProps);
-    if (currentPageOptions.includes(option)) {
+    if (currentPageOptions.includes(option) || resolveProps.type == "page") {
       const offset = this.provider.getOffset();
       const limit = this.provider.getLimit();
       params = Object.assign(Object.assign({}, params), { offset,
-        limit });
+        limit, selectedIDs: [] });
+    }
+    else if (resolveProps.type == "all") {
+      params = Object.assign(Object.assign({}, params), { offset: 0, limit: LIMIT_PER_EXPORT, selectedIDs: [] });
     }
     fetchDataExporter(params)
       .then((result) => callbackResolver(result))
@@ -356,7 +366,6 @@ const SnkDataExporter = class {
     this.resolveExporter(params, (response) => {
       fileViewer(Object.assign(Object.assign({}, response), { fileType,
         isDownload }));
-      utils.ApplicationUtils.info(this.getMessage("snkDataExporter.message.exportSuccess"), { iconName: "check" });
     });
   }
   async processExporter(evt) {
@@ -987,7 +996,7 @@ const SnkFilterBar = class {
     if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
       return undefined;
     }
-    return (index$1.h(index$1.Host, null, index$1.h("ez-scroller", { direction: "horizontal", activeShadow: true, locked: this.scrollerLocked }, this.getFilterItems()), index$1.h("snk-filter-list", { id: APPLIED_FILTERS, onFocusin: () => this.itemFocused(APPLIED_FILTERS), items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail), "data-element-id": "apppliedFilters" }), index$1.h("snk-filter-list", { id: ADD_FILTER, onFocusin: () => this.itemFocused(ADD_FILTER), items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail), "data-element-id": "addFilters" }, index$1.h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
+    return (index$1.h(index$1.Host, null, index$1.h("ez-scroller", { direction: EzScrollDirection.EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, this.getFilterItems()), index$1.h("snk-filter-list", { id: APPLIED_FILTERS, onFocusin: () => this.itemFocused(APPLIED_FILTERS), items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail), "data-element-id": "apppliedFilters" }), index$1.h("snk-filter-list", { id: ADD_FILTER, onFocusin: () => this.itemFocused(ADD_FILTER), items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail), "data-element-id": "addFilters" }, index$1.h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
   }
   get _element() { return index$1.getElement(this); }
   static get watchers() { return {
@@ -1385,7 +1394,7 @@ const SnkFilterModal = class {
   }
   buildItems(list) {
     return list.map(item => {
-      return (index$1.h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, index$1.h("ez-check", { id: `checkbox_${item.id}`, tabIndex: "-1", class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: utils.CheckMode.SWITCH }), index$1.h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
+      return (index$1.h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, index$1.h("ez-check", { id: `checkbox_${item.id}`, tabIndex: -1, class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: utils.CheckMode.SWITCH }), index$1.h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
     });
   }
   itemKeyBoardSelect(event, item) {
@@ -1521,7 +1530,7 @@ const EzGridConfig = class {
   }
   buildColumnListSlot(item, group) {
     const dataElementId = `configItem_${core.StringUtils.replaceAccentuatedChars(core.StringUtils.toCamelCase(item.label))}`;
-    return (index$1.h("div", null, index$1.h("ez-check", { mode: 'switch', id: 'switch' + ((item === null || item === void 0 ? void 0 : item.label) || '') + ((group === null || group === void 0 ? void 0 : group.group) || ''), value: group.group === this.getMessage("snkGridConfig.group.visible"), "data-element-id": dataElementId, onEzChange: (evt) => { this.switchColumnGroup(evt, item); } })));
+    return (index$1.h("div", null, index$1.h("ez-check", { mode: CheckMode.CheckMode.SWITCH, id: CheckMode.CheckMode.SWITCH + ((item === null || item === void 0 ? void 0 : item.label) || '') + ((group === null || group === void 0 ? void 0 : group.group) || ''), value: group.group === this.getMessage("snkGridConfig.group.visible"), "data-element-id": dataElementId, onEzChange: (evt) => { this.switchColumnGroup(evt, item); } })));
   }
   buildOrderListSlot(item) {
     const dataElementId = `${this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME)}_configItem_${core.StringUtils.toCamelCase(item.label)}`;
@@ -1787,10 +1796,13 @@ const EzGridConfig = class {
     }
   }
   compareWords(column, searchingText) {
-    if (core.StringUtils.replaceAccentuatedChars(column.label).indexOf(core.StringUtils.replaceAccentuatedChars(searchingText)) > -1) {
-      return true;
+    var _a, _b;
+    const columnLabel = (_a = core.StringUtils.replaceAccentuatedChars(column === null || column === void 0 ? void 0 : column.label)) === null || _a === void 0 ? void 0 : _a.toUpperCase();
+    const argument = (_b = core.StringUtils.replaceAccentuatedChars(searchingText)) === null || _b === void 0 ? void 0 : _b.toUpperCase();
+    if (core.StringUtils.isEmpty(columnLabel) || core.StringUtils.isEmpty(argument)) {
+      return false;
     }
-    return false;
+    return columnLabel.includes(argument);
   }
   getColumnNames() {
     const listNames = [];

package/dist/cjs/snk-data-unit.cjs.entry.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-21bd01e1.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const SnkMessageBuilder = require('./SnkMessageBuilder-c596bd9c.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-e103fb59.js');
 
 const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%}";
 

package/dist/cjs/snk-exporter-email-sender.cjs.entry.js

@@ -8,8 +8,8 @@ const core = require('@sankhyalabs/core');
 const EmailInfoStep = ({ getMessage, changeInfo, data }) => {
   const { format, email } = data || {};
   return index.h("div", null,
-    index.h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, required: true, value: email === null || email === void 0 ? void 0 : email.to, onEzChange: evt => changeInfo("to", evt.detail.trim()) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("sendTo")}` })),
-    index.h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, required: true, value: email === null || email === void 0 ? void 0 : email.subject, onEzChange: evt => changeInfo("subject", evt.detail.trim()) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("subject")}` })),
+    index.h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, value: email === null || email === void 0 ? void 0 : email.to, onEzChange: evt => { var _a; return changeInfo("to", (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.trim()); } }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("sendTo")}` })),
+    index.h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, value: email === null || email === void 0 ? void 0 : email.subject, onEzChange: evt => { var _a; return changeInfo("subject", (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.trim()); } }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("subject")}` })),
     index.h("ez-text-area", Object.assign({ label: getMessage("snkExporter.emailSenderInfoStep_message"), value: email === null || email === void 0 ? void 0 : email.message, onEzChange: evt => changeInfo("message", evt.detail) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("message")}` })),
     ((email === null || email === void 0 ? void 0 : email.attachments) || [])
       .map((file, index$1) => index.h("ez-file-item", Object.assign({ class: "ez-padding-bottom--large", fileName: `${file.name}.${format}`, fileSize: file.size, canRemove: false }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("fileItem_") + (index$1 + 1)}` }))));
@@ -101,8 +101,8 @@ const SnkExporterEmailSender = class {
     }
   }
   send() {
-    const { format, type, email } = this._config;
-    this._promiseResolver({ format, type, email, report: undefined });
+    const { format, type, email, resolver } = this._config;
+    resolver({ format, type, email, report: undefined });
   }
   isFilled() {
     var _a, _b;

package/dist/cjs/snk-tab-config.cjs.entry.js

@@ -246,6 +246,10 @@ const SnkTabConfig = class {
   }
   handleSaveEditionText(editDetails) {
     const { value, newValue } = editDetails.detail;
+    if (value === newValue) {
+      this.cancelEditText();
+      return;
+    }
     this._processedTabs.forEach((tab) => {
       if (tab.label === value) {
         tab.label = newValue;

package/dist/cjs/{taskbar-elements-8d38f43a.js → taskbar-elements-d7eb170e.js}

@@ -99,10 +99,10 @@ function textButton(name, className, dataElementId, text, title, action, isEnabl
   return index.h("ez-button", { title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) });
 }
 function iconButton(iconName, name, className, dataElementId, title, action, isEnabled) {
-  return index.h("ez-button", { name: iconName, title: title, mode: "icon", size: "small", class: className, "data-element-id": dataElementId, iconName: iconName, enabled: isEnabled(name), onClick: () => action(name) });
+  return index.h("ez-button", { title: title, mode: "icon", size: "small", class: className, "data-element-id": dataElementId, iconName: iconName, enabled: isEnabled(name), onClick: () => action(name) });
 }
 function iconTextButton(iconName, name, className, dataElementId, text, title, action, isEnabled) {
-  return index.h("ez-button", { name: iconName, title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
+  return index.h("ez-button", { title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
     index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }
 function actionButton(element, className, dataElementId, title, action, isEnabled, actions) {

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

@@ -78,7 +78,7 @@ export class SnkConfigurator {
     }
   }
   render() {
-    return (h("ez-modal", { opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small" }, 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-radio-button", { class: "ez-margin-top--medium", label: this.getMessage("snkConfigurator.subTitleModeConfig"), value: this.getViewModeValue(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelGrid"), value: GRID_MODE.name }), h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelForm"), value: FORM_MODE.name })), h("ez-button", { mode: "slim", label: this.viewMode === GRID_MODE.name
+    return (h("ez-modal", { opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small" }, 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-radio-button", { class: "ez-margin-top--medium", label: this.getMessage("snkConfigurator.subTitleModeConfig"), value: this.getViewModeValue(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelGrid"), value: GRID_MODE.name }), h("ez-radio-button-option", { label: this.getMessage("snkConfigurator.labelForm"), value: FORM_MODE.name })), h("ez-button", { label: this.viewMode === GRID_MODE.name
         ? this.getMessage("snkConfigurator.labelConfigGrid")
         : this.getMessage("snkConfigurator.labelConfigForm"), class: "snk-configurator__button-config ez-button--primary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }), h("hr", { class: "ez-divider-horizontal ez-margin-vertical--medium" })))));
   }

package/dist/collection/components/snk-data-exporter/exporter-email-sender/email-info-step.js

@@ -2,6 +2,6 @@ import { h } from "@stencil/core";
 import { ElementIDUtils } from '@sankhyalabs/core';
 export const EmailInfoStep = ({ getMessage, changeInfo, data }) => {
   const { format, email } = data || {};
-  return h("div", null, h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, required: true, value: email === null || email === void 0 ? void 0 : email.to, onEzChange: evt => changeInfo("to", evt.detail.trim()) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("sendTo")}` })), h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, required: true, value: email === null || email === void 0 ? void 0 : email.subject, onEzChange: evt => changeInfo("subject", evt.detail.trim()) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("subject")}` })), h("ez-text-area", Object.assign({ label: getMessage("snkExporter.emailSenderInfoStep_message"), value: email === null || email === void 0 ? void 0 : email.message, onEzChange: evt => changeInfo("message", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("message")}` })), ((email === null || email === void 0 ? void 0 : email.attachments) || [])
+  return h("div", null, h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_sendTo")} (obrigatório) *`, value: email === null || email === void 0 ? void 0 : email.to, onEzChange: evt => { var _a; return changeInfo("to", (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.trim()); } }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("sendTo")}` })), h("ez-text-input", Object.assign({ label: `${getMessage("snkExporter.emailSenderInfoStep_subject")} (obrigatório) *`, value: email === null || email === void 0 ? void 0 : email.subject, onEzChange: evt => { var _a; return changeInfo("subject", (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.trim()); } }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("subject")}` })), h("ez-text-area", Object.assign({ label: getMessage("snkExporter.emailSenderInfoStep_message"), value: email === null || email === void 0 ? void 0 : email.message, onEzChange: evt => changeInfo("message", evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("message")}` })), ((email === null || email === void 0 ? void 0 : email.attachments) || [])
     .map((file, index) => h("ez-file-item", Object.assign({ class: "ez-padding-bottom--large", fileName: `${file.name}.${format}`, fileSize: file.size, canRemove: false }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("fileItem_") + (index + 1)}` }))));
 };

package/dist/collection/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender.js

@@ -65,8 +65,8 @@ export class SnkExporterEmailSender {
     }
   }
   send() {
-    const { format, type, email } = this._config;
-    this._promiseResolver({ format, type, email, report: undefined });
+    const { format, type, email, resolver } = this._config;
+    resolver({ format, type, email, report: undefined });
   }
   isFilled() {
     var _a, _b;

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

@@ -34,17 +34,17 @@ export class SnkDataExporter {
         attachments: [
           { name: this._appLabel }
         ]
+      },
+      resolver: ({ type, format, email: { to, subject, message } }) => {
+        var _a;
+        const methodName = (_a = DataExporterFormat[format === null || format === void 0 ? void 0 : format.toUpperCase()]) !== null && _a !== void 0 ? _a : DataExporterFormat.PDF;
+        this.resolveExporter({ type, methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
+          this._snkEmailSender.close();
+          ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
+        });
       }
     };
-    this._snkEmailSender.open(config)
-      .then(({ format, email: { to, subject, message } }) => {
-      var _a;
-      const methodName = (_a = DataExporterFormat[format === null || format === void 0 ? void 0 : format.toUpperCase()]) !== null && _a !== void 0 ? _a : DataExporterFormat.PDF;
-      this.resolveExporter({ methodName, to, subject, message, fileName: this._appLabel, titleGrid: this._appLabel }, () => {
-        this._snkEmailSender.close();
-        ApplicationUtils.info(this.getMessage("snkDataExporter.message.emailSuccess"), { iconName: "check" });
-      });
-    });
+    this._snkEmailSender.open(config);
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -101,11 +101,14 @@ export class SnkDataExporter {
       columns,
       sort,
       resourceURI, selectedIDs: selectedIDs.slice(0, LIMIT_PER_EXPORT) }, resolveProps);
-    if (currentPageOptions.includes(option)) {
+    if (currentPageOptions.includes(option) || resolveProps.type == "page") {
       const offset = this.provider.getOffset();
       const limit = this.provider.getLimit();
       params = Object.assign(Object.assign({}, params), { offset,
-        limit });
+        limit, selectedIDs: [] });
+    }
+    else if (resolveProps.type == "all") {
+      params = Object.assign(Object.assign({}, params), { offset: 0, limit: LIMIT_PER_EXPORT, selectedIDs: [] });
     }
     fetchDataExporter(params)
       .then((result) => callbackResolver(result))
@@ -132,7 +135,6 @@ export class SnkDataExporter {
     this.resolveExporter(params, (response) => {
       fileViewer(Object.assign(Object.assign({}, response), { fileType,
         isDownload }));
-      ApplicationUtils.info(this.getMessage("snkDataExporter.message.exportSuccess"), { iconName: "check" });
     });
   }
   async processExporter(evt) {

package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.js

@@ -35,7 +35,7 @@ export class SnkFilterModal {
   }
   buildItems(list) {
     return list.map(item => {
-      return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: "-1", class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: CheckMode.SWITCH }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
+      return (h("button", { onClick: () => this.updateValue(item.id), class: "ez-padding--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item ez-align--middle ez-margin-bottom--small" }, h("ez-check", { id: `checkbox_${item.id}`, tabIndex: -1, class: "sc-snk-filter-bar snk-filter-bar__filter-modal-item__check", onEzChange: evt => this.updateValue(item.id, evt.detail), enabled: item.enabled, value: item.active, mode: CheckMode.SWITCH }), h("div", { class: "ez-text ez-title--primary ez-text--medium ez-margin-left--medium sc-snk-filter-bar snk-filter-bar__filter-modal-item__label" }, item.label)));
     });
   }
   itemKeyBoardSelect(event, item) {

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

@@ -1,5 +1,6 @@
 import { h, Host } from '@stencil/core';
 import { ApplicationContext, ElementIDUtils, ErrorException, ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
 import FilterItemType from './filter-item/filter-item-type.enum';
 import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
 import buildFilter from './filter-item/dataunitfilter/data-unit-filter-builder';
@@ -374,7 +375,7 @@ export class SnkFilterBar {
     if (!this.dataUnit || !this.filterConfig || this.filterConfig.length === 0) {
       return undefined;
     }
-    return (h(Host, null, h("ez-scroller", { direction: "horizontal", activeShadow: true, locked: this.scrollerLocked }, this.getFilterItems()), h("snk-filter-list", { id: APPLIED_FILTERS, onFocusin: () => this.itemFocused(APPLIED_FILTERS), items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail), "data-element-id": "apppliedFilters" }), h("snk-filter-list", { id: ADD_FILTER, onFocusin: () => this.itemFocused(ADD_FILTER), items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail), "data-element-id": "addFilters" }, h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
+    return (h(Host, null, h("ez-scroller", { direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, this.getFilterItems()), h("snk-filter-list", { id: APPLIED_FILTERS, onFocusin: () => this.itemFocused(APPLIED_FILTERS), items: this.getAppliedListItems(), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyAppliedFiltersList"), findFilterText: this.getMessage("snkFilterBar.findFilter"), iconName: "filter", class: "ez-padding-left--medium", buttonClass: this.getActiveClass(), onSnkItemSelected: evt => this.appliedFilterHandler(evt.detail), "data-element-id": "apppliedFilters" }), h("snk-filter-list", { id: ADD_FILTER, onFocusin: () => this.itemFocused(ADD_FILTER), items: this.getAddListItems(), label: this.getMessage("snkFilterBar.addFilter"), getMessage: (key, params) => this.getMessage(key, params), emptyText: this.getMessage("snkFilterBar.emptyFiltersList"), findFilterText: this.getMessage("snkFilterBar.findField"), class: "ez-padding-left--medium", onSnkItemSelected: evt => this.addFilterHandler(evt.detail), "data-element-id": "addFilters" }, h("ez-icon", { slot: "leftIcon", class: "ez-padding-right--small", iconName: "plus" }))));
   }
   static get is() { return "snk-filter-bar"; }
   static get encapsulation() { return "scoped"; }

package/dist/collection/components/snk-form/subcomponents/snk-field-config/snk-field-config.css

@@ -27,8 +27,8 @@
   --snk-field-config__input--border-color: var(--background--xlight, #fff);
   /*@doc Define no modo normal a borda com a mesma cor do bg.*/
   --snk-field-config__required--color: var(--color--error, #FF0000);
-  /*@doc Define espeçamento interno esquerdo do label de required.*/
-  --snk-field-config__required--padding-left: var(--space--extra-small, 3px);
+  /*@doc Define o espeçamento entre os elementos internos do label.*/
+  --snk-field-config__label--gap: var(--space--extra-small, 3px);
   /*@doc Define o efeito de visualização do componente.*/
   --snk-field-config__transition--visibility: var(--transition, 0.2s linear);
   /*@doc Define o efeito de opacidade do componente.*/
@@ -81,10 +81,35 @@
   z-index: var(--snk-field-config__config-popover--z-index);
 }
 
-.field-config__required-label {
+.field-config__label {
+  /*private*/
+  display: flex;
+  flex-direction: row-reverse;
+
+  /*public*/
+  line-height: calc(var(--snk-field-config--font-size) + 2px);
+  gap: var(--snk-field-config__label--gap);
+}
+
+.field-config__label-text {
+  /*private*/
+  overflow: hidden;
+  -webkit-hyphens: auto;
+  -ms-hyphens: auto;
+  hyphens: auto;
+  height: auto;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+  line-clamp: 2;
+  display: -webkit-box;
+  -o-text-overflow: ellipsis;
+  text-overflow: ellipsis;
+  word-break: break-word;
+}
+
+.field-config__label-required {
   /*public*/
   color: var(--snk-field-config__required--color);
-  padding-left: var(--snk-field-config__required--padding-left);
 }
 
 .field-config__add {
@@ -184,4 +209,11 @@ ez-popover {
   --snk-button--background-color: transparent;
   --snk-button--focus--border: none;
   --snk-button--focus--box-shadow: none;
+}
+
+@media screen and (min-width: 1200px) {
+  .field-config__label {
+    /*private*/
+    flex-direction: row;
+  }
 }

package/dist/collection/components/snk-form/subcomponents/snk-field-config/snk-field-config.js

@@ -3,6 +3,7 @@ import { h, Host } from "@stencil/core";
 import { ACTION_CONFIG } from "../../../../lib/utils/constants";
 export class SnkFieldConfig {
   constructor() {
+    this._lang = "pt"; // Controla qual idioma será usado para definir a regras de hifenização.
     this.isConfigActive = false;
     this.fieldConfig = undefined;
     this.modeInsertion = true;
@@ -41,7 +42,7 @@ export class SnkFieldConfig {
     if (this.fieldConfig == undefined) {
       return;
     }
-    return (h(Host, null, h("div", { class: "field-config" }, h("div", { class: "field-config__draggable" }, h("ez-icon", { iconName: "drag-indicator", size: "small" })), h("div", null, this.fieldConfig.label, this.isRequired() && h("span", { class: "field-config__required-label" }, "*")), this.modeInsertion ?
+    return (h(Host, null, h("div", { class: "field-config" }, h("div", { class: "field-config__draggable" }, h("ez-icon", { iconName: "drag-indicator", size: "small" })), h("div", { class: "field-config__label" }, h("span", { class: "field-config__label-text", lang: this._lang, title: this.fieldConfig.label }, this.fieldConfig.label), this.isRequired() && h("span", { class: "field-config__label-required" }, "*")), this.modeInsertion ?
       h("div", { class: "field-config__add" }, h("ez-button", { onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.add), mode: "icon", class: "ez-button--tertiary", iconName: "plus", size: "large", title: this.getMessage("snkFieldConfig.titleAdd") })) :
       h("div", { class: "field-config__options" + (this.isConfigActive ? " field-config__options--is-active" : " ") }, h("ez-button", { mode: "icon", class: "ez-button--tertiary field-config__remove-icon", onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.remove), iconName: "minus", size: "large", title: this.getMessage("snkFieldConfig.titleRemove") }), h("ez-button", { id: "buttonConfig_" + this.fieldConfig.name, mode: "icon", class: "ez-button--tertiary", onClick: (evt) => this.handleAction(evt, ACTION_CONFIG.configuration), iconName: this.isConfigActive ? "chevron-up" : "settings-inverted", size: "large", title: this.getMessage("snkFieldConfig.titleConfigurations") }))), this.isConfigActive && h("div", { class: "field-config__config-popover" }, h("div", { class: "field-config__config-outer-arrow" }, h("div", { class: "field-config__config-inner-arrow" })))));
   }

package/dist/collection/components/snk-form/subcomponents/snk-tab-config/snk-tab-config.js

@@ -231,6 +231,10 @@ export class SnkTabConfig {
   }
   handleSaveEditionText(editDetails) {
     const { value, newValue } = editDetails.detail;
+    if (value === newValue) {
+      this.cancelEditText();
+      return;
+    }
     this._processedTabs.forEach((tab) => {
       if (tab.label === value) {
         tab.label = newValue;