@sankhyalabs/sankhyablocks 8.1.0-rc.3 → 8.2.0-dev.1

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

@@ -13,7 +13,6 @@ import Workspace from "../../lib/workspace/workspace";
 import AppletCaller from "../../lib/applet-caller/applet-caller";
 import ParametersFetcher from "../../lib/http/data-fetcher/fetchers/parameters-fecher";
 import MGEAuthorization from '../../lib/auth/mgeauthorization.module';
-import GridConfigFetcher from "../../lib/http/data-fetcher/fetchers/grid-config-fetcher";
 import AuthFetcher, { AutorizationType } from "../../lib/http/data-fetcher/fetchers/auth-fetcher";
 import { SnkMessageBuilder } from "../../lib/message/SnkMessageBuilder";
 /**
@@ -36,16 +35,21 @@ export class SnkApplication {
     }
     return this._parameters;
   }
-  get resourceID() {
-    if (!this._resourceID) {
-      this._resourceID = this.urlParams.get("workspaceResourceID") ||
-        this.urlParams.get("resourceID") ||
-        Workspace.resourceID ||
-        "unknown.resource.id";
+  async getAuth(resourceID) {
+    if (resourceID == undefined) {
+      return this.getApplicationAuth();
+    }
+    else {
+      return new Promise((resolve, reject) => {
+        this.authFetcher.getData(resourceID).then((authList) => {
+          resolve(authList);
+        }).catch(error => {
+          reject(error);
+        });
+      });
     }
-    return this._resourceID;
   }
-  get auth() {
+  async getApplicationAuth() {
     if (this._auth) {
       return Promise.resolve(this._auth);
     }
@@ -54,7 +58,7 @@ export class SnkApplication {
         const waitingAuth = this._authPromises.length > 0;
         this._authPromises.push(new PendingPromise(resolve, reject));
         if (!waitingAuth) {
-          this.authFetcher.getData(this.resourceID).then((authList) => {
+          this.authFetcher.getData(this.applicationResourceID).then((authList) => {
             this._auth = authList;
             while (this._authPromises.length > 0) {
               this._authPromises.pop().resolve(this._auth);
@@ -73,7 +77,7 @@ export class SnkApplication {
    */
   async isUserSup() {
     return new Promise((resolve, reject) => {
-      this.auth.then((authorization) => {
+      this.getAuth().then((authorization) => {
         this.getAuthList(authorization).then((auths) => {
           resolve(auths.isSup);
         }).catch(error => reject(error));
@@ -87,9 +91,9 @@ export class SnkApplication {
   /**
    * Obtém `true` caso o usuário logado tem permissão pra determinada ação.
    */
-  async hasAccess(access) {
+  async hasAccess(access, resourceID) {
     return new Promise((resolve, reject) => {
-      this.auth.then((authorization) => {
+      this.getAuth(resourceID).then((authorization) => {
         this.getAuthList(authorization).then((auths) => {
           resolve(auths.isSup || auths.actions[access]);
         }).catch(error => reject(error));
@@ -99,9 +103,9 @@ export class SnkApplication {
   /**
    * Obtém todos os acessos do usuário logado.
    */
-  async getAllAccess() {
+  async getAllAccess(resourceID) {
     return new Promise((resolve, reject) => {
-      this.auth.then((authorization) => {
+      this.getAuth(resourceID).then((authorization) => {
         this.getAuthList(authorization).then((auths) => {
           const allAccess = {};
           allAccess['isSup'] = auths.isSup;
@@ -285,13 +289,16 @@ export class SnkApplication {
    * Cria o DataUnit a partir do nome da entidade. É possível armazená-lo no cache
    * passando o dataUnitName, assim, se mais de uma chamada for feita, o mesmo DataUnit será usado.
    */
-  async createDataunit(entityName, dataUnitName, parentDataUnit, configName) {
+  async createDataunit(entityName, dataUnitName, parentDataUnit, configName, resourceID) {
+    if (resourceID == undefined) {
+      resourceID = this.applicationResourceID;
+    }
     return new Promise((resolve, reject) => {
       const duPromisses = this.getDuPromissesStack(dataUnitName);
       const waitingDu = duPromisses.length > 0;
       duPromisses.push(new PendingPromise(resolve, reject));
       if (!waitingDu) {
-        const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID, parentDataUnit, configName);
+        const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, resourceID, parentDataUnit, configName);
         dataUnit.loadMetadata().then(() => {
           if (dataUnitName) {
             this.updateDataunitCache(undefined, dataUnitName, dataUnit);
@@ -322,14 +329,14 @@ export class SnkApplication {
   /**
    * Obtem um DataUnit do cache ou cria um caso ainda não tenha sido criado.
    */
-  async getDataUnit(entityName, dataUnitName, parentDataUnit, configName) {
+  async getDataUnit(entityName, dataUnitName, parentDataUnit, configName, resourceID) {
     return new Promise((resolve, reject) => {
       const dataUnit = this._duCache.get(dataUnitName);
       if (dataUnit) {
         resolve(dataUnit);
       }
       else {
-        this.createDataunit(entityName, dataUnitName, parentDataUnit, configName).then(dataUnit => {
+        this.createDataunit(entityName, dataUnitName, parentDataUnit, configName, resourceID).then(dataUnit => {
           resolve(dataUnit);
         }).catch(reason => reject(reason));
       }
@@ -378,11 +385,20 @@ export class SnkApplication {
   async callServiceBroker(serviceName, payload, options) {
     return DataFetcher.get().callServiceBroker(serviceName, payload, options);
   }
+  get applicationResourceID() {
+    if (!this._applicationResourceID) {
+      this._applicationResourceID = this.urlParams.get("workspaceResourceID") ||
+        this.urlParams.get("resourceID") ||
+        Workspace.resourceID ||
+        "unknown.resource.id";
+    }
+    return this._applicationResourceID;
+  }
   /**
    * Obtém o resourceID da tela em questão.
    */
   async getResourceID() {
-    return Promise.resolve(this.resourceID);
+    return Promise.resolve(this.applicationResourceID);
   }
   /**
    * Obtém o UserId da tela em questão.
@@ -426,20 +442,14 @@ export class SnkApplication {
   async info(message, options) {
     return ApplicationUtils.info(message, options);
   }
-  /**
-   * Obtém a configuração de grade.
-  */
-  async loadGridConfig(name) {
-    return this.gridConfigFetcher.getConfig(name, this.resourceID);
-  }
   /**
    * Obtém os totalizadores da grade.
    */
   async loadTotals(name, resourceID, filters) {
     return this.totalsFetcher.fetchTotals(name, resourceID, filters);
   }
-  async getAuthList(_auth) {
-    return await (new MGEAuthorization()).parseFromJSON(_auth);
+  async getAuthList(auth) {
+    return await (new MGEAuthorization()).parseFromJSON(auth);
   }
   get urlParams() {
     if (!this._urlParams) {
@@ -453,12 +463,6 @@ export class SnkApplication {
     }
     return this._dataUnitFetcher;
   }
-  get gridConfigFetcher() {
-    if (!this._gridConfigFetcher) {
-      this._gridConfigFetcher = new GridConfigFetcher();
-    }
-    return this._gridConfigFetcher;
-  }
   get totalsFetcher() {
     if (!this._totalsFetcher) {
       this._totalsFetcher = new TotalsFetcher();
@@ -558,7 +562,7 @@ export class SnkApplication {
    * Obtém o nome das telas da aplicação
    */
   async getAppLabel() {
-    return Workspace.getAppLabel(this._resourceID);
+    return Workspace.getAppLabel(this.applicationResourceID);
   }
   /**
    * Adiciona um listener no fetcher de Pesquisa
@@ -630,6 +634,7 @@ export class SnkApplication {
     this._popUp.ezTitle = title;
   }
   componentWillLoad() {
+    ApplicationContext.setContextValue("__SNK__APPLICATION__LOADING__", true);
     this._errorHandler = new SnkErrorHandler(this);
     this.messagesBuilder = new SnkMessageBuilder();
     ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", `${UrlUtils.getUrlBase()}/mge/upload/file`);
@@ -638,7 +643,7 @@ export class SnkApplication {
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     ErrorTracking.init();
-    ConfigStorage.get();
+    ConfigStorage.preload(this.applicationResourceID, this.configName);
   }
   connectedCallback() {
     ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
@@ -650,9 +655,10 @@ export class SnkApplication {
   componentDidLoad() {
     this.applicationLoading.emit(true);
     window.requestAnimationFrame(() => {
+      ApplicationContext.setContextValue("__SNK__APPLICATION__LOADING__", false);
       this.applicationLoaded.emit(true);
     });
-    ElementIDUtils.addIDInfo(this._element, `resource_${this._resourceID}`);
+    ElementIDUtils.addIDInfo(this._element, `resource_${this.applicationResourceID}`);
   }
   render() {
     return (h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.loadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true })));
@@ -782,10 +788,13 @@ export class SnkApplication {
       },
       "hasAccess": {
         "complexType": {
-          "signature": "(access: AutorizationType) => Promise<boolean>",
+          "signature": "(access: AutorizationType, resourceID?: string) => Promise<boolean>",
           "parameters": [{
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -805,8 +814,11 @@ export class SnkApplication {
       },
       "getAllAccess": {
         "complexType": {
-          "signature": "() => Promise<any>",
-          "parameters": [],
+          "signature": "(resourceID?: string) => Promise<any>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
           "references": {
             "Promise": {
               "location": "global"
@@ -1155,7 +1167,7 @@ export class SnkApplication {
       },
       "createDataunit": {
         "complexType": {
-          "signature": "(entityName: string, dataUnitName?: string, parentDataUnit?: DataUnit, configName?: string) => Promise<DataUnit>",
+          "signature": "(entityName: string, dataUnitName?: string, parentDataUnit?: DataUnit, configName?: string, resourceID?: string) => Promise<DataUnit>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -1168,6 +1180,9 @@ export class SnkApplication {
             }, {
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -1234,7 +1249,7 @@ export class SnkApplication {
       },
       "getDataUnit": {
         "complexType": {
-          "signature": "(entityName: string, dataUnitName: string, parentDataUnit?: DataUnit, configName?: string) => Promise<DataUnit>",
+          "signature": "(entityName: string, dataUnitName: string, parentDataUnit?: DataUnit, configName?: string, resourceID?: string) => Promise<DataUnit>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -1247,6 +1262,9 @@ export class SnkApplication {
             }, {
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -1640,29 +1658,6 @@ export class SnkApplication {
           "tags": []
         }
       },
-      "loadGridConfig": {
-        "complexType": {
-          "signature": "(name: string) => Promise<IGridConfig>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            },
-            "IGridConfig": {
-              "location": "import",
-              "path": "@sankhyalabs/ezui/dist/types/components/ez-grid/controller/EzGridController"
-            }
-          },
-          "return": "Promise<IGridConfig>"
-        },
-        "docs": {
-          "text": "Obt\u00E9m a configura\u00E7\u00E3o de grade.",
-          "tags": []
-        }
-      },
       "loadTotals": {
         "complexType": {
           "signature": "(name: string, resourceID: string, filters: Array<Filter>) => Promise<Map<string, number>>",

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() {