@sankhyalabs/sankhyablocks 8.3.0 → 8.4.0-dev.1

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

@@ -1,18 +1,17 @@
 import { r as registerInstance, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { DataType, ObjectUtils, ElementIDUtils, ErrorException, ApplicationContext } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
-import { C as ConfigStorage } from './ConfigStorage-1090289a.js';
+import { C as ConfigStorage } from './ConfigStorage-4441aa3d.js';
 import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
 import { F as FilterOperand } from './index-ae591a44.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-75fb0106.js';
-import './form-config-fetcher-4065db9a.js';
-import './DataFetcher-a4ed43e7.js';
+import './form-config-fetcher-2fe67341.js';
+import './DataFetcher-1618bffe.js';
 import './_commonjsHelpers-9943807e.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './resource-fetcher-45a70066.js';
-import './filter-bar-config-fetcher-2417b8cf.js';
+import './PrintUtils-3e4ff0f5.js';
 
 const buildFilter = (item) => {
   switch (item.type) {
@@ -204,6 +203,7 @@ const SnkFilterBar = class {
     };
     this.dataUnit = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
     this.filterConfig = undefined;
     this.messagesBuilder = undefined;
     this.allowDefault = undefined;
@@ -279,11 +279,11 @@ const SnkFilterBar = class {
         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);
     }
   }
   /**
@@ -399,15 +399,13 @@ const SnkFilterBar = class {
   }
   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);
       });
     });
   }
@@ -492,7 +490,7 @@ const SnkFilterBar = class {
       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" }))));
   }

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

@@ -1,14 +1,9 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
-import { ApplicationContext, ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
-import { F as FilterBarConfigFetcher } from './filter-bar-config-fetcher-2417b8cf.js';
+import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-75fb0106.js';
-import './resource-fetcher-45a70066.js';
-import './DataFetcher-a4ed43e7.js';
-import './_commonjsHelpers-9943807e.js';
-import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import './index-ae591a44.js';
 
 const SnkFilterDetail = class {
@@ -32,7 +27,6 @@ const SnkFilterDetail = class {
   }
   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}`;
@@ -62,7 +56,12 @@ const SnkFilterDetail = class {
         };
         return snkFilterPersonalizedProps;
       case FilterItemType.MULTI_LIST:
-        return { tag: "snk-entity-list" };
+        return {
+          tag: "snk-entity-list",
+          props: {
+            onValueChanged: evt => this.config = Object.assign(Object.assign({}, this.config), { value: evt.detail })
+          }
+        };
     }
     return { tag: "snk-filter-text" };
   }
@@ -150,20 +149,12 @@ const SnkFilterDetail = class {
       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 getElement(this); }
   static get watchers() { return {

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

@@ -1,15 +1,14 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
-import { ElementIDUtils, ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
+import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
-import { C as ConfigStorage } from './ConfigStorage-1090289a.js';
+import { C as ConfigStorage } from './ConfigStorage-4441aa3d.js';
 import { F as FilterType } from './filter-type.enum-a80c1b6b.js';
-import './form-config-fetcher-4065db9a.js';
-import './DataFetcher-a4ed43e7.js';
+import './form-config-fetcher-2fe67341.js';
+import './DataFetcher-1618bffe.js';
 import './_commonjsHelpers-9943807e.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './resource-fetcher-45a70066.js';
-import './filter-bar-config-fetcher-2417b8cf.js';
+import './PrintUtils-3e4ff0f5.js';
 
 const snkFilterModalItemCss = ".grow{flex-grow:1}.gap{gap:4px}";
 
@@ -21,14 +20,13 @@ const SnkFilterModalItem = class {
     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 };
@@ -70,11 +68,10 @@ const SnkFilterModalItem = class {
     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() {
@@ -82,7 +79,6 @@ const SnkFilterModalItem = class {
       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) {
@@ -99,15 +95,6 @@ const SnkFilterModalItem = class {
     const { CUSTOM_FILTER, OTHER_FILTERS } = FilterType;
     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)))));

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { d as draggable_bundle } from './draggable.bundle-41d56f06.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, T as TAB_NAMES, A as ACTION_CONFIG, D as DEFAULT_TYPE } from './constants-3644f1b6.js';
-import { U as UserConfigType } from './form-config-fetcher-4065db9a.js';
+import { U as UserConfigType } from './form-config-fetcher-2fe67341.js';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import './_commonjsHelpers-9943807e.js';
-import './DataFetcher-a4ed43e7.js';
+import './DataFetcher-1618bffe.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './resource-fetcher-45a70066.js';
+import './PrintUtils-3e4ff0f5.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)}}";
 
@@ -453,13 +453,10 @@ const SnkFormConfig = class {
     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) {
@@ -513,9 +510,6 @@ const SnkFormConfig = class {
     }
   }
   async loadConfigByUser() {
-    if (this._applicationResourceID == undefined) {
-      return;
-    }
     if (this.configManager == undefined) {
       return;
     }
@@ -525,10 +519,10 @@ const SnkFormConfig = class {
     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) {
@@ -944,11 +938,7 @@ const SnkFormConfig = class {
     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/esm/snk-form-view.entry.js

@@ -8,6 +8,7 @@ const SnkFormView = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
     this.snkContentCardChanged = createEvent(this, "snkContentCardChanged", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.levelPath = undefined;
     this.label = undefined;
     this.name = undefined;
@@ -75,6 +76,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();
@@ -87,7 +92,7 @@ const SnkFormView = class {
       ?
         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) })));
   }
 };
 SnkFormView.style = snkFormViewCss;

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-de537eca.js';
-import './ConfigStorage-1090289a.js';
-import './form-config-fetcher-4065db9a.js';
-import './DataFetcher-a4ed43e7.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-5a5f85a3.js';
+import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
+import './ConfigStorage-4441aa3d.js';
+import './form-config-fetcher-2fe67341.js';
+import './DataFetcher-1618bffe.js';
 import './_commonjsHelpers-9943807e.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './resource-fetcher-45a70066.js';
-import './filter-bar-config-fetcher-2417b8cf.js';
+import './PrintUtils-3e4ff0f5.js';
 import './filter-item-type.enum-5028ed3f.js';
 
 const snkFormCss = ".sc-snk-form-h{--snk-form__header--min-height:94px;display:block}.snk-form__form--hidden.sc-snk-form{display:none}";
@@ -17,6 +17,7 @@ const SnkForm = class {
     registerInstance(this, hostRef);
     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;
@@ -24,6 +25,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.
@@ -44,7 +46,7 @@ const SnkForm = class {
     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") {
@@ -66,7 +68,10 @@ const SnkForm = class {
       }
       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() {

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

@@ -2,14 +2,13 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { StringUtils, ElementIDUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/components/ez-check/CheckMode';
-import { C as ConfigStorage } from './ConfigStorage-1090289a.js';
+import { C as ConfigStorage } from './ConfigStorage-4441aa3d.js';
 import { O as ORDER_VALUES } from './constants-3644f1b6.js';
-import './form-config-fetcher-4065db9a.js';
-import './DataFetcher-a4ed43e7.js';
+import './form-config-fetcher-2fe67341.js';
+import './DataFetcher-1618bffe.js';
 import './_commonjsHelpers-9943807e.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './resource-fetcher-45a70066.js';
-import './filter-bar-config-fetcher-2417b8cf.js';
+import './PrintUtils-3e4ff0f5.js';
 import './filter-item-type.enum-5028ed3f.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)}";
@@ -30,6 +29,7 @@ const SnkGridConfig = class {
     this.columns = undefined;
     this.config = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
   }
   /* Creation Methods */
   /**
@@ -253,7 +253,7 @@ const SnkGridConfig = class {
       }
     }
     _newConfig.columns = _newColumnConfigList;
-    ConfigStorage.saveGridConfig(_newConfig, this.configName)
+    ConfigStorage.saveGridConfig(_newConfig, this.configName, this.resourceID)
       .then((savedConfig) => {
       this.configChange.emit(savedConfig);
       this._orderList.clearHistory();

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

@@ -1,18 +1,17 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
 import { ElementIDUtils, ApplicationContext, DataType } from '@sankhyalabs/core';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { T as TaskbarElement } from './taskbar-elements-2c761819.js';
-import { C as ConfigStorage } from './ConfigStorage-1090289a.js';
+import { T as TaskbarElement } from './taskbar-elements-0a6b8b95.js';
+import { C as ConfigStorage } from './ConfigStorage-4441aa3d.js';
 import { P as PresentationMode } from './index-1564817d.js';
 import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
 import { s as store } from './index-bdf75557.js';
 import { S as SnkMultiSelectionListDataSource } from './SnkMultiSelectionListDataSource-892f37f9.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
-import './form-config-fetcher-4065db9a.js';
-import './DataFetcher-a4ed43e7.js';
+import './form-config-fetcher-2fe67341.js';
+import './DataFetcher-1618bffe.js';
 import './_commonjsHelpers-9943807e.js';
-import './resource-fetcher-45a70066.js';
-import './filter-bar-config-fetcher-2417b8cf.js';
+import './PrintUtils-3e4ff0f5.js';
 import './filter-item-type.enum-5028ed3f.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}";
@@ -22,7 +21,6 @@ const SnkGrid = class {
     registerInstance(this, hostRef);
     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"],
@@ -39,7 +37,9 @@ const SnkGrid = class {
     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;
@@ -51,6 +51,9 @@ const SnkGrid = class {
     this.useEnterLikeTab = false;
     this.recordsValidator = undefined;
     this.canEdit = true;
+    this.taskbarCustomContainerId = undefined;
+    this.gridHeaderCustomSlotId = 'GRID_HEADER_CUSTOM_ELEMENTS';
+    this.topTaskbarCustomSlotId = 'GRID_TASKBAR_CUSTOM_ELEMENTS';
   }
   /**
    * Exibe a janela de configurações da grade.
@@ -98,20 +101,17 @@ const SnkGrid = class {
     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) {
@@ -224,10 +224,11 @@ const SnkGrid = class {
     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__");
@@ -280,7 +281,7 @@ const SnkGrid = class {
     if (!this._dataUnit || this._dataUnit.records.length === 0)
       invisibleButtons.push("DATA_EXPORTER");
     if (this._dataState && this._dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON");
+      invisibleButtons.push("ACTIONS_BUTTON", TaskbarElement.UPDATE);
     return invisibleButtons;
   }
   componentWillRender() {
@@ -318,8 +319,8 @@ const SnkGrid = class {
     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, customContainerId: this.taskbarCustomContainerId, customSlotId: this.topTaskbarCustomSlotId }, h("slot", { name: this.topTaskbarCustomSlotId }))), 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, customContainerId: this.taskbarCustomContainerId, customSlotId: this.gridHeaderCustomSlotId }, h("slot", { name: this.gridHeaderCustomSlotId }))), 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 getElement(this); }
 };

package/dist/esm/{snk-guides-viewer-cdecff6e.js → snk-guides-viewer-e4fe884d.js}

@@ -1,13 +1,18 @@
 import { r as registerInstance, c as createEvent, h, F as Fragment } from './index-a7d3d3f1.js';
 import { ElementIDUtils } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-de537eca.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-5a5f85a3.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import { T as TaskbarProcessor } from './taskbar-processor-94402e6e.js';
-import { T as TaskbarElement } from './taskbar-elements-2c761819.js';
+import { T as TaskbarElement } from './taskbar-elements-0a6b8b95.js';
 import { c as VIEW_MODE } from './constants-3644f1b6.js';
-import './DataFetcher-a4ed43e7.js';
-import './pesquisa-fetcher-7460b876.js';
+import './DataFetcher-1618bffe.js';
+import './pesquisa-fetcher-19e81fc8.js';
 import { P as PresentationMode } from './index-1564817d.js';
+import './ISave-4412b20c.js';
+import '@sankhyalabs/ezui/dist/collection/utils/constants';
+import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './filter-item-type.enum-5028ed3f.js';
+import './form-config-fetcher-2fe67341.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 
 const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
@@ -18,6 +23,7 @@ const SnkGuidesViewer = class {
     registerInstance(this, hostRef);
     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;
@@ -31,6 +37,8 @@ const SnkGuidesViewer = class {
     this.messagesBuilder = undefined;
     this.canEdit = true;
     this.presentationMode = undefined;
+    this.resourceID = undefined;
+    this.detailTaskbarCustomContainerId = undefined;
     this._breadcrumbItems = [];
     this._guides = undefined;
     this._formEditorConfigManager = undefined;
@@ -232,7 +240,7 @@ const SnkGuidesViewer = class {
       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, taskbarCustomContainerId: this.detailTaskbarCustomContainerId }));
     }
     else {
       const cardId = this.selectedGuide.id;
@@ -281,7 +289,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(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() {
@@ -300,7 +311,7 @@ const SnkGuidesViewer = class {
   }
   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, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
   render() {
     var _a, _b;
@@ -319,7 +330,7 @@ const SnkGuidesViewer = class {
       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"],