@sankhyalabs/sankhyablocks 8.3.1 → 8.4.0-dev.1

package/dist/cjs/{snk-guides-viewer-5da253af.js → snk-guides-viewer-b7b680d2.js}

@@ -2,14 +2,19 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-fb684c0e.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-d5fd8800.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
-const taskbarElements = require('./taskbar-elements-b98dd6e9.js');
+const taskbarElements = require('./taskbar-elements-39949c7a.js');
 const constants = require('./constants-d187e03e.js');
-require('./DataFetcher-7694daf2.js');
-require('./pesquisa-fetcher-c9d99342.js');
+require('./DataFetcher-4798bac3.js');
+require('./pesquisa-fetcher-7973c081.js');
 const index$1 = require('./index-0e663819.js');
+require('./ISave-d68ce3cd.js');
+require('@sankhyalabs/ezui/dist/collection/utils/constants');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./filter-item-type.enum-aa823a00.js');
+require('./form-config-fetcher-5e3d3b87.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 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}";
@@ -20,6 +25,7 @@ const SnkGuidesViewer = class {
     index.registerInstance(this, hostRef);
     this.exit = index.createEvent(this, "exit", 7);
     this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.formItemsReady = index.createEvent(this, "formItemsReady", 7);
     this._guideBuilders = new Map();
     this.dataUnit = undefined;
     this.dataState = undefined;
@@ -33,6 +39,8 @@ const SnkGuidesViewer = class {
     this.messagesBuilder = undefined;
     this.canEdit = true;
     this.presentationMode = undefined;
+    this.resourceID = undefined;
+    this.detailTaskbarCustomContainerId = undefined;
     this._breadcrumbItems = [];
     this._guides = undefined;
     this._formEditorConfigManager = undefined;
@@ -234,7 +242,7 @@ const SnkGuidesViewer = class {
       else {
         detailBranch = this.selectedGuide;
       }
-      content = this.wrapDetail(levels, index.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) }));
+      content = this.wrapDetail(levels, index.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 }));
     }
     else {
       const cardId = this.selectedGuide.id;
@@ -283,7 +291,10 @@ const SnkGuidesViewer = class {
     return this.selectedGuide === undefined || '__main' === ((_a = this.selectedGuide) === null || _a === void 0 ? void 0 : _a.id);
   }
   componentWillLoad() {
-    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, config => this.masterFormConfig = config);
+    if (this.resourceID == undefined) {
+      throw new Error("Erro interno: resourceID não informado");
+    }
+    this._configManager = new SnkFormConfigManager.SnkFormConfigManager(this.configName, this.resourceID, config => this.masterFormConfig = config);
     this._configManager.loadConfig();
   }
   componentDidRender() {
@@ -302,7 +313,7 @@ const SnkGuidesViewer = class {
   }
   buildTaskBar() {
     var _a;
-    return index.h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != index$1.PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, index.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.actionsList, 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 }));
+    return index.h("div", { class: `ez-col ez-flex-item--align-center ez-col--sd-6 ez-col--tb-6 ${this.presentationMode != index$1.PresentationMode.SECONDARY ? 'ez-align--right' : 'ez-padding-bottom--medium'}` }, index.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.actionsList, 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" }, index.h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" })));
   }
   render() {
     var _a, _b;
@@ -321,7 +332,7 @@ const SnkGuidesViewer = class {
       index.h("div", { class: "ez-margin-top--extra-small" }, index.h("ez-breadcrumb", Object.assign({ items: this._breadcrumbItems, onSelectedItem: (evt) => this.onBreadcrumbClickHandler(evt === null || evt === void 0 ? void 0 : evt.detail) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo("breadcrumb")}` }))))), this.presentationMode != index$1.PresentationMode.SECONDARY && this.buildTaskBar()), index.h("div", { class: "snk-guides-viewer__container" }, showGuides ?
       index.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) })
       :
-        index.h("div", null), index.h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), index.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) })));
+        index.h("div", null), index.h("div", { class: "snk-guides-viewer__detail-container" }, SnkGuidesViewer.buildFixedForms(this.masterFormConfig, this._masterFormMetadata, (_b = this.selectedGuide) === null || _b === void 0 ? void 0 : _b.id, this.dataUnit, this.recordsValidator), this.getContent())), index.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 {
     "dataUnit": ["observeDataUnit"],

package/dist/cjs/snk-guides-viewer.cjs.entry.js

@@ -2,25 +2,26 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-5da253af.js');
+const snkGuidesViewer = require('./snk-guides-viewer-b7b680d2.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-fb684c0e.js');
-require('./ConfigStorage-c9ca6658.js');
-require('./form-config-fetcher-f10017bf.js');
-require('./DataFetcher-7694daf2.js');
+require('./SnkFormConfigManager-d5fd8800.js');
+require('./ConfigStorage-f0f89379.js');
+require('./form-config-fetcher-5e3d3b87.js');
+require('./DataFetcher-4798bac3.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./resource-fetcher-a6e6c5fd.js');
-require('./filter-bar-config-fetcher-f13a1aff.js');
+require('./PrintUtils-bcaeb82f.js');
 require('./filter-item-type.enum-aa823a00.js');
 require('@sankhyalabs/ezui/dist/collection/utils/form');
 require('./taskbar-processor-bce3f499.js');
-require('./taskbar-elements-b98dd6e9.js');
+require('./taskbar-elements-39949c7a.js');
 require('./index-0e663819.js');
 require('./index-102ba62d.js');
 require('./constants-d187e03e.js');
-require('./pesquisa-fetcher-c9d99342.js');
+require('./pesquisa-fetcher-7973c081.js');
+require('./ISave-d68ce3cd.js');
+require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/DataUnit');
 
 

package/dist/cjs/snk-personalized-filter.cjs.entry.js

@@ -5,17 +5,16 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-1aeb625d.js');
-const ConfigStorage = require('./ConfigStorage-c9ca6658.js');
+const ConfigStorage = require('./ConfigStorage-f0f89379.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const index$1 = require('./index-c5771aba.js');
 const index$2 = require('./index-102ba62d.js');
 require('./filter-item-type.enum-aa823a00.js');
-require('./form-config-fetcher-f10017bf.js');
-require('./DataFetcher-7694daf2.js');
+require('./form-config-fetcher-5e3d3b87.js');
+require('./DataFetcher-4798bac3.js');
 require('./_commonjsHelpers-537d719a.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./resource-fetcher-a6e6c5fd.js');
-require('./filter-bar-config-fetcher-f13a1aff.js');
+require('./PrintUtils-bcaeb82f.js');
 
 const snkPersonalizedFilterCss = ".sc-snk-personalized-filter-h{display:flex;height:100%;padding:var(--space--large, 24px);--snk-personalized-filter--width:100%;--snk-personalized-filter--height:100%;--snk-personalized-filter--background-color-line:var(--color--disable-secondary);--snk-personalized-filter--margin-line:var(--border--radius-medium, 12px)}.snk-personalized-filter.sc-snk-personalized-filter{height:var(--snk-personalized-filter--width);width:var(--snk-personalized-filter--height)}.snk-personalized-filter__header-actions.sc-snk-personalized-filter{display:flex;gap:var(--space--medium)}.snk-personalized-filter__group.sc-snk-personalized-filter{flex:1}.snk-personalized-filter__expression-input--line.sc-snk-personalized-filter{width:100%;height:2px;background-color:var(--snk-personalized-filter--background-color-line);margin-top:var(--snk-personalized-filter--margin-line);margin-bottom:var(--snk-personalized-filter--margin-line)}.ez-box__main.sc-snk-personalized-filter{height:90%}.snk-personalized-filter__button-mode.sc-snk-personalized-filter{height:35px}";
 
@@ -45,6 +44,7 @@ const SnkPersonalizedFilter = class {
     this.entityUri = undefined;
     this.filterId = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
   }
   /*
    * Cria um novo filtro se não houver nenhum filtro existente
@@ -81,17 +81,15 @@ const SnkPersonalizedFilter = class {
     this._filterAssistent = core.ObjectUtils.copy(newPersonalizedFilter);
   }
   loadFilter(newValue, oldValue) {
-    if (newValue == null || oldValue == newValue) {
+    if (newValue == null || oldValue == newValue || this.resourceID == undefined) {
       return;
     }
-    ConfigStorage.ConfigStorage.get().then((_instance) => {
-      ConfigStorage.ConfigStorage.loadPersonalizedFilter(newValue, this.configName)
-        .then((resp) => {
-        const personalizedFilter = this.addLabelToItems(resp);
-        this._filterAssistent = personalizedFilter;
-        this._originalFilterAssistent = core.ObjectUtils.copy(personalizedFilter);
-        this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
-      });
+    ConfigStorage.ConfigStorage.loadPersonalizedFilter(newValue, this.resourceID, this.configName)
+      .then((resp) => {
+      const personalizedFilter = this.addLabelToItems(resp);
+      this._filterAssistent = personalizedFilter;
+      this._originalFilterAssistent = core.ObjectUtils.copy(personalizedFilter);
+      this._filterAssistentMode = this._filterAssistent.hasOwnProperty("assistent") && this._filterAssistent.assistent != undefined;
     });
   }
   componentWillLoad() {
@@ -116,7 +114,7 @@ const SnkPersonalizedFilter = class {
     return this._application.messagesBuilder.getMessage(key, params);
   }
   saveFilter() {
-    ConfigStorage.ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.configName).then((personalizedFilter) => {
+    ConfigStorage.ConfigStorage.savePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName).then((personalizedFilter) => {
       this._elButtonSave.enabled = false;
       const messageToken = !!this._filterAssistent.id ? 'confirmEdit' : 'confirmSave';
       utils.ApplicationUtils.info(this.getMessage(`snkPersonalizedFilter.${messageToken}.title`), { iconName: "check" });
@@ -127,7 +125,7 @@ const SnkPersonalizedFilter = class {
     });
   }
   removeFilter() {
-    ConfigStorage.ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.configName);
+    ConfigStorage.ConfigStorage.removePersonalizedFilter(this._filterAssistent, this.resourceID, this.configName);
   }
   hasChangesToSave() {
     return JSON.stringify(this._filterAssistent) === JSON.stringify(this._originalFilterAssistent);

package/dist/cjs/snk-print-selector.cjs.entry.js

@@ -3,12 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
-const DataFetcher = require('./DataFetcher-7694daf2.js');
+const PrintUtils = require('./PrintUtils-bcaeb82f.js');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const core = require('@sankhyalabs/core');
 const ModalButtonStatus = require('@sankhyalabs/ezui/dist/collection/components/ez-modal-container/modal-button-status');
-require('./_commonjsHelpers-537d719a.js');
-require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -117,7 +115,7 @@ const SnkPrintSelector = class {
   buildLocalPrinters() {
     if (this._localPrintersDataSource.length > 0)
       return;
-    this._localPrinters = DataFetcher.PrintUtils.getInstance().getLocalPrinters();
+    this._localPrinters = PrintUtils.PrintUtils.getInstance().getLocalPrinters();
     this._localPrintersDataSource = this._localPrinters.map((printer) => ({
       label: printer.nome
     }));

package/dist/cjs/snk-simple-crud.cjs.entry.js

@@ -4,44 +4,62 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const constants$1 = require('./constants-d187e03e.js');
-const taskbarElements = require('./taskbar-elements-b98dd6e9.js');
-require('./DataFetcher-7694daf2.js');
-require('./pesquisa-fetcher-c9d99342.js');
+const constants = require('./constants-d187e03e.js');
+const taskbarElements = require('./taskbar-elements-39949c7a.js');
+require('./DataFetcher-4798bac3.js');
+require('./pesquisa-fetcher-7973c081.js');
 const index$1 = require('./index-0e663819.js');
+require('./ISave-d68ce3cd.js');
+require('@sankhyalabs/ezui/dist/collection/utils/constants');
+require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./filter-item-type.enum-aa823a00.js');
+require('./form-config-fetcher-5e3d3b87.js');
 const taskbarProcessor = require('./taskbar-processor-bce3f499.js');
-const constants = require('@sankhyalabs/ezui/dist/collection/utils/constants');
 const SnkMultiSelectionListDataSource = require('./SnkMultiSelectionListDataSource-804ff4c7.js');
 require('./index-102ba62d.js');
 require('./_commonjsHelpers-537d719a.js');
-require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
+require('./PrintUtils-bcaeb82f.js');
 
 class InMemoryLoader {
   constructor(metadata, records) {
-    this.records = records || [];
+    this.records = records;
     this.metadata = metadata;
     this._dataUnit = new core.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) => core.defaultDataLoader(dataUnit, request, this.getRecordsToLoad());
     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());
   }
+  getRecordsToLoad() {
+    if (this._initialRecords) {
+      try {
+        return this._initialRecords;
+      }
+      finally {
+        this._initialRecords = undefined;
+      }
+    }
+    return this.dataUnit.records;
+  }
   get dataUnit() {
     return this._dataUnit;
   }
   get records() {
-    return this._records;
+    return this.dataUnit.records;
   }
   set records(records) {
-    this._records = records === null || records === void 0 ? void 0 : records.map(record => {
+    const newRecords = records === null || records === void 0 ? void 0 : records.map(record => {
       if (!record["__record__id__"]) {
         record["__record__id__"] = this.generateUniqueId();
       }
       return record;
     });
     if (this._dataUnit) {
-      this._dataUnit.records = [...this._records];
+      this._dataUnit.records = newRecords;
+    }
+    else {
+      this._initialRecords = newRecords;
     }
   }
   get metadata() {
@@ -59,76 +77,16 @@ 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 == core.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(constants.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(constants.DISTINCT_FILTER_NAME_PREFIX, "")) !== null && _b !== void 0 ? _b : "",
-        values: filter.params.map(param => param.value),
-      };
-    });
-  }
-  getSortFn(type) {
-    switch (type) {
-      case core.DataType.NUMBER:
-        return this.sortNumber;
-      case core.DataType.DATE:
-        return this.sortDate;
-      case core.DataType.OBJECT:
-        return this.sortObject;
-      default:
-        return core.StringUtils.compare;
-    }
-  }
-  sortObject(a, b) {
-    return core.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 = [];
       changes.forEach(change => {
         let { record, updatingFields, operation } = change;
-        let isAdd = false;
+        const changedRecord = Object.assign(Object.assign({}, record), updatingFields);
         if (operation === core.ChangeOperation.INSERT ||
           operation === core.ChangeOperation.COPY) {
-          record["__old__id__"] = record["__record__id__"];
-          record["__record__id__"] = this.generateUniqueId();
-          isAdd = true;
-        }
-        const changedRecord = Object.assign(Object.assign({}, record), updatingFields);
-        if (isAdd) {
+          changedRecord["__old__id__"] = record["__record__id__"];
+          changedRecord["__record__id__"] = this.generateUniqueId();
           this.records.push(changedRecord);
         }
         else {
@@ -142,7 +100,6 @@ class InMemoryLoader {
   }
   removeLoader(_dataUnit, recordIds) {
     return new Promise((resolve) => {
-      this._records = this._records.filter(record => !recordIds.includes(record["__record__id__"]));
       resolve(recordIds);
     });
   }
@@ -157,6 +114,7 @@ const SnkSimpleCrud = class {
     this.dataStateChange = index.createEvent(this, "dataStateChange", 3);
     this.dataUnitReady = index.createEvent(this, "dataUnitReady", 3);
     this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.formItemsReady = index.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.SnkMultiSelectionListDataSource();
@@ -167,11 +125,11 @@ const SnkSimpleCrud = class {
       "snkSimpleCrudTaskbar.grid_selected": this.resolveInMemoryBtns(this.REGULAR_SELECTED_BTNS).concat(taskbarElements.TaskbarElement.FORM_MODE),
       "snkSimpleCrudTaskbar.finish_edition": ["CANCEL", "SAVE"]
     });
-    this._currentViewMode = constants$1.VIEW_MODE.GRID;
+    this._currentViewMode = constants.VIEW_MODE.GRID;
     this._config = undefined;
     this.dataState = undefined;
     this.dataUnit = undefined;
-    this.mode = constants$1.SIMPLE_CRUD_MODE.SERVER;
+    this.mode = constants.SIMPLE_CRUD_MODE.SERVER;
     this.gridConfig = undefined;
     this.formConfig = undefined;
     this.multipleSelection = undefined;
@@ -182,7 +140,7 @@ const SnkSimpleCrud = class {
   }
   resolveInMemoryBtns(taskbarButtons) {
     const newTaskBarConfig = [...taskbarButtons];
-    if (this.mode === constants$1.SIMPLE_CRUD_MODE.IN_MEMORY) {
+    if (this.mode === constants.SIMPLE_CRUD_MODE.IN_MEMORY) {
       newTaskBarConfig.splice(1, 1);
     }
     return newTaskBarConfig;
@@ -199,15 +157,15 @@ const SnkSimpleCrud = class {
   actionClickListener(evt) {
     const act = evt.detail;
     if (act === taskbarElements.TaskbarElement.GRID_MODE) {
-      this.goToView(constants$1.VIEW_MODE.GRID);
+      this.goToView(constants.VIEW_MODE.GRID);
     }
     else if (act === taskbarElements.TaskbarElement.FORM_MODE) {
-      this.goToView(constants$1.VIEW_MODE.FORM);
+      this.goToView(constants.VIEW_MODE.FORM);
     }
     evt.stopPropagation();
   }
   onModeChange() {
-    if (this.mode == constants$1.SIMPLE_CRUD_MODE.IN_MEMORY) {
+    if (this.mode == constants.SIMPLE_CRUD_MODE.IN_MEMORY) {
       this.initInMemoryDataUnit();
     }
   }
@@ -237,9 +195,9 @@ const SnkSimpleCrud = class {
     if (((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) &&
       !this.dataState.selectionInfo.isAllRecords() &&
       ((_c = this.dataState.selectionInfo.records) === null || _c === void 0 ? void 0 : _c.length) > 0) {
-      return this._currentViewMode === constants$1.VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
+      return this._currentViewMode === constants.VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
     }
-    return this._currentViewMode === constants$1.VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
+    return this._currentViewMode === constants.VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
   }
   initInMemoryDataUnit() {
     this._inMemoryLoader = new InMemoryLoader(this._metadata);
@@ -317,13 +275,13 @@ const SnkSimpleCrud = class {
   handleCancelEdit() {
     var _a;
     if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.recordsIsEmpty) {
-      this.goToView(constants$1.VIEW_MODE.GRID);
+      this.goToView(constants.VIEW_MODE.GRID);
       this.dataUnit.clearSelection();
     }
   }
   render() {
     var _a;
-    return (index.h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(constants$1.VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants$1.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: "ez-flex ez-box ez-box--shadow" }, index.h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium ez-margin-bottom--large", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: index$1.PresentationMode.SECONDARY }), index.h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("ez-grid", { dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants$1.VIEW_MODE.FORM), columnfilterDataSource: this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    return (index.h("snk-data-unit", { class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), onInsertionMode: () => this.goToView(constants.VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail }, index.h("header", null, index.h("slot", { name: "snkSimpleCrudHeader" })), index.h("section", { class: "ez-flex ez-box ez-box--shadow" }, index.h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium ez-margin-bottom--large", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, slot: "leftButtons", presentationMode: index$1.PresentationMode.SECONDARY }, index.h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), index.h("ez-view-stack", { class: "ez-flex ez-flex--column", ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index.h("stack-item", null, index.h("ez-grid", { dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), columnfilterDataSource: this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
         : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab }, index.h("div", { slot: "footer" }, index.h("slot", { name: "snkSimpleCrudFooter" })))), index.h("stack-item", null, index.h("ez-form", { dataUnit: this.dataUnit, config: this.formConfig }))))));
   }

package/dist/cjs/snk-taskbar-custom-elements.cjs.entry.js

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+const index = require('./index-f9e81701.js');
+
+const snkTaskbarCss = ".sc-snk-taskbar-custom-elements-h{display:flex}.taskbar-custom-elements-container.sc-snk-taskbar-custom-elements{display:none}";
+
+const SnkTaskbarCustomElements = class {
+  constructor(hostRef) {
+    index.registerInstance(this, hostRef);
+    this.slot = 'TASKBAR_CUSTOM_ELEMENTS';
+  }
+  render() {
+    return (index.h(index.Host, { slot: this.slot }, index.h("div", { id: this.slot, class: "taskbar-custom-elements-container" }, index.h("slot", null))));
+  }
+};
+SnkTaskbarCustomElements.style = snkTaskbarCss;
+
+exports.snk_taskbar_custom_elements = SnkTaskbarCustomElements;

package/dist/cjs/snk-taskbar.cjs.entry.js

@@ -5,16 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const AuthorizationConfig = require('./AuthorizationConfig-79ffae4b.js');
-const taskbarElements = require('./taskbar-elements-b98dd6e9.js');
+const taskbarElements = require('./taskbar-elements-39949c7a.js');
 const index$1 = require('./index-0e663819.js');
 require('./index-102ba62d.js');
 
-const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}";
+const snkTaskbarCss = ".sc-snk-taskbar-h{display:flex}.taskbar-custom-elements-container.sc-snk-taskbar{display:none}";
 
 const SnkTaskbar = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
     this.actionClick = index.createEvent(this, "actionClick", 7);
+    this.TASKBAR_ITEM_ID_PREFIX = 'TASKBAR_ITEM_';
     this._titleKeyByElement = {
       [taskbarElements.TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [taskbarElements.TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
@@ -32,7 +33,13 @@ const SnkTaskbar = class {
       [taskbarElements.TaskbarElement.ATTACH]: "snkTaskbar.titleAttach",
     };
     this._permissions = undefined;
+    this._customElements = undefined;
+    this._customElementsId = undefined;
+    this._slotContainer = undefined;
+    this.customSlotId = "TASKBAR_CUSTOM_ELEMENTS";
+    this.customContainerId = undefined;
     this.configName = undefined;
+    this.resourceID = undefined;
     this.buttons = undefined;
     this.customButtons = undefined;
     this.actionsList = undefined;
@@ -171,14 +178,52 @@ const SnkTaskbar = class {
       return true;
     });
   }
+  appendCustomElementsInTaskbar() {
+    this._customElementsId.forEach(id => {
+      const elementId = id.replace(this.TASKBAR_ITEM_ID_PREFIX, '');
+      const customElement = this._customElements.get(elementId);
+      const container = this._element.querySelector(`#${id}`);
+      if (container) {
+        container === null || container === void 0 ? void 0 : container.appendChild(customElement);
+      }
+      else {
+        this.unlinkCustomElementFromTaskbar(customElement);
+      }
+    });
+  }
+  addCustomElementContainer(elem) {
+    const elementId = `${this.TASKBAR_ITEM_ID_PREFIX}${elem}`;
+    if (!this._customElementsId.includes(elementId)) {
+      this._customElementsId.push(elementId);
+    }
+    return index.h("span", { key: elementId, id: elementId });
+  }
+  getCustomElements() {
+    var _a, _b;
+    this._customElementsId = [];
+    this._customElements = new Map();
+    this._slotContainer = this.buildSlotContainer();
+    const customElementsArray = Array.from((_b = (_a = this._slotContainer) === null || _a === void 0 ? void 0 : _a.children) !== null && _b !== void 0 ? _b : []);
+    customElementsArray.forEach(item => this._customElements.set(item.id, item));
+  }
+  buildSlotContainer() {
+    if (this.customContainerId) {
+      const container = document.querySelector(`#${this.customContainerId}`);
+      return container === null || container === void 0 ? void 0 : container.querySelector(`#${this.customSlotId}`);
+    }
+    else {
+      return this._element.querySelector(`#${this.customSlotId}`);
+    }
+  }
   componentWillLoad() {
     this._application = core.ApplicationContext.getContextValue("__SNK__APPLICATION__");
     if (this._application) {
-      this._application.getAllAccess().then(access => this._permissions = access);
+      this._application.getAllAccess(this.resourceID).then(access => this._permissions = access);
     }
     else {
       this._permissions = {};
     }
+    this.getCustomElements();
   }
   componentWillRender() {
     if (this._definitions == undefined && this._permissions) {
@@ -190,12 +235,30 @@ const SnkTaskbar = class {
     const dataInfo = { dataUnit: this.dataUnit };
     core.ElementIDUtils.addIDInfo(this._element, null, dataInfo);
   }
+  componentDidRender() {
+    this.appendCustomElementsInTaskbar();
+  }
+  disconnectedCallback() {
+    this.unlinkAllCustomElements();
+  }
+  unlinkAllCustomElements() {
+    var _a;
+    (_a = this._customElementsId) === null || _a === void 0 ? void 0 : _a.forEach(id => {
+      const elementId = id.replace(this.TASKBAR_ITEM_ID_PREFIX, '');
+      const customElement = this._customElements.get(elementId);
+      this.unlinkCustomElementFromTaskbar(customElement);
+    });
+  }
+  unlinkCustomElementFromTaskbar(customElement) {
+    this._slotContainer.appendChild(customElement);
+  }
   render() {
     if (this._definitions === undefined) {
       return undefined;
     }
     let index$1 = 0;
     return (index.h(index.Host, null, this.removeEmpty(this._definitions.map((elem) => {
+      var _a;
       if (elem === taskbarElements.TaskbarElement.DIVIDER) {
         index$1 = 0;
       }
@@ -205,11 +268,14 @@ const SnkTaskbar = class {
       if (taskbarElements.TaskbarElement[elem]) {
         return this.getElement(index$1, taskbarElements.TaskbarElement[elem]);
       }
-      if (this.customButtons.has(elem)) {
+      if ((_a = this.customButtons) === null || _a === void 0 ? void 0 : _a.has(elem)) {
         return this.getElement(index$1, this.customButtons.get(elem));
       }
+      if (this._customElements.has(elem)) {
+        return this.addCustomElementContainer(elem);
+      }
       return index.h("slot", { name: elem });
-    }))));
+    })), index.h("div", { class: "taskbar-custom-elements-container" }, index.h("slot", { name: this.customSlotId }))));
   }
   get _element() { return index.getElement(this); }
   static get watchers() { return {

package/dist/cjs/{taskbar-elements-b98dd6e9.js → taskbar-elements-39949c7a.js}

@@ -102,18 +102,18 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
   }
 };
 function textButton(name, className, dataElementId, text, title, action, isEnabled) {
-  return index.h("ez-button", { title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) });
+  return index.h("ez-button", { key: dataElementId, title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) });
 }
 function iconButton(iconName, name, className, dataElementId, title, action, isEnabled) {
-  return index.h("ez-button", { title: title, mode: "icon", size: "small", class: className, "data-element-id": dataElementId, iconName: iconName, enabled: isEnabled(name), onClick: () => action(name) });
+  return index.h("ez-button", { key: dataElementId, title: title, mode: "icon", size: "small", class: className, "data-element-id": dataElementId, iconName: iconName, enabled: isEnabled(name), onClick: () => action(name) });
 }
 function iconTextButton(iconName, name, className, dataElementId, text, title, action, isEnabled) {
-  return index.h("ez-button", { title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
+  return index.h("ez-button", { key: dataElementId, title: title, label: text, size: "small", class: className, "data-element-id": dataElementId, enabled: isEnabled(name), onClick: () => action(name) },
     index.h("ez-icon", { class: "ez-padding-right--small", slot: "leftIcon", iconName: iconName }));
 }
 function actionButton(element, className, dataElementId, title, action, isEnabled, actions) {
   return actions && actions.length > 0
-    ? index.h("ez-actions-button", { title: title, size: "small", "data-element-id": dataElementId, arrowActive: true, class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions })
+    ? index.h("ez-actions-button", { key: dataElementId, title: title, size: "small", "data-element-id": dataElementId, arrowActive: true, class: className, enabled: isEnabled(element), onEzAction: (evt) => action(evt.detail.value), actions: actions })
     : undefined;
 }