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

package/dist/collection/components/snk-configurator/snk-configurator.js

@@ -8,6 +8,7 @@ export class SnkConfigurator {
     this._permissions = undefined;
     this.showActionButtons = false;
     this.configName = undefined;
+    this.resourceID = undefined;
     this.viewMode = VIEW_MODE.GRID;
     this.messagesBuilder = undefined;
   }
@@ -72,7 +73,7 @@ export class SnkConfigurator {
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue('__SNK__APPLICATION__');
     if (this._application) {
-      this._application.getAllAccess().then(access => (this._permissions = access));
+      this._application.getAllAccess(this.resourceID).then(access => (this._permissions = access));
     }
     else {
       this._permissions = {};
@@ -130,6 +131,23 @@ export class SnkConfigurator {
         "attribute": "config-name",
         "reflect": false
       },
+      "resourceID": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Identificador de recursos como configura\u00E7\u00F5es e acesso."
+        },
+        "attribute": "resource-i-d",
+        "reflect": false
+      },
       "viewMode": {
         "type": "number",
         "mutable": false,

package/dist/collection/components/snk-crud/snk-crud.js

@@ -17,6 +17,7 @@ export class SnkCrud {
     this.attachmentRegisterKey = undefined;
     this._currentViewMode = VIEW_MODE.GRID;
     this._canEdit = undefined;
+    this._resourceID = undefined;
     this.configName = undefined;
     this.selectionToastConfig = undefined;
     this.showActionButtons = false;
@@ -111,7 +112,7 @@ export class SnkCrud {
   }
   componentWillLoad() {
     const application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    application.hasAccess(AutorizationType.UPDATE).then(canEdit => this._canEdit = canEdit);
+    application.hasAccess(AutorizationType.UPDATE, this._resourceID).then(canEdit => this._canEdit = canEdit);
     let parent = this._element.parentElement;
     while (parent) {
       if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
@@ -123,11 +124,11 @@ export class SnkCrud {
         if (!this._dataUnit) {
           this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
             this._dataUnit = evt.detail;
-            this.initDataUnit();
+            this.initDataUnit(application);
           });
         }
         else {
-          this.initDataUnit();
+          this.initDataUnit(application);
         }
         this._snkDataUnit.addEventListener("dataStateChange", async ({ detail: dataState }) => {
           this._dataState = dataState;
@@ -143,11 +144,18 @@ export class SnkCrud {
       this.configName = application.configName;
     }
   }
-  initDataUnit() {
+  async initDataUnit(application) {
     this.addDataElementID();
     if (!this.messagesBuilder) {
       this.messagesBuilder = this._snkDataUnit.messagesBuilder;
     }
+    if (this._resourceID == undefined) {
+      //Tenta pegar o resourceID do snkDataUnit;
+      this._resourceID = this._snkDataUnit.resourceID;
+      if (this._resourceID == undefined) {
+        this._resourceID = await application.getResourceID();
+      }
+    }
   }
   handleConfiguratorEvent(evt, type) {
     evt.stopImmediatePropagation();
@@ -158,8 +166,11 @@ export class SnkCrud {
     this.configuratorCancel.emit();
   }
   render() {
+    if (this._resourceID == undefined) {
+      return;
+    }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit }, h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL') }, h("div", { slot: "SnkConfigContainerSlot" }, h("slot", { name: "SnkConfigContainerSlot" })))));
+    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID }, h("div", { slot: "SnkConfigContainerSlot" }, h("slot", { name: "SnkConfigContainerSlot" })))));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -404,7 +415,8 @@ export class SnkCrud {
       "_dataState": {},
       "attachmentRegisterKey": {},
       "_currentViewMode": {},
-      "_canEdit": {}
+      "_canEdit": {},
+      "_resourceID": {}
     };
   }
   static get events() {
@@ -453,6 +465,28 @@ export class SnkCrud {
           "resolved": "any",
           "references": {}
         }
+      }, {
+        "method": "formItemsReady",
+        "name": "formItemsReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
+        },
+        "complexType": {
+          "original": "Array<HTMLElement>",
+          "resolved": "HTMLElement[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view.js

@@ -14,6 +14,7 @@ export class SnkDetailView {
     this.attachmentRegisterKey = undefined;
     this.formConfigManager = undefined;
     this.dataUnitName = undefined;
+    this.resourceID = undefined;
     this.guideItemPath = undefined;
     this.entityName = undefined;
     this.label = undefined;
@@ -183,7 +184,7 @@ export class SnkDetailView {
   }
   componentWillLoad() {
     this._configName = `dynaform.${this.entityName}`;
-    this.formConfigManager = new SnkFormConfigManager(this._configName, () => this.loadMetadata());
+    this.formConfigManager = new SnkFormConfigManager(this._configName, this.resourceID, () => this.loadMetadata());
     this.formConfigManager.loadConfig();
     if (this.messagesBuilder == undefined) {
       this.messagesBuilder = new SnkMessageBuilder(this.entityName);
@@ -192,7 +193,7 @@ export class SnkDetailView {
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems) }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit, resourceID: this.resourceID }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
   static get is() { return "snk-detail-view"; }
   static get encapsulation() { return "scoped"; }
@@ -245,6 +246,23 @@ export class SnkDetailView {
         "attribute": "data-unit-name",
         "reflect": false
       },
+      "resourceID": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Identificador de recursos como configura\u00E7\u00F5es e acesso."
+        },
+        "attribute": "resource-i-d",
+        "reflect": false
+      },
       "guideItemPath": {
         "type": "unknown",
         "mutable": false,
@@ -462,6 +480,28 @@ export class SnkDetailView {
           "resolved": "string",
           "references": {}
         }
+      }, {
+        "method": "formItemsReady",
+        "name": "formItemsReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
+        },
+        "complexType": {
+          "original": "Array<HTMLElement>",
+          "resolved": "HTMLElement[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/snk-crud/subcomponents/snk-form-view.js

@@ -70,6 +70,10 @@ export class SnkFormView {
       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();
@@ -82,7 +86,7 @@ export class SnkFormView {
       ?
         h("snk-form-summary", { summary: this.getCardSummary() })
       :
-        h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail) })));
+        h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) })));
   }
   static get is() { return "snk-form-view"; }
   static get encapsulation() { return "scoped"; }
@@ -351,6 +355,28 @@ export class SnkFormView {
             }
           }
         }
+      }, {
+        "method": "formItemsReady",
+        "name": "formItemsReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
+        },
+        "complexType": {
+          "original": "Array<HTMLElement>",
+          "resolved": "HTMLElement[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -23,6 +23,7 @@ export class SnkGuidesViewer {
     this.messagesBuilder = undefined;
     this.canEdit = true;
     this.presentationMode = undefined;
+    this.resourceID = undefined;
     this._breadcrumbItems = [];
     this._guides = undefined;
     this._formEditorConfigManager = undefined;
@@ -224,7 +225,7 @@ export class SnkGuidesViewer {
       else {
         detailBranch = this.selectedGuide;
       }
-      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail) }));
+      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID }));
     }
     else {
       const cardId = this.selectedGuide.id;
@@ -273,7 +274,10 @@ export class SnkGuidesViewer {
     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() {
@@ -292,7 +296,7 @@ export class SnkGuidesViewer {
   }
   buildTaskBar() {
     var _a;
-    return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit }));
+    return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.actionsList, messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID }));
   }
   render() {
     var _a, _b;
@@ -311,7 +315,7 @@ export class SnkGuidesViewer {
       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 is() { return "snk-guides-viewer"; }
   static get encapsulation() { return "scoped"; }
@@ -327,30 +331,6 @@ export class SnkGuidesViewer {
   }
   static get properties() {
     return {
-      "_guideBuilders": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "Map<string, GuideBuilder>",
-          "resolved": "Map<string, GuideBuilder>",
-          "references": {
-            "Map": {
-              "location": "global"
-            },
-            "GuideBuilder": {
-              "location": "import",
-              "path": "./GuideBuilder"
-            }
-          }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "new Map()"
-      },
       "dataUnit": {
         "type": "unknown",
         "mutable": false,
@@ -587,6 +567,23 @@ export class SnkGuidesViewer {
         },
         "attribute": "presentation-mode",
         "reflect": false
+      },
+      "resourceID": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Identificador de recursos como configura\u00E7\u00F5es e acesso."
+        },
+        "attribute": "resource-i-d",
+        "reflect": false
       }
     };
   }
@@ -629,6 +626,28 @@ export class SnkGuidesViewer {
           "resolved": "string",
           "references": {}
         }
+      }, {
+        "method": "formItemsReady",
+        "name": "formItemsReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
+        },
+        "complexType": {
+          "original": "Array<HTMLElement>",
+          "resolved": "HTMLElement[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/snk-data-unit/snk-data-unit.js

@@ -61,7 +61,7 @@ export class SnkDataUnit {
     this.useCancelConfirm = true;
     this.ignoreSaveMessage = undefined;
     this.configName = undefined;
-    this.configName = undefined;
+    this.resourceID = undefined;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -181,7 +181,6 @@ export class SnkDataUnit {
             return resolve(action);
           if (this._openedAlert)
             return this.dataUnit.cancelEdition();
-          ;
           this._openedAlert = true;
           this.dataUnit.cancelEdition();
           ApplicationUtils.alert(this.getMessage("snkDataUnit.forbidden"), this.getMessage("snkDataUnit.forbiddenUpdate")).then(() => {
@@ -326,10 +325,10 @@ export class SnkDataUnit {
     const cacheName = this.dataUnitName ? this.dataUnitName : this.entityName;
     if (this._parentSnkDataUnit) {
       this._parentDataUnit = await ((_a = this._parentSnkDataUnit) === null || _a === void 0 ? void 0 : _a.getDataUnit());
-      return await this._application.getDataUnit(this.entityName, cacheName, this._parentDataUnit, this.configName);
+      return await this._application.getDataUnit(this.entityName, cacheName, this._parentDataUnit, this.configName, this.resourceID);
     }
     else {
-      return await this._application.getDataUnit(this.entityName, cacheName, null, this.configName);
+      return await this._application.getDataUnit(this.entityName, cacheName, null, this.configName, this.resourceID);
     }
   }
   async loadDataUnit() {
@@ -388,7 +387,7 @@ export class SnkDataUnit {
   //---------------------------------------------
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._application.getAllAccess().then(access => this._permissions = access);
+    this._application.getAllAccess(this.resourceID).then(access => this._permissions = access);
     this._parentSnkDataUnit = this.getParentSnkDataUnit();
     if (this.messagesBuilder == undefined) {
       this.messagesBuilder = new SnkMessageBuilder(this.entityName);
@@ -626,7 +625,7 @@ export class SnkDataUnit {
         "attribute": "config-name",
         "reflect": false
       },
-      "configName": {
+      "resourceID": {
         "type": "string",
         "mutable": false,
         "complexType": {
@@ -638,9 +637,9 @@ export class SnkDataUnit {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Usado para obter configura\u00E7\u00E3o de metadados."
+          "text": "Identificador de recursos como configura\u00E7\u00F5es e acesso."
         },
-        "attribute": "config-name",
+        "attribute": "resource-i-d",
         "reflect": false
       }
     };

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

@@ -10,7 +10,6 @@ export class SnkEntityList {
   }
   async reloadList() {
     this.loadListSource();
-    this.saveConfig.emit(this.config);
   }
   observeConfig() {
     var _a, _b;
@@ -26,7 +25,6 @@ export class SnkEntityList {
       }
     });
     this.config = ObjectUtils.copy(configCopy);
-    this.saveConfig.emit(this.config);
     this.valueChanged.emit((_b = this.config) === null || _b === void 0 ? void 0 : _b.value);
   }
   loadListSource() {
@@ -83,7 +81,6 @@ export class SnkEntityList {
           }
         ] });
       this.loadListSource();
-      this.saveConfig.emit(this.config);
       this.valueChanged.emit((_d = this.config) === null || _d === void 0 ? void 0 : _d.value);
     }
   }
@@ -206,26 +203,6 @@ export class SnkEntityList {
             }
           }
         }
-      }, {
-        "method": "saveConfig",
-        "name": "saveConfig",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": "Evento emitido ao realizar alguma a\u00E7\u00E3o que altera os dados do config.value permitindo salvar estas informa\u00E7\u00F5es"
-        },
-        "complexType": {
-          "original": "SnkFilterItemConfig",
-          "resolved": "SnkFilterItemConfig",
-          "references": {
-            "SnkFilterItemConfig": {
-              "location": "import",
-              "path": "../snk-filter-bar/filter-item/snk-filter-item"
-            }
-          }
-        }
       }];
   }
   static get methods() {

package/dist/collection/components/snk-filter-bar/filter-item/snk-filter-detail.js

@@ -1,8 +1,7 @@
 import { h, Host, Fragment } from '@stencil/core';
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
 import FilterItemType from './filter-item-type.enum';
-import { ElementIDUtils, ApplicationContext, ObjectUtils } from '@sankhyalabs/core';
-import FilterBarConfigFetcher from '../../../lib/http/data-fetcher/fetchers/filter-bar-config-fetcher';
+import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { EPresentationMode } from './editors/enum/presentationMode';
 import { PersonalizedFilterUtils } from '../../snk-personalized-filter/subcomponents/snk-filter-param-config/utils/PersonalizedFilterUtils';
 export class SnkFilterDetail {
@@ -24,7 +23,6 @@ export class SnkFilterDetail {
   }
   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}`;
@@ -142,20 +140,12 @@ export class SnkFilterDetail {
       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" }))));
   }
   static get is() { return "snk-filter-detail"; }
   static get properties() {

package/dist/collection/components/snk-filter-bar/filter-modal/snk-filter-modal.js

@@ -244,7 +244,7 @@ export class SnkFilterModal {
         "optional": false,
         "docs": {
           "tags": [],
-          "text": "Nome da config para buscar no resourceId"
+          "text": "Nome da configura\u00E7\u00E3o. Serve para distinguir v\u00E1rias inst\u00E2ncias do componente."
         },
         "attribute": "config-name",
         "reflect": false