@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-74246.2 → 0.0.0-bugfix-dev-KB-80932.0

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

@@ -1,13 +1,13 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-a7d3d3f1.js';
-import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, KeyboardManager, OnboardingUtils, DependencyType, ArrayUtils, SearchUtils, ElementIDUtils, ApplicationContext, DataType, ErrorTracking } from '@sankhyalabs/core';
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
+import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, WarningException, ErrorException, KeyboardManager, OnboardingUtils, DependencyType, ArrayUtils, SearchUtils, ElementIDUtils, ApplicationContext, DataType, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as ConfigStorage } from './ConfigStorage-ff99377a.js';
-import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher-5034df59.js';
-import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-0b78ca31.js';
-import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher-56cb648b.js';
-import { P as PesquisaFetcher } from './pesquisa-fetcher-24e5bba0.js';
+import { C as ConfigStorage } from './ConfigStorage-373bb440.js';
+import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher-5221b992.js';
+import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-e32fe8a4.js';
+import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher-8dd93d8b.js';
+import { P as PesquisaFetcher } from './pesquisa-fetcher-0af41f09.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder-6fff4a4c.js';
-import './form-config-fetcher-0c2620ef.js';
+import './form-config-fetcher-126e2471.js';
 import './filter-item-type.enum-d45e026f.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
@@ -305,11 +305,12 @@ class DebouncedRequestListener {
   }
   ;
   onRequestEnd(param) {
+    var _a, _b, _c;
     const timeoutId = this.requests.get(param.requestId);
     clearTimeout(timeoutId);
-    if (this.requestsLoadingBar.includes(param.requestId)) {
-      this.requestsLoadingBar = this.requestsLoadingBar.filter(id => id !== param.requestId);
-      !this.requestsLoadingBar.length && this.ezLoadingBar.hide();
+    if ((_a = this.requestsLoadingBar) === null || _a === void 0 ? void 0 : _a.includes(param.requestId)) {
+      this.requestsLoadingBar = (_b = this.requestsLoadingBar) === null || _b === void 0 ? void 0 : _b.filter(id => id !== param.requestId);
+      !this.requestsLoadingBar.length && ((_c = this.ezLoadingBar) === null || _c === void 0 ? void 0 : _c.hide());
     }
   }
   ;
@@ -380,7 +381,7 @@ class RequestListenerFactory {
   }
 }
 
-const snkApplicationCss = ".sc-snk-application-h{display:flex;flex-direction:column;height:100%}";
+const snkApplicationCss = ".sc-snk-application-h{display:flex;flex-direction:column;height:100%}.sc-snk-application-h>.loading-hidden.sc-snk-application{display:none;pointer-events:none}.skeleton-content-left.sc-snk-application{width:300px;padding-right:5px}.skeleton-content.sc-snk-application{height:calc(100vh - 310px)}.spinner.sc-snk-application{height:100vh;gap:10px}.spinner.sc-snk-application>.spin.sc-snk-application{animation-name:spin;animation-duration:5000ms;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}";
 
 const SnkApplication = class {
   constructor(hostRef) {
@@ -394,9 +395,13 @@ const SnkApplication = class {
     this._duCache = new Map();
     this._duPromises = new Map();
     this._requestListener = RequestListenerFactory.create({ strategy: 'request_time' });
+    this._maxTimeLockAppLoading = 10000;
+    this._isBrowserTypeElectron = false;
     this._pendingActions = new Map;
     this._loadPkParameter = null;
     this._isLoadedByPk = false;
+    this._applicationReady = false;
+    this.enableLockManagerLoadingApp = undefined;
     this.messagesBuilder = undefined;
     this.configName = undefined;
     this.gridLegacyConfigName = undefined;
@@ -882,15 +887,21 @@ const SnkApplication = class {
     return Promise.resolve(this._isLoadedByPk);
   }
   /**
- * Remove registro do cache do PreLoader do dataunit.
- * Deve ser usado quando existe um dataunit usando loader do application, mas o removeLoader está sendo sobrescrito.
- */
+* Remove registro do cache do PreLoader do dataunit.
+* Deve ser usado quando existe um dataunit usando loader do application, mas o removeLoader está sendo sobrescrito.
+*/
   async preloadMangerRemoveRecord(dataUnit, recordsIDs) {
     const records = recordsIDs.map(id => {
       return { "__record__id__": id };
     });
     PreloadManager.removeRecords(dataUnit, records);
   }
+  getCountSkeleton(className, skeletonHeight, spacingSkeleton) {
+    let containerHeight = window.innerHeight - 350;
+    spacingSkeleton = !spacingSkeleton ? 20 : spacingSkeleton;
+    let skeletonCount = Math.floor(containerHeight / (skeletonHeight + spacingSkeleton));
+    return skeletonCount || 1;
+  }
   async getAuthList(auth) {
     return await (new MGEAuthorization()).parseFromJSON(auth);
   }
@@ -932,12 +943,12 @@ const SnkApplication = class {
    * Obtém as opções em componentes de pesquisa
    * Ex.: snk-config-options
    */
-  async executeSearch(searchArgument, fieldName, dataUnit) {
+  async executeSearch(searchArgument, fieldName, dataUnit, ctxOptions) {
     const descriptor = dataUnit === null || dataUnit === void 0 ? void 0 : dataUnit.getField(fieldName);
     if (!descriptor) ;
     else {
       const { mode, argument } = searchArgument;
-      const { ENTITYNAME, CODEFIELD, DESCRIPTIONFIELD, ROOTENTITY, DESCRIPTIONENTITY } = descriptor.properties;
+      const { ENTITYNAME, CODEFIELD, DESCRIPTIONFIELD, ROOTENTITY, DESCRIPTIONENTITY, ISHIERARCHYENTITY } = descriptor.properties;
       const dependencies = descriptor.dependencies;
       let criteria;
       const searchOptions = {
@@ -967,7 +978,16 @@ const SnkApplication = class {
           }
         }
       });
-      return this.executePreparedSearch(mode, argument, { entity: ENTITYNAME, entityDescription: DESCRIPTIONENTITY, criteria, searchOptions });
+      const allowsNonAnalytic = ctxOptions === null || ctxOptions === void 0 ? void 0 : ctxOptions.allowsNonAnalytic;
+      const options = {
+        entity: ENTITYNAME,
+        entityDescription: DESCRIPTIONENTITY,
+        isHierarchyEntity: ISHIERARCHYENTITY,
+        criteria,
+        searchOptions,
+        allowsNonAnalytic
+      };
+      return this.executePreparedSearch(mode, argument, options);
     }
   }
   filterInvalidFields(resp, item, mdByName) {
@@ -1017,13 +1037,19 @@ const SnkApplication = class {
    */
   async executePreparedSearch(mode, argument, options) {
     const mdByName = {};
-    const { entity, entityDescription, criteria, searchOptions } = options;
+    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic } = options;
     if (mode === "ADVANCED") {
       return new Promise((accept, reject) => {
         const pesquisaContent = document.createElement("snk-pesquisa");
         pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
+        pesquisaContent.entityName = entity;
         pesquisaContent.argument = argument;
         pesquisaContent.searchLoader = (text) => this.pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
+        pesquisaContent.isHierarchyEntity = isHierarchyEntity;
+        if (isHierarchyEntity) {
+          pesquisaContent.treeLoader = (text) => this.pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
+          pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
+        }
         pesquisaContent.selectItem = (option) => {
           accept(option);
           this.clearPopUpTitle();
@@ -1331,8 +1357,8 @@ const SnkApplication = class {
     this._errorHandler = new SnkErrorHandler(this);
     this.messagesBuilder = new SnkMessageBuilder();
     ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", `${UrlUtils.getUrlBase()}/mge/upload/file`);
-    ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit) => {
-      return this.executeSearch(searchArgument, fieldName, dataUnit);
+    ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
+      return this.executeSearch(searchArgument, fieldName, dataUnit, ctxOptions);
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     this.registerPkChangeListener();
@@ -1346,12 +1372,15 @@ const SnkApplication = class {
     this._waitingAppReady.forEach(resolve => resolve());
   }
   connectedCallback() {
+    this._isBrowserTypeElectron = UserAgentUtils.isElectron();
     ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
     DataFetcher.addRequestListener(this._requestListener);
   }
   disconnectedCallback() {
-    DataFetcher.removeRequestListener(this._requestListener);
+    DataFetcher === null || DataFetcher === void 0 ? void 0 : DataFetcher.removeRequestListener(this._requestListener);
     this.removeShortcuts();
+    if (this._lockManagerTimer)
+      clearTimeout(this._lockManagerTimer);
   }
   async componentDidLoad() {
     this.applicationLoading.emit(true);
@@ -1363,6 +1392,63 @@ const SnkApplication = class {
     ElementIDUtils.addIDInfo(this._element, `resource_${this.applicationResourceID}`);
     await this.handleShowNewVersionPopup();
     this.initKeyboardManager();
+    if (this.enableLockManagerLoadingApp) {
+      LockManager.addLockManagerCtxId(this._element);
+      this.resolveApplicationReady();
+    }
+    else {
+      this._applicationReady = true;
+    }
+  }
+  async markToReload() {
+    if (!this.enableLockManagerLoadingApp)
+      return;
+    this._applicationReady = false;
+    await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
+    this.resolveApplicationReady();
+  }
+  async addLoadingLock(forceReady = false) {
+    if (!this.enableLockManagerLoadingApp)
+      return;
+    if (forceReady) {
+      this._applicationReady = false;
+      await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
+    }
+    this.resolveApplicationReady();
+    return await LockManager.lock(this._element, LockManagerOperation.APP_LOADING);
+  }
+  async resolveApplicationReady() {
+    if (this._applicationReady) {
+      return;
+    }
+    try {
+      await this.checkTimeoutLimitLockManager();
+      await LockManager.whenHasLock(this._element, LockManagerOperation.APP_LOADING);
+      await LockManager.whenResolve(this._element, LockManagerOperation.APP_LOADING, 1200);
+      await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
+      this._applicationReady = true;
+    }
+    catch (error) {
+      console.warn(error);
+      this._applicationReady = true;
+    }
+  }
+  stopTimeoutLockManager() {
+    if (this._lockManagerTimer) {
+      clearTimeout(this._lockManagerTimer);
+    }
+  }
+  async checkTimeoutLimitLockManager() {
+    this.stopTimeoutLockManager();
+    if (this._applicationReady)
+      return;
+    this._lockManagerTimer = setTimeout(async () => {
+      if (!this._applicationReady) {
+        await LockManager.resetLocks(this._element, LockManagerOperation.APP_LOADING);
+        this.stopTimeoutLockManager();
+        this._applicationReady = true;
+      }
+    }, this._maxTimeLockAppLoading);
   }
   initKeyboardManager() {
     this._keyboardManager
@@ -1376,8 +1462,40 @@ const SnkApplication = class {
       .unbind("ctrl + d")
       .unbind("F1");
   }
+  // TODO: Etapa 2 - implementar template de loading
+  renderLoadingSkeleton(template) {
+    if (this.enableLockManagerLoadingApp) {
+      if (!this._isBrowserTypeElectron) {
+        switch (template) {
+          case TEMPLATES_LOADING_SKELETON.APPLICATION:
+          case TEMPLATES_LOADING_SKELETON.GRID:
+            return this.getSkeletonTemplateApplication();
+          default:
+            return this.getSkeletonTemplateApplication();
+        }
+      }
+      else {
+        return this.getSpinnerLoadingDefault();
+      }
+    }
+  }
+  getLoadingVisibilityStyle() {
+    return {
+      visibility: this._applicationReady ? "hidden" : "initial",
+      display: this._applicationReady ? "none" : "unset"
+    };
+  }
+  getSkeletonTemplateApplication() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--extra-small" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "150px", animation: "progress" })), h("div", { class: "ez-flex ez-flex--align-items-stretch skeleton-content" }, h("div", { class: "skeleton-content-left ez-margin--medium" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "calc(100% - 15px)", animation: "progress", marginBottom: "20px" })), h("div", { class: "ez-flex-item--auto skeleton-content-right ez-margin--medium" }, h("ez-skeleton", { count: this.getCountSkeleton("skeleton-content-right", 50, 20), variant: "rect", width: "100%", height: "49px", animation: "progress", marginBottom: "20px" }))), h("div", { class: "skeleton-content-footer ez-margin--medium ez-margin-top--extra-small" }, h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100px", animation: "progress" }))));
+  }
+  getSpinnerLoadingDefault() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, "Carregando..."))));
+  }
   render() {
-    return (h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.ezLoadingBar = 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 })));
+    return (h(Host, { style: {
+        visibility: (!this.enableLockManagerLoadingApp || this._applicationReady) ? "unset" : "hidden",
+        overflow: (!this.enableLockManagerLoadingApp || this._applicationReady) ? "unset" : "hidden"
+      } }, h("div", null, h("ez-loading-bar", { ref: (ref) => this._requestListener.ezLoadingBar = 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 }), this.renderLoadingSkeleton())));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {
@@ -1390,6 +1508,11 @@ class PendingPromise {
     this.reject = reject;
   }
 }
+var TEMPLATES_LOADING_SKELETON;
+(function (TEMPLATES_LOADING_SKELETON) {
+  TEMPLATES_LOADING_SKELETON[TEMPLATES_LOADING_SKELETON["APPLICATION"] = 1] = "APPLICATION";
+  TEMPLATES_LOADING_SKELETON[TEMPLATES_LOADING_SKELETON["GRID"] = 2] = "GRID";
+})(TEMPLATES_LOADING_SKELETON || (TEMPLATES_LOADING_SKELETON = {}));
 SnkApplication.style = snkApplicationCss;
 
 export { SnkApplication as snk_application };

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

@@ -1,14 +1,14 @@
 import { r as registerInstance, c as createEvent, h } from './index-a7d3d3f1.js';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnit } from '@sankhyalabs/core';
-import { D as DataFetcher } from './DataFetcher-5034df59.js';
-import './pesquisa-fetcher-24e5bba0.js';
+import { D as DataFetcher } from './DataFetcher-5221b992.js';
+import './pesquisa-fetcher-0af41f09.js';
 import './index-3aa4977a.js';
 import { S as SaveErrorsEnum } from './ISave-d8c8bc59.js';
-import { P as PreloadManager, b as buildLoadDataResponse, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-56cb648b.js';
+import { P as PreloadManager, b as buildLoadDataResponse, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-8dd93d8b.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-0c2620ef.js';
+import './form-config-fetcher-126e2471.js';
 import { V as VIEW_MODE } from './constants-7302ee87.js';
-import { A as AutorizationType } from './auth-fetcher-0b78ca31.js';
+import { A as AutorizationType } from './auth-fetcher-e32fe8a4.js';
 import { T as TaskbarElement } from './taskbar-elements-d59867f1.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';

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

@@ -3,14 +3,14 @@ import { UserInterface, ObjectUtils, StringUtils, ApplicationContext, ElementIDU
 import { DataType, getConvertedValue } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { CheckMode, ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { c as VARS_BY_TYPE, D as DEFAULT_TYPE, d as TAGS_BY_TYPE, C as CONFIG_EVENTS, a as CONFIG_SORTABLE_EVENTS, b as TAB_NAMES, A as ACTION_CONFIG } from './constants-7302ee87.js';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-035f2975.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-b65e6db0.js';
 import { R as ResourceIDUtils } from './ResourceIDUtils-a114189a.js';
 import { S as Sortable } from './Sortable-83960219.js';
-import { U as UserConfigType } from './form-config-fetcher-0c2620ef.js';
+import { U as UserConfigType } from './form-config-fetcher-126e2471.js';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import './ConfigStorage-ff99377a.js';
+import './ConfigStorage-373bb440.js';
 import './filter-item-type.enum-d45e026f.js';
-import './DataFetcher-5034df59.js';
+import './DataFetcher-5221b992.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 

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

@@ -1,17 +1,17 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
 import { StringUtils, ElementIDUtils, ApplicationContext, JSUtils, FloatingManager } from '@sankhyalabs/core';
 import { T as TaskbarElement } from './taskbar-elements-d59867f1.js';
-import './DataFetcher-5034df59.js';
-import './pesquisa-fetcher-24e5bba0.js';
+import './DataFetcher-5221b992.js';
+import './pesquisa-fetcher-0af41f09.js';
 import { P as PresentationMode } from './index-3aa4977a.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-56cb648b.js';
+import './dataunit-fetcher-8dd93d8b.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-0c2620ef.js';
+import './form-config-fetcher-126e2471.js';
 import { V as VIEW_MODE } from './constants-7302ee87.js';
-import { A as AutorizationType } from './auth-fetcher-0b78ca31.js';
+import { A as AutorizationType } from './auth-fetcher-e32fe8a4.js';
 import './index-bdf75557.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
@@ -38,6 +38,8 @@ const SnkCrud = class {
     this._currentViewMode = VIEW_MODE.GRID;
     this._canEdit = undefined;
     this._resourceID = undefined;
+    this.enableLockManagerLoadingComp = false;
+    this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
     this.filterBarTitle = undefined;
     this.selectionToastConfig = undefined;
@@ -59,7 +61,6 @@ const SnkCrud = class {
     this.enableGridInsert = false;
     this.domainMessagesBuilder = undefined;
     this.ignoreReadOnlyFormFields = undefined;
-    this.enableLockManger = false;
     this.setCustomFormTitle = undefined;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
@@ -406,7 +407,7 @@ const SnkCrud = class {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "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, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManger: this.enableLockManger }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), 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, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), 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, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "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, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), 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, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), 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, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {

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

@@ -3,15 +3,15 @@ import { ApplicationContext, ObjectUtils, UserInterface, DataType, ElementIDUtil
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { D as DataExporterOption, a as DataExporterType, b as DataExporterFormat } from './index-3aa4977a.js';
 import { R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-7302ee87.js';
-import { D as DataFetcher } from './DataFetcher-5034df59.js';
-import { S as SnkDataUnit } from './snk-data-unit-9fa7d2b9.js';
-import './pesquisa-fetcher-24e5bba0.js';
+import { D as DataFetcher } from './DataFetcher-5221b992.js';
+import { S as SnkDataUnit } from './snk-data-unit-11a49fc3.js';
+import './pesquisa-fetcher-0af41f09.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-56cb648b.js';
+import './dataunit-fetcher-8dd93d8b.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-0c2620ef.js';
+import './form-config-fetcher-126e2471.js';
 import './PrintUtils-3e4ff0f5.js';
 import './SnkMessageBuilder-6fff4a4c.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/DataType';
@@ -250,7 +250,7 @@ function getFormatResponse(result) {
   return ObjectUtils.stringToObject(response);
 }
 
-const DOC_MAX_WIDTH = 800;
+const DOC_MAX_WIDTH = 760;
 function getVisibleColumns(columns) {
   const visibleColumns = [];
   let totalWidth = 0;
@@ -290,12 +290,19 @@ class ServerSideExporterStrategy {
     const visibleColumns = getVisibleColumns(columns);
     return visibleColumns;
   }
+  async getColumns(resolveProps) {
+    var _a;
+    if ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) {
+      return await this.getParsedColumns();
+    }
+    return await this._provider.getColumnsMetadata();
+  }
   async getParams(resolveProps) {
-    var _a, _b, _c, _d, _e, _f, _g;
+    var _a, _b, _c, _d, _e, _f;
     const filters = (_b = (_a = this._provider).getFilters) === null || _b === void 0 ? void 0 : _b.call(_a);
-    const columns = ((_c = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _c === void 0 ? void 0 : _c.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
-    const sort = (_e = (_d = this._provider).getOrders) === null || _e === void 0 ? void 0 : _e.call(_d);
-    const resourceURI = (_g = (_f = this._provider).getResourceURI) === null || _g === void 0 ? void 0 : _g.call(_f);
+    const columns = await this.getColumns(resolveProps);
+    const sort = (_d = (_c = this._provider).getOrders) === null || _d === void 0 ? void 0 : _d.call(_c);
+    const resourceURI = (_f = (_e = this._provider).getResourceURI) === null || _f === void 0 ? void 0 : _f.call(_e);
     const selectedIDs = this._provider.getSelectedIDs();
     const option = resolveProps.exportOption;
     const currentPageOptions = [
@@ -349,11 +356,17 @@ class ClientSideExporterStrategy {
     const visibleColumns = getVisibleColumns(columns);
     return visibleColumns;
   }
-  async executeExport(resolveProps) {
+  async getColumns(resolveProps) {
     var _a;
+    if ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) {
+      return await this.getParsedColumns();
+    }
+    return await this._provider.getColumnsMetadata();
+  }
+  async executeExport(resolveProps) {
     const { methodName, gridTitle } = resolveProps;
     const records = await this._provider.getRecords();
-    const columns = ((_a = getOptionKey(resolveProps === null || resolveProps === void 0 ? void 0 : resolveProps.exportOption)) === null || _a === void 0 ? void 0 : _a.includes("PDF")) ? await this.getParsedColumns() : await this._provider.getColumnsMetadata();
+    const columns = await this.getColumns(resolveProps);
     const [serviceName, processor] = this.getExecutor(methodName);
     const payload = {
       serviceName,

package/dist/esm/{snk-data-unit-9fa7d2b9.js → snk-data-unit-11a49fc3.js}

@@ -2,7 +2,7 @@ import { r as registerInstance, c as createEvent, h, g as getElement, H as Host
 import { Action, ObjectUtils, DataUnitAction, StringUtils, ApplicationContext } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
 import { O as OperationMap, S as SnkMessageBuilder } from './SnkMessageBuilder-6fff4a4c.js';
-import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher-56cb648b.js';
+import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher-8dd93d8b.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
 

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

@@ -1,10 +1,10 @@
-export { S as snk_data_unit } from './snk-data-unit-9fa7d2b9.js';
+export { S as snk_data_unit } from './snk-data-unit-11a49fc3.js';
 import './index-a7d3d3f1.js';
 import '@sankhyalabs/core';
 import '@sankhyalabs/ezui/dist/collection/utils';
 import './SnkMessageBuilder-6fff4a4c.js';
-import './dataunit-fetcher-56cb648b.js';
-import './DataFetcher-5034df59.js';
+import './dataunit-fetcher-8dd93d8b.js';
+import './DataFetcher-5221b992.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';

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

@@ -1,21 +1,21 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host } from './index-a7d3d3f1.js';
 import { Action } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-035f2975.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-b65e6db0.js';
 import { FormMetadata, buildFormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import './DataFetcher-5034df59.js';
-import './pesquisa-fetcher-24e5bba0.js';
+import './DataFetcher-5221b992.js';
+import './pesquisa-fetcher-0af41f09.js';
 import { P as PresentationMode } from './index-3aa4977a.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-56cb648b.js';
+import './dataunit-fetcher-8dd93d8b.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-0c2620ef.js';
+import './form-config-fetcher-126e2471.js';
 import { T as TaskbarElement } from './taskbar-elements-d59867f1.js';
 import { V as VIEW_MODE } from './constants-7302ee87.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-2fd50f6b.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-830f5fb9.js';
 import { S as SnkMessageBuilder } from './SnkMessageBuilder-6fff4a4c.js';
-import './ConfigStorage-ff99377a.js';
+import './ConfigStorage-373bb440.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-a7d3d3f1.js';
-import { DataType, StringUtils, ObjectUtils, ElementIDUtils, ErrorException, ApplicationContext, FloatingManager, DateUtils, MaskFormatter, ArrayUtils } from '@sankhyalabs/core';
+import { DataType, StringUtils, ObjectUtils, ElementIDUtils, ErrorException, ApplicationContext, LockManager, LockManagerOperation, FloatingManager, DateUtils, MaskFormatter, ArrayUtils } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
-import { C as ConfigStorage } from './ConfigStorage-ff99377a.js';
+import { C as ConfigStorage } from './ConfigStorage-373bb440.js';
 import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { F as FilterOperand } from './index-ae591a44.js';
@@ -10,8 +10,8 @@ import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-e2b38ef7.js';
 import { ModalAction } from '@sankhyalabs/ezui/dist/collection/components/ez-modal-container';
 import { F as FilterType } from './filter-type.enum-a80c1b6b.js';
-import './form-config-fetcher-0c2620ef.js';
-import './DataFetcher-5034df59.js';
+import './form-config-fetcher-126e2471.js';
+import './DataFetcher-5221b992.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 
@@ -262,6 +262,7 @@ const SnkFilterBar = class {
     this._firstLoad = true;
     this._pendingVariables = false;
     this._customfiltersToBeUpdated = [];
+    this._resolveLoading = undefined;
     this._calculateSortIndex = (item) => {
       if (!item.visible)
         return 0;
@@ -275,6 +276,7 @@ const SnkFilterBar = class {
     this._filtersComparator = (a, b) => {
       return this._calculateSortIndex(b) - this._calculateSortIndex(a);
     };
+    this.enableLockManagerLoadingComp = false;
     this.customFilterBarConfig = undefined;
     this.dataUnit = undefined;
     this.title = undefined;
@@ -695,14 +697,26 @@ const SnkFilterBar = class {
     this.personalizedFilterId = undefined;
     this.showPersonalizedFilter = false;
   }
-  componentWillLoad() {
-    this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    if (this._application) {
-      this.loadPermitions();
-      this.addFilterBarLegacyConfigName();
-      this.loadConfigFromStorage();
+  async componentWillLoad() {
+    var _a;
+    try {
+      this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
+      await this.attachDataUnit();
+      if (this._application) {
+        if (this._application.enableLockManagerLoadingApp && this.enableLockManagerLoadingComp) {
+          const appLoadLockerID = LockManager.addLockManagerCtxId(this._element);
+          this._resolveLoading = LockManager.lock(appLoadLockerID, LockManagerOperation.APP_LOADING);
+        }
+        await Promise.all([
+          this.loadPermitions(),
+          this.addFilterBarLegacyConfigName(),
+          this.loadConfigFromStorage(),
+        ]);
+      }
+    }
+    finally {
+      (_a = this._resolveLoading) === null || _a === void 0 ? void 0 : _a.call(this);
     }
-    this.attachDataUnit();
   }
   componentDidRender() {
     this.processPendingFilter();

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

@@ -2,10 +2,10 @@ import { r as registerInstance, c as createEvent, h, H as Host, g as getElement
 import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
-import { C as ConfigStorage } from './ConfigStorage-ff99377a.js';
+import { C as ConfigStorage } from './ConfigStorage-373bb440.js';
 import { F as FilterType } from './filter-type.enum-a80c1b6b.js';
-import './form-config-fetcher-0c2620ef.js';
-import './DataFetcher-5034df59.js';
+import './form-config-fetcher-126e2471.js';
+import './DataFetcher-5221b992.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';