@sankhyalabs/sankhyablocks 8.16.0-ms.11 → 8.16.0-ms.12

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

@@ -2,18 +2,19 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
-const ConfigStorage = require('./ConfigStorage-6b633b10.js');
-const DataFetcher = require('./DataFetcher-875371e9.js');
-const authFetcher = require('./auth-fetcher-24ba4135.js');
-const dataunitFetcher = require('./dataunit-fetcher-b95768e8.js');
-const pesquisaFetcher = require('./pesquisa-fetcher-30cab386.js');
-const SnkMessageBuilder = require('./SnkMessageBuilder-bae64d0d.js');
-const constants = require('./constants-241934b3.js');
-require('./form-config-fetcher-e0a512c3.js');
+const ConfigStorage = require('./ConfigStorage-48ba265b.js');
+const DataFetcher = require('./DataFetcher-1afdb18e.js');
+const authFetcher = require('./auth-fetcher-1687ac0a.js');
+const dataunitFetcher = require('./dataunit-fetcher-a723f0dc.js');
+const ISave = require('./ISave-c76e2c51.js');
+const SnkMessageBuilder = require('./SnkMessageBuilder-e3b7850b.js');
+const constants = require('./constants-6d82e405.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');
@@ -266,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) {
@@ -386,6 +390,136 @@ class RequestListenerFactory {
   }
 }
 
+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 {
@@ -405,6 +539,8 @@ const SnkApplication = class {
     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;
@@ -479,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.
    */
@@ -951,7 +1095,7 @@ const SnkApplication = class {
   }
   get pesquisaFetcher() {
     if (!this._pesquisaFetcher) {
-      this._pesquisaFetcher = new pesquisaFetcher.PesquisaFetcher();
+      this._pesquisaFetcher = new ISave.PesquisaFetcher();
     }
     return this._pesquisaFetcher;
   }
@@ -1009,7 +1153,7 @@ const SnkApplication = class {
         searchOptions,
         allowsNonAnalytic
       };
-      return this.executePreparedSearch(mode, argument, options);
+      return (ctxOptions === null || ctxOptions === void 0 ? void 0 : ctxOptions.useSearchPlus) ? this.executePreparedSearchPlus(mode, argument, options) : this.executePreparedSearch(mode, argument, options);
     }
   }
   filterInvalidFields(resp, item, mdByName) {
@@ -1053,13 +1197,23 @@ 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, isHierarchyEntity, allowsNonAnalytic } = 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");
@@ -1209,10 +1363,10 @@ const SnkApplication = class {
       });
     }
   }
-  clearPopUpTitle() {
+  async clearPopUpTitle() {
     this._popUp.ezTitle = "";
   }
-  setPopUpTitle(title) {
+  async setPopUpTitle(title) {
     this._popUp.ezTitle = title;
   }
   async pkChangeListener() {
@@ -1241,7 +1395,8 @@ const SnkApplication = class {
     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 DataFetcher.UrlUtils.getResourceIdFromUrlToken(window.location['generateHash'](window.location.hash));
     }
     return DataFetcher.UrlUtils.getResourceIdFromUrlToken(top.window.location.hash);
@@ -1382,6 +1537,9 @@ const SnkApplication = class {
     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();
     core.ErrorTracking.init();
@@ -1392,6 +1550,12 @@ 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();
@@ -1502,10 +1666,7 @@ const SnkApplication = class {
       .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)
@@ -1536,16 +1697,16 @@ const SnkApplication = class {
     };
   }
   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" })))))));
+    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: "text", width: "20%", height: "35px", animation: "progress" })), index.h("div", { class: "" }, index.h("ez-skeleton", { count: 1, variant: "text", 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: "text", 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" })))));
+    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: "text", width: "20%", height: "35px", animation: "progress" })), index.h("div", { class: "" }, index.h("ez-skeleton", { count: 1, variant: "text", 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: "text", 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: "text", 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" }))))));
+    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: "text", 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: "text", width: "100%", height: "100%", animation: "progress" })), index.h("div", { class: "ez-padding--medium", style: {} }, index.h("ez-skeleton", { count: 1, variant: "text", 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: "text", 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: "text", 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" })))))))))));
+    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: "text", 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: "text", 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: "text", 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: "text", 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: "text", 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: "text", 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..."))));

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

@@ -2,25 +2,24 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const DataFetcher = require('./DataFetcher-875371e9.js');
-require('./pesquisa-fetcher-30cab386.js');
+const DataFetcher = require('./DataFetcher-1afdb18e.js');
+const ISave = require('./ISave-c76e2c51.js');
 require('./index-e3e39724.js');
-const ISave = require('./ISave-e91b70a7.js');
-const dataunitFetcher = require('./dataunit-fetcher-b95768e8.js');
+const dataunitFetcher = require('./dataunit-fetcher-a723f0dc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-e0a512c3.js');
-const constants = require('./constants-241934b3.js');
-const authFetcher = require('./auth-fetcher-24ba4135.js');
-const taskbarElements = require('./taskbar-elements-ebddaef4.js');
+require('./form-config-fetcher-40d3f752.js');
+const constants = require('./constants-6d82e405.js');
+const authFetcher = require('./auth-fetcher-1687ac0a.js');
+const taskbarElements = require('./taskbar-elements-3b74cd21.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');
-require('./index-ab1cfb44.js');
+require('./index-0ad2baeb.js');
 
 const SERVICE$1 = {
   save: "Attach.save",

package/dist/cjs/snk-client-confirm.cjs.entry.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
 
 const SnkActionsForm = class {

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-f9e81701.js');
+const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const constants = require('./constants-241934b3.js');
+const constants = require('./constants-6d82e405.js');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
 
 const snkConfiguratorCss = ".sc-snk-configurator-h{--snk-configurator__button-close--padding-left:var(--space--medium, 12px);--snk-configurator__title--color:var(--title--primary, #2B3A54);--snk-configurator__title--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__title--font-size:var(--title--large, 20px);--snk-configurator__title--font-weight:var(--text-weight--extra-large, 700);--snk-configurator__subtitle--color:var(--title--primary, #2B3A54);--snk-configurator__subtitle--font-family:var(--font-pattern, \"Roboto\");--snk-configurator__subtitle--font-size:var(--text--medium, 14px);--snk-configurator__subtitle--font-weight:var(--text-weight--large, 600);--snk-configurator__scrollbar--color-default:var(--scrollbar--default, #626e82);--snk-configurator__scrollbar--color-background:var(--scrollbar--background, #E5EAF0);--snk-configurator__scrollbar--color-hover:var(--scrollbar--hover, #2B3A54);--snk-configurator__scrollbar--color-clicked:var(--scrollbar--clicked, #a2abb9);--snk-configurator__scrollbar--border-radius:var(--border--radius-small, 6px);--snk-configurator__scrollbar--width:var(--space--small, 6px)}.snk-configurator.sc-snk-configurator{display:grid;grid-template-rows:auto 1fr auto;max-height:100%;width:100%}.snk-configurator__collsable-box-action.sc-snk-configurator{width:100%}.snk-configurator__action-buttons.sc-snk-configurator{display:flex;flex-direction:row;justify-content:flex-end;gap:var(--space--medium)}.snk-configurator__outline.sc-snk-configurator{display:flex;flex-direction:column;gap:var(--space--small);margin-top:var(--space--small);margin-bottom:var(--space--large)}@media screen and (min-width: 480px){.snk-configurator.sc-snk-configurator{width:359px;max-width:359px}}.snk-configurator__button-config.sc-snk-configurator{--ez-button--min-width:100%}.snk-configurator__header.sc-snk-configurator{display:flex;justify-content:space-between;align-items:center;width:100%}.snk-configurator__title.sc-snk-configurator{display:flex;margin:0;line-height:normal;letter-spacing:0em;text-align:left;color:var(--snk-configurator__title--color);font-size:var(--snk-configurator__title--font-size);font-family:var(--snk-configurator__title--font-family);font-weight:var(--snk-configurator__title--font-weight)}.snk-configurator__subtitle.sc-snk-configurator{display:flex;margin:0;padding-top:var(--space--medium);padding-bottom:var(--space--small);color:var(--snk-configurator__subtitle--color);font-size:var(--snk-configurator__subtitle--font-size);font-family:var(--snk-configurator__subtitle--font-family);font-weight:var(--snk-configurator__subtitle--font-weight)}.snk-configurator__button-close.sc-snk-configurator{padding-left:var(--snk-configurator__button-close--padding-left)}.snk-configurator__main.sc-snk-configurator{overflow-y:auto;scrollbar-width:thin;margin:var(--space--medium) 0;scrollbar-color:var(--snk-configurator__scrollbar--color-clicked) var(--snk-configurator__scrollbar--color-background)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar{background-color:var(--snk-configurator__scrollbar--color-background);width:var(--snk-configurator__scrollbar--width);max-width:var(--snk-configurator__scrollbar--width);min-width:var(--snk-configurator__scrollbar--width)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-track{background-color:var(--snk-configurator__scrollbar--color-background);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb{background-color:var(--snk-configurator__scrollbar--color-default);border-radius:var(--snk-configurator__scrollbar--border-radius)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:hover,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:hover{background-color:var(--snk-configurator__scrollbar--color-hover)}.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:vertical:active,.snk-configurator__main.sc-snk-configurator::-webkit-scrollbar-thumb:horizontal:active{background-color:var(--snk-configurator__scrollbar--color-clicked)}";
@@ -23,6 +23,7 @@ const SnkConfigurator = class {
     this.resourceID = undefined;
     this.viewMode = constants.VIEW_MODE.GRID;
     this.customContainerId = undefined;
+    this.layoutFormConfig = false;
     this.messagesBuilder = undefined;
   }
   /**
@@ -83,6 +84,12 @@ const SnkConfigurator = class {
     var _a;
     return (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage(key, {});
   }
+  handleSave() {
+    if (this.layoutFormConfig) {
+      this._snkLayoutFormConfig.save();
+    }
+    this.save.emit();
+  }
   componentWillLoad() {
     this._application = core.ApplicationContext.getContextValue('__SNK__APPLICATION__');
     if (this._application) {
@@ -106,7 +113,7 @@ const SnkConfigurator = class {
     insideCustomElementsContainer === null || insideCustomElementsContainer === void 0 ? void 0 : insideCustomElementsContainer.appendChild(configuratorCustomElement);
   }
   render() {
-    return (index.h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, index.h("div", { class: "snk-configurator" }, index.h("div", { class: "snk-configurator__header" }, index.h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), index.h("div", { class: "snk-configurator__button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), index.h("div", { class: "snk-configurator__main" }, index.h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, index.h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: constants.VIEW_MODE.GRID }), index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: constants.VIEW_MODE.FORM })), index.h("div", { class: "snk-configurator__collsable-box-action" }, index.h("ez-button", { label: this.viewMode === constants.VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), index.h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (index.h("div", { class: "snk-configurator__action-buttons" }, index.h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), index.h("ez-button", { label: "Salvar", onClick: () => this.save.emit(), class: "ez-button--primary" }))))));
+    return (index.h("ez-modal", { ref: (element) => (this.modal = element), opened: this._opened, "close-esc": false, "close-outside-click": false, "modal-size": "small", scrim: "light" }, index.h("div", { class: "snk-configurator" }, index.h("div", { class: "snk-configurator__header" }, index.h("label", { class: "snk-configurator__title" }, this.getMessage('snkConfigurator.titleConfigurations')), index.h("div", { class: "snk-configurator__button-close" }, index.h("ez-button", { mode: "icon", iconName: "close", size: "medium", onClick: () => this.closeConfig() }))), index.h("div", { class: "snk-configurator__main" }, index.h("ez-collapsible-box", { boxBordered: true, label: "Modo de visualiza\u00E7\u00E3o ", headerSize: "medium", class: "snk-configurator__collapsable-box" }, index.h("ez-radio-button", { value: this.getViewModeValue().toString(), onEzChange: (evt) => this.onViewModeChanged(evt), enabled: this.enableModeConfig() }, index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelGrid'), value: constants.VIEW_MODE.GRID }), index.h("ez-radio-button-option", { label: this.getMessage('snkConfigurator.labelForm'), value: constants.VIEW_MODE.FORM })), index.h("div", { class: "snk-configurator__collsable-box-action" }, index.h("ez-button", { label: this.viewMode === constants.VIEW_MODE.GRID ? this.getMessage('snkConfigurator.labelConfigGrid') : this.getMessage('snkConfigurator.labelConfigForm'), class: "snk-configurator__button-config ez-button--secondary", onClick: () => this.onClickOpenConfig(), id: "openConfigurator" }))), this.layoutFormConfig && index.h("ez-collapsible-box", { boxBordered: true, value: true, label: "Layout do formul\u00E1rio", headerSize: "medium", class: "snk-configurator__collapsable-box  ez-margin-top--medium" }, index.h("div", { class: 'ez-flex ez-flex--column ez-size-width--full' }, index.h("snk-layout-form-config", { ref: (ref) => this._snkLayoutFormConfig = ref }))), index.h("div", { id: "slotContainer", class: "snk-configurator__outline" })), this.showActionButtons && (index.h("div", { class: "snk-configurator__action-buttons" }, index.h("ez-button", { label: "Cancelar", onClick: () => this.cancel.emit() }), index.h("ez-button", { label: "Salvar", onClick: () => this.handleSave(), class: "ez-button--primary" }))))));
   }
   get _element() { return index.getElement(this); }
 };