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

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

@@ -6,7 +6,7 @@ const index = require('./index-f9e81701.js');
 const core = require('@sankhyalabs/core');
 const utils = require('@sankhyalabs/ezui/dist/collection/utils');
 const constants = require('./constants-77c1b8bd.js');
-const taskbarElements = require('./taskbar-elements-7e19882d.js');
+const taskbarElements = require('./taskbar-elements-02379452.js');
 require('./DataFetcher-1afdb18e.js');
 require('./ISave-c76e2c51.js');
 const ClientSideExporterProvider = require('./ClientSideExporterProvider-8c219037.js');
@@ -47,13 +47,6 @@ const SnkSimpleCrud = class {
     this._formConfigFetcher = new formConfigFetcher.FormConfigFetcher();
     this._customEditors = new Map();
     this._customRenders = new Map();
-    this._taskbarProcessor = new fieldSearch.TaskbarProcessor({
-      "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], true),
-      "snkSimpleCrudTaskbar.grid_selected": this.getButtons(true, [taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.FORM_MODE]),
-      "snkSimpleCrudTaskbar.finish_edition": this.getFinishEditionButtonsCallback.bind(this)
-    });
     this._showPopUpGridConfig = false;
     this._currentViewMode = constants.VIEW_MODE.GRID;
     this._config = undefined;
@@ -86,6 +79,7 @@ const SnkSimpleCrud = class {
     this.ignoreReadOnlyFormFields = false;
     this.autoFocus = true;
     this.domainMessagesBuilder = undefined;
+    this.multipleEditionEnabled = true;
     this.layoutFormConfig = false;
     this.autoLoad = undefined;
     this.outlineMode = false;
@@ -146,8 +140,25 @@ const SnkSimpleCrud = class {
     newCustomFieldProps.set(fieldName, Object.assign(Object.assign({}, currentProps), { [propName]: value }));
     this._fieldsProps = newCustomFieldProps;
   }
+  loadTaskbarProcessor() {
+    const taskbarIDs = {};
+    taskbarIDs[TASKBAR_ID.FORM_REGULAR] = this.getButtons(false, [taskbarElements.TaskbarElement.GRID_MODE], true);
+    taskbarIDs[TASKBAR_ID.GRID_REGULAR] = this.getButtons(false, [taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.FORM_MODE]);
+    taskbarIDs[TASKBAR_ID.FORM_SELECTED] = this.getButtons(true, [taskbarElements.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] = [taskbarElements.TaskbarElement.CANCEL];
+    this._taskbarProcessor = new fieldSearch.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, [taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.FORM_MODE]);
+    }
+    return this.getButtons(true, [taskbarElements.TaskbarElement.UPDATE_MULTIPLE, taskbarElements.TaskbarElement.DATA_EXPORTER, taskbarElements.TaskbarElement.FORM_MODE]);
+  }
   getFinishEditionButtonsCallback() {
-    const btns = ["CANCEL", "SAVE"];
+    const btns = [taskbarElements.TaskbarElement.CANCEL, taskbarElements.TaskbarElement.SAVE];
     if (this.enableGridInsert && this._currentViewMode !== constants.VIEW_MODE.ATTACHMENT) {
       btns.push(this._currentViewMode === constants.VIEW_MODE.GRID ? taskbarElements.TaskbarElement.FORM_MODE : taskbarElements.TaskbarElement.GRID_MODE);
     }
@@ -183,22 +194,32 @@ const SnkSimpleCrud = class {
   async goToView(view) {
     this._currentViewMode = view;
     if (this._viewStack) {
+      if (view === constants.VIEW_MODE.GRID)
+        this.dataUnit.isMultipleEdition = false;
       this._viewStack.show(view);
     }
   }
   actionClickListener(evt) {
-    const act = evt.detail;
-    if (act === taskbarElements.TaskbarElement.CONFIGURATOR) {
-      this._snkConfigurator.open();
-    }
-    else if (act === taskbarElements.TaskbarElement.GRID_MODE) {
-      this.goToView(constants.VIEW_MODE.GRID);
-    }
-    else if (act === taskbarElements.TaskbarElement.FORM_MODE) {
-      this.goToView(constants.VIEW_MODE.FORM);
-    }
+    this.handleTaskbarAction(evt.detail);
     evt.stopPropagation();
   }
+  handleTaskbarAction(action) {
+    switch (action) {
+      case taskbarElements.TaskbarElement.CONFIGURATOR:
+        this._snkConfigurator.open();
+        break;
+      case taskbarElements.TaskbarElement.GRID_MODE:
+        this.goToView(constants.VIEW_MODE.GRID);
+        break;
+      case taskbarElements.TaskbarElement.FORM_MODE:
+        this.goToView(constants.VIEW_MODE.FORM);
+        break;
+      case taskbarElements.TaskbarElement.UPDATE_MULTIPLE:
+        this.dataUnit.isMultipleEdition = true;
+        this.goToView(constants.VIEW_MODE.FORM);
+        break;
+    }
+  }
   async onChangeEntityName(newValue) {
     if (this.dataUnit)
       return;
@@ -330,8 +351,10 @@ const SnkSimpleCrud = class {
     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;
@@ -363,6 +386,14 @@ const SnkSimpleCrud = class {
   componentDidLoad() {
     utils.CSSVarsUtils.applyVarsGrid(this._element, this._grid);
     this.initKeyboardManager();
+    this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
+  }
+  async dataUnitActionHandler(action) {
+    if (action.type === core.Action.EDITION_CANCELED || action.type === core.Action.DATA_SAVED) {
+      if (this.dataUnit.isMultipleEdition) {
+        this.goToView(constants.VIEW_MODE.GRID);
+      }
+    }
   }
   setCustomRenders() {
     if (!this._grid) {
@@ -401,14 +432,17 @@ const SnkSimpleCrud = class {
   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 === constants.VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_selected" : "snkSimpleCrudTaskbar.form_selected";
+      return this._currentViewMode === constants.VIEW_MODE.GRID ? TASKBAR_ID.GRID_SELECTED : TASKBAR_ID.FORM_SELECTED;
     }
-    return this._currentViewMode === constants.VIEW_MODE.GRID ? "snkSimpleCrudTaskbar.grid_regular" : "snkSimpleCrudTaskbar.form_regular";
+    return this._currentViewMode === constants.VIEW_MODE.GRID ? TASKBAR_ID.GRID_REGULAR : TASKBAR_ID.FORM_REGULAR;
   }
   initInMemoryDataUnit() {
     this._inMemoryLoader = new dataunitFetcher.InMemoryLoader(this._metadata, undefined, { autoLoad: this.autoLoad });
@@ -794,6 +828,15 @@ const SnkSimpleCrud = class {
     "gridLegacyConfigName": ["observeGridLegacy"]
   }; }
 };
+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 = {}));
 SnkSimpleCrud.style = snkSimpleCrudCss;
 
 exports.snk_simple_crud = SnkSimpleCrud;

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

@@ -5,7 +5,7 @@ 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-7e19882d.js');
+const taskbarElements = require('./taskbar-elements-02379452.js');
 const index$1 = require('./index-e3e39724.js');
 require('./index-102ba62d.js');
 
@@ -22,6 +22,7 @@ const SnkTaskbar = class {
     this.ACTIONS_BUTTON_TAG = 'TASKBAR-ACTIONS-BUTTON';
     this.NOT_OVERFLOW_ELEMENTS = ["moreOptions", "dataExporter_snkDataExporter", "actionsButton_snkActionsButton"];
     this._titleKeyByElement = {
+      [taskbarElements.TaskbarElement.UPDATE_MULTIPLE]: "snkTaskbar.titleUpdateMultiple",
       [taskbarElements.TaskbarElement.UPDATE]: "snkTaskbar.titleUpdate",
       [taskbarElements.TaskbarElement.PREVIOUS]: "snkTaskbar.titlePrevious",
       [taskbarElements.TaskbarElement.NEXT]: "snkTaskbar.titleNext",

package/dist/cjs/{taskbar-elements-7e19882d.js → taskbar-elements-02379452.js}

@@ -23,6 +23,7 @@ exports.TaskbarElement = void 0;
   TaskbarElement["DATA_EXPORTER"] = "DATA_EXPORTER";
   TaskbarElement["ATTACH"] = "ATTACH";
   TaskbarElement["ACTIONS_BUTTON"] = "ACTIONS_BUTTON";
+  TaskbarElement["UPDATE_MULTIPLE"] = "UPDATE_MULTIPLE";
 })(exports.TaskbarElement || (exports.TaskbarElement = {}));
 exports.AuthorizationElements = void 0;
 (function (AuthorizationElements) {
@@ -62,6 +63,8 @@ const buildElem = (element, className, dataElementId, getTitle, action, isEnable
       return iconButton("sync", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.UPDATE:
       return iconButton("edit", element, className, dataElementId, title, action, isEnabled);
+    case exports.TaskbarElement.UPDATE_MULTIPLE:
+      return iconButton("edit-table", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.CLONE:
       return iconButton("copy", element, className, dataElementId, title, action, isEnabled);
     case exports.TaskbarElement.REMOVE:

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

@@ -48,6 +48,7 @@ export class SnkCrud {
     this.setCustomFormTitle = undefined;
     this.strategyExporter = ExporterStrategy.SERVER_SIDE;
     this.layoutFormConfig = false;
+    this.multipleEditionEnabled = true;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -134,14 +135,20 @@ export class SnkCrud {
     this.setViewMode(VIEW_MODE.FORM);
   }
   async executeAction(act) {
-    if (act === TaskbarElement.GRID_MODE)
-      return this.setViewMode(VIEW_MODE.GRID);
-    if (act === TaskbarElement.FORM_MODE || act === TaskbarElement.UPDATE)
-      return this.gridToForm(act !== TaskbarElement.UPDATE);
-    if (act === TaskbarElement.CONFIGURATOR)
-      return this._snkConfigurator.open();
-    if (act === "ATTACH")
-      return this.setViewMode(VIEW_MODE.ATTACHMENT);
+    switch (act) {
+      case TaskbarElement.GRID_MODE:
+        return this.setViewMode(VIEW_MODE.GRID);
+      case TaskbarElement.FORM_MODE:
+      case TaskbarElement.UPDATE:
+        return this.gridToForm(act !== TaskbarElement.UPDATE);
+      case TaskbarElement.UPDATE_MULTIPLE:
+        this._dataUnit.isMultipleEdition = true;
+        return this.setViewMode(VIEW_MODE.FORM);
+      case TaskbarElement.CONFIGURATOR:
+        return this._snkConfigurator.open();
+      case TaskbarElement.ATTACH:
+        return this.setViewMode(VIEW_MODE.ATTACHMENT);
+    }
   }
   backView() {
     const lastView = this._viewHistory.at(-2) || VIEW_MODE.GRID;
@@ -151,6 +158,7 @@ export class SnkCrud {
     this._viewStack.show(viewMode);
     this._currentViewMode = viewMode;
     if (viewMode === VIEW_MODE.GRID) {
+      this._dataUnit.isMultipleEdition = false;
       this._snkGrid.setFocus();
     }
     else if (viewMode === VIEW_MODE.FORM) {
@@ -371,7 +379,7 @@ export class SnkCrud {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = (this._currentViewMode === VIEW_MODE.GRID && !this.enableGridInsert);
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
+    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", { class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full ez-padding--medium' }, h("snk-grid", { ref: (ref) => this._snkGrid = ref, class: 'ez-flex ez-flex--column ez-size-height--full ez-size-width--full', filterBarTitle: this.filterBarTitle, "data-element-id": "crud_grid", configName: this.configName, onGridDoubleClick: () => this.gridToForm(true), taskbarManager: this.taskbarManager, onActionClick: evt => this.executeAction(evt.detail), messagesBuilder: this.messagesBuilder, actionsList: this.actionsList, statusResolver: this.statusResolver, multipleSelection: this.multipleSelection, presentationMode: this.presentationMode, recordsValidator: this.recordsValidator, selectionToastConfig: this.selectionToastConfig, useEnterLikeTab: this.useEnterLikeTab, canEdit: this._canEdit, resourceID: this._resourceID, disablePersonalizedFilter: this.disablePersonalizedFilter, gridLegacyConfigName: this.gridLegacyConfigName, filterBarLegacyConfigName: this.filterBarLegacyConfigName, autoLoad: this.autoLoad, autoFocus: this.autoFocus, enableGridInsert: this.enableGridInsert, enableLockManagerTaskbarClick: this.enableLockManagerTaskbarClick, enableLockManagerLoadingComp: this.enableLockManagerLoadingComp, strategyExporter: this.strategyExporter, multipleEditionEnabled: this.multipleEditionEnabled }, h("slot", { name: "GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkGridHeader" }), h("slot", { name: "SnkGridFooter" }), h("slot", { name: "SnkGridTaskBar" }))), h("stack-item", null, h("snk-guides-viewer", { ref: ref => this._guidesViewer = ref, entityPath: this._snkDataUnit.entityName, messagesBuilder: this.messagesBuilder, onExit: () => this.setViewMode(VIEW_MODE.GRID), dataState: this._dataState, dataUnit: this._dataUnit, actionsList: this.actionsList, taskbarManager: this.taskbarManager, configName: this.configName, onActionClick: evt => this.executeAction(evt.detail), presentationMode: this.presentationMode, "data-element-id": "crud_form", canEdit: this._canEdit, recordsValidator: this.recordsValidator, resourceID: this._resourceID, detailTaskbarCustomContainerId: this.customContainerId, formLegacyConfigName: this.formLegacyConfigName, enableGridInsert: this.enableGridInsert, getCustomTitle: this.setCustomFormTitle, ignoreReadOnlyFormFields: this.ignoreReadOnlyFormFields }, h("slot", { name: "GUIDES_VIEWER_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "SnkFormTaskBar" }))), h("stack-item", null, h("snk-attach", { registerKey: this.attachmentRegisterKey, messagesBuilder: this.messagesBuilder, entityName: this._snkDataUnit.entityName, onBack: this.backView.bind(this) })), h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.setViewMode(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showActionButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this._resourceID, customContainerId: this.customContainerId, layoutFormConfig: this.layoutFormConfig })), h("div", { id: `${this.customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }), h("slot", { name: "DETAIL_GRID_HEADER_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_GRID_TASKBAR_CUSTOM_ELEMENTS" }), h("slot", { name: "DETAIL_TASKBAR_CUSTOM_ELEMENTS" }))));
   }
   static get is() { return "snk-crud"; }
   static get encapsulation() { return "scoped"; }
@@ -871,6 +879,24 @@ export class SnkCrud {
         "attribute": "layout-form-config",
         "reflect": false,
         "defaultValue": "false"
+      },
+      "multipleEditionEnabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Habilita a edi\u00E7\u00E3o de m\u00FAltiplos registros simult\u00E2neos."
+        },
+        "attribute": "multiple-edition-enabled",
+        "reflect": false,
+        "defaultValue": "true"
       }
     };
   }

package/dist/collection/components/snk-crud/subcomponents/snk-guides-viewer.js

@@ -1,4 +1,4 @@
-import { Action as DUAction, ElementIDUtils } from '@sankhyalabs/core';
+import { Action as DUAction, ElementIDUtils, ObjectUtils } from '@sankhyalabs/core';
 import { Fragment, h } from '@stencil/core';
 import { SnkFormConfigManager } from '../../snk-form-config/SnkFormConfigManager';
 import { buildFormMetadata, FormMetadata } from '@sankhyalabs/ezui/dist/collection/utils/form';
@@ -44,14 +44,16 @@ export class SnkGuidesViewer {
     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
@@ -125,6 +127,11 @@ export class SnkGuidesViewer {
    * 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) {
@@ -137,12 +144,12 @@ export class SnkGuidesViewer {
     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);
@@ -155,6 +162,11 @@ export class SnkGuidesViewer {
       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;
   }
@@ -177,47 +189,59 @@ export class SnkGuidesViewer {
   }
   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) {
@@ -430,17 +454,27 @@ export class SnkGuidesViewer {
   }
   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 === DUAction.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 === DUAction.METADATA_LOADED) {
-      this.loadGuides(this.noGuideSelected());
+    switch (action.type) {
+      case DUAction.EDITION_CANCELED:
+      case DUAction.DATA_SAVED:
+        if (this.dataUnit.isMultipleEdition) {
+          this.exitViewer();
+          this.dataUnit.isMultipleEdition = false;
+        }
+        break;
+      case DUAction.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 DUAction.METADATA_LOADED:
+      case DUAction.MULTIPLE_EDITION_CHANGED:
+        this.loadGuides(this.noGuideSelected());
+        break;
     }
   }
   async addErrorBadgeToGuide(guideName) {
@@ -480,6 +514,20 @@ export class SnkGuidesViewer {
     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));
   }
@@ -493,7 +541,7 @@ export class SnkGuidesViewer {
     }
     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) })
       :
@@ -878,6 +926,26 @@ export class SnkGuidesViewer {
   }
   static get events() {
     return [{
+        "method": "snkMasterFormConfigChange",
+        "name": "snkMasterFormConfigChange",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": "Emitido quando a configura\u00E7\u00E3o do formul\u00E1rio master \u00E9 definida."
+        },
+        "complexType": {
+          "original": "IFormConfig",
+          "resolved": "IFormConfig",
+          "references": {
+            "IFormConfig": {
+              "location": "import",
+              "path": "@sankhyalabs/ezui/dist/types/utils/form/interfaces"
+            }
+          }
+        }
+      }, {
         "method": "exit",
         "name": "exit",
         "bubbles": true,
@@ -1097,3 +1165,9 @@ export class SnkGuidesViewer {
       }];
   }
 }
+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 = {}));