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

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

@@ -174,6 +174,28 @@ export class SnkForm {
           "resolved": "string",
           "references": {}
         }
+      }, {
+        "method": "formItemsReady",
+        "name": "formItemsReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
+        },
+        "complexType": {
+          "original": "Array<HTMLElement>",
+          "resolved": "HTMLElement[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
       }];
   }
   static get methods() {

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

@@ -10,7 +10,6 @@ import SnkMultiSelectionListDataSource from './filtercolumn/SnkMultiSelectionLis
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 export class SnkGrid {
   constructor() {
-    this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -27,6 +26,7 @@ export class SnkGrid {
     this._dataState = undefined;
     this._gridConfig = undefined;
     this._popUpGridConfig = false;
+    this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.configName = undefined;
     this.selectionToastConfig = undefined;
     this.actionsList = undefined;
@@ -212,10 +212,11 @@ export class SnkGrid {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
+    var _a, _b;
     this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
     this.addElementID();
-    this._multiSelectionListDataSource.setApplication(this._application);
-    this._multiSelectionListDataSource.setDataUnit(this._dataUnit);
+    (_a = this.columnFilterDataSource) === null || _a === void 0 ? void 0 : _a.setApplication(this._application);
+    (_b = this.columnFilterDataSource) === null || _b === void 0 ? void 0 : _b.setDataUnit(this._dataUnit);
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -307,7 +308,7 @@ export class SnkGrid {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton() })), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this._multiSelectionListDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
+      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton() })), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
   }
   static get is() { return "snk-grid"; }
   static get encapsulation() { return "scoped"; }
@@ -323,6 +324,26 @@ export class SnkGrid {
   }
   static get properties() {
     return {
+      "columnFilterDataSource": {
+        "type": "unknown",
+        "mutable": true,
+        "complexType": {
+          "original": "SnkMultiSelectionListDataSource",
+          "resolved": "SnkMultiSelectionListDataSource",
+          "references": {
+            "SnkMultiSelectionListDataSource": {
+              "location": "global"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "new SnkMultiSelectionListDataSource()"
+      },
       "configName": {
         "type": "string",
         "mutable": false,

package/dist/collection/components/snk-simple-crud/snk-simple-crud.js

@@ -452,6 +452,28 @@ export class SnkSimpleCrud {
           "resolved": "string",
           "references": {}
         }
+      }, {
+        "method": "formItemsReady",
+        "name": "formItemsReady",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Respons\u00E1vel por notificar quando ocorrer a renderiza\u00E7\u00E3o de itens do formul\u00E1rio."
+        },
+        "complexType": {
+          "original": "Array<HTMLElement>",
+          "resolved": "HTMLElement[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "HTMLElement": {
+              "location": "global"
+            }
+          }
+        }
       }];
   }
   static get methods() {

package/dist/collection/components/teste-pesquisa/teste-pesquisa.css

@@ -1,3 +1,3 @@
 :host {
   display: block;
-}
+}

package/dist/collection/lib/dataUnit/InMemoryLoader.js

@@ -1,12 +1,11 @@
-import { ChangeOperation, DataType, DataUnit, SortMode, StringUtils, } from '@sankhyalabs/core';
-import { DISTINCT_FILTER_NAME_PREFIX } from "@sankhyalabs/ezui/dist/collection/utils/constants";
+import { ChangeOperation, DataUnit, defaultDataLoader, StringUtils, } from '@sankhyalabs/core';
 export default class InMemoryLoader {
   constructor(metadata, records) {
     this.records = records || [];
     this.metadata = metadata;
     this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
     this._dataUnit.metadataLoader = () => this.metadaLoader();
-    this._dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
+    this._dataUnit.dataLoader = (dataUnit, request) => defaultDataLoader(dataUnit, request, this._records);
     this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);
     this._dataUnit.removeLoader = (_dataUnit, recordIds) => this.removeLoader(_dataUnit, recordIds);
     this.dataUnit.loadMetadata().then(() => this.dataUnit.loadData());
@@ -43,62 +42,6 @@ export default class InMemoryLoader {
   metadaLoader() {
     return Promise.resolve(this._metadata);
   }
-  dataLoader(dataUnit, request) {
-    const filters = this.getColumnFilters(dataUnit);
-    let records = this.applyFilters(filters);
-    if (request.sort) {
-      request.sort.forEach(sort => {
-        records = records.sort((recordA, recordB) => {
-          const fieldA = recordA[sort.field];
-          const fieldB = recordB[sort.field];
-          const sortFn = this.getSortFn(sort.dataType);
-          return sortFn(fieldA, fieldB) * (sort.mode == SortMode.ASC ? 1 : -1);
-        });
-      });
-    }
-    return Promise.resolve({ records: records });
-  }
-  applyFilters(filters) {
-    let records = [...this._records];
-    filters.forEach(filter => {
-      records = records.filter(record => { var _a; return filter.values.includes((_a = record[filter.column]) === null || _a === void 0 ? void 0 : _a.toString()); });
-    });
-    return records;
-  }
-  getColumnFilters(dataUnit) {
-    var _a, _b;
-    const allFilters = (_a = dataUnit.getFilters()) !== null && _a !== void 0 ? _a : [];
-    const columnFilters = (_b = allFilters.filter(filter => { var _a; return (_a = filter.name) === null || _a === void 0 ? void 0 : _a.includes(DISTINCT_FILTER_NAME_PREFIX); })) !== null && _b !== void 0 ? _b : [];
-    return columnFilters.map(filter => {
-      var _a, _b;
-      return {
-        column: (_b = (_a = filter.name) === null || _a === void 0 ? void 0 : _a.replace(DISTINCT_FILTER_NAME_PREFIX, "")) !== null && _b !== void 0 ? _b : "",
-        values: filter.params.map(param => param.value),
-      };
-    });
-  }
-  getSortFn(type) {
-    switch (type) {
-      case DataType.NUMBER:
-        return this.sortNumber;
-      case DataType.DATE:
-        return this.sortDate;
-      case DataType.OBJECT:
-        return this.sortObject;
-      default:
-        return StringUtils.compare;
-    }
-  }
-  sortObject(a, b) {
-    return StringUtils.compare(a === null || a === void 0 ? void 0 : a["label"], b === null || b === void 0 ? void 0 : b["label"]);
-  }
-  sortNumber(a, b) {
-    return a - b;
-  }
-  sortDate(a, b) {
-    let timeA = a.getTime(), timeB = b.getTime();
-    return timeA === timeB ? 0 : (timeA < timeB ? -1 : 1);
-  }
   saveLoader(_dataUnit, changes) {
     return new Promise((resolve) => {
       let dataUnitRecords = [];

package/dist/collection/lib/utils/urlutils.js

@@ -22,4 +22,33 @@ export default class UrlUtils {
       return window['mock_url'];
     return `${location.protocol}//${location.hostname}${location.port ? ":" + location.port : ""}`;
   }
+  /**
+  *  Extrai da URL o parâmetro que contém o resourceId da tela desejada.
+  *
+  */
+  static getResourceIdFromUrlToken(url) {
+    try {
+      const parts = url.split('/');
+      const encodedValue = parts[1];
+      return atob(encodedValue);
+    }
+    catch (error) {
+      throw new Error('Erro ao obter resourceId:' + error);
+    }
+  }
+  /**
+   *  Extrai da URL o parâmetro que contém o o objeto com a PK do registro específico.
+   *
+   */
+  static getPkObjectFromUrlToken(url) {
+    try {
+      const parts = url.split('/');
+      const encodedObjectPart = parts[parts.length - 2];
+      const decodedObjectPart = atob(encodedObjectPart);
+      return JSON.parse(decodedObjectPart);
+    }
+    catch (error) {
+      throw new Error('Erro ao obter a PK do objeto:' + error);
+    }
+  }
 }

package/dist/components/DataFetcher.js

@@ -6434,6 +6434,35 @@ class UrlUtils {
       return window['mock_url'];
     return `${location.protocol}//${location.hostname}${location.port ? ":" + location.port : ""}`;
   }
+  /**
+  *  Extrai da URL o parâmetro que contém o resourceId da tela desejada.
+  *
+  */
+  static getResourceIdFromUrlToken(url) {
+    try {
+      const parts = url.split('/');
+      const encodedValue = parts[1];
+      return atob(encodedValue);
+    }
+    catch (error) {
+      throw new Error('Erro ao obter resourceId:' + error);
+    }
+  }
+  /**
+   *  Extrai da URL o parâmetro que contém o o objeto com a PK do registro específico.
+   *
+   */
+  static getPkObjectFromUrlToken(url) {
+    try {
+      const parts = url.split('/');
+      const encodedObjectPart = parts[parts.length - 2];
+      const decodedObjectPart = atob(encodedObjectPart);
+      return JSON.parse(decodedObjectPart);
+    }
+    catch (error) {
+      throw new Error('Erro ao obter a PK do objeto:' + error);
+    }
+  }
 }
 
 class ServiceBrokerRecaller {

package/dist/components/snk-crud.js

@@ -44,6 +44,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.actionClick = createEvent(this, "actionClick", 7);
     this.configuratorSave = createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._viewHistory = [];
     this._dataUnit = undefined;
     this._dataState = undefined;

package/dist/components/snk-data-unit2.js

@@ -71,7 +71,6 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.useCancelConfirm = true;
     this.ignoreSaveMessage = undefined;
     this.configName = undefined;
-    this.configName = undefined;
   }
   observePageSize() {
     if (this.dataUnit) {

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

@@ -47,6 +47,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.__registerHost();
     this.exit = createEvent(this, "exit", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._guideBuilders = new Map();
     this.dataUnit = undefined;
     this.dataState = undefined;
@@ -586,6 +587,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.__registerHost();
     this.snkDetailGuidesChange = createEvent(this, "snkDetailGuidesChange", 7);
     this.snkSwitchGuide = createEvent(this, "snkSwitchGuide", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._disabledButtons = undefined;
     this._currentView = undefined;
     this.attachmentRegisterKey = undefined;
@@ -769,7 +771,7 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   render() {
     this.updateLabel();
     //const cardConfig: IFormCardConfig = this._cardsState?.get(this.selectedForm);
-    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
+    return (h(Host, null, h("snk-data-unit", { ref: (el) => this._snkDataUnit = el, dataUnitName: `${this.dataUnitName}`, onDataUnitReady: evt => this.dataUnitReadyHandler(evt), entityName: this.entityName, onDataStateChange: this.handleDataStateChange.bind(this), ignoreSaveMessage: this._currentView === VIEW_MODE.GRID, messagesBuilder: this.messagesBuilder, configName: this._configName }, h("ez-view-stack", { ref: (ref) => this.updateViewStack(ref) }, h("stack-item", null, h("div", { class: "ez-box ez-box--shadow grid-container" }, h("div", { class: "ez-flex ez-title--primary ez-size-width--full ez-padding--large detail-header" }, h("div", { class: "ez-flex ez-text ez-text--bold ez-flex--justify-start ez-flex--align-items-center" }, this._levelPath ? h("span", { class: "level-path" }, this._levelPath + " /") : undefined, this.label)), h("snk-grid", { class: "ez-size-width--full ez-size-height--full", ref: (ref) => this._snkGrid = ref, configName: this._configName, messagesBuilder: this.messagesBuilder, onGridDoubleClick: () => this.emitSwitchEvent(VIEW_MODE.FORM), onActionClick: (evt) => this.executeActionHandler(evt), presentationMode: PresentationMode.SECONDARY, canEdit: this.canEdit, isDetail: true }))), h("stack-item", null, h("snk-form-view", { ref: (ref) => this._snkFormView = ref, canExpand: false, canFix: false, name: this.selectedForm, formMetadata: this._formMetadata, dataUnit: this.dataUnit, fields: this.getFormFields(), label: this.label, levelPath: this._levelPath, onFormItemsReady: ({ detail: formItems }) => this.formItemsReady.emit(formItems) }, h("snk-taskbar", { key: "guideViewerTaskbar", class: "form-taskbar", "data-element-id": "guideViewer", configName: this._configName, messagesBuilder: this.messagesBuilder, disabledButtons: this._disabledButtons, buttons: "INSERT,PREVIOUS,NEXT,DIVIDER,CLONE,REMOVE,MORE_OPTIONS,DIVIDER,GRID_MODE,CONFIGURATOR", primaryButton: "INSERT", presentationMode: PresentationMode.SECONDARY, onActionClick: evt => this.executeActionHandler(evt), dataUnit: this.dataUnit }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this.entityName, onBack: this.handleAttachBack.bind(this) }))))));
   }
   static get watchers() { return {
     "dataState": ["observerDataState"]

package/dist/components/snk-filter-bar2.js

@@ -283,7 +283,7 @@ const SnkFilterBar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
         return;
       }
       this._loadingPending = false;
-      this.dataUnit.loadData();
+      this.dataUnit.loadData(undefined, undefined, true);
     }
     if (this._configUpdated) {
       this._configUpdated = false;

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

@@ -10,6 +10,7 @@ const SnkFormView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     super();
     this.__registerHost();
     this.snkContentCardChanged = createEvent(this, "snkContentCardChanged", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.levelPath = undefined;
     this.label = undefined;
     this.name = undefined;
@@ -77,6 +78,10 @@ const SnkFormView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this._dataBinder.bind(fields, this.dataUnit.dataUnitId, this.formMetadata, this.recordsValidator);
     }
   }
+  handleFormItemsReady(event) {
+    event.stopPropagation();
+    this.formItemsReady.emit(Object.assign(Object.assign({}, event.detail), { formId: this.name }));
+  }
   disconnectedCallback() {
     if (this._dataBinder != undefined) {
       this._dataBinder.onDisconnectedCallback();
@@ -89,7 +94,7 @@ const SnkFormView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       ?
         h("snk-form-summary", { summary: this.getCardSummary() })
       :
-        h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail) })));
+        h("ez-form-view", { ref: ref => this._formView = ref, fields: this.fields, onEzContentReady: evt => this.bindFields(evt.detail), onFormItemsReady: (event) => this.handleFormItemsReady(event) })));
   }
   static get style() { return snkFormViewCss; }
 }, [6, "snk-form-view", {

package/dist/components/snk-form.js

@@ -14,6 +14,7 @@ const SnkForm$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.exit = createEvent(this, "exit", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this._dataUnit = undefined;
     this._dataState = undefined;
     this._showFormConfig = false;

package/dist/components/snk-grid2.js

@@ -4,7 +4,7 @@ import { UserInterface } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMeta
 import { d as defineCustomElement$1, T as TaskbarElement } from './snk-taskbar2.js';
 import { C as ConfigStorage } from './ConfigStorage.js';
 import { P as PresentationMode } from './index2.js';
-import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor } from './SnkMultiSelectionListDataSource.js';
+import { T as TaskbarProcessor, S as SnkMultiSelectionListDataSource } from './SnkMultiSelectionListDataSource.js';
 import { s as store } from './index3.js';
 import { SelectionMode } from '@sankhyalabs/core/dist/dataunit/DataUnit';
 import { d as defineCustomElement$h } from './snk-actions-button2.js';
@@ -32,7 +32,6 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.__registerHost();
     this.actionClick = createEvent(this, "actionClick", 7);
     this.gridDoubleClick = createEvent(this, "gridDoubleClick", 7);
-    this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();
     this._topTaskbarProcessor = new TaskbarProcessor({
       "snkGridTopTaskbar.regular": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
       "snkGridTopTaskbar.regular.secondary": ["FORM_MODE", "CONFIGURATOR", "INSERT"],
@@ -49,6 +48,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._dataState = undefined;
     this._gridConfig = undefined;
     this._popUpGridConfig = false;
+    this.columnFilterDataSource = new SnkMultiSelectionListDataSource();
     this.configName = undefined;
     this.selectionToastConfig = undefined;
     this.actionsList = undefined;
@@ -234,10 +234,11 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
   finshLoading() {
+    var _a, _b;
     this._dataUnitLoadLockerResolver = this._dataUnit.addLoadingLocker();
     this.addElementID();
-    this._multiSelectionListDataSource.setApplication(this._application);
-    this._multiSelectionListDataSource.setDataUnit(this._dataUnit);
+    (_a = this.columnFilterDataSource) === null || _a === void 0 ? void 0 : _a.setApplication(this._application);
+    (_b = this.columnFilterDataSource) === null || _b === void 0 ? void 0 : _b.setDataUnit(this._dataUnit);
   }
   componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
@@ -329,11 +330,12 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return undefined;
     }
     return (h("div", { class: "snk-grid__container ez-flex ez-flex--column ez-flex-item--auto ez-padding--large" }, h("div", { class: "snk-grid__header ez-margin-bottom--medium" }, h("snk-filter-bar", { ref: (ref) => this._snkFilterBar = ref, dataUnit: this._dataUnit, "data-element-id": "gridFilter", class: "snk-grid__filter-bar ez-align--top", configName: this.configName, messagesBuilder: this.messagesBuilder }), ((_b = (_a = this._snkFilterBar) === null || _a === void 0 ? void 0 : _a.filterConfig) === null || _b === void 0 ? void 0 : _b.length) > 0 &&
-      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton() })), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this._multiSelectionListDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
+      h("hr", { class: "ez-divider-vertical ez-divider--dark ez-margin-left--medium snk-grid__header-divider" }), h("snk-taskbar", { class: "ez-padding-left--medium", "data-element-id": "grid_top", key: "topTaskbar", configName: this.configName, dataUnit: this._dataUnit, messagesBuilder: this.messagesBuilder, buttons: this._topTaskbarProcessor.buttons, disabledButtons: this._topTaskbarProcessor.disabledButtons, customButtons: this._topTaskbarProcessor.customButtons, primaryButton: this.getPrimaryButton() })), h("ez-grid", { ref: ref => this._grid = ref, class: (this.presentationMode === PresentationMode.SECONDARY ? "snk-grid-container__without-shadow " : "") + "snk-grid__table", "data-element-id": "embedded", dataUnit: this._dataUnit, key: "grid-" + this._snkDataUnit.entityName, config: this._gridConfig, onConfigChange: (evt) => { this.gridConfigChangeHandler(evt); }, onEzDoubleClick: () => this.gridDoubleClick.emit(), statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, onComponentReady: () => this.onEzGridReady(), columnfilterDataSource: this.columnFilterDataSource, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, recordsValidator: this.recordsValidator, canEdit: this.canEdit }, h("snk-taskbar", { dataUnit: this._dataUnit, configName: this.configName, messagesBuilder: this.messagesBuilder, "data-element-id": "grid_left", buttons: this._headerTaskbarProcessor.buttons, disabledButtons: this._headerTaskbarProcessor.disabledButtons, customButtons: this._headerTaskbarProcessor.customButtons, slot: "leftButtons", actionsList: this.actionsList })), h("div", { class: "ez-col ez-col--sd-12" }, h("slot", { name: "SnkGridFooter" })), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._popUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this._gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), application: this._application, selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig() }))));
   }
   get _element() { return this; }
   static get style() { return snkGridCss; }
 }, [6, "snk-grid", {
+    "columnFilterDataSource": [1040],
     "configName": [1, "config-name"],
     "selectionToastConfig": [16],
     "actionsList": [16],

package/dist/components/snk-simple-crud2.js

@@ -1,12 +1,11 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { DataUnit, StringUtils, SortMode, DataType, ChangeOperation, ObjectUtils, ApplicationContext, UserInterface } from '@sankhyalabs/core';
+import { DataUnit, defaultDataLoader, StringUtils, ChangeOperation, ObjectUtils, ApplicationContext, DataType, UserInterface } from '@sankhyalabs/core';
 import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
 import { T as TaskbarElement, d as defineCustomElement$1 } from './snk-taskbar2.js';
 import './DataFetcher.js';
 import './pesquisa-fetcher.js';
 import { P as PresentationMode } from './index2.js';
 import { S as SnkMultiSelectionListDataSource, T as TaskbarProcessor } from './SnkMultiSelectionListDataSource.js';
-import { DISTINCT_FILTER_NAME_PREFIX } from '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { d as defineCustomElement$5 } from './snk-actions-button2.js';
 import { d as defineCustomElement$4 } from './snk-data-exporter2.js';
 import { d as defineCustomElement$3 } from './snk-data-unit2.js';
@@ -18,7 +17,7 @@ class InMemoryLoader {
     this.metadata = metadata;
     this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
     this._dataUnit.metadataLoader = () => this.metadaLoader();
-    this._dataUnit.dataLoader = (dataUnit, request) => this.dataLoader(dataUnit, request);
+    this._dataUnit.dataLoader = (dataUnit, request) => defaultDataLoader(dataUnit, request, this._records);
     this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);
     this._dataUnit.removeLoader = (_dataUnit, recordIds) => this.removeLoader(_dataUnit, recordIds);
     this.dataUnit.loadMetadata().then(() => this.dataUnit.loadData());
@@ -55,62 +54,6 @@ class InMemoryLoader {
   metadaLoader() {
     return Promise.resolve(this._metadata);
   }
-  dataLoader(dataUnit, request) {
-    const filters = this.getColumnFilters(dataUnit);
-    let records = this.applyFilters(filters);
-    if (request.sort) {
-      request.sort.forEach(sort => {
-        records = records.sort((recordA, recordB) => {
-          const fieldA = recordA[sort.field];
-          const fieldB = recordB[sort.field];
-          const sortFn = this.getSortFn(sort.dataType);
-          return sortFn(fieldA, fieldB) * (sort.mode == SortMode.ASC ? 1 : -1);
-        });
-      });
-    }
-    return Promise.resolve({ records: records });
-  }
-  applyFilters(filters) {
-    let records = [...this._records];
-    filters.forEach(filter => {
-      records = records.filter(record => { var _a; return filter.values.includes((_a = record[filter.column]) === null || _a === void 0 ? void 0 : _a.toString()); });
-    });
-    return records;
-  }
-  getColumnFilters(dataUnit) {
-    var _a, _b;
-    const allFilters = (_a = dataUnit.getFilters()) !== null && _a !== void 0 ? _a : [];
-    const columnFilters = (_b = allFilters.filter(filter => { var _a; return (_a = filter.name) === null || _a === void 0 ? void 0 : _a.includes(DISTINCT_FILTER_NAME_PREFIX); })) !== null && _b !== void 0 ? _b : [];
-    return columnFilters.map(filter => {
-      var _a, _b;
-      return {
-        column: (_b = (_a = filter.name) === null || _a === void 0 ? void 0 : _a.replace(DISTINCT_FILTER_NAME_PREFIX, "")) !== null && _b !== void 0 ? _b : "",
-        values: filter.params.map(param => param.value),
-      };
-    });
-  }
-  getSortFn(type) {
-    switch (type) {
-      case DataType.NUMBER:
-        return this.sortNumber;
-      case DataType.DATE:
-        return this.sortDate;
-      case DataType.OBJECT:
-        return this.sortObject;
-      default:
-        return StringUtils.compare;
-    }
-  }
-  sortObject(a, b) {
-    return StringUtils.compare(a === null || a === void 0 ? void 0 : a["label"], b === null || b === void 0 ? void 0 : b["label"]);
-  }
-  sortNumber(a, b) {
-    return a - b;
-  }
-  sortDate(a, b) {
-    let timeA = a.getTime(), timeB = b.getTime();
-    return timeA === timeB ? 0 : (timeA < timeB ? -1 : 1);
-  }
   saveLoader(_dataUnit, changes) {
     return new Promise((resolve) => {
       let dataUnitRecords = [];
@@ -154,6 +97,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.dataStateChange = createEvent(this, "dataStateChange", 3);
     this.dataUnitReady = createEvent(this, "dataUnitReady", 3);
     this.actionClick = createEvent(this, "actionClick", 7);
+    this.formItemsReady = createEvent(this, "formItemsReady", 7);
     this.REGULAR_DEFAULT_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER"];
     this.REGULAR_SELECTED_BTNS = ["INSERT", "REFRESH", "PREVIOUS", "NEXT", "DIVIDER", "CLONE", "REMOVE", "DIVIDER"];
     this._multiSelectionListDataSource = new SnkMultiSelectionListDataSource();

package/dist/esm/{ConfigStorage-19a7260b.js → ConfigStorage-b6aefe42.js}

@@ -1,8 +1,8 @@
 import { ApplicationContext } from '@sankhyalabs/core';
-import { F as FormConfigFetcher } from './form-config-fetcher-9e167008.js';
-import { R as ResourceFetcher } from './resource-fetcher-768d5556.js';
-import { F as FilterBarConfigFetcher } from './filter-bar-config-fetcher-06e02851.js';
-import { d as dist, D as DataFetcher } from './DataFetcher-e0fc5549.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-4a34b86a.js';
+import { R as ResourceFetcher } from './resource-fetcher-b36ac145.js';
+import { F as FilterBarConfigFetcher } from './filter-bar-config-fetcher-317cb6bf.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-aaaff866.js';
 
 class GridConfigFetcher extends ResourceFetcher {
   constructor() {

package/dist/esm/{DataFetcher-e0fc5549.js → DataFetcher-aaaff866.js}

@@ -6434,6 +6434,35 @@ class UrlUtils {
       return window['mock_url'];
     return `${location.protocol}//${location.hostname}${location.port ? ":" + location.port : ""}`;
   }
+  /**
+  *  Extrai da URL o parâmetro que contém o resourceId da tela desejada.
+  *
+  */
+  static getResourceIdFromUrlToken(url) {
+    try {
+      const parts = url.split('/');
+      const encodedValue = parts[1];
+      return atob(encodedValue);
+    }
+    catch (error) {
+      throw new Error('Erro ao obter resourceId:' + error);
+    }
+  }
+  /**
+   *  Extrai da URL o parâmetro que contém o o objeto com a PK do registro específico.
+   *
+   */
+  static getPkObjectFromUrlToken(url) {
+    try {
+      const parts = url.split('/');
+      const encodedObjectPart = parts[parts.length - 2];
+      const decodedObjectPart = atob(encodedObjectPart);
+      return JSON.parse(decodedObjectPart);
+    }
+    catch (error) {
+      throw new Error('Erro ao obter a PK do objeto:' + error);
+    }
+  }
 }
 
 class ServiceBrokerRecaller {

package/dist/esm/{SnkFormConfigManager-1a42eb02.js → SnkFormConfigManager-80901f2d.js}

@@ -1,6 +1,6 @@
-import { C as ConfigStorage } from './ConfigStorage-19a7260b.js';
+import { C as ConfigStorage } from './ConfigStorage-b6aefe42.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { F as FormConfigFetcher } from './form-config-fetcher-9e167008.js';
+import { F as FormConfigFetcher } from './form-config-fetcher-4a34b86a.js';
 
 class SnkFormConfigManager {
   constructor(configName, onConfigChange) {

package/dist/esm/{auth-fetcher-83a946f8.js → auth-fetcher-7860d777.js}

@@ -1,5 +1,5 @@
 import { ObjectUtils } from '@sankhyalabs/core';
-import { R as ResourceFetcher } from './resource-fetcher-768d5556.js';
+import { R as ResourceFetcher } from './resource-fetcher-b36ac145.js';
 
 class AuthFetcher extends ResourceFetcher {
   getData(resourceID) {

package/dist/esm/{dataunit-fetcher-6a695723.js → dataunit-fetcher-9dfcdb1d.js}

@@ -1,5 +1,5 @@
 import { DataUnit, StringUtils, DataType, DataUnitStorage, ChangeOperation } from '@sankhyalabs/core';
-import { d as dist, D as DataFetcher } from './DataFetcher-e0fc5549.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-aaaff866.js';
 import { DISTINCT_FILTER_NAME_PREFIX } from '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { DataUnitTransient } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
 

package/dist/esm/{filter-bar-config-fetcher-06e02851.js → filter-bar-config-fetcher-317cb6bf.js}

@@ -1,5 +1,5 @@
 import { F as FilterItemType } from './filter-item-type.enum-5028ed3f.js';
-import { R as ResourceFetcher } from './resource-fetcher-768d5556.js';
+import { R as ResourceFetcher } from './resource-fetcher-b36ac145.js';
 
 var __rest = (undefined && undefined.__rest) || function (s, e) {
   var t = {};

package/dist/esm/{form-config-fetcher-9e167008.js → form-config-fetcher-4a34b86a.js}

@@ -1,6 +1,6 @@
-import { d as dist, D as DataFetcher } from './DataFetcher-e0fc5549.js';
+import { d as dist, D as DataFetcher } from './DataFetcher-aaaff866.js';
 import { ObjectUtils } from '@sankhyalabs/core';
-import { R as ResourceFetcher } from './resource-fetcher-768d5556.js';
+import { R as ResourceFetcher } from './resource-fetcher-b36ac145.js';
 
 class FormConfigFetcher extends ResourceFetcher {
   constructor() {