@sankhyalabs/sankhyablocks 1.3.31-beta.2 → 1.3.31-beta.3

package/dist/esm/loader.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-ffda6382.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-02c04e0f.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([["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],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64],"isDebugMode":[64]}]]],["teste-pesquisa",[[1,"teste-pesquisa"]]]], 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],"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],"getOrCreateDataUnit":[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],"_moreOptionsOpened":[32],"_permissions":[32]}]]]], options);
   });
 };
 

package/dist/esm/sankhyablocks.js

@@ -1,4 +1,4 @@
-import { p as promiseResolve, b as bootstrapLazy } from './index-ffda6382.js';
+import { p as promiseResolve, b as bootstrapLazy } from './index-02c04e0f.js';
 
 /*
  Stencil Client Patch Browser v2.16.1 | MIT Licensed | https://stenciljs.com
@@ -13,5 +13,5 @@ const patchBrowser = () => {
 };
 
 patchBrowser().then(options => {
-  return bootstrapLazy([["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],"getResourceID":[64],"alert":[64],"error":[64],"confirm":[64],"info":[64],"loadFormConfig":[64],"loadGridConfig":[64],"saveGridConfig":[64],"executeSearch":[64],"isDebugMode":[64]}]]],["teste-pesquisa",[[1,"teste-pesquisa"]]]], 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],"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],"getOrCreateDataUnit":[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],"_moreOptionsOpened":[32],"_permissions":[32]}]]]], options);
 });

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

@@ -1,7 +1,6 @@
-import { r as registerInstance, c as createEvent, h } from './index-ffda6382.js';
-import { ErrorException, StringUtils, DataUnit, DataType, ChangeOperation, DateUtils, ObjectUtils, WaitingChangeException, WarningException, ApplicationContext, ErrorTracking } from '@sankhyalabs/core';
+import { r as registerInstance, c as createEvent, h } from './index-02c04e0f.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';
-import { DependencyType } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 
@@ -1232,7 +1231,7 @@ function isNode(maybeNode) {
 }
 /** Name */
 
-let OperationTypeNode;
+var OperationTypeNode;
 exports.OperationTypeNode = OperationTypeNode;
 
 (function (OperationTypeNode) {
@@ -1252,13 +1251,7 @@ exports.DirectiveLocation = void 0;
 /**
  * The set of allowed directive location values.
  */
-let DirectiveLocation;
-/**
- * The enum type representing the directive location values.
- *
- * @deprecated Please use `DirectiveLocation`. Will be remove in v17.
- */
-
+var DirectiveLocation;
 exports.DirectiveLocation = DirectiveLocation;
 
 (function (DirectiveLocation) {
@@ -1282,6 +1275,11 @@ exports.DirectiveLocation = DirectiveLocation;
   DirectiveLocation['INPUT_OBJECT'] = 'INPUT_OBJECT';
   DirectiveLocation['INPUT_FIELD_DEFINITION'] = 'INPUT_FIELD_DEFINITION';
 })(DirectiveLocation || (exports.DirectiveLocation = DirectiveLocation = {}));
+/**
+ * The enum type representing the directive location values.
+ *
+ * @deprecated Please use `DirectiveLocation`. Will be remove in v17.
+ */
 });
 
 var kinds = createCommonjsModule(function (module, exports) {
@@ -1294,13 +1292,7 @@ exports.Kind = void 0;
 /**
  * The set of allowed kind values for AST nodes.
  */
-let Kind;
-/**
- * The enum type representing the possible kind values of AST nodes.
- *
- * @deprecated Please use `Kind`. Will be remove in v17.
- */
-
+var Kind;
 exports.Kind = Kind;
 
 (function (Kind) {
@@ -1348,6 +1340,11 @@ exports.Kind = Kind;
   Kind['ENUM_TYPE_EXTENSION'] = 'EnumTypeExtension';
   Kind['INPUT_OBJECT_TYPE_EXTENSION'] = 'InputObjectTypeExtension';
 })(Kind || (exports.Kind = Kind = {}));
+/**
+ * The enum type representing the possible kind values of AST nodes.
+ *
+ * @deprecated Please use `Kind`. Will be remove in v17.
+ */
 });
 
 var characterClasses = createCommonjsModule(function (module, exports) {
@@ -1635,13 +1632,7 @@ exports.TokenKind = void 0;
  * An exported enum describing the different kinds of tokens that the
  * lexer emits.
  */
-let TokenKind;
-/**
- * The enum type representing the token kinds values.
- *
- * @deprecated Please use `TokenKind`. Will be remove in v17.
- */
-
+var TokenKind;
 exports.TokenKind = TokenKind;
 
 (function (TokenKind) {
@@ -1668,6 +1659,11 @@ exports.TokenKind = TokenKind;
   TokenKind['BLOCK_STRING'] = 'BlockString';
   TokenKind['COMMENT'] = 'Comment';
 })(TokenKind || (exports.TokenKind = TokenKind = {}));
+/**
+ * The enum type representing the token kinds values.
+ *
+ * @deprecated Please use `TokenKind`. Will be remove in v17.
+ */
 });
 
 var lexer = createCommonjsModule(function (module, exports) {
@@ -3004,12 +3000,13 @@ function parseType(source, options) {
  */
 
 class Parser {
-  constructor(source$1, options) {
+  constructor(source$1, options = {}) {
     const sourceObj = (0, source.isSource)(source$1)
       ? source$1
       : new source.Source(source$1);
     this._lexer = new lexer.Lexer(sourceObj);
     this._options = options;
+    this._tokenCounter = 0;
   }
   /**
    * Converts a name lex token into a name parse node.
@@ -3344,18 +3341,12 @@ class Parser {
    */
 
   parseFragmentDefinition() {
-    var _this$_options;
-
     const start = this._lexer.token;
     this.expectKeyword('fragment'); // Legacy support for defining variables within fragments changes
     // the grammar of FragmentDefinition:
     //   - fragment FragmentName VariableDefinitions? on TypeCondition Directives? SelectionSet
 
-    if (
-      ((_this$_options = this._options) === null || _this$_options === void 0
-        ? void 0
-        : _this$_options.allowLegacyFragmentVariables) === true
-    ) {
+    if (this._options.allowLegacyFragmentVariables === true) {
       return this.node(start, {
         kind: kinds.Kind.FRAGMENT_DEFINITION,
         name: this.parseFragmentName(),
@@ -3416,16 +3407,14 @@ class Parser {
         return this.parseObject(isConst);
 
       case tokenKind.TokenKind.INT:
-        this._lexer.advance();
-
+        this.advanceLexer();
         return this.node(token, {
           kind: kinds.Kind.INT,
           value: token.value,
         });
 
       case tokenKind.TokenKind.FLOAT:
-        this._lexer.advance();
-
+        this.advanceLexer();
         return this.node(token, {
           kind: kinds.Kind.FLOAT,
           value: token.value,
@@ -3436,7 +3425,7 @@ class Parser {
         return this.parseStringLiteral();
 
       case tokenKind.TokenKind.NAME:
-        this._lexer.advance();
+        this.advanceLexer();
 
         switch (token.value) {
           case 'true':
@@ -3492,9 +3481,7 @@ class Parser {
 
   parseStringLiteral() {
     const token = this._lexer.token;
-
-    this._lexer.advance();
-
+    this.advanceLexer();
     return this.node(token, {
       kind: kinds.Kind.STRING,
       value: token.value,
@@ -4285,13 +4272,7 @@ class Parser {
    */
 
   node(startToken, node) {
-    var _this$_options2;
-
-    if (
-      ((_this$_options2 = this._options) === null || _this$_options2 === void 0
-        ? void 0
-        : _this$_options2.noLocation) !== true
-    ) {
+    if (this._options.noLocation !== true) {
       node.loc = new ast.Location(
         startToken,
         this._lexer.lastToken,
@@ -4317,8 +4298,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === kind) {
-      this._lexer.advance();
-
+      this.advanceLexer();
       return token;
     }
 
@@ -4337,8 +4317,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === kind) {
-      this._lexer.advance();
-
+      this.advanceLexer();
       return true;
     }
 
@@ -4353,7 +4332,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === tokenKind.TokenKind.NAME && token.value === value) {
-      this._lexer.advance();
+      this.advanceLexer();
     } else {
       throw (0, syntaxError_1.syntaxError)(
         this._lexer.source,
@@ -4371,8 +4350,7 @@ class Parser {
     const token = this._lexer.token;
 
     if (token.kind === tokenKind.TokenKind.NAME && token.value === value) {
-      this._lexer.advance();
-
+      this.advanceLexer();
       return true;
     }
 
@@ -4459,6 +4437,24 @@ class Parser {
 
     return nodes;
   }
+
+  advanceLexer() {
+    const { maxTokens } = this._options;
+
+    const token = this._lexer.advance();
+
+    if (maxTokens !== undefined && token.kind !== tokenKind.TokenKind.EOF) {
+      ++this._tokenCounter;
+
+      if (this._tokenCounter > maxTokens) {
+        throw (0, syntaxError_1.syntaxError)(
+          this._lexer.source,
+          token.start,
+          `Document contains more that ${maxTokens} tokens. Parsing aborted.`,
+        );
+      }
+    }
+  }
 }
 /**
  * A helper function to describe a token as a string for debugging.
@@ -6719,9 +6715,9 @@ class DataUnitFetcher {
                 }
               }
             }`);
-    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filter: [InputFilter!] $sort: [InputSort!]) {
+    this.templateByQuery.set("fetchData", dist.gql `query($dataunit: String! $limit: Int $offset:Int $filters: [InputFilter!] $sort: [InputSort!]) {
             $queryAlias$: fetchDataUnit(name: $dataunit){
-              data(limit: $limit offset: $offset filters: $filter sort: $sort){
+              data(limit: $limit offset: $offset filters: $filters sort: $sort){
                 limit
                 offset
                 total
@@ -6750,7 +6746,7 @@ class DataUnitFetcher {
   getDataUnit(entityName, resourceID) {
     const dataUnit = new DataUnit(`dd://${entityName}/${resourceID}`);
     dataUnit.metadataLoader = (dataUnit) => this.loadMetadata(dataUnit);
-    dataUnit.dataLoader = (dataUnit, page, sort, filters) => this.loadData(dataUnit, page, sort, filters);
+    dataUnit.dataLoader = (dataUnit, request) => this.loadData(dataUnit, request);
     dataUnit.saveLoader = (dataUnit, changes) => this.saveData(dataUnit, changes);
     dataUnit.removeLoader = (dataUnit, recordIds) => this.removeRecords(dataUnit, recordIds);
     return dataUnit;
@@ -6787,25 +6783,24 @@ class DataUnitFetcher {
       });
     });
   }
-  loadData(dataUnit, page, sort, filter) {
+  loadData(dataUnit, request) {
     return new Promise((resolve, reject) => {
-      var _a, _b, _c;
-      const variables = { dataunit: dataUnit.name, sort, filter };
-      if (page) {
-        variables.limit = page.limit;
-        variables.offset = page.offset;
-      }
-      if (!StringUtils.isEmpty((_a = page === null || page === void 0 ? void 0 : page.quickFilter) === null || _a === void 0 ? void 0 : _a.term)) {
+      var _a;
+      const { sort, filters, limit, offset, quickFilter } = request;
+      const variables = { dataunit: dataUnit.name, sort, filters };
+      variables.limit = limit;
+      variables.offset = offset;
+      if (!StringUtils.isEmpty(quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.term)) {
         if (variables.filter === undefined) {
           variables.filter = [];
         }
         const quickFilterCriteria = {
           name: "__QUICK_FILTER__",
           expression: "__QUICK_FILTER__",
-          params: [{ name: "term", dataType: DataType.TEXT, value: page.quickFilter.term }]
+          params: [{ name: "term", dataType: DataType.TEXT, value: quickFilter.term }]
         };
-        if (((_c = (_b = page.quickFilter) === null || _b === void 0 ? void 0 : _b.fields) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-          quickFilterCriteria.params.push({ name: "fields", dataType: DataType.OBJECT, value: page.quickFilter.fields });
+        if (((_a = quickFilter === null || quickFilter === void 0 ? void 0 : quickFilter.fields) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+          quickFilterCriteria.params.push({ name: "fields", dataType: DataType.OBJECT, value: quickFilter.fields });
         }
         variables.filter.push(quickFilterCriteria);
       }
@@ -6815,16 +6810,28 @@ class DataUnitFetcher {
         query: this.templateByQuery.get("fetchData"),
       })
         .then((resp) => {
-        const pageResult = resp.data;
-        const records = [];
-        pageResult.records.forEach((responseRecord) => {
+        const { limit, offset, total, hasMore, records } = resp.data;
+        const firstRecord = offset + 1;
+        const lastRecord = offset + Math.min(records.length, limit);
+        const currentPage = offset / limit;
+        const processedRecords = [];
+        records.forEach((responseRecord) => {
           const duRecord = { __record__id__: responseRecord.id };
           responseRecord.fields.forEach(({ name, value }) => {
             duRecord[name] = dataUnit.valueFromString(name, value);
           });
-          records.push(duRecord);
+          processedRecords.push(duRecord);
+        });
+        resolve({
+          paginationInfo: {
+            firstRecord,
+            lastRecord,
+            total,
+            currentPage,
+            hasMore
+          },
+          records: processedRecords
         });
-        resolve(Object.assign(Object.assign({}, pageResult), { records }));
       })
         .catch((error) => {
         reject(error);
@@ -7050,15 +7057,16 @@ class GridConfigFetcher extends ResourceFetcher {
     super(...arguments);
     this.GRID_CONFIG_VERSION = "V3:";
   }
-  getConfig(resourceID) {
+  getConfig(_gridName, resourceID) {
     const completePath = `cfg://grid/${this.GRID_CONFIG_VERSION}${resourceID}`;
     return new Promise((resolve, reject) => {
       this.loadResource(completePath)
         .then(loadedResource => {
+        let config = undefined;
         if (loadedResource) {
-          let config = JSON.parse(loadedResource);
-          resolve(config);
+          config = JSON.parse(loadedResource);
         }
+        resolve(config);
       }).catch((error) => {
         reject(error);
       });
@@ -7251,6 +7259,7 @@ const SnkApplication = class {
     registerInstance(this, hostRef);
     this.applicationLoaded = createEvent(this, "applicationLoaded", 7);
     this.applicationLoading = createEvent(this, "applicationLoading", 7);
+    this._duCache = new Map();
     this._requestListener = new RequestListenerLoadingBar();
   }
   get parameters() {
@@ -7411,6 +7420,22 @@ const SnkApplication = class {
       dataUnit.loadMetadata().then(() => resolve(dataUnit));
     });
   }
+  async getOrCreateDataUnit(entityName, dataUnitName) {
+    return new Promise((resolve, reject) => {
+      const dataUnit = this._duCache.get(dataUnitName);
+      if (dataUnit) {
+        resolve(dataUnit);
+      }
+      else {
+        this.createDataunit(entityName).then(dataUnit => {
+          if (dataUnitName) {
+            this._duCache.set(dataUnitName, dataUnit);
+          }
+          resolve(dataUnit);
+        }).catch(reason => reject(reason));
+      }
+    });
+  }
   async getResourceID() {
     return Promise.resolve(this.resourceID);
   }
@@ -7429,8 +7454,8 @@ const SnkApplication = class {
   async loadFormConfig(name) {
     return this.formConfigFetcher.loadFormConfig(name, this.resourceID);
   }
-  async loadGridConfig() {
-    return this.gridConfigFetcher.getConfig(this.resourceID);
+  async loadGridConfig(name) {
+    return this.gridConfigFetcher.getConfig(name, this.resourceID);
   }
   async saveGridConfig(config) {
     return this.gridConfigFetcher.saveConfig(config, this.resourceID);
@@ -7543,6 +7568,7 @@ const SnkApplication = class {
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     ErrorTracking.init();
+    ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
   }
   connectedCallback() {
     DataFetcher.addRequestListener(this._requestListener);

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

@@ -0,0 +1,140 @@
+import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-02c04e0f.js';
+import { Action, ApplicationContext } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+
+const snkDataUnitCss = ".sc-snk-data-unit-h{display:flex;flex-direction:column;height:100%}";
+
+const SnkDataUnit = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.dataStateChange = createEvent(this, "dataStateChange", 7);
+    this.dataUnitReady = createEvent(this, "dataUnitReady", 7);
+    this._onDataUnitResolve = [];
+    this._dataUnitObserver = (action) => {
+      let msg = this.getActionInfo(action.type);
+      if (msg) {
+        ApplicationUtils.info(msg);
+      }
+      const duState = {
+        insertionMode: false,
+        hasNext: this.dataUnit.hasNext(),
+        hasPrevious: this.dataUnit.hasPrevious(),
+        copyMode: false,
+        isDirty: this.dataUnit.isDirty(),
+        selectedRecords: this.dataUnit.getSelectedRecords()
+      };
+      this.dataUnit.records.forEach(r => {
+        if (r.__record__id__.startsWith('NEW_')) {
+          duState.insertionMode = true;
+          duState.copyMode || (duState.copyMode = r['__record__source__id__'] != undefined);
+        }
+      });
+      this.dataState = duState;
+    };
+  }
+  async getDataUnit() {
+    return new Promise((resolve) => {
+      if (this.dataUnit) {
+        resolve(this.dataUnit);
+      }
+      else {
+        this._onDataUnitResolve.push(resolve);
+      }
+    });
+  }
+  async interceptAction(action) {
+    return new Promise(resolve => {
+      if (action.type === Action.EDITION_CANCELED) {
+        ApplicationUtils.confirm(this.i18n("components.warning"), this.i18n("components.confirmCancelEdition"))
+          .then((result) => resolve(result ? action : undefined));
+      }
+      else if (action.type === Action.REMOVING_RECORDS) {
+        ApplicationUtils.confirm(this.i18n("components.delete"), this.i18n("components.confirmRemoveRecord"), "delete", true, { btnConfirmDanger: true })
+          .then((result) => resolve(result ? action : undefined));
+      }
+      else {
+        resolve(action);
+      }
+    });
+  }
+  getActionInfo(action) {
+    if (this.messageBuilder) {
+      return this.messageBuilder(action, this.dataState, this.dataUnit);
+    }
+    else {
+      if (action === Action.EDITION_CANCELED) {
+        return this.i18n("components.editionCanceled");
+      }
+    }
+  }
+  observePageSize() {
+    if (this.dataUnit) {
+      this.dataUnit.pageSize = this.pageSize;
+    }
+  }
+  observeDataUnitName(newValue, oldValue) {
+    if (oldValue != newValue) {
+      this.dataUnit = undefined;
+      this.dataUnitName = newValue;
+      this.loadDataUnit();
+    }
+  }
+  observeEntityName(newValue, oldValue) {
+    if (oldValue != newValue) {
+      this.dataUnit = undefined;
+      this.entityName = newValue;
+      this.loadDataUnit();
+    }
+  }
+  observeDataState(newValue, oldValue) {
+    if (oldValue != newValue) {
+      this.dataStateChange.emit(newValue);
+    }
+  }
+  observeDataUnit() {
+    this.dataUnitReady.emit(this.dataUnit);
+  }
+  async loadDataUnit() {
+    if (!this.dataUnit) {
+      const app = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      if (app && this.entityName) {
+        this.dataUnit = await app.getOrCreateDataUnit(this.entityName, this.dataUnitName);
+        this.dataUnit.pageSize = this.pageSize;
+        this.dataUnit.unsubscribe(this._dataUnitObserver);
+        this.dataUnit.addInterceptor(this);
+        this.dataUnit.subscribe(this._dataUnitObserver);
+        let resolver;
+        while (resolver = this._onDataUnitResolve.pop()) {
+          resolver(this.dataUnit);
+        }
+      }
+    }
+  }
+  i18n(key) {
+    const pt_br = {
+      "components.warning": "Aviso",
+      "components.delete": "Excluir",
+      "components.confirmRemoveRecord": "Deseja realmente excluir o registro atual?",
+      "components.confirmCancelEdition": "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de sair?</b>",
+      "components.editionCanceled": "Todas as alterações foram descartadas.",
+    };
+    return pt_br[key];
+  }
+  componentDidRender() {
+    this.loadDataUnit();
+  }
+  render() {
+    return (h(Host, null));
+  }
+  get element() { return getElement(this); }
+  static get watchers() { return {
+    "pageSize": ["observePageSize"],
+    "dataUnitName": ["observeDataUnitName"],
+    "entityName": ["observeEntityName"],
+    "dataState": ["observeDataState"],
+    "dataUnit": ["observeDataUnit"]
+  }; }
+};
+SnkDataUnit.style = snkDataUnitCss;
+
+export { SnkDataUnit as snk_data_unit };

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

@@ -0,0 +1,91 @@
+import { r as registerInstance, c as createEvent, h, g as getElement } from './index-02c04e0f.js';
+import { ApplicationContext } from '@sankhyalabs/core';
+
+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;
+  }
+  componentWillLoad() {
+    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._snkDataUnit.addEventListener("dataUnitReady", (evt) => {
+            this._dataUnit = evt.detail;
+          });
+        }
+        this._snkDataUnit.addEventListener("dataStateChange", (evt) => {
+          this._dataState = evt.detail;
+        });
+        break;
+      }
+      parent = parent.parentElement;
+    }
+  }
+  componentWillRender() {
+    if (this._dataUnit && !this._configLoaded) {
+      const snkApplication = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      if (snkApplication) {
+        snkApplication.loadFormConfig(this.configName).then(cfg => {
+          this._configLoaded = true;
+          this._editionFormConfig = cfg;
+          this._insertionFormConfig = cfg.filter(fieldCfg => {
+            const def = this._dataUnit.getField(fieldCfg.name);
+            if (def === null || def === void 0 ? void 0 : def.readOnly) {
+              return false;
+            }
+            return true;
+          });
+        });
+      }
+    }
+  }
+  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", { 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() }))))));
+  }
+  get _element() { return getElement(this); }
+};
+SnkForm.style = snkFormCss;
+
+export { SnkForm as snk_form };