@sankhyalabs/sankhyablocks 10.1.0-dev.1 → 10.1.0-dev.11

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
 import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, SilentException, WarningException, ErrorException, ElementIDUtils, SearchUtils, ArrayUtils, KeyboardManager, OnboardingUtils, DependencyType, DataType, ApplicationContext, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
-import { C as ConfigStorage } from './ConfigStorage-568dc227.js';
-import { d as dist, D as DataFetcher, U as UrlUtils, S as SnkMessageBuilder } from './DataFetcher-743feb3b.js';
-import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-c353127d.js';
-import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher-7f2c61ca.js';
-import { P as PesquisaFetcher } from './ISave-345481c1.js';
+import { C as ConfigStorage } from './ConfigStorage-bd096633.js';
+import { d as dist, D as DataFetcher, U as UrlUtils, S as SnkMessageBuilder } from './DataFetcher-5780ad39.js';
+import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher-28b9d0db.js';
+import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher-c4251d80.js';
+import { P as PesquisaFetcher } from './ISave-8a22ec18.js';
 import { T as TEMPLATES_SKELETON } from './constants-7b422de0.js';
 import './index-b40568ff.js';
 import './filter-item-type.enum-d45e026f.js';
-import { F as FormConfigFetcher } from './form-config-fetcher-898d2dd1.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-d0536a71.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
@@ -389,32 +389,40 @@ class RequestListenerFactory {
   }
 }
 
+const executeAdvancedModeSearch = async (argument, options, app, pesquisaFetcher) => {
+  const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, executeOnOpen } = options;
+  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) => 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);
+    if (executeOnOpen) {
+      pesquisaContent.executeSearch(argument);
+    }
+  });
+};
+
 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;
+  const { entity, criteria, searchOptions } = options;
   if (mode === "ADVANCED") {
-    return new Promise((accept, reject) => {
-      const pesquisaContent = document.createElement("snk-pesquisa");
-      pesquisaContent[ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME] = `entity_${entity}`;
-      pesquisaContent.entityName = entity;
-      pesquisaContent.argument = argument;
-      pesquisaContent.searchLoader = (text) => 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);
-    });
+    return executeAdvancedModeSearch(argument, options, app, pesquisaFetcher);
   }
   else if (mode === "LOAD_DESCRIPTION") {
     let result = await pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
@@ -451,14 +459,13 @@ const buildOptionItem = (argument, item, fields, descriptionField, pkField) => {
   const matchFields = item['__matchFields'];
   const descriptionValue = (_a = item[descriptionField]) !== null && _a !== void 0 ? _a : "";
   const pkValue = item[pkField];
-  let searchOption = {
+  return {
     value: pkValue,
     label: descriptionValue,
     presentationValue: StringUtils.highlightValue(argument, matchFields, pkValue, fields, true),
     presentationLabel: descriptionField ? StringUtils.highlightValue(argument, matchFields, descriptionValue, fields, true) : "",
     details: SearchUtils.buildDetails(argument, fields, item)
   };
-  return searchOption;
 };
 const filterInvalidFields = (resp, item, mdByName) => {
   let fieldsMetadata = resp.fieldsMetadata.filter((field) => {
@@ -893,7 +900,7 @@ const SnkApplication = class {
     if (this._featureFlagsCache.get(featureName) && now < this._featureFlagsCache.get(featureName).expires) {
       return Promise.resolve(this._featureFlagsCache.get(featureName).isActive);
     }
-    //Caso ocorra um erro nessa chamada, o reject do error é feito automaticamente 
+    //Caso ocorra um erro nessa chamada, o reject do error é feito automaticamente
     const result = await DataFetcher.get().callServiceBroker("SystemUtilsSP.featureIsActive", JSON.stringify(payload));
     const isActive = result.isActive;
     this._featureFlagsCache.set(featureName, {
@@ -1384,52 +1391,57 @@ const SnkApplication = class {
    */
   async executePreparedSearch(mode, argument, options) {
     const mdByName = {};
-    const { entity, entityDescription, criteria, searchOptions, isHierarchyEntity, allowsNonAnalytic, useSearchPlus } = options;
+    const { entity, criteria, searchOptions, 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();
-          this.closePopUp();
-        };
-        this.setPopUpTitle(entityDescription);
-        this.showPopUp(pesquisaContent, undefined, undefined, reject);
-      });
+      return executeAdvancedModeSearch(argument, options, this, this.pesquisaFetcher);
     }
-    else {
-      return new Promise((resolve, reject) => {
-        this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
-          .then(result => {
-          result = ObjectUtils.stringToObject(result.json.$);
-          let descriptionField = result.descriptionField;
-          let pkField = result.pkField;
-          const list = [];
-          result.data.forEach((item) => {
-            let fieldsMetadata = this.filterInvalidFields(result, item, mdByName);
-            let qtyFields = 6;
-            let fields = this.filterMathFields(item['__matchFields'], fieldsMetadata, qtyFields, mdByName);
-            list.push(this.builOptionItem(argument, item, fields, descriptionField, pkField));
-          });
-          resolve(list);
-        })
-          .catch(error => {
-          reject(error);
-        });
+    return new Promise((resolve, reject) => {
+      this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
+        .then(result => {
+        result = ObjectUtils.stringToObject(result.json.$);
+        resolve(this.buildSearchResultList(result, mdByName, argument));
+      })
+        .catch(error => {
+        reject(error);
       });
-    }
+    });
+  }
+  /**
+   * Obtém as opções em componentes de pesquisa além dos metadados como showMore e entityPk.
+   * @param {string} argument - O argumento da pesquisa.
+   * @param {any} options - Opções preparadas para a pesquisa.
+   * @returns {Promise<Array<IOption> | IOption>} Uma lista de opções ou uma única opção.
+   * @async
+   */
+  async executePreparedSearchWithFullResponse(argument, options) {
+    const mdByName = {};
+    const { entity, criteria, searchOptions } = options;
+    return new Promise((resolve, reject) => {
+      this.pesquisaFetcher.loadAdvancedSearch(entity, argument, criteria, searchOptions)
+        .then(result => {
+        result = ObjectUtils.stringToObject(result.json.$);
+        result.data = this.buildSearchResultList(result, mdByName, argument);
+        resolve(result);
+      })
+        .catch(error => {
+        reject(error);
+      });
+    });
+  }
+  buildSearchResultList(result, mdByName, argument) {
+    let descriptionField = result.descriptionField;
+    let pkField = result.pkField;
+    const list = [];
+    result.data.forEach((item) => {
+      let fieldsMetadata = this.filterInvalidFields(result, item, mdByName);
+      let qtyFields = 6;
+      let fields = this.filterMathFields(item['__matchFields'], fieldsMetadata, qtyFields, mdByName);
+      list.push(this.builOptionItem(argument, item, fields, descriptionField, pkField));
+    });
+    return list;
   }
   /**
    * Obtém `true` caso a tela esteja em modo de debug.

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

@@ -1,13 +1,13 @@
 import { r as registerInstance, c as createEvent, h } from './index-479e1293.js';
 import { ApplicationContext, DataType, Action, UserInterface, StringUtils, DataUnitLoaderUtils, DataUnit } from '@sankhyalabs/core';
-import { D as DataFetcher, S as SnkMessageBuilder } from './DataFetcher-743feb3b.js';
-import { S as SaveErrorsEnum } from './ISave-345481c1.js';
+import { D as DataFetcher, S as SnkMessageBuilder } from './DataFetcher-5780ad39.js';
+import { S as SaveErrorsEnum } from './ISave-8a22ec18.js';
 import './index-b40568ff.js';
-import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-7f2c61ca.js';
+import { P as PreloadManager, D as DataUnitFetcher, I as InMemoryLoader } from './dataunit-fetcher-c4251d80.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-898d2dd1.js';
+import './form-config-fetcher-d0536a71.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
-import { A as AutorizationType } from './auth-fetcher-c353127d.js';
+import { A as AutorizationType } from './auth-fetcher-28b9d0db.js';
 import { T as TaskbarElement } from './taskbar-elements-faaf5d8f.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';

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

@@ -1,15 +1,15 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
 import { Action, StringUtils, ElementIDUtils, ApplicationContext, KeyboardManager } from '@sankhyalabs/core';
-import './DataFetcher-743feb3b.js';
-import './ISave-345481c1.js';
+import './DataFetcher-5780ad39.js';
+import './ISave-8a22ec18.js';
 import { P as PresentationMode, E as ExporterStrategy } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-7f2c61ca.js';
+import './dataunit-fetcher-c4251d80.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-898d2dd1.js';
+import './form-config-fetcher-d0536a71.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
-import { A as AutorizationType } from './auth-fetcher-c353127d.js';
+import { A as AutorizationType } from './auth-fetcher-28b9d0db.js';
 import { S as ServicesNumberingConfig } from './ServicesNumberingConfig-2f7b050e.js';
 import { T as TaskbarElement } from './taskbar-elements-faaf5d8f.js';
 import './PrintUtils-3e4ff0f5.js';
@@ -23,6 +23,7 @@ const snkCrudCss = ".sc-snk-crud-h{display:flex;flex-direction:column;height:100
 const SnkCrud = class {
   constructor(hostRef) {
     registerInstance(this, hostRef);
+    this.snkShowGuide = createEvent(this, "snkShowGuide", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
     this.configuratorSave = createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
@@ -32,6 +33,38 @@ const SnkCrud = class {
     this._viewHistory = [];
     this._customEditors = new Map();
     this._customRenders = new Map();
+    this.loadEntitySuggestions = async (argument) => {
+      var _a;
+      const value = (_a = argument === null || argument === void 0 ? void 0 : argument.argument) !== null && _a !== void 0 ? _a : '';
+      const mode = (argument === null || argument === void 0 ? void 0 : argument.mode) || "PREDICTIVE";
+      if (!value || value.trim().length === 0) {
+        return [];
+      }
+      try {
+        this._showMoreOnSearch = false;
+        const entityName = this._snkDataUnit.entityName;
+        if (mode === "PREDICTIVE") {
+          return await this.handlePredictiveSearch(value, entityName);
+        }
+        return await this._application.executePreparedSearch(mode, value, this.buildSearchOptions(entityName));
+      }
+      catch (error) {
+        console.error('Erro ao carregar sugestões de entidades:', error);
+        return [];
+      }
+    };
+    this.searchEntitySelect = async (item) => {
+      if (!this._entityPKField || !item) {
+        return;
+      }
+      try {
+        const pk = [{ name: this._entityPKField, value: item.value }];
+        await this.refreshDataUnitByPk(pk);
+      }
+      catch (error) {
+        console.error('Erro ao selecionar entidade:', error);
+      }
+    };
     this.dataUnitInterceptor = {
       interceptAction: (action) => {
         if (action.type === Action.DATA_SAVED) {
@@ -48,6 +81,8 @@ const SnkCrud = class {
     this._resourceID = undefined;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
     this.numberingConfig = undefined;
+    this._showMoreOnSearch = false;
+    this._entityPKField = undefined;
     this.enableLockManagerLoadingComp = false;
     this.enableLockManagerTaskbarClick = false;
     this.configName = undefined;
@@ -76,6 +111,8 @@ const SnkCrud = class {
     this.layoutFormConfig = true;
     this.multipleEditionEnabled = true;
     this.paginationCounterMode = 'auto';
+    this.customGuidesConfig = [];
+    this.showEntitySearch = true;
     this.disableNumberingConfig = false;
   }
   /**
@@ -371,6 +408,49 @@ const SnkCrud = class {
     var _a;
     (_a = this._keyboardManager) === null || _a === void 0 ? void 0 : _a.unbindAllShortcutKeys();
   }
+  async handlePredictiveSearch(argument, entityName) {
+    var _a, _b;
+    const response = await this._application.executePreparedSearchWithFullResponse(argument, this.buildSearchOptions(entityName, 5));
+    this._showMoreOnSearch = (_a = response === null || response === void 0 ? void 0 : response.hasMore) !== null && _a !== void 0 ? _a : false;
+    this._entityPKField = response === null || response === void 0 ? void 0 : response.pkField;
+    return (_b = response === null || response === void 0 ? void 0 : response.data) !== null && _b !== void 0 ? _b : [];
+  }
+  async refreshDataUnitByPk(pks) {
+    try {
+      const pkField = pks[0].name;
+      const pkValue = pks[0].value;
+      // Criar filtro para a busca específica
+      const quickFilter = {
+        term: '',
+        filter: {
+          name: '',
+          params: [],
+          expression: `(${pkField} = ${pkValue})`
+        }
+      };
+      // Carregar dados com o filtro aplicado diretamente
+      await this._dataUnit.loadData(quickFilter);
+      // Navegar para o formulário se houver apenas um registro
+      if (this._dataUnit.records.length === 1) {
+        this._dataUnit.selectFirst();
+        this.gridToForm(true);
+      }
+    }
+    catch (error) {
+      console.error('Erro ao atualizar dataset:', error);
+    }
+  }
+  buildSearchOptions(entityName, limit) {
+    return {
+      entity: entityName,
+      entityDescription: entityName,
+      executeOnOpen: true,
+      searchOptions: {
+        localEntityName: entityName,
+        limit,
+      }
+    };
+  }
   async toggleView() {
     const currentView = await this._viewStack.getSelectedIndex();
     this.setViewMode(VIEW_MODE.GRID === currentView ? VIEW_MODE.FORM : VIEW_MODE.GRID);
@@ -477,12 +557,23 @@ const SnkCrud = class {
     }
     this.configuratorCancel.emit();
   }
+  renderCustomGuideSlots() {
+    if (!this.customGuidesConfig)
+      return;
+    return this.customGuidesConfig.map(g => h("slot", { name: g.id }));
+  }
+  renderDynamicSearch(slotName) {
+    var _a;
+    if (!this.showEntitySearch || ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.insertionMode) === true)
+      return;
+    return (h("div", { slot: slotName, class: "entity-search-container", style: { position: 'relative', display: 'inline-block', marginLeft: '10px', minWidth: '200px' } }, h("ez-search", { label: "Buscar registros", optionLoader: this.loadEntitySuggestions, onEzChange: (evt) => this.searchEntitySelect(evt.detail), mode: "slim", showMore: this._showMoreOnSearch, suppressEmptyOption: true, suppressInputPersist: true })));
+  }
   render() {
     if (this._resourceID == undefined) {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", { tabIndex: "0" }, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, entityName: this._snkDataUnit.entityName, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled, paginationCounterMode: this.paginationCounterMode }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }), this.renderDynamicSearch("GRID_HEADER_DYNAMIC_SEARCH"))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, customGuidesConfig: this.customGuidesConfig, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), this.renderCustomGuideSlots(), this.renderDynamicSearch("GUIDES_VIEWER_DYNAMIC_SEARCH"), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", { tabIndex: "0" }, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, entityName: this._snkDataUnit.entityName, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return getElement(this); }
   static get watchers() { return {

package/dist/esm/snk-custom-slot-guide.entry.js

@@ -0,0 +1,36 @@
+import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
+
+const snkCustomSlotGuideCss = ".sc-snk-custom-slot-guide-h{display:none}";
+
+const SnkCustomSlotGuide = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.snkCustomSlotGuideLoaded = createEvent(this, "snkCustomSlotGuideLoaded", 7);
+    this.slotName = 'CUSTOM_SLOT_GUIDE';
+  }
+  onGuideChange(evt) {
+    const guideName = evt.detail;
+    if (guideName === this.slotName) {
+      this._element.style.setProperty('display', 'block');
+    }
+    else {
+      this._element.style.setProperty('display', 'none');
+    }
+  }
+  onFormConfigVisibilityChange(evt) {
+    const isFormConfigVisible = evt.detail;
+    if (isFormConfigVisible) {
+      this._element.style.setProperty('display', 'none');
+    }
+  }
+  componentDidLoad() {
+    this.snkCustomSlotGuideLoaded.emit(this.slotName);
+  }
+  render() {
+    return (h(Host, { slot: this.slotName, id: this.slotName, class: "custom-slot-guide-container" }, h("slot", null)));
+  }
+  get _element() { return getElement(this); }
+};
+SnkCustomSlotGuide.style = snkCustomSlotGuideCss;
+
+export { SnkCustomSlotGuide as snk_custom_slot_guide };

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

@@ -4,14 +4,14 @@ import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/
 import { I as IExportType } from './IFetchDataExporterParams-d73bed3d.js';
 import { D as DataExporterOption, a as DataExporterType, b as DataExporterFormat } from './index-b40568ff.js';
 import { R as REPORT_LAUNCHER_RESOURCE_ID } from './constants-7b422de0.js';
-import { D as DataFetcher } from './DataFetcher-743feb3b.js';
-import { S as SnkDataUnit } from './snk-data-unit-60b338c5.js';
-import './ISave-345481c1.js';
+import { D as DataFetcher } from './DataFetcher-5780ad39.js';
+import { S as SnkDataUnit } from './snk-data-unit-4a1ef77f.js';
+import './ISave-8a22ec18.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-7f2c61ca.js';
+import './dataunit-fetcher-c4251d80.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-898d2dd1.js';
+import './form-config-fetcher-d0536a71.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import './GetSelectedRecordsIDsInfo-9fa41508.js';

package/dist/esm/{snk-data-unit-60b338c5.js → snk-data-unit-4a1ef77f.js}

@@ -1,8 +1,8 @@
 import { r as registerInstance, c as createEvent, h, g as getElement, H as Host } from './index-479e1293.js';
 import { ApplicationContext, Action, ObjectUtils, DataUnitAction, StringUtils } from '@sankhyalabs/core';
 import { ApplicationUtils, DialogType } from '@sankhyalabs/ezui/dist/collection/utils';
-import { O as OperationMap, S as SnkMessageBuilder } from './DataFetcher-743feb3b.js';
-import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher-7f2c61ca.js';
+import { O as OperationMap, S as SnkMessageBuilder } from './DataFetcher-5780ad39.js';
+import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher-c4251d80.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';
 
@@ -614,6 +614,8 @@ const SnkDataUnit = class {
       return records;
     const parentSelectedRecord = parentDataUnit.getSelectedRecord();
     const selfInfo = parentDataUnit === null || parentDataUnit === void 0 ? void 0 : parentDataUnit.getChildInfo(this.getCleanDataUnitName());
+    if (!selfInfo)
+      return records;
     const { links } = selfInfo;
     if (!links || links.length === 0)
       return records;

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

@@ -1,11 +1,11 @@
-export { S as snk_data_unit } from './snk-data-unit-60b338c5.js';
+export { S as snk_data_unit } from './snk-data-unit-4a1ef77f.js';
 import './index-479e1293.js';
 import '@sankhyalabs/core';
 import '@sankhyalabs/ezui/dist/collection/utils';
-import './DataFetcher-743feb3b.js';
+import './DataFetcher-5780ad39.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-7f2c61ca.js';
+import './dataunit-fetcher-c4251d80.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';

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

@@ -1,20 +1,20 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-479e1293.js';
 import { Action, StringUtils, KeyboardManager } from '@sankhyalabs/core';
-import { S as SnkFormConfigManager } from './SnkFormConfigManager-d61df0c8.js';
+import { S as SnkFormConfigManager } from './SnkFormConfigManager-437e98bb.js';
 import { FormMetadata, buildFormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import { S as SnkMessageBuilder } from './DataFetcher-743feb3b.js';
-import './ISave-345481c1.js';
+import { S as SnkMessageBuilder } from './DataFetcher-5780ad39.js';
+import './ISave-8a22ec18.js';
 import { P as PresentationMode } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import './dataunit-fetcher-7f2c61ca.js';
+import './dataunit-fetcher-c4251d80.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-898d2dd1.js';
+import './form-config-fetcher-d0536a71.js';
 import { V as VIEW_MODE } from './constants-7b422de0.js';
 import { T as TaskbarElement } from './taskbar-elements-faaf5d8f.js';
-import { S as SnkGuidesViewer } from './snk-guides-viewer-339e10b3.js';
+import { S as SnkGuidesViewer } from './snk-guides-viewer-c182d058.js';
 import { buildFieldSearch, SHORTCUT_SEARCH_FIELD } from '@sankhyalabs/ezui/dist/collection/utils';
-import './ConfigStorage-568dc227.js';
+import './ConfigStorage-bd096633.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';
 import '@sankhyalabs/core/dist/utils/SortingUtils';

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

@@ -1,7 +1,7 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
 import { DataType, StringUtils, ObjectUtils, ElementIDUtils, ErrorException, ApplicationContext, LockManager, LockManagerOperation, DateUtils, MaskFormatter, KeyboardManager, FloatingManager, ArrayUtils } from '@sankhyalabs/core';
 import { EzScrollDirection } from '@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection';
-import { C as ConfigStorage } from './ConfigStorage-568dc227.js';
+import { C as ConfigStorage } from './ConfigStorage-bd096633.js';
 import { P as PersonalizedFilterUtils } from './PersonalizedFilterUtils-2db38ff2.js';
 import { toString } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
@@ -12,8 +12,8 @@ import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { A as ActionDefaultFilter } from './default-filters-50105e43.js';
 import { F as FilterType } from './filter-type.enum-f6a8fe23.js';
 import { g as getInvalidFilters } from './filter-validate-faf51fa9.js';
-import './form-config-fetcher-898d2dd1.js';
-import './DataFetcher-743feb3b.js';
+import './form-config-fetcher-d0536a71.js';
+import './DataFetcher-5780ad39.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 

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

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
 import { ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
-import { C as ConfigStorage } from './ConfigStorage-568dc227.js';
+import { C as ConfigStorage } from './ConfigStorage-bd096633.js';
 import { E as EPresentationMode } from './presentationMode-783bbf9d.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { F as FilterType } from './filter-type.enum-f6a8fe23.js';
-import './form-config-fetcher-898d2dd1.js';
-import './DataFetcher-743feb3b.js';
+import './form-config-fetcher-d0536a71.js';
+import './DataFetcher-5780ad39.js';
 import './PrintUtils-3e4ff0f5.js';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 

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

@@ -13,7 +13,7 @@ const SnkFormView = class {
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._customEditors = new Map();
     this._fieldProps = new Map();
-    this._singleColumn = true;
+    this._singleColumn = false;
     this.levelPath = undefined;
     this.fieldSearch = undefined;
     this.label = undefined;
@@ -151,11 +151,7 @@ const SnkFormView = class {
     }
   }
   setSingleColumn(layoutFormConfig) {
-    if (!(layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config)) {
-      this._singleColumn = true;
-      return;
-    }
-    this._singleColumn = (layoutFormConfig.config === FormLayout.CASCADE);
+    this._singleColumn = (layoutFormConfig === null || layoutFormConfig === void 0 ? void 0 : layoutFormConfig.config) === FormLayout.CASCADE;
   }
   registerNotifyListeners(layoutFormConfig) {
     if (!layoutFormConfig)