@sankhyalabs/sankhyablocks 1.3.31-beta.7 → 1.3.31-beta.9

package/dist/components/snk-grid2.js

@@ -0,0 +1,91 @@
+import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
+import { ApplicationContext } from '@sankhyalabs/core';
+import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
+
+const snkGridCss = ".sc-snk-grid-h{display:flex;height:100%;width:100%}";
+
+const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
+  constructor() {
+    super();
+    this.__registerHost();
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
+  }
+  getHeaderButtons() {
+    return this._dataState && this._dataState.selectedRecords.length > 0 ? "UPDATE,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,REFRESH" : "REFRESH";
+  }
+  actionClickHandler(evt) {
+    if (evt.detail === TaskbarElement.CONFIG_GRID && this._grid) {
+      this._grid.openGridConfig();
+    }
+  }
+  saveConfig(config) {
+    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.saveGridConfig(config);
+    }
+  }
+  componentWillLoad() {
+    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.loadGridConfig(this.configName).then(cfg => {
+        this._gridConfig = cfg;
+        this._configLoaded = true;
+      });
+      //Forçamos a carga dos acessos pra aproveitar a request inicial.
+      snkApplication.getAllAccess();
+    }
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        if (!this._dataUnit) {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  render() {
+    if (!this._configLoaded || !this._dataUnit) {
+      return undefined;
+    }
+    return (h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "ez-row ez-padding-bottom--medium ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-col--sd-9 ez-col--tb-9 ez-align--bottom" }, h("slot", null)), h("div", { class: "ez-col ez-col--sd-3 ez-col--tb-3 ez-align--right" }, h("snk-taskbar", { onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" }))), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList }))));
+  }
+  get _element() { return this; }
+  static get style() { return snkGridCss; }
+}, [6, "snk-grid", {
+    "configName": [1, "config-name"],
+    "actionsList": [16],
+    "_dataUnit": [32],
+    "_configLoaded": [32],
+    "_dataState": [32],
+    "_gridConfig": [32]
+  }]);
+function defineCustomElement() {
+  if (typeof customElements === "undefined") {
+    return;
+  }
+  const components = ["snk-grid", "snk-taskbar"];
+  components.forEach(tagName => { switch (tagName) {
+    case "snk-grid":
+      if (!customElements.get(tagName)) {
+        customElements.define(tagName, SnkGrid);
+      }
+      break;
+    case "snk-taskbar":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$1();
+      }
+      break;
+  } });
+}
+
+export { SnkGrid as S, defineCustomElement as d };

package/dist/components/snk-taskbar2.js

@@ -53,7 +53,7 @@ const buildElem = (element, className, getTitle, action, isEnabled, actions) =>
     case TaskbarElement.CONFIG_GRID:
       return iconButton("settings-inverted", element, className, getTitle, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
-      return h("ez-actions-button", { size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions });
+      return actions && actions.length > 0 ? h("ez-actions-button", { title: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
     case TaskbarElement.DIVIDER:
       return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
   }

package/dist/esm/{index-0b078db7.js → index-6a83ac96.js}

@@ -1018,9 +1018,6 @@ const postUpdateComponent = (hostRef) => {
     const endPostUpdate = createTime('postUpdate', tagName);
     const instance = hostRef.$lazyInstance$ ;
     const ancestorComponent = hostRef.$ancestorComponent$;
-    {
-        safeCall(instance, 'componentDidRender');
-    }
     if (!(hostRef.$flags$ & 64 /* hasLoadedComponent */)) {
         hostRef.$flags$ |= 64 /* hasLoadedComponent */;
         {

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-0b078db7.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-6a83ac96.js';
 
 /*
  Stencil Client Patch Esm v2.16.1 | MIT Licensed | https://stenciljs.com
@@ -10,7 +10,7 @@ const patchEsm = () => {
 const defineCustomElements = (win, options) => {
   if (typeof window === 'undefined') return Promise.resolve();
   return patchEsm().then(() => {
-  return bootstrapLazy([["teste-pesquisa",[[1,"teste-pesquisa"]]],["snk-form",[[2,"snk-form",{"formTitle":[1,"form-title"],"configName":[1,"config-name"],"actionsList":[16],"_dataUnit":[32],"_configLoaded":[32],"_dataState":[32]}]]],["snk-grid",[[6,"snk-grid",{"configName":[1,"config-name"],"actionsList":[16],"_dataUnit":[32],"_configLoaded":[32],"_dataState":[32]}]]],["snk-data-unit",[[2,"snk-data-unit",{"dataState":[1040],"dataUnitName":[1,"data-unit-name"],"entityName":[1,"entity-name"],"pageSize":[2,"page-size"],"dataUnit":[1040],"messageBuilder":[16],"beforeSave":[16],"afterSave":[16],"autoLoad":[4,"auto-load"],"getDataUnit":[64]}]]],["snk-pesquisa",[[2,"snk-pesquisa",{"searchLoader":[16],"selectItem":[16],"argument":[1025],"_itemList":[32],"_startLoading":[32]}]]],["snk-application",[[2,"snk-application",{"isUserSup":[64],"hasAccess":[64],"getAllAccess":[64],"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getDataUnit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64],"isDebugMode":[64]}]]],["snk-taskbar",[[6,"snk-taskbar",{"buttons":[1],"actionsList":[16],"primaryButton":[1,"primary-button"],"disabledButtons":[16],"dataUnit":[16],"_permissions":[32]}]]]], options);
+  return bootstrapLazy([["snk-crud",[[6,"snk-crud",{"configName":[1,"config-name"],"formTitle":[1,"form-title"],"actionsList":[16],"recordsValidator":[8,"records-validator"],"_dataUnit":[32],"_dataState":[32]}]]],["teste-pesquisa",[[1,"teste-pesquisa"]]],["snk-data-unit",[[2,"snk-data-unit",{"dataState":[1040],"dataUnitName":[1,"data-unit-name"],"entityName":[1,"entity-name"],"pageSize":[2,"page-size"],"dataUnit":[1040],"messageBuilder":[16],"beforeSave":[16],"afterSave":[16],"autoLoad":[4,"auto-load"],"getDataUnit":[64]}]]],["snk-application",[[2,"snk-application",{"isUserSup":[64],"hasAccess":[64],"getAllAccess":[64],"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getDataUnit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64],"isDebugMode":[64]}]]],["snk-form_2",[[2,"snk-form",{"formTitle":[1,"form-title"],"configName":[1,"config-name"],"recordsValidator":[8,"records-validator"],"actionsList":[16],"_dataUnit":[32],"_configLoaded":[32],"_dataState":[32],"_editionFormConfig":[32],"_insertionFormConfig":[32]}],[6,"snk-grid",{"configName":[1,"config-name"],"actionsList":[16],"_dataUnit":[32],"_configLoaded":[32],"_dataState":[32],"_gridConfig":[32]}]]],["snk-pesquisa",[[2,"snk-pesquisa",{"searchLoader":[16],"selectItem":[16],"argument":[1025],"_itemList":[32],"_startLoading":[32]}]]],["snk-taskbar",[[6,"snk-taskbar",{"buttons":[1],"actionsList":[16],"primaryButton":[1,"primary-button"],"disabledButtons":[16],"dataUnit":[16],"_permissions":[32]}]]]], options);
   });
 };
 

package/dist/esm/sankhyablocks.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-0b078db7.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-6a83ac96.js';
 
 /*
  Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["teste-pesquisa",[[1,"teste-pesquisa"]]],["snk-form",[[2,"snk-form",{"formTitle":[1,"form-title"],"configName":[1,"config-name"],"actionsList":[16],"_dataUnit":[32],"_configLoaded":[32],"_dataState":[32]}]]],["snk-grid",[[6,"snk-grid",{"configName":[1,"config-name"],"actionsList":[16],"_dataUnit":[32],"_configLoaded":[32],"_dataState":[32]}]]],["snk-data-unit",[[2,"snk-data-unit",{"dataState":[1040],"dataUnitName":[1,"data-unit-name"],"entityName":[1,"entity-name"],"pageSize":[2,"page-size"],"dataUnit":[1040],"messageBuilder":[16],"beforeSave":[16],"afterSave":[16],"autoLoad":[4,"auto-load"],"getDataUnit":[64]}]]],["snk-pesquisa",[[2,"snk-pesquisa",{"searchLoader":[16],"selectItem":[16],"argument":[1025],"_itemList":[32],"_startLoading":[32]}]]],["snk-application",[[2,"snk-application",{"isUserSup":[64],"hasAccess":[64],"getAllAccess":[64],"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getDataUnit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64],"isDebugMode":[64]}]]],["snk-taskbar",[[6,"snk-taskbar",{"buttons":[1],"actionsList":[16],"primaryButton":[1,"primary-button"],"disabledButtons":[16],"dataUnit":[16],"_permissions":[32]}]]]], options);
+  return bootstrapLazy([["snk-crud",[[6,"snk-crud",{"configName":[1,"config-name"],"formTitle":[1,"form-title"],"actionsList":[16],"recordsValidator":[8,"records-validator"],"_dataUnit":[32],"_dataState":[32]}]]],["teste-pesquisa",[[1,"teste-pesquisa"]]],["snk-data-unit",[[2,"snk-data-unit",{"dataState":[1040],"dataUnitName":[1,"data-unit-name"],"entityName":[1,"entity-name"],"pageSize":[2,"page-size"],"dataUnit":[1040],"messageBuilder":[16],"beforeSave":[16],"afterSave":[16],"autoLoad":[4,"auto-load"],"getDataUnit":[64]}]]],["snk-application",[[2,"snk-application",{"isUserSup":[64],"hasAccess":[64],"getAllAccess":[64],"getStringParam":[64],"getIntParam":[64],"getFloatParam":[64],"getBooleanParam":[64],"getDateParam":[64],"showPopUp":[64],"closePopUp":[64],"temOpcional":[64],"getConfig":[64],"saveConfig":[64],"getAttributeFromHTMLWrapper":[64],"openApp":[64],"createDataunit":[64],"getDataUnit":[64],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64],"isDebugMode":[64]}]]],["snk-form_2",[[2,"snk-form",{"formTitle":[1,"form-title"],"configName":[1,"config-name"],"recordsValidator":[8,"records-validator"],"actionsList":[16],"_dataUnit":[32],"_configLoaded":[32],"_dataState":[32],"_editionFormConfig":[32],"_insertionFormConfig":[32]}],[6,"snk-grid",{"configName":[1,"config-name"],"actionsList":[16],"_dataUnit":[32],"_configLoaded":[32],"_dataState":[32],"_gridConfig":[32]}]]],["snk-pesquisa",[[2,"snk-pesquisa",{"searchLoader":[16],"selectItem":[16],"argument":[1025],"_itemList":[32],"_startLoading":[32]}]]],["snk-taskbar",[[6,"snk-taskbar",{"buttons":[1],"actionsList":[16],"primaryButton":[1,"primary-button"],"disabledButtons":[16],"dataUnit":[16],"_permissions":[32]}]]]], options);
 });

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h } from './index-0b078db7.js';
+import { r as registerInstance, c as createEvent, h } from './index-6a83ac96.js';
 import { ErrorException, StringUtils, DataUnit, DataType, ChangeOperation, DateUtils, ObjectUtils, WaitingChangeException, WarningException, DependencyType, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 
@@ -7263,7 +7263,7 @@ class SnkErrorHandler {
           }
           else {
             const title = (exception === null || exception === void 0 ? void 0 : exception.title) || "Erro detectado";
-            const message = (typeof exception === "string") ? exception : exception.message || `Erro interno "${exception}"`;
+            const message = (typeof exception === "string") ? exception : exception.message || `Erro interno "${ObjectUtils.objectToString(exception)}"`;
             this._app.error(title, message);
           }
         }
@@ -7281,7 +7281,9 @@ const SnkApplication = class {
     registerInstance(this, hostRef);
     this.applicationLoaded = createEvent(this, "applicationLoaded", 7);
     this.applicationLoading = createEvent(this, "applicationLoading", 7);
+    this._authPromises = [];
     this._duCache = new Map();
+    this._duPromises = new Map();
     this._requestListener = new RequestListenerLoadingBar();
   }
   get parameters() {
@@ -7300,17 +7302,27 @@ const SnkApplication = class {
     return this._resourceID;
   }
   get auth() {
-    return new Promise((resolve, reject) => {
-      if (this._auth) {
-        resolve(this._auth);
-      }
-      else {
-        this.authFetcher.getData(this._resourceID).then((authList) => {
-          this._auth = authList;
-          resolve(authList);
-        }).catch(error => reject(error));
-      }
-    });
+    if (this._auth) {
+      return Promise.resolve(this._auth);
+    }
+    else {
+      return new Promise((resolve, reject) => {
+        const waitingAuth = this._authPromises.length > 0;
+        this._authPromises.push(new PendingPromise(resolve, reject));
+        if (!waitingAuth) {
+          this.authFetcher.getData(this._resourceID).then((authList) => {
+            this._auth = authList;
+            while (this._authPromises.length > 0) {
+              this._authPromises.pop().resolve(this._auth);
+            }
+          }).catch(error => {
+            while (this._authPromises.length > 0) {
+              this._authPromises.pop().reject(error);
+            }
+          });
+        }
+      });
+    }
   }
   /**
    * Caso o usuário logado seja o SUP.
@@ -7478,17 +7490,45 @@ const SnkApplication = class {
   async openApp(resourceId, pkObject) {
     Workspace.openAppActivity(resourceId, pkObject);
   }
+  getDuPromissesStack(dataUnitName) {
+    let stack;
+    if (dataUnitName) {
+      stack = this._duPromises.get(dataUnitName);
+      if (!stack) {
+        stack = [];
+        this._duPromises.set(dataUnitName, stack);
+      }
+    }
+    return stack || [];
+  }
   /**
-   * Cria o DataUnit a partir do nome da entidade.
+   * 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) {
-    return new Promise(resolve => {
-      const dataUnit = this.dataUnitFetcher.getDataUnit(entityName, this.resourceID);
-      dataUnit.loadMetadata().then(() => resolve(dataUnit));
+  async createDataunit(entityName, dataUnitName) {
+    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);
+        dataUnit.loadMetadata().then(() => {
+          if (dataUnitName) {
+            this._duCache.set(dataUnitName, dataUnit);
+          }
+          while (duPromisses.length > 0) {
+            duPromisses.pop().resolve(dataUnit);
+          }
+        }).catch(reason => {
+          while (duPromisses.length > 0) {
+            duPromisses.pop().reject(reason);
+          }
+        });
+      }
     });
   }
   /**
-   * Cria e armazena o DataUnit em um cache
+   * Obtem um DataUnit do cache ou cria um caso ainda não tenha sido criado.
    */
   async getDataUnit(entityName, dataUnitName) {
     return new Promise((resolve, reject) => {
@@ -7497,10 +7537,7 @@ const SnkApplication = class {
         resolve(dataUnit);
       }
       else {
-        this.createDataunit(entityName).then(dataUnit => {
-          if (dataUnitName) {
-            this._duCache.set(dataUnitName, dataUnit);
-          }
+        this.createDataunit(entityName, dataUnitName).then(dataUnit => {
           resolve(dataUnit);
         }).catch(reason => reject(reason));
       }
@@ -7672,9 +7709,9 @@ const SnkApplication = class {
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     ErrorTracking.init();
-    ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
   }
   connectedCallback() {
+    ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
     DataFetcher.addRequestListener(this._requestListener);
   }
   disconnectedCallback() {
@@ -7713,6 +7750,12 @@ class RequestListenerLoadingBar {
   }
   ;
 }
+class PendingPromise {
+  constructor(resolve, reject) {
+    this.resolve = resolve;
+    this.reject = reject;
+  }
+}
 SnkApplication.style = snkApplicationCss;
 
 export { SnkApplication as snk_application };

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

@@ -0,0 +1,60 @@
+import { r as registerInstance, h, g as getElement } from './index-6a83ac96.js';
+
+const snkCrudCss = ".sc-snk-crud-h{display:flex;height:100%;width:100%}";
+
+const GRID_MODE = 0;
+const FORM_MODE = 1;
+const SnkCrud = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  async gridToForm(keepFormMode = false) {
+    this._backToGrid = !keepFormMode && await this._viewStack.getSelectedIndex() === GRID_MODE;
+    this._viewStack.show(FORM_MODE);
+  }
+  async executeAction(act) {
+    if (act === "GRID_MODE") {
+      this._viewStack.show(GRID_MODE);
+    }
+    else if (act === "FORM_MODE" || act === "UPDATE") {
+      this.gridToForm(act !== "UPDATE");
+    }
+  }
+  insertionModeHandler() {
+    this.gridToForm();
+  }
+  cancelHandler() {
+    if (this._backToGrid) {
+      this._viewStack.show(GRID_MODE);
+    }
+  }
+  componentWillLoad() {
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._snkDataUnit.addEventListener("insertionMode", () => this.insertionModeHandler());
+        this._snkDataUnit.addEventListener("cancelEdition", () => this.cancelHandler());
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        this._dataState = this._snkDataUnit.dataState;
+        if (!this._dataUnit) {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  render() {
+    return (h("ez-view-stack", { ref: (ref) => this._viewStack = ref }, h("stack-item", null, h("snk-grid", { configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), onActionClick: evt => this.executeAction(evt.detail), actionsList: this.actionsList }, h("slot", null))), h("stack-item", null, h("snk-form", { formTitle: this.formTitle, configName: this.configName, actionsList: this.actionsList, onExit: () => this._viewStack.show(GRID_MODE), recordsValidator: this.recordsValidator, onActionClick: evt => this.executeAction(evt.detail) }))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkCrud.style = snkCrudCss;
+
+export { SnkCrud as snk_crud };

package/dist/esm/snk-data-unit.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-0b078db7.js';
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-6a83ac96.js';
 import { Action, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 
@@ -10,6 +10,7 @@ const SnkDataUnit = class {
     this.dataStateChange = createEvent(this, "dataStateChange", 7);
     this.dataUnitReady = createEvent(this, "dataUnitReady", 7);
     this.insertionMode = createEvent(this, "insertionMode", 7);
+    this.cancelEdition = createEvent(this, "cancelEdition", 7);
     this._onDataUnitResolve = [];
     /**
      * Determina quantas linhas são retornadas por página
@@ -30,12 +31,16 @@ const SnkDataUnit = class {
       if (action.type === Action.RECORDS_ADDED || action.type === Action.RECORDS_COPIED) {
         this.insertionMode.emit();
       }
+      if (action.type === Action.EDITION_CANCELED) {
+        this.cancelEdition.emit();
+      }
       const duState = {
         insertionMode: false,
         hasNext: this.dataUnit.hasNext(),
         hasPrevious: this.dataUnit.hasPrevious(),
         copyMode: false,
         isDirty: this.dataUnit.isDirty(),
+        hasDirtyRecords: this.dataUnit.hasDirtyRecords(),
         selectedRecords: this.dataUnit.getSelectedRecords()
       };
       this.dataUnit.records.forEach(r => {
@@ -115,8 +120,13 @@ const SnkDataUnit = class {
           }
           break;
         case Action.EDITION_CANCELED:
-          ApplicationUtils.confirm(this.i18n("components.warning"), this.i18n("components.confirmCancelEdition"))
-            .then((result) => resolve(result ? action : undefined));
+          if (this.dataState.hasDirtyRecords) {
+            ApplicationUtils.confirm(this.i18n("components.warning"), this.i18n("components.confirmCancelEdition"))
+              .then((result) => resolve(result ? action : undefined));
+          }
+          else {
+            resolve(action);
+          }
           break;
         case Action.REMOVING_RECORDS:
           let msg = undefined;
@@ -184,7 +194,7 @@ const SnkDataUnit = class {
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
-  componentDidRender() {
+  componentWillLoad() {
     this.loadDataUnit();
   }
   render() {

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

@@ -0,0 +1,165 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-6a83ac96.js';
+import { ApplicationContext } from '@sankhyalabs/core';
+import { T as TaskbarElement } from './taskbar-elements-e0b8a285.js';
+
+const snkFormCss = ".sc-snk-form-h{display:block}";
+
+const SnkForm = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.exit = createEvent(this, "exit", 7);
+    this.actionClick = createEvent(this, "actionClick", 7);
+  }
+  getFormConfig() {
+    return (this._dataState && this._dataState.insertionMode ? this._insertionFormConfig : this._editionFormConfig);
+  }
+  getInsertionHiddenFields(formConfig) {
+    const hiddenFields = [];
+    formConfig === null || formConfig === void 0 ? void 0 : formConfig.forEach(cfg => {
+      const def = this._dataUnit.getField(cfg.name);
+      if (def === null || def === void 0 ? void 0 : def.readOnly) {
+        hiddenFields.push(cfg.name);
+      }
+    });
+    return hiddenFields;
+  }
+  exitForm() {
+    if (this._dataUnit.isDirty()) {
+      this._dataUnit.cancelEdition({ after: () => this.exit.emit() });
+    }
+    else {
+      this.exit.emit();
+    }
+  }
+  getDisabledButtons() {
+    const disabled = [];
+    if (!this._dataState.hasPrevious) {
+      disabled.push("PREVIOUS");
+    }
+    if (!this._dataState.hasNext) {
+      disabled.push("NEXT");
+    }
+    return disabled;
+  }
+  loadInsertionConfig() {
+    if (this._dataUnit && this._configLoaded) {
+      this._insertionFormConfig = this._editionFormConfig.filter(fieldCfg => {
+        const def = this._dataUnit.getField(fieldCfg.name);
+        if (def === null || def === void 0 ? void 0 : def.readOnly) {
+          return false;
+        }
+        return true;
+      });
+    }
+  }
+  i18n(key) {
+    const pt_br = {
+      "components.back": "Voltar"
+    };
+    return pt_br[key];
+  }
+  componentWillLoad() {
+    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.loadFormConfig(this.configName).then(cfg => {
+        this._configLoaded = true;
+        this._editionFormConfig = cfg;
+        this.loadInsertionConfig();
+      });
+      //Forçamos a carga dos acessos pra aproveitar a request inicial.
+      snkApplication.getAllAccess();
+    }
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        this._dataState = this._snkDataUnit.dataState;
+        if (this._dataUnit) {
+          this.loadInsertionConfig();
+        }
+        else {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+            this.loadInsertionConfig();
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  render() {
+    if (!this._configLoaded || !this._dataUnit || !this._dataState) {
+      return undefined;
+    }
+    return (h("section", { class: "ez-padding--large" }, h("div", { class: "ez-row ez-padding-bottom--medium" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6", key: "formHeader" }, h("ez-button", { title: this.i18n("components.back"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small", onClick: () => this.exitForm() }), h("h1", { class: "ez-title ez-title--primary ez-title--xlarge ez-align--middle" }, this.formTitle)), h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-align--right" }, h("snk-taskbar", { key: "formTaskbar", buttons: this._dataState.isDirty ? "CANCEL,SAVE" : "PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,INSERT", primaryButton: this._dataState.isDirty ? "SAVE" : "INSERT", disabledButtons: this.getDisabledButtons(), actionsList: this.actionsList, dataUnit: this._dataUnit }))), h("div", { class: "ez-padding--small" }), h("section", null, h("div", { class: "ez-row" }, h("div", { class: "ez-col ez-col--sd-12" }, h("ez-form", { key: "ezForm" + this._snkDataUnit.entityName, dataUnit: this._dataUnit, config: this.getFormConfig(), recordsValidator: this.recordsValidator }))))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkForm.style = snkFormCss;
+
+const snkGridCss = ".sc-snk-grid-h{display:flex;height:100%;width:100%}";
+
+const SnkGrid = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.actionClick = createEvent(this, "actionClick", 7);
+    this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
+  }
+  getHeaderButtons() {
+    return this._dataState && this._dataState.selectedRecords.length > 0 ? "UPDATE,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,REFRESH" : "REFRESH";
+  }
+  actionClickHandler(evt) {
+    if (evt.detail === TaskbarElement.CONFIG_GRID && this._grid) {
+      this._grid.openGridConfig();
+    }
+  }
+  saveConfig(config) {
+    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.saveGridConfig(config);
+    }
+  }
+  componentWillLoad() {
+    const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+    if (snkApplication) {
+      snkApplication.loadGridConfig(this.configName).then(cfg => {
+        this._gridConfig = cfg;
+        this._configLoaded = true;
+      });
+      //Forçamos a carga dos acessos pra aproveitar a request inicial.
+      snkApplication.getAllAccess();
+    }
+    let parent = this._element.parentElement;
+    while (parent) {
+      if (parent.tagName.toUpperCase() === "SNK-DATA-UNIT") {
+        this._snkDataUnit = parent;
+        this._dataUnit = this._snkDataUnit.dataUnit;
+        if (!this._dataUnit) {
+          this._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  render() {
+    if (!this._configLoaded || !this._dataUnit) {
+      return undefined;
+    }
+    return (h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "ez-row ez-padding-bottom--medium ez-margin-bottom--medium" }, h("div", { class: "ez-col ez-col--sd-9 ez-col--tb-9 ez-align--bottom" }, h("slot", null)), h("div", { class: "ez-col ez-col--sd-3 ez-col--tb-3 ez-align--right" }, h("snk-taskbar", { onActionClick: evt => this.actionClickHandler(evt), key: "topTaskbar", dataUnit: this._dataUnit, buttons: "FORM_MODE,CONFIG_GRID,INSERT", primaryButton: "INSERT" }))), h("ez-grid", { ref: ref => this._grid = ref, dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: evt => { this.saveConfig(evt.detail); }, onEzDoubleClick: () => this.gridDoubleClick.emit() }, h("snk-taskbar", { dataUnit: this._dataUnit, buttons: this.getHeaderButtons(), slot: "leftButtons", actionsList: this.actionsList }))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkGrid.style = snkGridCss;
+
+export { SnkForm as snk_form, SnkGrid as snk_grid };

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

@@ -1,4 +1,4 @@
-import { r as registerInstance, h, H as Host } from './index-0b078db7.js';
+import { r as registerInstance, h, H as Host } from './index-6a83ac96.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 
 const snkPesquisaCss = ".sc-snk-pesquisa-h{--snk-pesquisa--font-size:var(--text--medium, 14px);--snk-pesquisa--font-family:var(--font-pattern, Arial);--snk-pesquisa--font-weight:var(--text-weight--medium, 400);--snk-pesquisa__records--color:var(--text--primary, #626e82);--snk-pesquisa__records--padding-vertical:var(--space--medium, 12px);--snk-pesquisa__content--padding-right:var(--space--small, 6px);--snk-pesquisa__content-scrollbar--background-color:var(--title--primary, #2B3A54);--snk-pesquisa__content-scrollbar--border-radius:var(--border--radius-small, 6px);--snk-pesquisa__content-scrollbar--width:var(--space--medium, 12px);--snk-pesquisa__btn--color:var(--title--primary, #2B3A54);--snk-pesquisa__btn-disabled--color:var(--text--disable, #AFB6C0);--snk-pesquisa__btn-hover--color:var(--color--primary, #4e4e4e);max-height:100%;height:100%;display:flex;flex-direction:column;overflow-y:auto}.snk-pesquisa.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%}.snk-pesquisa__input.sc-snk-pesquisa{display:flex;width:100%;box-sizing:border-box;padding-top:4px;padding-right:4px}.snk-pesquisa__input.sc-snk-pesquisa ez-icon.sc-snk-pesquisa{--ez-icon--color:inherit;font-weight:var(--text-weight--large, 600)}.snk-pesquisa__content.sc-snk-pesquisa{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding-right:var(--snk-pesquisa__content--padding-right)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-track{background-color:#f0f2f5;border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar-thumb{background-color:var(--snk-pesquisa__content-scrollbar--background-color);border-radius:var(--snk-pesquisa__content-scrollbar--border-radius)}.snk-pesquisa__content.sc-snk-pesquisa::-webkit-scrollbar{background-color:#f0f2f5;width:var(--snk-pesquisa__content-scrollbar--width);max-width:var(--snk-pesquisa__content-scrollbar--width);min-width:var(--snk-pesquisa__content-scrollbar--width)}.snk-pesquisa__records.sc-snk-pesquisa{font-family:var(--snk-pesquisa--font-family);font-weight:var(--snk-pesquisa--font-weight);font-size:var(--snk-pesquisa--font-size);color:var(--snk-pesquisa__records--color);padding-bottom:var(--snk-pesquisa__records--padding-vertical);padding-top:var(--snk-pesquisa__records--padding-vertical)}.snk-pesquisa__btn.sc-snk-pesquisa{outline:none;border:none;background:none;cursor:pointer;color:var(--snk-pesquisa__btn--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:disabled:hover{cursor:unset;color:var(--snk-pesquisa__btn-disabled--color)}.snk-pesquisa__btn.sc-snk-pesquisa:hover{color:var(--snk-pesquisa__btn-hover--color)}";

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

@@ -1,6 +1,6 @@
-import { r as registerInstance, c as createEvent, h, H as Host } from './index-0b078db7.js';
+import { r as registerInstance, c as createEvent, h, H as Host } from './index-6a83ac96.js';
 import { ApplicationContext } from '@sankhyalabs/core';
-import { A as AuthorizationElements, T as TaskbarElement, b as buildElem } from './taskbar-elements-3ba30bf4.js';
+import { A as AuthorizationElements, T as TaskbarElement, b as buildElem } from './taskbar-elements-e0b8a285.js';
 
 const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
 

package/dist/esm/{taskbar-elements-3ba30bf4.js → taskbar-elements-e0b8a285.js}

@@ -1,4 +1,4 @@
-import { h } from './index-0b078db7.js';
+import { h } from './index-6a83ac96.js';
 
 var TaskbarElement;
 (function (TaskbarElement) {
@@ -52,7 +52,7 @@ const buildElem = (element, className, getTitle, action, isEnabled, actions) =>
     case TaskbarElement.CONFIG_GRID:
       return iconButton("settings-inverted", element, className, getTitle, action, isEnabled);
     case TaskbarElement.MORE_OPTIONS:
-      return h("ez-actions-button", { size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions });
+      return actions && actions.length > 0 ? h("ez-actions-button", { title: getTitle(element), size: "small", class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions }) : undefined;
     case TaskbarElement.DIVIDER:
       return h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-horizontal--medium" });
   }

package/dist/esm/teste-pesquisa.entry.js

@@ -1,4 +1,4 @@
-import { r as registerInstance, h } from './index-0b078db7.js';
+import { r as registerInstance, h } from './index-6a83ac96.js';
 import { DataUnit, DataType, UserInterface } from '@sankhyalabs/core';
 
 const testePesquisaCss = ":host{display:block}";