@sankhyalabs/sankhyablocks 0.0.0-bugfix-dev-KB-38407.0 → 0.0.0-bugfix-dev-KB-9999.0

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

@@ -34,6 +34,8 @@ export class SnkSimpleCrud {
     this.taskbarManager = undefined;
     this.messagesBuilder = undefined;
     this.useEnterLikeTab = false;
+    this.actionsList = undefined;
+    this.configName = undefined;
   }
   resolveInMemoryBtns(taskbarButtons) {
     const newTaskBarConfig = [...taskbarButtons];
@@ -232,7 +234,7 @@ export class SnkSimpleCrud {
   }
   getActionsList() {
     var _a, _b;
-    return [{
+    const hardList = [{
         value: StringUtils.generateUUID(),
         label: (_b = (_a = this.messagesBuilder) === null || _a === void 0 ? void 0 : _a.getMessage("snkSimpleCrud.findColumn", undefined)) !== null && _b !== void 0 ? _b : "Buscar",
         disableCloseOnSelect: true,
@@ -241,6 +243,16 @@ export class SnkSimpleCrud {
           ? this.getColumnSearch(actionButton, item)
           : this.getFieldSearch(actionButton, item)
       }];
+    if (this.taskbarManager != undefined && this.taskbarManager.getMoreOptions != undefined) {
+      const taskbarID = this.getTopTaskBarId();
+      return hardList.concat(this.taskbarManager.getMoreOptions(taskbarID, this.configName, this.dataState, this.actionsList));
+    }
+    return hardList.concat(this.actionsList);
+  }
+  getTopTaskBarId() {
+    var _a;
+    return ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? `snkGridTopTaskbar.finish_edition${PresentationMode.PRIMARY}` :
+      `snkGridTopTaskbar.regular${PresentationMode.PRIMARY}`;
   }
   async keyDownListener(event) {
     if (!event.ctrlKey || event.key == undefined || event.key.toUpperCase() !== "F") {
@@ -494,6 +506,46 @@ export class SnkSimpleCrud {
         "attribute": "use-enter-like-tab",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "actionsList": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "Array<Action>",
+          "resolved": "Action[]",
+          "references": {
+            "Array": {
+              "location": "global"
+            },
+            "Action": {
+              "location": "import",
+              "path": "../snk-taskbar/snk-taskbar"
+            }
+          }
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "A\u00E7\u00F5es a serem colocadas no bot\u00E3o \"Mais op\u00E7\u00F5es\" do componente snk-taskbar."
+        }
+      },
+      "configName": {
+        "type": "string",
+        "mutable": true,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para salvar as configura\u00E7\u00F5es dos blocos de constru\u00E7\u00E3o."
+        },
+        "attribute": "config-name",
+        "reflect": false
       }
     };
   }

package/dist/collection/components/snk-taskbar/elements/taskbar-actions-button/taskbar-actions-button.js

@@ -67,7 +67,7 @@ export class TaskbarActionsButton {
     }
   }
   getSelectedAction(id, actions) {
-    let selectedItem;
+    let selectedItem = null;
     for (const item of actions) {
       if (item.id === id) {
         selectedItem = item;
@@ -76,6 +76,8 @@ export class TaskbarActionsButton {
       if (!(item === null || item === void 0 ? void 0 : item.children))
         continue;
       selectedItem = this.getSelectedAction(id, item.children);
+      if (selectedItem)
+        break;
     }
     return selectedItem;
   }

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

@@ -1,3 +1,20 @@
 :host {
   display: flex;
+  flex-wrap: wrap;
+}
+
+:host.no-wrap {
+  flex-wrap: nowrap;
+}
+
+:host.full-width{
+  width: 100%;
+}
+
+:host.align-right{
+  justify-content: flex-end;
+}
+
+.overflowed {
+  display: none;
 }

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

@@ -1,4 +1,4 @@
-import { ApplicationContext, ElementIDUtils, StringUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ElementIDUtils, OverflowDirection, OverflowWatcher, StringUtils, OVERFLOWED_CLASS_NAME } from '@sankhyalabs/core';
 import { h, Host } from '@stencil/core';
 import { AuthorizationConfig } from '../snk-configurator/AuthorizationConfig';
 import { AuthorizationElements, buildCustomButton, buildElem, TaskbarElement, VisibleWhenForbidden, } from './elements/taskbar-elements';
@@ -6,6 +6,8 @@ import { PresentationMode } from '../../lib/@types';
 export class SnkTaskbar {
   constructor() {
     this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
+    this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME = 'taskbar-custom-elements-container';
+    this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
     this._titleKeyByElement = {
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
@@ -23,11 +25,14 @@ export class SnkTaskbar {
       [TaskbarElement.ATTACH]: "snkTaskbar.titleAttach",
     };
     this._permissions = undefined;
+    this._overFlowedElements = [];
     this._customElements = undefined;
     this._customElementsId = undefined;
     this._slotContainer = undefined;
+    this.alignRigth = false;
     this.customSlotId = "TASKBAR_CUSTOM_ELEMENTS";
     this.customContainerId = undefined;
+    this.overflowStrategy = 'hiddenItems';
     this.configName = undefined;
     this.resourceID = undefined;
     this.buttons = undefined;
@@ -41,6 +46,7 @@ export class SnkTaskbar {
   }
   observeButtons() {
     this._definitions = undefined;
+    requestAnimationFrame(() => { var _a; return (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.forceUpdate(); });
   }
   // Internal methods
   elementsFromString(strButtons) {
@@ -221,15 +227,52 @@ export class SnkTaskbar {
     }
     this.validatePresentationMode();
   }
+  handleOverFlow(overFlowingElements) {
+    const elementsToHandle = overFlowingElements.filter(element => !this.hasToIgnoreOverFlow(element));
+    this.resetOverFlowedElements();
+    this.doOverFlowElements(elementsToHandle);
+  }
+  resetOverFlowedElements() {
+    this._overFlowedElements.forEach(element => {
+      element.classList.remove(OVERFLOWED_CLASS_NAME);
+    });
+    this._overFlowedElements = [];
+  }
+  doOverFlowElements(overFlowedElements) {
+    overFlowedElements.forEach(element => {
+      element.classList.add(OVERFLOWED_CLASS_NAME);
+      this._overFlowedElements.push(element);
+    });
+  }
+  hasToIgnoreOverFlow(element) {
+    return element.classList.contains(this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME);
+  }
+  handleOverFlowStrategy() {
+    if (this.overflowStrategy === 'hiddenItems') {
+      this._overFlowWatcher = new OverflowWatcher(this.buildOverFlowWatcherParams());
+    }
+  }
+  buildOverFlowWatcherParams() {
+    return {
+      element: this._element,
+      callback: this.handleOverFlow.bind(this),
+      overFlowDirection: OverflowDirection.HORIZONTAL,
+      deltaSize: 1,
+      notOverFlow: ["moreOptions"]
+    };
+  }
   componentDidLoad() {
     const dataInfo = { dataUnit: this.dataUnit };
     ElementIDUtils.addIDInfo(this._element, null, dataInfo);
+    this.handleOverFlowStrategy();
   }
   componentDidRender() {
     this.appendCustomElementsInTaskbar();
   }
   disconnectedCallback() {
+    var _a;
     this.unlinkAllCustomElements();
+    (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
   }
   unlinkAllCustomElements() {
     var _a;
@@ -247,7 +290,7 @@ export class SnkTaskbar {
       return undefined;
     }
     let index = 0;
-    return (h(Host, null, this.removeEmpty(this._definitions.map((elem) => {
+    return (h(Host, { class: this.getHostClasses() }, this.removeEmpty(this._definitions.map((elem) => {
       var _a;
       if (elem === TaskbarElement.DIVIDER) {
         index = 0;
@@ -265,7 +308,12 @@ export class SnkTaskbar {
         return this.addCustomElementContainer(elem);
       }
       return h("slot", { name: elem });
-    })), h("div", { class: "taskbar-custom-elements-container" }, h("slot", { name: this.customSlotId }))));
+    })), h("div", { class: this.TASKBAR_CUSTOM_ELEMENTS_CONTAINER_CLASS_NAME }, h("slot", { name: this.customSlotId }))));
+  }
+  getHostClasses() {
+    if (this.overflowStrategy !== 'hiddenItems')
+      return 'no-wrap';
+    return `full-width ${this.alignRigth ? 'align-right' : ""}`;
   }
   static get is() { return "snk-taskbar"; }
   static get encapsulation() { return "scoped"; }
@@ -281,6 +329,24 @@ export class SnkTaskbar {
   }
   static get properties() {
     return {
+      "alignRigth": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Usado para determinar O alinhamento dos items na taskbar."
+        },
+        "attribute": "align-rigth",
+        "reflect": false,
+        "defaultValue": "false"
+      },
       "customSlotId": {
         "type": "string",
         "mutable": false,
@@ -316,6 +382,24 @@ export class SnkTaskbar {
         "attribute": "custom-container-id",
         "reflect": false
       },
+      "overflowStrategy": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'hiddenItems' | 'none'",
+          "resolved": "\"hiddenItems\" | \"none\"",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define como ser\u00E1 o comportamento da taskbar quando ocorrer overflow"
+        },
+        "attribute": "overflow-strategy",
+        "reflect": false,
+        "defaultValue": "'hiddenItems'"
+      },
       "configName": {
         "type": "string",
         "mutable": false,
@@ -515,6 +599,7 @@ export class SnkTaskbar {
   static get states() {
     return {
       "_permissions": {},
+      "_overFlowedElements": {},
       "_customElements": {},
       "_customElementsId": {},
       "_slotContainer": {}

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

@@ -13,7 +13,7 @@ export default class InMemoryLoader {
     this.dataUnit.loadMetadata().then(() => this.dataUnit.loadData());
   }
   getRecordsToLoad() {
-    if (this._initialRecords == undefined && this.dataUnit.records.length > 0) {
+    if (this._initialRecords == undefined || this.dataUnit.records.length > 0) {
       this._initialRecords = this.dataUnit.records;
     }
     return this._initialRecords;

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

@@ -184,15 +184,29 @@ export default class DataUnitFetcher {
     });
     return updatingFields;
   }
+  getUpdatingFields(dataUnit, originalUpdatingFields) {
+    if (originalUpdatingFields == undefined) {
+      return;
+    }
+    const updatingFields = Object.assign({}, originalUpdatingFields);
+    Object.keys(updatingFields).forEach(key => {
+      const descriptor = dataUnit.getField(key);
+      if (descriptor != undefined && descriptor.standAlone) {
+        delete updatingFields[key];
+      }
+    });
+    return this.addTransientProperties(dataUnit, updatingFields);
+  }
   saveData(dataUnit, duChanges) {
     const updatedRecordsIds = [];
     const addedRecordsIds = [];
     const changes = duChanges.map((change) => {
-      const { dataUnit: changeDU, record, updatingFields, operation } = change;
+      const { dataUnit: changeDU, record, operation } = change;
       const dataUnitInstance = DataUnitStorage.get(changeDU);
+      const updatingFields = this.getUpdatingFields(dataUnitInstance, change.updatingFields);
       let parsedUpdatingFields;
-      if (updatingFields) {
-        parsedUpdatingFields = Object.entries(this.addTransientProperties(dataUnit, updatingFields)).map(([fieldName, value]) => {
+      if (updatingFields != undefined) {
+        parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
           const descriptor = dataUnitInstance.getField(fieldName);
           const dataType = descriptor ? descriptor.dataType : DataType.TEXT;
           return { fieldName, dataType, value: dataUnitInstance.valueToString(fieldName, value) };

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

@@ -3,7 +3,22 @@ import { DateUtils, StringUtils, ObjectUtils } from "@sankhyalabs/core";
 import { DataFetcher } from "../DataFetcher";
 export default class ParametersFetcher {
   constructor() {
+    this._embeddedParams = new Map();
     this.templateByQuery = new Map();
+    try {
+      if (window["MGE_PARAMS"] != undefined) {
+        const source = atob(window['MGE_PARAMS']);
+        const params = source.split('__;__');
+        params.forEach(param => {
+          const [key, value] = param.split("__=__");
+          this._embeddedParams.set(key, value);
+        });
+      }
+    }
+    catch (error) {
+      console.error("Problemas ao obter parâmetros embarcados");
+      console.error(error);
+    }
     this.buldTemplates();
   }
   buldTemplates() {
@@ -15,6 +30,9 @@ export default class ParametersFetcher {
         }`);
   }
   async getParam(name) {
+    if (this._embeddedParams.has(name)) {
+      return Promise.resolve(this._embeddedParams.get(name));
+    }
     const completPath = `param://application?params=${name}`;
     return DataFetcher.get().callGraphQL({
       values: { name: completPath },
@@ -52,6 +70,9 @@ export default class ParametersFetcher {
     if (Array.isArray(obj) && obj.length > 0) {
       obj = obj[0];
     }
+    if (typeof obj === "string") {
+      return obj;
+    }
     if (StringUtils.isEmpty(obj.resource))
       return "";
     try {

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

@@ -50,7 +50,7 @@ export class PesquisaFetcher {
     });
   }
   loadAdvancedSearch(entityName, argument, criteria, searchOptions) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
       argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
@@ -63,7 +63,7 @@ export class PesquisaFetcher {
         $: (_a = values.criteria) === null || _a === void 0 ? void 0 : _a.expression
       }
     };
-    if (((_b = values.criteria) === null || _b === void 0 ? void 0 : _b.params.length) > 0) {
+    if (((_c = (_b = values.criteria) === null || _b === void 0 ? void 0 : _b.params) === null || _c === void 0 ? void 0 : _c.length) > 0) {
       externalCriteria.params = {
         param: values.criteria.params.map(param => {
           let value = param.value;
@@ -97,7 +97,7 @@ export class PesquisaFetcher {
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": false, "limit": this._defaultPageSize, "query": { "$": values.argument }, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_c = values.searchOptions) === null || _c === void 0 ? void 0 : _c.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": false, "limit": this._defaultPageSize, "query": { "$": values.argument }, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_d = values.searchOptions) === null || _d === void 0 ? void 0 : _d.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }

package/dist/components/dataunit-fetcher.js

@@ -54,7 +54,7 @@ class PesquisaFetcher {
     });
   }
   loadAdvancedSearch(entityName, argument, criteria, searchOptions) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d;
     const listenerResult = this.applySearchListener(SearchListenerType.beforeSearch, entityName, argument, criteria, searchOptions);
     const values = {
       argument: (listenerResult === null || listenerResult === void 0 ? void 0 : listenerResult.argument) || argument,
@@ -67,7 +67,7 @@ class PesquisaFetcher {
         $: (_a = values.criteria) === null || _a === void 0 ? void 0 : _a.expression
       }
     };
-    if (((_b = values.criteria) === null || _b === void 0 ? void 0 : _b.params.length) > 0) {
+    if (((_c = (_b = values.criteria) === null || _b === void 0 ? void 0 : _b.params) === null || _c === void 0 ? void 0 : _c.length) > 0) {
       externalCriteria.params = {
         param: values.criteria.params.map(param => {
           let value = param.value;
@@ -101,7 +101,7 @@ class PesquisaFetcher {
     const reqBody = {
       "serviceName": serviceName,
       "requestBody": {
-        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": false, "limit": this._defaultPageSize, "query": { "$": values.argument }, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_c = values.searchOptions) === null || _c === void 0 ? void 0 : _c.rootEntity }, { options }),
+        "criteria": Object.assign({ "entityName": entityName, "compacted": false, "ignoreEntityCriteria": false, "limit": this._defaultPageSize, "query": { "$": values.argument }, "orderByDesc": false, "externalCriteria": externalCriteria, "localEntityName": (_d = values.searchOptions) === null || _d === void 0 ? void 0 : _d.rootEntity }, { options }),
         "clientEventList": {
           "clientEvent": []
         }
@@ -402,7 +402,7 @@ class InMemoryLoader {
     this.dataUnit.loadMetadata().then(() => this.dataUnit.loadData());
   }
   getRecordsToLoad() {
-    if (this._initialRecords == undefined && this.dataUnit.records.length > 0) {
+    if (this._initialRecords == undefined || this.dataUnit.records.length > 0) {
       this._initialRecords = this.dataUnit.records;
     }
     return this._initialRecords;
@@ -1005,15 +1005,29 @@ class DataUnitFetcher {
     });
     return updatingFields;
   }
+  getUpdatingFields(dataUnit, originalUpdatingFields) {
+    if (originalUpdatingFields == undefined) {
+      return;
+    }
+    const updatingFields = Object.assign({}, originalUpdatingFields);
+    Object.keys(updatingFields).forEach(key => {
+      const descriptor = dataUnit.getField(key);
+      if (descriptor != undefined && descriptor.standAlone) {
+        delete updatingFields[key];
+      }
+    });
+    return this.addTransientProperties(dataUnit, updatingFields);
+  }
   saveData(dataUnit, duChanges) {
     const updatedRecordsIds = [];
     const addedRecordsIds = [];
     const changes = duChanges.map((change) => {
-      const { dataUnit: changeDU, record, updatingFields, operation } = change;
+      const { dataUnit: changeDU, record, operation } = change;
       const dataUnitInstance = DataUnitStorage.get(changeDU);
+      const updatingFields = this.getUpdatingFields(dataUnitInstance, change.updatingFields);
       let parsedUpdatingFields;
-      if (updatingFields) {
-        parsedUpdatingFields = Object.entries(this.addTransientProperties(dataUnit, updatingFields)).map(([fieldName, value]) => {
+      if (updatingFields != undefined) {
+        parsedUpdatingFields = Object.entries(updatingFields).map(([fieldName, value]) => {
           const descriptor = dataUnitInstance.getField(fieldName);
           const dataType = descriptor ? descriptor.dataType : DataType.TEXT;
           return { fieldName, dataType, value: dataUnitInstance.valueToString(fieldName, value) };

package/dist/components/snk-application2.js

@@ -72,7 +72,22 @@ class TotalsFetcher {
 
 class ParametersFetcher {
   constructor() {
+    this._embeddedParams = new Map();
     this.templateByQuery = new Map();
+    try {
+      if (window["MGE_PARAMS"] != undefined) {
+        const source = atob(window['MGE_PARAMS']);
+        const params = source.split('__;__');
+        params.forEach(param => {
+          const [key, value] = param.split("__=__");
+          this._embeddedParams.set(key, value);
+        });
+      }
+    }
+    catch (error) {
+      console.error("Problemas ao obter parâmetros embarcados");
+      console.error(error);
+    }
     this.buldTemplates();
   }
   buldTemplates() {
@@ -84,6 +99,9 @@ class ParametersFetcher {
         }`);
   }
   async getParam(name) {
+    if (this._embeddedParams.has(name)) {
+      return Promise.resolve(this._embeddedParams.get(name));
+    }
     const completPath = `param://application?params=${name}`;
     return DataFetcher.get().callGraphQL({
       values: { name: completPath },
@@ -121,6 +139,9 @@ class ParametersFetcher {
     if (Array.isArray(obj) && obj.length > 0) {
       obj = obj[0];
     }
+    if (typeof obj === "string") {
+      return obj;
+    }
     if (StringUtils.isEmpty(obj.resource))
       return "";
     try {

package/dist/components/snk-crud.js

@@ -69,6 +69,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.presentationMode = PresentationMode.PRIMARY;
     this.messagesBuilder = undefined;
     this.useEnterLikeTab = false;
+    this.disablePersonalizedFilter = undefined;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -201,7 +202,8 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     window.removeEventListener("keydown", this._keyDownHandler);
   }
   async initKeyboardManager() {
-    const keyboardManager = await this._application.getKeyboardManager();
+    var _a;
+    const keyboardManager = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getKeyboardManager());
     if (keyboardManager) {
       const dataUnit = this._dataUnit || await this._snkDataUnit.getDataUnit();
       async function saveDataUnitHandlingFocus() {
@@ -250,7 +252,8 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
   }
   async removeShortcuts() {
-    const keyboardManager = await this._application.getKeyboardManager();
+    var _a;
+    const keyboardManager = await ((_a = this._application) === null || _a === void 0 ? void 0 : _a.getKeyboardManager());
     if (keyboardManager) {
       keyboardManager
         .unbind("F6")
@@ -317,7 +320,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -336,6 +339,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "presentationMode": [1, "presentation-mode"],
     "messagesBuilder": [1040],
     "useEnterLikeTab": [4, "use-enter-like-tab"],
+    "disablePersonalizedFilter": [4, "disable-personalized-filter"],
     "_dataUnit": [32],
     "_dataState": [32],
     "attachmentRegisterKey": [32],

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

@@ -43,7 +43,7 @@ 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';
 
-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 {
@@ -425,7 +425,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;
@@ -484,7 +484,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     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" }, 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) })
       :

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);
   }