devexpress-reporting 24.2.7 → 24.2.8-build-25144-1857

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  24.2.7
-* Build date: Apr 29, 2025
+* Version:  24.2.8-build-25144-1857
+* Build date: May 24, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -462,6 +462,7 @@ __webpack_require__.d(reporting_designer_bands_metadata_namespaceObject, {
   commonBandSerializationInfo: () => (commonBandSerializationInfo),
   commonVerticalBandProperties: () => (commonVerticalBandProperties),
   detailBandSerializationInfo: () => (detailBandSerializationInfo),
+  detailLevel: () => (detailLevel),
   detailReportBandSerializationInfo: () => (detailReportBandSerializationInfo),
   drillDownControl: () => (drillDownControl),
   drillDownDetailReportExpanded: () => (drillDownDetailReportExpanded),
@@ -474,11 +475,12 @@ __webpack_require__.d(reporting_designer_bands_metadata_namespaceObject, {
   groupFooterBandSerializationInfo: () => (groupFooterBandSerializationInfo),
   groupFooterUnion: () => (groupFooterUnion),
   groupHeaderBandSerializationInfo: () => (groupHeaderBandSerializationInfo),
+  groupLevel: () => (groupLevel),
   groupUnion: () => (groupUnion),
   height: () => (height),
   hierarchyPrintOptions: () => (hierarchyPrintOptions),
   keepTogetherWithDetailReports: () => (keepTogetherWithDetailReports),
-  level: () => (bandsMetadata_level),
+  levelUI: () => (levelUI),
   multiColumn: () => (multiColumn),
   pageBandSerializationInfo: () => (pageBandSerializationInfo),
   pageBandSerializationInfoPageHeader: () => (pageBandSerializationInfoPageHeader),
@@ -1001,14 +1003,24 @@ var reporting_designer_bands_internal_namespaceObject = {};
 __webpack_require__.r(reporting_designer_bands_internal_namespaceObject);
 __webpack_require__.d(reporting_designer_bands_internal_namespaceObject, {
   BandsHolder: () => (BandsHolder),
+  NEW_DETAILBAND_DEFAULT_LEVEL: () => (NEW_DETAILBAND_DEFAULT_LEVEL),
+  NEW_GROUPBAND_DEFAULT_LEVEL: () => (NEW_GROUPBAND_DEFAULT_LEVEL),
   PrintAcrossBandsPlaceHolder: () => (PrintAcrossBandsPlaceHolder),
+  REMOVED_DETAILBAND_LEVEL: () => (REMOVED_DETAILBAND_LEVEL),
   VerticalBandsContainerSurface: () => (VerticalBandsContainerSurface),
   _getUnitAbsoluteRect: () => (_getUnitAbsoluteRect),
   addBandToContainer: () => (addBandToContainer),
-  generateArray: () => (generateArray),
+  changeLevels: () => (changeLevels),
+  coerceNewLevelValueOnInserting: () => (coerceNewLevelValueOnInserting),
+  coerceNewLevelValueOnReordering: () => (coerceNewLevelValueOnReordering),
+  getExistedSameLevelBand: () => (getExistedSameLevelBand),
+  getFirstEmptyLevel: () => (getFirstEmptyLevel),
   getLevelCount: () => (getLevelCount),
-  initLevels: () => (initLevels),
+  getMaxLevel: () => (getMaxLevel),
   insertBand: () => (insertBand),
+  isBandInserting: () => (isBandInserting),
+  isFirstInit: () => (isFirstInit),
+  levelSetup: () => (levelSetup),
   markerHeight: () => (markerHeight),
   setMarkerWidth: () => (setMarkerWidth),
   sortBands: () => (sortBands)
@@ -1026,7 +1038,9 @@ __webpack_require__.d(reporting_designer_bands_namespaceObject, {
   DetailBandSurface: () => (DetailBandSurface),
   DetailReportBand: () => (DetailReportBand),
   DetailReportBandSurface: () => (DetailReportBandSurface),
+  GroupBandViewModel: () => (GroupBandViewModel),
   GroupFieldModel: () => (GroupFieldModel),
+  GroupFooterBand: () => (GroupFooterBand),
   GroupHeaderBand: () => (GroupHeaderBand),
   MultiColumn: () => (MultiColumn),
   MultiColumnSurface: () => (MultiColumnSurface),
@@ -9272,7 +9286,9 @@ const pageBreak = {
 };
 const keepTogetherWithDetailReports = { propertyName: 'keepTogetherWithDetailReports', modelName: '@KeepTogetherWithDetailReports', defaultVal: false, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, displayName: 'Keep Together with Detail Reports', localizationId: 'DevExpress.XtraReports.UI.DetailBand.KeepTogetherWithDetailReports', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') };
 const height = { propertyName: 'height', modelName: '@HeightF', defaultVal: '100', displayName: 'Height', localizationId: 'DevExpress.XtraReports.UI.Band.Height', from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, localizable: true };
-const bandsMetadata_level = { propertyName: 'level', modelName: '@Level', displayName: 'Level', localizationId: 'DevExpress.XtraReports.UI.GroupBand.Level', defaultVal: 0, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, editor: designerEditorTemplates.getEditor('bandLevel') };
+const detailLevel = { propertyName: '_level', modelName: '@Level', defaultVal: -1, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel };
+const groupLevel = { propertyName: '_level', modelName: '@Level', defaultVal: 0, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel };
+const levelUI = { propertyName: 'level', displayName: 'Level', localizationId: 'DevExpress.XtraReports.UI.GroupBand.Level', editor: designerEditorTemplates.getEditor('bandLevel') };
 const drillDownControl = { propertyName: 'drillDownControl', modelName: '@DrillDownControl', displayName: 'Drill-Down Control', localizationId: 'DevExpress.XtraReports.UI.Band.DrillDownControl', link: true, defaultVal: null, editor: designerEditorTemplates.getEditor('drillDownControls') };
 
 ;// ./node_modules/devexpress-reporting/designer/bands/_verticalBandsUtils.js
@@ -9557,6 +9573,7 @@ class BandsHolder extends external_DevExpress_Analytics_Utils_namespaceObject.Di
 
 ;// ./node_modules/devexpress-reporting/designer/bands/_bandUtils.js
 
+
 function sortBands(band1, band2) {
     return getBandWeight(band1) - getBandWeight(band2);
 }
@@ -9588,17 +9605,6 @@ function getLevelCount(bandHolder) {
     return result;
 }
 function insertBand(bands, newBand) {
-    if (newBand.controlType === 'GroupHeaderBand' || newBand.controlType === 'GroupFooterBand' || newBand.controlType === 'DetailReportBand' || newBand.controlType === 'SubBand') {
-        const array = generateArray(bands(), newBand.controlType);
-        let level = array.length;
-        for (let i = 0; i < array.length; i++) {
-            if (!array[i]) {
-                level = i;
-                break;
-            }
-        }
-        newBand._level(level);
-    }
     insertBandSorted(bands, newBand);
 }
 function insertBandSorted(bands, newBand) {
@@ -9633,13 +9639,13 @@ const bandsWeight = {
 };
 function getBandWeight(band) {
     if (band.controlType === 'GroupHeaderBand') {
-        return bandsWeight[band.controlType] - (band['level']() || 0);
+        return bandsWeight[band.controlType] - (band.level() || 0);
     }
     if (band.controlType === 'GroupFooterBand') {
-        return bandsWeight[band.controlType] + (band['level']() || 0);
+        return bandsWeight[band.controlType] + (band.level() || 0);
     }
     if (band.controlType === 'DetailReportBand') {
-        return bandsWeight[band.controlType] + (band['level']() || -1);
+        return bandsWeight[band.controlType] + (band.level() || -1);
     }
     return bandsWeight[band.controlType];
 }
@@ -9668,7 +9674,7 @@ function initGroupIndexes(largeGroupBandCollection, smallGroupBandCollection) {
         return index;
     };
     for (let i = 0; i < largeGroupBandCollection.length; i++) {
-        const currentLevel = largeGroupBandCollection[i]._level;
+        const currentLevel = largeGroupBandCollection[i].level;
         if (!replaces[currentLevel()])
             replaces[currentLevel()] = [i];
         else {
@@ -9678,7 +9684,7 @@ function initGroupIndexes(largeGroupBandCollection, smallGroupBandCollection) {
     }
     for (let i = 0; i < smallGroupBandCollection.length; i++) {
         let index = i;
-        const currentLevel = smallGroupBandCollection[i]._level;
+        const currentLevel = smallGroupBandCollection[i].level;
         if (replaces[currentLevel()] && replaces[currentLevel()].length > 0) {
             index = replaces[currentLevel()].splice(0, 1)[0];
         }
@@ -9692,39 +9698,6 @@ function initGroupIndexes(largeGroupBandCollection, smallGroupBandCollection) {
         busyIndexes.push(index);
     }
 }
-function initLevels(bands) {
-    ['DetailReportBand', 'SubBand'].map(type => bands.filter(b => b.controlType === type).sort(sortBands)).forEach(items => {
-        for (let i = 0; i < items.length; i++) {
-            items[i]._level(i);
-        }
-    });
-    const groupHeaderBands = bands.filter(b => b.controlType === 'GroupHeaderBand').sort(sortBands).reverse();
-    const groupFooterBands = bands.filter(b => b.controlType === 'GroupFooterBand').sort(sortBands);
-    if (groupFooterBands.length > groupHeaderBands.length) {
-        initGroupIndexes(groupFooterBands, groupHeaderBands);
-    }
-    else {
-        initGroupIndexes(groupHeaderBands, groupFooterBands);
-    }
-}
-function generateArray(allbands, controlType, newLevel) {
-    let array = allbands.filter(x => x.controlType === controlType);
-    newLevel = newLevel || array.length - 1;
-    array = controlType === 'GroupHeaderBand' ? array.reverse() : array;
-    const length = (array.length > 0 && array[array.length - 1].level() > newLevel ? array[array.length - 1].level() : newLevel) + 1;
-    let j = 0;
-    const fakeArray = [];
-    for (let i = 0; i < length; i++) {
-        if (j < array.length && array[j]._level() === i) {
-            fakeArray.push(array[j]);
-            j++;
-        }
-        else {
-            fakeArray.push(undefined);
-        }
-    }
-    return fakeArray;
-}
 function _getUnitAbsoluteRect(bandSurface, getPositionInParent) {
     const parentAbsoluteRect = bandSurface.parent && bandSurface.parent['_unitAbsoluteRect'];
     if (parentAbsoluteRect) {
@@ -9743,6 +9716,67 @@ function _getUnitAbsoluteRect(bandSurface, getPositionInParent) {
         };
     }
 }
+const NEW_GROUPBAND_DEFAULT_LEVEL = groupLevel.defaultVal;
+const NEW_DETAILBAND_DEFAULT_LEVEL = detailLevel.defaultVal;
+const REMOVED_DETAILBAND_LEVEL = Number.MAX_VALUE;
+function getFirstEmptyLevel(bands) {
+    if (!bands || bands.length === 0)
+        return NEW_GROUPBAND_DEFAULT_LEVEL;
+    for (let i = 0; i < bands.length; i++) {
+        if (bands[i].level() !== i)
+            return i;
+    }
+    return bands.length;
+}
+function getMaxLevel(parentBands) {
+    if (!parentBands || parentBands.length === 0)
+        return -1;
+    return Math.max(...parentBands.map(b => b.level()));
+}
+function isFirstInit(band) {
+    return !band.parentModel().bands;
+}
+function isBandInserting(band) {
+    return !band.parentModel().bands()?.find(b => b === band);
+}
+function levelSetup(band, newValue) {
+    if (isFirstInit(band)) {
+        const coercedNewValue = band.coerceDefaultLevelValue(newValue);
+        band._level(coercedNewValue);
+        return;
+    }
+    const maxLevel = getMaxLevel(band.getFilteredParentBands());
+    if (isBandInserting(band))
+        band.updateLevelsOnInsert(maxLevel, newValue);
+    else
+        band.reorderLevels(maxLevel, newValue);
+    const parentBands = band.parentModel().bands;
+    parentBands.sort(sortBands);
+}
+function getExistedSameLevelBand(bands, level) {
+    return bands.find(band => band.level() === level);
+}
+function coerceNewLevelValueOnReordering(value, minValue, maxValue) {
+    if (value > maxValue)
+        return maxValue;
+    if (value < minValue)
+        return minValue;
+    return value;
+}
+function coerceNewLevelValueOnInserting(value, minValue, maxValue) {
+    if (value >= 0 && value <= maxValue)
+        return value;
+    return maxValue;
+}
+function changeLevels(bands, startIndex, endIndex) {
+    let currentIndex = startIndex;
+    const direction = startIndex < endIndex ? 1 : -1;
+    while (currentIndex != endIndex) {
+        const level = (bands[currentIndex]).level();
+        bands[currentIndex]._level(level + direction);
+        currentIndex += direction;
+    }
+}
 
 ;// ./node_modules/devexpress-reporting/designer/bands/_printAcrossBandsPlaceHolder.js
 
@@ -9750,6 +9784,8 @@ function _getUnitAbsoluteRect(bandSurface, getPositionInParent) {
 
 class PrintAcrossBandsPlaceHolder extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     findNextUntransparentSiblingBand(band) {
+        if (!band || !band.parent)
+            return;
         const currentBandIndex = band.parent.bandsHolder.bands().indexOf(band);
         return band.parent.bandsHolder.bands().filter((band, index) => (!band.printAcrossBands || band.printAcrossBands && !band.printAcrossBands()) && index > currentBandIndex)[0];
     }
@@ -9758,7 +9794,8 @@ class PrintAcrossBandsPlaceHolder extends external_DevExpress_Analytics_Utils_na
         const bandHolder = isSubband ? this.band.parent.parent['bandsHolder'] : this.band.parent.bandsHolder;
         let bandsWithoutAcross = [];
         if (this.bandModel.controlType === 'GroupHeaderBand' || (isSubband && this.bandModel.parentModel().controlType === 'GroupHeaderBand')) {
-            const groupHeaderLevel = isSubband ? this.bandModel.parentModel()['level']() : this.bandModel.level();
+            const groupHeader = isSubband ? this.bandModel.parentModel() : this.bandModel;
+            const groupHeaderLevel = groupHeader.level();
             bandsWithoutAcross = bandHolder.bands().filter(_band => (_band.getControlModel().controlType === 'GroupFooterBand' && _band.getControlModel().level() > groupHeaderLevel)
                 || _band.getControlModel().controlType === 'PageFooterBand'
                 || _band.getControlModel().controlType === 'ReportFooterBand'
@@ -9832,7 +9869,6 @@ class BandViewModel extends XRReportElementViewModel {
             });
         }
         if (subBands) {
-            initLevels(subBands);
             subBands.sort(sortBands);
         }
         this.bands = external_ko_namespaceObject.observableArray(subBands);
@@ -9860,48 +9896,12 @@ class BandViewModel extends XRReportElementViewModel {
     }
     preInit(band, parent, serializer) {
     }
-    _getMaxLevel() {
-        const getSiblingBandsCount = (controlType) => this.parentModel().bands().filter(x => {
-            return x.controlType === controlType;
-        }).length;
-        if (this.controlType === 'GroupHeaderBand' || this.controlType === 'GroupFooterBand') {
-            return Math.max(getSiblingBandsCount('GroupHeaderBand'), getSiblingBandsCount('GroupFooterBand')) - 1;
-        }
-        return getSiblingBandsCount(this.controlType) - 1;
-    }
     constructor(band, parent, serializer) {
         super(band, parent, serializer);
         this.preInit(band, parent, serializer);
         this.createChildsArray(band, serializer);
         this.initHeight();
         this.size.height = this.height;
-        if (this.level) {
-            this._disposables.push(this.maxLevel = external_ko_namespaceObject.pureComputed(() => this._getMaxLevel()));
-            this._level = external_ko_namespaceObject.observable(this.level.peek());
-            this._disposables.push(this.level = external_ko_namespaceObject.pureComputed({
-                read: () => { return this._level(); },
-                write: (newVal) => {
-                    newVal > this.maxLevel() && (newVal = this.maxLevel());
-                    const parentModel = this.parentModel();
-                    const parentBands = parentModel.bands;
-                    const groupArray = generateArray(parentBands(), this.controlType, newVal);
-                    groupArray.splice(newVal, 0, groupArray.splice(this._level(), 1)[0]);
-                    this._level(newVal);
-                    for (let i = newVal + 1, level = newVal + 1; i < groupArray.length; i++) {
-                        groupArray[i] && groupArray[i]._level(level++);
-                    }
-                    for (let i = newVal - 1, level = newVal - 1; i >= 0; i--) {
-                        groupArray[i] && groupArray[i]._level(level--);
-                    }
-                    parentBands.sort((left, right) => {
-                        if (left.controlType === this.controlType && right.controlType === this.controlType) {
-                            return this.controlType === 'GroupHeaderBand' ? right.level() - left.level() : left.level() - right.level();
-                        }
-                        return 0;
-                    });
-                }
-            }));
-        }
         const stylesObject = createObjectFromInfo(this, stylesInfo);
         if (stylesObject) {
             this[stylesObj.propertyName] = stylesObject;
@@ -11584,9 +11584,7 @@ const generalBandSerializationInfo = [
     keepTogetherDefaultValueFalse,
     pageBreak, commonBandScripts
 ].concat(bandSerializationInfo);
-const subBandSerializationInfo = [
-    bandsMetadata_level
-].concat(generalBandSerializationInfo);
+const subBandSerializationInfo = generalBandSerializationInfo;
 const generalBandPopularProperties = ['pageBreak', 'keepTogether', printAcrossBands.propertyName];
 const detailBandSerializationInfo = generalBandSerializationInfo.concat(drillDownDetailReportExpanded, hierarchyPrintOptions, drillDownControl, keepTogetherWithDetailReports, fillEmptySpace, sortFields, multiColumn);
 const popularPropertiesDetail = generalBandPopularProperties.concat('sortFields', 'keepTogetherWithDetailReports', fillEmptySpace.propertyName, 'multiColumn');
@@ -14751,6 +14749,240 @@ XRTableSurface._unitProperties = {
     }
 };
 
+;// ./node_modules/devexpress-reporting/designer/bands/xrSubband.js
+
+
+
+class SubBandViewModel extends BandViewModel {
+    constructor(band, parent, serializer) {
+        super(band, parent, serializer);
+    }
+    isPropertyDisabled(name) {
+        if (name === pageBreak.propertyName)
+            return this.controlType === 'SubBand' && this[printAcrossBands.propertyName] && this[printAcrossBands.propertyName]();
+        else
+            return super.isPropertyDisabled(name);
+    }
+    isAllowedParent(target) {
+        return target instanceof BandViewModel;
+    }
+}
+class SubBandSurface extends BandSurface {
+    constructor() {
+        super(...arguments);
+        this.leftMarginTemplate = 'dxrd-sub-band-coordinate-grid';
+    }
+    getAbsolutePositionY() {
+        const y = super.getAbsolutePositionY();
+        if (this.parent.bandsHolder.bands().indexOf(this) === 0) {
+            return y + (this.parent.heightWithoutSubBands());
+        }
+        return y;
+    }
+    getBackgroundRect() {
+        let top = 0, height = this._height();
+        const parent = this.parent;
+        const parentBands = external_ko_namespaceObject.unwrap(parent.bandsHolder.bands);
+        const parentBackgroundRect = external_ko_namespaceObject.unwrap(parent.backgroundRect);
+        top += (parentBackgroundRect.top + parentBackgroundRect.height);
+        const bottom = parentBackgroundRect.bottom;
+        const bandIndex = parentBands.indexOf(this);
+        for (let i = 0; i < bandIndex; i++) {
+            top += parentBands[i]._totalHeight();
+        }
+        if (top > bottom)
+            height = 0;
+        else if (top + height > bottom)
+            height = bottom - top;
+        return { top, bottom, height };
+    }
+    _initMultiColumn() {
+        this._disposables.push(this.multiColumn = external_ko_namespaceObject.computed(() => {
+            if (this.parent.multiColumn && this.parent.multiColumn() && this.parent.multiColumn().haveColumns()) {
+                return this.parent.multiColumn();
+            }
+        }));
+    }
+    get parent() {
+        return this._getParent();
+    }
+}
+
+;// ./node_modules/devexpress-reporting/designer/bands/xrDetailReportBand.js
+
+
+
+
+
+
+
+
+
+
+class DetailReportBand extends BandViewModel {
+    constructor(band, parent, serializer) {
+        super(band, parent, serializer);
+        this._disposables.push(this.dataSource.subscribe((newVal) => {
+            if (!newVal) {
+                this.dataMember(null);
+            }
+        }));
+        const dataMember = external_ko_namespaceObject.pureComputed(() => {
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.getFullPath)(this.getPath('dataMember'), this.dataMember());
+        });
+        const disabled = external_ko_namespaceObject.pureComputed(() => !this.dataSource());
+        this.filterString = new external_DevExpress_Analytics_Widgets_namespaceObject.FilterStringOptions(this._filterString, dataMember, disabled);
+        this._disposables.push(dataMember);
+        this._disposables.push(disabled);
+        this.filterString.helper.parameters = external_ko_namespaceObject.computed(() => {
+            return collectAvailableParameters(this.root['parameters']());
+        });
+        this._disposables.push(this.filterString.helper.parameters);
+        this._disposables.push(this.maxLevel = external_ko_namespaceObject.pureComputed(() => getMaxLevel(this.parentModel().bands().filter(b => b instanceof DetailReportBand))));
+        this._disposables.push(this.level = external_ko_namespaceObject.pureComputed({
+            read: () => this._level(),
+            write: (newValue) => levelSetup(this, newValue)
+        }));
+        levelSetup(this, this.level());
+    }
+    initHeight() {
+        let oldHeight = 0;
+        this._disposables.push(this.height = external_ko_namespaceObject.pureComputed({
+            read: () => {
+                if ((0,external_DevExpress_Analytics_Internal_namespaceObject.checkModelReady)(this.root)) {
+                    const verticalBand = this.bands().filter(x => x instanceof VerticalBandViewModel)[0];
+                    let height = 0;
+                    if (verticalBand)
+                        height = verticalBand.height();
+                    oldHeight = this.bands().filter(x => !(x instanceof VerticalBandViewModel)).reduce((sum, b) => { return sum + b.height(); }, height);
+                }
+                return oldHeight;
+            },
+            write: (newHeight) => {
+                if ((0,external_DevExpress_Analytics_Internal_namespaceObject.checkModelReady)(this.root)) {
+                    const deltaHeight = newHeight - this.height.peek(), oldHeight = this.bands()[this.bands().length - 1].height.peek();
+                    this.bands()[this.bands().length - 1].height(oldHeight + deltaHeight);
+                }
+            }
+        }));
+    }
+    createChildsArray(band, serializer) {
+        const factory = this.getControlFactory();
+        this.bands = (0,external_DevExpress_Analytics_Internal_namespaceObject.deserializeChildArray)(band.Bands, this, (item) => {
+            return new (factory.controlsMap[item['@ControlType']].type || BandViewModel)(item, this, serializer);
+        });
+        const bands = this.bands.peek();
+        if (bands) {
+            bands.sort(sortBands);
+        }
+        if (this.bands().length === 0)
+            this.createChild({ '@ControlType': 'DetailBand', '@HeightF': this.height() });
+    }
+    addChild(control) {
+        if (control instanceof BandViewModel && !(control instanceof SubBandViewModel)) {
+            addBandToContainer(this, control);
+        }
+    }
+    coerceDefaultLevelValue(newValue) {
+        return newValue === NEW_DETAILBAND_DEFAULT_LEVEL ? 0 : newValue;
+    }
+    _updateLevelsOnInsertWithDefaultLevel(maxLevel) {
+        this._level(maxLevel + 1);
+    }
+    _updateLevelsOnInsert(maxLevel, newLevelValue) {
+        const parentBands = this.parentModel().bands;
+        if (!parentBands)
+            return null;
+        const parentDetailBands = this.getFilteredParentBands();
+        const existedSameLevelBand = getExistedSameLevelBand(parentDetailBands, newLevelValue);
+        if (!existedSameLevelBand) {
+            this._level(maxLevel + 1);
+            return;
+        }
+        const existedSameLevelBandIndex = parentDetailBands.indexOf(existedSameLevelBand);
+        changeLevels(parentDetailBands, existedSameLevelBandIndex, parentDetailBands.length);
+        this._level(newLevelValue);
+    }
+    updateLevelsOnInsert(maxLevel, newValue) {
+        if (newValue === NEW_DETAILBAND_DEFAULT_LEVEL)
+            this._updateLevelsOnInsertWithDefaultLevel(maxLevel);
+        else
+            this._updateLevelsOnInsert(maxLevel, newValue);
+    }
+    _reorderLevelsCore(newLevelValue) {
+        const parentDetailBands = this.getFilteredParentBands();
+        const existedSameLevelBand = getExistedSameLevelBand(parentDetailBands, newLevelValue);
+        const startIndex = parentDetailBands.indexOf(existedSameLevelBand);
+        const endIndex = parentDetailBands.indexOf(this);
+        changeLevels(parentDetailBands, startIndex, endIndex);
+        this._level(newLevelValue);
+    }
+    reorderLevels(maxLevel, newValue) {
+        newValue = coerceNewLevelValueOnReordering(newValue, 0, maxLevel);
+        this._reorderLevelsCore(newValue);
+    }
+    getFilteredParentBands() {
+        return this.parentModel().bands().filter(b => b instanceof DetailReportBand);
+    }
+    removeChild(control) {
+        control?.level(REMOVED_DETAILBAND_LEVEL);
+        super.removeChild(control);
+        control?._level(REMOVED_DETAILBAND_LEVEL);
+        this.bands.sort(sortBands);
+    }
+    dispose() {
+        super.dispose();
+        this.disposeObservableArray(this.bands);
+        this.resetObservableArray(this.bands);
+    }
+}
+class DetailReportBandSurface extends BandSurface {
+    dispose() {
+        super.dispose();
+    }
+    getChildrenCollection() {
+        return this.bandsHolder.bands;
+    }
+    createUnderCursor() {
+        const _underCursor = external_ko_namespaceObject.observable(new external_DevExpress_Analytics_Internal_namespaceObject.HoverInfo());
+        this._disposables.push(this.underCursor = external_ko_namespaceObject.pureComputed({
+            read: () => {
+                _underCursor().isOver = this.bandsHolder.checkUnderCursor();
+                return _underCursor();
+            },
+            write: (val) => { _underCursor(val); }
+        }));
+    }
+    getTotalHeight() {
+        return this.bandsHolder.getTotalHeight();
+    }
+    getHeight() {
+        if (this.collapsed()) {
+            return bandSurfaceCollapsedHeight;
+        }
+        else {
+            return this.bandsHolder.getHeight();
+        }
+    }
+    getHasOwnRuler() {
+        return this.collapsed();
+    }
+    constructor(band, context) {
+        super(band, context, {
+            _height: (o) => o.height
+        });
+        this.templateName = 'dxrd-detailreportband';
+        this.selectionTemplate = 'dxrd-detailreportband-selection';
+        this.leftMarginTemplate = 'dxrd-detail-report-band-coordinate-grid';
+        this._disposables.push(external_ko_namespaceObject.computed(() => {
+            const isSomeParentCollapsed = this.collapsed() || this.isSomeParentCollapsed();
+            this.bandsHolder.bands().forEach((band) => {
+                band.isSomeParentCollapsed(isSomeParentCollapsed);
+            });
+        }));
+    }
+}
+
 ;// ./node_modules/devexpress-reporting/designer/controls/xrReport.js
 
 
@@ -14784,6 +15016,9 @@ XRTableSurface._unitProperties = {
 
 
 
+
+
+
 
 
 
@@ -15010,7 +15245,6 @@ class ReportViewModel extends XRReportElementViewModel {
             }
         });
         this.bands = (0,external_DevExpress_Analytics_Internal_namespaceObject.deserializeChildArray)(report.Bands, this, (item) => { return this.createControl(item, serializer); });
-        initLevels(this.bands());
         this.bands().sort(sortBands);
         this.extensions = (0,external_DevExpress_Analytics_Utils_namespaceObject.deserializeArray)(report.Extensions, (item) => { return new ExtensionModel(item, serializer); });
         this.crossBandControls = (0,external_DevExpress_Analytics_Utils_namespaceObject.deserializeArray)(report.CrossBandControls, (item) => { return this.createControl(item, serializer); });
@@ -15092,6 +15326,9 @@ class ReportViewModel extends XRReportElementViewModel {
         }
         else if (control instanceof BandViewModel) {
             addBandToContainer(this, control);
+            if (control instanceof DetailReportBand && control.level() === REMOVED_DETAILBAND_LEVEL) {
+                control.level(0);
+            }
         }
         else {
             (0,external_DevExpress_Analytics_Internal_namespaceObject.NotifyAboutWarning)('Attempt to add wrong child control.');
@@ -15102,9 +15339,11 @@ class ReportViewModel extends XRReportElementViewModel {
             this.crossBandControls.splice(this.crossBandControls().indexOf(control), 1);
         }
         else if (control instanceof BandViewModel) {
-            if (this.bands().length > 1) {
+            if (control instanceof DetailReportBand)
+                control.level(REMOVED_DETAILBAND_LEVEL);
+            if (this.bands().length > 1)
                 this.bands.splice(this.bands().indexOf(control), 1);
-            }
+            this.bands.sort(sortBands);
         }
         else {
             (0,external_DevExpress_Analytics_Internal_namespaceObject.NotifyAboutWarning)('Attempt to remove wrong child control.');
@@ -15267,6 +15506,9 @@ class ReportSurface extends external_DevExpress_Analytics_Elements_namespaceObje
             if (focused instanceof XRTableSurface && selection.dropTarget instanceof XRTableCellSurface
                 && focused.rows && focused.rows().some(row => row === selection.dropTarget.parent))
                 return;
+            if ((focused instanceof DetailReportBandSurface || focused instanceof DetailBandSurface)
+                && (selection.dropTarget instanceof DetailBandSurface || selection.dropTarget instanceof DetailReportBandSurface))
+                return;
             !selection.disabled() && selection.clickHandler(selection.dropTarget ? null : surface, e);
         };
         this.allowMultiselect = false;
@@ -21842,7 +22084,7 @@ class XRZipCodeSurface extends XRControlSurface {
 
 
 const detailReportBandSerializationInfo = [
-    bandsMetadata_level, height, pageBreak, detailReportBandScripts,
+    detailLevel, height, pageBreak, detailReportBandScripts,
     drillDownDetailReportExpanded,
     drillDownControl,
 ].concat(commonBandSerializationInfo, datasourcePrintOptionsGroup).filter((x) => x.propertyName !== 'bands').concat([{
@@ -21877,7 +22119,7 @@ const groupFooterUnion = {
         { value: 'WithLastDetail', displayValue: 'With Last Detail', localizationId: 'DevExpress.XtraReports.UI.GroupFooterUnion.WithLastDetail' }
     ]
 };
-const groupBand = [keepTogetherDefaultValueFalse, bandsMetadata_level, pageBreak, repeatEveryPage].concat(bandSerializationInfo);
+const groupBand = [keepTogetherDefaultValueFalse, groupLevel, levelUI, pageBreak, repeatEveryPage].concat(bandSerializationInfo);
 const sortingSummarySerializationsInfo = [
     { propertyName: 'enabled', modelName: '@Enabled', displayName: 'Enabled', localizationId: 'DevExpress.XtraReports.UI.XRGroupSortingSummary.Enabled', defaultVal: false, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') },
     {
@@ -21910,7 +22152,7 @@ const sortingSummary = { propertyName: 'sortingSummary', modelName: 'SortingSumm
 const groupHeaderBandSerializationInfo = [groupFields, groupUnion, sortingSummary, drillDownDetailReportExpanded,
     drillDownControl, groupHeaderBandScripts].concat(groupBand);
 const groupFooterBandSerializationInfo = [groupFooterUnion, printAtBottom, groupBandScripts].concat(groupBand);
-const popularPropertiesGroupFooter = ['groupFooterUnion', 'pageBreak', 'keepTogether', 'repeatEveryPage', 'printAtBottom'];
+const popularPropertiesGroupFooter = ['groupFooterUnion', 'pageBreak', 'keepTogether', 'repeatEveryPage', 'printAtBottom', 'level'];
 const popularPropertiesGroupHeader = ['groupFields', 'groupUnion', 'level', 'pageBreak', 'keepTogether', printAcrossBands.propertyName, 'repeatEveryPage'];
 
 ;// ./node_modules/devexpress-reporting/designer/bands/metadata/xrPageBandMetaData.js
@@ -22807,7 +23049,7 @@ const groups = {
             generateOwnPages, columnAutoWidthMode, rowAutoHeightMode, rowVisible, columnVisible,
             groupInterval, groupIntervalNumericRange, totalsVisibility,
             displayName, formatting, groupFields, groupUnion, groupFooterUnion,
-            keepTogether, keepTogetherWithDetailReports, bandsMetadata_level,
+            keepTogether, keepTogetherWithDetailReports, levelUI,
             moduleInfo, multiline, multiColumn,
             pageBreak, pageInfo, printAtBottom, printOn, printAcrossBands, processDuplicatesMode, processDuplicatesTarget, processNullValues,
             repeatEveryPage, measureUnit, rotated, runningBand, requestParameters, rowSpan,
@@ -26459,6 +26701,120 @@ class ObjectExplorerDragDropHelper extends external_DevExpress_Analytics_Widgets
     }
 }
 
+;// ./node_modules/devexpress-reporting/designer/bands/xrGroupBand.js
+
+
+
+
+
+class GroupBandViewModel extends BandViewModel {
+    constructor(band, parent, serializer) {
+        super(band, parent, serializer);
+        this._disposables.push(this.maxLevel = external_ko_namespaceObject.pureComputed(() => getMaxLevel(this.parentModel().bands().filter(b => b instanceof GroupBandViewModel))));
+        this._disposables.push(this.level = external_ko_namespaceObject.pureComputed({
+            read: () => this._level(),
+            write: (newValue) => levelSetup(this, newValue)
+        }));
+        levelSetup(this, this.level());
+    }
+    coerceDefaultLevelValue(newValue) {
+        return newValue === NEW_GROUPBAND_DEFAULT_LEVEL ? 0 : newValue;
+    }
+    _updateLevelsOnInsertWithDefaultLevel() {
+        const parentBands = this.parentModel().bands;
+        const minPossibleLevel = this.findMinPossibleLevel(parentBands);
+        this._level(minPossibleLevel);
+    }
+    _updateLevelsOnInsert(newLevelValue, maxLevel) {
+        const parentBands = this.parentModel().bands;
+        if (!parentBands)
+            return null;
+        const parentGroupBands = this.getSortedGroupBands(parentBands());
+        const existedSameLevelBand = getExistedSameLevelBand(parentGroupBands, newLevelValue);
+        if (!existedSameLevelBand) {
+            newLevelValue = coerceNewLevelValueOnInserting(newLevelValue, 0, maxLevel);
+            this._level(newLevelValue);
+            return;
+        }
+        const startIndex = parentGroupBands.indexOf(existedSameLevelBand);
+        const endIndex = this._calculateEndIndex(parentGroupBands, startIndex);
+        changeLevels(parentGroupBands, startIndex, endIndex);
+        this._level(newLevelValue);
+    }
+    updateLevelsOnInsert(maxLevel, newValue) {
+        if (newValue === NEW_GROUPBAND_DEFAULT_LEVEL)
+            this._updateLevelsOnInsertWithDefaultLevel();
+        else
+            this._updateLevelsOnInsert(newValue, maxLevel + 1);
+    }
+    _calculateEndIndex(bands, startIndex) {
+        const thisIndex = bands.indexOf(this);
+        const endIndex = thisIndex === -1 ? bands.length : thisIndex;
+        const direction = startIndex < endIndex ? 1 : -1;
+        let currentIndex = startIndex;
+        while (currentIndex != endIndex) {
+            const level = bands[currentIndex].level();
+            const nextLevelBand = bands.find(b => b.level() === (level + direction));
+            currentIndex += direction;
+            if (!nextLevelBand)
+                break;
+        }
+        return currentIndex;
+    }
+    _reorderLevelsCore(newLevelValue) {
+        const parentBands = this.parentModel().bands;
+        const parentGroupBands = this.getSortedGroupBands(parentBands());
+        const existedSameLevelBand = getExistedSameLevelBand(parentGroupBands, newLevelValue);
+        if (!existedSameLevelBand) {
+            this._level(newLevelValue);
+            return;
+        }
+        const startIndex = parentGroupBands.indexOf(existedSameLevelBand);
+        const endIndex = this._calculateEndIndex(parentGroupBands, startIndex);
+        changeLevels(parentGroupBands, startIndex, endIndex);
+        this._level(newLevelValue);
+    }
+    reorderLevels(maxLevel, newValue) {
+        newValue = coerceNewLevelValueOnReordering(newValue, 0, maxLevel);
+        this._reorderLevelsCore(newValue);
+    }
+    getSortedGroupBands(parentBands) {
+        return null;
+    }
+    findMinPossibleLevel(parentBands) {
+        return !parentBands ? NEW_GROUPBAND_DEFAULT_LEVEL : getFirstEmptyLevel(this.getSortedGroupBands(parentBands()));
+    }
+    getFilteredParentBands() {
+        return this.parentModel().bands().filter(b => b instanceof GroupBandViewModel);
+    }
+}
+class GroupHeaderBand extends GroupBandViewModel {
+    constructor(band, parent, serializer) {
+        super(band, parent, serializer);
+        this.groupFields = (0,external_DevExpress_Analytics_Utils_namespaceObject.deserializeArray)(band.GroupFields, (field) => { return new GroupFieldModel(field, serializer); });
+        this.sortingSummary.getPath = (propertyName) => {
+            if (propertyName === 'fieldName')
+                return this.getPath('groupFields');
+        };
+    }
+    getSortedGroupBands(parentBands) {
+        return parentBands?.filter(band => band.controlType === this.controlType).reverse();
+    }
+    dispose() {
+        super.dispose();
+        this.disposeObservableArray(this.groupFields);
+        this.resetObservableArray(this.groupFields);
+    }
+}
+class GroupFooterBand extends GroupBandViewModel {
+    constructor(band, parent, serializer) {
+        super(band, parent, serializer);
+    }
+    getSortedGroupBands(parentBands) {
+        return parentBands.filter(band => band.controlType === this.controlType);
+    }
+}
+
 ;// ./node_modules/devexpress-reporting/designer/internal/dragdrop/_reportControlsDragDropHelper.js
 
 
@@ -26470,6 +26826,8 @@ class ObjectExplorerDragDropHelper extends external_DevExpress_Analytics_Widgets
 
 
 
+
+
 class ReportControlsDragDropHelper extends ObjectExplorerDragDropHelper {
     _canReorder(currentTarget, draggableData) {
         const currentModel = this._getElementViewModel(currentTarget);
@@ -26544,13 +26902,19 @@ class ReportControlsDragDropHelper extends ObjectExplorerDragDropHelper {
         }
         return className;
     }
+    updateLevels(targetModel) {
+        if (this._draggableModel instanceof GroupBandViewModel && targetModel instanceof GroupBandViewModel)
+            this._draggableModel.level(targetModel.level());
+        if (this._draggableModel instanceof DetailReportBand && targetModel instanceof DetailReportBand)
+            this._draggableModel.level(targetModel.level());
+    }
     _reorderBands(targetModel) {
         if (this._isTargetContainer) {
             targetModel.addChild(this._draggableModel);
         }
         else {
             this._undoEngine && this._undoEngine.start();
-            this._draggableModel['level'](targetModel['level']());
+            this.updateLevels(targetModel);
             this._undoEngine && this._undoEngine.end();
         }
     }
@@ -26711,188 +27075,6 @@ class ReportExplorerDragDropHandler extends ObjectExplorerDragDropHandler {
     }
 }
 
-;// ./node_modules/devexpress-reporting/designer/bands/xrSubband.js
-
-
-
-class SubBandViewModel extends BandViewModel {
-    constructor(band, parent, serializer) {
-        super(band, parent, serializer);
-    }
-    isPropertyDisabled(name) {
-        if (name === pageBreak.propertyName)
-            return this.controlType === 'SubBand' && this[printAcrossBands.propertyName] && this[printAcrossBands.propertyName]();
-        else
-            return super.isPropertyDisabled(name);
-    }
-    isAllowedParent(target) {
-        return target instanceof BandViewModel;
-    }
-}
-class SubBandSurface extends BandSurface {
-    constructor() {
-        super(...arguments);
-        this.leftMarginTemplate = 'dxrd-sub-band-coordinate-grid';
-    }
-    getAbsolutePositionY() {
-        const y = super.getAbsolutePositionY();
-        if (this.parent.bandsHolder.bands().indexOf(this) === 0) {
-            return y + (this.parent.heightWithoutSubBands());
-        }
-        return y;
-    }
-    getBackgroundRect() {
-        let top = 0, height = this._height();
-        const parent = this.parent;
-        const parentBands = external_ko_namespaceObject.unwrap(parent.bandsHolder.bands);
-        const parentBackgroundRect = external_ko_namespaceObject.unwrap(parent.backgroundRect);
-        top += (parentBackgroundRect.top + parentBackgroundRect.height);
-        const bottom = parentBackgroundRect.bottom;
-        const bandIndex = parentBands.indexOf(this);
-        for (let i = 0; i < bandIndex; i++) {
-            top += parentBands[i]._totalHeight();
-        }
-        if (top > bottom)
-            height = 0;
-        else if (top + height > bottom)
-            height = bottom - top;
-        return { top, bottom, height };
-    }
-    _initMultiColumn() {
-        this._disposables.push(this.multiColumn = external_ko_namespaceObject.computed(() => {
-            if (this.parent.multiColumn && this.parent.multiColumn() && this.parent.multiColumn().haveColumns()) {
-                return this.parent.multiColumn();
-            }
-        }));
-    }
-    get parent() {
-        return this._getParent();
-    }
-}
-
-;// ./node_modules/devexpress-reporting/designer/bands/xrDetailReportBand.js
-
-
-
-
-
-
-
-
-
-
-class DetailReportBand extends BandViewModel {
-    dispose() {
-        super.dispose();
-        this.disposeObservableArray(this.bands);
-        this.resetObservableArray(this.bands);
-    }
-    initHeight() {
-        let oldHeight = 0;
-        this._disposables.push(this.height = external_ko_namespaceObject.pureComputed({
-            read: () => {
-                if ((0,external_DevExpress_Analytics_Internal_namespaceObject.checkModelReady)(this.root)) {
-                    const verticalBand = this.bands().filter(x => x instanceof VerticalBandViewModel)[0];
-                    let height = 0;
-                    if (verticalBand)
-                        height = verticalBand.height();
-                    oldHeight = this.bands().filter(x => !(x instanceof VerticalBandViewModel)).reduce((sum, b) => { return sum + b.height(); }, height);
-                }
-                return oldHeight;
-            },
-            write: (newHeight) => {
-                if ((0,external_DevExpress_Analytics_Internal_namespaceObject.checkModelReady)(this.root)) {
-                    const deltaHeight = newHeight - this.height.peek(), oldHeight = this.bands()[this.bands().length - 1].height.peek();
-                    this.bands()[this.bands().length - 1].height(oldHeight + deltaHeight);
-                }
-            }
-        }));
-    }
-    createChildsArray(band, serializer) {
-        const factory = this.getControlFactory();
-        this.bands = (0,external_DevExpress_Analytics_Internal_namespaceObject.deserializeChildArray)(band.Bands, this, (item) => {
-            return new (factory.controlsMap[item['@ControlType']].type || BandViewModel)(item, this, serializer);
-        });
-        const bands = this.bands.peek();
-        if (bands) {
-            initLevels(bands);
-            bands.sort(sortBands);
-        }
-        if (this.bands().length === 0)
-            this.createChild({ '@ControlType': 'DetailBand', '@HeightF': this.height() });
-    }
-    addChild(control) {
-        if (control instanceof BandViewModel && !(control instanceof SubBandViewModel)) {
-            addBandToContainer(this, control);
-        }
-    }
-    constructor(band, parent, serializer) {
-        super(band, parent, serializer);
-        this._disposables.push(this.dataSource.subscribe((newVal) => {
-            if (!newVal) {
-                this.dataMember(null);
-            }
-        }));
-        const dataMember = external_ko_namespaceObject.pureComputed(() => {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.getFullPath)(this.getPath('dataMember'), this.dataMember());
-        });
-        const disabled = external_ko_namespaceObject.pureComputed(() => !this.dataSource());
-        this.filterString = new external_DevExpress_Analytics_Widgets_namespaceObject.FilterStringOptions(this._filterString, dataMember, disabled);
-        this._disposables.push(dataMember);
-        this._disposables.push(disabled);
-        this.filterString.helper.parameters = external_ko_namespaceObject.computed(() => {
-            return collectAvailableParameters(this.root['parameters']());
-        });
-        this._disposables.push(this.filterString.helper.parameters);
-    }
-}
-class DetailReportBandSurface extends BandSurface {
-    dispose() {
-        super.dispose();
-    }
-    getChildrenCollection() {
-        return this.bandsHolder.bands;
-    }
-    createUnderCursor() {
-        const _underCursor = external_ko_namespaceObject.observable(new external_DevExpress_Analytics_Internal_namespaceObject.HoverInfo());
-        this._disposables.push(this.underCursor = external_ko_namespaceObject.pureComputed({
-            read: () => {
-                _underCursor().isOver = this.bandsHolder.checkUnderCursor();
-                return _underCursor();
-            },
-            write: (val) => { _underCursor(val); }
-        }));
-    }
-    getTotalHeight() {
-        return this.bandsHolder.getTotalHeight();
-    }
-    getHeight() {
-        if (this.collapsed()) {
-            return bandSurfaceCollapsedHeight;
-        }
-        else {
-            return this.bandsHolder.getHeight();
-        }
-    }
-    getHasOwnRuler() {
-        return this.collapsed();
-    }
-    constructor(band, context) {
-        super(band, context, {
-            _height: (o) => o.height
-        });
-        this.templateName = 'dxrd-detailreportband';
-        this.selectionTemplate = 'dxrd-detailreportband-selection';
-        this.leftMarginTemplate = 'dxrd-detail-report-band-coordinate-grid';
-        this._disposables.push(external_ko_namespaceObject.computed(() => {
-            const isSomeParentCollapsed = this.collapsed() || this.isSomeParentCollapsed();
-            this.bandsHolder.bands().forEach((band) => {
-                band.isSomeParentCollapsed(isSomeParentCollapsed);
-            });
-        }));
-    }
-}
-
 ;// ./node_modules/devexpress-reporting/designer/internal/dragdrop/_reportSnapLinesCollector.js
 
 
@@ -30568,27 +30750,6 @@ const ReportDesignerAddOns = {
     ExpressionEditor: 'dxrd-activated-expressioneditor'
 };
 
-;// ./node_modules/devexpress-reporting/designer/bands/xrGroupBand.js
-
-
-
-class GroupHeaderBand extends BandViewModel {
-    dispose() {
-        super.dispose();
-        this.disposeObservableArray(this.groupFields);
-        this.resetObservableArray(this.groupFields);
-    }
-    constructor(band, parent, serializer) {
-        super(band, parent, serializer);
-        this.groupFields = (0,external_DevExpress_Analytics_Utils_namespaceObject.deserializeArray)(band.GroupFields, (field) => { return new GroupFieldModel(field, serializer); });
-        this.sortingSummary.getPath = (propertyName) => {
-            if (propertyName === 'fieldName') {
-                return this.getPath('groupFields');
-            }
-        };
-    }
-}
-
 ;// ./node_modules/devexpress-reporting/designer/bands/xrMarginBands.js
 
 
@@ -30727,6 +30888,7 @@ class VerticalDetailBandViewModel extends VerticalBandViewModel {
 
 
 
+
 
 
 const canPasteInBand = (dropTarget) => {
@@ -31260,7 +31422,7 @@ function _registerControls_registerControls(fieldListProvider) {
     });
     controlsFactory().registerControl('GroupFooterBand', {
         info: groupFooterBandSerializationInfo,
-        type: BandViewModel,
+        type: GroupFooterBand,
         nonToolboxItem: true,
         surfaceType: BandSurface,
         popularProperties: popularPropertiesGroupFooter,
@@ -37960,6 +38122,7 @@ class SaveAsReportDialog extends ReportDialogBase {
     save(url) {
         const self = this;
         if (reportStorageWebIsRegister()) {
+            const backedUpName = self.tab().context().report.displayNameObject();
             self.tab().context().report.displayNameObject(url);
             const data = self.tab().context().report.serialize();
             const args = { report: self.tab().context().report, url: url, cancel: false, dialog: this };
@@ -37982,6 +38145,9 @@ class SaveAsReportDialog extends ReportDialogBase {
                 self.disabled(false);
                 self.visible(false);
             }).fail(() => {
+                if (backedUpName !== url) {
+                    self.tab().undoEngine.undo(true);
+                }
                 self.disabled(false);
             });
         }
@@ -41024,7 +41190,7 @@ class BandLevelEditor extends external_DevExpress_QueryBuilder_Widgets_Internal_
         this.min = 0;
         this._disposables.push(this.max = external_ko_namespaceObject.pureComputed(() => {
             const model = this._get('_model');
-            const _maxLevel = model?.maxLevel ? model?.maxLevel : model?.getModel?.()?.maxLevel;
+            const _maxLevel = model?.maxLevel ? model?.maxLevel : model?.getModel?.()?.maxLevel();
             return external_ko_namespaceObject.unwrap(_maxLevel);
         }));
     }