@sankhyalabs/sankhyablocks 10.0.3 → 10.0.4

package/dist/components/snk-form-config2.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 import { ObjectUtils, ApplicationContext } from '@sankhyalabs/core';
 import { buildFormConfigFromDataUnit } from '@sankhyalabs/ezui/dist/collection/utils/form';
-import { b as buildGuides, c as buildGuidesMap, e as getFieldsToSave, u as updateTabInFieldsFromGroupList, f as buildNewGuideName, d as defineCustomElement$5 } from './field-config2.js';
-import { T as TAB_NAMES, G as GROUP_NAMES } from './constants.js';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { U as UserConfigType } from './form-config-fetcher.js';
+import { T as TAB_NAMES, G as GROUP_NAMES } from './constants.js';
+import { b as buildGuides, c as buildChildrenGuides, e as buildGuidesMap, f as getFieldsToSave, u as updateTabInFieldsFromGroupList, h as buildNewGuideName, d as defineCustomElement$5 } from './field-config2.js';
 import { d as defineCustomElement$7 } from './config-header2.js';
 import { d as defineCustomElement$6 } from './configs-button2.js';
 import { d as defineCustomElement$4 } from './field-item2.js';
@@ -54,6 +54,10 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.showNoGuideSelectedDialog();
       return;
     }
+    if (this.selectedGuide.isCustom || this.selectedGuide.isDetail) {
+      this.showCanNotAddFieldToGuideDialog();
+      return;
+    }
     this.availableFields = [...this.availableFields.filter(f => f.name !== fieldItem.name)];
     await ((_a = this.refFieldsLayout) === null || _a === void 0 ? void 0 : _a.addFieldToLayout(fieldItem));
   }
@@ -79,6 +83,11 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     const message = this.getMessage('snkFormConfig.noGuideSelected.message');
     ApplicationUtils.alert(title, message);
   }
+  showCanNotAddFieldToGuideDialog() {
+    const title = this.getMessage('snkFormConfig.canNotAddFieldToGuide.title');
+    const message = this.getMessage('snkFormConfig.canNotAddFieldToGuide.message');
+    ApplicationUtils.alert(title, message);
+  }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
    * através de um pequeno modulo na estrutura da aplicação:
@@ -150,9 +159,21 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       return fieldVisible === true && hasCfg === false;
     });
   }
+  getInitialOrder(guidesList) {
+    var _a, _b;
+    if (Array.isArray((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.tabs)) {
+      return (_b = this._formConfig.tabs) === null || _b === void 0 ? void 0 : _b.length;
+    }
+    if (guidesList.length > 0) {
+      return Math.max(...guidesList.map(g => g.order));
+    }
+    return 0;
+  }
   loadGuides() {
     var _a;
-    this.guidesList = [...buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea'))];
+    this.guidesList = [];
+    this.guidesList.push(...buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea')));
+    this.guidesList.push(...buildChildrenGuides(this.dataUnit, this.getInitialOrder(this.guidesList), this.guidesList));
     this.guidesMap = buildGuidesMap((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
   }
   getConfig() {

package/dist/components/snk-taskbar2.js

@@ -1,7 +1,7 @@
 import { h, proxyCustomElement, HTMLElement, createEvent, Host } from '@stencil/core/internal/client';
-import { Action, LockManager, LockManagerOperation, SilentException, StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection, ElementIDUtils } from '@sankhyalabs/core';
-import { A as AuthorizationConfig } from './AuthorizationConfig.js';
+import { Action, ElementIDUtils, LockManager, LockManagerOperation, SilentException, StringUtils, ApplicationContext, OVERFLOWED_CLASS_NAME, OverflowWatcher, OverflowDirection } from '@sankhyalabs/core';
 import { P as PresentationMode } from './ISave.js';
+import { A as AuthorizationConfig } from './AuthorizationConfig.js';
 import { s as store } from './index2.js';
 import { d as defineCustomElement$5 } from './snk-actions-button2.js';
 import { d as defineCustomElement$4 } from './snk-data-exporter2.js';
@@ -147,6 +147,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
     this.NOT_OVERFLOW_ELEMENTS = ["moreOptions", "dataExporter_snkDataExporter", "actionsButton_snkActionsButton"];
     this.TASKBAR_CUSTOM_ELEMENTS = 'taskbar-custom-elements-container';
+    this._dataUnitInitialized = false;
     this._titleKeyByElement = {
       [TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
@@ -244,6 +245,17 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.taskbarSaveUnlocker.emit();
     }
   }
+  observeDataUnit(newValue) {
+    this.initializeDataUnit(newValue);
+  }
+  initializeDataUnit(dataUnit) {
+    if (!!dataUnit && !this._dataUnitInitialized) {
+      this._dataUnitInitialized = true;
+      const dataInfo = { dataUnit: this.dataUnit };
+      ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+      this.dataUnit.subscribe(this.onSaveEvent);
+    }
+  }
   // Internal methods
   elementsFromString(strButtons) {
     const elements = [];
@@ -289,45 +301,46 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   elementClick(elem) {
     LockManager.whenResolve(this._element, LockManagerOperation.TASKBAR_CLICK).then(() => {
-      if (this.dataUnit) {
-        switch (elem) {
-          case TaskbarElement.PREVIOUS:
-            this.dataUnit.previousRecord();
-            break;
-          case TaskbarElement.NEXT:
-            this.dataUnit.nextRecord();
-            break;
-          case TaskbarElement.REFRESH:
-            this.dataUnit.loadData();
-            break;
-          case TaskbarElement.CLONE:
-            this.dataUnit.copySelected();
-            break;
-          case TaskbarElement.REMOVE:
-            this.dataUnit.removeSelectedRecords();
-            break;
-          case TaskbarElement.INSERT:
-            this.dataUnit.addRecord();
-            break;
-          case TaskbarElement.CANCEL:
-            this.dataUnit.cancelEdition();
-            break;
-          case TaskbarElement.SAVE:
-            if (!this._isWaitingForSave) {
-              this._isWaitingForSave = true;
-              this.dataUnit.saveData().catch((err) => {
-                if (err instanceof SilentException) {
-                  return;
-                }
-                else {
-                  throw err;
-                }
-              }).finally(() => {
-                this._isWaitingForSave = false;
-              });
-            }
-            break;
-        }
+      if (!this.dataUnit) {
+        return;
+      }
+      switch (elem) {
+        case TaskbarElement.PREVIOUS:
+          this.dataUnit.previousRecord();
+          break;
+        case TaskbarElement.NEXT:
+          this.dataUnit.nextRecord();
+          break;
+        case TaskbarElement.REFRESH:
+          this.dataUnit.loadData();
+          break;
+        case TaskbarElement.CLONE:
+          this.dataUnit.copySelected();
+          break;
+        case TaskbarElement.REMOVE:
+          this.dataUnit.removeSelectedRecords();
+          break;
+        case TaskbarElement.INSERT:
+          this.dataUnit.addRecord();
+          break;
+        case TaskbarElement.CANCEL:
+          this.dataUnit.cancelEdition();
+          break;
+        case TaskbarElement.SAVE:
+          if (!this._isWaitingForSave) {
+            this._isWaitingForSave = true;
+            this.dataUnit.saveData().catch((err) => {
+              if (err instanceof SilentException) {
+                return;
+              }
+              else {
+                throw err;
+              }
+            }).finally(() => {
+              this._isWaitingForSave = false;
+            });
+          }
+          break;
       }
       if (this.isEnabled(elem))
         this.actionClick.emit(elem);
@@ -525,10 +538,8 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     };
   }
   componentDidLoad() {
-    const dataInfo = { dataUnit: this.dataUnit };
-    ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+    this.initializeDataUnit(this.dataUnit);
     this.handleOverFlowStrategy();
-    this.dataUnit.subscribe(this.onSaveEvent);
   }
   componentDidRender() {
     this.appendCustomElementsInTaskbar();
@@ -587,7 +598,8 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "buttons": ["observeButtons"],
     "disabledButtons": ["observeDisabledButtons"],
     "_lastWidth": ["observeLastWidth"],
-    "_isWaitingForSave": ["observeIsWaitingForSave"]
+    "_isWaitingForSave": ["observeIsWaitingForSave"],
+    "dataUnit": ["observeDataUnit"]
   }; }
   static get style() { return snkTaskbarCss; }
 }, [6, "snk-taskbar", {

package/dist/esm/{ConfigStorage-22eace3a.js → ConfigStorage-a60b12c2.js}

@@ -1,5 +1,5 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-bc6f0f1f.js';
-import { D as DataFetcher, d as dist } from './DataFetcher-f6b2961a.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-cf8c52d0.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-9a1709a3.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
 

package/dist/esm/{DataFetcher-f6b2961a.js → DataFetcher-9a1709a3.js}

@@ -7432,6 +7432,8 @@ const snkFormConfigMessages$2 = {
     labelNewGroup: "Adicionar novo grupo",
     mainArea: "Área principal",
     tabGeneral: "Geral",
+    canNotEditCustomGuide: "Não é possível editar guias detalhe e guias personalizadas",
+    canNotEditDetailGuide: "Para realizar a configuração de uma tela de detalhes é necessário acessar a sua aba",
     createNewGroup: "Criar novo grupo",
     newGroup: "Criar novo grupo",
     noGuideSelected: "Selecione uma guia e comece a configurar",
@@ -7459,6 +7461,10 @@ const snkFormConfigMessages$2 = {
     title: "Atenção",
     message: "Selecione uma guia para iniciar a configuração!"
   },
+  canNotAddFieldToGuide: {
+    title: "Atenção",
+    message: "Não é possível adicionar campos à guias customizadas ou guias detalhe!"
+  },
   alert: {
     titleGroupExists: "Já existe um grupo com título",
     titleGroupEditing: "Há um <b>grupo<b/> em edição. <br/> Finalize a edição para salvar as configurações.",
@@ -7489,6 +7495,7 @@ const snkFormConfigMessages$2 = {
     createNewGuide: "Criar nova guia",
     noHiddenGuides: "Nenhuma guia oculta",
     noVisibleGuides: "Nenhuma guia visível",
+    canNotDeleteCustomGuide: "Não é possível excluir guias detalhe e guias personalizadas",
     actions: {
       hide: "Ocultar",
       show: "Tornar visível",
@@ -8283,6 +8290,8 @@ const snkFormConfigMessages$1 = {
     labelNewGroup: "Add new group",
     mainArea: "Main area",
     tabGeneral: "General",
+    canNotEditCustomGuide: "It is not possible to edit detail tabs and custom tabs",
+    canNotEditDetailGuide: "To configure a detail screen, you must access its tab",
     createNewGroup: "Create new group",
     newGroup: "New group",
     noGuideSelected: "Select a tab and start configuring",
@@ -8310,6 +8319,10 @@ const snkFormConfigMessages$1 = {
     title: "Attention",
     message: "Select a guide to start configuration!"
   },
+  canNotAddFieldToGuide: {
+    title: "Attention",
+    message: "It is not possible to add fields to detail tabs or custom tabs!"
+  },
   alert: {
     titleGroupExists: "A group with this title already exists",
     titleGroupEditing: "There is a <b>group<b/> being edited. <br/> Finish editing to save the settings.",
@@ -8340,6 +8353,7 @@ const snkFormConfigMessages$1 = {
     createNewGuide: "Create new tab",
     noHiddenGuides: "No hidden tabs",
     noVisibleGuides: "No visible tabs",
+    canNotDeleteCustomGuide: "Is not possible to detail detail tabs os a custom tabs",
     actions: {
       hide: "Hide",
       show: "Make visible",
@@ -9134,6 +9148,8 @@ const snkFormConfigMessages = {
     labelNewGroup: "Añadir nuevo grupo",
     mainArea: "Área principal",
     tabGeneral: "General",
+    canNotEditCustomGuide: "No es posible editar pestañas de detalles y pestañas personalizadas",
+    canNotEditDetailGuide: "Para realizar la configuración de una pantalla de detalles es necesario acceder a su pestaña",
     createNewGroup: "Crear nuevo grupo",
     newGroup: "Nuevo grupo",
     noGuideSelected: "Seleccione una pestaña y comience a configurar",
@@ -9161,6 +9177,10 @@ const snkFormConfigMessages = {
     title: "Atención",
     message: "¡Seleccione una guía para iniciar la configuración!"
   },
+  canNotAddFieldToGuide: {
+    title: "Atención",
+    message: "¡No es posible agregar campos a pestañas de detalles o pestañas personalizadas!"
+  },
   alert: {
     titleGroupExists: "Ya existe un grupo con título",
     titleGroupEditing: "Hay un <b>grupo<b/> en edición. <br/> Finalice la edición para guardar las configuraciones.",
@@ -9191,6 +9211,7 @@ const snkFormConfigMessages = {
     createNewGuide: "Crear nueva pestaña",
     noHiddenGuides: "No hay pestañas ocultas",
     noVisibleGuides: "No hay pestañas visibles",
+    canNotDeleteCustomGuide: "No es posible eliminar pestañas de detalles o pestañas personalizadas",
     actions: {
       hide: "Ocultar",
       show: "Hacer visible",

package/dist/esm/{FormConfigHelper-4e42f0b6.js → FormConfigHelper-b9cf7758.js}

@@ -109,6 +109,29 @@ function buildGuides(config, mainArea) {
   tabs = initializeTabsNames(tabs);
   return handleMainTab(tabs, mainArea);
 }
+function buildChildrenGuides(dataUnit, initialOrderIndex = 0, guidesList) {
+  var _a;
+  if (!dataUnit || !dataUnit.metadata) {
+    return [];
+  }
+  const children = ((_a = dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.children) || [];
+  const childrenWithNoGuide = [];
+  for (const child of children) {
+    const guideOnConfig = guidesList.find(guide => child.label === guide.label);
+    if (guideOnConfig) {
+      guideOnConfig.isCustom = true;
+      continue;
+    }
+    childrenWithNoGuide.push({
+      label: child.label,
+      name: child.name,
+      visible: true,
+      isCustom: true,
+      order: initialOrderIndex++,
+    });
+  }
+  return childrenWithNoGuide;
+}
 function handleFieldsTabNames(allFields) {
   // Campos que não fazem parte de nenhuma aba ou da aba "Geral", devem ser movidos para a aba __main.
   return allFields.map(field => {
@@ -244,4 +267,4 @@ function buildFieldToSave(fieldConfig) {
   return fieldToSave;
 }
 
-export { ID_AVAILABLE_FIELDS as I, SORTABLE_PATH as S, buildGuidesMap as a, buildGuides as b, buildNewGuideName as c, getFieldsStructure as d, getValidatedFieldValue as e, getEnabledByProperty as f, getFieldsToSave as g, getValueByProperty as h, getIconName as i, updateTabInFieldsFromGroupList as u };
+export { ID_AVAILABLE_FIELDS as I, SORTABLE_PATH as S, buildChildrenGuides as a, buildGuides as b, buildGuidesMap as c, buildNewGuideName as d, getFieldsStructure as e, getValidatedFieldValue as f, getFieldsToSave as g, getEnabledByProperty as h, getValueByProperty as i, getIconName as j, updateTabInFieldsFromGroupList as u };

package/dist/esm/{ISave-6b7b0423.js → ISave-b9c9188b.js}

@@ -1,5 +1,5 @@
 import { UserInterface, DataType, ApplicationContext, ErrorException } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-f6b2961a.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-9a1709a3.js';
 
 function buildGridMetadata(rawValue) {
   const fieldsMetadata = buildFieldsMetadata(rawValue.fieldsMetadata);

package/dist/esm/{SnkFormConfigManager-968b97e7.js → SnkFormConfigManager-1548dc73.js}

@@ -1,6 +1,6 @@
-import { C as ConfigStorage } from './ConfigStorage-22eace3a.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
-import { F as FormConfigFetcher } from './form-config-fetcher-bc6f0f1f.js';
+import { C as ConfigStorage } from './ConfigStorage-a60b12c2.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-cf8c52d0.js';
 import { a as TAB_NAMES } from './constants-7b422de0.js';
 
 class SnkFormConfigManager {
@@ -83,7 +83,7 @@ class SnkFormConfigManager {
     return false;
   }
   getFieldsList(descriptionFilter, forceEmptyConfig = false) {
-    var _a;
+    var _a, _b;
     const fields = (_a = this._config) === null || _a === void 0 ? void 0 : _a.fields;
     const hasConfig = this.hasConfig();
     if (hasConfig && !forceEmptyConfig) {
@@ -99,7 +99,7 @@ class SnkFormConfigManager {
       })
         .filter(field => this.isFieldVisible(field, descriptionFilter));
     }
-    if (!this._dataUnit) {
+    if (!this._dataUnit || !((_b = this._dataUnit.metadata) === null || _b === void 0 ? void 0 : _b.fields)) {
       return [];
     }
     const filteredFields = this._dataUnit.metadata.fields
@@ -179,7 +179,7 @@ class SnkFormConfigManager {
     return Array.isArray(object) ? object : [object];
   }
   buildFormMetadataUITabs(config, forceEmptyConfig = false) {
-    var _a;
+    var _a, _b, _c;
     const hasConfig = this.hasConfig(config);
     if (!forceEmptyConfig && (!this._dataUnit || hasConfig)) {
       return config;
@@ -188,10 +188,10 @@ class SnkFormConfigManager {
     config.tabs = this.parseObjectList(config.tabs);
     config.emptyConfig = false;
     config.defaultConfiguration = true;
-    const fields = this._dataUnit.metadata.fields;
+    const fields = (_b = (_a = this._dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.fields) !== null && _b !== void 0 ? _b : [];
     for (const currentField of fields) {
       const field = config.fields.find(field => field.name === currentField.name);
-      const uiTabName = (_a = currentField.properties) === null || _a === void 0 ? void 0 : _a.UITabName;
+      const uiTabName = (_c = currentField.properties) === null || _c === void 0 ? void 0 : _c.UITabName;
       if (!uiTabName || uiTabName === TAB_NAMES.main) {
         continue;
       }

package/dist/esm/{SnkMultiSelectionListDataSource-1136c4e7.js → SnkMultiSelectionListDataSource-65764464.js}

@@ -1,12 +1,12 @@
-import { D as DataFetcher } from './DataFetcher-f6b2961a.js';
-import './ISave-6b7b0423.js';
+import { D as DataFetcher } from './DataFetcher-9a1709a3.js';
+import './ISave-b9c9188b.js';
 import { SortMode, ApplicationContext, ObjectUtils, StringUtils, NumberUtils, DataType, UserInterface as UserInterface$1, DateUtils } from '@sankhyalabs/core';
 import { D as DataExporterOption } from './index-b40568ff.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-6314b19d.js';
+import { P as PreloadManager } from './dataunit-fetcher-eba36247.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-bc6f0f1f.js';
+import './form-config-fetcher-cf8c52d0.js';
 import './constants-7b422de0.js';
 import { h } from './index-479e1293.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';

package/dist/esm/{auth-fetcher-cf39e42b.js → auth-fetcher-566bad7c.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils } from '@sankhyalabs/core';
-import { R as ResourceFetcher } from './form-config-fetcher-bc6f0f1f.js';
+import { R as ResourceFetcher } from './form-config-fetcher-cf8c52d0.js';
 
 class AuthFetcher extends ResourceFetcher {
   getData(resourceID) {

package/dist/esm/{dataunit-fetcher-6314b19d.js → dataunit-fetcher-eba36247.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils, DataUnit, DataUnitInMemoryLoader, ApplicationContext, StringUtils, UserInterface, DataUnitStorage, DataType, ChangeOperation } from '@sankhyalabs/core';
-import { D as DataFetcher, S as SnkMessageBuilder, d as dist } from './DataFetcher-f6b2961a.js';
+import { D as DataFetcher, S as SnkMessageBuilder, d as dist } from './DataFetcher-9a1709a3.js';
 import { DISTINCT_FILTER_NAME_PREFIX } from '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 import { ColumnFilterManager } from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils';

package/dist/esm/field-config_2.entry.js

@@ -3,7 +3,7 @@ import { UserInterface, StringUtils, ObjectUtils, ApplicationContext } from '@sa
 import { b as VARS_BY_TYPE, D as DEFAULT_TYPE, c as TAGS_BY_TYPE } from './constants-7b422de0.js';
 import { getConvertedValue } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
-import { e as getValidatedFieldValue, f as getEnabledByProperty, h as getValueByProperty, i as getIconName } from './FormConfigHelper-4e42f0b6.js';
+import { f as getValidatedFieldValue, h as getEnabledByProperty, i as getValueByProperty, j as getIconName } from './FormConfigHelper-b9cf7758.js';
 
 const fieldConfigCss = ".field-config-container.sc-field-config{font-family:'Roboto';color:#2b3a54;display:flex;flex-direction:column;gap:10px;width:330px;justify-content:space-between}.header.sc-field-config{display:flex;font-weight:500;font-size:16px}.actions.sc-field-config{display:flex;align-items:flex-end;gap:12px}";
 

package/dist/esm/fields-layout.entry.js

@@ -1,11 +1,11 @@
 import { r as registerInstance, c as createEvent, f as forceUpdate, h, H as Host, g as getElement } from './index-479e1293.js';
 import { StringUtils, ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { S as Sortable } from './sortable.esm-842f85a3.js';
-import { S as SORTABLE_PATH, d as getFieldsStructure, I as ID_AVAILABLE_FIELDS } from './FormConfigHelper-4e42f0b6.js';
 import { a as TAB_NAMES, G as GROUP_NAMES } from './constants-7b422de0.js';
-import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { S as SORTABLE_PATH, e as getFieldsStructure, I as ID_AVAILABLE_FIELDS } from './FormConfigHelper-b9cf7758.js';
 
-const fieldsLayoutCss = ".sc-fields-layout-h{display:flex;padding:12px;box-shadow:var(--shadow--small, 0 0 16px rgba(0, 38, 111, 0.07));border-radius:var(--border--radius-medium, 6px);height:var(--snk-form-config-container-height);flex-direction:column}.layout-container.sc-fields-layout{container-type:inline-size;display:flex;flex-direction:column;overflow:auto;height:calc(100vh - 225px)}.guide-header.sc-fields-layout{display:flex;width:100%;font-size:20px;border-bottom:1px solid #dce0e8;margin-bottom:6px;align-items:center;height:45px}.guide-header.sc-fields-layout ez-button.sc-fields-layout{transition:all 0.2s ease-in-out;visibility:hidden;opacity:0}.guide-header.sc-fields-layout:hover ez-button.sc-fields-layout{visibility:visible;opacity:1}.guide-header-label.sc-fields-layout{display:block;padding:10px 0}.group-config.sc-fields-layout{padding:12px 0;display:flex;flex-direction:column;width:100%}.group-content.sc-fields-layout{display:grid;gap:12px;min-height:65px;width:100%;padding:6px 0;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.group-content.empty-content.sc-fields-layout{position:relative}.group-content.empty-content.sc-fields-layout::before{content:var(--empty-content-message, \"Arraste e solte um campo aqui\");color:#cbcfd7;font-size:16px;font-weight:500;text-align:center;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity 0.3s;height:100%;box-sizing:border-box;padding:10px;background:#f9f9f9;border:1px dashed #dce0e8;border-radius:6px}.no-group-container.sc-fields-layout{padding:12px 0;width:100%;border-bottom:1px solid #dce0e8}.no-group-container.sc-fields-layout::before{content:var(--no-group-message, \"Inclua estes campos nos grupos ou deixe-os separados no topo do formulário\");width:100%;display:block;font-size:16px;font-weight:400;color:#AFB6C0;padding-bottom:12px}.add-group-container.sc-fields-layout{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;padding-bottom:12px;gap:6px;cursor:pointer;justify-content:center;width:100%;height:55px}.no-guide-selected.sc-fields-layout{display:block;margin:auto;font-size:24px;color:#AFB6C0;font-weight:500}.ghost.sc-fields-layout{opacity:.5;background:#c8fbe2}";
+const fieldsLayoutCss = ".sc-fields-layout-h{display:flex;padding:12px;box-shadow:var(--shadow--small, 0 0 16px rgba(0, 38, 111, 0.07));border-radius:var(--border--radius-medium, 6px);height:var(--snk-form-config-container-height);flex-direction:column}.layout-container.sc-fields-layout{container-type:inline-size;display:flex;flex-direction:column;overflow:auto;height:calc(100vh - 225px)}.guide-header.sc-fields-layout{display:flex;width:100%;font-size:20px;border-bottom:1px solid #dce0e8;margin-bottom:6px;align-items:center;height:45px}.guide-header.sc-fields-layout ez-button.sc-fields-layout{transition:all 0.2s ease-in-out;visibility:hidden;opacity:0}.guide-header.sc-fields-layout:hover ez-button.sc-fields-layout{visibility:visible;opacity:1}.guide-header-label.sc-fields-layout{display:block;padding:10px 0}.group-config.sc-fields-layout{padding:12px 0;display:flex;flex-direction:column;width:100%}.group-content.sc-fields-layout{display:grid;gap:12px;min-height:65px;width:100%;padding:6px 0;grid-template-columns:repeat(auto-fill, minmax(250px, 1fr))}.group-content.empty-content.sc-fields-layout{position:relative}.group-content.empty-content.sc-fields-layout::before{content:var(--empty-content-message, \"Arraste e solte um campo aqui\");color:#cbcfd7;font-size:16px;font-weight:500;text-align:center;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;transition:opacity 0.3s;height:100%;box-sizing:border-box;padding:10px;background:#f9f9f9;border:1px dashed #dce0e8;border-radius:6px}.no-group-container.sc-fields-layout{padding:12px 0;width:100%;border-bottom:1px solid #dce0e8}.no-group-container.sc-fields-layout::before{content:var(--no-group-message, \"Inclua estes campos nos grupos ou deixe-os separados no topo do formulário\");width:100%;display:block;font-size:16px;font-weight:400;color:#AFB6C0;padding-bottom:12px}.add-group-container.sc-fields-layout{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;padding-bottom:12px;gap:6px;cursor:pointer;justify-content:center;width:100%;height:55px}.no-guide-selected.sc-fields-layout{display:block;margin:auto;font-size:24px;color:#AFB6C0;font-weight:500}.message-container.sc-fields-layout{margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.message-config-detail.sc-fields-layout{display:block;margin:auto;font-size:var(--font-size--medium, 16px);color:#AFB6C0;font-weight:var(--font-weight--medium, 500)}.ghost.sc-fields-layout{opacity:.5;background:#c8fbe2}";
 
 const FieldLayoutComponent = class {
   constructor(hostRef) {
@@ -329,6 +329,9 @@ const FieldLayoutComponent = class {
     if (!this.selectedGuide) {
       return (h(Host, { class: 'ez-flex-item--auto ez-size-height--full ez-box ez-padding--medium content-container' }, h("span", { class: 'no-guide-selected' }, this.getMessage('snkFormConfig.form.noGuideSelected'))));
     }
+    if (this.selectedGuide.isCustom || this.selectedGuide.isDetail) {
+      return (h(Host, { class: 'ez-flex-item--auto ez-size-height--full ez-box ez-padding--medium content-container' }, h("div", { class: 'message-container' }, h("h1", { class: 'no-guide-selected' }, this.getMessage('snkFormConfig.form.canNotEditCustomGuide')), h("span", { class: 'message-config-detail' }, this.getMessage('snkFormConfig.form.canNotEditDetailGuide')))));
+    }
     return (h(Host, { class: 'ez-flex-item--auto ez-size-height--full ez-box ez-padding--medium content-container' }, this.renderGuideName(), h("div", { class: 'layout-container' }, h("ez-scroller", { direction: 'vertical', activeShadow: true }, h("div", { class: 'no-group-container' }, h("div", { id: GROUP_NAMES.noGroup, class: 'group-content', "data-group-name": GROUP_NAMES.noGroup }, this.renderFixedFields())), h("hr", null), h("div", { id: this.ID_GROUPS, class: 'groups-container' }, this.renderDraggableGroups()))), h("div", { class: 'add-group-container', onClick: this.handleAddGroup.bind(this) }, h("ez-icon", { slot: "leftIcon", iconName: "plus" }), h("span", null, this.getMessage('snkFormConfig.form.createNewGroup')))));
   }
   get el() { return getElement(this); }