@sankhyalabs/sankhyablocks 8.15.0-rc.8 → 8.15.0

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

@@ -4,21 +4,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const DataFetcher = require('./DataFetcher-99f0f6ed.js');
-const pesquisaFetcher = require('./pesquisa-fetcher-8bbee432.js');
+const DataFetcher = require('./DataFetcher-313debd8.js');
+const pesquisaFetcher = require('./pesquisa-fetcher-213797ec.js');
 require('./index-0922807b.js');
 const ISave = require('./ISave-e91b70a7.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-9f1a13ca.js');
+require('./form-config-fetcher-2dd00e5b.js');
 const constants = require('./constants-35ddd366.js');
-const PreloadManager = require('./PreloadManager-84466da6.js');
-const authFetcher = require('./auth-fetcher-5161d082.js');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+const authFetcher = require('./auth-fetcher-54f5ff9d.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./ResourceIDUtils-5ff86aa7.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
+require('./ResourceIDUtils-5ff86aa7.js');
 require('./index-102ba62d.js');
 
 const SERVICE$1 = {
@@ -314,7 +313,7 @@ class AnexoSistemaDataUnitFactory {
       const { records } = dataUnit.getSelectionInfo();
       const recordToDelete = records[0];
       fetcher.delete(recordToDelete).then(() => {
-        PreloadManager.PreloadManager.removeRecords(dataUnit, [recordToDelete]);
+        pesquisaFetcher.PreloadManager.removeRecords(dataUnit, [recordToDelete]);
         return resolve(ids);
       });
     });
@@ -394,7 +393,7 @@ const attachFetcherMetadataBuilder = {
   label: "Attach List",
   fields: [
     { name: "CODATA", label: getMessage$1("snkAttach.attachMetadata.lblCode"), dataType: core.DataType.TEXT },
-    { name: "DESCRICAO", label: getMessage$1("snkAttach.attachMetadata.lblDescription"), dataType: core.DataType.TEXT },
+    { name: "DESCRICAO", label: getMessage$1("snkAttach.attachMetadata.lblDescription"), dataType: core.DataType.TEXT, readOnly: false },
     { name: "ARQUIVO", label: getMessage$1("snkAttach.attachMetadata.lblFileOrLink"), dataType: core.DataType.TEXT },
     { name: "USUARIO", label: getMessage$1("snkAttach.attachMetadata.lblUser"), dataType: core.DataType.TEXT },
     { name: "DTALTER", label: getMessage$1("snkAttach.attachMetadata.lblDate"), dataType: core.DataType.TEXT },
@@ -420,6 +419,7 @@ const SERVICE_LOAD = "Attach.load";
 class AttachFetcherDataUnitFactory {
   constructor(getMessage) {
     this.getMessage = getMessage;
+    this._records = [];
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
   initLoaders(dataUnit, fetcher, onSuccess) {
@@ -439,25 +439,30 @@ class AttachFetcherDataUnitFactory {
   metadataLoader(_) {
     return Promise.resolve(attachFetcherMetadataBuilder);
   }
-  async dataLoader(_, request) {
+  async dataLoader(dataUnit, request) {
     if (!request.source) {
-      return Promise.resolve({ records: [] });
+      return Promise.resolve({ records: this._records });
     }
-    const criteria = {
-      criteria: {
-        codata: request.source,
-        tipoAnexo: "N"
-      }
-    };
-    const applicationDataFetcher = await this._application.getDataFetcher();
-    const { anexos: { anexo = [] } } = await applicationDataFetcher.callServiceBroker(SERVICE_LOAD, JSON.stringify(criteria));
-    const records = [];
-    anexo.forEach((param) => {
-      records.push(Object.assign({ __record__id__: core.StringUtils.generateUUID(), CAMINHO_ARQUIVO: [{
-            name: param === null || param === void 0 ? void 0 : param.ARQUIVO,
-          }] }, param));
-    });
-    return Promise.resolve({ records });
+    if (!Number.isNaN(Number(request.source))) {
+      const criteria = {
+        criteria: {
+          codata: request.source,
+          tipoAnexo: "N"
+        }
+      };
+      const applicationDataFetcher = await this._application.getDataFetcher();
+      const { anexos: { anexo = [] } } = await applicationDataFetcher.callServiceBroker(SERVICE_LOAD, JSON.stringify(criteria));
+      const records = [];
+      anexo.forEach((param) => {
+        records.push(Object.assign({ __record__id__: core.StringUtils.generateUUID(), CAMINHO_ARQUIVO: [{
+              name: param === null || param === void 0 ? void 0 : param.ARQUIVO,
+            }] }, param));
+      });
+      this._records = records;
+    }
+    let records = pesquisaFetcher.applyFilter(this._records, dataUnit, request.filters);
+    records = pesquisaFetcher.applySorting(records, dataUnit, request.sort);
+    return Promise.resolve({ records, paginationInfo: pesquisaFetcher.buildPaginationInfo(records, request.offset, request.limit) });
   }
   saveLoader(changes, fetcher) {
     return new Promise((resolve) => {
@@ -636,7 +641,7 @@ const SnkAttach = class {
         this.back.emit();
       });
     };
-    this.fetcherType = "AnexoSistema";
+    this.fetcherType = undefined;
     this.fetcher = undefined;
     this.dataUnit = undefined;
     this.dataUnitBuilder = undefined;
@@ -648,8 +653,8 @@ const SnkAttach = class {
     this.crudConfig = undefined;
   }
   registerKeyWatcher(newRegisterKey, oldRegisterKey) {
-    var _a, _b, _c, _d;
-    if (this._currentDataUnit == null) {
+    var _a, _b, _c, _d, _e, _f;
+    if (!this._currentDataUnit) {
       this.loadAttachmentDataUnit();
     }
     if (oldRegisterKey !== newRegisterKey) {
@@ -664,11 +669,7 @@ const SnkAttach = class {
         if (hasMoreOneItem)
           return;
       }
-      return this._currentDataUnit
-        .loadMetadata()
-        .then(() => {
-        this._currentDataUnit.loadData(undefined, undefined, true, this.registerKey);
-      });
+      return (_f = (_e = this._currentDataUnit) === null || _e === void 0 ? void 0 : _e.loadMetadata()) === null || _f === void 0 ? void 0 : _f.then(this._currentDataUnit.loadData.bind(undefined, undefined, true, this.registerKey));
     }
   }
   /**
@@ -734,7 +735,7 @@ const SnkAttach = class {
     if (!this._currentDataUnit.metadata) {
       this._currentDataUnit
         .loadMetadata()
-        .then(() => this.crudConfig = anexoSistemaCrudConfig);
+        .then(() => this.crudConfig = Object.assign({}, anexoSistemaCrudConfig));
     }
     this._currentDataUnitBuilder = new AnexoSistemaDataUnitFactory(this.entityName, this.getMessage.bind(this));
     this._currentDataUnit.addFilterProvider({
@@ -746,25 +747,29 @@ const SnkAttach = class {
     this._currentDataUnit.loadData().then(this.disableEditFieldsNotInForm.bind(this));
   }
   loadAttach() {
-    var _a;
+    var _a, _b, _c;
     this._currentFetcher = new AttachFetcher();
-    this._currentDataUnit = new core.DataUnit();
+    this._currentDataUnit = new core.DataUnit(pesquisaFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
     this._currentDataUnit.addInterceptor({
-      interceptAction: (action) => this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement)
+      interceptAction: (action) => {
+        var _a;
+        if (action.type === core.Action.METADATA_LOADED) {
+          this.crudConfig = Object.assign({}, attachCrudConfig);
+          (_a = this._crudElement) === null || _a === void 0 ? void 0 : _a.updateConfig();
+        }
+        return this._currentDataUnitBuilder.getInterceptions(this._currentDataUnit, action, this._crudElement);
+      }
     });
     this._currentDataUnitBuilder = new AttachFetcherDataUnitFactory(this.getMessage.bind(this));
     (_a = this._currentDataUnitBuilder) === null || _a === void 0 ? void 0 : _a.initLoaders(this._currentDataUnit, this._currentFetcher, async () => {
-      await this._currentDataUnit.loadData(undefined, undefined, true, this.registerKey);
       this.returnToGridMode();
+      await this._currentDataUnit.loadData(undefined, undefined, true, this.registerKey);
     });
     if (!this._currentDataUnit.metadata) {
-      this._currentDataUnit
-        .loadMetadata()
-        .then(() => {
-        this.crudConfig = attachCrudConfig;
-        this._currentDataUnit
-          .loadData(undefined, undefined, true, this.registerKey)
-          .then(this.disableEditFieldsNotInForm.bind(this));
+      (_c = (_b = this._currentDataUnit) === null || _b === void 0 ? void 0 : _b.loadMetadata()) === null || _c === void 0 ? void 0 : _c.then(() => {
+        var _a, _b;
+        this.crudConfig = Object.assign({}, attachCrudConfig);
+        (_b = (_a = this._currentDataUnit) === null || _a === void 0 ? void 0 : _a.loadData(undefined, undefined, true, this.registerKey)) === null || _b === void 0 ? void 0 : _b.then(this.disableEditFieldsNotInForm.bind(this));
       });
     }
   }
@@ -782,15 +787,30 @@ const SnkAttach = class {
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
   }
   componentWillRender() {
+    if (!this.fetcherType) {
+      this.fetcherType = "AnexoSistema";
+    }
     if (this._currentDataUnit == null) {
       this.loadAttachmentDataUnit();
     }
   }
+  async handleOnDataStateChange({ detail }) {
+    if (this.fetcherType !== 'Attach')
+      return;
+    if (!detail.insertionMode) {
+      this._currentDataUnit.disableField('DESCRICAO');
+    }
+    else {
+      this._currentDataUnit.enableField('DESCRICAO');
+    }
+    await this._currentDataUnit.loadMetadata();
+  }
+  ;
   render() {
     var _a, _b;
     if (!this._currentDataUnit)
       return null;
-    return (index.h("main", { class: "snk-attach__main" }, index.h("header", { class: "snk-attach__header" }, index.h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, index.h("div", { slot: "rightSlot" }, index.h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), index.h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, index.h("div", { class: "ez-box__container" }, index.h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder }, index.h("div", { slot: "snkSimpleCrudHeader" }, index.h("div", { class: "ez-flex ez-flex--column" }, index.h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), index.h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))))))));
+    return (index.h("main", { class: "snk-attach__main" }, index.h("header", { class: "snk-attach__header" }, index.h("snk-simple-bar", { onExit: this.handleBack, messagesBuilder: this.messagesBuilder }, index.h("div", { slot: "rightSlot" }, index.h("ez-button", { class: "ez-button--primary", label: this.getMessage("snkAttach.finish"), onClick: this.handleFinish })))), index.h("div", { class: "snk-attach__crud-section ez-size-height--full ez-size-width--full ez-flex ez-flex--column" }, index.h("div", { class: "ez-box__container" }, index.h("snk-simple-crud", { ref: (el) => this._crudElement = el, dataUnit: this._currentDataUnit, taskbarManager: buildTaskBarManager(), gridConfig: (_a = this.crudConfig) === null || _a === void 0 ? void 0 : _a.grid, formConfig: (_b = this.crudConfig) === null || _b === void 0 ? void 0 : _b.form, useCancelConfirm: false, onActionClick: this.handleTaskbarClick, messagesBuilder: this.messagesBuilder, onDataStateChange: this.handleOnDataStateChange.bind(this) }, index.h("div", { slot: "snkSimpleCrudHeader" }, index.h("div", { class: "ez-flex ez-flex--column" }, index.h("span", { class: "ez-title--primary ez-text ez-text--large ez-text--bold ez-padding-bottom--medium" }, this.getMessage("snkAttach.title")), index.h("span", { class: "ez-text ez-text--medium ez-text--secondary" }, this.getMessage("snkAttach.description")))))))));
   }
   static get watchers() { return {
     "registerKey": ["registerKeyWatcher"]

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

@@ -99,7 +99,7 @@ const SnkConfigurator = class {
     const customElements = container === null || container === void 0 ? void 0 : container.querySelector('#SnkConfigContainerSlot');
     if (!customElements)
       return;
-    const configuratorCustomElement = customElements.firstChild;
+    const configuratorCustomElement = customElements.firstElementChild;
     if (!configuratorCustomElement)
       return;
     const insideCustomElementsContainer = this._element.querySelector("#slotContainer");

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

@@ -4,22 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
-require('./DataFetcher-99f0f6ed.js');
-require('./pesquisa-fetcher-8bbee432.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
+require('./DataFetcher-313debd8.js');
+require('./pesquisa-fetcher-213797ec.js');
 const index$1 = require('./index-0922807b.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./PreloadManager-84466da6.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-9f1a13ca.js');
+require('./form-config-fetcher-2dd00e5b.js');
 const constants = require('./constants-35ddd366.js');
-const authFetcher = require('./auth-fetcher-5161d082.js');
+const authFetcher = require('./auth-fetcher-54f5ff9d.js');
 require('./index-102ba62d.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./ResourceIDUtils-5ff86aa7.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
+require('./ResourceIDUtils-5ff86aa7.js');
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
 
@@ -50,6 +49,9 @@ const SnkCrud = class {
     this.presentationMode = index$1.PresentationMode.PRIMARY;
     this.messagesBuilder = undefined;
     this.useEnterLikeTab = false;
+    this.gridLegacyConfigName = undefined;
+    this.filterBarLegacyConfigName = undefined;
+    this.formLegacyConfigName = undefined;
     this.disablePersonalizedFilter = undefined;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${core.StringUtils.generateUUID()}`;
   }
@@ -110,6 +112,12 @@ const SnkCrud = class {
   setViewMode(viewMode) {
     this._viewStack.show(viewMode);
     this._currentViewMode = viewMode;
+    if (viewMode === constants.VIEW_MODE.GRID) {
+      this._snkGrid.setFocus();
+    }
+    else if (viewMode === constants.VIEW_MODE.FORM) {
+      this._guidesViewer.setFocus();
+    }
   }
   openConfig(viewMode) {
     this._snkConfigurator.close();
@@ -201,34 +209,34 @@ const SnkCrud = class {
           element.focus();
       }
       keyboardManager
-        .bind("F6", this.toggleView.bind(this), { description: "Alterna entre modo formulário e grade." })
-        .bind("F7", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados." })
-        .bind("ctrl + \\", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados." })
-        .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: "Adiciona um novo registro." })
-        .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado." })
-        .bind("ctrl + F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado." })
+        .bind("F6", this.toggleView.bind(this), { description: "Alterna entre modo formulário e grade.", element: this._element })
+        .bind("F7", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados.", element: this._element })
+        .bind("ctrl + \\", saveDataUnitHandlingFocus.bind(this), { description: "Salva os dados.", element: this._element })
+        .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: "Adiciona um novo registro.", element: this._element })
+        .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado.", element: this._element })
+        .bind("ctrl + F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado.", element: this._element })
         .bind("ctrl + .", () => {
         if (dataUnit.getSelectionInfo().records.length === 0) {
           return dataUnit.selectFirst();
         }
         return dataUnit.nextRecord();
       }, {
-        description: "Avança para o próximo registro."
+        description: "Avança para o próximo registro.", element: this._element
       })
-        .bind("ctrl + ,", dataUnit.previousRecord.bind(dataUnit), { description: "Retorna ao registro anterior." })
+        .bind("ctrl + ,", dataUnit.previousRecord.bind(dataUnit), { description: "Retorna ao registro anterior.", element: this._element })
         .bind("F5", async () => {
         const currentView = await this._viewStack.getSelectedIndex();
         if (constants.VIEW_MODE.GRID === currentView) {
           dataUnit.loadData();
         }
-      }, { description: "Atualiza os dados." })
+      }, { description: "Atualiza os dados.", element: this._element })
         .bind("Escape", () => {
         if (dataUnit.isDirty()) {
           dataUnit.cancelEdition();
         }
       }, {
         debounceTime: 1000,
-        description: "Cancela uma ação."
+        description: "Cancela uma ação.", element: this._element
       });
     }
   }
@@ -301,7 +309,7 @@ const SnkCrud = class {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === constants.VIEW_MODE.GRID;
-    return (index.h(index.Host, null, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, index.h("stack-item", null, index.h("snk-grid", { ref: (ref) => this._snkGrid = ref, filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter }, index.h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkGridHeader" }), index.h("slot", { name: "SnkGridFooter" }), index.h("slot", { name: "SnkGridTaskBar" }))), index.h("stack-item", null, index.h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(constants.VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkFormTaskBar" }))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), index.h("div", { id: `${this.customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }), index.h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (index.h(index.Host, null, index.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, index.h("stack-item", null, index.h("snk-grid", { ref: (ref) => this._snkGrid = ref, filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName }, index.h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkGridHeader" }), index.h("slot", { name: "SnkGridFooter" }), index.h("slot", { name: "SnkGridTaskBar" }))), index.h("stack-item", null, index.h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(constants.VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "SnkFormTaskBar" }))), index.h("stack-item", null, index.h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), index.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), index.h("div", { id: `${this.customContainerId}` }, index.h("slot", { name: "SnkConfigContainerSlot" }), index.h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), index.h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-custom-slot-elements.cjs.entry.js

@@ -4,15 +4,19 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 
-const snkCustomSlotElementsCss = ".custom-slot-elements-container.sc-snk-custom-slot-elements{display:none}";
+const snkCustomSlotElementsCss = ".sc-snk-custom-slot-elements-h{display:none}";
 
 const SnkCustomSlotElements = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
+    this.snkCustomSlotElementsLoaded = index.createEvent(this, "snkCustomSlotElementsLoaded", 7);
     this.slotName = 'CUSTOM_SLOT_ELEMENTS';
   }
+  componentDidLoad() {
+    this.snkCustomSlotElementsLoaded.emit(this.slotName);
+  }
   render() {
-    return (index.h(index.Host, { slot: this.slotName }, index.h("div", { id: this.slotName, class: "custom-slot-elements-container" }, index.h("slot", null))));
+    return (index.h(index.Host, { slot: this.slotName, id: this.slotName, class: "custom-slot-elements-container" }, index.h("slot", null)));
   }
 };
 SnkCustomSlotElements.style = snkCustomSlotElementsCss;

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

@@ -7,11 +7,11 @@ const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index = require('./index-0922807b.js');
 const constants = require('./constants-35ddd366.js');
-const DataFetcher = require('./DataFetcher-99f0f6ed.js');
-const snkDataUnit = require('./snk-data-unit-82c08a8c.js');
+const DataFetcher = require('./DataFetcher-313debd8.js');
+const snkDataUnit = require('./snk-data-unit-41c29713.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./SnkMessageBuilder-e7dcf408.js');
+require('./SnkMessageBuilder-66aa2557.js');
 
 class ItemBuilder {
   constructor(getMessage, selectedNumber) {
@@ -328,7 +328,11 @@ const SnkDataExporter = class {
     }
     fetchDataExporter(params)
       .then((result) => callbackResolver(result))
-      .catch((exception) => utils.ApplicationUtils.error(this.getMessage("snkDataExporter.message.exportError"), exception ? exception.statusMessage : this.getMessage("snkDataExporter.message.exportError")));
+      .catch((exception) => {
+      console.error(exception);
+      let { title, message, statusMessage } = exception || {};
+      utils.ApplicationUtils.error(title || this.getMessage("snkDataExporter.message.exportError"), statusMessage || message || this.getMessage("snkDataExporter.message.unknownFailure"));
+    });
   }
   getOptionKey(option) {
     return Object.keys(index.DataExporterOption)
@@ -440,14 +444,14 @@ const SnkDataExporter = class {
     const pkObject = [];
     const appId = (option === null || option === void 0 ? void 0 : option.replace(this._customPrefix, "")) || "";
     (_a = this.provider) === null || _a === void 0 ? void 0 : _a.getSelectedIDs().forEach(({ name, type, value }, index) => {
-      const fields = [];
+      const fields = {};
       fields['fields'] = [];
       // Se for o primeiro elemento, adiciona essa primeira PK
       if (index === 0) {
         pkObject[`PK_${name}`] = { type: this.parseDataType(type), value };
         pkObject['pks'] = [];
       }
-      const dataFields = { nome: name, tipo: this.parseDataType(type), valor: value };
+      const dataFields = { nome: `PK_${name}`, tipo: this.parseDataType(type), valor: value };
       fields['fields'].push(dataFields);
       pkObject['pks'].push(fields);
     });

package/dist/cjs/{snk-data-unit-82c08a8c.js → snk-data-unit-41c29713.js}

@@ -3,7 +3,7 @@
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const SnkMessageBuilder = require('./SnkMessageBuilder-e7dcf408.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-66aa2557.js');
 
 const SnkDataUnit = class {
   constructor(hostRef) {

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

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkDataUnit = require('./snk-data-unit-82c08a8c.js');
+const snkDataUnit = require('./snk-data-unit-41c29713.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
 require('@sankhyalabs/ezui/dist/collection/utils');
-require('./SnkMessageBuilder-e7dcf408.js');
+require('./SnkMessageBuilder-66aa2557.js');
 
 
 

package/dist/cjs/snk-detail-view.cjs.entry.js

@@ -4,25 +4,24 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-3621bfc4.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-f9dc0d28.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
-require('./DataFetcher-99f0f6ed.js');
-require('./pesquisa-fetcher-8bbee432.js');
+require('./DataFetcher-313debd8.js');
+require('./pesquisa-fetcher-213797ec.js');
 const index$1 = require('./index-0922807b.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./PreloadManager-84466da6.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-9f1a13ca.js');
-const taskbarElements = require('./taskbar-elements-1e4fb2e0.js');
+require('./form-config-fetcher-2dd00e5b.js');
+const taskbarElements = require('./taskbar-elements-3ecd1278.js');
 const constants = require('./constants-35ddd366.js');
-const snkGuidesViewer = require('./snk-guides-viewer-100c3098.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-e7dcf408.js');
-require('./ConfigStorage-d4c99a5e.js');
+const snkGuidesViewer = require('./snk-guides-viewer-4b6ecda8.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-66aa2557.js');
+require('./ConfigStorage-942ce74b.js');
 require('./PrintUtils-bcaeb82f.js');
-require('./ResourceIDUtils-5ff86aa7.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
+require('./ResourceIDUtils-5ff86aa7.js');
 require('./index-102ba62d.js');
 require('./field-search-f56aa7d6.js');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');

package/dist/cjs/snk-filter-bar.cjs.entry.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index$1 = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
-const ConfigStorage = require('./ConfigStorage-d4c99a5e.js');
+const ConfigStorage = require('./ConfigStorage-942ce74b.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const index = require('./index-c5771aba.js');
 const filterNumberVariation = require('./filterNumberVariation-d65332da.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
-require('./form-config-fetcher-9f1a13ca.js');
-require('./DataFetcher-99f0f6ed.js');
+require('./form-config-fetcher-2dd00e5b.js');
+require('./DataFetcher-313debd8.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
@@ -252,7 +252,7 @@ class SnkFilterModalFactory {
   }
 }
 
-const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:8px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{display:none}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__scroller.sc-snk-filter-bar{height:calc(100% + var(--space-extra-small, 3px))}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-self:center}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
+const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns:1fr minmax(100px, 100%) 1fr 1fr;--snk-personalized-filter--z-index:var(--elevation--20, 20);--snk-personalized-filter--background-color:var(--background--xlight, #fff)}.snk-filter-bar__title.sc-snk-filter-bar{max-width:260px;display:inline-block;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:16px;font-family:var(--font-pattern, Arial);font-weight:var(--text-weight--large, 600);color:var(--color--title-primary, #2B3A54);margin-top:8px}[data-mode=\"hidden\"].sc-snk-filter-bar-h{width:0px;height:0px}[data-mode=\"button\"].sc-snk-filter-bar-h{grid-template-columns:1fr;width:fit-content}.snk-filter__popover-container.sc-snk-filter-bar{display:flex;cursor:auto}.filter-bar__personalized-filter.sc-snk-filter-bar{display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;overflow:auto;z-index:var(--snk-personalized-filter--z-index);background-color:var(--snk-personalized-filter--background-color)}.snk-filter__popover.sc-snk-filter-bar{display:flex;flex-direction:column;position:absolute;width:fit-content;height:fit-content;min-width:265px;background-color:var(--background--xlight, #fff);border-radius:var(--border--radius-medium, 12px);box-shadow:var(--shadow, 0px 0px 16px 0px #000)}.snk-filter-item__editor-header.sc-snk-filter-bar{flex-grow:1;font-weight:var(--text-weight--medium, 400);color:var(--color--title-primary, #2B3A54)}.snk-filter__popover-rule.sc-snk-filter-bar{border-style:solid;border-color:var(--color--disable-secondary, #F2F5F8);border-radius:1px;border-width:1px;width:100%}.editor__ez-check.sc-snk-filter-bar{--ez-check__label--padding-left:0}.snk-filter-item__editor-header-button.sc-snk-filter-bar{cursor:pointer;background-color:transparent;border:none;padding:3px;outline-color:var(--color--primary)}.snk-filter-bar__divider.sc-snk-filter-bar{margin-bottom:var(--space--small)}.snk-filter-bar__scroller.sc-snk-filter-bar{height:calc(100% + var(--space-extra-small, 3px))}.snk-filter-bar__filter-item-container.sc-snk-filter-bar{display:flex;align-self:center}.snk-filter-bar__scroller.sc-snk-filter-bar .sc-snk-filter-bar:first-child{margin-left:var(--space-extra-small, 3px)}.snk-filter-bar__filter-list-items-container.sc-snk-filter-bar{overflow-y:auto;max-height:360px;margin-top:var(--space--small, 6px)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar{cursor:pointer;border-radius:var(--border--radius-small, 6px);border:none;background-color:transparent}.snk-filter-bar__filter-list-item__label.sc-snk-filter-bar{color:var(--title--primary)}.snk-filter-bar__filter-list-item__label--secondary.sc-snk-filter-bar{color:var(--text--primary)}.snk-filter-bar__filter-list-item__icon.sc-snk-filter-bar{--ez-icon--color:var(--title--primary)}.snk-filter-bar__filter-list-item__icon--secondary.sc-snk-filter-bar{--ez-icon--color:var(--text--secondary)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:focus-visible{outline:none;background-color:var(--background--medium)}.snk-filter-bar__filter-list-item.sc-snk-filter-bar:hover{background-color:var(--background--medium)}.snk-filter-bar__filter-list-items-container--empty.sc-snk-filter-bar{width:100%;height:100px;display:flex;justify-content:center;align-self:center;align-items:center}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar{position:relative}.snk-filter-bar__filter-list-items-button--active.sc-snk-filter-bar::after{display:flex;position:absolute;content:\"\";width:8px;height:8px;top:7px;left:17px;background-color:var(--icon--alert--color, #008561);border-radius:50%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar{--modal-item-border-width:2px;display:flex;flex-direction:row;margin-left:var(--modal-item-border-width);border-radius:var(--border--radius-medium, 12px);background-color:var(--background--medium, #f0f3f7);border:none;width:100%}.snk-filter-bar__filter-modal-item.sc-snk-filter-bar:focus-visible{outline:var(--color--primary) solid var(--modal-item-border-width)}.snk-filter-bar__filter-modal-item__check.sc-snk-filter-bar{width:auto}.snk-filter-bar__filter-modal-item__label.sc-snk-filter-bar{font-weight:var(--text-weight--medium)}.snk-filter-bar__filter-modal-content.sc-snk-filter-bar{display:grid;grid-template-rows:auto auto 1fr auto;width:99%;height:100%}";
 
 const SnkFilterBar = class {
   constructor(hostRef) {
@@ -285,12 +285,18 @@ const SnkFilterBar = class {
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
     this.disablePersonalizedFilter = undefined;
+    this.filterBarLegacyConfigName = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     this.showPersonalizedFilter = false;
     this.personalizedFilterId = undefined;
   }
   observeFilterConfig(newValue, oldValue) {
+    if (core.ObjectUtils.equals(newValue, oldValue))
+      return;
+    this.handleFilterConfigsChanged(oldValue, newValue);
+  }
+  handleFilterConfigsChanged(oldValue, newValue) {
     if (oldValue != undefined && newValue == undefined) {
       this._loadingPending = true;
       this._configUpdated = true;
@@ -493,6 +499,17 @@ const SnkFilterBar = class {
   filterActiveFilter(item) {
     return item.visible || item.removalBlocked;
   }
+  filterPersonalizedItems(item) {
+    return item.type === filterItemType_enum.FilterItemType.PERSONALIZED;
+  }
+  getPersonalizedFilterVariableItems() {
+    return this.filterConfig
+      .filter(this.filterPersonalizedItems)
+      .map(item => {
+      const itemId = `filter-${item.id}`;
+      return (index$1.h("snk-filter-item", { key: item.id, id: itemId, config: Object.assign({}, item), onFocusin: () => this.itemFocused(itemId), onVisibleChanged: (evt) => this.scrollerLocked = evt.detail, onFilterChange: (event) => this.updateFilter(event.detail), getMessage: (key, props) => this.getMessage(key, props), showChips: false }));
+    });
+  }
   getFilterItems() {
     const pinnedItems = [];
     const unpinnedItems = [];
@@ -552,6 +569,11 @@ const SnkFilterBar = class {
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
+  addFilterBarLegacyConfigName() {
+    if (this.filterBarLegacyConfigName && this.configName) {
+      ConfigStorage.ConfigStorage.addFilterBarLegacyConfig(this.configName, this.filterBarLegacyConfigName);
+    }
+  }
   async loadConfigFromStorage(clearCache) {
     if (clearCache) {
       await ConfigStorage.ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
@@ -658,6 +680,7 @@ const SnkFilterBar = class {
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     if (this._application) {
       this.loadPermitions();
+      this.addFilterBarLegacyConfigName();
       this.loadConfigFromStorage();
     }
     this.attachDataUnit();
@@ -672,9 +695,10 @@ const SnkFilterBar = class {
     if (this.showPersonalizedFilter) {
       return index$1.h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.handleHidePersonalizedFilter(false), onEzAfterSave: () => this.handleHidePersonalizedFilter(true), entityUri: this.dataUnit.name, configName: this.configName, resourceID: this.resourceID });
     }
-    if (this.mode === "button")
-      return (index$1.h(index$1.Host, { "data-mode": this.mode }, index$1.h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) })));
-    return (index$1.h(index$1.Host, { "data-mode": this.mode }, index$1.h("div", null, index$1.h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), index$1.h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, index$1.h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), index$1.h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, index$1.h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
+    if (this.mode !== "regular") {
+      return (index$1.h(index$1.Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (index$1.h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }))));
+    }
+    return (index$1.h(index$1.Host, null, index$1.h("div", null, index$1.h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), index$1.h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, index$1.h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), index$1.h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, index$1.h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }
   get _element() { return index$1.getElement(this); }
   static get watchers() { return {

package/dist/cjs/snk-filter-detail.cjs.entry.js

@@ -16,6 +16,7 @@ const SnkFilterDetail = class {
     this.filterChange = index.createEvent(this, "filterChange", 7);
     this.config = undefined;
     this.getMessage = undefined;
+    this.showHardFixed = true;
   }
   /**
    * Exibe o componente snk-filter-detail.
@@ -93,7 +94,9 @@ const SnkFilterDetail = class {
     return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
   }
   getPopUpHeaderButtons() {
-    return (index.h(index.Fragment, null, !this.config.removalBlocked && this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), !this.config.hardFixed && this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
+    return (index.h(index.Fragment, null, !this.config.removalBlocked &&
+      this.buildIcon(this.getMessage("snkFilterBar.removeFilter"), "delete", () => this.removeItem()), this.showHardFixed && !this.config.hardFixed &&
+      this.buildIcon(this.getMessage(this.config.fixed ? "snkFilterBar.unpinFilter" : "snkFilterBar.pinFilter"), this.config.fixed ? "un-pin" : "push-pin", () => this.changeConfig(Object.assign(Object.assign({}, this.config), { fixed: !this.config.fixed })))));
   }
   buildIcon(title, iconName, action) {
     return (index.h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", ref: elem => elem && this.buildIdButton(elem, title) }, index.h("ez-icon", Object.assign({ title: title, iconName: iconName }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo(`_${title}`)}` }))));