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

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

@@ -11,7 +11,6 @@ const SnkEntityList = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.valueChanged = index.createEvent(this, "valueChanged", 7);
-    this.saveConfig = index.createEvent(this, "saveConfig", 7);
     this._searchValue = undefined;
     this._ezListSource = [];
     this.config = undefined;
@@ -20,7 +19,6 @@ const SnkEntityList = class {
   }
   async reloadList() {
     this.loadListSource();
-    this.saveConfig.emit(this.config);
   }
   observeConfig() {
     var _a, _b;
@@ -36,7 +34,6 @@ const SnkEntityList = class {
       }
     });
     this.config = core.ObjectUtils.copy(configCopy);
-    this.saveConfig.emit(this.config);
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   loadListSource() {
@@ -93,7 +90,6 @@ const SnkEntityList = class {
           }
         ] });
       this.loadListSource();
-      this.saveConfig.emit(this.config);
       this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
     }
   }

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

@@ -5,18 +5,17 @@ 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-73e7afff.js');
+const ConfigStorage = require('./ConfigStorage-d688c739.js');
 const DataType = require('@sankhyalabs/core/dist/dataunit/metadata/DataType');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 const index = require('./index-c5771aba.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
-require('./form-config-fetcher-181767c9.js');
-require('./DataFetcher-004811c6.js');
+require('./form-config-fetcher-761994b9.js');
+require('./DataFetcher-d2c6ae38.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./resource-fetcher-c0332609.js');
-require('./filter-bar-config-fetcher-2b8ed9d0.js');
+require('./resource-fetcher-95d24dff.js');
 
 const buildFilter = (item) => {
   switch (item.type) {
@@ -208,6 +207,7 @@ const SnkFilterBar = class {
     };
     this.dataUnit = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
     this.allowDefault = undefined;
@@ -283,11 +283,11 @@ const SnkFilterBar = class {
         return;
       }
       this._loadingPending = false;
-      this.dataUnit.loadData();
+      this.dataUnit.loadData(undefined, undefined, true);
     }
     if (this._configUpdated) {
       this._configUpdated = false;
-      ConfigStorage.ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName);
+      ConfigStorage.ConfigStorage.saveFilterBarConfig(this.filterConfig, this.configName, this.resourceID);
     }
   }
   /**
@@ -403,15 +403,13 @@ const SnkFilterBar = class {
   }
   loadConfigFromStorage() {
     return new Promise(accept => {
-      ConfigStorage.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 core.ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
-        });
+      ConfigStorage.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 core.ErrorException(this.getMessage("snkFilterBar.failToLoadConfig"), reason);
       });
     });
   }
@@ -496,7 +494,7 @@ const SnkFilterBar = class {
       return undefined;
     }
     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.hidePersonalizedFilter(), entityUri: this.dataUnit.name, configName: this.configName });
+      return index$1.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 (index$1.h(index$1.Host, null, 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" }))));
   }

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

@@ -6,13 +6,8 @@ const index = require('./index-f9e81701.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 const core = require('@sankhyalabs/core');
-const filterBarConfigFetcher = require('./filter-bar-config-fetcher-2b8ed9d0.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
-require('./resource-fetcher-c0332609.js');
-require('./DataFetcher-004811c6.js');
-require('./_commonjsHelpers-537d719a.js');
-require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./index-c5771aba.js');
 
 const SnkFilterDetail = class {
@@ -36,7 +31,6 @@ const SnkFilterDetail = class {
   }
   componentDidLoad() {
     if (this._element) {
-      this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
       core.ElementIDUtils.addIDInfo(this._element);
       const dataElementIdDoFilterItem = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
       this._idContentEditor = `${dataElementIdDoFilterItem}_${this.config.id}`;
@@ -154,20 +148,12 @@ const SnkFilterDetail = class {
       this.config = core.ObjectUtils.copy(configCopy);
     }
   }
-  saveConfig(newConfig) {
-    var _a;
-    (_a = this._application) === null || _a === void 0 ? void 0 : _a.getResourceID().then(resourceId => {
-      const fetcher = new filterBarConfigFetcher.FilterBarConfigFetcher();
-      fetcher.saveEntityListConfig(newConfig, resourceId, this._application.configName);
-      this.config = newConfig;
-    });
-  }
   componentWillLoad() {
     this.originalConfig = core.ObjectUtils.copy(this.config);
   }
   render() {
     const { tag: CustomElement, props } = this.getContentEditor();
-    return (index.h(index.Host, null, index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.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()), index.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)), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), index.h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (index.h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), index.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 (index.h(index.Host, null, index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.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()), index.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)), index.h("hr", { class: "sc-snk-filter-bar snk-filter__popover-rule" }), index.h("div", { class: "ez-col ez-col--sd-12 ez-align--right" }, this.filterCanBeCleared() && (index.h("ez-button", { label: this.getMessage("snkFilterBar.cleanFilter"), onClick: () => this.clear(), size: "small" })), index.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 index.getElement(this); }
   static get watchers() { return {

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

@@ -6,14 +6,13 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-aa823a00.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const ConfigStorage = require('./ConfigStorage-73e7afff.js');
+const ConfigStorage = require('./ConfigStorage-d688c739.js');
 const filterType_enum = require('./filter-type.enum-b14ce507.js');
-require('./form-config-fetcher-181767c9.js');
-require('./DataFetcher-004811c6.js');
+require('./form-config-fetcher-761994b9.js');
+require('./DataFetcher-d2c6ae38.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./resource-fetcher-c0332609.js');
-require('./filter-bar-config-fetcher-2b8ed9d0.js');
+require('./resource-fetcher-95d24dff.js');
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";
 
@@ -25,14 +24,13 @@ const SnkFilterModalItem = class {
     this.addPersonalizedFilter = index.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: presentationMode.EPresentationMode.MODAL };
@@ -74,11 +72,10 @@ const SnkFilterModalItem = class {
     else {
       this.filterItem = Object.assign(Object.assign({}, this.filterItem), { value: this.filterItem.type === filterItemType_enum.FilterItemType.SEARCH ? data : newValue, visible: this.isVisible(newValue) });
     }
-    this.saveConfig();
   }
   handleDeleteFilter(filter, filterItemType) {
     if (filterItemType === filterItemType_enum.FilterItemType.PERSONALIZED) {
-      ConfigStorage.ConfigStorage.removePersonalizedFilter(filter, this.configName);
+      ConfigStorage.ConfigStorage.removePersonalizedFilter(filter, this.resourceID, this.configName);
     }
   }
   componentDidLoad() {
@@ -86,7 +83,6 @@ const SnkFilterModalItem = class {
       core.ElementIDUtils.addIDInfo(this._element);
       const dataElementIdDoFilterItem = this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME);
       this._idContentEditor = `${dataElementIdDoFilterItem}_${this.filterItem.id}`;
-      this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     }
   }
   buildRightSlot(item) {
@@ -103,15 +99,6 @@ const SnkFilterModalItem = class {
     const { CUSTOM_FILTER, OTHER_FILTERS } = filterType_enum.FilterType;
     return ![CUSTOM_FILTER, OTHER_FILTERS].includes(this.filterItem.filterType) && this.filterItem.type !== filterItemType_enum.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 (index.h(index.Host, null, index.h("div", { class: "ez-flex ez-flex--column grow" }, this.canShowDetailModal() && (index.h("div", { class: "col ez-col--sd-12 ez-align--right ez-padding-medium ez-flex--align-items-center" }, index.h("div", { class: "ez-title ez-title--small ez-title--primary grow" }, this.filterItem.detailModal))), index.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)))));

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

@@ -7,12 +7,12 @@ const draggable_bundle = require('./draggable.bundle-82a25c06.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-d187e03e.js');
-const formConfigFetcher = require('./form-config-fetcher-181767c9.js');
+const formConfigFetcher = require('./form-config-fetcher-761994b9.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./_commonjsHelpers-537d719a.js');
-require('./DataFetcher-004811c6.js');
+require('./DataFetcher-d2c6ae38.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./resource-fetcher-c0332609.js');
+require('./resource-fetcher-95d24dff.js');
 
 const snkFormConfigCss = ".sc-snk-form-config-h{--snk-form-config--z-index:var(--more-visible, 2);--snk-form-config--background-color:var(--background--xlight, #fff);--snk-form-config__icon--color:var(--text--disable, #AFB6C0);--snk-form-config__label-counter--font-weight:var(--text-weight--extra-small, 200);--snk-form-config__add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__add-group-container--background-color:var(--background--medium, #d2dce9);--snk-form-config__add-group-container--padding:var(--space--small, 6px);--snk-form-config__add-group-content--border:2px dashed var(--color-strokes, #DCE0E8);--snk-form-config__add-group-content--border-radius:var(--border--radius-small, 6px);--snk-form-config__add-group-label--padding:var(--space--large, 24px);--snk-form-config__btn-add-group--padding:var(--space--large, 24px) var(--space--medium, 12px) 0;--snk-form-config__btn-add-group-container--padding:var(--space--medium, 12px);--snk-form-config__btn-add-group-container--border-radius:var(--border--radius-medium, 12px);--snk-form-config__btn-add-group-container--border:2px solid var(--color-strokes, #DCE0E8);--snk-form-config__btn-add-group-container--background-color:var(--background--body, #fafcff);display:flex;flex-direction:column;position:fixed;top:0;left:0;width:100%;height:100%;z-index:var(--snk-form-config--z-index);background-color:var(--snk-form-config--background-color)}.form-config__header-container.sc-snk-form-config{display:flex}.form-config__field-container.sc-snk-form-config{width:32%;padding:6px}.form-config__hide-content.sc-snk-form-config{display:none}ez-icon.sc-snk-form-config .left-icon.sc-snk-form-config{--ez-icon--color:var(--snk-form-config__icon--color)}.ez-box__label-counter.sc-snk-form-config{margin-top:-7px;font-weight:var(--snk-form-config__label-counter--font-weight)}.form-config__btn-options.sc-snk-form-config{--ez-button--min-width:300px;--ez-button--background-color:var(--snk-form-config--background-color)}[data-draggable-parent].sc-snk-form-config{position:relative}.form-config__field-config--selected.sc-snk-form-config{position:static}.form-config__field-config--dragged.sc-snk-form-config .draggable-mirror.sc-snk-form-config{z-index:var(--snk-form-config--z-index)}.form-config__config-options.sc-snk-form-config{position:relative;margin-top:-3px;min-width:100%;z-index:1}.form-config__tab-container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config{position:relative;height:100%;max-height:calc(100vh - 92px)}.form-config__tab-container.sc-snk-form-config .ez-box__container.sc-snk-form-config,.form-config__fields-available.sc-snk-form-config .ez-box__container.sc-snk-form-config{align-content:flex-start;height:100%}.form-config__fields-available.sc-snk-form-config [data-draggable-parent].sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:100%;max-height:calc(100% - 122px)}.form-config__tab-content.sc-snk-form-config{align-content:flex-start;overflow-y:auto;height:auto;max-height:calc(100% - 128px)}[data-draggable-element].sc-snk-form-config{cursor:grab}.form-config__actions-button.sc-snk-form-config{--ez-actions-button__btn-action--min-width:235px}.form-config__add-group.sc-snk-form-config{position:relative;min-height:120px;margin-bottom:10px}.form-config__add-group-container.sc-snk-form-config{position:absolute;display:flex;flex-wrap:wrap;width:100%;box-sizing:border-box;border-radius:var(--snk-form-config__add-group-container--border-radius);background-color:var(--snk-form-config__add-group-container--background-color);padding:var(--snk-form-config__add-group-container--padding)}.form-config__add-group-content.sc-snk-form-config{width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;box-sizing:border-box;border:var(--snk-form-config__add-group-content--border);border-radius:var(--snk-form-config__add-group-content--border-radius)}.form-config__add-group-label.sc-snk-form-config{display:flex;justify-content:center;box-sizing:border-box;padding:var(--snk-form-config__add-group-label--padding)}.form-config__btn-add-group.sc-snk-form-config{position:relative;padding:var(--snk-form-config__btn-add-group--padding)}.form-config__btn-add-group-container.sc-snk-form-config{padding:var(--snk-form-config__btn-add-group-container--padding);border-radius:var(--snk-form-config__btn-add-group-container--border-radius);border:var(--snk-form-config__btn-add-group-container--border);background-color:var(--snk-form-config__btn-add-group-container--background-color)}ez-collapsible-box.draggable-mirror.sc-snk-form-config{display:table;background-color:var(--snk-form-config--background-color)}ez-collapsible-box.sc-snk-form-config{margin-bottom:10px}@media screen and (min-width: 480px){.form-config__field-config--selected.sc-snk-form-config .ez-flex.form-config__config-options.sc-snk-form-config{min-width:calc(300% + 12px)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+2) .ez-flex.form-config__config-options.sc-snk-form-config{left:calc(100% / 1 * -1)}.form-config__field-config--selected.sc-snk-form-config:nth-child(3n+3) .ez-flex.form-config__config-options.sc-snk-form-config{left:calc(100% / 1 * -2)}}";
 
@@ -457,13 +457,10 @@ const SnkFormConfig = class {
     this._sortableGroup.on(constants.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) {
@@ -517,9 +514,6 @@ const SnkFormConfig = class {
     }
   }
   async loadConfigByUser() {
-    if (this._applicationResourceID == undefined) {
-      return;
-    }
     if (this.configManager == undefined) {
       return;
     }
@@ -529,10 +523,10 @@ const SnkFormConfig = class {
     let config;
     switch (this._optionFormConfigSelected.origin) {
       case formConfigFetcher.UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig(this._applicationResourceID);
+        config = await this.configManager.fetchDefaultConfig();
         break;
       case formConfigFetcher.UserConfigType.DEFAULT:
-        config = await this.configManager.fetchDefaultConfig(this._applicationResourceID);
+        config = await this.configManager.fetchDefaultConfig();
         break;
     }
     if (config != undefined) {
@@ -948,11 +942,7 @@ const SnkFormConfig = class {
     this.controlSortableGroup();
   }
   componentWillLoad() {
-    this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._application.getResourceID().then(resourceID => {
-      this._applicationResourceID = resourceID;
-      this.loadConfig();
-    });
+    this.loadConfig();
   }
   componentDidLoad() {
     const dataInfo = { dataUnit: this.dataUnit };

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

@@ -12,6 +12,7 @@ const SnkFormView = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.snkContentCardChanged = index.createEvent(this, "snkContentCardChanged", 7);
+    this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this.levelPath = undefined;
     this.label = undefined;
     this.name = undefined;
@@ -79,6 +80,10 @@ const SnkFormView = class {
       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();
@@ -91,7 +96,7 @@ const SnkFormView = class {
       ?
         index.h("snk-form-summary", { summary: this.getCardSummary() })
       :
-        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail) })));
+        index.h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) })));
   }
 };
 SnkFormView.style = snkFormViewCss;

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-d1f1a222.js');
-require('./ConfigStorage-73e7afff.js');
-require('./form-config-fetcher-181767c9.js');
-require('./DataFetcher-004811c6.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-29b73c81.js');
+const ResourceIDUtils = require('./ResourceIDUtils-5ff86aa7.js');
+require('./ConfigStorage-d688c739.js');
+require('./form-config-fetcher-761994b9.js');
+require('./DataFetcher-d2c6ae38.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./resource-fetcher-c0332609.js');
-require('./filter-bar-config-fetcher-2b8ed9d0.js');
+require('./resource-fetcher-95d24dff.js');
 require('./filter-item-type.enum-aa823a00.js');
 
 const snkFormCss = ".sc-snk-form-h{--snk-form__header--min-height:94px;display:block}.snk-form__form--hidden.sc-snk-form{display:none}";
@@ -21,6 +21,7 @@ const SnkForm = class {
     index.registerInstance(this, hostRef);
     this.exit = index.createEvent(this, "exit", 7);
     this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this._dataUnit = undefined;
     this._dataState = undefined;
     this._showFormConfig = false;
@@ -28,6 +29,7 @@ const SnkForm = class {
     this.configName = undefined;
     this.recordsValidator = undefined;
     this.messagesBuilder = undefined;
+    this.resourceID = undefined;
   }
   /**
    * Exibe a janela de configurações do formulário.
@@ -48,7 +50,7 @@ const SnkForm = class {
     const dataInfo = { dataUnit: this._dataUnit };
     core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
-  componentWillLoad() {
+  async componentWillLoad() {
     let parent = this._element.parentElement;
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
@@ -70,7 +72,10 @@ const SnkForm = class {
       }
       parent = parent.parentElement;
     }
-    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName);
+    if (this.resourceID == undefined) {
+      this.resourceID = await ResourceIDUtils.ResourceIDUtils.getResourceID();
+    }
+    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resourceID);
     this._configManager.loadConfig();
   }
   render() {

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

@@ -6,14 +6,13 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const CheckMode = require('@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode');
-const ConfigStorage = require('./ConfigStorage-73e7afff.js');
+const ConfigStorage = require('./ConfigStorage-d688c739.js');
 const constants = require('./constants-d187e03e.js');
-require('./form-config-fetcher-181767c9.js');
-require('./DataFetcher-004811c6.js');
+require('./form-config-fetcher-761994b9.js');
+require('./DataFetcher-d2c6ae38.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./resource-fetcher-c0332609.js');
-require('./filter-bar-config-fetcher-2b8ed9d0.js');
+require('./resource-fetcher-95d24dff.js');
 require('./filter-item-type.enum-aa823a00.js');
 
 const snkGridConfigCss = ".sc-snk-grid-config-h{--snk-grid-config__footer--padding-top:var(--space--medium, 12px);--snk-grid-config__main--padding-right:var(--space--medium, 12px);--snk-grid-config__tabselector-container--padding:var(--space--medium, 12px);--snk-grid-config__button-close--padding-left:var(--space--medium, 12px);--snk-grid-config__title--color:var(--title--primary, #2B3A54);--snk-grid-config__title--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__title--font-size:var(--title--large, 20px);--snk-grid-config__title--font-weight:var(--text-weight--extra-large, 700);--snk-grid-config__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__subtitle--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-family:var(--font-pattern, \"Roboto\");--snk-grid-config__group--font-size:var(--text--medium, 14px);--snk-grid-config__group--font-weight:var(--text-weight--large, 600);--snk-grid-config__group--padding-bottom:var(--space-small, 6px);--snk-grid-config__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-grid-config__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-grid-config__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-grid-config__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-grid-config__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-grid-config__scrollbar--width:var(--space--medium, 12px);display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}@media screen and (min-width: 480px){.sc-snk-grid-config-h{width:359px;max-width:359px}}.padding-right--medium.sc-snk-grid-config{padding-right:var(--space--medium)}ez-list.sc-snk-grid-config{height:100%}.height-calc.sc-snk-grid-config{max-height:calc(100% - 24px)}.grid-config__footer.sc-snk-grid-config{display:flex;justify-content:flex-end;width:100%;padding-top:var(--snk-grid-config__footer--padding-top)}.hidden.sc-snk-grid-config{display:none}.tabselector-container.sc-snk-grid-config{padding:var(--snk-grid-config__tabselector-container--padding) 0}.button-close.sc-snk-grid-config{padding-left:var(--snk-grid-config__button-close--padding-left)}.title-container.sc-snk-grid-config{display:flex;justify-content:space-between;align-items:center;width:100%}.title.sc-snk-grid-config{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-grid-config__title--color);font-size:var(--snk-grid-config__title--font-size);font-family:var(--snk-grid-config__title--font-family);font-weight:var(--snk-grid-config__title--font-weight)}.subtitle.sc-snk-grid-config{color:var(--text--primary);font-size:var(--snk-grid-config__subtitle--font-size);font-family:var(--snk-grid-config__subtitle--font-family)}.grid-config__main.sc-snk-grid-config{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--snk-grid-config__scrollbar--color-clicked) var(--snk-grid-config__scrollbar--color-background);padding-right:var(--snk-grid-config__main--padding-right)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar{width:var(--snk-grid-config__scrollbar--width);max-width:var(--snk-grid-config__scrollbar--width);min-width:var(--snk-grid-config__scrollbar--width);background-color:var(--snk-grid-config__scrollbar--color-background)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-track{background-color:var(--snk-grid-config__scrollbar--color-background);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb{background-color:var(--snk-grid-config__scrollbar--color-default);border-radius:var(--snk-grid-config__scrollbar--border-radius)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:hover,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-grid-config__scrollbar--color-hover)}.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:vertical:active,.grid-config__main.sc-snk-grid-config::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-grid-config__scrollbar--color-clicked)}.group-name.sc-snk-grid-config{font-family:var(--snk-grid-config__group--font-family);font-size:var(--snk-grid-config__group--font-size);font-weight:var(--snk-grid-config__group--font-weight);padding-bottom:var(--snk-grid-config__group--padding-bottom)}";
@@ -34,6 +33,7 @@ const SnkGridConfig = class {
     this.columns = undefined;
     this.config = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
   }
   /* Creation Methods */
   /**
@@ -257,7 +257,7 @@ const SnkGridConfig = class {
       }
     }
     _newConfig.columns = _newColumnConfigList;
-    ConfigStorage.ConfigStorage.saveGridConfig(_newConfig, this.configName)
+    ConfigStorage.ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
       this.configChange.emit(savedConfig);
       this._orderList.clearHistory();

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

@@ -6,17 +6,16 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const UnitMetadata = require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 const taskbarElements = require('./taskbar-elements-b98dd6e9.js');
-const ConfigStorage = require('./ConfigStorage-73e7afff.js');
+const ConfigStorage = require('./ConfigStorage-d688c739.js');
 const index$1 = require('./index-0e663819.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const index$2 = require('./index-102ba62d.js');
 const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-804ff4c7.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
-require('./form-config-fetcher-181767c9.js');
-require('./DataFetcher-004811c6.js');
+require('./form-config-fetcher-761994b9.js');
+require('./DataFetcher-d2c6ae38.js');
 require('./_commonjsHelpers-537d719a.js');
-require('./resource-fetcher-c0332609.js');
-require('./filter-bar-config-fetcher-2b8ed9d0.js');
+require('./resource-fetcher-95d24dff.js');
 require('./filter-item-type.enum-aa823a00.js');
 
 const snkGridCss = ".snk-grid__container.sc-snk-grid{display:flex;height:100%;width:100%}.snk-grid__header.sc-snk-grid{display:flex;flex-wrap:nowrap;width:100%}.snk-grid__filter-bar.sc-snk-grid{width:100%}.snk-grid__header-divider.sc-snk-grid{margin-bottom:var(--space--medium)}.snk-grid__table.sc-snk-grid{min-height:300px}.snk-grid-container__without-shadow.sc-snk-grid{--ezgrid__container--shadow:unset}";
@@ -26,7 +25,6 @@ const SnkGrid = class {
     index.registerInstance(this, hostRef);
     this.actionClick = index.createEvent(this, "actionClick", 7);
     this.gridDoubleClick = index.createEvent(this, "gridDoubleClick", 7);
-    this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource.SnkMultiSelectionListDataSource();
     this._topTaskbarProcessor = new taskbarProcessor.TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -43,7 +41,9 @@ const SnkGrid = class {
     this._dataState = undefined;
     this._gridConfig = undefined;
     this._popUpGridConfig = false;
+    this.columnFilterDataSource = new SnkMultiSelectionListDataSource.SnkMultiSelectionListDataSource();
     this.configName = undefined;
+    this.resourceID = undefined;
     this.selectionToastConfig = undefined;
     this.actionsList = undefined;
     this.isDetail = undefined;
@@ -102,20 +102,17 @@ const SnkGrid = class {
     this._gridConfig = config;
   }
   loadConfig() {
-    ConfigStorage.ConfigStorage.get()
-      .then((instance) => {
-      instance.loadGridConfig(this.configName)
-        .then((config) => {
-        this.setGridConfig(config);
-      })
-        .catch((error) => {
-        console.warn(error);
-      });
+    ConfigStorage.ConfigStorage.loadGridConfig(this.configName, this.resourceID)
+      .then((config) => {
+      this.setGridConfig(config);
+    })
+      .catch((error) => {
+      console.warn(error);
     });
   }
   gridConfigChangeHandler(evt) {
     const config = evt.detail;
-    ConfigStorage.ConfigStorage.saveGridConfig(config, this.configName);
+    ConfigStorage.ConfigStorage.saveGridConfig(config, this.configName, this.resourceID);
     evt.stopPropagation();
   }
   modalConfigChangeHandler(evt) {
@@ -228,10 +225,11 @@ const SnkGrid = class {
     core.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 = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -322,8 +320,8 @@ const SnkGrid = class {
     if (!this._dataUnit) {
       return undefined;
     }
-    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, index.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 &&
-      index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), index.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() })), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.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 }, index.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 })), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
+    return (index.h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, index.h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, index.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 &&
+      index.h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), index.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 })), index.h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === index$1.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 }, index.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 })), index.h("div", { class: "ez-col ez-col--sd-12" }, index.h("slot", { name: "SnkGridFooter" })), index.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(core.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 index.getElement(this); }
 };

package/dist/cjs/{snk-guides-viewer-27f87d90.js → snk-guides-viewer-f67f9cea.js}

@@ -2,13 +2,13 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-d1f1a222.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-29b73c81.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
 const taskbarElements = require('./taskbar-elements-b98dd6e9.js');
 const constants = require('./constants-d187e03e.js');
-require('./DataFetcher-004811c6.js');
-require('./pesquisa-fetcher-9a97994a.js');
+require('./DataFetcher-d2c6ae38.js');
+require('./pesquisa-fetcher-bb0bb679.js');
 const index$1 = require('./index-0e663819.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
@@ -20,6 +20,7 @@ const SnkGuidesViewer = class {
     index.registerInstance(this, hostRef);
     this.exit = index.createEvent(this, "exit", 7);
     this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this._guideBuilders = new Map();
     this.dataUnit = undefined;
     this.dataState = undefined;
@@ -33,6 +34,7 @@ const SnkGuidesViewer = class {
     this.messagesBuilder = undefined;
     this.canEdit = true;
     this.presentationMode = undefined;
+    this.resourceID = undefined;
     this._breadcrumbItems = [];
     this._guides = undefined;
     this._formEditorConfigManager = undefined;
@@ -234,7 +236,7 @@ const SnkGuidesViewer = class {
       else {
         detailBranch = this.selectedGuide;
       }
-      content = this.wrapDetail(levels, index.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, index.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;
@@ -283,7 +285,10 @@ const SnkGuidesViewer = class {
     return this.selectedGuide === undefined || '__main' === ((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id);
   }
   componentWillLoad() {
-    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, config => this.masterFormConfig = config);
+    if (this.resourceID == undefined) {
+      throw new Error("Erro interno: resourceID não informado");
+    }
+    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
     this._configManager.loadConfig();
   }
   componentDidRender() {
@@ -302,7 +307,7 @@ const SnkGuidesViewer = class {
   }
   buildTaskBar() {
     var _a;
-    return index.h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != index$1.PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, index.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 index.h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != index$1.PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, index.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;
@@ -321,7 +326,7 @@ const SnkGuidesViewer = class {
       index.h("div", { class: "ez-margin-top--extra-small" }, index.h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != index$1.PresentationMode.SECONDARY && this.buildTaskBar()), index.h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       index.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) })
       :
-        index.h("div", null), index.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())), index.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) })));
+        index.h("div", null), index.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())), index.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"],