@sankhyalabs/sankhyablocks 10.1.0-dev.5 → 10.1.0-dev.51

package/dist/components/dataunit-fetcher.js

@@ -1,10 +1,11 @@
 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';
 import SortingUtils from '@sankhyalabs/core/dist/utils/SortingUtils';
 import { R as ResourceIDUtils } from './ResourceIDUtils.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 
 class InMemoryLoader {
   constructor(metadata, records, config) {
@@ -163,6 +164,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 +177,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 +189,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)) {
@@ -919,7 +957,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 +965,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();
 

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,13 @@ 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 { 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 +50,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 +62,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,13 @@ 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 { 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 +50,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 +62,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';

package/dist/components/index2.js

@@ -1,12 +1,13 @@
-import { getRenderingRef, forceUpdate } from '@stencil/core/internal/client';
+import * as StencilCore from '@stencil/core/internal/client';
 
 const appendToMap = (map, propName, value) => {
-    const items = map.get(propName);
-    if (!items) {
-        map.set(propName, [value]);
+    let refs = map.get(propName);
+    if (!refs) {
+        refs = [];
+        map.set(propName, refs);
     }
-    else if (!items.includes(value)) {
-        items.push(value);
+    if (!refs.some((ref) => ref.deref() === value)) {
+        refs.push(new WeakRef(value));
     }
 };
 const debounce = (fn, ms) => {
@@ -34,33 +35,54 @@ const debounce = (fn, ms) => {
 const isConnected = (maybeElement) => !('isConnected' in maybeElement) || maybeElement.isConnected;
 const cleanupElements = debounce((map) => {
     for (let key of map.keys()) {
-        map.set(key, map.get(key).filter(isConnected));
+        const refs = map.get(key).filter((ref) => {
+            const elm = ref.deref();
+            return elm && isConnected(elm);
+        });
+        map.set(key, refs);
     }
 }, 2_000);
+const core = StencilCore;
+const forceUpdate = core.forceUpdate;
+const getRenderingRef = core.getRenderingRef;
 const stencilSubscription = () => {
-    if (typeof getRenderingRef !== 'function') {
+    if (typeof getRenderingRef !== 'function' || typeof forceUpdate !== 'function') {
         // If we are not in a stencil project, we do nothing.
         // This function is not really exported by @stencil/core.
         return {};
     }
+    const ensureForceUpdate = forceUpdate;
+    const ensureGetRenderingRef = getRenderingRef;
     const elmsToUpdate = new Map();
     return {
         dispose: () => elmsToUpdate.clear(),
         get: (propName) => {
-            const elm = getRenderingRef();
+            const elm = ensureGetRenderingRef();
             if (elm) {
                 appendToMap(elmsToUpdate, propName, elm);
             }
         },
         set: (propName) => {
-            const elements = elmsToUpdate.get(propName);
-            if (elements) {
-                elmsToUpdate.set(propName, elements.filter(forceUpdate));
+            const refs = elmsToUpdate.get(propName);
+            if (refs) {
+                const nextRefs = refs.filter((ref) => {
+                    const elm = ref.deref();
+                    if (!elm)
+                        return false;
+                    return ensureForceUpdate(elm);
+                });
+                elmsToUpdate.set(propName, nextRefs);
             }
             cleanupElements(elmsToUpdate);
         },
         reset: () => {
-            elmsToUpdate.forEach((elms) => elms.forEach(forceUpdate));
+            elmsToUpdate.forEach((refs) => {
+                refs.forEach((ref) => {
+                    const elm = ref.deref();
+                    if (elm)
+                        ensureForceUpdate(elm);
+                });
+            });
             cleanupElements(elmsToUpdate);
         },
     };
@@ -68,8 +90,11 @@ const stencilSubscription = () => {
 
 const unwrap = (val) => (typeof val === 'function' ? val() : val);
 const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) => {
-    const unwrappedState = unwrap(defaultState);
-    let states = new Map(Object.entries(unwrappedState ?? {}));
+    const resolveDefaultState = () => (unwrap(defaultState) ?? {});
+    const initialState = resolveDefaultState();
+    let states = new Map(Object.entries(initialState));
+    const proxyAvailable = typeof Proxy !== 'undefined';
+    const plainState = proxyAvailable ? null : {};
     const handlers = {
         dispose: [],
         get: [],
@@ -81,7 +106,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
     const reset = () => {
         // When resetting the state, the default state may be a function - unwrap it to invoke it.
         // otherwise, the state won't be properly reset
-        states = new Map(Object.entries(unwrap(defaultState) ?? {}));
+        states = new Map(Object.entries(resolveDefaultState()));
+        if (!proxyAvailable) {
+            syncPlainStateKeys();
+        }
         handlers.reset.forEach((cb) => cb());
     };
     const dispose = () => {
@@ -98,12 +126,14 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
         const oldValue = states.get(propName);
         if (shouldUpdate(value, oldValue, propName)) {
             states.set(propName, value);
+            if (!proxyAvailable) {
+                ensurePlainProperty(propName);
+            }
             handlers.set.forEach((cb) => cb(propName, value, oldValue));
         }
     };
-    const state = (typeof Proxy === 'undefined'
-        ? {}
-        : new Proxy(unwrappedState, {
+    const state = (proxyAvailable
+        ? new Proxy(initialState, {
             get(_, propName) {
                 return get(propName);
             },
@@ -123,7 +153,11 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 set(propName, value);
                 return true;
             },
-        }));
+        })
+        : (() => {
+            syncPlainStateKeys();
+            return plainState;
+        })());
     const on = (eventName, callback) => {
         handlers[eventName].push(callback);
         return () => {
@@ -136,7 +170,10 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
                 cb(newValue);
             }
         };
-        const resetHandler = () => cb(unwrap(defaultState)[propName]);
+        const resetHandler = () => {
+            const snapshot = resolveDefaultState();
+            cb(snapshot[propName]);
+        };
         // Register the handlers
         const unSet = on('set', setHandler);
         const unReset = on('reset', resetHandler);
@@ -179,6 +216,38 @@ const createObservableMap = (defaultState, shouldUpdate = (a, b) => a !== b) =>
             changeListeners.delete(listener);
         }
     };
+    function ensurePlainProperty(key) {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        if (Object.prototype.hasOwnProperty.call(plainState, key)) {
+            return;
+        }
+        Object.defineProperty(plainState, key, {
+            configurable: true,
+            enumerable: true,
+            get() {
+                return get(key);
+            },
+            set(value) {
+                set(key, value);
+            },
+        });
+    }
+    function syncPlainStateKeys() {
+        if (proxyAvailable || !plainState) {
+            return;
+        }
+        const knownKeys = new Set(states.keys());
+        for (const key of Object.keys(plainState)) {
+            if (!knownKeys.has(key)) {
+                delete plainState[key];
+            }
+        }
+        for (const key of knownKeys) {
+            ensurePlainProperty(key);
+        }
+    }
     return {
         state,
         get,

package/dist/components/snk-actions-button2.js

@@ -80,11 +80,14 @@ class LaunchScreenExecutor {
             localFieldLabel = StringUtils.isEmpty(dataUnit.getField(localField).label) ? localField : localFieldLabel;
             throw new ErrorException(this._application.messagesBuilder.getMessage("snkActionsButton.title.error", undefined), this._application.messagesBuilder.getMessage("snkActionsButton.launchScreen.emptyField", { description: action.description, localFieldLabel: localFieldLabel }));
           }
-          value = StringUtils.isEmpty(value.toString()) ? undefined : value.toString();
-          launchObject[param.targetField] = value;
+          if (value !== null && typeof value === 'object' && 'value' in value) {
+            value = value.value;
+          }
+          const finalValue = StringUtils.isEmpty(value === null || value === void 0 ? void 0 : value.toString()) ? undefined : value.toString();
+          launchObject[param.targetField] = finalValue;
           processedParams.push({
             fieldName: param.targetField,
-            value: value
+            value: finalValue
           });
         });
         launchObject.ACTION_PARAMETERS = processedParams;
@@ -607,6 +610,7 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
       action.execute(Object.assign({}, selectedAction));
       this._showDropdown = false;
     };
+    this.size = 'medium';
     this._items = [];
     this._showDropdown = false;
   }
@@ -656,12 +660,13 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
     document.addEventListener("scroll", this.positionDropdown.bind(this));
   }
   async componentWillLoad() {
+    var _a, _b;
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     await this.loadParameters();
     const snkDataUnit = this._element.parentElement;
     this._dataUnit = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.dataUnit;
     this._resourceID = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.resourceID;
-    this._entityName = this._dataUnit.name.split('/')[2];
+    this._entityName = (_b = (_a = this._dataUnit) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.split('/')[2];
     if (this._resourceID == undefined) {
       this._resourceID = await ResourceIDUtils.getResourceID();
     }
@@ -701,9 +706,9 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   }
   render() {
     return (h(Host, null, (this._actions && this._actions.length > 0) &&
-      (h("div", { class: `ez-padding-left--medium snk-actions-button
+      (h("div", { class: `snk-actions-button
                             ${this.canShowDropdown() ? " ez-elevation--16" : ""}
-                        ` }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "acao", size: "small", mode: "icon", title: this._application.messagesBuilder.getMessage("snkActionsButton.title.actions", undefined), onClick: () => this.controlDropdown() }, this.getElementID("button"))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `${this.canShowDropdown() ?
+                        ` }, h("ez-tooltip", { message: this._application.messagesBuilder.getMessage("snkActionsButton.title.actions", undefined) }, h("ez-button", Object.assign({ ref: (ref) => this._ezButton = ref, iconName: "acao", mode: "icon", onClick: () => this.controlDropdown(), size: this.size }, this.getElementID("button")))), h("div", Object.assign({ ref: (ref) => this._dropdownParent = ref, class: `${this.canShowDropdown() ?
           "snk-actions-button__dropdown--show" :
           "snk-actions-button__dropdown"}
                             ` }, this.getElementID("dropdown")), (this.canShowDropdown()) &&
@@ -713,6 +718,7 @@ const SnkActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElem
   get _element() { return this; }
   static get style() { return snkActionsButtonCss; }
 }, [2, "snk-actions-button", {
+    "size": [1],
     "_items": [32],
     "_showDropdown": [32]
   }]);

package/dist/components/snk-application2.js

@@ -2,10 +2,11 @@ import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/
 import { DateUtils, StringUtils, ObjectUtils, WaitingChangeException, SilentException, WarningException, ErrorException, ElementIDUtils, SearchUtils, ArrayUtils, KeyboardManager, OnboardingUtils, DependencyType, DataType, ApplicationContext, ErrorTracking, UserAgentUtils, LockManager, LockManagerOperation } from '@sankhyalabs/core';
 import { ApplicationUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { C as ConfigStorage } from './ConfigStorage.js';
-import { d as dist, D as DataFetcher, U as UrlUtils, S as SnkMessageBuilder } from './DataFetcher.js';
+import { d as dist, D as DataFetcher, U as UrlUtils } from './DataFetcher.js';
 import { A as AutorizationType, a as AuthFetcher } from './auth-fetcher.js';
 import { P as PreloadManager, D as DataUnitFetcher } from './dataunit-fetcher.js';
 import { a as PesquisaFetcher } from './ISave.js';
+import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { c as TEMPLATES_SKELETON } from './constants.js';
 import './filter-item-type.enum.js';
 import { F as FormConfigFetcher } from './form-config-fetcher.js';
@@ -274,6 +275,7 @@ class SnkErrorHandler {
       this._app.error(exception.title, exception.message);
     }
     else {
+      console.warn("Erro não tratado", exception);
       this._app.isDebugMode().then(isDebug => {
         if (isDebug) {
           if (exception instanceof Error) {
@@ -787,6 +789,7 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
     this._popUp.opened = true;
     this._popUp.heightMode = size;
     this._popUp.useHeader = useHeader;
+    this._popUp.autoClose = false;
     if (content.tagName === 'EZ-MODAL-CONTAINER') {
       this._popUp.useHeader = false;
     }
@@ -1387,12 +1390,29 @@ const SnkApplication = /*@__PURE__*/ proxyCustomElement(class extends HTMLElemen
    * @async
    */
   async executePreparedSearch(mode, argument, options) {
+    var _a;
     const mdByName = {};
     const { entity, criteria, searchOptions, useSearchPlus } = options;
     if (useSearchPlus) {
       return executePreparedSearchPlus(mode, argument, options, this, this.pesquisaFetcher);
     }
-    if (mode === "ADVANCED") {
+    if (mode === "LOAD_DESCRIPTION") {
+      let result = await this.pesquisaFetcher.loadByCode(entity, argument, criteria, searchOptions);
+      result = ObjectUtils.stringToObject(result.json.$);
+      let descriptionField = result.descriptionField;
+      const option = (_a = result.data) === null || _a === void 0 ? void 0 : _a[0];
+      if (!option) {
+        return {
+          value: argument,
+          label: ""
+        };
+      }
+      return {
+        value: argument,
+        label: option[descriptionField]
+      };
+    }
+    else if (mode === "ADVANCED") {
       return executeAdvancedModeSearch(argument, options, this, this.pesquisaFetcher);
     }
     return new Promise((resolve, reject) => {