@sankhyalabs/sankhyablocks 8.16.0-dev.102 → 8.16.0-dev.105

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Fragment, forceUpdate, Host } from '@stencil/core/internal/client';
-import { Action, ElementIDUtils } from '@sankhyalabs/core';
+import { ObjectUtils, Action, ElementIDUtils } from '@sankhyalabs/core';
 import { S as SnkFormConfigManager } from './SnkFormConfigManager.js';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
 import './DataFetcher.js';
@@ -53,6 +53,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   constructor() {
     super();
     this.__registerHost();
+    this.snkMasterFormConfigChange = createEvent(this, "snkMasterFormConfigChange", 7);
     this.exit = createEvent(this, "exit", 7);
     this.actionClick = createEvent(this, "actionClick", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
@@ -89,14 +90,16 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.loadGuides(true);
   }
   observeDataState(newValue, oldValue) {
-    const newRecord = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord;
-    const oldRecord = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectedRecord;
-    if ((newRecord === null || newRecord === void 0 ? void 0 : newRecord.__record__id__) !== (oldRecord === null || oldRecord === void 0 ? void 0 : oldRecord.__record__id__)) {
+    var _a, _b, _c, _d, _e, _f;
+    const newRecordsIds = (_b = (_a = newValue === null || newValue === void 0 ? void 0 : newValue.selectionInfo) === null || _a === void 0 ? void 0 : _a.recordIds) !== null && _b !== void 0 ? _b : (_c = newValue === null || newValue === void 0 ? void 0 : newValue.selectedRecord) === null || _c === void 0 ? void 0 : _c['__record__id__'];
+    const oldRecordsIds = (_e = (_d = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectionInfo) === null || _d === void 0 ? void 0 : _d.recordIds) !== null && _e !== void 0 ? _e : (_f = oldValue === null || oldValue === void 0 ? void 0 : oldValue.selectedRecord) === null || _f === void 0 ? void 0 : _f['__record__id__'];
+    if (!ObjectUtils.equals(newRecordsIds, oldRecordsIds)) {
       this.loadGuides((oldValue === null || oldValue === void 0 ? void 0 : oldValue.insertionMode) != (newValue === null || newValue === void 0 ? void 0 : newValue.insertionMode));
     }
   }
   observeMasterFormConfig() {
     this.loadGuides(this.noGuideSelected());
+    this.snkMasterFormConfigChange.emit(this.masterFormConfig);
   }
   /**
   * Abre o configurador do formulário
@@ -170,6 +173,11 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-crud.msg.ts"
    */
   getMessage(key) {
+    var _a, _b;
+    if (this.dataUnit.isMultipleEdition) {
+      const selectedRecords = (_b = (_a = this.dataUnit.getSelectionInfo()) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : [];
+      return `Editando ${selectedRecords.length} registros`;
+    }
     return this.messagesBuilder.getMessage(key, this.dataUnit.getSelectedRecord());
   }
   loadGuides(changeSelection) {
@@ -182,12 +190,12 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this._masterFormMetadata = buildFormMetadata(this.masterFormConfig, this.dataUnit, true);
     const allSheets = this._masterFormMetadata.getAllSheets();
     const currentRecord = this.dataUnit.getSelectedRecord();
-    const disableDetails = !currentRecord || this.dataUnit.isNewRecord(currentRecord.__record__id__);
+    const disableDetails = this.hasToDisableDetails(currentRecord);
     const guides = [];
     Array.from(allSheets.values()).forEach((sheet) => {
       const item = { id: sheet.name, label: sheet.label };
       if (this.isDetail(sheet.name) && disableDetails) {
-        item.tooltip = "Para alterar detalhes é necessário estar com um registro selecionado.";
+        item.tooltip = "Para alterar detalhes é necessário estar com um (e apenas um) registro selecionado.";
         item.disabled = true;
       }
       guides.push(item);
@@ -200,6 +208,11 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
       this.selectedGuide = this._guides.length > 0 ? this._guides[0] : undefined;
     }
   }
+  hasToDisableDetails(currentRecord) {
+    return !currentRecord
+      || this.dataUnit.isNewRecord(currentRecord.__record__id__)
+      || this.dataUnit.isMultipleEdition;
+  }
   isDetail(formId) {
     return FormMetadata.getDetailName(formId) != undefined;
   }
@@ -222,47 +235,59 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   getTaskBarId() {
     var _a;
-    return ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "snkGuideViewer.finish_edition" : "snkGuideViewer.regular";
-  }
-  loadTaskbarProcessor() {
-    var _a;
-    const taskbarId = this.getTaskBarId();
-    const disabledButtons = [];
-    if (!this.dataState || !this.dataState.hasPrevious) {
-      disabledButtons.push("PREVIOUS");
+    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
+      return TASKBAR_ID.FINISH_EDITION;
     }
-    if (!this.dataState || !this.dataState.hasNext) {
-      disabledButtons.push("NEXT");
+    if (this.dataUnit.isMultipleEdition) {
+      return TASKBAR_ID.MUTIPLE_EDITION;
     }
-    if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
-      if (this.dataState.selectionInfo.length > 1) {
-        disabledButtons.push("CLONE");
-      }
-      if (this.dataState.selectionInfo.isAllRecords()) {
-        disabledButtons.push("REMOVE");
-      }
+    return TASKBAR_ID.REGULAR;
+  }
+  loadTaskbarProcessor() {
+    const taskbarIDs = {};
+    taskbarIDs[TASKBAR_ID.REGULAR] = this.buildBtnsRegularMode();
+    taskbarIDs[TASKBAR_ID.FINISH_EDITION] = [TaskbarElement.CANCEL, TaskbarElement.SAVE, this.handleAddGridMode()];
+    taskbarIDs[TASKBAR_ID.MUTIPLE_EDITION] = [TaskbarElement.CANCEL];
+    this._taskbarProcessor = new TaskbarProcessor(taskbarIDs);
+    this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.buildDisabledButtons(), this.buildInvisibleButtons());
+  }
+  buildBtnsRegularMode() {
+    var _a, _b;
+    const btnsRegularMode = [
+      TaskbarElement.ATTACH, TaskbarElement.CLONE, TaskbarElement.REMOVE, TaskbarElement.MORE_OPTIONS,
+      TaskbarElement.ACTIONS_BUTTON, TaskbarElement.DIVIDER, TaskbarElement.GRID_MODE, TaskbarElement.CONFIGURATOR,
+    ];
+    if (((_b = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.length) <= 1) {
+      btnsRegularMode.unshift(TaskbarElement.PREVIOUS, TaskbarElement.NEXT, TaskbarElement.DIVIDER);
     }
-    const btnsRegularMode = ["PREVIOUS", "NEXT", "DIVIDER", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "ACTIONS_BUTTON", "DIVIDER", "GRID_MODE", "CONFIGURATOR"];
     if (this.presentationMode == PresentationMode.SECONDARY) {
-      btnsRegularMode.unshift("INSERT");
+      btnsRegularMode.unshift(TaskbarElement.INSERT);
     }
     else {
-      btnsRegularMode.push("INSERT");
+      btnsRegularMode.push(TaskbarElement.INSERT);
     }
-    const invisibleButtons = this.getInvisibleButtons();
-    this._taskbarProcessor = new TaskbarProcessor({
-      "snkGuideViewer.regular": btnsRegularMode,
-      "snkGuideViewer.finish_edition": ["CANCEL", "SAVE", this.handleAddGridMode()],
-    });
-    this._taskbarProcessor.process(taskbarId, this.taskbarManager, this.dataState, disabledButtons, invisibleButtons);
+    return btnsRegularMode;
+  }
+  buildDisabledButtons() {
+    var _a, _b, _c, _d, _e, _f;
+    const disabledButtons = [];
+    if (!((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.hasPrevious))
+      disabledButtons.push(TaskbarElement.PREVIOUS);
+    if (!((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.hasNext))
+      disabledButtons.push(TaskbarElement.NEXT);
+    if (((_d = (_c = this.dataState) === null || _c === void 0 ? void 0 : _c.selectionInfo) === null || _d === void 0 ? void 0 : _d.length) > 1)
+      disabledButtons.push(TaskbarElement.CLONE);
+    if ((_f = (_e = this.dataState) === null || _e === void 0 ? void 0 : _e.selectionInfo) === null || _f === void 0 ? void 0 : _f.isAllRecords())
+      disabledButtons.push(TaskbarElement.REMOVE);
+    return disabledButtons;
   }
   handleAddGridMode() {
     return this.enableGridInsert ? TaskbarElement.GRID_MODE : "";
   }
-  getInvisibleButtons() {
+  buildInvisibleButtons() {
     const invisibleButtons = [];
     if (this.dataState && this.dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON");
+      invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
     return invisibleButtons;
   }
   static updateContentCard(formName, cardConfig, propertyChanged, configManager) {
@@ -475,17 +500,27 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   buildTaskBar() {
     var _a;
-    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" })));
+    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) ? TaskbarElement.SAVE : TaskbarElement.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;
-    if (action.type === Action.FIELD_INVALIDATED) {
-      const guideName = this.getGuideName((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fieldName);
-      await this.addErrorBadgeToGuide(guideName);
-      await this.openGuideNavigator(guideName);
-    }
-    if (action.type === Action.METADATA_LOADED) {
-      this.loadGuides(this.noGuideSelected());
+    switch (action.type) {
+      case Action.EDITION_CANCELED:
+      case Action.DATA_SAVED:
+        if (this.dataUnit.isMultipleEdition) {
+          this.exitViewer();
+          this.dataUnit.isMultipleEdition = false;
+        }
+        break;
+      case Action.FIELD_INVALIDATED:
+        const guideName = this.getGuideName((_a = action.payload) === null || _a === void 0 ? void 0 : _a.fieldName);
+        await this.addErrorBadgeToGuide(guideName);
+        await this.openGuideNavigator(guideName);
+        break;
+      case Action.METADATA_LOADED:
+      case Action.MULTIPLE_EDITION_CHANGED:
+        this.loadGuides(this.noGuideSelected());
+        break;
     }
   }
   async addErrorBadgeToGuide(guideName) {
@@ -525,6 +560,20 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     var _a, _b;
     return (_b = (_a = this.getCustomTitle) === null || _a === void 0 ? void 0 : _a.call(this)) !== null && _b !== void 0 ? _b : this.getMessage("snkCrud.title");
   }
+  getTitleTooltip() {
+    if (!this.dataUnit.isMultipleEdition)
+      return;
+    return this.buildRecordIdsArray();
+  }
+  buildRecordIdsArray() {
+    var _a, _b;
+    const selectedRecords = (_b = (_a = this.dataUnit.getSelectionInfo()) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : [];
+    if (selectedRecords.length === 0) {
+      return "[]";
+    }
+    const labels = selectedRecords.map(record => this.messagesBuilder.getMessage("snkCrud.title", record));
+    return `[${labels.join(", ")}]`;
+  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
   }
@@ -538,7 +587,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", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge" }, this.getTitle()), ((_a = this._breadcrumbItems) === null || _a === void 0 ? void 0 : _a.length) > 1 &&
+    return (h("section", { class: "snk-guides-viewer", ref: ref => this._container = ref, tabindex: -1 }, h("div", { class: "ez-row snk-guides-viewer__header" }, h("div", { class: "snk-guides-viewer__header-breadcrumb ez-flex--align-items-center ez-flex-item--align-center ez-padding-left--large", key: "header" }, h("ez-button", { onClick: () => this.exitViewer(), title: this.getMessage("snkCrud.goBackTitle"), mode: "icon", iconName: "arrow_back", class: "ez-padding-right--medium", size: "small" }), h("div", { class: "ez-flex ez-flex--column ez-flex-item--auto" }, h("h1", { class: "ez-title ez-title--primary ez-title--xlarge", title: this.getTitleTooltip() }, this.getTitle()), ((_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) })
       :
@@ -595,6 +644,12 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "setFieldProp": [64],
     "setFocus": [64]
   }, [[2, "actionClick", "onActionClick"], [0, "snkContentCardChanged", "onContentCardChanged"]]]);
+var TASKBAR_ID;
+(function (TASKBAR_ID) {
+  TASKBAR_ID["FINISH_EDITION"] = "snkGuideViewer.finish_edition";
+  TASKBAR_ID["MUTIPLE_EDITION"] = "snkGuideViewer.multiple_edition";
+  TASKBAR_ID["REGULAR"] = "snkGuideViewer.regular";
+})(TASKBAR_ID || (TASKBAR_ID = {}));
 function defineCustomElement$1() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/snk-grid2.js

@@ -106,7 +106,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     });
     this._headerTaskbarProcessor = new TaskbarProcessor({
       "snkGridHeaderTaskbar.unselected": ["REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
-      "snkGridHeaderTaskbar.selected": ["UPDATE", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "ATTACH", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON"],
+      "snkGridHeaderTaskbar.selected": this.getGridHeaderSelectedBtns(),
       "snkGridHeaderTaskbar.detail.unselected": ["REFRESH", "MORE_OPTIONS"],
       "snkGridHeaderTaskbar.detail.selected": ["UPDATE", "ATTACH", "CLONE", "REMOVE", "MORE_OPTIONS", "DIVIDER", "REFRESH"],
       "snkGridHeaderTaskbar.singleTaskbar.unselected": ["INSERT", "FORM_MODE", "CONFIGURATOR", "REFRESH", "DATA_EXPORTER", "ACTIONS_BUTTON", "MORE_OPTIONS"],
@@ -157,6 +157,17 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.enableGridInsert = false;
     this.outlineMode = false;
     this.strategyExporter = ExporterStrategy.SERVER_SIDE;
+    this.multipleEditionEnabled = true;
+  }
+  getGridHeaderSelectedBtns() {
+    const btns = [
+      TaskbarElement.UPDATE, TaskbarElement.CLONE, TaskbarElement.REMOVE,
+      TaskbarElement.MORE_OPTIONS, TaskbarElement.DIVIDER, TaskbarElement.ATTACH, TaskbarElement.FORM_MODE,
+      TaskbarElement.CONFIGURATOR, TaskbarElement.REFRESH, TaskbarElement.DATA_EXPORTER, TaskbarElement.ACTIONS_BUTTON
+    ];
+    if (this.multipleEditionEnabled)
+      btns.unshift(TaskbarElement.UPDATE_MULTIPLE);
+    return btns;
   }
   reloadConfig() {
     this.loadConfig();
@@ -441,20 +452,23 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     const disabledButtons = [];
     if ((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) {
       if (this._dataState.selectionInfo.length > 1) {
-        disabledButtons.push(TaskbarElement.CLONE, "ATTACH", TaskbarElement.UPDATE);
+        disabledButtons.push(TaskbarElement.CLONE, TaskbarElement.ATTACH, TaskbarElement.UPDATE);
       }
       if (this._dataState.selectionInfo.isAllRecords()) {
-        disabledButtons.push("REMOVE");
+        disabledButtons.push(TaskbarElement.REMOVE);
       }
     }
     return disabledButtons;
   }
   getInvisibleButtons() {
+    var _a, _b;
     let invisibleButtons = [];
     if (!this._dataUnit || this._dataUnit.records.length === 0)
-      invisibleButtons.push("DATA_EXPORTER");
-    if (this._dataState && this._dataState.selectionInfo.mode === SelectionMode.ALL_RECORDS)
-      invisibleButtons.push("ACTIONS_BUTTON");
+      invisibleButtons.push(TaskbarElement.DATA_EXPORTER);
+    if (((_a = this._dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo.mode) === SelectionMode.ALL_RECORDS)
+      invisibleButtons.push(TaskbarElement.ACTIONS_BUTTON);
+    if (((_b = this._dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo.length) === 1)
+      invisibleButtons.push(TaskbarElement.UPDATE_MULTIPLE);
     return invisibleButtons;
   }
   componentWillRender() {
@@ -600,6 +614,7 @@ const SnkGrid = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "enableGridInsert": [4, "enable-grid-insert"],
     "outlineMode": [4, "outline-mode"],
     "strategyExporter": [1025, "strategy-exporter"],
+    "multipleEditionEnabled": [4, "multiple-edition-enabled"],
     "_dataUnit": [32],
     "_dataState": [32],
     "_gridConfig": [32],

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

@@ -1,5 +1,5 @@
 import { proxyCustomElement, HTMLElement, createEvent, h } from '@stencil/core/internal/client';
-import { StringUtils, ApplicationContext, ObjectUtils, DataType, UserInterface, JSUtils, FloatingManager, KeyboardManager, ElementIDUtils } from '@sankhyalabs/core';
+import { StringUtils, ApplicationContext, ObjectUtils, Action, DataType, UserInterface, JSUtils, FloatingManager, KeyboardManager, ElementIDUtils } from '@sankhyalabs/core';
 import { CSSVarsUtils } from '@sankhyalabs/ezui/dist/collection/utils';
 import { V as VIEW_MODE, S as SIMPLE_CRUD_MODE } from './constants.js';
 import { T as TaskbarElement, d as defineCustomElement$3 } from './snk-taskbar2.js';
@@ -46,13 +46,6 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this._formConfigFetcher = new FormConfigFetcher();
     this._customEditors = new Map();
     this._customRenders = new Map();
-    this._taskbarProcessor = new TaskbarProcessor({
-      "snkSimpleCrudTaskbar.form_regular": this.getButtons(false, [TaskbarElement.GRID_MODE], true),
-      "snkSimpleCrudTaskbar.grid_regular": this.getButtons(false, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]),
-      "snkSimpleCrudTaskbar.form_selected": this.getButtons(true, [TaskbarElement.GRID_MODE], true),
-      "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]),
-      "snkSimpleCrudTaskbar.finish_edition": this.getFinishEditionButtonsCallback.bind(this)
-    });
     this._showPopUpGridConfig = false;
     this._currentViewMode = VIEW_MODE.GRID;
     this._config = undefined;
@@ -85,6 +78,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.ignoreReadOnlyFormFields = false;
     this.autoFocus = true;
     this.domainMessagesBuilder = undefined;
+    this.multipleEditionEnabled = true;
     this.layoutFormConfig = false;
     this.autoLoad = undefined;
     this.outlineMode = false;
@@ -145,8 +139,25 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     newCustomFieldProps.set(fieldName, Object.assign(Object.assign({}, currentProps), { [propName]: value }));
     this._fieldsProps = newCustomFieldProps;
   }
+  loadTaskbarProcessor() {
+    const taskbarIDs = {};
+    taskbarIDs[TASKBAR_ID.FORM_REGULAR] = this.getButtons(false, [TaskbarElement.GRID_MODE], true);
+    taskbarIDs[TASKBAR_ID.GRID_REGULAR] = this.getButtons(false, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+    taskbarIDs[TASKBAR_ID.FORM_SELECTED] = this.getButtons(true, [TaskbarElement.GRID_MODE], true);
+    taskbarIDs[TASKBAR_ID.GRID_SELECTED] = this.getGridSelectedButtonsCallBack.bind(this);
+    taskbarIDs[TASKBAR_ID.FINISH_EDITION] = this.getFinishEditionButtonsCallback.bind(this);
+    taskbarIDs[TASKBAR_ID.MULTIPLE_EDITION] = [TaskbarElement.CANCEL];
+    this._taskbarProcessor = new TaskbarProcessor(taskbarIDs);
+  }
+  getGridSelectedButtonsCallBack() {
+    var _a, _b, _c;
+    if (!this.multipleEditionEnabled || ((_c = (_b = (_a = this.dataState) === null || _a === void 0 ? void 0 : _a.selectionInfo) === null || _b === void 0 ? void 0 : _b.records) === null || _c === void 0 ? void 0 : _c.length) === 1) {
+      return this.getButtons(true, [TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+    }
+    return this.getButtons(true, [TaskbarElement.UPDATE_MULTIPLE, TaskbarElement.DATA_EXPORTER, TaskbarElement.FORM_MODE]);
+  }
   getFinishEditionButtonsCallback() {
-    const btns = ["CANCEL", "SAVE"];
+    const btns = [TaskbarElement.CANCEL, TaskbarElement.SAVE];
     if (this.enableGridInsert && this._currentViewMode !== VIEW_MODE.ATTACHMENT) {
       btns.push(this._currentViewMode === VIEW_MODE.GRID ? TaskbarElement.FORM_MODE : TaskbarElement.GRID_MODE);
     }
@@ -182,22 +193,32 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   async goToView(view) {
     this._currentViewMode = view;
     if (this._viewStack) {
+      if (view === VIEW_MODE.GRID)
+        this.dataUnit.isMultipleEdition = false;
       this._viewStack.show(view);
     }
   }
   actionClickListener(evt) {
-    const act = evt.detail;
-    if (act === TaskbarElement.CONFIGURATOR) {
-      this._snkConfigurator.open();
-    }
-    else if (act === TaskbarElement.GRID_MODE) {
-      this.goToView(VIEW_MODE.GRID);
-    }
-    else if (act === TaskbarElement.FORM_MODE) {
-      this.goToView(VIEW_MODE.FORM);
-    }
+    this.handleTaskbarAction(evt.detail);
     evt.stopPropagation();
   }
+  handleTaskbarAction(action) {
+    switch (action) {
+      case TaskbarElement.CONFIGURATOR:
+        this._snkConfigurator.open();
+        break;
+      case TaskbarElement.GRID_MODE:
+        this.goToView(VIEW_MODE.GRID);
+        break;
+      case TaskbarElement.FORM_MODE:
+        this.goToView(VIEW_MODE.FORM);
+        break;
+      case TaskbarElement.UPDATE_MULTIPLE:
+        this.dataUnit.isMultipleEdition = true;
+        this.goToView(VIEW_MODE.FORM);
+        break;
+    }
+  }
   async onChangeEntityName(newValue) {
     if (this.dataUnit)
       return;
@@ -329,8 +350,10 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.setFormConfig(await this._formConfigManager.loadConfig());
   }
   async componentWillRender() {
+    this.loadTaskbarProcessor();
     this._resourceID = await this.application.getResourceID();
     this.dataExporterProviderStore();
+    this.dataExporterProviderStore();
     this._taskbarProcessor.process(this.getTaskBarId(), this.taskbarManager, this.dataState, this.getTaskBarDisabledButtons());
     if (this.configName === undefined) {
       return;
@@ -362,6 +385,14 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   componentDidLoad() {
     CSSVarsUtils.applyVarsGrid(this._element, this._grid);
     this.initKeyboardManager();
+    this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+  }
+  async dataUnitActionHandler(action) {
+    if (action.type === Action.EDITION_CANCELED || action.type === Action.DATA_SAVED) {
+      if (this.dataUnit.isMultipleEdition) {
+        this.goToView(VIEW_MODE.GRID);
+      }
+    }
   }
   setCustomRenders() {
     if (!this._grid) {
@@ -400,14 +431,17 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
   getTaskBarId() {
     var _a, _b;
     if ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) {
-      return "snkSimpleCrudTaskbar.finish_edition";
+      return TASKBAR_ID.FINISH_EDITION;
+    }
+    if (this.dataUnit.isMultipleEdition) {
+      return TASKBAR_ID.MULTIPLE_EDITION;
     }
     if (((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.selectionInfo) &&
       !this.dataState.selectionInfo.isAllRecords() &&
       this.dataState.selectionInfo.length > 0) {
-      return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
+      return this._currentViewMode === VIEW_MODE.GRID ? TASKBAR_ID.GRID_SELECTED : TASKBAR_ID.FORM_SELECTED;
     }
-    return this._currentViewMode === VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
+    return this._currentViewMode === VIEW_MODE.GRID ? TASKBAR_ID.GRID_REGULAR : TASKBAR_ID.FORM_REGULAR;
   }
   initInMemoryDataUnit() {
     this._inMemoryLoader = new InMemoryLoader(this._metadata, undefined, { autoLoad: this.autoLoad });
@@ -819,6 +853,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "ignoreReadOnlyFormFields": [4, "ignore-read-only-form-fields"],
     "autoFocus": [4, "auto-focus"],
     "domainMessagesBuilder": [1, "domain-messages-builder"],
+    "multipleEditionEnabled": [4, "multiple-edition-enabled"],
     "layoutFormConfig": [4, "layout-form-config"],
     "autoLoad": [4, "auto-load"],
     "outlineMode": [4, "outline-mode"],
@@ -842,6 +877,15 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "closeConfigurator": [64],
     "updateConfig": [64]
   }, [[0, "actionClick", "actionClickListener"]]]);
+var TASKBAR_ID;
+(function (TASKBAR_ID) {
+  TASKBAR_ID["FORM_REGULAR"] = "snkSimpleCrudTaskbar.form_regular";
+  TASKBAR_ID["GRID_REGULAR"] = "snkSimpleCrudTaskbar.grid_regular";
+  TASKBAR_ID["FORM_SELECTED"] = "snkSimpleCrudTaskbar.form_selected";
+  TASKBAR_ID["GRID_SELECTED"] = "snkSimpleCrudTaskbar.grid_selected";
+  TASKBAR_ID["FINISH_EDITION"] = "snkSimpleCrudTaskbar.finish_edition";
+  TASKBAR_ID["MULTIPLE_EDITION"] = "snkSimpleCrudTaskbar.multiple_edition";
+})(TASKBAR_ID || (TASKBAR_ID = {}));
 function defineCustomElement() {
   if (typeof customElements === "undefined") {
     return;

package/dist/components/snk-taskbar2.js

@@ -27,6 +27,7 @@ var TaskbarElement;
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
   TaskbarElement["ATTACH"] = "ATTACH";
   TaskbarElement["ACTIONS_BUTTON"] = "ACTIONS_BUTTON";
+  TaskbarElement["UPDATE_MULTIPLE"] = "UPDATE_MULTIPLE";
 })(TaskbarElement || (TaskbarElement = {}));
 var AuthorizationElements;
 (function (AuthorizationElements) {
@@ -66,6 +67,8 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       return iconButton("sync", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.UPDATE:
       return iconButton("edit", element, className, dataElementId, title, action, isEnabled);
+    case TaskbarElement.UPDATE_MULTIPLE:
+      return iconButton("edit-table", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.CLONE:
       return iconButton("copy", element, className, dataElementId, title, action, isEnabled);
     case TaskbarElement.REMOVE:
@@ -135,6 +138,7 @@ const SnkTaskbar = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
     this.NOT_OVERFLOW_ELEMENTS = ["moreOptions", "dataExporter_snkDataExporter", "actionsButton_snkActionsButton"];
     this._titleKeyByElement = {
+      [TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
       [TaskbarElement.NEXT]: "snkTaskbar.titleNext",

package/dist/components/taskbar-actions-button2.js

@@ -1,6 +1,6 @@
 import { proxyCustomElement, HTMLElement, createEvent, h, Host } from '@stencil/core/internal/client';
 
-const taskbarActionsButtonCss = ".sc-taskbar-actions-button-h{display:flex;width:fit-content;height:fit-content}";
+const taskbarActionsButtonCss = ".sc-taskbar-actions-button-h{--ez-dropdown--min-width:150px;display:flex;width:fit-content;height:fit-content}.ez-dropdown-container.sc-taskbar-actions-button{position:relative;display:inline-block}.ez-dropdown--sticky.sc-taskbar-actions-button{position:absolute;display:block;min-width:var(--ez-dropdown--min-width)}";
 
 const TaskbarActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
@@ -126,7 +126,7 @@ const TaskbarActionsButton = /*@__PURE__*/ proxyCustomElement(class extends HTML
     this.taskbarActionsButtonDisconnected.emit();
   }
   render() {
-    return (h(Host, null, h("div", { class: `${this.canShowDropdown() ? ' ez-elevation--16' : ''}` }, h("ez-button", { title: this.title, mode: 'icon', iconName: 'dots-vertical', size: 'small', enabled: this.enabled, onClick: () => this.controlDropdown() }), this.canShowDropdown() && h("ez-dropdown", { items: this.loadItems(), onEzClick: (evt) => this.onSelectAction(evt.detail), onEzOutsideClick: () => this._showDropdown = false, itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) }))));
+    return (h(Host, null, h("div", { class: `${this.canShowDropdown() ? ' ez-elevation--16' : ''} ez-dropdown-container` }, h("ez-button", { title: this.title, mode: 'icon', iconName: 'dots-vertical', size: 'small', enabled: this.enabled, onClick: () => this.controlDropdown() }), this.canShowDropdown() && h("ez-dropdown", { class: `ez-dropdown--sticky`, items: this.loadItems(), onEzClick: (evt) => this.onSelectAction(evt.detail), onEzOutsideClick: () => this._showDropdown = false, itemBuilder: (item, level) => this.dropdownItemBuilder(item, level) }))));
   }
   get _element() { return this; }
   static get style() { return taskbarActionsButtonCss; }

package/dist/esm/{SnkMessageBuilder-6fff4a4c.js → SnkMessageBuilder-12f5fe1a.js}

@@ -2,34 +2,39 @@ import { ApplicationContext } from '@sankhyalabs/core';
 
 const snkDataUnitMessages = {
   saveInfo: {
-    clone: "Duplicação realizada!",
-    insert: "Inclusão realizada!",
-    update: "Alteração realizada!"
+    clone: 'Duplicação realizada!',
+    insert: 'Inclusão realizada!',
+    update: 'Alteração realizada!',
+    updateMultiples: 'Múltiplos registros alterados com sucesso!'
   },
   cancelInfo: {
-    clone: "Duplicação descartada!",
-    insert: "A inclusão foi descartada!",
-    update: "A edição foi descartada!"
+    clone: 'Duplicação descartada!',
+    insert: 'A inclusão foi descartada!',
+    update: 'A edição foi descartada!',
+    updateMultiples: 'A edição de múltiplos registros foi descartada com sucesso!'
   },
   confirm: {
-    cancel: "Cancelar",
-    delete: "Excluir",
-    yes: "Sim",
-    no: "Não"
-  },
-  removeInfo: "Registro removido com sucesso!",
-  cancelConfirmationTitle: "Aviso",
-  cancelConfirmation: "As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?",
-  removeConfirmationTitle: "Aviso",
-  removeConfirmation: "Deseja realmente excluir o registro atual?",
-  forbidden: "Sem permissão",
-  forbiddenUpdate: "Não é possível fazer alterações. Verifique as permissões de acesso.",
-  forbiddenInsert: "Não é possível incluir. Verifique as permissões de acesso.",
-  forbiddenClone: "Não é possível duplicar. Verifique as permissões de acesso.",
-  forbiddenRemove: "Não é possível remover. Verifique as permissões de acesso.",
-  removeAllConfirmation: "Os <strong>{{size}} registros selecionados</strong> serão excluídos.<br/><br/><strong>Você realmente gostaria de continuar?</strong>",
-  removeAllInfo: "Os {{size}} registros foram removidos com sucesso!",
-  fieldNameRequired: "É necessário informar o nome da coluna."
+    cancel: 'Cancelar',
+    delete: 'Excluir',
+    updateMultipleConfirm: 'Confirmar edição',
+    yes: 'Sim',
+    no: 'Não',
+  },
+  removeInfo: 'Registro removido com sucesso!',
+  cancelConfirmationTitle: 'Aviso',
+  cancelConfirmation: 'As alterações realizadas serão descartadas<br/><br/><b>Você realmente gostaria de cancelar?',
+  removeConfirmationTitle: 'Aviso',
+  removeConfirmation: 'Deseja realmente excluir o registro atual?',
+  multipleUpdateConfirmationTitle: 'Confirmar edição múltipla',
+  multipleUpdateConfirmationMessage: 'As informações dos campos abaixo foram alteradas e serão aplicadas a {{size}} registros',
+  forbidden: 'Sem permissão',
+  forbiddenUpdate: 'Não é possível fazer alterações. Verifique as permissões de acesso.',
+  forbiddenInsert: 'Não é possível incluir. Verifique as permissões de acesso.',
+  forbiddenClone: 'Não é possível duplicar. Verifique as permissões de acesso.',
+  forbiddenRemove: 'Não é possível remover. Verifique as permissões de acesso.',
+  removeAllConfirmation: 'Os <strong>{{size}} registros selecionados</strong> serão excluídos.<br/><br/><strong>Você realmente gostaria de continuar?</strong>',
+  removeAllInfo: 'Os {{size}} registros foram removidos com sucesso!',
+  fieldNameRequired: 'É necessário informar o nome da coluna.',
 };
 
 const snkFilterBarMessages = {
@@ -92,6 +97,7 @@ const snkFilterBarMessages = {
 };
 
 const snkTaskbarMessages = {
+  titleUpdateMultiple: "Editar Múltiplos",
   titleUpdate: "Editar",
   titlePrevious: "Anterior",
   titleNext: "Próximo",
@@ -663,6 +669,7 @@ var OperationMap;
   OperationMap["INSERT"] = "insert";
   OperationMap["UPDATE"] = "update";
   OperationMap["CLEAN"] = "clean";
+  OperationMap["UPDATE_MULTIPLES"] = "updateMultiples";
 })(OperationMap || (OperationMap = {}));
 
 export { OperationMap as O, SnkMessageBuilder as S };