@sankhyalabs/sankhyablocks 10.1.0-dev.7 → 10.1.0-dev.9

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

@@ -4,14 +4,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-1cf293c1.js');
 const core = require('@sankhyalabs/core');
-const ISave = require('./ISave-ebf6b4ed.js');
-require('./DataFetcher-991b0349.js');
+const ISave = require('./ISave-0f98a457.js');
+require('./DataFetcher-5181a917.js');
 require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-8bf469e7.js');
+require('./dataunit-fetcher-1ba5e2cc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-c7af90d8.js');
+require('./form-config-fetcher-4a679e23.js');
 require('./constants-6d82e405.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
@@ -56,7 +56,6 @@ const SnkPesquisa = class {
    * Útil para cenários onde a pesquisa precisa ser disparada sem interação do usuário.
    *
    * @param text Texto utilizado como argumento de pesquisa.
-   * @returns Promise<void>
    * @example
    * await pesquisaRef.executeSearch("Texto para pesquisa");
    */

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -7,18 +7,18 @@ const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-6d82e405.js');
 const taskbarElements = require('./taskbar-elements-fb5d1e08.js');
-require('./DataFetcher-991b0349.js');
-require('./ISave-ebf6b4ed.js');
-const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-011bec79.js');
+require('./DataFetcher-5181a917.js');
+require('./ISave-0f98a457.js');
+const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-e4e38139.js');
 const index$1 = require('./index-e3e39724.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-8bf469e7.js');
+const dataunitFetcher = require('./dataunit-fetcher-1ba5e2cc.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-const formConfigFetcher = require('./form-config-fetcher-c7af90d8.js');
+const formConfigFetcher = require('./form-config-fetcher-4a679e23.js');
 const taskbarProcessor = require('./taskbar-processor-2fba34a8.js');
-const ConfigStorage = require('./ConfigStorage-72f34bd4.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-cdbb29d4.js');
+const ConfigStorage = require('./ConfigStorage-5c0590b3.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-1907ffed.js');
 const index$2 = require('./index-13d05f03.js');
 require('./PrintUtils-bcaeb82f.js');
 require('./GetSelectedRecordsIDsInfo-bd50caf1.js');

package/dist/collection/components/snk-form-config/FormConfigHelper.js

@@ -116,7 +116,9 @@ export function buildChildrenGuides(dataUnit, initialOrderIndex = 0, guidesList)
   const children = ((_a = dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.children) || [];
   const childrenWithNoGuide = [];
   for (const child of children) {
-    if (guidesList.some((guide) => child.label === guide.label)) {
+    const guideOnConfig = guidesList.find(guide => child.label === guide.label);
+    if (guideOnConfig) {
+      guideOnConfig.isCustom = true;
       continue;
     }
     childrenWithNoGuide.push({

package/dist/collection/components/snk-form-config/SnkFormConfigManager.js

@@ -178,7 +178,7 @@ export 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;
@@ -187,10 +187,10 @@ export 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/collection/components/snk-form-config/fields-layout/fields-layout.css

@@ -119,6 +119,22 @@
   font-weight: 500;
 }
 
+.message-container {
+  margin: auto;
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+}
+
+.message-config-detail {
+  display: block;
+  margin: auto;
+  font-size: var(--font-size--medium, 16px);
+  color: #AFB6C0;
+  font-weight: var(--font-weight--medium, 500);
+}
+
 .ghost {
   opacity: .5;
   background: #c8fbe2;

package/dist/collection/components/snk-form-config/fields-layout/fields-layout.js

@@ -1,9 +1,9 @@
-import { forceUpdate, h, Host, } from '@stencil/core';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { forceUpdate, h, Host, } from '@stencil/core';
 import Sortable from 'sortablejs';
-import { getFieldsStructure, ID_AVAILABLE_FIELDS, SORTABLE_PATH, } from '../FormConfigHelper';
 import { GROUP_NAMES, TAB_NAMES } from '../../../lib/utils/constants';
-import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { getFieldsStructure, ID_AVAILABLE_FIELDS, SORTABLE_PATH, } from '../FormConfigHelper';
 export class FieldLayoutComponent {
   constructor() {
     this.ID_GROUPS = 'container-groups';
@@ -321,7 +321,7 @@ export class FieldLayoutComponent {
       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("span", { class: 'no-guide-selected' }, this.getMessage('snkFormConfig.form.canNotEditCustomGuide'))));
+      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')))));
   }

package/dist/collection/components/snk-form-config/guides-configurator/guides-configurator.css

@@ -91,13 +91,13 @@
 .guide-item .actions {
   display: flex;
   gap: 8px;
-  transition: 0.2s ease-in-out;
-  visibility: hidden;
+  transition: opacity 0.2s ease-in-out;
+  display: none;
   opacity: 0;
 }
 
 .guide-item:hover .actions {
-  visibility: visible;
+  display: flex;
   opacity: 1;
 }
 

package/dist/collection/components/snk-form-config/guides-configurator/guides-configurator.js

@@ -1,7 +1,7 @@
-import { h } from '@stencil/core';
-import Sortable from 'sortablejs';
 import { ArrayUtils, ObjectUtils } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { h } from '@stencil/core';
+import Sortable from 'sortablejs';
 import { TAB_NAMES } from '../../../lib/utils/constants';
 export class GuidesConfigurator {
   constructor() {

package/dist/collection/components/snk-form-config/snk-form-config.js

@@ -147,13 +147,23 @@ export class SnkFormConfig {
       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, _b, _c, _d;
+    var _a;
     this.guidesList = [];
     this.guidesList.push(...buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea')));
-    this.guidesList.push(...buildChildrenGuides(this.dataUnit, (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, this.guidesList));
+    this.guidesList.push(...buildChildrenGuides(this.dataUnit, this.getInitialOrder(this.guidesList), this.guidesList));
     this.guidesList.push(...buildCustomGuides(this.customGuidesConfig, this.guidesList));
-    this.guidesMap = buildGuidesMap((_d = this._formConfig) === null || _d === void 0 ? void 0 : _d.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
+    this.guidesMap = buildGuidesMap((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
   }
   getConfig() {
     let config = this.configManager.getConfig(this.dataUnit, false);

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

@@ -37,7 +37,6 @@ export class SnkPesquisa {
    * Útil para cenários onde a pesquisa precisa ser disparada sem interação do usuário.
    *
    * @param text Texto utilizado como argumento de pesquisa.
-   * @returns Promise<void>
    * @example
    * await pesquisaRef.executeSearch("Texto para pesquisa");
    */
@@ -642,9 +641,6 @@ export class SnkPesquisa {
           "tags": [{
               "name": "param",
               "text": "text Texto utilizado como argumento de pesquisa."
-            }, {
-              "name": "returns",
-              "text": "Promise<void>"
             }, {
               "name": "example",
               "text": "await pesquisaRef.executeSearch(\"Texto para pesquisa\");"

package/dist/collection/lib/message/resources/en-us/snk-form.msg.js

@@ -40,6 +40,7 @@ export const snkFormConfigMessages = {
     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",

package/dist/collection/lib/message/resources/es-es/snk-form.msg.js

@@ -40,6 +40,7 @@ export const snkFormConfigMessages = {
     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",

package/dist/collection/lib/message/resources/pt-br/snk-form.msg.js

@@ -40,6 +40,7 @@ export const snkFormConfigMessages = {
     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",

package/dist/components/DataFetcher.js

@@ -7439,6 +7439,7 @@ const snkFormConfigMessages$2 = {
     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",
@@ -8303,6 +8304,7 @@ const snkFormConfigMessages$1 = {
     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",
@@ -9167,6 +9169,7 @@ const snkFormConfigMessages = {
     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",

package/dist/components/SnkFormConfigManager.js

@@ -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/components/field-config2.js

@@ -120,7 +120,9 @@ function buildChildrenGuides(dataUnit, initialOrderIndex = 0, guidesList) {
   const children = ((_a = dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.children) || [];
   const childrenWithNoGuide = [];
   for (const child of children) {
-    if (guidesList.some((guide) => child.label === guide.label)) {
+    const guideOnConfig = guidesList.find(guide => child.label === guide.label);
+    if (guideOnConfig) {
+      guideOnConfig.isCustom = true;
       continue;
     }
     childrenWithNoGuide.push({

package/dist/components/fields-layout2.js

@@ -1,12 +1,12 @@
 import { proxyCustomElement, HTMLElement, createEvent, forceUpdate, h, Host } from '@stencil/core/internal/client';
 import { StringUtils, ObjectUtils } from '@sankhyalabs/core';
+import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { S as Sortable } from './sortable.esm.js';
-import { S as SORTABLE_PATH, a as getFieldsStructure, d as defineCustomElement$2, I as ID_AVAILABLE_FIELDS } 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 { S as SORTABLE_PATH, a as getFieldsStructure, d as defineCustomElement$2, I as ID_AVAILABLE_FIELDS } from './field-config2.js';
 import { d as defineCustomElement$1 } from './field-item2.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 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -332,7 +332,7 @@ const FieldLayoutComponent = /*@__PURE__*/ proxyCustomElement(class extends HTML
       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("span", { class: 'no-guide-selected' }, this.getMessage('snkFormConfig.form.canNotEditCustomGuide'))));
+      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')))));
   }

package/dist/components/guides-configurator2.js

@@ -1,10 +1,10 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { S as Sortable } from './sortable.esm.js';
 import { ObjectUtils, ArrayUtils } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { S as Sortable } from './sortable.esm.js';
 import { T as TAB_NAMES } from './constants.js';
 
-const guidesConfiguratorCss = ".ezSidebarNavigator.sc-guides-configurator{--ez-sidebar-navigator--height:calc(100vh - 118px)}.navigator-container.sc-guides-configurator{height:calc(100vh - 175px);display:flex;flex-direction:column;justify-content:space-between}.collapsible-container.sc-guides-configurator{display:flex;flex-direction:column;gap:12px;flex-grow:1;max-height:calc(100vh - 240px);overflow:auto}.collapsible-item.sc-guides-configurator{padding:6px;border-radius:6px;border:1px solid #dce0e8}.add-button-container.sc-guides-configurator{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;gap:6px;cursor:pointer;justify-content:center}.add-button-container.sc-guides-configurator span.sc-guides-configurator{display:block}.guide-list.sc-guides-configurator{display:flex;flex-direction:column;width:100%;min-height:10px}.guide-list.hidden-empty-content.sc-guides-configurator::before{content:var(--no-hidden-guides-message, \"Nenhuma guia oculta\");display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.guide-list.visible-empty-content.sc-guides-configurator::before{content:var(--no-visible-guides-message, \"Nenhuma guia visível\");display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.item-label.sc-guides-configurator{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.guide-item.sc-guides-configurator{margin:0 3px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:6px;transition:all 0.2s ease-in-out;height:32px}.guide-item.sc-guides-configurator .actions.sc-guides-configurator{display:flex;gap:8px;transition:0.2s ease-in-out;visibility:hidden;opacity:0}.guide-item.sc-guides-configurator:hover .actions.sc-guides-configurator{visibility:visible;opacity:1}ez-button.sc-guides-configurator{width:24px;align-items:center;justify-content:center;display:flex}.ghost.sc-guides-configurator{opacity:.5;background:#e2eaf4}.main-guide.sc-guides-configurator{padding:12px;margin:12px 0;border:1px solid #dce0e8;border-radius:6px;transition:all 0.2s ease-in-out}.guide-item.selected.sc-guides-configurator,.main-guide.selected.sc-guides-configurator{background:#E2F4EF}.guide-item.sc-guides-configurator:hover,.main-guide.sc-guides-configurator:hover{background:#f5fcfa}";
+const guidesConfiguratorCss = ".ezSidebarNavigator.sc-guides-configurator{--ez-sidebar-navigator--height:calc(100vh - 118px)}.navigator-container.sc-guides-configurator{height:calc(100vh - 175px);display:flex;flex-direction:column;justify-content:space-between}.collapsible-container.sc-guides-configurator{display:flex;flex-direction:column;gap:12px;flex-grow:1;max-height:calc(100vh - 240px);overflow:auto}.collapsible-item.sc-guides-configurator{padding:6px;border-radius:6px;border:1px solid #dce0e8}.add-button-container.sc-guides-configurator{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;gap:6px;cursor:pointer;justify-content:center}.add-button-container.sc-guides-configurator span.sc-guides-configurator{display:block}.guide-list.sc-guides-configurator{display:flex;flex-direction:column;width:100%;min-height:10px}.guide-list.hidden-empty-content.sc-guides-configurator::before{content:var(--no-hidden-guides-message, \"Nenhuma guia oculta\");display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.guide-list.visible-empty-content.sc-guides-configurator::before{content:var(--no-visible-guides-message, \"Nenhuma guia visível\");display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.item-label.sc-guides-configurator{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.guide-item.sc-guides-configurator{margin:0 3px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:6px;transition:all 0.2s ease-in-out;height:32px}.guide-item.sc-guides-configurator .actions.sc-guides-configurator{display:flex;gap:8px;transition:opacity 0.2s ease-in-out;display:none;opacity:0}.guide-item.sc-guides-configurator:hover .actions.sc-guides-configurator{display:flex;opacity:1}ez-button.sc-guides-configurator{width:24px;align-items:center;justify-content:center;display:flex}.ghost.sc-guides-configurator{opacity:.5;background:#e2eaf4}.main-guide.sc-guides-configurator{padding:12px;margin:12px 0;border:1px solid #dce0e8;border-radius:6px;transition:all 0.2s ease-in-out}.guide-item.selected.sc-guides-configurator,.main-guide.selected.sc-guides-configurator{background:#E2F4EF}.guide-item.sc-guides-configurator:hover,.main-guide.sc-guides-configurator:hover{background:#f5fcfa}";
 
 const GuidesConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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

@@ -160,13 +160,23 @@ 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, _b, _c, _d;
+    var _a;
     this.guidesList = [];
     this.guidesList.push(...buildGuides(this._formConfig, this.getMessage('snkFormConfig.form.mainArea')));
-    this.guidesList.push(...buildChildrenGuides(this.dataUnit, (_c = (_b = (_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.tabs) === null || _b === void 0 ? void 0 : _b.length) !== null && _c !== void 0 ? _c : 0, this.guidesList));
+    this.guidesList.push(...buildChildrenGuides(this.dataUnit, this.getInitialOrder(this.guidesList), this.guidesList));
     this.guidesList.push(...buildCustomGuides(this.customGuidesConfig, this.guidesList));
-    this.guidesMap = buildGuidesMap((_d = this._formConfig) === null || _d === void 0 ? void 0 : _d.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
+    this.guidesMap = buildGuidesMap((_a = this._formConfig) === null || _a === void 0 ? void 0 : _a.fields, this.guidesList, this.dataUnit, this.getMessage('snkFormConfig.form.tabGeneral'));
   }
   getConfig() {
     let config = this.configManager.getConfig(this.dataUnit, false);

package/dist/components/snk-pesquisa2.js

@@ -50,7 +50,6 @@ const SnkPesquisa = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    * Útil para cenários onde a pesquisa precisa ser disparada sem interação do usuário.
    *
    * @param text Texto utilizado como argumento de pesquisa.
-   * @returns Promise<void>
    * @example
    * await pesquisaRef.executeSearch("Texto para pesquisa");
    */

package/dist/esm/{ConfigStorage-22324b6b.js → ConfigStorage-bd096633.js}

@@ -1,5 +1,5 @@
-import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-8d0a5e1c.js';
-import { D as DataFetcher, d as dist } from './DataFetcher-450828a0.js';
+import { R as ResourceFetcher, F as FormConfigFetcher } from './form-config-fetcher-d0536a71.js';
+import { D as DataFetcher, d as dist } from './DataFetcher-5780ad39.js';
 import { F as FilterItemType } from './filter-item-type.enum-d45e026f.js';
 import { ObjectUtils } from '@sankhyalabs/core';
 

package/dist/esm/{DataFetcher-450828a0.js → DataFetcher-5780ad39.js}

@@ -7439,6 +7439,7 @@ const snkFormConfigMessages$2 = {
     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",
@@ -8303,6 +8304,7 @@ const snkFormConfigMessages$1 = {
     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",
@@ -9167,6 +9169,7 @@ const snkFormConfigMessages = {
     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",

package/dist/esm/{FormConfigHelper-e89ca25c.js → FormConfigHelper-d09669f3.js}

@@ -117,7 +117,9 @@ function buildChildrenGuides(dataUnit, initialOrderIndex = 0, guidesList) {
   const children = ((_a = dataUnit.metadata) === null || _a === void 0 ? void 0 : _a.children) || [];
   const childrenWithNoGuide = [];
   for (const child of children) {
-    if (guidesList.some((guide) => child.label === guide.label)) {
+    const guideOnConfig = guidesList.find(guide => child.label === guide.label);
+    if (guideOnConfig) {
+      guideOnConfig.isCustom = true;
       continue;
     }
     childrenWithNoGuide.push({

package/dist/esm/{ISave-61153166.js → ISave-8a22ec18.js}

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

package/dist/esm/{SnkFormConfigManager-b5a92e12.js → SnkFormConfigManager-437e98bb.js}

@@ -1,6 +1,6 @@
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
-import { C as ConfigStorage } from './ConfigStorage-22324b6b.js';
-import { F as FormConfigFetcher } from './form-config-fetcher-8d0a5e1c.js';
+import { C as ConfigStorage } from './ConfigStorage-bd096633.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-d0536a71.js';
 import { a as TAB_NAMES } from './constants-7b422de0.js';
 
 class SnkFormConfigManager {
@@ -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-d7ce2e54.js → SnkMultiSelectionListDataSource-42125ef4.js}

@@ -1,12 +1,12 @@
-import { D as DataFetcher } from './DataFetcher-450828a0.js';
-import './ISave-61153166.js';
+import { D as DataFetcher } from './DataFetcher-5780ad39.js';
+import './ISave-8a22ec18.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-da9596f6.js';
+import { P as PreloadManager } from './dataunit-fetcher-c4251d80.js';
 import './filter-item-type.enum-d45e026f.js';
-import './form-config-fetcher-8d0a5e1c.js';
+import './form-config-fetcher-d0536a71.js';
 import './constants-7b422de0.js';
 import { h } from './index-479e1293.js';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo-9fa41508.js';

package/dist/esm/{auth-fetcher-eef9d01e.js → auth-fetcher-28b9d0db.js}

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

package/dist/esm/{dataunit-fetcher-da9596f6.js → dataunit-fetcher-c4251d80.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-450828a0.js';
+import { D as DataFetcher, S as SnkMessageBuilder, d as dist } from './DataFetcher-5780ad39.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 { h as getValidatedFieldValue, i as getEnabledByProperty, j as getValueByProperty, k as getIconName } from './FormConfigHelper-e89ca25c.js';
+import { h as getValidatedFieldValue, i as getEnabledByProperty, j as getValueByProperty, k as getIconName } from './FormConfigHelper-d09669f3.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, f as getFieldsStructure, I as ID_AVAILABLE_FIELDS } from './FormConfigHelper-e89ca25c.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, f as getFieldsStructure, I as ID_AVAILABLE_FIELDS } from './FormConfigHelper-d09669f3.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) {
@@ -330,7 +330,7 @@ const FieldLayoutComponent = class {
       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("span", { class: 'no-guide-selected' }, this.getMessage('snkFormConfig.form.canNotEditCustomGuide'))));
+      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')))));
   }

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, c as createEvent, h, H as Host, g as getElement } from './index-479e1293.js';
 import { S as Sortable } from './sortable.esm-842f85a3.js';
-import { I as ID_AVAILABLE_FIELDS } from './FormConfigHelper-e89ca25c.js';
+import { I as ID_AVAILABLE_FIELDS } from './FormConfigHelper-d09669f3.js';
 import { ArrayUtils } from '@sankhyalabs/core';
 import './constants-7b422de0.js';
 

package/dist/esm/{form-config-fetcher-8d0a5e1c.js → form-config-fetcher-d0536a71.js}

@@ -1,4 +1,4 @@
-import { d as dist, D as DataFetcher } from './DataFetcher-450828a0.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-5780ad39.js';
 import { ObjectUtils } from '@sankhyalabs/core';
 
 class ResourceFetcher {

package/dist/esm/guides-configurator.entry.js

@@ -1,10 +1,10 @@
 import { r as registerInstance, c as createEvent, h, g as getElement } from './index-479e1293.js';
-import { S as Sortable } from './sortable.esm-842f85a3.js';
 import { ObjectUtils, ArrayUtils } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
+import { S as Sortable } from './sortable.esm-842f85a3.js';
 import { a as TAB_NAMES } from './constants-7b422de0.js';
 
-const guidesConfiguratorCss = ".ezSidebarNavigator.sc-guides-configurator{--ez-sidebar-navigator--height:calc(100vh - 118px)}.navigator-container.sc-guides-configurator{height:calc(100vh - 175px);display:flex;flex-direction:column;justify-content:space-between}.collapsible-container.sc-guides-configurator{display:flex;flex-direction:column;gap:12px;flex-grow:1;max-height:calc(100vh - 240px);overflow:auto}.collapsible-item.sc-guides-configurator{padding:6px;border-radius:6px;border:1px solid #dce0e8}.add-button-container.sc-guides-configurator{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;gap:6px;cursor:pointer;justify-content:center}.add-button-container.sc-guides-configurator span.sc-guides-configurator{display:block}.guide-list.sc-guides-configurator{display:flex;flex-direction:column;width:100%;min-height:10px}.guide-list.hidden-empty-content.sc-guides-configurator::before{content:var(--no-hidden-guides-message, \"Nenhuma guia oculta\");display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.guide-list.visible-empty-content.sc-guides-configurator::before{content:var(--no-visible-guides-message, \"Nenhuma guia visível\");display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.item-label.sc-guides-configurator{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.guide-item.sc-guides-configurator{margin:0 3px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:6px;transition:all 0.2s ease-in-out;height:32px}.guide-item.sc-guides-configurator .actions.sc-guides-configurator{display:flex;gap:8px;transition:0.2s ease-in-out;visibility:hidden;opacity:0}.guide-item.sc-guides-configurator:hover .actions.sc-guides-configurator{visibility:visible;opacity:1}ez-button.sc-guides-configurator{width:24px;align-items:center;justify-content:center;display:flex}.ghost.sc-guides-configurator{opacity:.5;background:#e2eaf4}.main-guide.sc-guides-configurator{padding:12px;margin:12px 0;border:1px solid #dce0e8;border-radius:6px;transition:all 0.2s ease-in-out}.guide-item.selected.sc-guides-configurator,.main-guide.selected.sc-guides-configurator{background:#E2F4EF}.guide-item.sc-guides-configurator:hover,.main-guide.sc-guides-configurator:hover{background:#f5fcfa}";
+const guidesConfiguratorCss = ".ezSidebarNavigator.sc-guides-configurator{--ez-sidebar-navigator--height:calc(100vh - 118px)}.navigator-container.sc-guides-configurator{height:calc(100vh - 175px);display:flex;flex-direction:column;justify-content:space-between}.collapsible-container.sc-guides-configurator{display:flex;flex-direction:column;gap:12px;flex-grow:1;max-height:calc(100vh - 240px);overflow:auto}.collapsible-item.sc-guides-configurator{padding:6px;border-radius:6px;border:1px solid #dce0e8}.add-button-container.sc-guides-configurator{display:flex;align-items:center;border-top:1px solid #dce0e8;padding-top:22px;gap:6px;cursor:pointer;justify-content:center}.add-button-container.sc-guides-configurator span.sc-guides-configurator{display:block}.guide-list.sc-guides-configurator{display:flex;flex-direction:column;width:100%;min-height:10px}.guide-list.hidden-empty-content.sc-guides-configurator::before{content:var(--no-hidden-guides-message, \"Nenhuma guia oculta\");display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.guide-list.visible-empty-content.sc-guides-configurator::before{content:var(--no-visible-guides-message, \"Nenhuma guia visível\");display:block;font-size:16px;font-weight:400;color:#AFB6C0;margin:auto;padding:8px}.item-label.sc-guides-configurator{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-grow:1}.guide-item.sc-guides-configurator{margin:0 3px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:5px 10px;border-radius:6px;transition:all 0.2s ease-in-out;height:32px}.guide-item.sc-guides-configurator .actions.sc-guides-configurator{display:flex;gap:8px;transition:opacity 0.2s ease-in-out;display:none;opacity:0}.guide-item.sc-guides-configurator:hover .actions.sc-guides-configurator{display:flex;opacity:1}ez-button.sc-guides-configurator{width:24px;align-items:center;justify-content:center;display:flex}.ghost.sc-guides-configurator{opacity:.5;background:#e2eaf4}.main-guide.sc-guides-configurator{padding:12px;margin:12px 0;border:1px solid #dce0e8;border-radius:6px;transition:all 0.2s ease-in-out}.guide-item.selected.sc-guides-configurator,.main-guide.selected.sc-guides-configurator{background:#E2F4EF}.guide-item.sc-guides-configurator:hover,.main-guide.sc-guides-configurator:hover{background:#f5fcfa}";
 
 const GuidesConfigurator = class {
   constructor(hostRef) {