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

package/dist/collection/lib/message/resources/snk-data-unit.msg.js

@@ -1,32 +1,37 @@
 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"
+    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?",
-  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."
+  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.',
 };
 export default snkDataUnitMessages;

package/dist/collection/lib/message/resources/snk-taskbar.msg.js

@@ -1,4 +1,5 @@
 const snkTaskbarMessages = {
+  titleUpdateMultiple: "Editar Múltiplos",
   titleUpdate: "Editar",
   titlePrevious: "Anterior",
   titleNext: "Próximo",

package/dist/components/SnkMessageBuilder.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 };

package/dist/components/snk-crud.js

@@ -90,6 +90,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.setCustomFormTitle = undefined;
     this.strategyExporter = ExporterStrategy.SERVER_SIDE;
     this.layoutFormConfig = false;
+    this.multipleEditionEnabled = true;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -176,14 +177,20 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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;
@@ -193,6 +200,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     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) {
@@ -412,7 +420,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       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" }))));
   }
   get _element() { return this; }
   static get watchers() { return {
@@ -446,6 +454,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "setCustomFormTitle": [16],
     "strategyExporter": [1025, "strategy-exporter"],
     "layoutFormConfig": [4, "layout-form-config"],
+    "multipleEditionEnabled": [4, "multiple-edition-enabled"],
     "_dataUnit": [32],
     "_dataState": [32],
     "attachmentRegisterKey": [32],

package/dist/components/snk-data-unit2.js

@@ -6,6 +6,135 @@ import { g as getRecordValue, a as DatasetStrategy } from './dataunit-fetcher.js
 import { convertType } from '@sankhyalabs/core/dist/dataunit/metadata/DataType';
 import { g as getSelectedRecordsIDsInfo } from './GetSelectedRecordsIDsInfo.js';
 
+const NO_TAB_NAME = "__NO_TAB_NAME__";
+const MAIN_TAB_NAME = "__main";
+async function showConfirmMultipleUpdatePopup({ title, labelBtnConfirm, labelBtnCancel, message, changingFields, }) {
+  return new Promise((resolve) => {
+    const popup = builPopup(title, resolve);
+    const contentContainer = buildContentContainer();
+    contentContainer.appendChild(buildMessage(message));
+    contentContainer.appendChild(buildChangesContainer(changingFields));
+    const actionsContainer = buildActionsContainer();
+    actionsContainer.appendChild(buildCancelBtn(popup, labelBtnCancel, resolve));
+    actionsContainer.appendChild(buildConfirmBtn(popup, labelBtnConfirm, resolve));
+    contentContainer.appendChild(actionsContainer);
+    popup.appendChild(contentContainer);
+    document.body.appendChild(popup);
+  });
+}
+function groupChanges(changingFields) {
+  const changesMap = new Map();
+  changingFields.forEach(change => {
+    var _a;
+    const key = (_a = change.tabName) !== null && _a !== void 0 ? _a : NO_TAB_NAME;
+    if (!changesMap.has(key))
+      changesMap.set(key, []);
+    changesMap.get(key).push(change);
+  });
+  return changesMap;
+}
+function getTabName(tabName) {
+  switch (tabName) {
+    case NO_TAB_NAME:
+      return "";
+    case MAIN_TAB_NAME:
+      return "Principal";
+    default:
+      return tabName;
+  }
+}
+function buildChangesDiv(tabName, changes) {
+  const changeLabel = document.createElement('span');
+  changeLabel.innerText = getTabName(tabName);
+  changeLabel.style.display = 'block';
+  changeLabel.style.fontWeight = 'var(--text-weight--large, 500)';
+  changeLabel.style.fontSize = 'var(--text--medium, 14px)';
+  changeLabel.style.marginBottom = 'var(--space--small, 6px)';
+  const changeDiv = document.createElement('div');
+  changeDiv.style.padding = 'var(--space--medium, 12px) 0';
+  changeDiv.style.borderTop = '1px solid var(--color--disable-secondary, #f2f5f8)';
+  changeDiv.appendChild(changeLabel);
+  changes.forEach(change => {
+    const changeLine = document.createElement('span');
+    changeLine.innerHTML = `${change.label}: <span style="color: var(--text--primary, #626e82)">${change.value}</span>`;
+    changeLine.style.display = 'block';
+    changeLine.style.marginBottom = 'var(--space--extra-small, 3px)';
+    changeDiv.appendChild(changeLine);
+  });
+  return changeDiv;
+}
+function buildChangesContainer(changingFields) {
+  const changesContainer = document.createElement('div');
+  changesContainer.style.flexDirection = 'column';
+  changesContainer.style.display = 'flex';
+  changesContainer.style.overflow = 'auto';
+  changesContainer.style.maxHeight = '300px';
+  const changesMap = groupChanges(changingFields);
+  changesMap.forEach((changes, key) => {
+    changesContainer.appendChild(buildChangesDiv(key, changes));
+  });
+  return changesContainer;
+}
+function buildMessage(messageContent) {
+  const message = document.createElement('p');
+  message.textContent = messageContent;
+  message.style.fontSize = 'var(--text--medium, 14px)';
+  return message;
+}
+function buildContentContainer() {
+  const contentContainer = document.createElement('div');
+  contentContainer.style.display = 'flex';
+  contentContainer.style.flexDirection = 'column';
+  contentContainer.style.fontFamily = 'var(--font-pattern, Roboto)';
+  contentContainer.style.fontSize = 'var(--text--medium, 14px)';
+  return contentContainer;
+}
+function buildActionsContainer() {
+  const actionsContainer = document.createElement('div');
+  actionsContainer.style.display = 'flex';
+  actionsContainer.style.flexDirection = 'row';
+  actionsContainer.style.justifyContent = 'flex-end';
+  actionsContainer.style.gap = '5px';
+  return actionsContainer;
+}
+function builPopup(title, resolve) {
+  const popup = document.createElement('ez-popup');
+  popup.opened = true;
+  popup.size = 'small';
+  popup.ezTitle = title;
+  popup.heightMode = 'auto';
+  popup.addEventListener('ezClosePopup', () => {
+    document.body.removeChild(popup);
+    resolve(false);
+  }, { once: true });
+  popup.addEventListener('ezPopupAction', () => {
+    document.body.removeChild(popup);
+    resolve(false);
+  }, { once: true });
+  return popup;
+}
+function buildConfirmBtn(popup, confirmBtnLabel, resolve) {
+  const confirmBtn = document.createElement('ez-button');
+  confirmBtn.label = confirmBtnLabel;
+  confirmBtn.size = 'medium';
+  confirmBtn.classList.add('ez-button--primary');
+  confirmBtn.onclick = () => {
+    document.body.removeChild(popup);
+    resolve(true);
+  };
+  return confirmBtn;
+}
+function buildCancelBtn(popup, cancelBtnLabel, resolve) {
+  const cancelBtn = document.createElement('ez-button');
+  cancelBtn.label = cancelBtnLabel;
+  cancelBtn.size = 'medium';
+  cancelBtn.onclick = () => {
+    document.body.removeChild(popup);
+    resolve(false);
+  };
+  return cancelBtn;
+}
+
 const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   constructor() {
     super();
@@ -22,6 +151,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._fieldsWithRmPrecision = [];
     this._metadataByRow = new Map();
     this._rowMetadataCache = new Map();
+    this._formFieldsConfig = [];
     this.REGEX_DATAUNIT_NAME = /dd:\/\/(.+?)\//;
     this._dataUnitObserver = async (action) => {
       const duState = await this.buildDataState(action.type);
@@ -98,6 +228,10 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       this.messagesBuilderUpdated.emit(newValue);
     }
   }
+  onMasterFormConfigChange({ detail }) {
+    var _a;
+    this._formFieldsConfig = (_a = detail === null || detail === void 0 ? void 0 : detail.fields) !== null && _a !== void 0 ? _a : [];
+  }
   /**
    * Obtém o dataUnit.
    */
@@ -272,9 +406,13 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._openedAlert = false;
   }
   async interceptSavingData(action) {
-    if (!this.beforeSave) {
-      return action;
+    if (this.dataUnit.isMultipleEdition) {
+      const confirm = await this.confirmMultipleSavingData();
+      if (!confirm)
+        return undefined;
     }
+    if (!this.beforeSave)
+      return action;
     const continueAction = this.beforeSave(this.dataUnit);
     if (continueAction instanceof Promise) {
       const result = await continueAction;
@@ -282,6 +420,46 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     return continueAction ? action : undefined;
   }
+  async confirmMultipleSavingData() {
+    const selectedRecords = this.dataUnit.getSelectionInfo().records;
+    const title = this.getMessage('snkDataUnit.multipleUpdateConfirmationTitle');
+    const message = this.getMessage('snkDataUnit.multipleUpdateConfirmationMessage', { size: selectedRecords.length });
+    const labelBtnCancel = this.getMessage('snkDataUnit.confirm.cancel');
+    const labelBtnConfirm = this.getMessage('snkDataUnit.confirm.updateMultipleConfirm');
+    return await showConfirmMultipleUpdatePopup({
+      title,
+      message,
+      labelBtnConfirm,
+      labelBtnCancel,
+      changingFields: this.getChangingFields(),
+    });
+  }
+  getChangingFields() {
+    const changes = this.dataUnit.buildChangesToSave();
+    if (!(changes === null || changes === void 0 ? void 0 : changes.length))
+      return [];
+    const change = changes[0];
+    const changingFields = Object.keys(change.updatingFields).map(key => this.buildChangingField(key, change[key]));
+    return changingFields;
+  }
+  buildChangingField(key, value) {
+    const fieldLabel = this.dataUnit.getField(key).label;
+    const formattedValue = this.dataUnit.getFormattedValue(key, value);
+    return {
+      label: fieldLabel,
+      value: formattedValue,
+      tabName: this.getFieldTabName(key),
+    };
+  }
+  getFieldTabName(fieldName) {
+    var _a;
+    const tab = (_a = this._formFieldsConfig.find(f => f.name === fieldName)) === null || _a === void 0 ? void 0 : _a.tab;
+    if (!tab)
+      return undefined;
+    if (typeof tab === 'string')
+      return tab;
+    return tab.label;
+  }
   interceptDataSaved(action) {
     if (this.afterSave) {
       this.afterSave(this.dataUnit);
@@ -301,7 +479,17 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     }
     const cancelConfirmationTitle = this.getMessage("snkDataUnit.cancelConfirmationTitle");
     const confirm = await ApplicationUtils.confirm(cancelConfirmationTitle, cancelConfirmation);
-    confirm && this.showSuccessMessage(this.getMessage("snkDataUnit.cancelInfo"));
+    if (confirm) {
+      let editionCanceledMessage;
+      if (this.dataUnit.isMultipleEdition) {
+        const selectedRecords = this.dataUnit.getSelectionInfo().records;
+        editionCanceledMessage = this.buildMultipleUpdateMessage(selectedRecords, true);
+      }
+      else {
+        editionCanceledMessage = this.getMessage("snkDataUnit.cancelInfo");
+      }
+      this.showSuccessMessage(editionCanceledMessage);
+    }
     return confirm ? action : undefined;
   }
   async interceptRemovingRecords(action) {
@@ -479,24 +667,50 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
   }
   async handleDataSaved(action) {
     var _a, _b, _c;
-    const newRowMetadata = await this.handleLoadRowMetadata((_c = (_b = (_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.changes) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.record);
+    const changes = (_a = action === null || action === void 0 ? void 0 : action.payload) === null || _a === void 0 ? void 0 : _a.changes;
+    const affectedRecords = (_b = action === null || action === void 0 ? void 0 : action.payload) === null || _b === void 0 ? void 0 : _b.records;
+    const newRowMetadata = await this.handleLoadRowMetadata((_c = changes === null || changes === void 0 ? void 0 : changes[0]) === null || _c === void 0 ? void 0 : _c.record);
     if (newRowMetadata) {
       newRowMetadata.getProp = this.buildGetPropRowMetadata(newRowMetadata);
     }
-    const recordId = action.payload.records[0].__record__id__;
+    const recordId = affectedRecords[0].__record__id__;
     this._metadataByRow.set(recordId, newRowMetadata);
     this.dataState = await this.buildDataState();
-    let saveOperation = action.payload.changes[0]._operation.toLowerCase();
-    if (saveOperation == 'copy')
+    let saveOperation = changes[0]._operation.toLowerCase();
+    if (saveOperation == 'copy') {
       saveOperation = OperationMap.CLONE;
-    if (this.ignoreSaveMessage && ![OperationMap.CLONE, OperationMap.INSERT].includes(saveOperation)) {
-      return;
     }
-    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0], saveOperation);
+    if (this.canIgnoreOperationMessage(saveOperation))
+      return;
+    let msg = this.buildOperationMessage(saveOperation, affectedRecords);
     if (msg != undefined) {
       this.showSuccessMessage(msg);
     }
   }
+  canIgnoreOperationMessage(saveOperation) {
+    return this.ignoreSaveMessage && !this.isCloneOrInsertOperation(saveOperation);
+  }
+  isCloneOrInsertOperation(saveOperation) {
+    return [OperationMap.CLONE, OperationMap.INSERT].includes(saveOperation);
+  }
+  buildOperationMessage(saveOperation, records) {
+    if (this.isMultiplesUpdate(saveOperation, records)) {
+      return this.buildMultipleUpdateMessage(records);
+    }
+    return this.getMessage('snkDataUnit.saveInfo', records[0], saveOperation);
+  }
+  buildMultipleUpdateMessage(records, isCancel) {
+    /**
+     * FIXME: No futuro, precisamos pensar em um mecanismo para deixar as mensagens de feedback mais dinâmicas.
+     * Podemo ocorrer cenários onde temos mais de um registro selecionado e também cenários onde a chave primária
+     * de um registro se trata de uma chave composta.
+     */
+    const key = `snkDataUnit.${isCancel ? 'cancelInfo' : 'saveInfo'}`;
+    return this.getMessage(key, { records: records }, OperationMap.UPDATE_MULTIPLES);
+  }
+  isMultiplesUpdate(saveOperation, records) {
+    return saveOperation === OperationMap.UPDATE && records.length > 1;
+  }
   handleRecordsRemoved(action) {
     var _a, _b;
     let removeFinishMsg = this.buildRemoveFinishMessage(action);
@@ -703,7 +917,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "getFieldsWithRmp": [64],
     "getFieldsWithRmPrecision": [64],
     "getRowMetadata": [64]
-  }]);
+  }, [[0, "snkMasterFormConfigChange", "onMasterFormConfigChange"]]]);
 class DataStateImpl {
   constructor(datastate) {
     this.copyMode = datastate.copyMode;