@sankhyalabs/sankhyablocks 8.15.0-dev.7 → 8.15.0-dev.70

package/dist/components/snk-detail-view2.js

@@ -3,17 +3,18 @@ import { Action, ElementIDUtils } from '@sankhyalabs/core';
 import { S as SnkFormConfigManager } from './SnkFormConfigManager.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import './DataFetcher.js';
-import './dataunit-fetcher.js';
-import { P as PresentationMode } from './index2.js';
-import { d as defineCustomElement$u } from './snk-actions-button2.js';
+import './pesquisa-fetcher.js';
+import { P as PresentationMode } from './ISave.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
+import './dataunit-fetcher.js';
 import './filter-item-type.enum.js';
 import './form-config-fetcher.js';
 import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
 import { V as VIEW_MODE } from './constants.js';
-import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './field-search.js';
+import { o as openFieldSearch, T as TaskbarProcessor, b as buildFieldSearch } from './IExporterProvider.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
+import { d as defineCustomElement$u } from './snk-actions-button2.js';
 import { d as defineCustomElement$t } from './snk-attach2.js';
 import { d as defineCustomElement$s } from './snk-config-options2.js';
 import { d as defineCustomElement$r } from './snk-configurator2.js';
@@ -23,6 +24,7 @@ import { S as SnkMessageBuilder } from './SnkMessageBuilder.js';
 import { d as defineCustomElement$o } from './snk-exporter-email-sender2.js';
 import { d as defineCustomElement$n } from './snk-expression-group2.js';
 import { d as defineCustomElement$m } from './snk-expression-item2.js';
+import { d as defineCustomElement$l } from './snk-field-config2.js';
 import { d as defineCustomElement$k } from './snk-filter-advanced-mode2.js';
 import { d as defineCustomElement$j } from './snk-filter-assistent-mode2.js';
 import { d as defineCustomElement$i } from './snk-filter-bar2.js';
@@ -30,6 +32,7 @@ import { d as defineCustomElement$h } from './snk-filter-detail2.js';
 import { d as defineCustomElement$g } from './snk-filter-field-search2.js';
 import { d as defineCustomElement$f } from './snk-filter-item2.js';
 import { d as defineCustomElement$e } from './snk-filter-param-config2.js';
+import { d as defineCustomElement$d } from './snk-form-config2.js';
 import { d as defineCustomElement$c } from './snk-form-summary2.js';
 import { d as defineCustomElement$b } from './snk-form-view2.js';
 import { d as defineCustomElement$a } from './snk-grid2.js';
@@ -38,12 +41,10 @@ import { d as defineCustomElement$8 } from './snk-personalized-filter2.js';
 import { d as defineCustomElement$7 } from './snk-select-box2.js';
 import { d as defineCustomElement$6 } from './snk-simple-bar2.js';
 import { d as defineCustomElement$5 } from './snk-simple-crud2.js';
-import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
-import { d as defineCustomElement$l } from './snk-field-config2.js';
-import { d as defineCustomElement$d } from './snk-form-config2.js';
 import { d as defineCustomElement$4 } from './snk-tab-config2.js';
+import { d as defineCustomElement$2 } from './taskbar-actions-button2.js';
 
-const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
+const snkGuidesViewerCss = ".sc-snk-guides-viewer-h{--snk-guides-viewer--space-large:var(--space--large, 24px);--snk-guides-viewer--space-medium:var(--space--medium, 12px);--snk-guides-viewer__header--min-height:94px;--snk-guides-viewer__header--z-index:var(--more-visible, 2);--snk-guides-viewer__header--background-color:var(--background--body, #fafcff);--snk-guides-viewer__guide-navigator--width:340px;display:block}snk-form-view.sc-snk-guides-viewer{width:100%}.snk-guides-viewer.sc-snk-guides-viewer{position:relative;padding-left:0px;padding-top:0px;padding-right:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__detail-container.sc-snk-guides-viewer{display:flex;row-gap:24px;flex-direction:column}.snk-guides-viewer__header.sc-snk-guides-viewer{position:sticky;align-items:center;top:0;z-index:var(--snk-guides-viewer__header--z-index);background-color:var(--snk-guides-viewer__header--background-color);min-height:var(--snk-guides-viewer__header--min-height);width:calc(100% + (var(--snk-guides-viewer--space-large) * 2));padding-left:var(--snk-guides-viewer--space-large);padding-right:var(--snk-guides-viewer--space-large);padding-top:var(--snk-guides-viewer--space-large);padding-bottom:var(--snk-guides-viewer--space-medium);margin-left:calc(var(--snk-guides-viewer--space-large) * -1);margin-right:calc(var(--snk-guides-viewer--space-large) * -1);margin-bottom:var(--snk-guides-viewer--space-medium)}.snk-guides-viewer__header-breadcrumb.sc-snk-guides-viewer{width:25%;display:flex}.snk-guides-viewer__header-taskbar.sc-snk-guides-viewer{width:75%}.snk-guides-viewer__container.sc-snk-guides-viewer{display:grid;grid-template-columns:minmax(0, auto) minmax(0, 100%);height:100%;column-gap:var(--snk-guides-viewer--space-large)}.snk-guides-viewer__guide-navigator.sc-snk-guides-viewer{position:sticky;top:calc(var(--snk-guides-viewer__header--min-height) + var(--snk-guides-viewer--space-medium));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-medium))}.snk-guides-viewer__guide-navigator[open].sc-snk-guides-viewer{width:var(--snk-guides-viewer__guide-navigator--width);max-width:var(--snk-guides-viewer__guide-navigator--width);min-width:var(--snk-guides-viewer__guide-navigator--width)}.snk-guides-viewer__detail-content.sc-snk-guides-viewer{min-height:100%;align-items:flex-start;align-content:flex-start}";
 
 const FORM_NAME_PREFIX = "__FORM:";
 const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
@@ -68,12 +69,16 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.presentationMode = undefined;
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
+    this.formLegacyConfigName = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
     this._formEditorConfigManager = undefined;
     this._formEditorDataUnit = undefined;
     this._fieldToGetFocus = undefined;
+    this._customEditors = undefined;
+    this._customRenders = undefined;
+    this._fieldsProps = {};
   }
   observeDataUnit() {
     this.loadGuides(true);
@@ -104,6 +109,34 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   async findField() {
     await openFieldSearch(this._moreOptions, this._fieldSearch);
   }
+  /**
+   * Registra um editor customizado para campos da grade e formulário
+   */
+  async addCustomEditor(fieldName, customEditor) {
+    this._customEditors = Object.assign(Object.assign({}, this._customEditors), { [fieldName]: customEditor });
+  }
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  async addGridCustomRender(fieldName, customRender) {
+    this._customRenders = Object.assign(Object.assign({}, this._customRenders), { [fieldName]: customRender });
+  }
+  ;
+  /**
+   * Altera/adiciona uma propriedade nos metadados do campo.
+   */
+  async setFieldProp(fieldName, propName, value) {
+    const newFieldsProps = {
+      [fieldName]: Object.assign(Object.assign({}, this._fieldsProps[fieldName]), { [propName]: value })
+    };
+    this._fieldsProps = Object.assign(Object.assign({}, this._fieldsProps), newFieldsProps);
+  }
+  /**
+   * Atribui o foco para o componente.
+   */
+  async setFocus() {
+    this._container.focus();
+  }
   exitViewer() {
     if (this.dataUnit.isDirty()) {
       this.dataUnit.cancelEdition({ after: () => this.exit.emit() });
@@ -246,7 +279,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       if (sheet == undefined) {
         return;
       }
-      return h("snk-form-view", { levelPath: params.levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: params.formMetadata, dataUnit: params.dataUnit, recordsValidator: params.recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_b = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.summary) === null || _b === void 0 ? void 0 : _b.get(formName), fieldToFocus: params.fieldToFocus, key: formName, onSnkRequestClearFieldToFocus: _ => { var _a; return (_a = params.onRequestClearFieldToFocus) === null || _a === void 0 ? void 0 : _a.call(params); } });
+      return h("snk-form-view", { levelPath: params.levelPath, label: sheet.label, name: formName, fields: sheet.fields, formMetadata: params.formMetadata, dataUnit: params.dataUnit, recordsValidator: params.recordsValidator, contracted: (cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.presentation) === "CONTRACTED", fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_b = (_a = params.formConfig) === null || _a === void 0 ? void 0 : _a.summary) === null || _b === void 0 ? void 0 : _b.get(formName), fieldToFocus: params.fieldToFocus, key: formName, onSnkRequestClearFieldToFocus: _ => { var _a; return (_a = params.onRequestClearFieldToFocus) === null || _a === void 0 ? void 0 : _a.call(params); }, customEditors: params.propsCustomEditor, fieldsProps: params.fieldsProps });
     })));
   }
   wrapDetail(levels, content) {
@@ -288,14 +321,14 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       else {
         detailBranch = this.selectedGuide;
       }
-      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId }));
+      content = this.wrapDetail(levels, h("snk-detail-view", { ref: (ref) => this._currentDetail = ref, dataUnitName: this.getDataUnitName(levels, childEntityName), onSnkDetailGuidesChange: (evt) => this.updateGuide(evt.detail), entityName: childEntityName, selectedForm: formName, branchGuide: detailBranch, guideItemPath: this._breadcrumbItems, key: `detail${detailId}`, canEdit: this.canEdit, onSnkSwitchGuide: evt => this._guideNavigator.selectGuide(evt.detail), resourceID: this.resourceID, taskbarCustomContainerId: this.detailTaskbarCustomContainerId, customEditors: this._customEditors, customRenders: this._customRenders }));
     }
     else {
       const cardId = this.selectedGuide.id;
       const sheet = this._masterFormMetadata.getSheet(cardId);
       if (sheet) {
         const cardConfig = (_c = (_b = this.masterFormConfig) === null || _b === void 0 ? void 0 : _b.cardsState) === null || _c === void 0 ? void 0 : _c.get(cardId);
-        content = h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler() }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
+        content = h("snk-form-view", { ref: ref => this._mainForm = ref, fixed: cardConfig === null || cardConfig === void 0 ? void 0 : cardConfig.fixed, summaryFields: (_e = (_d = this.masterFormConfig) === null || _d === void 0 ? void 0 : _d.summary) === null || _e === void 0 ? void 0 : _e.get(cardId), name: cardId, label: sheet.label, fields: sheet.fields, dataUnit: this.dataUnit, formMetadata: this._masterFormMetadata, recordsValidator: this.recordsValidator, fieldToFocus: this._fieldToGetFocus, key: guideId, onSnkRequestClearFieldToFocus: _ => this.clearFieldToFocusHandler(), customEditors: this._customEditors, fieldsProps: this._fieldsProps }, this.presentationMode == PresentationMode.SECONDARY && this.buildTaskBar());
       }
     }
     return content;
@@ -365,11 +398,17 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     var _a;
     return this.selectedGuide === undefined || '__main' === ((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id);
   }
+  addFormLegacyConfigName() {
+    if (this.formLegacyConfigName) {
+      this._configManager.addFormLegacyConfig(this.formLegacyConfigName);
+    }
+  }
   componentWillLoad() {
     if (this.resourceID == undefined) {
       throw new Error("Erro interno: resourceID não informado");
     }
     this._configManager = new SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
+    this.addFormLegacyConfigName();
     this._configManager.loadConfig();
   }
   componentDidRender() {
@@ -425,7 +464,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   buildTaskBar() {
     var _a;
-    return h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
+    return h("div", { class: `snk-guides-viewer__header-taskbar ${this.presentationMode != PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, h("snk-taskbar", { key: "guideViewerTaskbar", "data-element-id": "guideViewer", configName: this.configName, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, actionsList: this.getActionsList(), messagesBuilder: this.messagesBuilder, presentationMode: this.presentationMode, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-taskbar-owner": "master", dataUnit: this.dataUnit, resourceID: this.resourceID, customSlotId: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS", alignRigth: true }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
   async dataUnitActionHandler(action) {
     var _a;
@@ -474,17 +513,14 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   render() {
     var _a, _b;
     if (this._formEditorConfigManager != undefined) {
-      return (h("snk-form-config", { dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
+      return (h("snk-form-config", { ref: ref => this._container = ref, tabindex: -1, dataUnit: this._formEditorDataUnit, messagesBuilder: this.messagesBuilder, configManager: this._formEditorConfigManager, onConfigClose: () => this._formEditorConfigManager = null }));
     }
-    if (!this.dataUnit) {
-      return;
-    }
-    if (!this._configManager.isLoaded) {
+    if (!this.dataUnit || !this._configManager.isLoaded) {
       return;
     }
     this.loadTaskbarProcessor();
     const showGuides = this._guides && (this._guides.length > 1);
-    return (h("section", { class: "snk-guides-viewer" }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "ez-col ez-col--sd-6 ez-col--tb-6 ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getMessage("snkCrud.title")), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
       h("div", { class: "ez-margin-top--extra-small" }, h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != PresentationMode.SECONDARY && this.buildTaskBar()), h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       h("ez-guide-navigator", { ref: (ref) => this._guideNavigator = ref, class: "snk-guides-viewer__guide-navigator", items: this._guides, selectedId: this.selectedGuide ? this.selectedGuide.id : undefined, onEzSelectionChange: evt => this.updateSelectedGuideHandler(evt.detail) })
       :
@@ -495,7 +531,9 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       dataUnit: this.dataUnit,
       recordsValidator: this.recordsValidator,
       fieldToFocus: this._fieldToGetFocus,
-      onRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this)
+      onRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this),
+      propsCustomEditor: this._customEditors,
+      fieldsProps: this._fieldsProps
     }), this.getContent())), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this.getConfigViewMode(), onConfigSelected: (evt) => this.changeConfigViewMode(evt.detail), messagesBuilder: this.messagesBuilder, onOpenConfig: (evt) => this.openConfig(evt.detail), resourceID: this.resourceID })));
   }
   static get watchers() { return {
@@ -519,14 +557,22 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "presentationMode": [1, "presentation-mode"],
     "resourceID": [1, "resource-i-d"],
     "detailTaskbarCustomContainerId": [1, "detail-taskbar-custom-container-id"],
+    "formLegacyConfigName": [1, "form-legacy-config-name"],
     "_hasToCreateFieldSearch": [32],
     "_breadcrumbItems": [32],
     "_guides": [32],
     "_formEditorConfigManager": [32],
     "_formEditorDataUnit": [32],
     "_fieldToGetFocus": [32],
+    "_customEditors": [32],
+    "_customRenders": [32],
+    "_fieldsProps": [32],
     "showFormConfig": [64],
-    "findField": [64]
+    "findField": [64],
+    "addCustomEditor": [64],
+    "addGridCustomRender": [64],
+    "setFieldProp": [64],
+    "setFocus": [64]
   }, [[2, "actionClick", "onActionClick"], [0, "snkContentCardChanged", "onContentCardChanged"]]]);
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
@@ -760,6 +806,8 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.branchGuide = undefined;
     this.canEdit = true;
     this.taskbarCustomContainerId = undefined;
+    this.customEditors = undefined;
+    this.customRenders = undefined;
   }
   observeDataUnit(newDataUnit, oldDataUnit) {
     newDataUnit === null || newDataUnit === void 0 ? void 0 : newDataUnit.subscribe(this.dataUnitActionHandler.bind(this));
@@ -827,10 +875,38 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this._snkGrid.scrollIntoView({ behavior: "smooth", block: "start" });
     }
   }
+  /**
+   * Registra um editor customizado para campos da grade e formulário.
+   */
+  async addCustomEditor(fieldName, customEditor) {
+    var _a;
+    const detailContext = this.normalizeBranchGuideId((_a = this.branchGuide) === null || _a === void 0 ? void 0 : _a.id);
+    this._snkGrid.addCustomEditor(fieldName, customEditor, detailContext);
+    this._snkFormView.addCustomEditor(fieldName, customEditor, detailContext);
+  }
+  async observerPropsCustomEditor(newValue) {
+    for (const fieldName in newValue) {
+      await this.addCustomEditor(fieldName, newValue[fieldName]);
+    }
+  }
+  /**
+   * Registra um render customizado para colunas da grid.
+   */
+  async addGridCustomRender(fieldName, customRender) {
+    var _a;
+    const detailContext = this.normalizeBranchGuideId((_a = this.branchGuide) === null || _a === void 0 ? void 0 : _a.id);
+    await this._snkGrid.addGridCustomRender(fieldName, customRender, detailContext);
+  }
   onContentCardChanged(evt) {
     SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this.formConfigManager).then(() => forceUpdate(this));
     evt.stopPropagation();
   }
+  async observeCustomRenders(newValue) {
+    for (const field in newValue) {
+      const customRender = newValue[field];
+      await this.addGridCustomRender(field, customRender);
+    }
+  }
   updateLabel() {
     const guideItemPathSize = this.guideItemPath ? this.guideItemPath.length : 0;
     if (guideItemPathSize > 0) {
@@ -933,6 +1009,10 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
       this.messagesBuilder = new SnkMessageBuilder(this.entityName);
     }
   }
+  async componentDidLoad() {
+    await this.observerPropsCustomEditor(this.customEditors);
+    await this.observeCustomRenders(this.customRenders);
+  }
   async dataUnitActionHandler(action) {
     if (action.type === Action.FIELD_INVALIDATED) {
       this.addErrorBadgeToBranchGuide();
@@ -942,6 +1022,9 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.branchGuide = Object.assign(Object.assign({}, this.branchGuide), { badge: 'error' });
     this.snkDetailGuidesChange.emit(new GuideBuilder(this.branchGuide, this._formMetadata, this.dataUnit));
   }
+  normalizeBranchGuideId(id) {
+    return id === null || id === void 0 ? void 0 : id.replace(/child\[(.*?)\]/g, '$1').replace(/::/g, '>');
+  }
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
@@ -949,7 +1032,9 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   }
   static get watchers() { return {
     "dataUnit": ["observeDataUnit"],
-    "dataState": ["observerDataState"]
+    "dataState": ["observerDataState"],
+    "customEditors": ["observerPropsCustomEditor"],
+    "customRenders": ["observeCustomRenders"]
   }; }
   static get style() { return snkDetailViewCss; }
 }, [6, "snk-detail-view", {
@@ -966,19 +1051,23 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "branchGuide": [1040],
     "canEdit": [4, "can-edit"],
     "taskbarCustomContainerId": [1, "taskbar-custom-container-id"],
+    "customEditors": [16],
+    "customRenders": [16],
     "_disabledButtons": [32],
     "_currentView": [32],
     "attachmentRegisterKey": [32],
     "changeViewMode": [64],
     "configGrid": [64],
-    "showUp": [64]
+    "showUp": [64],
+    "addCustomEditor": [64],
+    "addGridCustomRender": [64]
   }, [[0, "snkContentCardChanged", "onContentCardChanged"]]]);
 SnkDetailView.REGEX_FORM_ID = /__FORM:[^:]+/g;
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;
   }
-  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-taskbar", "taskbar-actions-button"];
+  const components = ["snk-detail-view", "snk-actions-button", "snk-attach", "snk-config-options", "snk-configurator", "snk-data-exporter", "snk-data-unit", "snk-exporter-email-sender", "snk-expression-group", "snk-expression-item", "snk-field-config", "snk-filter-advanced-mode", "snk-filter-assistent-mode", "snk-filter-bar", "snk-filter-detail", "snk-filter-field-search", "snk-filter-item", "snk-filter-param-config", "snk-form-config", "snk-form-summary", "snk-form-view", "snk-grid", "snk-grid-config", "snk-personalized-filter", "snk-select-box", "snk-simple-bar", "snk-simple-crud", "snk-tab-config", "snk-taskbar", "taskbar-actions-button"];
   components.forEach(tagName => { switch (tagName) {
     case "snk-detail-view":
       if (!customElements.get(tagName)) {
@@ -995,6 +1084,16 @@ function defineCustomElement() {
         defineCustomElement$t();
       }
       break;
+    case "snk-config-options":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$s();
+      }
+      break;
+    case "snk-configurator":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$r();
+      }
+      break;
     case "snk-data-exporter":
       if (!customElements.get(tagName)) {
         defineCustomElement$q();
@@ -1020,6 +1119,11 @@ function defineCustomElement() {
         defineCustomElement$m();
       }
       break;
+    case "snk-field-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$l();
+      }
+      break;
     case "snk-filter-advanced-mode":
       if (!customElements.get(tagName)) {
         defineCustomElement$k();
@@ -1055,6 +1159,11 @@ function defineCustomElement() {
         defineCustomElement$e();
       }
       break;
+    case "snk-form-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$d();
+      }
+      break;
     case "snk-form-summary":
       if (!customElements.get(tagName)) {
         defineCustomElement$c();
@@ -1095,6 +1204,11 @@ function defineCustomElement() {
         defineCustomElement$5();
       }
       break;
+    case "snk-tab-config":
+      if (!customElements.get(tagName)) {
+        defineCustomElement$4();
+      }
+      break;
     case "snk-taskbar":
       if (!customElements.get(tagName)) {
         defineCustomElement$3();

package/dist/components/snk-entity-list.js

@@ -62,16 +62,18 @@ const SnkEntityList$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.loadListSource();
   }
   optionLoader(searchArgument) {
-    var _a, _b, _c, _d;
+    var _a, _b, _c, _d, _e, _f;
     const { mode, argument } = searchArgument;
     if (this._application === undefined) {
       return;
     }
     const searchOptions = (_c = (_b = (_a = this.config) === null || _a === void 0 ? void 0 : _a.props) === null || _b === void 0 ? void 0 : _b.searchContext) === null || _c === void 0 ? void 0 : _c.searchOptions;
+    const criteria = (_e = (_d = this.config) === null || _d === void 0 ? void 0 : _d.props) === null || _e === void 0 ? void 0 : _e.criteria;
     const options = {
-      entityDescription: (_d = this.config) === null || _d === void 0 ? void 0 : _d.label,
+      entityDescription: (_f = this.config) === null || _f === void 0 ? void 0 : _f.label,
       entity: this._entityName,
-      searchOptions: searchOptions
+      searchOptions: searchOptions,
+      criteria,
     };
     return this._application.executePreparedSearch(mode, argument, options);
   }

package/dist/components/snk-expression-item2.js

@@ -4,7 +4,7 @@ import { a as SelectedItemType, d as defineCustomElement$2 } from './snk-filter-
 import { ApplicationUtils, CheckMode } from '@sankhyalabs/ezui/dist/collection/utils';
 import { fieldBuilder } from '@sankhyalabs/ezui/dist/collection/components/ez-form-view/fieldbuilder/FieldBuilder';
 import { a as FilterOperand } from './PersonalizedFilterUtils.js';
-import { s as store } from './index3.js';
+import { s as store } from './index2.js';
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { d as defineCustomElement$1 } from './snk-filter-param-config2.js';