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

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

@@ -1,15 +1,17 @@
-import { Action as DUAction, ApplicationContext, ElementIDUtils, LockManager, LockManagerOperation, OverflowDirection, OVERFLOWED_CLASS_NAME, OverflowWatcher, SilentException, StringUtils, } from '@sankhyalabs/core';
+import { ApplicationContext, Action as DUAction, ElementIDUtils, LockManager, LockManagerOperation, OverflowDirection, OVERFLOWED_CLASS_NAME, OverflowWatcher, SilentException, StringUtils, } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
+import { PresentationMode } from '../../lib/@types';
 import { AuthorizationConfig } from '../snk-configurator/AuthorizationConfig';
 import { AuthorizationElements, buildCustomButton, buildElem, TaskbarElement, VisibleWhenForbidden, } from './elements/taskbar-elements';
-import { PresentationMode } from '../../lib/@types';
 export class SnkTaskbar {
   constructor() {
     this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
     this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME = 'taskbar-custom-elements-container';
-    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.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME = 'taskbar-additional-slot-container';
+    this.TASKBAR_ADDITIONAL_SLOT = 'taskbar-additional-slot-container';
+    this._dataUnitInitialized = false;
     this._titleKeyByElement = {
       [TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
@@ -52,6 +54,7 @@ export class SnkTaskbar {
     this._isWaitingForSave = false;
     this.alignRigth = false;
     this.customSlotId = "TASKBAR_CUSTOM_ELEMENTS";
+    this.additionalSlotId = "TASKBAR_ADDITIONAL_SLOT";
     this.customContainerId = undefined;
     this.overflowStrategy = 'hiddenItems';
     this.configName = undefined;
@@ -107,6 +110,17 @@ export class SnkTaskbar {
       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 = [];
@@ -152,45 +166,46 @@ export class SnkTaskbar {
   }
   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);
@@ -372,7 +387,8 @@ export class SnkTaskbar {
     return (_a = element.getAttribute('data-taskbar-label')) !== null && _a !== void 0 ? _a : "";
   }
   hasToIgnoreOverFlow(element) {
-    return element.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME);
+    return element.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME) ||
+      element.classList.contains(this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME);
   }
   handleOverFlowStrategy() {
     if (this.overflowStrategy === 'hiddenItems') {
@@ -388,10 +404,8 @@ export class SnkTaskbar {
     };
   }
   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();
@@ -418,7 +432,7 @@ export class SnkTaskbar {
     this._slotContainer.appendChild(customElement);
   }
   render() {
-    var _a;
+    var _a, _b;
     if (this._definitions === undefined) {
       return undefined;
     }
@@ -438,7 +452,8 @@ export class SnkTaskbar {
       (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.addNotOverFlowElement(elem);
       return h("slot", { name: elem });
     })), h("div", { id: this.TASKBAR_CUSTOM_ELEMENTS, class: this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME }, h("slot", { name: this.customSlotId }), (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 :
-      _a.addNotOverFlowElement(this.TASKBAR_CUSTOM_ELEMENTS))));
+      _a.addNotOverFlowElement(this.TASKBAR_CUSTOM_ELEMENTS)), h("div", { id: this.TASKBAR_ADDITIONAL_SLOT, class: this.TASKBAR_ADDITIONAL_SLOT_CONTAINER_CLASS_NAME }, h("slot", { name: this.additionalSlotId }), (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 :
+      _b.addNotOverFlowElement(this.TASKBAR_ADDITIONAL_SLOT))));
   }
   getHostClasses() {
     if (this.overflowStrategy !== 'hiddenItems')
@@ -501,6 +516,27 @@ export class SnkTaskbar {
         "reflect": false,
         "defaultValue": "\"TASKBAR_CUSTOM_ELEMENTS\""
       },
+      "additionalSlotId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [{
+              "name": "description",
+              "text": "Define o identificador do slot adicional."
+            }],
+          "text": ""
+        },
+        "attribute": "additional-slot-id",
+        "reflect": false,
+        "defaultValue": "\"TASKBAR_ADDITIONAL_SLOT\""
+      },
       "customContainerId": {
         "type": "string",
         "mutable": false,
@@ -889,6 +925,9 @@ export class SnkTaskbar {
       }, {
         "propName": "_isWaitingForSave",
         "methodName": "observeIsWaitingForSave"
+      }, {
+        "propName": "dataUnit",
+        "methodName": "observeDataUnit"
       }];
   }
   static get listeners() {

package/dist/collection/lib/http/data-fetcher/fetchers/pesquisa-fetcher.js

@@ -64,7 +64,7 @@ export class PesquisaFetcher {
     return result;
   }
   loadAdvancedSearch(entityName, argument, criteria, searchOptions, codeValue) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
       argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
@@ -103,11 +103,11 @@ export class PesquisaFetcher {
       };
     }
     const options = searchOptions != undefined
-      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true }) : undefined;
+      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true, "limit": searchOptions.limit }) : undefined;
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": (_e = options === null || options === void 0 ? void 0 : options.limit) !== null && _e !== void 0 ? _e : this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_f = values.searchOptions) === null || _f === void 0 ? void 0 : _f.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }

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

@@ -39,6 +39,8 @@ export const snkFormConfigMessages = {
     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",
@@ -66,6 +68,10 @@ export const snkFormConfigMessages = {
     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.",
@@ -96,6 +102,7 @@ export const snkFormConfigMessages = {
     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",

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

@@ -39,6 +39,8 @@ export 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",
@@ -66,6 +68,10 @@ export 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.",
@@ -96,6 +102,7 @@ export 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/collection/lib/message/resources/pt-br/snk-form.msg.js

@@ -39,6 +39,8 @@ export const snkFormConfigMessages = {
     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",
@@ -66,6 +68,10 @@ export const snkFormConfigMessages = {
     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.",
@@ -96,10 +102,11 @@ export const snkFormConfigMessages = {
     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",
-      delete: "Excluir"
+      delete: "Excluir",
     }
   }
 };

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

@@ -8,7 +8,7 @@ export const snkPesquisaMessages = {
     initialMessage: "Os resultados de sua pesquisa aparecerão aqui...",
     resultsFoundSingular: "1 registro encontrado",
     resultsFoundPlural: "{{COUNT}} registros encontrados",
-    limitMessage: "Essa pesquisa foi limitada, existem mais resultados."
+    limitMessage: "Esta pesquisa foi limitada, existem mais resultados."
   },
   viewMode: {
     tableMode: "Modo grade",

package/dist/components/DataFetcher.js

@@ -7257,7 +7257,7 @@ const snkPesquisaMessages$2 = {
     initialMessage: "Os resultados de sua pesquisa aparecerão aqui...",
     resultsFoundSingular: "1 registro encontrado",
     resultsFoundPlural: "{{COUNT}} registros encontrados",
-    limitMessage: "Essa pesquisa foi limitada, existem mais resultados."
+    limitMessage: "Esta pesquisa foi limitada, existem mais resultados."
   },
   viewMode: {
     tableMode: "Modo grade",
@@ -7438,6 +7438,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",
@@ -7465,6 +7467,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.",
@@ -7495,10 +7501,11 @@ 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",
-      delete: "Excluir"
+      delete: "Excluir",
     }
   }
 };
@@ -8296,6 +8303,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",
@@ -8323,6 +8332,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.",
@@ -8353,6 +8366,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",
@@ -9154,6 +9168,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",
@@ -9181,6 +9197,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.",
@@ -9211,6 +9231,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/components/ISave.js

@@ -162,7 +162,7 @@ class PesquisaFetcher {
     return result;
   }
   loadAdvancedSearch(entityName, argument, criteria, searchOptions, codeValue) {
-    var _a, _b, _c, _d, _e;
+    var _a, _b, _c, _d, _e, _f;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
       argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
@@ -201,11 +201,11 @@ class PesquisaFetcher {
       };
     }
     const options = searchOptions != undefined
-      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true }) : undefined;
+      ? Object.assign(Object.assign({}, values === null || values === void 0 ? void 0 : values.searchOptions), { "pkFieldName": searchOptions.codeFieldName, "label": searchOptions.descriptionFieldName, "fieldName": searchOptions.codeFieldName, "useDescriptionOptions": false, "enableRowsCounter": true, "limit": searchOptions.limit }) : undefined;
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_e = values.searchOptions) === null || _e === void 0 ? void 0 : _e.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": (_d = options === null || options === void 0 ? void 0 : options.ignoreEntityCriteria) !== null && _d !== void 0 ? _d : false, "limit": (_e = options === null || options === void 0 ? void 0 : options.limit) !== null && _e !== void 0 ? _e : this._defaultPageSize, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_f = values.searchOptions) === null || _f === void 0 ? void 0 : _f.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }

package/dist/components/SnkFormConfigManager.js

@@ -1,5 +1,5 @@
-import { C as ConfigStorage } from './ConfigStorage.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
+import { C as ConfigStorage } from './ConfigStorage.js';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
 import { T as TAB_NAMES } from './constants.js';
 
@@ -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/components/field-config2.js

@@ -112,6 +112,48 @@ 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 buildCustomGuides(customGuidesList, guidesList) {
+  let initialOrderIndex = guidesList.length;
+  const customGuidesToAdd = getCustomGuidesNotIncludedInList(customGuidesList, guidesList);
+  return customGuidesToAdd.map(guide => {
+    return {
+      name: guide.id,
+      label: guide.label,
+      visible: true,
+      isCustom: true,
+      order: initialOrderIndex++
+    };
+  });
+}
+function isCustomGuideIncludedInList(guidesList, guide) {
+  return guidesList.some(fromList => fromList.name === guide.id || fromList.label === guide.label);
+}
+function getCustomGuidesNotIncludedInList(customGuidesList, guidesList) {
+  return customGuidesList.filter(guide => !isCustomGuideIncludedInList(guidesList, guide));
+}
 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 => {
@@ -521,4 +563,4 @@ function defineCustomElement() {
   } });
 }
 
-export { FieldConfig as F, ID_AVAILABLE_FIELDS as I, SORTABLE_PATH as S, getFieldsStructure as a, buildGuides as b, buildGuidesMap as c, defineCustomElement as d, getFieldsToSave as e, buildNewGuideName as f, getIconName as g, updateTabInFieldsFromGroupList as u };
+export { FieldConfig as F, ID_AVAILABLE_FIELDS as I, SORTABLE_PATH as S, getFieldsStructure as a, buildGuides as b, buildChildrenGuides as c, defineCustomElement as d, buildCustomGuides as e, buildGuidesMap as f, getIconName as g, getFieldsToSave as h, buildNewGuideName as i, updateTabInFieldsFromGroupList as u };

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() {
@@ -331,6 +331,9 @@ const FieldLayoutComponent = /*@__PURE__*/ proxyCustomElement(class extends HTML
     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 this; }

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() {
@@ -101,7 +101,9 @@ const GuidesConfigurator = /*@__PURE__*/ proxyCustomElement(class extends HTMLEl
       var _a;
       return (h("div", { key: guide.name, "data-guide-name": guide.name, title: guide.label, class: `guide-item ${((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.label) === guide.label ? 'selected' : ''} ${this.filterTerm.length ? 'disable-sort' : ''}`, onClick: e => this.handleSelectGuide(guide, e) }, h("span", null, h("ez-icon", { iconName: "drag-indicator", class: 'ez-margin-right--small' })), h("span", { class: 'item-label' }, guide.label), h("div", { class: 'actions' }, h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: e => this.toggleGuideVisibility(guide, e), size: "medium", iconName: guide.visible ? 'eye-off' : 'eye', title: guide.visible ?
           this.getMessage('snkFormConfig.guidesConfigurator.actions.hide') :
-          this.getMessage('snkFormConfig.guidesConfigurator.actions.show') }), h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: e => this.handleDeleteGuide(guide, e), size: "medium", iconName: 'delete', title: this.getMessage('snkFormConfig.guidesConfigurator.actions.delete') }))));
+          this.getMessage('snkFormConfig.guidesConfigurator.actions.show') }), h("ez-button", { mode: "icon", class: "ez-button--tertiary", onClick: e => this.handleDeleteGuide(guide, e), size: "medium", isDisabled: guide.isCustom || guide.isDetail, iconName: 'delete', title: guide.isCustom || guide.isDetail ?
+          this.getMessage('snkFormConfig.guidesConfigurator.canNotDeleteCustomGuide') :
+          this.getMessage('snkFormConfig.guidesConfigurator.actions.delete') }))));
     });
   }
   getContainerElement(id) {

package/dist/components/index.d.ts

@@ -16,6 +16,7 @@ export { SnkActionsForm as SnkClientConfirm } from '../types/components/snk-acti
 export { SnkConfigurator as SnkConfigurator } from '../types/components/snk-configurator/snk-configurator';
 export { SnkCrud as SnkCrud } from '../types/components/snk-crud/snk-crud';
 export { SnkCustomSlotElements as SnkCustomSlotElements } from '../types/components/snk-custom-slot-elements/snk-custom-slot-elements';
+export { SnkCustomSlotGuide as SnkCustomSlotGuide } from '../types/components/snk-custom-slot-guide/snk-custom-slot-guide';
 export { SnkDataExporter as SnkDataExporter } from '../types/components/snk-data-exporter/snk-data-exporter';
 export { SnkDataUnit as SnkDataUnit } from '../types/components/snk-data-unit/snk-data-unit';
 export { SnkDefaultFilter as SnkDefaultFilter } from '../types/components/snk-filter-bar/filter-modal/subcomponents/snk-default-filter/snk-default-filter';