@sankhyalabs/sankhyablocks 10.1.0-dev.6 → 10.1.0-dev.61

package/dist/components/dataunit-fetcher.js

@@ -1,5 +1,5 @@
 import { DataUnitInMemoryLoader, ObjectUtils, DataUnit, ApplicationContext, StringUtils, UserInterface, DataUnitStorage, DataType, ChangeOperation } from '@sankhyalabs/core';
-import { D as DataFetcher, S as SnkMessageBuilder, d as dist } from './DataFetcher.js';
+import { D as DataFetcher, d as dist } from './DataFetcher.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';
@@ -163,6 +163,9 @@ class PreloadManager {
       const columnFilters = ColumnFilterManager.getColumnFilters(request.filters, fieldName);
       filterFunction = ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values()));
     }
+    if (onlyLabel) {
+      return Promise.resolve(this.compileDistinctByLabel(dataUnit, fieldName, filterFunction));
+    }
     return new Promise((accept, reject) => {
       PreloadManager.getRepository(dataUnit).distict(record => {
         if (filterFunction != undefined && !filterFunction(record)) {
@@ -173,9 +176,6 @@ class PreloadManager {
           return { key: null, value: null };
         }
         let value = fieldValue.value != undefined ? fieldValue.value : fieldValue;
-        if ((fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label) && onlyLabel) {
-          return { key: fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label, value: dataUnit.getFormattedValue(fieldName, value) };
-        }
         return { key: dataUnit.getFormattedValue(fieldName, fieldValue), value };
       })
         .then(result => {
@@ -188,6 +188,43 @@ class PreloadManager {
         .catch(reason => reject(reason));
     });
   }
+  static compileDistinctByLabel(dataUnit, fieldName, filterFunction) {
+    const groupedOptions = new Map();
+    const cachedRecords = PreloadManager.getRepository(dataUnit).getFromCache();
+    cachedRecords.forEach(record => {
+      if (filterFunction != undefined && !filterFunction(record)) {
+        return;
+      }
+      const fieldValue = record[fieldName];
+      if (fieldValue == undefined) {
+        const nullKey = '';
+        if (!groupedOptions.has(nullKey)) {
+          groupedOptions.set(nullKey, {
+            values: new Set([null]),
+            option: { label: null, value: null, check: true },
+          });
+        }
+        return;
+      }
+      const value = fieldValue.value != undefined ? fieldValue.value : fieldValue;
+      const label = (fieldValue === null || fieldValue === void 0 ? void 0 : fieldValue.label) ? fieldValue.label : dataUnit.getFormattedValue(fieldName, fieldValue);
+      const key = String(label !== null && label !== void 0 ? label : '');
+      let grouped = groupedOptions.get(key);
+      if (!grouped) {
+        grouped = {
+          values: new Set(),
+          option: { label, value, check: true },
+        };
+        groupedOptions.set(key, grouped);
+      }
+      grouped.values.add(value);
+    });
+    return Array.from(groupedOptions.values()).map(grouped => {
+      const option = grouped.option;
+      option.__multiValues = Array.from(grouped.values.values());
+      return grouped.option;
+    });
+  }
   static async loadData(dataUnit, request, loadFromServer) {
     try {
       if (PreloadManager.isCacheEnabled(dataUnit)) {
@@ -263,7 +300,17 @@ class PreloadManager {
     });
   }
   static getCachedRecords(dataUnit) {
-    return PreloadManager.getRepository(dataUnit).getFromCache();
+    const records = PreloadManager.getRepository(dataUnit).getFromCache();
+    const request = dataUnit.getLastLoadRequest();
+    if (request == undefined) {
+      return records;
+    }
+    const columnFilters = ColumnFilterManager.getColumnFilters(request.filters, "");
+    const filterFunction = ColumnFilterManager.getFilterFunction(dataUnit, Array.from(columnFilters.values()));
+    if (filterFunction == undefined) {
+      return records;
+    }
+    return records.filter(filterFunction);
   }
 }
 PreloadManager._repositories = new Map();
@@ -512,115 +559,27 @@ class DatasetStrategy {
   }
 }
 
-async function showAskCancelPaginationPopup() {
-  return new Promise((resolve) => {
-    const messagesBuilder = new SnkMessageBuilder();
-    const { checkboxContainer, checkbox } = buildCheckboxContainer(messagesBuilder);
-    const popup = builPopup(resolve, checkbox, messagesBuilder);
-    const contentContainer = buildContentContainer();
-    const actionsContainer = buildActionsContainer();
-    contentContainer.appendChild(checkboxContainer);
-    contentContainer.appendChild(buildMessage(messagesBuilder));
-    actionsContainer.appendChild(buildContinuePaginationBtn(popup, checkbox, resolve, messagesBuilder));
-    actionsContainer.appendChild(buildCancelPaginationBtn(popup, resolve, messagesBuilder));
-    contentContainer.appendChild(actionsContainer);
-    popup.appendChild(contentContainer);
-    document.body.appendChild(popup);
-  });
-}
-function buildCheckboxContainer(messagesBuilder) {
-  const checkboxContainer = document.createElement('div');
-  checkboxContainer.style.marginBottom = '14px';
-  checkboxContainer.style.display = 'flex';
-  checkboxContainer.style.alignItems = 'center';
-  const { checkbox, checkboxLabel } = buildCheckbox(messagesBuilder);
-  checkboxContainer.appendChild(checkbox);
-  checkboxContainer.appendChild(checkboxLabel);
-  return { checkboxContainer, checkbox };
-}
-function buildCheckbox(messagesBuilder) {
-  const checkbox = document.createElement('input');
-  checkbox.type = 'checkbox';
-  checkbox.id = 'loadAll';
-  const checkboxLabel = document.createElement('label');
-  checkboxLabel.htmlFor = 'loadAll';
-  checkboxLabel.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.checkbox.loadAll");
-  checkboxLabel.style.marginLeft = '5px';
-  return { checkbox, checkboxLabel };
-}
-function buildActionsContainer() {
-  const actionsContainer = document.createElement('div');
-  actionsContainer.style.display = 'flex';
-  actionsContainer.style.flexDirection = 'row';
-  actionsContainer.style.justifyContent = 'end';
-  actionsContainer.style.gap = '5px';
-  return actionsContainer;
-}
-function buildContentContainer() {
-  const contentContainer = document.createElement('div');
-  contentContainer.style.display = 'flex';
-  contentContainer.style.flexDirection = 'column';
-  contentContainer.style.fontFamily = 'var(--font-pattern, Roboto)';
-  contentContainer.style.fontSize = 'var(--text--medium)';
-  return contentContainer;
-}
-function buildMessage(messagesBuilder) {
-  const message = document.createElement('div');
-  const line1 = document.createElement('p');
-  const line2 = document.createElement('p');
-  const line3 = document.createElement('p');
-  line3.style.fontWeight = 'var(--text-weight--large, 600)';
-  line1.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line1");
-  line2.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line2");
-  line3.textContent = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.line3");
-  message.appendChild(line1);
-  message.appendChild(line2);
-  message.appendChild(line3);
-  return message;
-}
-function buildCancelPaginationBtn(popup, resolve, messagesBuilder) {
-  const cancelPaginationBtn = document.createElement('ez-button');
-  cancelPaginationBtn.label = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.buttons.cancel");
-  cancelPaginationBtn.size = 'medium';
-  cancelPaginationBtn.classList.add('ez-button--primary');
-  cancelPaginationBtn.onclick = () => {
-    document.body.removeChild(popup);
-    resolve(CancelPaginationResponse.CANCEL);
-  };
-  return cancelPaginationBtn;
-}
-function buildContinuePaginationBtn(popup, checkBox, resolve, messagesBuilder) {
-  const continuePaginationBtn = document.createElement('ez-button');
-  continuePaginationBtn.label = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.buttons.continue");
-  continuePaginationBtn.size = 'medium';
-  continuePaginationBtn.onclick = () => {
-    document.body.removeChild(popup);
-    resolve(checkBox.checked ? CancelPaginationResponse.LOAD_ALL : CancelPaginationResponse.CONTINUE);
-  };
-  return continuePaginationBtn;
-}
-function builPopup(resolve, checkBox, messagesBuilder) {
-  const popup = document.createElement('ez-popup');
-  popup.opened = true;
-  popup.size = 'x-small';
-  popup.ezTitle = messagesBuilder === null || messagesBuilder === void 0 ? void 0 : messagesBuilder.getMessage("dataUnitDataLoaderHelper.pagination.title");
-  popup.heightMode = "auto";
-  popup.addEventListener('ezClosePopup', () => {
-    document.body.removeChild(popup);
-    resolve(checkBox.checked ? CancelPaginationResponse.LOAD_ALL : CancelPaginationResponse.CONTINUE);
-  }, { once: true });
-  popup.addEventListener('ezPopupAction', () => {
-    document.body.removeChild(popup);
-    resolve(CancelPaginationResponse.CANCEL);
-  }, { once: true });
-  return popup;
-}
+const ASK_CANCEL_PAGINATION_EVENT = 'ez-grid-pagination:ask-cancel';
 var CancelPaginationResponse;
 (function (CancelPaginationResponse) {
   CancelPaginationResponse["CANCEL"] = "CANCEL";
   CancelPaginationResponse["CONTINUE"] = "CONTINUE";
   CancelPaginationResponse["LOAD_ALL"] = "LOAD_ALL";
 })(CancelPaginationResponse || (CancelPaginationResponse = {}));
+async function showAskCancelPaginationPopup(dataUnit) {
+  return new Promise((resolve) => {
+    const detail = {
+      dataUnitName: dataUnit === null || dataUnit === void 0 ? void 0 : dataUnit.name,
+      resolve,
+    };
+    const event = new CustomEvent(ASK_CANCEL_PAGINATION_EVENT, {
+      detail,
+      bubbles: false,
+      composed: false,
+    });
+    document.dispatchEvent(event);
+  });
+}
 
 class DataUnitDataLoader {
   constructor() { }
@@ -685,7 +644,7 @@ class DataUnitDataLoader {
     let newLoadingInfo = this.buildNewLoadingInfo(responseLoadingInfo);
     if (this.canProceedPagination(responseLoadingInfo))
       return this.recallLoader(dataUnit, newRequest, newLoadingInfo, dataLoader, result);
-    const confirm = await showAskCancelPaginationPopup();
+    const confirm = await showAskCancelPaginationPopup(dataUnit);
     if (confirm === CancelPaginationResponse.CANCEL)
       return this.handlePaginationCanceled(dataUnit, result);
     if (confirm === CancelPaginationResponse.LOAD_ALL) {
@@ -919,7 +878,7 @@ class DataUnitFetcher {
           }
           metadata.fields.push(Object.assign(Object.assign({}, source), { properties }));
         });
-        metadata.fields.sort((a, b) => a.order - b.order);
+        metadata.fields.sort((a, b) => this.sortFieldsByGroup(a, b));
         resolve(metadata);
       })
         .catch((error) => {
@@ -927,6 +886,28 @@ class DataUnitFetcher {
       });
     });
   }
+  // Os campos devem ser separados em dois grupos: campos da própria entidade e campos que representam ligação com outra entidade.
+  // Além do grupo, a ordenação deve respeitar o atributo "order" de cada campo.
+  // Para saber se é um campo de relação, verificamos se o nome contém '.' (ex: 'Parceiro.CODPAR').
+  sortFieldsByGroup(a, b) {
+    const aIsRelation = a.name.includes('.');
+    const bIsRelation = b.name.includes('.');
+    // Se um é relação e outro não, campos próprios vêm primeiro
+    if (aIsRelation !== bIsRelation) {
+      return aIsRelation ? 1 : -1;
+    }
+    // Se ambos são relações, ordena por nome da entidade primeiro
+    if (aIsRelation && bIsRelation) {
+      const aEntity = a.name.split('.')[0];
+      const bEntity = b.name.split('.')[0];
+      if (aEntity !== bEntity) {
+        return aEntity.localeCompare(bEntity);
+      }
+    }
+    // Dentro do mesmo grupo (próprios ou mesma entidade de relação), ordena por order
+    return a.order - b.order;
+  }
+  ;
   loadSelectDistinct(dataUnit, fieldName, argument) {
     const { parentRecordId, filters } = dataUnit.getLastLoadRequest() || {};
     const filteredFilters = filters.filter(f => f.name !== `${DISTINCT_FILTER_NAME_PREFIX}${fieldName}`);

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({
@@ -287,7 +289,7 @@ function buildFieldToSave(fieldConfig) {
   return fieldToSave;
 }
 
-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}";
+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;justify-content:flex-end;gap:12px}";
 
 const FieldConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {

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/form-config-fetcher.js

@@ -18,6 +18,9 @@ class ResourceFetcher {
                     resource                    
                 }
               }`);
+    this.templateByQuery.set("deleteResource", dist.gql `mutation($name: String!) {
+                $queryAlias$: deleteResource(name: $name)
+              }`);
   }
   loadResource(name) {
     if (ResourceFetcher._loadingResource.has(name)) {
@@ -61,6 +64,21 @@ class ResourceFetcher {
       });
     });
   }
+  deleteResource(name) {
+    return new Promise((resolve, reject) => {
+      DataFetcher.get()
+        .callGraphQL({
+        values: { name },
+        query: this.templateByQuery.get("deleteResource")
+      })
+        .then(() => {
+        resolve();
+      })
+        .catch((error) => {
+        reject(error);
+      });
+    });
+  }
 }
 ResourceFetcher._loadingResource = new Map();
 
@@ -91,6 +109,22 @@ class FormConfigFetcher extends ResourceFetcher {
                   }
                 }`);
   }
+  getDistinctTabs(config) {
+    const fieldTabs = config.fields.map((field, index) => ({
+      label: field.tab,
+      name: field.tab,
+      order: index,
+      visible: true,
+      isDetail: false,
+      isCustom: false,
+    }));
+    return fieldTabs.reduce((total, item) => {
+      if (!total.some((tab) => tab.name === item.name)) {
+        return [...total, item];
+      }
+      return total;
+    }, []);
+  }
   loadFormConfig(formName, resourceID) {
     return new Promise((accept, reject) => {
       Promise.all([
@@ -100,14 +134,16 @@ class FormConfigFetcher extends ResourceFetcher {
         this.loadResource(this.getPath(resourceID, formName, "defaultValues"))
       ])
         .then(([configAsString, formCardState, summary, defaultValues]) => {
+        var _a;
         let config;
         if (configAsString != undefined) {
           config = Object.assign(Object.assign({}, JSON.parse(configAsString)), { emptyConfig: false });
-          const { tabs, fields } = config;
-          if (tabs) {
-            const allTabs = new Map(tabs.map(t => [t.label, t]));
-            fields === null || fields === void 0 ? void 0 : fields.forEach(f => { var _a; return f.tab = ((_a = allTabs.get(this.getTabName(f.tab))) === null || _a === void 0 ? void 0 : _a.label) || allTabs.get(this.getTabName(f.tab)); });
+          if (!config.tabs) {
+            config.tabs = (_a = this.getDistinctTabs(config)) !== null && _a !== void 0 ? _a : [];
           }
+          const { tabs, fields } = config;
+          const allTabs = new Map(tabs.map(t => [t.label, t]));
+          fields === null || fields === void 0 ? void 0 : fields.forEach(f => { var _a; return f.tab = ((_a = allTabs.get(this.getTabName(f.tab))) === null || _a === void 0 ? void 0 : _a.label) || allTabs.get(this.getTabName(f.tab)); });
           config.fields = fields === null || fields === void 0 ? void 0 : fields.map((field) => {
             if ("readonly" in field) {
               const readOnly = field['readonly'] === true;

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{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/index.d.ts

@@ -16,11 +16,25 @@ 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';
 export { SnkDetailView as SnkDetailView } from '../types/components/snk-crud/subcomponents/snk-detail-view/snk-detail-view';
+export { SnkDynaform as SnkDynaform } from '../types/components/snk-dynaform/snk-dynaform';
+export { SnkDynaformConfigHeader as SnkDynaformConfigHeader } from '../types/components/snk-dynaform-form-config/snk-dynaform-config-header/snk-dynaform-config-header';
+export { SnkDynaformConfigsButton as SnkDynaformConfigsButton } from '../types/components/snk-dynaform-form-config/snk-dynaform-config-header/snk-dynaform-configs-button/snk-dynaform-configs-button';
+export { SnkDynaformDetailView as SnkDynaformDetailView } from '../types/components/snk-dynaform/subcomponents/snk-dynaform-detail-view/snk-dynaform-detail-view';
+export { SnkDynaformFieldConfig as SnkDynaformFieldConfig } from '../types/components/snk-dynaform-form-config/snk-dynaform-field-item/snk-dynaform-field-config/snk-dynaform-field-config';
+export { SnkDynaformFieldItem as SnkDynaformFieldItem } from '../types/components/snk-dynaform-form-config/snk-dynaform-field-item/snk-dynaform-field-item';
+export { SnkDynaformFieldsLayout as SnkDynaformFieldsLayout } from '../types/components/snk-dynaform-form-config/snk-dynaform-fields-layout/snk-dynaform-fields-layout';
+export { SnkDynaformFieldsSelector as SnkDynaformFieldsSelector } from '../types/components/snk-dynaform-form-config/snk-dynaform-fields-selector/snk-dynaform-fields-selector';
+export { SnkDynaformFormConfig as SnkDynaformFormConfig } from '../types/components/snk-dynaform-form-config/snk-dynaform-form-config';
+export { SnkDynaformFormView as SnkDynaformFormView } from '../types/components/snk-dynaform/subcomponents/snk-dynaform-form-view/snk-dynaform-form-view';
+export { SnkDynaformGuidesConfigurator as SnkDynaformGuidesConfigurator } from '../types/components/snk-dynaform-form-config/snk-dynaform-guides-configurator/snk-dynaform-guides-configurator';
+export { SnkDynaformGuidesViewer as SnkDynaformGuidesView } from '../types/components/snk-dynaform/subcomponents/snk-dynaform-guides-view/snk-dynaform-guides-view';
 export { SnkEntityList as SnkEntityList } from '../types/components/snk-entity-list/snk-entity-list';
+export { SnkEntitySearch as SnkEntitySearch } from '../types/components/snk-crud/subcomponents/snk-entity-search';
 export { SnkExporterEmailSender as SnkExporterEmailSender } from '../types/components/snk-data-exporter/exporter-email-sender/snk-exporter-email-sender';
 export { SnkExpressionGroup as SnkExpressionGroup } from '../types/components/snk-personalized-filter/subcomponents/snk-expression-group/snk-expression-group';
 export { SnkExpressionItem as SnkExpressionItem } from '../types/components/snk-personalized-filter/subcomponents/snk-expression-item/snk-expression-item';
@@ -48,6 +62,7 @@ export { SnkFormView as SnkFormView } from '../types/components/snk-crud/subcomp
 export { SnkGrid as SnkGrid } from '../types/components/snk-grid/snk-grid';
 export { SnkGridConfig as SnkGridConfig } from '../types/components/snk-grid-config/snk-grid-config';
 export { SnkGuidesViewer as SnkGuidesViewer } from '../types/components/snk-crud/subcomponents/snk-guides-viewer';
+export { SnkImageInput as SnkImageInput } from '../types/components/snk-image-input/snk-image-input';
 export { SnkLayoutFormConfig as SnkLayoutFormConfig } from '../types/components/snk-layout-form-config/snk-layout-form-config';
 export { SnkNumberingConfig as SnkNumberingConfig } from '../types/components/snk-numbering-config/snk-numbering-config';
 export { SnkPersonalizedFilter as SnkPersonalizedFilter } from '../types/components/snk-personalized-filter/snk-personalized-filter';
@@ -59,6 +74,7 @@ export { SnkSimpleBar as SnkSimpleBar } from '../types/components/snk-simple-bar
 export { SnkSimpleCrud as SnkSimpleCrud } from '../types/components/snk-simple-crud/snk-simple-crud';
 export { SnkSimpleFormConfig as SnkSimpleFormConfig } from '../types/components/snk-simple-form-config/snk-simple-form-config';
 export { SnkTaskbar as SnkTaskbar } from '../types/components/snk-taskbar/snk-taskbar';
+export { SnkTaskbarSkeleton as SnkTaskbarSkeleton } from '../types/components/snk-taskbar/subcomponents/snk-taskbar-skeleton';
 export { SnkViewRepresentation as SnkViewRepresentation } from '../types/components/snk-layout-form-config/snk-view-representation/snk-view-representation';
 export { TaskbarActionsButton as TaskbarActionsButton } from '../types/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button';
 export { TaskbarSplitButton as TaskbarSplitButton } from '../types/components/snk-taskbar/elements/taskbar-split-button/taskbar-split-button';

package/dist/components/index.js

@@ -16,11 +16,25 @@ export { SnkClientConfirm, defineCustomElement as defineCustomElementSnkClientCo
 export { SnkConfigurator, defineCustomElement as defineCustomElementSnkConfigurator } from './snk-configurator.js';
 export { SnkCrud, defineCustomElement as defineCustomElementSnkCrud } from './snk-crud.js';
 export { SnkCustomSlotElements, defineCustomElement as defineCustomElementSnkCustomSlotElements } from './snk-custom-slot-elements.js';
+export { SnkCustomSlotGuide, defineCustomElement as defineCustomElementSnkCustomSlotGuide } from './snk-custom-slot-guide.js';
 export { SnkDataExporter, defineCustomElement as defineCustomElementSnkDataExporter } from './snk-data-exporter.js';
 export { SnkDataUnit, defineCustomElement as defineCustomElementSnkDataUnit } from './snk-data-unit.js';
 export { SnkDefaultFilter, defineCustomElement as defineCustomElementSnkDefaultFilter } from './snk-default-filter.js';
 export { SnkDetailView, defineCustomElement as defineCustomElementSnkDetailView } from './snk-detail-view.js';
+export { SnkDynaform, defineCustomElement as defineCustomElementSnkDynaform } from './snk-dynaform.js';
+export { SnkDynaformConfigHeader, defineCustomElement as defineCustomElementSnkDynaformConfigHeader } from './snk-dynaform-config-header.js';
+export { SnkDynaformConfigsButton, defineCustomElement as defineCustomElementSnkDynaformConfigsButton } from './snk-dynaform-configs-button.js';
+export { SnkDynaformDetailView, defineCustomElement as defineCustomElementSnkDynaformDetailView } from './snk-dynaform-detail-view.js';
+export { SnkDynaformFieldConfig, defineCustomElement as defineCustomElementSnkDynaformFieldConfig } from './snk-dynaform-field-config.js';
+export { SnkDynaformFieldItem, defineCustomElement as defineCustomElementSnkDynaformFieldItem } from './snk-dynaform-field-item.js';
+export { SnkDynaformFieldsLayout, defineCustomElement as defineCustomElementSnkDynaformFieldsLayout } from './snk-dynaform-fields-layout.js';
+export { SnkDynaformFieldsSelector, defineCustomElement as defineCustomElementSnkDynaformFieldsSelector } from './snk-dynaform-fields-selector.js';
+export { SnkDynaformFormConfig, defineCustomElement as defineCustomElementSnkDynaformFormConfig } from './snk-dynaform-form-config.js';
+export { SnkDynaformFormView, defineCustomElement as defineCustomElementSnkDynaformFormView } from './snk-dynaform-form-view.js';
+export { SnkDynaformGuidesConfigurator, defineCustomElement as defineCustomElementSnkDynaformGuidesConfigurator } from './snk-dynaform-guides-configurator.js';
+export { SnkDynaformGuidesView, defineCustomElement as defineCustomElementSnkDynaformGuidesView } from './snk-dynaform-guides-view.js';
 export { SnkEntityList, defineCustomElement as defineCustomElementSnkEntityList } from './snk-entity-list.js';
+export { SnkEntitySearch, defineCustomElement as defineCustomElementSnkEntitySearch } from './snk-entity-search.js';
 export { SnkExporterEmailSender, defineCustomElement as defineCustomElementSnkExporterEmailSender } from './snk-exporter-email-sender.js';
 export { SnkExpressionGroup, defineCustomElement as defineCustomElementSnkExpressionGroup } from './snk-expression-group.js';
 export { SnkExpressionItem, defineCustomElement as defineCustomElementSnkExpressionItem } from './snk-expression-item.js';
@@ -48,6 +62,7 @@ export { SnkFormView, defineCustomElement as defineCustomElementSnkFormView } fr
 export { SnkGrid, defineCustomElement as defineCustomElementSnkGrid } from './snk-grid.js';
 export { SnkGridConfig, defineCustomElement as defineCustomElementSnkGridConfig } from './snk-grid-config.js';
 export { SnkGuidesViewer, defineCustomElement as defineCustomElementSnkGuidesViewer } from './snk-guides-viewer.js';
+export { SnkImageInput, defineCustomElement as defineCustomElementSnkImageInput } from './snk-image-input.js';
 export { SnkLayoutFormConfig, defineCustomElement as defineCustomElementSnkLayoutFormConfig } from './snk-layout-form-config.js';
 export { SnkNumberingConfig, defineCustomElement as defineCustomElementSnkNumberingConfig } from './snk-numbering-config.js';
 export { SnkPersonalizedFilter, defineCustomElement as defineCustomElementSnkPersonalizedFilter } from './snk-personalized-filter.js';
@@ -59,6 +74,7 @@ export { SnkSimpleBar, defineCustomElement as defineCustomElementSnkSimpleBar }
 export { SnkSimpleCrud, defineCustomElement as defineCustomElementSnkSimpleCrud } from './snk-simple-crud.js';
 export { SnkSimpleFormConfig, defineCustomElement as defineCustomElementSnkSimpleFormConfig } from './snk-simple-form-config.js';
 export { SnkTaskbar, defineCustomElement as defineCustomElementSnkTaskbar } from './snk-taskbar.js';
+export { SnkTaskbarSkeleton, defineCustomElement as defineCustomElementSnkTaskbarSkeleton } from './snk-taskbar-skeleton.js';
 export { SnkViewRepresentation, defineCustomElement as defineCustomElementSnkViewRepresentation } from './snk-view-representation.js';
 export { TaskbarActionsButton, defineCustomElement as defineCustomElementTaskbarActionsButton } from './taskbar-actions-button.js';
 export { TaskbarSplitButton, defineCustomElement as defineCustomElementTaskbarSplitButton } from './taskbar-split-button.js';