@sankhyalabs/sankhyablocks 8.16.0-dev.12 → 8.16.0-dev.120

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

@@ -1,6 +1,6 @@
-import { ApplicationContext, DataType, DependencyType, ElementIDUtils, ErrorTracking, OnboardingUtils, StringUtils, KeyboardManager, ObjectUtils, ArrayUtils, SearchUtils } from "@sankhyalabs/core";
+import { LockManager, ApplicationContext, DataType, DependencyType, ElementIDUtils, ErrorTracking, OnboardingUtils, StringUtils, KeyboardManager, ObjectUtils, ArrayUtils, SearchUtils, LockManagerOperation, UserAgentUtils } from "@sankhyalabs/core";
 import { ApplicationUtils } from "@sankhyalabs/ezui/dist/collection/utils";
-import { h } from "@stencil/core";
+import { Host, h } from "@stencil/core";
 import AppletCaller from "../../lib/applet-caller/applet-caller";
 import MGEAuthorization from '../../lib/auth/mgeauthorization.module';
 import { ConfigStorage } from '../../lib/configs/ConfigStorage';
@@ -15,6 +15,12 @@ import { SnkMessageBuilder } from "../../lib/message/SnkMessageBuilder";
 import UrlUtils from "../../lib/utils/urlutils";
 import Workspace from "../../lib/workspace/workspace";
 import { SnkErrorHandler } from "./errorhandler/snk-error-handler";
+import RequestListenerFactory from "./request-listener/RequestListenerFactory";
+import PreloadManager from "../../lib/http/data-fetcher/fetchers/data-unit/cache/PreloadManager";
+import { TEMPLATES_SKELETON } from "../../lib/utils/constants";
+import executePreparedSearchPlus from "./search-strategy/exec-prepared-search-plus";
+import { LayoutFormConfig } from "../../lib/configs/LayoutFormConfig";
+import { FormConfigFetcher } from "../../lib";
 /**
  * É possível customizar as mensagens dos blocos de construção através de um pequeno modulo na estrutura da aplicação:
  * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
@@ -28,10 +34,18 @@ export class SnkApplication {
     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();
+    this._LayoutFormConfigSingleton = LayoutFormConfig.getInstance();
+    this._applicationReady = false;
+    this._templateSkeleton = TEMPLATES_SKELETON.GRID;
+    this._activeScrimWindow = false;
+    this.enableLockManagerLoadingApp = undefined;
     this.messagesBuilder = undefined;
     this.configName = undefined;
     this.gridLegacyConfigName = undefined;
@@ -102,6 +116,14 @@ export class SnkApplication {
   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.
    */
@@ -167,7 +189,14 @@ export class SnkApplication {
           const allAccess = {};
           allAccess['isSup'] = auths.isSup;
           Object.entries(AutorizationType).forEach((data) => {
-            allAccess[data[0]] = auths.actions[data[1]] || false;
+            if (data[1] === AutorizationType.CLONE) {
+              const insertPermission = auths.actions[AutorizationType.INSERT] || false;
+              const clonePermission = auths.actions[AutorizationType.CLONE] || false;
+              allAccess[data[0]] = insertPermission && clonePermission;
+            }
+            else {
+              allAccess[data[0]] = auths.actions[data[1]] || false;
+            }
           });
           resolve(allAccess);
         }).catch(error => reject(error));
@@ -516,6 +545,30 @@ export class SnkApplication {
   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 };
+    });
+    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);
   }
@@ -557,14 +610,14 @@ export class SnkApplication {
    * 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) {
       //TODO: Implementar mensagem de erro
     }
     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 = {
@@ -594,7 +647,16 @@ export class SnkApplication {
           }
         }
       });
-      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) {
@@ -638,19 +700,35 @@ export class SnkApplication {
     };
     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[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();
@@ -788,10 +866,10 @@ export class SnkApplication {
       });
     }
   }
-  clearPopUpTitle() {
+  async clearPopUpTitle() {
     this._popUp.ezTitle = "";
   }
-  setPopUpTitle(title) {
+  async setPopUpTitle(title) {
     this._popUp.ezTitle = title;
   }
   async pkChangeListener() {
@@ -820,7 +898,8 @@ export class SnkApplication {
     this.defaultLoadByPK(pkParam, pkHash);
   }
   getResourceIdFromToken() {
-    if ((top.window.location.pathname).indexOf("tabContent.jsp") > -1) {
+    var _a;
+    if (((_a = (top.window.location.pathname)) === null || _a === void 0 ? void 0 : _a.indexOf("tabContent.jsp")) > -1 && (window.location['generateHash'])) {
       return UrlUtils.getResourceIdFromUrlToken(window.location['generateHash'](window.location.hash));
     }
     return UrlUtils.getResourceIdFromUrlToken(top.window.location.hash);
@@ -958,8 +1037,11 @@ export class SnkApplication {
     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__SEARCH__PLUS__OPTION__LOADER__", (searchArgument, fieldName, dataUnit, ctxOptions) => {
+      return this.executeSearch(searchArgument, fieldName, dataUnit, Object.assign(Object.assign({}, ctxOptions), { useSearchPlus: true }));
     });
     ApplicationContext.setContextValue("__EZUI__GRID_LICENSE__", agGridLicense);
     this.registerPkChangeListener();
@@ -971,14 +1053,25 @@ export class SnkApplication {
     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 = 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);
+    if (this._scrimWindowTimer)
+      clearTimeout(this._scrimWindowTimer);
   }
   async componentDidLoad() {
     this.applicationLoading.emit(true);
@@ -990,6 +1083,85 @@ export class SnkApplication {
     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 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 LockManager.resetLocks(this._element, 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 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, 200);
+      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._maxTimerAppLoading);
   }
   initKeyboardManager() {
     this._keyboardManager
@@ -998,13 +1170,56 @@ export class SnkApplication {
       .bind("F1", Workspace.openHelp.bind(this), { description: "Abrir ajuda" });
   }
   removeShortcuts() {
-    this._keyboardManager
-      .unbind("ctrl + g")
-      .unbind("ctrl + d")
-      .unbind("F1");
+    this._keyboardManager.unbindAllShortcutKeys();
+  }
+  renderLoadingSkeleton() {
+    if (!this.enableLockManagerLoadingApp)
+      return;
+    if (this._isBrowserTypeElectron) {
+      return this.getSpinnerLoadingDefault();
+    }
+    else {
+      switch (this._templateSkeleton) {
+        case TEMPLATES_SKELETON.CUSTOM_TEMPLATE:
+        case TEMPLATES_SKELETON.GRID:
+          return this.getSkeletonTemplateGrid();
+        case TEMPLATES_SKELETON.GRID_WITH_SIDEBAR:
+          return this.getSkeletonTemplateGridWithSidebar();
+        case TEMPLATES_SKELETON.GRID_WITH_PANEL:
+          return this.getSkeletonTemplateGridWithPanel();
+        case 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 (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" }))), 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) => (h("div", { class: "ez-margin-right--large", key: index, style: { width: "25%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))));
+  }
+  getSkeletonTemplateGridWithSidebar() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-flex ez-flex--column ez-margin--large ez-margin-top--medium" }, h("div", { class: "ez-margin-bottom--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "20%", height: "35px", animation: "progress" })), h("div", { class: "" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" }))), h("div", { class: "ez-flex ez-flex--justify-start skeleton-content-column ez-margin-horizontal--large", style: { height: "calc(100vh - 160px)" } }, 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) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-margin-right--large", style: { width: "75%" } }, h("ez-skeleton", { count: this.getCountSkeleton(50, 10), variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))));
+  }
+  getSkeletonTemplateGridWithPanel() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, h("div", { class: "", style: { width: "70%", overflow: "hidden" } }, h("div", { class: "ez-padding--medium", style: { height: "50%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "100%", height: "100%", animation: "progress" })), h("div", { class: "ez-padding--medium", style: {} }, h("ez-skeleton", { count: 1, variant: "text", width: "250px", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-padding--medium", style: { height: "45%" } }, [1, 2].map(() => (h("div", { style: { width: "50%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "100%", height: "100%", animation: "progress" })))))), 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) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))));
+  }
+  getSkeletonTemplateFormWithSidebar() {
+    return (h("div", { class: "loading-hidden", style: this.getLoadingVisibilityStyle() }, h("div", { class: "ez-margin--medium ez-margin-top--medium ez-padding--medium" }, h("ez-skeleton", { count: 1, variant: "text", width: "70%", height: "25px", animation: "progress" })), h("div", { class: "ez-flex ez-margin--medium ez-margin-top--medium", style: { maxHeight: "calc(-105px + 100vh)", overflow: "hidden" } }, 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) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: this.getSkeletonRandomWidth(), height: "30px", animation: "progress", marginBottom: "10px" }))), h("div", { class: "ez-flex ez-flex--column", style: { width: "75%" } }, h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" }))))))), h("div", { class: "ez-padding--medium", style: { width: "100%" } }, h("ez-skeleton", { count: 1, variant: "text", width: "30%", height: "25px", animation: "progress" })), h("div", { class: "ez-padding--medium", style: { height: "45%" } }, h("div", { class: "ez-flex", style: { width: "100%", height: "100%" } }, [1, 2, 3, 4].map((_, columnIndex) => (h("div", { key: columnIndex, class: "ez-padding-right--large", style: { width: "25%", overflow: "hidden" } }, Array(this.getCountSkeleton(50, 20)).fill(null).map((_, index) => h("ez-skeleton", { key: index, count: 1, variant: "text", width: "100%", height: "50px", animation: "progress", marginBottom: "10px" })))))))))));
+  }
+  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.loadingBar = ref }), h("ez-popup", { opened: false, ref: (ref) => this._popUp = ref, onEzClosePopup: () => this.closePopUp() }), h("ez-modal", { opened: false, ref: (ref) => this._rightModal = ref, "modal-size": "small", closeOutsideClick: true, closeEsc: true })));
+    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(), this._activeScrimWindow && (h("div", { class: "ez-scrim ez-scrim--light", style: { cursor: "progress", zIndex: "var(--scrim-z-index)" } })))));
   }
   static get is() { return "snk-application"; }
   static get encapsulation() { return "scoped"; }
@@ -1020,6 +1235,23 @@ export class SnkApplication {
   }
   static get properties() {
     return {
+      "enableLockManagerLoadingApp": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define se o componente deve usar o LockManager para controle de carregamento da aplica\u00E7\u00E3o"
+        },
+        "attribute": "enable-lock-manager-loading-app",
+        "reflect": false
+      },
       "messagesBuilder": {
         "type": "unknown",
         "mutable": true,
@@ -1096,7 +1328,7 @@ export class SnkApplication {
         "mutable": false,
         "complexType": {
           "original": "LoadByPkHandler",
-          "resolved": "(objPK: { pk: Record<string, any>; }, redirectFrom?: string) => void",
+          "resolved": "(objPK: { pk: any; }, redirectFrom?: string) => void",
           "references": {
             "LoadByPkHandler": {
               "location": "global"
@@ -1112,6 +1344,13 @@ export class SnkApplication {
       }
     };
   }
+  static get states() {
+    return {
+      "_applicationReady": {},
+      "_templateSkeleton": {},
+      "_activeScrimWindow": {}
+    };
+  }
   static get events() {
     return [{
         "method": "applicationLoaded",
@@ -1170,6 +1409,29 @@ export class SnkApplication {
             }]
         }
       },
+      "getLayoutFormConfig": {
+        "complexType": {
+          "signature": "() => Promise<LayoutFormConfig>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "LayoutFormConfig": {
+              "location": "import",
+              "path": "../../lib/configs/LayoutFormConfig"
+            }
+          },
+          "return": "Promise<LayoutFormConfig>"
+        },
+        "docs": {
+          "text": "Obt\u00E9m o notificador de Layout de formulario.",
+          "tags": [{
+              "name": "return",
+              "text": "the Configurador de Layout do Formulario"
+            }]
+        }
+      },
       "isUserSup": {
         "complexType": {
           "signature": "() => Promise<boolean>",
@@ -2200,9 +2462,38 @@ export class SnkApplication {
             }]
         }
       },
+      "preloadMangerRemoveRecord": {
+        "complexType": {
+          "signature": "(dataUnit: DataUnit, recordsIDs: Array<string>) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "DataUnit": {
+              "location": "import",
+              "path": "@sankhyalabs/core"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "Remove registro do cache do PreLoader do dataunit.\nDeve ser usado quando existe um dataunit usando loader do application, mas o removeLoader est\u00E1 sendo sobrescrito.",
+          "tags": []
+        }
+      },
       "executeSearch": {
         "complexType": {
-          "signature": "(searchArgument: ISearchArgument, fieldName: string, dataUnit: DataUnit) => Promise<Array<IOption> | IOption>",
+          "signature": "(searchArgument: ISearchArgument, fieldName: string, dataUnit: DataUnit, ctxOptions?: any) => Promise<Array<IOption> | IOption>",
           "parameters": [{
               "tags": [],
               "text": ""
@@ -2212,6 +2503,9 @@ export class SnkApplication {
             }, {
               "tags": [],
               "text": ""
+            }, {
+              "tags": [],
+              "text": ""
             }],
           "references": {
             "Promise": {
@@ -2244,6 +2538,38 @@ export class SnkApplication {
           "tags": []
         }
       },
+      "executePreparedSearchPlus": {
+        "complexType": {
+          "signature": "(mode: string, argument: string, options: any) => Promise<Array<IOption> | IOption>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "IOption": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/components/ez-search/ez-search"
+            },
+            "Array": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<IOption | IOption[]>"
+        },
+        "docs": {
+          "text": "Realiza a pesquisa de registros\nEx.: snk-config-options",
+          "tags": []
+        }
+      },
       "executePreparedSearch": {
         "complexType": {
           "signature": "(mode: string, argument: string, options: any) => Promise<Array<IOption> | IOption>",
@@ -2502,6 +2828,109 @@ export class SnkApplication {
               "text": "value - String convers\u00EDvel de acordo com o tipo do par\u00E2metro"
             }]
         }
+      },
+      "clearPopUpTitle": {
+        "complexType": {
+          "signature": "() => Promise<void>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "setPopUpTitle": {
+        "complexType": {
+          "signature": "(title: string) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "showScrimApp": {
+        "complexType": {
+          "signature": "(active: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "markToReload": {
+        "complexType": {
+          "signature": "(templateSkeletonType?: TEMPLATES_SKELETON) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "TEMPLATES_SKELETON": {
+              "location": "import",
+              "path": "../../lib/utils/constants"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
+      },
+      "addLoadingLock": {
+        "complexType": {
+          "signature": "(forceReady?: boolean, templateSkeletonType?: TEMPLATES_SKELETON) => Promise<() => void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }, {
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            },
+            "TEMPLATES_SKELETON": {
+              "location": "import",
+              "path": "../../lib/utils/constants"
+            }
+          },
+          "return": "Promise<() => void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
     };
   }
@@ -2513,57 +2942,6 @@ export class SnkApplication {
       }];
   }
 }
-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;