@sankhyalabs/sankhyablocks 8.16.0-rc.22 → 8.16.0-rc.24

package/dist/cjs/snk-filter-modal-item.cjs.entry.js

@@ -6,10 +6,10 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const filterItemType_enum = require('./filter-item-type.enum-a7ffdaa6.js');
 const presentationMode = require('./presentationMode-52ec3bdd.js');
-const ConfigStorage = require('./ConfigStorage-ecc0ed20.js');
+const ConfigStorage = require('./ConfigStorage-f079f5fd.js');
 const filterType_enum = require('./filter-type.enum-b14ce507.js');
-require('./form-config-fetcher-ed497282.js');
-require('./DataFetcher-cadeef8e.js');
+require('./form-config-fetcher-39397ac5.js');
+require('./DataFetcher-e059eb72.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 

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

@@ -25,10 +25,11 @@ const SnkFilterText = class {
     }
   }
   render() {
+    var _a;
     if (!this.config) {
       return undefined;
     }
-    return (index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value }));
+    return (index.h("ez-text-input", { id: this.config.id, ref: ref => this._textInputElement = ref, label: this.config.label, value: this.config.value, mask: (_a = this.config) === null || _a === void 0 ? void 0 : _a.mask, cleanValueMask: true }));
   }
   get _element() { return index.getElement(this); }
 };

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

@@ -5,20 +5,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
-const ConfigStorage = require('./ConfigStorage-ecc0ed20.js');
+const ConfigStorage = require('./ConfigStorage-f079f5fd.js');
 const index$1 = require('./index-1dfc7a6e.js');
 const fieldSearch = require('./field-search-68e34bf4.js');
 const index$2 = require('./index-102ba62d.js');
-const ContinuousInsertUtils = require('./ContinuousInsertUtils-29b65619.js');
+const ContinuousInsertUtils = require('./ContinuousInsertUtils-64e47516.js');
 const DataUnit = require('@sankhyalabs/core/dist/dataunit/DataUnit');
-require('./DataFetcher-cadeef8e.js');
-require('./pesquisa-fetcher-ca89181c.js');
+require('./DataFetcher-e059eb72.js');
+require('./pesquisa-fetcher-a9bfeb22.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-f89461c1.js');
+require('./dataunit-fetcher-228016f4.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-ed497282.js');
+require('./form-config-fetcher-39397ac5.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource');
 require('./PrintUtils-bcaeb82f.js');

package/dist/cjs/{snk-guides-viewer-b9920385.js → snk-guides-viewer-2139481c.js}

@@ -2,20 +2,20 @@
 
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
-const SnkFormConfigManager = require('./SnkFormConfigManager-f1c92f79.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-63369164.js');
 const form = require('@sankhyalabs/ezui/dist/collection/utils/form');
 const fieldSearch = require('./field-search-68e34bf4.js');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
 const constants = require('./constants-35ddd366.js');
-require('./DataFetcher-cadeef8e.js');
-require('./pesquisa-fetcher-ca89181c.js');
+require('./DataFetcher-e059eb72.js');
+require('./pesquisa-fetcher-a9bfeb22.js');
 const index$1 = require('./index-1dfc7a6e.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-require('./dataunit-fetcher-f89461c1.js');
+require('./dataunit-fetcher-228016f4.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-require('./form-config-fetcher-ed497282.js');
+require('./form-config-fetcher-39397ac5.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-small:var(--space--2xs, 8px);--snk-guides-viewer__header--min-height:68px;--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-small);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-small)}.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-small));height:calc(100vh - var(--snk-guides-viewer__header--min-height) - var(--snk-guides-viewer--space-large) - var(--snk-guides-viewer--space-small))}.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}";
@@ -456,7 +456,7 @@ const SnkGuidesViewer = class {
       await this.openGuideNavigator(guideName);
     }
     if (action.type === core.Action.METADATA_LOADED) {
-      this.loadGuides(false);
+      this.loadGuides(this.noGuideSelected());
     }
   }
   async addErrorBadgeToGuide(guideName) {

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

@@ -2,13 +2,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const snkGuidesViewer = require('./snk-guides-viewer-b9920385.js');
+const snkGuidesViewer = require('./snk-guides-viewer-2139481c.js');
 require('./index-f9e81701.js');
 require('@sankhyalabs/core');
-require('./SnkFormConfigManager-f1c92f79.js');
-require('./ConfigStorage-ecc0ed20.js');
-require('./form-config-fetcher-ed497282.js');
-require('./DataFetcher-cadeef8e.js');
+require('./SnkFormConfigManager-63369164.js');
+require('./ConfigStorage-f079f5fd.js');
+require('./form-config-fetcher-39397ac5.js');
+require('./DataFetcher-e059eb72.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 require('./filter-item-type.enum-a7ffdaa6.js');
@@ -18,10 +18,10 @@ require('./field-search-68e34bf4.js');
 require('./taskbar-elements-9ad1f9c0.js');
 require('./index-1dfc7a6e.js');
 require('./index-102ba62d.js');
-require('./pesquisa-fetcher-ca89181c.js');
+require('./pesquisa-fetcher-a9bfeb22.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
-require('./dataunit-fetcher-f89461c1.js');
+require('./dataunit-fetcher-228016f4.js');
 require('@sankhyalabs/ezui/dist/collection/components/ez-grid/utils');
 require('@sankhyalabs/core/dist/utils/SortingUtils');
 require('./ResourceIDUtils-5ff86aa7.js');

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

@@ -9,7 +9,7 @@ const presentationMode = require('./presentationMode-52ec3bdd.js');
 const EzScrollDirection = require('@sankhyalabs/ezui/dist/collection/components/ez-scroller/EzScrollDirection');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 
-const snkPersonalizedFilterEditorCss = ".sc-snk-personalized-filter-editor-h{--snk-filter-personalized__max-height:21;--snk-filter-personalized__max-width:21.5}.SnkFilterPersonalized_list-container.sc-snk-personalized-filter-editor{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.SnkFilterPersonalized_list-container-chip.sc-snk-personalized-filter-editor{width:400px}.SnkFilterPersonalized_list-scroller.sc-snk-personalized-filter-editor{display:block;max-height:calc(var(--space--2xl) * var(--snk-filter-personalized__max-height));cursor:auto;--ez-scroller__max-height:300px}.SnkFilterPersonalized_checkbox.sc-snk-personalized-filter-editor{display:grid;grid-template-columns:auto auto;justify-content:start}.SnkFilterPersonalized_list-container.sc-snk-personalized-filter-editor:has(.SnkFilterPersonalized_list-item--chip){gap:var(--space--small, 6px);max-width:calc(var(--space--md) * var(--snk-filter-personalized__max-width))}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor{display:flex;border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor:hover{background-color:var(--background--medium, #f0f3f7)}.SnkFilterPersonalized_list-actions.sc-snk-personalized-filter-editor{display:none;align-items:center}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor:hover .SnkFilterPersonalized_list-actions.sc-snk-personalized-filter-editor{display:flex}.SnkFilterPersonalized_list-item--chip.sc-snk-personalized-filter-editor{display:flex;flex-direction:column;border:var(--border--small, 1px solid) var(--color-strokes, #DCE0E8);border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--chip.sc-snk-personalized-filter-editor .sc-snk-personalized-filter-editor:first-of-type{gap:var(--space--3xs)}";
+const snkPersonalizedFilterEditorCss = ".sc-snk-personalized-filter-editor-h{--snk-filter-personalized__max-height:21;--snk-filter-personalized__max-width:21.5}.SnkFilterPersonalized_list-container.sc-snk-personalized-filter-editor{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.SnkFilterPersonalized_list-container-chip.sc-snk-personalized-filter-editor{width:400px}.SnkFilterPersonalized_list-scroller.sc-snk-personalized-filter-editor{display:block;max-height:calc(var(--space--2xl) * var(--snk-filter-personalized__max-height));cursor:auto;--ez-scroller__max-height:300px}.SnkFilterPersonalized_checkbox.sc-snk-personalized-filter-editor{display:grid;grid-template-columns:auto auto;justify-content:start}.SnkFilterPersonalized_list-container.sc-snk-personalized-filter-editor:has(.SnkFilterPersonalized_list-item--chip){gap:var(--space--small, 6px);max-width:calc(var(--space--md) * var(--snk-filter-personalized__max-width))}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor{display:flex;border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor:hover{background-color:var(--background--medium, #f0f3f7)}.SnkFilterPersonalized_list-actions.sc-snk-personalized-filter-editor{display:none;align-items:center;gap:var(--space--3xs)}.SnkFilterPersonalized_list-item--modal.sc-snk-personalized-filter-editor:hover .SnkFilterPersonalized_list-actions.sc-snk-personalized-filter-editor{display:flex}.SnkFilterPersonalized_list-item--chip.sc-snk-personalized-filter-editor{display:flex;flex-direction:column;border:var(--border--small, 1px solid) var(--color-strokes, #DCE0E8);border-radius:var(--border--radius-regular)}.SnkFilterPersonalized_list-item--chip.sc-snk-personalized-filter-editor .sc-snk-personalized-filter-editor:first-of-type{gap:var(--space--3xs)}.SnkFilterPersonalized_list-icon.sc-snk-personalized-filter-editor{--ez-icon--color:var(--title--primary, #2B3A54);cursor:pointer}.SnkFilterPersonalized_list-icon.sc-snk-personalized-filter-editor:hover{outline:none;color:var(--color--primary-600, #007a5a);fill:var(--color--primary-600, #007a5a);--ez-icon--color:var(--color--primary-600, #007a5a)}";
 
 const SnkFilterPersonalized = class {
   constructor(hostRef) {
@@ -53,13 +53,13 @@ const SnkFilterPersonalized = class {
     var _a, _b;
     const CheckboxElement = () => (index.h("ez-check", Object.assign({ class: "SnkFilterPersonalized_checkbox", id: `param_${item.id}`, key: item.id, value: item.visible, label: item.label, onEzChange: ({ detail: visible }) => this.handleItemChange.bind(this)(visible, item.id) }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo(`checkboxFilter_${item.id}`)}` })));
     const isVariable = !!((_b = (_a = item.props) === null || _a === void 0 ? void 0 : _a.personalizedFilter) === null || _b === void 0 ? void 0 : _b.parameters.length);
-    return (index.h("div", { class: `${!this.isModalMode() ? "SnkFilterPersonalized_list-item--chip" : ""}` }, index.h("li", { class: `${this.isModalMode() ? "SnkFilterPersonalized_list-item--modal" : ""}` }, index.h("div", { class: "ez-flex ez-flex--align-items-center ez-margin-right--small ez-size-width--full" }, index.h(CheckboxElement, null), this.buildModalListActions(item, isVariable))), (item.visible && isVariable) && (index.h("div", { class: "ez-row ez-padding--small" }, this.getFormField(item)))));
+    return (index.h("div", { class: `${!this.isModalMode() ? "SnkFilterPersonalized_list-item--chip" : ""}` }, index.h("li", { class: `${this.isModalMode() ? "SnkFilterPersonalized_list-item--modal" : ""}` }, index.h("div", { class: "ez-flex ez-flex--align-items-center ez-flex--justify-between ez-size-width--full" }, index.h(CheckboxElement, null), this.buildModalListActions(item, isVariable))), (item.visible && isVariable) && (index.h("div", { class: "ez-row ez-padding--small" }, this.getFormField(item)))));
   }
   buildModalListActions(item, isVariable) {
     if (!this.isModalMode())
       return;
     return (this.isModalMode() ?
-      index.h("div", { class: "SnkFilterPersonalized_list-actions" }, index.h("ez-button", { size: "small", mode: "icon", iconName: "edit", title: this.getMessage('snkPersonalizedFilter.listActions.edit'), onClick: () => this.editFilter.emit(item.id) }), index.h("ez-button", { size: "small", mode: "icon", iconName: "delete", title: this.getMessage('snkPersonalizedFilter.listActions.delete'), onClick: this.handleDeleteFilter.bind(this, item) }))
+      index.h("div", { class: "SnkFilterPersonalized_list-actions" }, index.h("ez-icon", { class: 'SnkFilterPersonalized_list-icon', iconName: "edit", title: this.getMessage('snkPersonalizedFilter.listActions.edit'), onClick: () => this.editFilter.emit(item.id) }), index.h("ez-icon", { class: 'SnkFilterPersonalized_list-icon', iconName: "delete", title: this.getMessage('snkPersonalizedFilter.listActions.delete'), onClick: this.handleDeleteFilter.bind(this, item) }))
       :
         isVariable && (index.h("ez-badge", Object.assign({ class: "ez-badge--warning-subtle ez-margin-right--small", label: this.getMessage('snkPersonalizedFilter.info.badgeVariable'), size: "medium" }, { [core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: `${core.ElementIDUtils.getInternalIDInfo(`variableBadge_${item.id}`)}` }))));
   }

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

@@ -5,13 +5,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const PersonalizedFilterUtils = require('./PersonalizedFilterUtils-0184ffbb.js');
-const ConfigStorage = require('./ConfigStorage-ecc0ed20.js');
+const ConfigStorage = require('./ConfigStorage-f079f5fd.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-a7ffdaa6.js');
-require('./form-config-fetcher-ed497282.js');
-require('./DataFetcher-cadeef8e.js');
+require('./form-config-fetcher-39397ac5.js');
+require('./DataFetcher-e059eb72.js');
 require('./PrintUtils-bcaeb82f.js');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
 

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

@@ -7,19 +7,19 @@ const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-35ddd366.js');
 const taskbarElements = require('./taskbar-elements-9ad1f9c0.js');
-require('./DataFetcher-cadeef8e.js');
-require('./pesquisa-fetcher-ca89181c.js');
-const ContinuousInsertUtils = require('./ContinuousInsertUtils-29b65619.js');
+require('./DataFetcher-e059eb72.js');
+require('./pesquisa-fetcher-a9bfeb22.js');
+const ContinuousInsertUtils = require('./ContinuousInsertUtils-64e47516.js');
 const index = require('./index-1dfc7a6e.js');
 require('./ISave-e91b70a7.js');
 require('@sankhyalabs/ezui/dist/collection/utils/constants');
 require('@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata');
-const dataunitFetcher = require('./dataunit-fetcher-f89461c1.js');
+const dataunitFetcher = require('./dataunit-fetcher-228016f4.js');
 require('./filter-item-type.enum-a7ffdaa6.js');
-const formConfigFetcher = require('./form-config-fetcher-ed497282.js');
+const formConfigFetcher = require('./form-config-fetcher-39397ac5.js');
 const fieldSearch = require('./field-search-68e34bf4.js');
-const ConfigStorage = require('./ConfigStorage-ecc0ed20.js');
-const SnkFormConfigManager = require('./SnkFormConfigManager-f1c92f79.js');
+const ConfigStorage = require('./ConfigStorage-f079f5fd.js');
+const SnkFormConfigManager = require('./SnkFormConfigManager-63369164.js');
 const GetSelectedRecordsIDsInfo = require('./GetSelectedRecordsIDsInfo-bd50caf1.js');
 const index$2 = require('./index-102ba62d.js');
 require('./PrintUtils-bcaeb82f.js');
@@ -103,9 +103,9 @@ const SnkSimpleCrud = class {
     this._customEditors = new Map();
     this._customRenders = new Map();
     this._taskbarProcessor = new fieldSearch.TaskbarProcessor({
-      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, [taskbarElements.TaskbarElement.GRID_MODE]),
+      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, [taskbarElements.TaskbarElement.GRID_MODE], true),
       "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, [taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.FORM_MODE]),
-      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, [taskbarElements.TaskbarElement.GRID_MODE]),
+      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, [taskbarElements.TaskbarElement.GRID_MODE], true),
       "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, [taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.FORM_MODE]),
       "snkSimpleCrudTaskbar.finish_edition": this.getFinishEditionButtonsCallback.bind(this)
     });
@@ -206,8 +206,12 @@ const SnkSimpleCrud = class {
     }
     return btns;
   }
-  getButtons(selected, extraButtons) {
-    return this.addConfigButton(this.resolveInMemoryBtns(selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS)
+  getButtons(selected, extraButtons, removeRefresh) {
+    let btnList = selected ? REGULAR_SELECTED_BTNS : REGULAR_DEFAULT_BTNS;
+    if (removeRefresh) {
+      btnList = btnList.filter(item => item !== taskbarElements.TaskbarElement.REFRESH);
+    }
+    return this.addConfigButton(this.resolveInMemoryBtns(btnList)
       .concat(extraButtons));
   }
   addConfigButton(buttons) {
@@ -417,6 +421,7 @@ const SnkSimpleCrud = class {
   }
   componentDidLoad() {
     utils.CSSVarsUtils.applyVarsGrid(this._element, this._grid);
+    this.initKeyboardManager();
   }
   setCustomRenders() {
     if (!this._grid) {
@@ -802,16 +807,34 @@ const SnkSimpleCrud = class {
       return;
     this.goToView(constants.VIEW_MODE.FORM);
   }
+  async initKeyboardManager() {
+    const keyboardManager = new core.KeyboardManager();
+    const dataUnit = this.dataUnit || await this._snkDataUnit.getDataUnit();
+    keyboardManager
+      .bind("F7", () => dataUnit.saveData(), { description: "Salva os dados.", element: this._element })
+      .bind("F8", dataUnit.addRecord.bind(dataUnit), { description: "Adiciona um novo registro.", element: this._element })
+      .bind("F9", dataUnit.removeSelectedRecords.bind(dataUnit), { description: "Remove o registro selecionado.", element: this._element })
+      .bind("Escape", () => {
+      if (dataUnit.isDirty()) {
+        dataUnit.cancelEdition();
+      }
+    }, {
+      debounceTime: 1000,
+      description: "Cancela uma ação.", element: this._element
+    });
+  }
+  renderTaskbarContent() {
+    var _a;
+    return (index$1.h("snk-taskbar", { class: this._currentViewMode === constants.VIEW_MODE.FORM && "ez-box ez-box--shadow ez-padding--small", 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, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: index.PresentationMode.SECONDARY }, index$1.h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })));
+  }
   /* istanbul ignore next */
   render() {
-    var _a;
     if (this.dataUnit == undefined) {
       return;
     }
-    const taskbarContent = (index$1.h("snk-taskbar", { class: this._currentViewMode === constants.VIEW_MODE.FORM && "ez-box ez-box--shadow ez-padding--small", 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, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: index.PresentationMode.SECONDARY }, index$1.h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })));
-    return (index$1.h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, index$1.h("header", null, index$1.h("slot", { name: "snkSimpleCrudHeader" })), index$1.h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, this._currentViewMode === constants.VIEW_MODE.FORM && taskbarContent, index$1.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index$1.h("stack-item", null, index$1.h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    return (index$1.h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: this.handleDataUnitOnInsertionMode.bind(this), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === constants.VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, index$1.h("header", null, index$1.h("slot", { name: "snkSimpleCrudHeader" })), index$1.h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, index$1.h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, index$1.h("stack-item", null, index$1.h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(constants.VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(dataunitFetcher.InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
-        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManger: this.enableLockManger }, this._currentViewMode === constants.VIEW_MODE.GRID && taskbarContent, index$1.h("div", { slot: "footer" }, index$1.h("slot", { name: "snkSimpleCrudFooter" })))), index$1.h("stack-item", null, index$1.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && index$1.h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && index$1.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), index$1.h("div", { id: `${this._customContainerId}` }, index$1.h("slot", { name: "SnkConfigContainerSlot" }))), index$1.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index$1.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
+        : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableContinuousInsert: this._enableContinuousInsert, enableLockManger: this.enableLockManger }, this.renderTaskbarContent(), index$1.h("div", { slot: "footer" }, index$1.h("slot", { name: "snkSimpleCrudFooter" })))), index$1.h("stack-item", null, this.renderTaskbarContent(), index$1.h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && index$1.h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && index$1.h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), index$1.h("div", { id: `${this._customContainerId}` }, index$1.h("slot", { name: "SnkConfigContainerSlot" }))), index$1.h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, index$1.h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(core.ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
   get _element() { return index$1.getElement(this); }
   static get watchers() { return {

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

@@ -401,9 +401,10 @@ const SnkTaskbar = class {
     this._lastWidth = this._element.getBoundingClientRect().width;
   }
   disconnectedCallback() {
-    var _a;
+    var _a, _b;
+    (_a = this.dataUnit) === null || _a === void 0 ? void 0 : _a.unsubscribe(this.onSaveEvent);
     this.unlinkAllCustomElements();
-    (_a = this._overFlowWatcher) === null || _a === void 0 ? void 0 : _a.destroy();
+    (_b = this._overFlowWatcher) === null || _b === void 0 ? void 0 : _b.destroy();
   }
   unlinkAllCustomElements() {
     var _a;

package/dist/collection/collection-manifest.json

@@ -65,21 +65,6 @@
         "snk-application"
       ]
     },
-    {
-      "components": [
-        "snk-form"
-      ]
-    },
-    {
-      "components": [
-        "snk-form-config"
-      ]
-    },
-    {
-      "components": [
-        "snk-config-options"
-      ]
-    },
     {
       "components": [
         "snk-tab-config"
@@ -132,42 +117,37 @@
     },
     {
       "components": [
-        "snk-filter-bar"
-      ]
-    },
-    {
-      "components": [
-        "snk-filter-item"
-      ]
-    },
-    {
-      "components": [
-        "snk-filter-list"
+        "snk-field-config"
       ]
     },
     {
       "components": [
-        "snk-filter-modal"
+        "snk-grid"
       ]
     },
     {
       "components": [
-        "snk-field-config"
+        "snk-pesquisa"
       ]
     },
     {
       "components": [
-        "snk-grid"
+        "snk-taskbar"
       ]
     },
     {
       "components": [
-        "snk-pesquisa"
+        "snk-config-options",
+        "snk-form",
+        "snk-form-config"
       ]
     },
     {
       "components": [
-        "snk-taskbar"
+        "snk-filter-bar",
+        "snk-filter-item",
+        "snk-filter-list",
+        "snk-filter-modal"
       ]
     }
   ]

package/dist/collection/components/snk-actions-button/interfaces/index.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,5 +1,5 @@
 import { h, Host } from '@stencil/core';
-import { ApplicationContext, ArrayUtils, ElementIDUtils } from '@sankhyalabs/core';
+import { ApplicationContext, ArrayUtils, ElementIDUtils, ServiceUtils, StorageType } from '@sankhyalabs/core';
 import { DataFetcher } from '../../lib/http/data-fetcher/DataFetcher';
 import ExecutorFactory from './actions/factory/executor.factory';
 import Actions from './actions';
@@ -8,6 +8,7 @@ import ResourceIDUtils from '../../lib/resourceid/ResourceIDUtils';
 export class SnkActionsButton {
   constructor() {
     this.CLIENT_EVENT_CONFIRM_NAME = "br.com.sankhya.actionbutton.clientconfirm";
+    this._actions = [];
     this.handleClick = (evt) => {
       const selectedAction = this._actions.find((action) => action.actionID == evt.detail.id);
       const executor = new ExecutorFactory(selectedAction.type).executor;
@@ -17,27 +18,22 @@ export class SnkActionsButton {
     };
     this._items = [];
     this._showDropdown = false;
-    this._actions = [];
-    this._isOrderActions = false;
   }
   async getActions() {
-    let param = {
-      param: {
-        entityName: this._entityName,
-        resourceID: this._resourceID
-      }
-    };
-    return DataFetcher.get().callServiceBroker('ActionButtonsSP.getActions', param).then((result) => {
+    const actions = await ServiceUtils.useCacheWithService(`SnkActionsButton_${this._entityName}-${this._resourceID}`, async () => {
       var _a;
-      if (!((_a = result.actions) === null || _a === void 0 ? void 0 : _a.action))
-        return;
-      if (this._isOrderActions) {
-        this._actions = ArrayUtils.sortAlphabetically(result.actions.action, 'description');
-      }
-      else {
-        this._actions = result.actions.action;
-      }
-    });
+      const param = {
+        param: {
+          entityName: this._entityName,
+          resourceID: this._resourceID,
+        },
+      };
+      const result = await DataFetcher.get().callServiceBroker('ActionButtonsSP.getActions', param);
+      return ((_a = result.actions) === null || _a === void 0 ? void 0 : _a.action) || [];
+    }, StorageType.IN_MEMORY_CACHE);
+    this._actions = SnkActionsButton.parameters.isOrderActions
+      ? ArrayUtils.sortAlphabetically(actions, 'description')
+      : actions;
   }
   controlDropdown() {
     this._showDropdown = !this._showDropdown;
@@ -70,7 +66,7 @@ export class SnkActionsButton {
   }
   async componentWillLoad() {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
-    this._isOrderActions = await this._application.getBooleanParam('global.ordenar.acoes.personalizadas');
+    await this.loadParameters();
     const snkDataUnit = this._element.parentElement;
     this._dataUnit = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.dataUnit;
     this._resourceID = snkDataUnit === null || snkDataUnit === void 0 ? void 0 : snkDataUnit.resourceID;
@@ -79,9 +75,8 @@ export class SnkActionsButton {
       this._resourceID = await ResourceIDUtils.getResourceID();
     }
     this.setEvents();
-    this.getActions().then(() => {
-      this.loadItems();
-    });
+    await this.getActions();
+    this.loadItems();
   }
   async componentDidLoad() {
     if (!this._element)
@@ -108,6 +103,11 @@ export class SnkActionsButton {
       [ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME]: ElementIDUtils.getInternalIDInfo(sufix)
     };
   }
+  async loadParameters() {
+    if (SnkActionsButton.parameters.isOrderActions != null)
+      return;
+    SnkActionsButton.parameters.isOrderActions = await this._application.getBooleanParam('global.ordenar.acoes.personalizadas');
+  }
   render() {
     return (h(Host, null, (this._actions && this._actions.length > 0) &&
       (h("div", { class: `ez-padding-left--medium snk-actions-button
@@ -134,10 +134,11 @@ export class SnkActionsButton {
   static get states() {
     return {
       "_items": {},
-      "_showDropdown": {},
-      "_actions": {},
-      "_isOrderActions": {}
+      "_showDropdown": {}
     };
   }
   static get elementRef() { return "_element"; }
 }
+SnkActionsButton.parameters = {
+  isOrderActions: null
+};