@sankhyalabs/sankhyablocks 8.16.0-dev.1 → 8.16.0-dev.100

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

@@ -5,14 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const ConfigStorage = require('./ConfigStorage-942ce74b.js');
-const DataFetcher = require('./DataFetcher-313debd8.js');
-const authFetcher = require('./auth-fetcher-54f5ff9d.js');
-const dataunitFetcher = require('./dataunit-fetcher-620b29a1.js');
-const pesquisaFetcher = require('./pesquisa-fetcher-680e198f.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-722b104e.js');
-require('./form-config-fetcher-2dd00e5b.js');
+const ConfigStorage = require('./ConfigStorage-df09fb78.js');
+const DataFetcher = require('./DataFetcher-1afdb18e.js');
+const authFetcher = require('./auth-fetcher-1687ac0a.js');
+const dataunitFetcher = require('./dataunit-fetcher-4a5d491a.js');
+const ISave = require('./ISave-c76e2c51.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-bae64d0d.js');
+const constants = require('./constants-77c1b8bd.js');
+require('./index-e3e39724.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
+const formConfigFetcher = require('./form-config-fetcher-40d3f752.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
@@ -32,6 +34,7 @@ const _0x5b7870=_0x2202;(function(_0x42e134,_0x5d9727){const _0x185c97=_0x2202,_
 class ParametersFetcher {
   constructor() {
     this._embeddedParams = new Map();
+    this._cachedParams = new Map();
     this.templateByQuery = new Map();
     try {
       if (window["MGE_PARAMS"] != undefined) {
@@ -61,11 +64,16 @@ class ParametersFetcher {
     if (this._embeddedParams.has(name)) {
       return Promise.resolve(this._embeddedParams.get(name));
     }
+    if (this._cachedParams.has(name)) {
+      return this._cachedParams.get(name);
+    }
     const completPath = `param://application?params=${name}`;
-    return DataFetcher.DataFetcher.get().callGraphQL({
+    const param = await DataFetcher.DataFetcher.get().callGraphQL({
       values: { name: completPath },
       query: this.templateByQuery.get("fetchParam"),
     });
+    this._cachedParams.set(name, param);
+    return param;
   }
   async asString(name) {
     const paramArr = await this.getParam(name);
@@ -259,7 +267,10 @@ class SnkErrorHandler {
     if (exception.errorCode) {
       exception.message += this.buildErrorCodeHTML(exception.errorCode);
     }
-    if (exception instanceof core.WaitingChangeException) {
+    if (exception instanceof core.SilentException) {
+      console.warn("SilentException ignorada", exception);
+    }
+    else if (exception instanceof core.WaitingChangeException) {
       this._app.alert(exception.title, exception.message);
     }
     else if (exception instanceof core.WarningException) {
@@ -285,7 +296,231 @@ class SnkErrorHandler {
   }
 }
 
-const snkApplicationCss = ".sc-snk-application-h{display:flex;flex-direction:column;height:100%}";
+class DebouncedRequestListener {
+  constructor() {
+    this._debounceTime = 1500;
+    this.requests = new Map();
+    this.requestsLoadingBar = [];
+  }
+  onRequestStart(param) {
+    if (param.url.includes("quietMode=true")) {
+      return;
+    }
+    this.requestsLoadingBar.push(param.requestId);
+    const timeout = setTimeout(() => {
+      this.ezLoadingBar.show();
+    }, this._debounceTime);
+    this.requests.set(param.requestId, timeout);
+  }
+  ;
+  onRequestEnd(param) {
+    var _a, _b, _c;
+    const timeoutId = this.requests.get(param.requestId);
+    clearTimeout(timeoutId);
+    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());
+    }
+  }
+  ;
+}
+
+class RequestListenerLoadingBar {
+  constructor() {
+    this._debounceTime = 1000;
+    this._ignoredNameTypes = ["totals"];
+    this._countRequest = 0;
+  }
+  onRequestStart(param) {
+    if (this.isIgnoreLoadingOnRequest(param)) {
+      return;
+    }
+    this._countRequest++;
+    this.ezLoadingBar.show();
+    if (this._timerLoading) {
+      clearTimeout(this._timerLoading);
+    }
+  }
+  ;
+  onRequestEnd(param) {
+    if (this.isIgnoreLoadingOnRequest(param)) {
+      return;
+    }
+    this._countRequest--;
+    this._timerLoading = setTimeout(() => {
+      if (this._countRequest <= 0) {
+        this.ezLoadingBar.hide();
+      }
+    }, this._debounceTime);
+  }
+  ;
+  isIgnoreLoadingOnRequest(param) {
+    if (param == undefined) {
+      return false;
+    }
+    if (param.url.includes("quietMode=true")) {
+      return true;
+    }
+    if (param.requestBody == undefined) {
+      return false;
+    }
+    if (param.requestBody.length == 1) {
+      const { name } = param.requestBody[0].variables;
+      if (name) {
+        const nameParts = name.split(":");
+        const nameType = nameParts[0];
+        return this._ignoredNameTypes.indexOf(nameType) >= 0;
+      }
+    }
+    return false;
+  }
+  ;
+}
+
+class RequestListenerFactory {
+  static create({ strategy }) {
+    switch (strategy) {
+      case 'request_name':
+        return new RequestListenerLoadingBar();
+      case 'request_time':
+        return new DebouncedRequestListener();
+      default:
+        throw new Error('Strategy not found');
+    }
+  }
+}
+
+const QTD_DETAIL_FIELDS_PREDICTIVE_SEARCH = 6;
+const INVALID_CONTENT_PATTERNS = ['<img', '<svg'];
+const executePreparedSearchPlus = async (mode, argument, options, app, pesquisaFetcher) => {
+  var _a;
+  const mdByName = {};
+  const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic } = options;
+  if (mode === "ADVANCED") {
+    return new Promise((accept, reject) => {
+      const pesquisaContent = document.createElement("snk-pesquisa");
+      pesquisaContent[core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
+      pesquisaContent.entityName = entity;
+      pesquisaContent.argument = argument;
+      pesquisaContent.searchLoader = (text) => pesquisaFetcher.loadAdvancedSearch(entity, text, criteria, searchOptions);
+      pesquisaContent.isHierarchyEntity = isHierarchyEntity;
+      if (isHierarchyEntity) {
+        pesquisaContent.treeLoader = (text) => pesquisaFetcher.loadTree(entity, text, criteria, searchOptions);
+        pesquisaContent.allowsNonAnalytic = allowsNonAnalytic;
+      }
+      pesquisaContent.selectItem = (option) => {
+        accept(option);
+        app.clearPopUpTitle();
+        app.closePopUp();
+      };
+      app.setPopUpTitle(entityDescription);
+      app.showPopUp(pesquisaContent, undefined, undefined, reject);
+    });
+  }
+  else if (mode === "LOAD_DESCRIPTION") {
+    let result = await pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
+    result = core.ObjectUtils.stringToObject(result.json.$);
+    let descriptionField = result.descriptionField;
+    const option = (_a = result.data) === null || _a === void 0 ? void 0 : _a[0];
+    if (!option) {
+      return {
+        value: argument,
+        label: ""
+      };
+    }
+    return {
+      value: argument,
+      label: option[descriptionField]
+    };
+  }
+  else {
+    let codeValue;
+    let result = await pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions, codeValue);
+    result = core.ObjectUtils.stringToObject(result.json.$);
+    let descriptionField = result.descriptionField;
+    let pkField = result.pkField;
+    const list = result.data.map((item) => {
+      let fieldsMetadata = filterInvalidFields(result, item, mdByName);
+      let fields = filterMathFields(item['__matchFields'], fieldsMetadata, QTD_DETAIL_FIELDS_PREDICTIVE_SEARCH, mdByName);
+      return buildOptionItem(argument, item, fields, descriptionField, pkField);
+    });
+    return list;
+  }
+};
+const buildOptionItem = (argument, item, fields, descriptionField, pkField) => {
+  var _a;
+  const matchFields = item['__matchFields'];
+  const descriptionValue = (_a = item[descriptionField]) !== null && _a !== void 0 ? _a : "";
+  const pkValue = item[pkField];
+  let searchOption = {
+    value: pkValue,
+    label: descriptionValue,
+    presentationValue: core.StringUtils.highlightValue(argument, matchFields, pkValue, fields, true),
+    presentationLabel: descriptionField ? core.StringUtils.highlightValue(argument, matchFields, descriptionValue, fields, true) : "",
+    details: core.SearchUtils.buildDetails(argument, fields, item)
+  };
+  return searchOption;
+};
+const filterInvalidFields = (resp, item, mdByName) => {
+  let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
+    let accept = !core.StringUtils.isEmpty(item[field.fieldName]) &&
+      field.visible !== false &&
+      field.type !== 'B' &&
+      resp.pkField !== field.fieldName &&
+      resp.descriptionField !== field.fieldName &&
+      (field.isPrimaryKey || !field.isLinkField) &&
+      !(field.type === 'S' && field.presentationType === 'H');
+    if (accept) {
+      mdByName[field.fieldName] = field;
+    }
+    //Condição que trata o problema de trazer imagem no entityCard na pesquisa de registros
+    if (typeof item[field.fieldName] === 'string' && INVALID_CONTENT_PATTERNS.some(pattern => item[field.fieldName].includes(pattern))) {
+      return false;
+    }
+    return accept;
+  });
+  return fieldsMetadata;
+};
+const filterMathFields = (matchFields, fields, qtyFields, mdByName) => {
+  if (matchFields && Array.isArray(matchFields)) {
+    matchFields.forEach((matchField) => {
+      let fieldMD = core.ArrayUtils.removeReference(fields, mdByName[matchField]);
+      if (fieldMD) {
+        fields.unshift(fieldMD);
+      }
+    });
+  }
+  fields = fields.slice(0, qtyFields);
+  return fields;
+};
+
+class LayoutFormConfig {
+  constructor() {
+    this._config = null;
+    this.listeners = [];
+  }
+  static getInstance() {
+    if (!LayoutFormConfig.instance) {
+      LayoutFormConfig.instance = new LayoutFormConfig();
+    }
+    return LayoutFormConfig.instance;
+  }
+  get config() {
+    return this._config;
+  }
+  setConfig(newConfig) {
+    this._config = newConfig;
+    this.notifyListeners();
+  }
+  onConfigChange(listener) {
+    this.listeners.push(listener);
+  }
+  notifyListeners() {
+    this.listeners.forEach(listener => listener(this._config));
+  }
+}
+
+const snkApplicationCss = ".sc-snk-application-h{--scrim-z-index:var(--elevation--100, 100);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) {
@@ -298,10 +533,18 @@ const SnkApplication = class {
     this._waitingAppReady = new Array();
     this._duCache = new Map();
     this._duPromises = new Map();
-    this._requestListener = new RequestListenerLoadingBar();
+    this._requestListener = RequestListenerFactory.create({ strategy: 'request_time' });
+    this._maxTimerAppLoading = 10000;
+    this._isBrowserTypeElectron = false;
     this._pendingActions = new Map;
     this._loadPkParameter = null;
     this._isLoadedByPk = false;
+    this._formConfigFetcher = new formConfigFetcher.FormConfigFetcher();
+    this._LayoutFormConfigSingleton = LayoutFormConfig.getInstance();
+    this._applicationReady = false;
+    this._templateSkeleton = constants.TEMPLATES_SKELETON.GRID;
+    this._activeScrimWindow = false;
+    this.enableLockManagerLoadingApp = undefined;
     this.messagesBuilder = undefined;
     this.configName = undefined;
     this.gridLegacyConfigName = undefined;
@@ -372,6 +615,14 @@ const SnkApplication = class {
   async getKeyboardManager() {
     return Promise.resolve(this._keyboardManager);
   }
+  /**
+   * Obtém o notificador de Layout de formulario.
+   *
+   * @return {LayoutFormConfig} the Configurador de Layout do Formulario
+   */
+  async getLayoutFormConfig() {
+    return Promise.resolve(this._LayoutFormConfigSingleton);
+  }
   /**
    * Obtém `true` caso o usuário logado seja o SUP.
    */
@@ -437,7 +688,14 @@ const SnkApplication = class {
           const allAccess = {};
           allAccess['isSup'] = auths.isSup;
           Object.entries(authFetcher.AutorizationType).forEach((data) => {
-            allAccess[data[0]] = auths.actions[data[1]] || false;
+            if (data[1] === authFetcher.AutorizationType.CLONE) {
+              const insertPermission = auths.actions[authFetcher.AutorizationType.INSERT] || false;
+              const clonePermission = auths.actions[authFetcher.AutorizationType.CLONE] || false;
+              allAccess[data[0]] = insertPermission && clonePermission;
+            }
+            else {
+              allAccess[data[0]] = auths.actions[data[1]] || false;
+            }
           });
           resolve(allAccess);
         }).catch(error => reject(error));
@@ -786,6 +1044,30 @@ const SnkApplication = class {
   async isLoadedByPk() {
     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.
+*/
+  async preloadMangerRemoveRecord(dataUnit, recordsIDs) {
+    const records = recordsIDs.map(id => {
+      return { "__record__id__": id };
+    });
+    dataunitFetcher.PreloadManager.removeRecords(dataUnit, records);
+  }
+  getCountSkeleton(skeletonHeight, spacingSkeleton, headerHeight) {
+    headerHeight = headerHeight || 160;
+    const containerHeight = window.innerHeight - headerHeight;
+    const skeletonSpacing = spacingSkeleton || 10;
+    const totalHeightPerSkeleton = skeletonHeight + skeletonSpacing;
+    const skeletonCount = Math.floor(containerHeight / totalHeightPerSkeleton) - 1;
+    return skeletonCount || 1;
+  }
+  getSkeletonRandomWidth() {
+    const min = 30;
+    const max = 100;
+    const randomWidth = Math.floor(Math.random() * (max - min + 1)) + min;
+    return `${randomWidth}%`;
+  }
   async getAuthList(auth) {
     return await (new MGEAuthorization()).parseFromJSON(auth);
   }
@@ -813,7 +1095,7 @@ const SnkApplication = class {
   }
   get pesquisaFetcher() {
     if (!this._pesquisaFetcher) {
-      this._pesquisaFetcher = new pesquisaFetcher.PesquisaFetcher();
+      this._pesquisaFetcher = new ISave.PesquisaFetcher();
     }
     return this._pesquisaFetcher;
   }
@@ -827,12 +1109,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 = {
@@ -862,7 +1144,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 (ctxOptions === null || ctxOptions === void 0 ? void 0 : ctxOptions.useSearchPlus) ? this.executePreparedSearchPlus(mode, argument, options) : this.executePreparedSearch(mode, argument, options);
     }
   }
   filterInvalidFields(resp, item, mdByName) {
@@ -906,19 +1197,35 @@ const SnkApplication = class {
     };
     return exibitionItem;
   }
+  /**
+   * Realiza a pesquisa de registros
+   * Ex.: snk-config-options
+   */
+  async executePreparedSearchPlus(mode, argument, options) {
+    return await this.executePreparedSearch(mode, argument, Object.assign(Object.assign({}, options), { useSearchPlus: true }));
+  }
   /**
    * Obtém as opções em componentes de pesquisa
    * Ex.: snk-config-options
    */
   async executePreparedSearch(mode, argument, options) {
     const mdByName = {};
-    const { entity, entityDescription, criteria, searchOptions } = options;
+    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, useSearchPlus } = options;
+    if (useSearchPlus) {
+      return executePreparedSearchPlus(mode, argument, options, this, this.pesquisaFetcher);
+    }
     if (mode === "ADVANCED") {
       return new Promise((accept, reject) => {
         const pesquisaContent = document.createElement("snk-pesquisa");
         pesquisaContent[core.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();
@@ -1056,10 +1363,10 @@ const SnkApplication = class {
       });
     }
   }
-  clearPopUpTitle() {
+  async clearPopUpTitle() {
     this._popUp.ezTitle = "";
   }
-  setPopUpTitle(title) {
+  async setPopUpTitle(title) {
     this._popUp.ezTitle = title;
   }
   async pkChangeListener() {
@@ -1226,8 +1533,11 @@ const SnkApplication = class {
     this._errorHandler = new SnkErrorHandler(this);
     this.messagesBuilder = new SnkMessageBuilder.SnkMessageBuilder();
     core.ApplicationContext.setContextValue("__EZUI__UPLOAD__ADD__URL__", `${DataFetcher.UrlUtils.getUrlBase()}/mge/upload/file`);
-    core.ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit) => {
-      return this.executeSearch(searchArgument, fieldName, dataUnit);
+    core.ApplicationContext.setContextValue("__EZUI__SEARCH__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
+      return this.executeSearch(searchArgument, fieldName, dataUnit, ctxOptions);
+    });
+    core.ApplicationContext.setContextValue("__EZUI__SEARCH__PLUS__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
+      return this.executeSearch(searchArgument, fieldName, dataUnit, Object.assign(Object.assign({}, ctxOptions), { useSearchPlus: true }));
     });
     core.ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     this.registerPkChangeListener();
@@ -1239,14 +1549,25 @@ const SnkApplication = class {
     ConfigStorage.ConfigStorage.preload(this.applicationResourceID, this.configName, legacyConfig);
     document.addEventListener("click", () => Workspace.applicationClick());
     this._waitingAppReady.forEach(resolve => resolve());
+    this.setLayoutFormConfig();
+  }
+  async setLayoutFormConfig() {
+    const response = await this._formConfigFetcher.fetchLayoutFormConfig('formColCfg.' + this.applicationResourceID);
+    const config = isNaN(Number(response === null || response === void 0 ? void 0 : response.config)) ? null : Number(response === null || response === void 0 ? void 0 : response.config);
+    this._LayoutFormConfigSingleton.setConfig(config);
   }
   connectedCallback() {
+    this._isBrowserTypeElectron = core.UserAgentUtils.isElectron();
     core.ApplicationContext.setContextValue("__SNK__APPLICATION__", this);
     DataFetcher.DataFetcher.addRequestListener(this._requestListener);
   }
   disconnectedCallback() {
-    DataFetcher.DataFetcher.removeRequestListener(this._requestListener);
+    DataFetcher.DataFetcher === null || DataFetcher.DataFetcher === void 0 ? void 0 : DataFetcher.DataFetcher.removeRequestListener(this._requestListener);
     this.removeShortcuts();
+    if (this._lockManagerTimer)
+      clearTimeout(this._lockManagerTimer);
+    if (this._scrimWindowTimer)
+      clearTimeout(this._scrimWindowTimer);
   }
   async componentDidLoad() {
     this.applicationLoading.emit(true);
@@ -1258,6 +1579,84 @@ const SnkApplication = class {
     core.ElementIDUtils.addIDInfo(this._element, `resource_${this.applicationResourceID}`);
     await this.handleShowNewVersionPopup();
     this.initKeyboardManager();
+    if (this.enableLockManagerLoadingApp) {
+      core.LockManager.addLockManagerCtxId(this._element);
+      this.resolveApplicationReady();
+    }
+    else {
+      this._applicationReady = true;
+    }
+  }
+  async showScrimApp(active) {
+    if (!this.enableLockManagerLoadingApp || !this._applicationReady || !active) {
+      this._activeScrimWindow = false;
+      if (this._scrimWindowTimer)
+        clearTimeout(this._scrimWindowTimer);
+      return;
+    }
+    this._activeScrimWindow = true;
+    this._scrimWindowTimer = setTimeout(async () => {
+      if (this._activeScrimWindow) {
+        this._activeScrimWindow = false;
+        clearTimeout(this._scrimWindowTimer);
+      }
+    }, this._maxTimerAppLoading);
+  }
+  async changeTemplateSkeleton(templateSkeletonType) {
+    this._templateSkeleton = templateSkeletonType ? templateSkeletonType : this._templateSkeleton;
+  }
+  async markToReload(templateSkeletonType) {
+    if (!this.enableLockManagerLoadingApp)
+      return;
+    await this.changeTemplateSkeleton(templateSkeletonType);
+    this._applicationReady = false;
+    await core.LockManager.resetLocks(this._element, core.LockManagerOperation.APP_LOADING);
+    this.resolveApplicationReady();
+  }
+  async addLoadingLock(forceReady = false, templateSkeletonType) {
+    if (!this.enableLockManagerLoadingApp)
+      return;
+    await this.changeTemplateSkeleton(templateSkeletonType);
+    if (forceReady) {
+      this._applicationReady = false;
+      this._activeScrimWindow = this._applicationReady ? true : false;
+      await core.LockManager.resetLocks(this._element, core.LockManagerOperation.APP_LOADING);
+    }
+    this.resolveApplicationReady();
+    return await core.LockManager.lock(this._element, core.LockManagerOperation.APP_LOADING);
+  }
+  async resolveApplicationReady() {
+    if (this._applicationReady) {
+      return;
+    }
+    try {
+      await this.checkTimeoutLimitLockManager();
+      await core.LockManager.whenHasLock(this._element, core.LockManagerOperation.APP_LOADING);
+      await core.LockManager.whenResolve(this._element, core.LockManagerOperation.APP_LOADING, 200);
+      await core.LockManager.resetLocks(this._element, core.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 core.LockManager.resetLocks(this._element, core.LockManagerOperation.APP_LOADING);
+        this.stopTimeoutLockManager();
+        this._applicationReady = true;
+      }
+    }, this._maxTimerAppLoading);
   }
   initKeyboardManager() {
     this._keyboardManager
@@ -1271,65 +1670,60 @@ const SnkApplication = class {
       .unbind("ctrl + d")
       .unbind("F1");
   }
+  renderLoadingSkeleton() {
+    if (!this.enableLockManagerLoadingApp)
+      return;
+    if (this._isBrowserTypeElectron) {
+      return this.getSpinnerLoadingDefault();
+    }
+    else {
+      switch (this._templateSkeleton) {
+        case constants.TEMPLATES_SKELETON.CUSTOM_TEMPLATE:
+        case constants.TEMPLATES_SKELETON.GRID:
+          return this.getSkeletonTemplateGrid();
+        case constants.TEMPLATES_SKELETON.GRID_WITH_SIDEBAR:
+          return this.getSkeletonTemplateGridWithSidebar();
+        case constants.TEMPLATES_SKELETON.GRID_WITH_PANEL:
+          return this.getSkeletonTemplateGridWithPanel();
+        case constants.TEMPLATES_SKELETON.FORM_WITH_SIDEBAR:
+          return this.getSkeletonTemplateFormWithSidebar();
+        default:
+          return this.getSkeletonTemplateGrid();
+      }
+    }
+  }
+  getLoadingVisibilityStyle() {
+    return {
+      visibility: this._applicationReady ? "hidden" : "initial",
+      display: this._applicationReady ? "none" : "unset"
+    };
+  }
+  getSkeletonTemplateGrid() {
+    return (index.h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, index.h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, index.h("div", { class: "ez-margin-bottom--medium" }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "20%", height: "35px", animation: "progress" })), index.h("div", { class: "" }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" }))), index.h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(-105px + 100vh)" } }, [1, 2, 3, 4].map((_, index$1) => (index.h("div", { class: "ez-margin-right--large", key: index$1, style: { width: "25%" } }, index.h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))));
+  }
+  getSkeletonTemplateGridWithSidebar() {
+    return (index.h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, index.h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, index.h("div", { class: "ez-margin-bottom--medium" }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "20%", height: "35px", animation: "progress" })), index.h("div", { class: "" }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" }))), index.h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(100vh - 160px)" } }, index.h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index$1) => index.h("ez-skeleton", { key: index$1, count: 1, variant: "rect", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), index.h("div", { class: "ez-margin-right--large", style: { width: "75%" } }, index.h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))));
+  }
+  getSkeletonTemplateGridWithPanel() {
+    return (index.h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, index.h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" })), index.h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, index.h("div", { class: "", style: { width: "70%", overflow: "hidden" } }, index.h("div", { class: "ez-padding--medium", style: { height: "50%" } }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100%", animation: "progress" })), index.h("div", { class: "ez-padding--medium", style: {} }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "250px", height: "25px", animation: "progress" })), index.h("div", { class: "ez-flex ez-padding--medium", style: { height: "45%" } }, [1, 2].map(() => (index.h("div", { style: { width: "50%" } }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "100%", height: "100%", animation: "progress" })))))), index.h("div", { class: "ez-flex ez-flex--column ez-padding--medium", style: { width: "30%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 10)).fill(null).map((_, index$1) => index.h("ez-skeleton", { key: index$1, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))));
+  }
+  getSkeletonTemplateFormWithSidebar() {
+    return (index.h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, index.h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "70%", height: "25px", animation: "progress" })), index.h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, index.h("div", { class: "ez-flex ez-flex--column ez-margin-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(30, 6)).fill(null).map((_, index$1) => index.h("ez-skeleton", { key: index$1, count: 1, variant: "rect", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), index.h("div", { class: "ez-flex ez-flex--column", style: { width: "75%" } }, index.h("div", { class: "ez-padding--medium", style: { width: "100%" } }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "30%", height: "25px", animation: "progress" })), index.h("div", { class: "ez-padding--medium", style: { height: "45%" } }, index.h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (index.h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index$1) => index.h("ez-skeleton", { key: index$1, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))))), index.h("div", { class: "ez-padding--medium", style: { width: "100%" } }, index.h("ez-skeleton", { count: 1, variant: "rect", width: "30%", height: "25px", animation: "progress" })), index.h("div", { class: "ez-padding--medium", style: { height: "45%" } }, index.h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (index.h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index$1) => index.h("ez-skeleton", { key: index$1, count: 1, variant: "rect", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))))))));
+  }
+  getSpinnerLoadingDefault() {
+    return (index.h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, index.h("div", { class: "ez-flex ez-size-height--full ez-size-width--full ez-flex--justify-center ez-flex--align-items-center spinner" }, index.h("ez-icon", { iconName: "sync", size: "x-large", class: "spin" }), index.h("span", { class: "ez-title ez-title--secondary ez-title--extra-large" }, "Carregando..."))));
+  }
   render() {
-    return (index.h("div", null, index.h("ez-loading-bar", { ref: (ref) => this._requestListener.loadingBar = ref }), index.h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), index.h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true })));
+    return (index.h(index.Host, { style: {
+        visibility: (!this.enableLockManagerLoadingApp || this._applicationReady) ? "unset" : "hidden",
+        overflow: (!this.enableLockManagerLoadingApp || this._applicationReady) ? "unset" : "hidden"
+      } }, index.h("div", null, index.h("ez-loading-bar", { ref: (ref) => this._requestListener.ezLoadingBar = ref }), index.h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), index.h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true }), this.renderLoadingSkeleton(), this._activeScrimWindow && (index.h("div", { class: "ez-scrim ez-scrim--light", style: { cursor: "progress", zIndex: "var(--scrim-z-index)" } })))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {
     "loadByPK": ["watchPropHandler"]
   }; }
 };
-class RequestListenerLoadingBar {
-  constructor() {
-    this._debounceTime = 1000;
-    this._ignoredNameTypes = ["totals"];
-    this._countRequest = 0;
-  }
-  onRequestStart(param) {
-    if (this.isIgnoreLoadingOnRequest(param)) {
-      return;
-    }
-    this._countRequest++;
-    this.loadingBar.show();
-    if (this._timerLoading) {
-      clearTimeout(this._timerLoading);
-    }
-  }
-  ;
-  onRequestEnd(param) {
-    if (this.isIgnoreLoadingOnRequest(param)) {
-      return;
-    }
-    this._countRequest--;
-    this._timerLoading = setTimeout(() => {
-      if (this._countRequest <= 0) {
-        this.loadingBar.hide();
-      }
-    }, this._debounceTime);
-  }
-  ;
-  isIgnoreLoadingOnRequest(param) {
-    if (param == undefined) {
-      return false;
-    }
-    if (param.url.includes("quietMode=true")) {
-      return true;
-    }
-    if (param.requestBody == undefined) {
-      return false;
-    }
-    if (param.requestBody.length == 1) {
-      const { name } = param.requestBody[0].variables;
-      if (name) {
-        const nameParts = name.split(":");
-        const nameType = nameParts[0];
-        return this._ignoredNameTypes.indexOf(nameType) >= 0;
-      }
-    }
-    return false;
-  }
-  ;
-}
 class PendingPromise {
   constructor(resolve, reject) {
     this.resolve = resolve;