@sankhyalabs/sankhyablocks 8.1.0-dev.1 → 8.1.0-dev.11

package/dist/components/snk-detail-view2.js

@@ -47,6 +47,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.__registerHost();
     this.exit = createEvent(this, "exit", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._guideBuilders = new Map();
     this.dataUnit = undefined;
     this.dataState = undefined;
@@ -60,6 +61,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.messagesBuilder = undefined;
     this.canEdit = true;
     this.presentationMode = undefined;
+    this.resourceID = undefined;
     this._breadcrumbItems = [];
     this._guides = undefined;
     this._formEditorConfigManager = undefined;
@@ -261,7 +263,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       else {
         detailBranch = this.selectedGuide;
       }
-      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail) }));
+      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID }));
     }
     else {
       const cardId = this.selectedGuide.id;
@@ -310,7 +312,10 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     return this.selectedGuide === undefined || '__main' === ((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id);
   }
   componentWillLoad() {
-    this._configManager = new SnkFormConfigManager(this.configName, config => this.masterFormConfig = config);
+    if (this.resourceID == undefined) {
+      throw new Error("Erro interno: resourceID não informado");
+    }
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
     this._configManager.loadConfig();
   }
   componentDidRender() {
@@ -329,7 +334,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   buildTaskBar() {
     var _a;
-    return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit }));
+    return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID }));
   }
   render() {
     var _a, _b;
@@ -348,7 +353,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
       :
-        h("div", null), h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail) })));
+        h("div", null), h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID })));
   }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],
@@ -357,7 +362,6 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }; }
   static get style() { return snkGuidesViewerCss; }
 }, [2, "snk-guides-viewer", {
-    "_guideBuilders": [16],
     "dataUnit": [16],
     "dataState": [16],
     "configName": [1, "config-name"],
@@ -370,6 +374,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "messagesBuilder": [1040],
     "canEdit": [4, "can-edit"],
     "presentationMode": [1, "presentation-mode"],
+    "resourceID": [1, "resource-i-d"],
     "_breadcrumbItems": [32],
     "_guides": [32],
     "_formEditorConfigManager": [32],
@@ -586,11 +591,13 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.snkDetailGuidesChange = createEvent(this, "snkDetailGuidesChange", 7);
     this.snkSwitchGuide = createEvent(this, "snkSwitchGuide", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._disabledButtons = undefined;
     this._currentView = undefined;
     this.attachmentRegisterKey = undefined;
     this.formConfigManager = undefined;
     this.dataUnitName = undefined;
+    this.resourceID = undefined;
     this.guideItemPath = undefined;
     this.entityName = undefined;
     this.label = undefined;
@@ -760,7 +767,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   componentWillLoad() {
     this._configName = `dynaform.${this.entityName}`;
-    this.formConfigManager = new SnkFormConfigManager(this._configName, () => this.loadMetadata());
+    this.formConfigManager = new SnkFormConfigManager(this._configName, this.resourceID, () => this.loadMetadata());
     this.formConfigManager.loadConfig();
     if (this.messagesBuilder == undefined) {
       this.messagesBuilder = new SnkMessageBuilder(this.entityName);
@@ -769,7 +776,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems) }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
   static get watchers() { return {
     "dataState": ["observerDataState"]
@@ -778,6 +785,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
 }, [2, "snk-detail-view", {
     "formConfigManager": [1040],
     "dataUnitName": [1, "data-unit-name"],
+    "resourceID": [1, "resource-i-d"],
     "guideItemPath": [16],
     "entityName": [1, "entity-name"],
     "label": [1],

package/dist/components/snk-entity-list.js

@@ -8,7 +8,6 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     super();
     this.__registerHost();
     this.valueChanged = createEvent(this, "valueChanged", 7);
-    this.saveConfig = createEvent(this, "saveConfig", 7);
     this._searchValue = undefined;
     this._ezListSource = [];
     this.config = undefined;
@@ -17,7 +16,6 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   async reloadList() {
     this.loadListSource();
-    this.saveConfig.emit(this.config);
   }
   observeConfig() {
     var _a, _b;
@@ -33,7 +31,6 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       }
     });
     this.config = ObjectUtils.copy(configCopy);
-    this.saveConfig.emit(this.config);
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   loadListSource() {
@@ -90,7 +87,6 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
           }
         ] });
       this.loadListSource();
-      this.saveConfig.emit(this.config);
       this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
     }
   }

package/dist/components/snk-filter-bar2.js

@@ -208,6 +208,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     };
     this.dataUnit = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
     this.allowDefault = undefined;
@@ -283,11 +284,11 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         return;
       }
       this._loadingPending = false;
-      this.dataUnit.loadData();
+      this.dataUnit.loadData(undefined, undefined, true);
     }
     if (this._configUpdated) {
       this._configUpdated = false;
-      ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName);
+      ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName, this.resourceID);
     }
   }
   /**
@@ -403,15 +404,13 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   loadConfigFromStorage() {
     return new Promise(accept => {
-      ConfigStorage.get().then(instance => {
-        instance.loadFilterBarConfig(this.configName, { contextURI: this.dataUnit.name })
-          .then((filters) => {
-          accept();
-          this.filterConfig = filters.map(item => this.normalizeItem(item));
-        })
-          .catch(reason => {
-          throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
-        });
+      ConfigStorage.loadFilterBarConfig(this.configName, this.resourceID, { contextURI: this.dataUnit.name })
+        .then((filters) => {
+        accept();
+        this.filterConfig = filters.map(item => this.normalizeItem(item));
+      })
+        .catch(reason => {
+        throw new ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
       });
     });
   }
@@ -496,7 +495,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return undefined;
     }
     if (this.showPersonalizedFilter) {
-      return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.hidePersonalizedFilter(), entityUri: this.dataUnit.name, configName: this.configName });
+      return h("snk-personalized-filter", { class: "filter-bar__personalized-filter", filterId: this.personalizedFilterId, ref: (el) => this._elPersonalizedFilter = el, onEzCancel: () => this.hidePersonalizedFilter(), 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" }))));
   }
@@ -508,6 +507,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
 }, [2, "snk-filter-bar", {
     "dataUnit": [1040],
     "configName": [1, "config-name"],
+    "resourceID": [1, "resource-i-d"],
     "filterConfig": [1040],
     "messagesBuilder": [1040],
     "allowDefault": [32],

package/dist/components/snk-filter-detail2.js

@@ -1,8 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, Host } from '@stencil/core/internal/client';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterItemType } from './filter-item-type.enum.js';
-import { ApplicationContext, ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
-import { F as FilterBarConfigFetcher } from './filter-bar-config-fetcher.js';
+import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { E as EPresentationMode } from './presentationMode.js';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils.js';
 
@@ -28,7 +27,6 @@ const SnkFilterDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   componentDidLoad() {
     if (this._element) {
-      this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
       ElementIDUtils.addIDInfo(this._element);
       const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
       this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
@@ -146,20 +144,12 @@ const SnkFilterDetail = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       this.config = ObjectUtils.copy(configCopy);
     }
   }
-  saveConfig(newConfig) {
-    var _a;
-    (_a = this._application) === null || _a === void 0 ? void 0 : _a.getResourceID().then(resourceId => {
-      const fetcher = new FilterBarConfigFetcher();
-      fetcher.saveEntityListConfig(newConfig, resourceId, this._application.configName);
-      this.config = newConfig;
-    });
-  }
   componentWillLoad() {
     this.originalConfig = ObjectUtils.copy(this.config);
   }
   render() {
     const { tag: CustomElement, props } = this.getContentEditor();
-    return (h(Host, null, h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), h(CustomElement, Object.assign({ maxHeightList: '240px', ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage, onSaveConfig: evt => this.saveConfig(evt.detail), rightListSlotBuilder: item => this.buildRightSlot(item) }, props)), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
+    return (h(Host, null, h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-text ez-title ez-title--small ez-padding--small sc-snk-filter-bar snk-filter-item__editor-header" }, this.config.detailTitle), this.getPopUpHeaderButtons()), h(CustomElement, Object.assign({ maxHeightList: '240px', ref: ref => this._editor = ref, value: this.config.value, config: this.config, onKeyDown: evt => this.onKeyDonwListener(evt), "data-element-id": this._idContentEditor, getMessage: this.getMessage, rightListSlotBuilder: item => this.buildRightSlot(item) }, props)), h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), h("ez-button", { ref: ref => this._applyButton = ref, label: this.getMessage("snkFilterBar.applyFilter"), onClick: () => this.apply(), size: "small", class: "ez-button--primary ez-padding-left--medium" }))));
   }
   get _element() { return this; }
   static get watchers() { return {

package/dist/components/snk-filter-modal-item2.js

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
-import { ElementIDUtils, ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
+import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum.js';
 import { E as EPresentationMode } from './presentationMode.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
@@ -23,14 +23,13 @@ const SnkFilterModalItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     this.addPersonalizedFilter = createEvent(this, "addPersonalizedFilter", 7);
     this.filterItem = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
   }
   observeFilterItem(newValue) {
     var _a, _b;
     this._editor && (this._editor["config"] = newValue);
     (_b = (_a = this._editor) === null || _a === void 0 ? void 0 : _a['reloadList']) === null || _b === void 0 ? void 0 : _b.call(_a);
     this.filterChange.emit(newValue);
-    //isso faz o filtro salvar o estado precocemente. Caso: Botão limpar filtro dispara dezenas de vezes
-    //this.saveConfig();
   }
   getContentEditorConfig() {
     const props = { presentationMode: EPresentationMode.MODAL };
@@ -72,11 +71,10 @@ const SnkFilterModalItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     else {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === FilterItemType.SEARCH ? data : newValue, visible: this.isVisible(newValue) });
     }
-    this.saveConfig();
   }
   handleDeleteFilter(filter, filterItemType) {
     if (filterItemType === FilterItemType.PERSONALIZED) {
-      ConfigStorage.removePersonalizedFilter(filter, this.configName);
+      ConfigStorage.removePersonalizedFilter(filter, this.resourceID, this.configName);
     }
   }
   componentDidLoad() {
@@ -84,7 +82,6 @@ const SnkFilterModalItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       ElementIDUtils.addIDInfo(this._element);
       const dataElementIdDoFilterItem = this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
       this._idContentEditor = `${dataElementIdDoFilterItem}_${this.filterItem.id}`;
-      this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     }
   }
   buildRightSlot(item) {
@@ -101,15 +98,6 @@ const SnkFilterModalItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
     const { CUSTOM_FILTER, OTHER_FILTERS } = FilterType$1;
     return ![CUSTOM_FILTER, OTHER_FILTERS].includes(this.filterItem.filterType) && this.filterItem.type !== FilterItemType.BINARY_SELECT;
   }
-  saveConfig() {
-    //Precisa ser rediscutido... não podemos salvar configuração por conta própria. Não temos autonomia pra isso.
-    /*if(FilterItemType.MULTI_LIST !== this.filterItem.type) return;
-
-    this._application?.getResourceID().then(resourceId => {
-      const fetcher = new FilterBarConfigFetcher();
-      fetcher.saveEntityListConfig(this.filterItem, resourceId, this._application.configName);
-    });*/
-  }
   render() {
     const { tag: ContentEditor, props } = this.getContentEditorConfig();
     return (h(Host, null, h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, h("div", { class: "ez-title ez-title--small ez-title--primary grow" }, this.filterItem.detailModal))), h(ContentEditor, Object.assign({ ref: ref => this._editor = ref, config: this.filterItem, value: this.filterItem.value, onValueChanged: (event) => this.updateFilterValue(event.detail), "data-element-id": this._idContentEditor }, props)))));
@@ -121,7 +109,8 @@ const SnkFilterModalItem = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
   static get style() { return snkFilterModalItemCss; }
 }, [0, "snk-filter-modal-item", {
     "filterItem": [1040],
-    "configName": [1025, "config-name"]
+    "configName": [1025, "config-name"],
+    "resourceID": [1, "resource-i-d"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-form-config2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { a as draggable_bundle, d as defineCustomElement$1 } from './snk-tab-config2.js';
-import { ObjectUtils, ElementIDUtils, ArrayUtils, ApplicationContext } from '@sankhyalabs/core';
+import { ObjectUtils, ElementIDUtils, ArrayUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as CONFIG_EVENTS, b as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants.js';
 import { U as UserConfigType } from './form-config-fetcher.js';
@@ -452,13 +452,10 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._sortableGroup.on(CONFIG_EVENTS.dragStop, (evt) => this.controlStopDraggingGroup(evt));
   }
   loadUserConfig() {
-    if (this._applicationResourceID == undefined) {
-      return;
-    }
     if (this.configManager == undefined) {
       return;
     }
-    this.configManager.fetchUserAvailableConfigs(this._applicationResourceID)
+    this.configManager.fetchUserAvailableConfigs()
       .then((userConfig) => {
       this._formConfigOptions = userConfig;
       if (this._formConfigOptions == undefined) {
@@ -512,9 +509,6 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   async loadConfigByUser() {
-    if (this._applicationResourceID == undefined) {
-      return;
-    }
     if (this.configManager == undefined) {
       return;
     }
@@ -524,10 +518,10 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     let config;
     switch (this._optionFormConfigSelected.origin) {
       case UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig(this._applicationResourceID);
+        config = await this.configManager.fetchDefaultConfig();
         break;
       case UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig(this._applicationResourceID);
+        config = await this.configManager.fetchDefaultConfig();
         break;
     }
     if (config != undefined) {
@@ -943,11 +937,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.controlSortableGroup();
   }
   componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._application.getResourceID().then(resourceID => {
-      this._applicationResourceID = resourceID;
-      this.loadConfig();
-    });
+    this.loadConfig();
   }
   componentDidLoad() {
     const dataInfo = { dataUnit: this.dataUnit };

package/dist/components/snk-form-view2.js

@@ -10,6 +10,7 @@ const SnkFormView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.snkContentCardChanged = createEvent(this, "snkContentCardChanged", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.levelPath = undefined;
     this.label = undefined;
     this.name = undefined;
@@ -77,6 +78,10 @@ const SnkFormView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this._dataBinder.bind(fields, this.dataUnit.dataUnitId, this.formMetadata, this.recordsValidator);
     }
   }
+  handleFormItemsReady(event) {
+    event.stopPropagation();
+    this.formItemsReady.emit(Object.assign(Object.assign({}, event.detail), { formId: this.name }));
+  }
   disconnectedCallback() {
     if (this._dataBinder != undefined) {
       this._dataBinder.onDisconnectedCallback();
@@ -89,7 +94,7 @@ const SnkFormView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       ?
         h("snk-form-summary", { summary: this.getCardSummary() })
       :
-        h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail) })));
+        h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) })));
   }
   static get style() { return snkFormViewCss; }
 }, [6, "snk-form-view", {

package/dist/components/snk-form.js

@@ -1,6 +1,7 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
 import { ElementIDUtils } from '@sankhyalabs/core';
 import { S as SnkFormConfigManager } from './SnkFormConfigManager.js';
+import { R as ResourceIDUtils } from './ResourceIDUtils.js';
 import { d as defineCustomElement$5 } from './snk-config-options2.js';
 import { d as defineCustomElement$4 } from './snk-field-config2.js';
 import { d as defineCustomElement$3 } from './snk-form-config2.js';
@@ -14,6 +15,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.exit = createEvent(this, "exit", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._dataUnit = undefined;
     this._dataState = undefined;
     this._showFormConfig = false;
@@ -21,6 +23,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.configName = undefined;
     this.recordsValidator = undefined;
     this.messagesBuilder = undefined;
+    this.resourceID = undefined;
   }
   /**
    * Exibe a janela de configurações do formulário.
@@ -41,7 +44,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const dataInfo = { dataUnit: this._dataUnit };
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     let parent = this._element.parentElement;
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
@@ -63,7 +66,10 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       }
       parent = parent.parentElement;
     }
-    this._configManager = new SnkFormConfigManager(this.configName);
+    if (this.resourceID == undefined) {
+      this.resourceID = await ResourceIDUtils.getResourceID();
+    }
+    this._configManager = new SnkFormConfigManager(this.configName, this.resourceID);
     this._configManager.loadConfig();
   }
   render() {
@@ -79,6 +85,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "configName": [1, "config-name"],
     "recordsValidator": [16],
     "messagesBuilder": [1040],
+    "resourceID": [1, "resource-i-d"],
     "_dataUnit": [32],
     "_dataState": [32],
     "_showFormConfig": [32],

package/dist/components/snk-grid-config2.js

@@ -25,6 +25,7 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.columns = undefined;
     this.config = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
   }
   /* Creation Methods */
   /**
@@ -248,7 +249,7 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       }
     }
     _newConfig.columns = _newColumnConfigList;
-    ConfigStorage.saveGridConfig(_newConfig, this.configName)
+    ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
       this.configChange.emit(savedConfig);
       this._orderList.clearHistory();
@@ -475,7 +476,8 @@ const SnkGridConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "application": [16],
     "columns": [1040],
     "config": [1040],
-    "configName": [1, "config-name"]
+    "configName": [1, "config-name"],
+    "resourceID": [1, "resource-i-d"]
   }]);
 function defineCustomElement() {
   if (typeof customElements === "undefined") {

package/dist/components/snk-grid2.js

@@ -4,7 +4,7 @@ import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMeta
 import { d as defineCustomElement$1, T as TaskbarElement } from './snk-taskbar2.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode } from './index2.js';
-import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor } from './SnkMultiSelectionListDataSource.js';
+import { T as TaskbarProcessor, S as SnkMultiSelectionListDataSource } from './SnkMultiSelectionListDataSource.js';
 import { s as store } from './index3.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { d as defineCustomElement$h } from './snk-actions-button2.js';
@@ -32,7 +32,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.actionClick = createEvent(this, "actionClick", 7);
     this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
-    this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -49,7 +48,9 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._dataState = undefined;
     this._gridConfig = undefined;
     this._popUpGridConfig = false;
+    this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.configName = undefined;
+    this.resourceID = undefined;
     this.selectionToastConfig = undefined;
     this.actionsList = undefined;
     this.isDetail = undefined;
@@ -108,20 +109,17 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._gridConfig = config;
   }
   loadConfig() {
-    ConfigStorage.get()
-      .then((instance) => {
-      instance.loadGridConfig(this.configName)
-        .then((config) => {
-        this.setGridConfig(config);
-      })
-        .catch((error) => {
-        console.warn(error);
-      });
+    ConfigStorage.loadGridConfig(this.configName, this.resourceID)
+      .then((config) => {
+      this.setGridConfig(config);
+    })
+      .catch((error) => {
+      console.warn(error);
     });
   }
   gridConfigChangeHandler(evt) {
     const config = evt.detail;
-    ConfigStorage.saveGridConfig(config, this.configName);
+    ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
     evt.stopPropagation();
   }
   modalConfigChangeHandler(evt) {
@@ -234,10 +232,11 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
+    var _a, _b;
     this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
     this.addElementID();
-    this._multiSelectionListDataSource.setApplication(this._application);
-    this._multiSelectionListDataSource.setDataUnit(this._dataUnit);
+    (_a = this.columnFilterDataSource) === null || _a === void 0 ? void 0 : _a.setApplication(this._application);
+    (_b = this.columnFilterDataSource) === null || _b === void 0 ? void 0 : _b.setDataUnit(this._dataUnit);
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -328,13 +327,15 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton() })), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this._multiSelectionListDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
+    return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder, resourceID: this.resourceID }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
+      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton(), resourceID: this.resourceID })), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList, resourceID: this.resourceID })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resourceID }))));
   }
   get _element() { return this; }
   static get style() { return snkGridCss; }
 }, [6, "snk-grid", {
+    "columnFilterDataSource": [1040],
     "configName": [1, "config-name"],
+    "resourceID": [1, "resource-i-d"],
     "selectionToastConfig": [16],
     "actionsList": [16],
     "isDetail": [4, "is-detail"],