@sankhyalabs/sankhyablocks 8.15.0-dev.5 → 8.15.0-dev.50

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

@@ -1,22 +1,20 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { StringUtils, ElementIDUtils, ApplicationContext, JSUtils, FloatingManager } from '@sankhyalabs/core';
-import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
-import './DataFetcher-aa159c5a.js';
-import './pesquisa-fetcher-dd3ca0a5.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
+import './DataFetcher-a650ae58.js';
+import './pesquisa-fetcher-a9e27c84.js';
 import { P as PresentationMode } from './index-0ece87a6.js';
-import './ISave-4412b20c.js';
+import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-65714f21.js';
-import './PreloadManager-c1c2f2b4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-36219cd3.js';
+import './form-config-fetcher-765b8498.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import { A as AutorizationType } from './auth-fetcher-c05dc474.js';
+import { A as AutorizationType } from './auth-fetcher-8ec448b0.js';
 import './index-bdf75557.js';
 import './PrintUtils-3e4ff0f5.js';
-import './ResourceIDUtils-a114189a.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+import './ResourceIDUtils-a114189a.js';
 
 const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100%;width:100%}";
 
@@ -36,6 +34,7 @@ const SnkCrud = class {
     this._canEdit = undefined;
     this._resourceID = undefined;
     this.configName = undefined;
+    this.filterBarTitle = undefined;
     this.selectionToastConfig = undefined;
     this.showActionButtons = false;
     this.actionsList = undefined;
@@ -46,6 +45,10 @@ const SnkCrud = class {
     this.presentationMode = 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-${StringUtils.generateUUID()}`;
   }
   /**
@@ -178,7 +181,8 @@ const SnkCrud = class {
     window.removeEventListener("keydown", this._keyDownHandler);
   }
   async initKeyboardManager() {
-    const keyboardManager = await this._application.getKeyboardManager();
+    var _a;
+    const keyboardManager = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getKeyboardManager());
     if (keyboardManager) {
       const dataUnit = this._dataUnit || await this._snkDataUnit.getDataUnit();
       async function saveDataUnitHandlingFocus() {
@@ -227,7 +231,8 @@ const SnkCrud = class {
     }
   }
   async removeShortcuts() {
-    const keyboardManager = await this._application.getKeyboardManager();
+    var _a;
+    const keyboardManager = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getKeyboardManager());
     if (keyboardManager) {
       keyboardManager
         .unbind("F6")
@@ -294,7 +299,7 @@ const SnkCrud = class {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "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, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(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, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), 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 })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, 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 }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(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 }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), 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 })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {

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

@@ -3,11 +3,11 @@ import { ApplicationContext, ObjectUtils, DataType, ElementIDUtils } from '@sank
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { D as DataExporterOption, a as DataExporterFormat, b as DataExporterType } from './index-0ece87a6.js';
 import { R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-8457af36.js';
-import { D as DataFetcher } from './DataFetcher-aa159c5a.js';
-import { S as SnkDataUnit } from './snk-data-unit-6208ebf0.js';
+import { D as DataFetcher } from './DataFetcher-a650ae58.js';
+import { S as SnkDataUnit } from './snk-data-unit-de1d140d.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './SnkMessageBuilder-ca843d1b.js';
+import './SnkMessageBuilder-0a4becdd.js';
 
 class ItemBuilder {
   constructor(getMessage, selectedNumber) {
@@ -324,7 +324,11 @@ const SnkDataExporter = class {
     }
     fetchDataExporter(params)
       .then((result) => callbackResolver(result))
-      .catch((exception) => 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 || {};
+      ApplicationUtils.error(title || this.getMessage("snkDataExporter.message.exportError"), statusMessage || message || this.getMessage("snkDataExporter.message.unknownFailure"));
+    });
   }
   getOptionKey(option) {
     return Object.keys(DataExporterOption)
@@ -436,14 +440,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: type, valor: value };
+      const dataFields = { nome: `PK_${name}`, tipo: this.parseDataType(type), valor: value };
       fields['fields'].push(dataFields);
       pkObject['pks'].push(fields);
     });

package/dist/esm/{snk-data-unit-6208ebf0.js → snk-data-unit-de1d140d.js}

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-a7d3d3f1.js';
 import { Action, ObjectUtils, JSUtils, DataUnitAction, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-ca843d1b.js';
+import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-0a4becdd.js';
 
 const SnkDataUnit = class {
   constructor(hostRef) {

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

@@ -1,5 +1,5 @@
-export { S as snk_data_unit } from './snk-data-unit-6208ebf0.js';
+export { S as snk_data_unit } from './snk-data-unit-de1d140d.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
 import '@sankhyalabs/ezui/dist/collection/utils';
-import './SnkMessageBuilder-ca843d1b.js';
+import './SnkMessageBuilder-0a4becdd.js';

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

@@ -1,25 +1,23 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host } from './index-a7d3d3f1.js';
 import { Action } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-9be0e7d4.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-7a4e678f.js';
 import { FormMetadata, buildFormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import './DataFetcher-aa159c5a.js';
-import './pesquisa-fetcher-dd3ca0a5.js';
+import './DataFetcher-a650ae58.js';
+import './pesquisa-fetcher-a9e27c84.js';
 import { P as PresentationMode } from './index-0ece87a6.js';
-import './ISave-4412b20c.js';
+import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-65714f21.js';
-import './PreloadManager-c1c2f2b4.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-36219cd3.js';
-import { T as TaskbarElement } from './taskbar-elements-d4d0b424.js';
+import './form-config-fetcher-765b8498.js';
+import { T as TaskbarElement } from './taskbar-elements-2473c8ac.js';
 import { d as VIEW_MODE } from './constants-8457af36.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-eeb8f354.js';
-import { S as SnkMessageBuilder } from './SnkMessageBuilder-ca843d1b.js';
-import './ConfigStorage-1244b8b0.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-16974807.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder-0a4becdd.js';
+import './ConfigStorage-6e241cd7.js';
 import './PrintUtils-3e4ff0f5.js';
-import './ResourceIDUtils-a114189a.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
+import './ResourceIDUtils-a114189a.js';
 import './index-bdf75557.js';
 import './field-search-efbe307f.js';
 import '@sankhyalabs/core/dist/dataunit/DataUnit';

package/dist/esm/snk-entity-list.entry.js

@@ -61,16 +61,18 @@ const SnkEntityList = class {
     this.loadListSource();
   }
   optionLoader(searchArgument) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const { mode, argument } = searchArgument;
     if (this._application === undefined) {
       return;
     }
     const searchOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) === null || _c === void 0 ? void 0 : _c.searchOptions;
+    const criteria = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e.criteria;
     const options = {
-      entityDescription: (_d = this.config) === null || _d === void 0 ? void 0 : _d.label,
+      entityDescription: (_f = this.config) === null || _f === void 0 ? void 0 : _f.label,
       entity: this._entityName,
-      searchOptions: searchOptions
+      searchOptions: searchOptions,
+      criteria,
     };
     return this._application.executePreparedSearch(mode, argument, options);
   }

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { DataType, StringUtils, ObjectUtils, ElementIDUtils, ErrorException, ApplicationContext } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
-import { C as ConfigStorage } from './ConfigStorage-1244b8b0.js';
+import { C as ConfigStorage } from './ConfigStorage-6e241cd7.js';
 import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { F as FilterOperand } from './index-ae591a44.js';
 import { F as FilterNumberVariation } from './filterNumberVariation-8cee02ea.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-e2b38ef7.js';
-import './form-config-fetcher-36219cd3.js';
-import './DataFetcher-aa159c5a.js';
+import './form-config-fetcher-765b8498.js';
+import './DataFetcher-a650ae58.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
@@ -204,11 +204,12 @@ function buildPersonalized(item) {
 }
 
 class SnkFilterModalFactory {
-  constructor({ filterConfig, configName, onComplete, getMessage, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter }) {
+  constructor({ filterConfig, configName, onComplete, getMessage, disablePersonalizedFilter, onAddPersonalizedFilter, onEditPersonalizedFilter, onDeletePersonalizedFilter }) {
     this._filterConfig = filterConfig;
     this._configName = configName;
     this._onComplete = onComplete;
     this._getMessage = getMessage;
+    this._disablePersonalizedFilter = disablePersonalizedFilter;
     this._addPersonalizedFilterFn = onAddPersonalizedFilter;
     this._editPersonalizedFilterFn = onEditPersonalizedFilter;
     this._onDeletePersonalizedFilter = onDeletePersonalizedFilter;
@@ -222,6 +223,7 @@ class SnkFilterModalFactory {
     filterModal.className = "ez-size-height--full";
     filterModal.filters = this._filterConfig;
     filterModal.configName = this._configName;
+    filterModal.disablePersonalizedFilter = this._disablePersonalizedFilter;
     filterModal.getMessage = this._getMessage.bind(this);
     filterModal.applyFilters = this.applyFilters.bind(this);
     filterModal.closeModal = () => this._closeModal();
@@ -246,7 +248,7 @@ class SnkFilterModalFactory {
   }
 }
 
-const snkFilterBarCss = ".sc-snk-filter-bar-h{display:grid;grid-template-columns: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__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) {
@@ -255,6 +257,7 @@ const SnkFilterBar = class {
     this._updateSequence = [];
     this._loadingPending = false;
     this._configUpdated = false;
+    this._firstLoad = true;
     this._pendingVariables = false;
     this._customfiltersToBeUpdated = [];
     this._calculateSortIndex = (item) => {
@@ -271,10 +274,14 @@ const SnkFilterBar = class {
       return this._calculateSortIndex(b) - this._calculateSortIndex(a);
     };
     this.dataUnit = undefined;
+    this.title = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.mode = "regular";
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
+    this.disablePersonalizedFilter = undefined;
+    this.filterBarLegacyConfigName = undefined;
     this.allowDefault = undefined;
     this.scrollerLocked = false;
     this.showPersonalizedFilter = false;
@@ -318,7 +325,7 @@ const SnkFilterBar = class {
    * Faz o recarregamento da filterbar buscando o state no servidor.
    */
   async reload() {
-    this.loadConfigFromStorage();
+    this.loadConfigFromStorage(true);
   }
   /**
    * Retorna um item de filtro pelo ID.
@@ -407,13 +414,27 @@ const SnkFilterBar = class {
         return;
       }
       this._loadingPending = false;
-      this.dataUnit.loadData(undefined, undefined, true);
+      this.doLoadData(this.dataUnit.getLastLoadRequest() != undefined);
     }
     if (this._configUpdated) {
       this._configUpdated = false;
       ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName, this.resourceID);
     }
   }
+  async doLoadData(forceReload = false) {
+    try {
+      if (this._firstLoad && !forceReload) {
+        let autoLoad = await this._application.getBooleanParam("global.carregar.registros.iniciar.tela");
+        if (!autoLoad) {
+          return;
+        }
+      }
+      this.dataUnit.loadData(undefined, undefined, true);
+    }
+    finally {
+      this._firstLoad = false;
+    }
+  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
@@ -422,6 +443,9 @@ const SnkFilterBar = class {
    */
   getMessage(key, params, defaultValue) {
     var _a;
+    if (this.messagesBuilder == undefined && this._application) {
+      this.messagesBuilder = this._application.messagesBuilder;
+    }
     return ((_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, params)) || defaultValue;
   }
   getFilter(_dataUnit) {
@@ -448,7 +472,7 @@ const SnkFilterBar = class {
   registryFilterProvider() {
     this.dataUnit.addFilterProvider(this);
     if (this.filterConfig) {
-      this.dataUnit.loadData(undefined, undefined, true);
+      this.doLoadData();
     }
   }
   itemFocused(selectedItem) {
@@ -466,6 +490,17 @@ const SnkFilterBar = class {
   filterActiveFilter(item) {
     return item.visible || item.removalBlocked;
   }
+  filterPersonalizedItems(item) {
+    return item.type === FilterItemType.PERSONALIZED;
+  }
+  getPersonalizedFilterVariableItems() {
+    return this.filterConfig
+      .filter(this.filterPersonalizedItems)
+      .map(item => {
+      const itemId = `filter-${item.id}`;
+      return (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 = [];
@@ -525,7 +560,15 @@ const SnkFilterBar = class {
   loadPermitions() {
     this._application.isUserSup().then(value => this.allowDefault = value);
   }
-  loadConfigFromStorage() {
+  addFilterBarLegacyConfigName() {
+    if (this.filterBarLegacyConfigName && this.configName) {
+      ConfigStorage.addFilterBarLegacyConfig(this.configName, this.filterBarLegacyConfigName);
+    }
+  }
+  async loadConfigFromStorage(clearCache) {
+    if (clearCache) {
+      await ConfigStorage.deleteFilterBarConfigCache(this.configName, this.resourceID);
+    }
     return new Promise(accept => {
       ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
         .then((filters) => {
@@ -568,6 +611,9 @@ const SnkFilterBar = class {
   filterChangeListener(evt) {
     this.updateFilter(evt.detail);
   }
+  /**
+   * Abre o modal de filtros
+  */
   async showFilterModal() {
     const callbackOnApplyFilter = (filters) => {
       this.filterConfig = filters.map(this.normalizeItem).sort((a, b) => this._filtersComparator(a, b));
@@ -580,6 +626,7 @@ const SnkFilterBar = class {
       filterConfig: filtersConfigCopy,
       configName: this.configName,
       onComplete: callbackOnApplyFilter,
+      disablePersonalizedFilter: this.disablePersonalizedFilter,
       getMessage: (key, props) => this.getMessage(key, props),
       onAddPersonalizedFilter: () => this.addPersonalizedFilter(),
       onEditPersonalizedFilter: (id) => this.editPersonalizedFilter(id),
@@ -624,6 +671,7 @@ const SnkFilterBar = class {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     if (this._application) {
       this.loadPermitions();
+      this.addFilterBarLegacyConfigName();
       this.loadConfigFromStorage();
     }
     this.attachDataUnit();
@@ -638,7 +686,10 @@ const SnkFilterBar = class {
     if (this.showPersonalizedFilter) {
       return 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 });
     }
-    return (h(Host, null, h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
+    if (this.mode !== "regular") {
+      return (h(Host, { "data-mode": this.mode }, this.getPersonalizedFilterVariableItems(), this.mode === 'button' && (h("ez-button", { class: "ez-margin-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }))));
+    }
+    return (h(Host, null, h("div", null, h("span", { class: "snk-filter-bar__title", title: this.title, "data-tooltip": this.title, "data-flow": "bottom" }, this.title)), h("ez-scroller", { class: "snk-filter-bar__scroller", direction: EzScrollDirection.HORIZONTAL, activeShadow: true, locked: this.scrollerLocked }, h("section", { class: "snk-filter-bar__filter-item-container" }, this.getFilterItems())), h("ez-button", { class: "ez-padding-left--medium", size: "small", label: this.getMessage('snkFilterBar.filters', undefined, 'Filtros'), onClick: this.showFilterModal.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus", class: "ez-padding-right--small" }))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {

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

@@ -12,6 +12,7 @@ const SnkFilterDetail = class {
     this.filterChange = createEvent(this, "filterChange", 7);
     this.config = undefined;
     this.getMessage = undefined;
+    this.showHardFixed = true;
   }
   /**
    * Exibe o componente snk-filter-detail.
@@ -89,7 +90,9 @@ const SnkFilterDetail = class {
     return Object.assign(Object.assign({}, item), { visible: false, fixed: false, value: undefined });
   }
   getPopUpHeaderButtons() {
-    return (h(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 (h(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 (h("button", { onClick: () => action(), class: "sc-snk-filter-bar snk-filter-item__editor-header-button", ref: elem => elem && this.buildIdButton(elem, title) }, h("ez-icon", Object.assign({ title: title, iconName: iconName }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo(`_${title}`)}` }))));

package/dist/esm/snk-filter-item.entry.js

@@ -18,6 +18,7 @@ const SnkFilterItem = class {
     this.detailIsVisible = undefined;
     this.config = undefined;
     this.getMessage = undefined;
+    this.showChips = true;
   }
   observeDetailIsVisible(value) {
     this.visibleChanged.emit(value);
@@ -49,19 +50,22 @@ const SnkFilterItem = class {
       autoClose: true,
       innerClickTest: this.innerClickCheck,
       backClickListener: () => this.onDetailCloseCallback(),
-      left: this.getScrollOffsetLeft(),
-      top: this.getScrollOffsetTop(),
+      left: this.getOffsetLeft(),
+      top: this.getOffsetTop(),
       useOverlay: true,
       overlayClassName: 'ez-scrim ez-scrim--light',
       isFixed: true
     };
   }
-  getScrollOffsetLeft() {
+  getOffsetLeft() {
     const padding = getComputedStyle(this._filterItemElement).getPropertyValue("padding-left");
     const rect = this._filterItemElement.getBoundingClientRect();
-    return `calc(${rect.x}px + ${padding})`;
+    // Width baseado no conteudo do snk-filter-detail. Nesse momento ele retorna 0px pois ainda não foi criado em tela.
+    const filterDetailWidth = 430;
+    const adjustRightPosition = filterDetailWidth - (document.body.clientWidth - rect.left);
+    return `calc(${rect.x}px + ${padding} - ${adjustRightPosition > 0 ? adjustRightPosition : 0}px)`;
   }
-  getScrollOffsetTop() {
+  getOffsetTop() {
     const rect = this._filterItemElement.getBoundingClientRect();
     return (rect.y + rect.height) + "px";
   }
@@ -258,6 +262,9 @@ const SnkFilterItem = class {
   }
   canClearFilter() {
     const { value, groupedItems = [] } = this.config;
+    if (value != undefined && this.config.type === FilterItemType.MULTI_LIST) {
+      return value.some((item) => item.check);
+    }
     return value !== undefined || groupedItems.some(item => item.visible);
   }
   getRightIconName() {
@@ -290,7 +297,7 @@ const SnkFilterItem = class {
   }
   render() {
     const leftIcon = this.getLeftIconName();
-    return (h(Host, null, h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon ? h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" }) : undefined, h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" })), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail }))));
+    return (h(Host, null, this.showChips && (h("ez-chip", { id: this.config.id, ref: ref => this._chipElement = ref, label: this.getLabel(), value: this.getEnabledChip() }, leftIcon && (h("ez-icon", { ref: ref => this._leftIconElement = ref, iconName: leftIcon, class: "ez-padding-right--small", slot: "leftIcon" })), h("ez-icon", { ref: ref => this._rightIconElement = ref, iconName: this.getRightIconName(), class: "ez-padding-left--small", slot: "rightIcon", id: "removeFilter" }))), h("section", { class: "ez-margin-top--small sc-snk-filter-bar snk-filter__popover-container", ref: elem => this._popoverContainer = elem }, h("snk-filter-detail", { config: this.config, getMessage: this.getMessage, class: "sc-snk-filter-bar snk-filter__popover ez-padding--small ez-elevation--16", ref: elem => this._popover = elem, key: this.config.id, "data-element-id": this._idSnkFilterDetail, showHardFixed: this.showChips }))));
   }
   get _filterItemElement() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/snk-filter-modal-item.entry.js

@@ -2,10 +2,10 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
-import { C as ConfigStorage } from './ConfigStorage-1244b8b0.js';
+import { C as ConfigStorage } from './ConfigStorage-6e241cd7.js';
 import { F as FilterType } from './filter-type.enum-a80c1b6b.js';
-import './form-config-fetcher-36219cd3.js';
-import './DataFetcher-aa159c5a.js';
+import './form-config-fetcher-765b8498.js';
+import './DataFetcher-a650ae58.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 

package/dist/esm/snk-filter-modal.entry.js

@@ -22,6 +22,7 @@ const SnkFilterModal = class {
     this.editPersonalizedFilter = undefined;
     this.deletePersonalizedFilter = undefined;
     this.filtersToDelete = [];
+    this.disablePersonalizedFilter = undefined;
   }
   /**
    * Emitido quando um filtro personalizado é deletado.
@@ -236,7 +237,7 @@ const SnkFilterModal = class {
     const customFilters = this.filters.filter(filter => filter.filterType === FilterType.CUSTOM_FILTER);
     const quickFilters = this.filters.filter(filter => filter.filterType === FilterType.QUICK_FILTER);
     const otherFilters = this.filters.filter(filter => filter.filterType === FilterType.OTHER_FILTERS);
-    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
+    return (h("ez-modal-container", { class: "snk-filter-modal__container", modalTitle: this._modalTitle, cancelButtonLabel: this._cancelButtonLabel, okButtonLabel: this._okButtonLabel, onEzModalAction: this.modalActionListener.bind(this) }, h("div", { class: "snk-filter-modal__content ez-col--sd-12" }, !this.disablePersonalizedFilter && this.renderCollapsibleFilterBox(this.getCustomMessage('customFilters'), customFilters, false, false), this.renderCollapsibleFilterBox(this.getCustomMessage('quickFilters'), quickFilters, false), otherFilters.map(filter => this.renderCollapsibleFilterBox(filter.label, [filter], true)))));
   }
 };
 SnkFilterModal.style = snkFilterModalCss;

package/dist/esm/snk-filter-multi-select.entry.js

@@ -13,7 +13,8 @@ const SnkFilterMultiSelect = class {
    * Emitido quando acontece a alteração de valor do componente snk-filter-multi-select
    */
   ezChangeListener(evt) {
-    this.value = evt.detail.value;
+    var _a;
+    this.value = (_a = evt.detail) === null || _a === void 0 ? void 0 : _a.value;
     this.valueChanged.emit(this.value);
   }
   /**