@sankhyalabs/sankhyablocks 8.16.0-dev.1 → 8.16.0-dev.10

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

@@ -56,6 +56,7 @@ export class SnkSimpleCrud {
     this.formLegacyConfigName = undefined;
     this.ignoreReadOnlyFormFields = false;
     this.autoFocus = true;
+    this.domainMessagesBuilder = undefined;
     this.autoLoad = undefined;
   }
   /**
@@ -672,8 +673,8 @@ export class SnkSimpleCrud {
     return StringUtils.isEmpty(this.resourceID) ? this._resourceID : this.resourceID;
   }
   getFormConfig() {
-    var _a, _b;
-    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.insertionMode, this.dataUnit, this.ignoreReadOnlyFormFields);
+    var _a;
+    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig(this.dataUnit, this.ignoreReadOnlyFormFields);
     if (!this.configName && !configFromManager) {
       return this.formConfig;
     }
@@ -693,7 +694,7 @@ export class SnkSimpleCrud {
     if (this.dataUnit == undefined) {
       return;
     }
-    return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this) }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
         : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
@@ -1086,6 +1087,23 @@ export class SnkSimpleCrud {
         "reflect": false,
         "defaultValue": "true"
       },
+      "domainMessagesBuilder": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "Define a chave customizada para sobrescrever as mensagens (N\u00E3o pegando pela entidade)"
+        },
+        "attribute": "domain-messages-builder",
+        "reflect": false
+      },
       "autoLoad": {
         "type": "boolean",
         "mutable": false,

package/dist/collection/lib/configs/ConfigStorage.js

@@ -71,6 +71,7 @@ export class ConfigStorage {
     if (config == undefined) {
       return;
     }
+    name = this.handleLegacyConfigAsString(name, CONFIG_SOURCE.grid);
     await this.deleteGridConfigCache(name, resourceID);
     return this.gridConfigFetcher.saveConfig(config, name, resourceID);
   }

package/dist/collection/lib/dataUnit/InMemoryLoader.js

@@ -5,6 +5,7 @@ export default class InMemoryLoader {
     this.metadata = metadata;
     this.records = records;
     this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
+    this._dataUnit.pageSize = 150;
     this._dataUnit.metadataLoader = () => this.metadaLoader();
     this._dataUnit.dataLoader = (dataUnit, request) => this.inMemoryLoader(dataUnit, request, this.getRecordsToLoad());
     this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);

package/dist/collection/lib/dataUnit/dataUnitInMemoryUtils.js

@@ -22,12 +22,16 @@ export function applySorting(records, dataUnit, sorting) {
   return records.sort(sortingFunction);
 }
 export function buildPaginationInfo(records, offset = 0, limit = 0) {
-  const lastRecord = Math.min(offset + limit, records === null || records === void 0 ? void 0 : records.length);
+  if (records === undefined) {
+    return undefined;
+  }
+  const total = (records === null || records === void 0 ? void 0 : records.length) || 0;
+  const lastRecord = Math.min(offset + limit, total);
   return {
     currentPage: limit === 0 ? 0 : Math.ceil(offset / limit),
     firstRecord: offset,
     lastRecord: lastRecord,
-    total: records === null || records === void 0 ? void 0 : records.length,
-    hasMore: !!((records === null || records === void 0 ? void 0 : records.length) - lastRecord),
+    total: total,
+    hasMore: !!(total - lastRecord),
   };
 }

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

@@ -6,7 +6,7 @@ const snkDataUnitMessages = {
   },
   cancelInfo: {
     clone: "Duplicação descartada!",
-    insert: "A inclusão descartada!",
+    insert: "A inclusão foi descartada!",
     update: "A edição foi descartada!"
   },
   confirm: {

package/dist/components/ConfigStorage.js

@@ -423,6 +423,7 @@ class ConfigStorage {
     if (config == undefined) {
       return;
     }
+    name = this.handleLegacyConfigAsString(name, CONFIG_SOURCE.grid);
     await this.deleteGridConfigCache(name, resourceID);
     return this.gridConfigFetcher.saveConfig(config, name, resourceID);
   }

package/dist/components/SnkFormConfigManager.js

@@ -74,10 +74,8 @@ class SnkFormConfigManager {
     if (fields != undefined && fields.length > 0) {
       return fields.map(({ label, name, readOnly, visible, required }) => {
         if (label == undefined) {
-          return Object.assign(Object.assign({}, dataUnit.getField(name)), { name,
-            readOnly,
-            visible,
-            required });
+          const currentField = dataUnit.getField(name);
+          return Object.assign(Object.assign({}, currentField), { name: name !== null && name !== void 0 ? name : currentField.name, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : currentField.readOnly, visible: visible !== null && visible !== void 0 ? visible : currentField.visible, required: required !== null && required !== void 0 ? required : currentField.required });
         }
         return { name, label, readOnly, visible, required };
       })
@@ -101,7 +99,7 @@ class SnkFormConfigManager {
     const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
     return normalizedText.includes(normalizedFilter);
   }
-  getInsertionConfig(dataUnit, ignoreReadOnlyFormFields) {
+  getFormConfig(dataUnit, ignoreReadOnlyFormFields) {
     let fields = this.getFieldsList(dataUnit);
     if (ignoreReadOnlyFormFields) {
       fields = fields.filter(field => {
@@ -133,8 +131,8 @@ class SnkFormConfigManager {
       this._onConfigChange(Object.assign({}, this._config));
     }
   }
-  getConfig(insertionMode, dataUnit, ignoreReadOnlyFormFields) {
-    return insertionMode ? this.getInsertionConfig(dataUnit, ignoreReadOnlyFormFields !== null && ignoreReadOnlyFormFields !== void 0 ? ignoreReadOnlyFormFields : true) : Object.assign({}, this._config);
+  getConfig(dataUnit, ignoreReadOnlyFormFields) {
+    return this.getFormConfig(dataUnit, ignoreReadOnlyFormFields !== null && ignoreReadOnlyFormFields !== void 0 ? ignoreReadOnlyFormFields : true);
   }
   getFormConfigFetcher() {
     if (this._formConfigFetcher == undefined) {

package/dist/components/SnkMessageBuilder.js

@@ -8,7 +8,7 @@ const snkDataUnitMessages = {
   },
   cancelInfo: {
     clone: "Duplicação descartada!",
-    insert: "A inclusão descartada!",
+    insert: "A inclusão foi descartada!",
     update: "A edição foi descartada!"
   },
   confirm: {

package/dist/components/dataunit-fetcher.js

@@ -246,13 +246,17 @@ function applySorting(records, dataUnit, sorting) {
   return records.sort(sortingFunction);
 }
 function buildPaginationInfo(records, offset = 0, limit = 0) {
-  const lastRecord = Math.min(offset + limit, records === null || records === void 0 ? void 0 : records.length);
+  if (records === undefined) {
+    return undefined;
+  }
+  const total = (records === null || records === void 0 ? void 0 : records.length) || 0;
+  const lastRecord = Math.min(offset + limit, total);
   return {
     currentPage: limit === 0 ? 0 : Math.ceil(offset / limit),
     firstRecord: offset,
     lastRecord: lastRecord,
-    total: records === null || records === void 0 ? void 0 : records.length,
-    hasMore: !!((records === null || records === void 0 ? void 0 : records.length) - lastRecord),
+    total: total,
+    hasMore: !!(total - lastRecord),
   };
 }
 
@@ -261,6 +265,7 @@ class InMemoryLoader {
     this.metadata = metadata;
     this.records = records;
     this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
+    this._dataUnit.pageSize = 150;
     this._dataUnit.metadataLoader = () => this.metadaLoader();
     this._dataUnit.dataLoader = (dataUnit, request) => this.inMemoryLoader(dataUnit, request, this.getRecordsToLoad());
     this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);

package/dist/components/snk-crud.js

@@ -51,6 +51,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.configuratorSave = createEvent(this, "configuratorSave", 7);
     this.configuratorCancel = createEvent(this, "configuratorCancel", 7);
     this.formItemsReady = createEvent(this, "formItemsReady", 7);
+    this.viewModeChanged = createEvent(this, "viewModeChanged", 7);
     this._keyDownHandler = async (event) => this.keyDownListener(event);
     this._viewHistory = [];
     this._customEditors = new Map();
@@ -79,6 +80,8 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.disablePersonalizedFilter = undefined;
     this.autoLoad = undefined;
     this.autoFocus = true;
+    this.domainMessagesBuilder = undefined;
+    this.setCustomFormTitle = undefined;
     this.customContainerId = `SNK-CRUD-CUSTOM-CONTAINER-${StringUtils.generateUUID()}`;
   }
   /**
@@ -187,6 +190,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     else if (viewMode === VIEW_MODE.FORM) {
       this._guidesViewer.setFocus();
     }
+    this.viewModeChanged.emit(viewMode);
   }
   openConfig(viewMode) {
     this._snkConfigurator.close();
@@ -250,6 +254,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
         this._snkDataUnit = parent;
         this._snkDataUnit.addEventListener("insertionMode", () => this.insertionModeHandler());
         this._snkDataUnit.addEventListener("cancelEdition", () => this.cancelHandler());
+        this._snkDataUnit.domainMessagesBuilder = this.domainMessagesBuilder;
         this._dataUnit = this._snkDataUnit.dataUnit;
         this._dataState = this._snkDataUnit.dataState;
         if (!this._dataUnit) {
@@ -415,7 +420,7 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       return;
     }
     this._snkDataUnit.ignoreSaveMessage = this._currentViewMode === VIEW_MODE.GRID;
-    return (h(Host, null, h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "crud" }, h("stack-item", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, 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 }, 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 }, 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 })), 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", null, h("snk-grid", { ref: (ref) => this._snkGrid = ref, 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 }, 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, getCustomTitle: this.setCustomFormTitle }, 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 })), 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 {
@@ -441,6 +446,8 @@ const SnkCrud$1 = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "disablePersonalizedFilter": [4, "disable-personalized-filter"],
     "autoLoad": [4, "auto-load"],
     "autoFocus": [4, "auto-focus"],
+    "domainMessagesBuilder": [1, "domain-messages-builder"],
+    "setCustomFormTitle": [16],
     "_dataUnit": [32],
     "_dataState": [32],
     "attachmentRegisterKey": [32],

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

@@ -97,6 +97,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this.ignoreSaveMessage = undefined;
     this.configName = undefined;
     this.resourceID = undefined;
+    this.domainMessagesBuilder = undefined;
   }
   observePageSize() {
     if (this.dataUnit) {
@@ -513,7 +514,8 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     if (this.ignoreSaveMessage) {
       return;
     }
-    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0]);
+    const saveOperation = action.payload.changes[0]._operation.toLowerCase();
+    const msg = this.getMessage("snkDataUnit.saveInfo", action.payload.records[0], saveOperation);
     if (msg != undefined) {
       this.showSuccessMessage(msg);
     }
@@ -544,10 +546,13 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
    * - Criar um arquivo no seguinte caminho: /messages/appmessages.msg.js.
    * Para conhecer os detalhes do módulo, vide o arquivo neste projeto "/src/lib/message/resources/snk-data-unit.msg.ts"
    */
-  getMessage(key, params = undefined) {
+  getMessage(key, params = undefined, customOperation) {
     if (!params) {
       params = this.getMessageParams();
     }
+    if (customOperation) {
+      this.messagesBuilder.currentOperation = customOperation;
+    }
     return this.messagesBuilder.getMessage(key, params);
   }
   getMessageParams() {
@@ -654,6 +659,13 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
       parent = parent.parentElement;
     }
   }
+  instanceMessagesBuilder() {
+    var _a;
+    if (this.messagesBuilder) {
+      return;
+    }
+    this.messagesBuilder = new SnkMessageBuilder((_a = this.domainMessagesBuilder) !== null && _a !== void 0 ? _a : this.entityName);
+  }
   //---------------------------------------------
   // Lifecycle web component
   //---------------------------------------------
@@ -661,9 +673,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     this._application = ApplicationContext.getContextValue("__SNK__APPLICATION__");
     this._application.getAllAccess(this.resourceID).then(access => this._permissions = access);
     this._parentSnkDataUnit = this.getParentSnkDataUnit();
-    if (this.messagesBuilder == undefined) {
-      this.messagesBuilder = new SnkMessageBuilder(this.entityName);
-    }
+    this.instanceMessagesBuilder();
   }
   disconnectedCallback() {
     if (this.dataUnit) {
@@ -699,6 +709,7 @@ const SnkDataUnit = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement {
     "ignoreSaveMessage": [4, "ignore-save-message"],
     "configName": [1, "config-name"],
     "resourceID": [1, "resource-i-d"],
+    "domainMessagesBuilder": [1, "domain-messages-builder"],
     "fieldsToLink": [32],
     "getDataUnit": [64],
     "getSelectedRecordsIDsInfo": [64],

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

@@ -70,6 +70,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     this.resourceID = undefined;
     this.detailTaskbarCustomContainerId = undefined;
     this.formLegacyConfigName = undefined;
+    this.getCustomTitle = undefined;
     this._hasToCreateFieldSearch = true;
     this._breadcrumbItems = [];
     this._guides = undefined;
@@ -156,7 +157,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
   }
   onContentCardChanged(evt) {
     SnkGuidesViewer.updateContentCard(evt.detail.formName, evt.detail.cardConfig, evt.detail.propertyChanged, this._configManager)
-      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataState.insertionMode, this.dataUnit));
+      .then(() => this.masterFormConfig = this._configManager.getConfig(this.dataUnit));
   }
   /**
    * Conforme mecanismo de mensagens, é possível customizar as mensagens dos blocos de construção
@@ -507,6 +508,10 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     }
     return "";
   }
+  getTitle() {
+    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");
+  }
   componentDidLoad() {
     this.dataUnit.subscribe(this.dataUnitActionHandler.bind(this));
   }
@@ -520,7 +525,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.getMessage("snkCrud.title")), ((_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" }, 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) })
       :
@@ -558,6 +563,7 @@ const SnkGuidesViewer = /*@__PURE__*/ proxyCustomElement(class extends HTMLEleme
     "resourceID": [1, "resource-i-d"],
     "detailTaskbarCustomContainerId": [1, "detail-taskbar-custom-container-id"],
     "formLegacyConfigName": [1, "form-legacy-config-name"],
+    "getCustomTitle": [16],
     "_hasToCreateFieldSearch": [32],
     "_breadcrumbItems": [32],
     "_guides": [32],
@@ -938,14 +944,13 @@ const SnkDetailView = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return guideId.replace(SnkDetailView.REGEX_FORM_ID, "");
   }
   loadMetadata() {
-    var _a;
     if (!this.dataUnit) {
       return;
     }
     if (!this.formConfigManager.isLoaded) {
       return;
     }
-    const formConfig = this.formConfigManager.getConfig((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.insertionMode, this.dataUnit);
+    const formConfig = this.formConfigManager.getConfig(this.dataUnit);
     //this._cardsState = formConfig?.cardsState;
     this._formMetadata = buildFormMetadata(formConfig == undefined || formConfig.fields.length === 0 ? undefined : formConfig, this.dataUnit, true);
   }

package/dist/components/snk-form-config2.js

@@ -76,7 +76,7 @@ const SnkFormConfig = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     }
   }
   getConfig() {
-    let config = this.configManager.getConfig(false, this.dataUnit);
+    let config = this.configManager.getConfig(this.dataUnit);
     if (config.fields && config.fields.length === 0) {
       config = undefined;
     }

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

@@ -138,6 +138,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     this.formLegacyConfigName = undefined;
     this.ignoreReadOnlyFormFields = false;
     this.autoFocus = true;
+    this.domainMessagesBuilder = undefined;
     this.autoLoad = undefined;
   }
   /**
@@ -753,8 +754,8 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     return StringUtils.isEmpty(this.resourceID) ? this._resourceID : this.resourceID;
   }
   getFormConfig() {
-    var _a, _b;
-    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig((_b = this.dataState) === null || _b === void 0 ? void 0 : _b.insertionMode, this.dataUnit, this.ignoreReadOnlyFormFields);
+    var _a;
+    const configFromManager = (_a = this._formConfigManager) === null || _a === void 0 ? void 0 : _a.getConfig(this.dataUnit, this.ignoreReadOnlyFormFields);
     if (!this.configName && !configFromManager) {
       return this.formConfig;
     }
@@ -774,7 +775,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     if (this.dataUnit == undefined) {
       return;
     }
-    return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this) }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
+    return (h("snk-data-unit", { ref: ref => this._snkDataUnit = ref, class: "simple-crud__container", dataUnit: this.dataUnit, useCancelConfirm: this.useCancelConfirm, onDataStateChange: evt => this.onDataStateChange(evt), onCancelEdition: this.handleCancelEdit.bind(this), pageSize: this.getPageSize(), onInsertionMode: () => this.goToView(VIEW_MODE.FORM), onDataUnitReady: (evt) => this.dataUnitReady.emit(evt.detail), ignoreSaveMessage: this._currentViewMode === VIEW_MODE.GRID, onMessagesBuilderUpdated: evt => this.messagesBuilder = evt.detail, onDataUnitFieldsHidded: this.updateFormConfig.bind(this), domainMessagesBuilder: this.domainMessagesBuilder }, h("header", null, h("slot", { name: "snkSimpleCrudHeader" })), h("section", { class: "ez-box ez-box--shadow simple-crud__container-section" }, h("snk-taskbar", { class: "ez-box ez-box--shadow ez-padding--medium", dataUnit: this.dataUnit, primaryButton: ((_a = this.dataState) === null || _a === void 0 ? void 0 : _a.isDirty) ? "SAVE" : "INSERT", "data-element-id": "grid_left", messagesBuilder: this.messagesBuilder, buttons: this._taskbarProcessor.buttons, actionsList: this.getActionsList(), disabledButtons: this._taskbarProcessor.disabledButtons, customButtons: this._taskbarProcessor.customButtons, "data-exporter-store-key": this.getDataExporterStoreKey(), slot: "leftButtons", presentationMode: PresentationMode.SECONDARY }, h("slot", { name: "TASKBAR_CUSTOM_ELEMENTS" })), h("ez-view-stack", { ref: (ref) => this._viewStack = ref, "data-element-id": "simple-crud" }, h("stack-item", null, h("ez-grid", { class: "ez-margin-bottom--large", ref: ref => this._grid = ref, dataUnit: this.dataUnit, config: this.gridConfig, "no-header": true, multipleSelection: this.multipleSelection, onEzDoubleClick: () => this.goToView(VIEW_MODE.FORM), onConfigChange: evt => this.gridConfigChangeHandler(evt), columnfilterDataSource: this.dataUnit.name && this.dataUnit.name.includes(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME)
         ? undefined
         : this._multiSelectionListDataSource, useEnterLikeTab: this.useEnterLikeTab, autoFocus: this.autoFocus }, h("div", { slot: "footer" }, h("slot", { name: "snkSimpleCrudFooter" })))), h("stack-item", null, h("ez-form", { ref: (ref) => this._form = ref, class: `ez-margin-top--large ${this.handleShowFormConfig() ? "simple-crud__form--hidden" : ""}`, dataUnit: this.dataUnit, config: this.getFormConfig(), fieldToFocus: this._fieldToGetFocus, onEzFormSetFields: (evt) => this.handleFormSetFields(evt.detail), onEzFormRequestClearFieldToFocus: this.clearFieldToFocusHandler.bind(this) }), this.handleShowFormConfig() && h("snk-form-config", { messagesBuilder: this.messagesBuilder, dataUnit: this.dataUnit, configManager: this._formConfigManager, onConfigClose: () => this.closeFormConfig() })), this.messagesBuilder && h("snk-configurator", { ref: (ref) => this._snkConfigurator = ref, viewMode: this._currentViewMode, messagesBuilder: this.messagesBuilder, onConfigSelected: (evt) => this.goToView(evt.detail), onOpenConfig: (evt) => this.openConfig(evt.detail), showActionButtons: this.showConfiguratorButtons, onSave: evt => this.handleConfiguratorEvent(evt, 'SAVE'), onCancel: evt => this.handleConfiguratorEvent(evt, 'CANCEL'), resourceID: this.resolveResourceID(), customContainerId: this._customContainerId })), h("div", { id: `${this._customContainerId}` }, h("slot", { name: "SnkConfigContainerSlot" }))), h("ez-modal", { modalSize: "small", closeEsc: false, closeOutsideClick: false, opened: this._showPopUpGridConfig, onEzCloseModal: () => this.closeGridConfig() }, h("snk-grid-config", { ref: ref => this._snkGridConfig = ref, config: this.gridConfig, "data-element-id": this._element.getAttribute(ElementIDUtils.DATA_ELEMENT_ID_ATTRIBUTE_NAME), selectedIndex: 0, configName: this.configName, onConfigChange: (evt) => this.modalConfigChangeHandler(evt), onConfigCancel: () => this.closeGridConfig(), resourceID: this.resolveResourceID() }))));
   }
@@ -809,6 +810,7 @@ const SnkSimpleCrud = /*@__PURE__*/ proxyCustomElement(class extends HTMLElement
     "formLegacyConfigName": [1, "form-legacy-config-name"],
     "ignoreReadOnlyFormFields": [4, "ignore-read-only-form-fields"],
     "autoFocus": [4, "auto-focus"],
+    "domainMessagesBuilder": [1, "domain-messages-builder"],
     "autoLoad": [4, "auto-load"],
     "_showPopUpGridConfig": [32],
     "_showFormConfig": [32],

package/dist/esm/{ConfigStorage-86187da3.js → ConfigStorage-3806514e.js}

@@ -423,6 +423,7 @@ class ConfigStorage {
     if (config == undefined) {
       return;
     }
+    name = this.handleLegacyConfigAsString(name, CONFIG_SOURCE.grid);
     await this.deleteGridConfigCache(name, resourceID);
     return this.gridConfigFetcher.saveConfig(config, name, resourceID);
   }

package/dist/esm/{IExporterProvider-343272b3.js → IExporterProvider-63a188b6.js}

@@ -5,7 +5,7 @@ import './index-3aa4977a.js';
 import './ISave-d8c8bc59.js';
 import '@sankhyalabs/ezui/dist/collection/utils/constants';
 import { UserInterface as UserInterface$1 } from '@sankhyalabs/core/dist/dataunit/metadata/UnitMetadata';
-import { P as PreloadManager } from './dataunit-fetcher-3fbf9d12.js';
+import { P as PreloadManager } from './dataunit-fetcher-264191b2.js';
 import './filter-item-type.enum-d45e026f.js';
 import './form-config-fetcher-30fb808f.js';
 import InMemoryFilterColumnDataSource from '@sankhyalabs/ezui/dist/collection/components/ez-grid/utils/InMemoryFilterColumnDataSource';

package/dist/esm/{SnkFormConfigManager-d4554df9.js → SnkFormConfigManager-31b24066.js}

@@ -1,4 +1,4 @@
-import { C as ConfigStorage } from './ConfigStorage-86187da3.js';
+import { C as ConfigStorage } from './ConfigStorage-3806514e.js';
 import { ObjectUtils, StringUtils } from '@sankhyalabs/core';
 import { F as FormConfigFetcher } from './form-config-fetcher-30fb808f.js';
 
@@ -74,10 +74,8 @@ class SnkFormConfigManager {
     if (fields != undefined && fields.length > 0) {
       return fields.map(({ label, name, readOnly, visible, required }) => {
         if (label == undefined) {
-          return Object.assign(Object.assign({}, dataUnit.getField(name)), { name,
-            readOnly,
-            visible,
-            required });
+          const currentField = dataUnit.getField(name);
+          return Object.assign(Object.assign({}, currentField), { name: name !== null && name !== void 0 ? name : currentField.name, readOnly: readOnly !== null && readOnly !== void 0 ? readOnly : currentField.readOnly, visible: visible !== null && visible !== void 0 ? visible : currentField.visible, required: required !== null && required !== void 0 ? required : currentField.required });
         }
         return { name, label, readOnly, visible, required };
       })
@@ -101,7 +99,7 @@ class SnkFormConfigManager {
     const normalizedFilter = StringUtils.replaceAccentuatedCharsLower(descriptionFilter.toLocaleLowerCase());
     return normalizedText.includes(normalizedFilter);
   }
-  getInsertionConfig(dataUnit, ignoreReadOnlyFormFields) {
+  getFormConfig(dataUnit, ignoreReadOnlyFormFields) {
     let fields = this.getFieldsList(dataUnit);
     if (ignoreReadOnlyFormFields) {
       fields = fields.filter(field => {
@@ -133,8 +131,8 @@ class SnkFormConfigManager {
       this._onConfigChange(Object.assign({}, this._config));
     }
   }
-  getConfig(insertionMode, dataUnit, ignoreReadOnlyFormFields) {
-    return insertionMode ? this.getInsertionConfig(dataUnit, ignoreReadOnlyFormFields !== null && ignoreReadOnlyFormFields !== void 0 ? ignoreReadOnlyFormFields : true) : Object.assign({}, this._config);
+  getConfig(dataUnit, ignoreReadOnlyFormFields) {
+    return this.getFormConfig(dataUnit, ignoreReadOnlyFormFields !== null && ignoreReadOnlyFormFields !== void 0 ? ignoreReadOnlyFormFields : true);
   }
   getFormConfigFetcher() {
     if (this._formConfigFetcher == undefined) {

package/dist/esm/{SnkMessageBuilder-89925609.js → SnkMessageBuilder-571462fb.js}

@@ -8,7 +8,7 @@ const snkDataUnitMessages = {
   },
   cancelInfo: {
     clone: "Duplicação descartada!",
-    insert: "A inclusão descartada!",
+    insert: "A inclusão foi descartada!",
     update: "A edição foi descartada!"
   },
   confirm: {

package/dist/esm/{dataunit-fetcher-3fbf9d12.js → dataunit-fetcher-264191b2.js}

@@ -246,13 +246,17 @@ function applySorting(records, dataUnit, sorting) {
   return records.sort(sortingFunction);
 }
 function buildPaginationInfo(records, offset = 0, limit = 0) {
-  const lastRecord = Math.min(offset + limit, records === null || records === void 0 ? void 0 : records.length);
+  if (records === undefined) {
+    return undefined;
+  }
+  const total = (records === null || records === void 0 ? void 0 : records.length) || 0;
+  const lastRecord = Math.min(offset + limit, total);
   return {
     currentPage: limit === 0 ? 0 : Math.ceil(offset / limit),
     firstRecord: offset,
     lastRecord: lastRecord,
-    total: records === null || records === void 0 ? void 0 : records.length,
-    hasMore: !!((records === null || records === void 0 ? void 0 : records.length) - lastRecord),
+    total: total,
+    hasMore: !!(total - lastRecord),
   };
 }
 
@@ -261,6 +265,7 @@ class InMemoryLoader {
     this.metadata = metadata;
     this.records = records;
     this._dataUnit = new DataUnit(InMemoryLoader.IN_MEMORY_DATA_UNIT_NAME);
+    this._dataUnit.pageSize = 150;
     this._dataUnit.metadataLoader = () => this.metadaLoader();
     this._dataUnit.dataLoader = (dataUnit, request) => this.inMemoryLoader(dataUnit, request, this.getRecordsToLoad());
     this._dataUnit.saveLoader = (_dataUnit, changes) => this.saveLoader(_dataUnit, changes);