devexpress-reporting 25.1.2-beta → 25.1.4-build-25190-1932

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  25.1.2-beta
-* Build date: May 14, 2025
+* Version:  25.1.0
+* Build date: Jul 9, 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),
@@ -1004,14 +1006,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)
@@ -1029,7 +1041,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),
@@ -1120,6 +1134,7 @@ var reporting_designer_internal_namespaceObject = {};
 __webpack_require__.r(reporting_designer_internal_namespaceObject);
 __webpack_require__.d(reporting_designer_internal_namespaceObject, {
   AIDesignerPanelModel: () => (AIDesignerPanelModel),
+  AIGeneratedReportId: () => (AIGeneratedReportId),
   AlignmentHandler: () => (AlignmentHandler),
   AvailableFieldsTreeListController: () => (AvailableFieldsTreeListController),
   BandLevelEditor: () => (BandLevelEditor),
@@ -1287,6 +1302,7 @@ __webpack_require__.d(reporting_designer_internal_namespaceObject, {
   getUsefulReportWidth: () => (getUsefulReportWidth),
   includeNonListItem: () => (includeNonListItem),
   initializeLabelReportWizardPromise: () => (initializeLabelReportWizardPromise),
+  isAIReportType: () => (isAIReportType),
   isBand: () => (isBand),
   isControl: () => (isControl),
   isHeaderOrFooterBandType: () => (isHeaderOrFooterBandType),
@@ -1379,6 +1395,7 @@ __webpack_require__.d(reporting_designer_utils_namespaceObject, {
   _isMarginBand: () => (_isMarginBand),
   _isPageBand: () => (_isPageBand),
   _isReorderBand: () => (_isReorderBand),
+  addPropertyToGroup: () => (addPropertyToGroup),
   availableFonts: () => (availableFonts),
   base64UTF16LEtobase64UTF8: () => (base64UTF16LEtobase64UTF8),
   controlsFactory: () => (controlsFactory),
@@ -1456,6 +1473,8 @@ __webpack_require__.d(reporting_designer_widgets_internal_namespaceObject, {
 var reporting_designer_wizard_namespaceObject = {};
 __webpack_require__.r(reporting_designer_wizard_namespaceObject);
 __webpack_require__.d(reporting_designer_wizard_namespaceObject, {
+  AIEnterReportPromptPage: () => (AIEnterReportPromptPage),
+  AISelectDataSourceOptionPage: () => (AISelectDataSourceOptionPage),
   AddGroupFieldsPage: () => (AddGroupFieldsPage),
   AddGroupingLevelPage: () => (AddGroupingLevelPage),
   AddSummaryFieldsPage: () => (AddSummaryFieldsPage),
@@ -1471,7 +1490,6 @@ __webpack_require__.d(reporting_designer_wizard_namespaceObject, {
   ConfigureReportPageSettingsPage: () => (ConfigureReportPageSettingsPage),
   CustomColorScheme: () => (CustomColorScheme),
   CustomizeLabelPage: () => (CustomizeLabelPage),
-  DefineAIReportLayoutPage: () => (DefineAIReportLayoutPage),
   DefineCrossTabPage: () => (DefineCrossTabPage),
   DefineReportLayoutPage: () => (DefineReportLayoutPage),
   FullscreenReportWizard: () => (FullscreenReportWizard),
@@ -1499,10 +1517,10 @@ __webpack_require__.d(reporting_designer_wizard_namespaceObject, {
   ReportStyle: () => (ReportStyle),
   ReportStyleItem: () => (ReportStyleItem),
   ReportType: () => (ReportType),
+  ReportUnit: () => (ReportUnit),
   ReportWizard: () => (ReportWizard),
   ReportWizardPageId: () => (ReportWizardPageId),
   ReportWizardPageIterator: () => (ReportWizardPageIterator),
-  SelectAIReportTypePage: () => (SelectAIReportTypePage),
   SelectCrossTabDataMember: () => (SelectCrossTabDataMember),
   SelectDataMembersPage: () => (SelectDataMembersPage),
   SelectDataSourcePage: () => (SelectDataSourcePage),
@@ -1526,6 +1544,8 @@ __webpack_require__.d(reporting_designer_wizard_namespaceObject, {
   _createLegacyReportWizard: () => (_createLegacyReportWizard),
   _createReportWizard: () => (_createReportWizard),
   _fillTreeQueries: () => (_fillTreeQueries),
+  _registerAIEnterReportPromptPage: () => (_registerAIEnterReportPromptPage),
+  _registerAISelectDataSourceOptionPage: () => (_registerAISelectDataSourceOptionPage),
   _registerAddGroupFieldsPage: () => (_registerAddGroupFieldsPage),
   _registerAddGroupingLevelPage: () => (_registerAddGroupingLevelPage),
   _registerAddSummaryFieldsPage: () => (_registerAddSummaryFieldsPage),
@@ -1540,7 +1560,6 @@ __webpack_require__.d(reporting_designer_wizard_namespaceObject, {
   _registerConfigureReportPageSettingsPage: () => (_registerConfigureReportPageSettingsPage),
   _registerConfigureReportPageSettingsSection: () => (_registerConfigureReportPageSettingsSection),
   _registerCustomizeLabelPage: () => (_registerCustomizeLabelPage),
-  _registerDefineAIReportLayoutPage: () => (_registerDefineAIReportLayoutPage),
   _registerDefineCrossTabPage: () => (_registerDefineCrossTabPage),
   _registerDefineReportLayoutPage: () => (_registerDefineReportLayoutPage),
   _registerFullscreenReportWizardPages: () => (_registerFullscreenReportWizardPages),
@@ -1553,7 +1572,6 @@ __webpack_require__.d(reporting_designer_wizard_namespaceObject, {
   _registerMultiQueryConfigurePage: () => (_registerMultiQueryConfigurePage),
   _registerMultiQueryConfigureParametersPage: () => (_registerMultiQueryConfigureParametersPage),
   _registerReportWizardPages: () => (_registerReportWizardPages),
-  _registerSelectAIReportTypePage: () => (_registerSelectAIReportTypePage),
   _registerSelectDataMembersPage: () => (_registerSelectDataMembersPage),
   _registerSelectDataSourcePage: () => (_registerSelectDataSourcePage),
   _registerSelectLabelTypePage: () => (_registerSelectLabelTypePage),
@@ -7348,11 +7366,12 @@ class NavigateToReportAction extends ActionTypeBase {
 
 
 
+
 class ComponentsModel extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     getInfo() {
         return [metadata_name, collectionDataSourceCriteria];
     }
-    constructor(model, renameComponentStrategy) {
+    constructor(model, renameComponentStrategy, parameters) {
         super();
         this.renameComponentStrategy = renameComponentStrategy;
         this.className = () => {
@@ -7365,6 +7384,7 @@ class ComponentsModel extends external_DevExpress_Analytics_Utils_namespaceObjec
             const dsHelper = model.data.dsHelperProvider();
             const dsPath = dsHelper?.getDataSourcePath(model.data);
             this.criteriaString = new external_DevExpress_Analytics_Widgets_namespaceObject.FilterStringOptions(_criteriaString(), external_ko_namespaceObject.observable(dsPath));
+            this._disposables.push(this.criteriaString.helper.parameters = external_ko_namespaceObject.pureComputed(() => parameters && collectAvailableParameters(parameters()) || []));
         }
         this.data = model.data;
         this._disposables.push(this.name = external_ko_namespaceObject.pureComputed({
@@ -8890,6 +8910,32 @@ function getNearestBand(target) {
     return bandModel;
 }
 
+;// ./dist/designer/controls/utils/_initUtils.js
+
+
+function getUnitProperties(object) {
+    const properties = object && object['constructor'] && object['constructor'].unitProperties;
+    if (properties) {
+        return {
+            reCalculateObject: (coef) => {
+                for (let i = 0; i < properties.length; i++) {
+                    const propertyName = properties[i];
+                    const property = object['_' + propertyName] || object[propertyName];
+                    const innerProperties = getUnitProperties(property);
+                    if (innerProperties) {
+                        innerProperties.reCalculateObject(coef);
+                    }
+                    else {
+                        !!external_ko_namespaceObject.unwrap(property) && property((0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(external_ko_namespaceObject.unwrap(property) * coef));
+                    }
+                }
+            },
+            calcProperty: (val, coef) => val && (0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(val * coef),
+            properties
+        };
+    }
+}
+
 ;// ./dist/designer/controls/xrReportelement.js
 
 
@@ -8907,6 +8953,7 @@ function getNearestBand(target) {
 
 
 
+
 class XRReportElementViewModel extends external_DevExpress_Analytics_Elements_namespaceObject.ElementViewModel {
     get _localizationProvider() {
         if (!this.__localizationProvider) {
@@ -8993,6 +9040,7 @@ class XRReportElementViewModel extends external_DevExpress_Analytics_Elements_na
         super(model, parent, serializer);
         this._expressionActions = {};
         this.initialize();
+        this._syncDpi();
         this.formattingRuleLinks = (0,external_DevExpress_Analytics_Utils_namespaceObject.deserializeArray)(model.FormattingRuleLinks, (item) => { return new FormattingRuleLink(item, serializer); });
         const _generateProperty = (propertyName, stylePriorityName) => {
             this['_' + propertyName] = external_ko_namespaceObject.observable(this[propertyName]());
@@ -9034,6 +9082,16 @@ class XRReportElementViewModel extends external_DevExpress_Analytics_Elements_na
             write: newValue => this._lockedInUserDesigner(newValue)
         }));
     }
+    _syncDpi() {
+        this._syncDpiCore(this.parentModel());
+        this._disposables.push(this.parentModel.subscribe((parent) => this._syncDpiCore(parent)));
+    }
+    _syncDpiCore(parent) {
+        if (!parent?.dpi || parent.dpi() === this._innerDpi())
+            return;
+        getUnitProperties(this).reCalculateObject(parent.dpi() / this._innerDpi());
+        this._innerDpi(parent.dpi());
+    }
     _getExpressionActions(name) {
         if (!this._expressionActions[name]) {
             this._expressionActions[name] = this._addExpressionActions(name);
@@ -9310,7 +9368,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') };
 
 ;// ./dist/designer/bands/_verticalBandsUtils.js
@@ -9595,6 +9655,7 @@ class BandsHolder extends external_DevExpress_Analytics_Utils_namespaceObject.Di
 
 ;// ./dist/designer/bands/_bandUtils.js
 
+
 function sortBands(band1, band2) {
     return getBandWeight(band1) - getBandWeight(band2);
 }
@@ -9626,17 +9687,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) {
@@ -9671,13 +9721,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];
 }
@@ -9706,7 +9756,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 {
@@ -9716,7 +9766,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];
         }
@@ -9730,39 +9780,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) {
@@ -9781,6 +9798,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;
+    }
+}
 
 ;// ./dist/designer/bands/_printAcrossBandsPlaceHolder.js
 
@@ -9788,6 +9866,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];
     }
@@ -9796,7 +9876,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'
@@ -9870,7 +9951,6 @@ class BandViewModel extends XRReportElementViewModel {
             });
         }
         if (subBands) {
-            initLevels(subBands);
             subBands.sort(sortBands);
         }
         this.bands = external_ko_namespaceObject.observableArray(subBands);
@@ -9896,50 +9976,11 @@ class BandViewModel extends XRReportElementViewModel {
             return _heightFromControls;
         }));
     }
-    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;
@@ -10029,7 +10070,7 @@ class BandViewModel extends XRReportElementViewModel {
         }
     }
 }
-BandViewModel.unitProperties = ['height'];
+BandViewModel.unitProperties = ['height', 'paddingObj'];
 class BandSurface extends external_DevExpress_Analytics_Elements_namespaceObject.SurfaceElementBase {
     _getMarginWidth(margins, rtl, isFarMargin = true) {
         const marginWidht = margins ? (isFarMargin && this._context.rtl() ? margins.left && margins.left() : margins.right && margins.right()) || 0 : 0;
@@ -10179,6 +10220,16 @@ class BandSurface extends external_DevExpress_Analytics_Elements_namespaceObject
         }));
         const root = this.getControlModel().root;
         const nearMarginWidth = () => root.margins.right() + root.margins.left();
+        const coordGridWidthCalc = () => {
+            let width = 0;
+            return () => {
+                if (!(0,external_DevExpress_Analytics_Internal_namespaceObject.checkModelReady)(root)) {
+                    return width;
+                }
+                width = root.pageWidthF() - nearMarginWidth();
+                return width;
+            };
+        };
         this.coordinateGridOptions = {
             left: external_ko_namespaceObject.pureComputed(() => {
                 return this.rtlLayout() ? this._context.margins.right() : 0;
@@ -10187,7 +10238,7 @@ class BandSurface extends external_DevExpress_Analytics_Elements_namespaceObject
             snapGridSize: root.snapGridSize,
             zoom: context.zoom,
             measureUnit: context.measureUnit,
-            width: external_ko_namespaceObject.pureComputed(() => root.pageWidthF() - nearMarginWidth()),
+            width: external_ko_namespaceObject.pureComputed(coordGridWidthCalc()),
             flip: context.rtl
         };
         let oldDelta = 0;
@@ -10304,11 +10355,8 @@ class VerticalBandViewModel extends BandViewModel {
         this.size.height = this.height;
         this.size.width = this.width;
     }
-    preInit(band, parent, serializer) {
-    }
     constructor(band, parent, serializer) {
         super(band, parent, serializer);
-        this.preInit(band, parent, serializer);
         let _widthFromControls = 0;
         this._disposables.push(this.widthFromControls = external_ko_namespaceObject.pureComputed(() => {
             _widthFromControls = 0;
@@ -10531,6 +10579,11 @@ const patchCanPublish = (model) => {
     }
     return model;
 };
+var FieldNameOptions;
+(function (FieldNameOptions) {
+    FieldNameOptions[FieldNameOptions["DisplayName"] = 0] = "DisplayName";
+    FieldNameOptions[FieldNameOptions["RealName"] = 1] = "RealName";
+})(FieldNameOptions || (FieldNameOptions = {}));
 class XRControlViewModel extends XRReportElementViewModel {
     dispose() {
         super.dispose();
@@ -10545,13 +10598,77 @@ class XRControlViewModel extends XRReportElementViewModel {
             this._disposables.push(this.horAnchoring);
         }
     }
-    preInitProperties(model, parent, serializer) {
+    beforeDeserialize(model, parent, serializer) {
         patchCanPublish(model);
     }
+    getFieldName(value, fieldNameOption) {
+        const reportModel = this.root;
+        const dnp = reportModel?.['displayNameProvider']?.();
+        if (!dnp) {
+            return null;
+        }
+        const startIndex = value.indexOf('[');
+        const endIndex = value.indexOf(']');
+        const dataMember = value.substring(startIndex + 1, endIndex);
+        const dataSourceInfo = reportModel.dataSource?.()?.['dataSourceInfo'];
+        const dataSourceRef = dataSourceInfo?.ref || dataSourceInfo?.id;
+        if (dataSourceRef != null) {
+            switch (fieldNameOption) {
+                case FieldNameOptions.DisplayName:
+                    return { dataMember, namePromise: dnp.getDisplayNameByPath(`${dataSourceRef}.${reportModel.dataMember()}`, dataMember) };
+                case FieldNameOptions.RealName:
+                    return { dataMember, namePromise: dnp.getRealName(`${dataSourceRef}.${reportModel.dataMember()}`, dataMember) };
+            }
+        }
+    }
+    setTextValue(fieldNamePromise, originText, replacedText, propertyToSet) {
+        if (!fieldNamePromise)
+            propertyToSet(originText);
+        fieldNamePromise.done((result) => {
+            const newValue = originText.replace(replacedText, result);
+            propertyToSet(newValue);
+        }).fail(() => {
+            propertyToSet(originText);
+        });
+    }
     constructor(control, parent, serializer) {
         super(control, parent, serializer);
         if (this.text) {
-            this.textArea = this.text;
+            this._realText = this.text;
+            this._textArea = this.text;
+            this._textUI = external_ko_namespaceObject.observable('');
+            this._disposables.push(this.text = external_ko_namespaceObject.computed({
+                read: () => this._realText(),
+                write: newTextValue => {
+                    const fieldName = this.getFieldName(newTextValue, FieldNameOptions.RealName);
+                    if (!fieldName) {
+                        this._realText(newTextValue);
+                        return;
+                    }
+                    this.setTextValue(fieldName.namePromise, newTextValue, fieldName.dataMember, this._realText);
+                }
+            }));
+            this._disposables.push(this.textUI = external_ko_namespaceObject.computed({
+                read: () => {
+                    const textValue = this.text();
+                    if (!textValue)
+                        return this._textUI();
+                    const fieldName = this.getFieldName(textValue, FieldNameOptions.DisplayName);
+                    if (!fieldName)
+                        return textValue;
+                    this.setTextValue(fieldName.namePromise, textValue, fieldName.dataMember, this._textUI);
+                    return this._textUI();
+                },
+                write: newTextValue => {
+                    this.text(newTextValue);
+                }
+            }));
+            this._disposables.push(this.textArea = external_ko_namespaceObject.computed({
+                read: () => this.textUI(),
+                write: newTextValue => {
+                    this.text(newTextValue);
+                }
+            }));
         }
         this.controls = (0,external_DevExpress_Analytics_Internal_namespaceObject.deserializeChildArray)(control.Controls, this, (childControl) => { return this.createControl(childControl, serializer); });
         if (this.anchorVertical || this.anchorHorizontal) {
@@ -10702,6 +10819,9 @@ class XRControlViewModel extends XRReportElementViewModel {
         }
     }
     isPropertyDisabled(name) {
+        if (super.isPropertyDisabled(name)) {
+            return true;
+        }
         if (name === 'textFitMode') {
             return this['canGrow']() || this['canShrink']() || (this.controlType === 'XRLabel' && this['autoWidth']());
         }
@@ -10714,7 +10834,6 @@ class XRControlViewModel extends XRReportElementViewModel {
         else if (name === 'textEditOptions' || name === 'angle') {
             return this['allowMarkupText'] && external_ko_namespaceObject.unwrap(this['allowMarkupText']);
         }
-        return super.isPropertyDisabled(name);
     }
     isPropertyVisible(name) {
         if (this.multiline && this.multiline()) {
@@ -11021,7 +11140,7 @@ class XRControlSurfaceBase extends external_DevExpress_Analytics_Elements_namesp
     displayText() {
         if (this._control.controlType == 'XRPanel')
             return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Place controls here to keep them together', 'ReportStringId.PanelDesignMsg');
-        let text = this._control['text'] && this._control['text']() ? this._control['text']() : '';
+        let text = external_ko_namespaceObject.unwrap(this._control['textUI']) || external_ko_namespaceObject.unwrap(this._control['text']) || '';
         if (this._control['multiline'] && !this._control['multiline']()) {
             text = text.replace(/\r/g, '').replace(/\n/g, '');
         }
@@ -11667,9 +11786,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');
@@ -11690,7 +11807,8 @@ class DetailBand extends BandViewModel {
         this.disposeObservableArray(this.sortFields);
         this.resetObservableArray(this.sortFields);
     }
-    preInit(band, parent, serializer) {
+    afterDeserialize(band, parent, serializer) {
+        super.afterDeserialize(band, parent, serializer);
         this.multiColumn = new MultiColumn(band['MultiColumn'], this.root['pageWidthF'] || external_ko_namespaceObject.observable(0), this.root['margins'] || external_DevExpress_Analytics_Elements_namespaceObject.Margins.fromString());
         this._disposables.push(this.multiColumn);
         this.sortFields = (0,external_DevExpress_Analytics_Utils_namespaceObject.deserializeArray)(band.SortFields, (field) => { return new GroupFieldModel(field, serializer); });
@@ -13185,32 +13303,6 @@ class ReportModelSerializer extends external_DevExpress_Analytics_Utils_namespac
     }
 }
 
-;// ./dist/designer/controls/utils/_initUtils.js
-
-
-function getUnitProperties(object) {
-    const properties = object && object['constructor'] && object['constructor'].unitProperties;
-    if (properties) {
-        return {
-            reCalculateObject: (coef) => {
-                for (let i = 0; i < properties.length; i++) {
-                    const propertyName = properties[i];
-                    const property = object['_' + propertyName] || object[propertyName];
-                    const innerProperties = getUnitProperties(property);
-                    if (innerProperties) {
-                        innerProperties.reCalculateObject(coef);
-                    }
-                    else {
-                        !!external_ko_namespaceObject.unwrap(property) && property((0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(external_ko_namespaceObject.unwrap(property) * coef));
-                    }
-                }
-            },
-            calcProperty: (val, coef) => val && (0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(val * coef),
-            properties
-        };
-    }
-}
-
 ;// ./dist/designer/localization/_localization.js
 
 
@@ -13540,6 +13632,7 @@ function patchSubreport(model) {
 
 
 
+
 function findBandByPositionY(bandsHolder, position) {
     let result = null;
     bandsHolder.bands().forEach((band) => {
@@ -13639,6 +13732,11 @@ class XRCrossBandControlViewModel extends XRReportElementViewModel {
         return super.isPropertyVisible(name);
     }
     getControlContainerName() { return 'crossBandControls'; }
+    syncDpi(dpi) {
+        const oldDpi = this.dpi();
+        getUnitProperties(this).reCalculateObject(dpi / oldDpi);
+        this.dpi(dpi);
+    }
 }
 XRCrossBandControlViewModel.unitProperties = ['width', 'locationF', 'startPoint', 'endPoint'];
 class XRCrossBandSurface extends XRControlSurfaceBase {
@@ -14644,7 +14742,7 @@ class XRTableRowViewModel extends XRControlViewModel {
         }
     }
 }
-XRTableRowViewModel.unitProperties = [];
+XRTableRowViewModel.unitProperties = ['paddingObj'];
 class XRTableRowSurface extends TableComponentSurface {
     _getChildrenHolderName() { return 'cells'; }
     dispose() {
@@ -14841,7 +14939,244 @@ XRTableSurface._unitProperties = {
     }
 };
 
-;// ./dist/designer/controls/xrReport.js
+;// ./dist/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();
+    }
+}
+
+;// ./dist/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(), '@Dpi': this.dpi() });
+    }
+    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);
+            });
+        }));
+    }
+}
+
+;// ./dist/designer/controls/xrReport.js
+
+
+
 
 
 
@@ -14928,11 +15263,12 @@ class ReportViewModel extends XRReportElementViewModel {
         this._localization.recalculateUnits(coef);
         this._innerDpi(newDpi);
     }
-    _updatePageSize(paperKind) {
+    _updatePageSize(paperKind, prevDpi) {
         const size = paperKind === 'Custom' ? this.size : (0,external_DevExpress_Analytics_Internal_namespaceObject.getPaperSize)(paperKind);
+        const oldDpi = paperKind === 'Custom' ? prevDpi : 100;
         const precision = this.measureUnit() === 'Inches' || this.measureUnit() == 'Millimeters' ? 2 : 0;
-        this.pageHeightF((0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(external_ko_namespaceObject.unwrap(this.landscape() ? size.width : size.height) * (this._innerDpi.peek() / 100), false, precision));
-        this.pageWidthF((0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(external_ko_namespaceObject.unwrap(this.landscape() ? size.height : size.width) * (this._innerDpi.peek() / 100), false, precision));
+        this.pageHeightF((0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(external_ko_namespaceObject.unwrap(this.landscape() ? size.width : size.height) * (this._innerDpi.peek() / oldDpi), false, precision));
+        this.pageWidthF((0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(external_ko_namespaceObject.unwrap(this.landscape() ? size.height : size.width) * (this._innerDpi.peek() / oldDpi), false, precision));
     }
     enumerateComponents(process = () => void 0) {
         const controls = [];
@@ -15034,7 +15370,7 @@ class ReportViewModel extends XRReportElementViewModel {
         this.resetObservableArray(this.styles);
         this.resetObservableArray(this.components);
     }
-    preInitProperties(reportModel) {
+    beforeDeserialize(reportModel) {
         this.controlType = 'DevExpress.XtraReports.UI.XtraReport';
         if (reportModel['@PageWidth'] !== undefined) {
             reportModel['@PageWidthF'] = reportModel['@PageWidth'];
@@ -15064,14 +15400,16 @@ class ReportViewModel extends XRReportElementViewModel {
         }));
         this.dataSourceRefs = [];
         this.dataSourceHelper = external_ko_namespaceObject.observable();
+        this.displayNameProvider = external_ko_namespaceObject.observable();
         this.stylesHelper = external_ko_namespaceObject.observable();
         this.dataBindingsProvider = external_ko_namespaceObject.observable();
         this._disposables.push(this.parameterHelper = new ReportParameterHelper(this));
         this.parameterHelper.initialize(knownEnums);
         this._disposables.push(this.measureUnit.subscribe((unitType) => {
             this._update(true);
+            const prevDpi = this._innerDpi();
             this._recalculateUnits(unitType);
-            this._updatePageSize(this.paperKind.peek());
+            this._updatePageSize(this.paperKind.peek(), prevDpi);
             this._update(false);
         }));
         this._disposables.push(this.landscape.subscribe((newVal) => {
@@ -15111,7 +15449,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); });
@@ -15141,7 +15478,7 @@ class ReportViewModel extends XRReportElementViewModel {
             }
         }));
         this._disposables.push(this.paperKind.subscribe((newVal) => {
-            newVal !== 'Custom' && this._updatePageSize(newVal);
+            newVal !== 'Custom' && this._updatePageSize(newVal, this._innerDpi());
         }));
         const dataMember = external_ko_namespaceObject.pureComputed(() => {
             return (0,external_DevExpress_Analytics_Internal_namespaceObject.getFullPath)(this.getPath('dataMember'), this.dataMember());
@@ -15193,6 +15530,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.');
@@ -15203,9 +15543,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.');
@@ -15224,7 +15566,9 @@ class ReportViewModel extends XRReportElementViewModel {
             this._localization.apply(external_DevExpress_Reporting_Metadata_namespaceObject.defaultCulture);
             this._localization.items.clear();
         }
-        return new ReportModelSerializer(this).serialize();
+        const serializedReport = new ReportModelSerializer(this).serialize();
+        this._localizationItems.removeAll();
+        return serializedReport;
     }
     save() {
         this.parameterHelper.clearLayoutItems();
@@ -15280,7 +15624,7 @@ class ReportViewModel extends XRReportElementViewModel {
 }
 ReportViewModel.availableDataSourceTypes = ['DataSource', 'ObjectSource'];
 ReportViewModel.bandsTypeOrdering = ['TopMarginBand', 'ReportHeaderBand', 'PageHeaderBand', 'GroupHeaderBand', 'DetailBand', 'DetailReportBand', 'GroupFooterBand', 'ReportFooterBand', 'PageFooterBand', 'BottomMarginBand'];
-ReportViewModel.unitProperties = ['snapGridSize', 'margins'];
+ReportViewModel.unitProperties = ['snapGridSize', 'margins', 'paddingObj'];
 ReportViewModel.defaultPageSize = {
     width: 850,
     height: 1100
@@ -15368,6 +15712,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.isFit = (dropTarget) => {
@@ -19557,6 +19904,7 @@ class XRCellsurface extends XRTextControlSurfaceBase {
 
 
 
+
 class XRCrossTabViewModel extends XRControlViewModel {
     _getCreator(type, serializer, name) {
         return (item) => new type(item || {}, this, serializer, name);
@@ -19677,7 +20025,9 @@ class XRCrossTabViewModel extends XRControlViewModel {
         const cells = this.cellCreator.create();
         const modelCells = this.applyCells(cells);
         this._cells(modelCells);
-        const defs = this.definitionUpdater.update(modelCells, crossTabCellWidth.defaultVal, crossTabCellHeight.defaultVal);
+        const columnWidth = crossTabCellWidth.defaultVal / dpi.defaultVal * this.dpi();
+        const rowHeight = crossTabCellHeight.defaultVal / dpi.defaultVal * this.dpi();
+        const defs = this.definitionUpdater.update(modelCells, columnWidth, rowHeight);
         const sumWidth = defs.columnDefs.reduce((acc, value) => {
             acc += value.width();
             return acc;
@@ -19721,7 +20071,7 @@ class XRCrossTabViewModel extends XRControlViewModel {
             }
         });
     }
-    preInitProperties() {
+    beforeDeserialize() {
         const info = this.getInfo();
         this.getInfo = () => {
             info.forEach(item => {
@@ -20014,15 +20364,9 @@ class XRPageBreakSurface extends XRControlSurfaceBase {
     get isIntersectionDeny() { return true; }
 }
 XRPageBreakSurface._unitProperties = {
-    _x: (o) => {
-        return external_ko_namespaceObject.observable(0);
-    },
-    _y: (o) => {
-        return o.location.y;
-    },
-    _height: (o) => {
-        return external_ko_namespaceObject.observable(2);
-    }
+    _x: (o) => external_ko_namespaceObject.observable(0),
+    _y: (o) => o.location.y,
+    _height: (o) => external_ko_namespaceObject.observable(0.02 * o.dpi())
 };
 
 ;// ./dist/designer/controls/xrPageinfo.js
@@ -20501,9 +20845,11 @@ class XRPictureBoxViewModel extends XRControlViewModel {
         return ['Tile', 'StretchImage', 'AutoSize', 'Cover'].indexOf(this._sizing()) !== -1;
     }
     isPropertyDisabled(propertyName) {
+        if (super.isPropertyDisabled(propertyName)) {
+            return true;
+        }
         if (propertyName === 'imageAlignment')
             return this.isAlignmentDisabled();
-        return super.isPropertyDisabled(propertyName);
     }
     get isAutoSize() {
         return this._sizing() === 'AutoSize';
@@ -20784,6 +21130,7 @@ const popularPropertiesShape = ['stretch', 'fillColor', 'lineWidth', 'angle', 'b
 
 
 
+
 class XRShapeViewModel extends XRControlViewModel {
     static createShape(model, serializer = null) {
         const type = model && model['@ShapeName'] || 'Ellipse';
@@ -20821,6 +21168,7 @@ class XRShapeViewModel extends XRControlViewModel {
         this._disposables.push(this.shapeFake.type);
     }
 }
+XRShapeViewModel.unitProperties = [].concat(['lineWidth'], XRReportElementViewModel.unitProperties);
 XRShapeViewModel.timeout = 1;
 XRShapeViewModel.shapes = [
     {
@@ -21487,7 +21835,7 @@ const baseTocLevelSerializationsInfo = [
     xrTableOfContentsLevel_backColor,
     xrTableOfContentsLevel_font,
     xrTableOfContentsLevel_foreColor,
-    { propertyName: 'height', modelName: '@Height', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), defaultVal: levelDefaultHeight, displayName: 'Height', localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Height', from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, editorOptions: { min: 10 } }
+    { propertyName: 'height', modelName: '@Height', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), defaultVal: levelDefaultHeight, displayName: 'Height', localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Height', from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, editorOptions: { min: 0.01 } }
 ].concat(paddingGroup);
 const tocLevelSerializationsInfo = [
     { propertyName: 'leaderSymbol', modelName: '@LeaderSymbol', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text'), defaultVal: '.', displayName: 'Leader Symbol', localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevel.LeaderSymbol', editorOptions: { maxLength: 1 } },
@@ -21541,7 +21889,7 @@ class TableOfContentsLevel extends external_DevExpress_Analytics_Elements_namesp
     static createNew(parent) {
         return new TableOfContentsLevel({ '@Height': recalculateUnit(levelDefaultHeight, parent.dpi()) }, parent);
     }
-    preInitProperties(model) {
+    beforeDeserialize(model) {
         this.isTitle = model.isTitle;
         delete model['isTitle'];
     }
@@ -21700,6 +22048,8 @@ class XRTableOfContentsViewModel extends XRControlViewModel {
         }));
         this._disposables.push(this.borderDefault);
     }
+    syncDpi(dpi) {
+    }
     get textEditableProperty() { return this.levelTitleText; }
 }
 XRTableOfContentsViewModel.unitProperties = [].concat(['levelTitle', 'levelDefault'], XRReportElementViewModel.unitProperties);
@@ -21948,7 +22298,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([{
@@ -21983,7 +22333,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') },
     {
@@ -22016,7 +22366,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'];
 
 ;// ./dist/designer/bands/metadata/xrPageBandMetaData.js
@@ -22913,7 +23263,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,
@@ -22994,6 +23344,85 @@ const groups = {
     }
 };
 
+;// ./dist/designer/utils/utils.js
+
+
+
+function b64ToUint6(nChr) {
+    return nChr > 64 && nChr < 91 ?
+        nChr - 65
+        : nChr > 96 && nChr < 123 ?
+            nChr - 71
+            : nChr > 47 && nChr < 58 ?
+                nChr + 4
+                : nChr === 43 ?
+                    62
+                    : nChr === 47 ?
+                        63
+                        :
+                            0;
+}
+function base64DecToArr(sBase64, nBlockSize) {
+    const sB64Enc = sBase64.replace(/[^A-Za-z0-9\+\/]/g, ''), nInLen = sB64Enc.length, nOutLen = nBlockSize ? Math.ceil((nInLen * 3 + 1 >>> 2) / nBlockSize) * nBlockSize : nInLen * 3 + 1 >>> 2, aBytes = new Uint8Array(nOutLen);
+    for (let nMod3, nMod4, nUint24 = 0, nOutIdx = 0, nInIdx = 0; nInIdx < nInLen; nInIdx++) {
+        nMod4 = nInIdx & 3;
+        nUint24 |= b64ToUint6(sB64Enc.charCodeAt(nInIdx)) << 18 - 6 * nMod4;
+        if (nMod4 === 3 || nInLen - nInIdx === 1) {
+            for (nMod3 = 0; nMod3 < 3 && nOutIdx < nOutLen; nMod3++, nOutIdx++) {
+                aBytes[nOutIdx] = nUint24 >>> (16 >>> nMod3 & 24) & 255;
+            }
+            nUint24 = 0;
+        }
+    }
+    return aBytes;
+}
+function _arrayBufferToString(buf, callback) {
+    const bb = new Blob([new Uint16Array(buf)]);
+    const f = new FileReader();
+    f.onload = function (e) {
+        callback(btoa(e.target['result']));
+    };
+    f.readAsText(bb, 'UTF-16');
+}
+function btoaAtob16(utf16Base64, resultCallback) {
+    try {
+        resultCallback(btoa(String.fromCharCode.apply(null, new Uint16Array(base64DecToArr(utf16Base64, 2).buffer))));
+    }
+    catch (e) {
+        _arrayBufferToString(base64DecToArr(utf16Base64, 2).buffer, resultCallback);
+    }
+}
+function base64UTF16LEtobase64UTF8(base64UTF16, resultCallback) {
+    base64UTF16 == undefined ? resultCallback(undefined) : atob(base64UTF16).indexOf('{\\rtf1') === 0 ? resultCallback(base64UTF16) : btoaAtob16(base64UTF16, resultCallback);
+}
+function _isReorderBand(dropTarget, dragFrom) {
+    return BandViewModel.isReorderingBand(dropTarget.getControlModel()) &&
+        BandViewModel.isReorderingBand(dragFrom) &&
+        dropTarget.getControlModel().controlType === dragFrom.controlType &&
+        dropTarget.getControlModel().parentModel() === dragFrom.parentModel();
+}
+function _isMarginBand(band) {
+    return (band.controlType === 'TopMarginBand' || band.controlType === 'BottomMarginBand');
+}
+function _isPageBand(band) {
+    return (band.controlType === 'PageHeaderBand' || band.controlType === 'PageFooterBand');
+}
+const availableFonts = external_DevExpress_Analytics_Widgets_Internal_namespaceObject.availableFonts;
+function addPropertyToGroup(groupName, property) {
+    if (groups[groupName] === undefined) {
+        groups[groupName] = {
+            info: [property],
+            displayName: () => property.group,
+        };
+    }
+    else {
+        if (groups[groupName].info.some((existingProperty) => existingProperty.propertyName === property.propertyName)) {
+            return;
+        }
+        groups[groupName].info.push(property);
+    }
+}
+
 ;// ./dist/designer/jsReportDesigner.js
 
 
@@ -23042,13 +23471,7 @@ class JSReportDesigner {
         }
     }
     AddToPropertyGrid(groupName, property) {
-        const group = groups[groupName];
-        if (group) {
-            group.info.push(property);
-        }
-        else {
-            groups[groupName] = { info: [property] };
-        }
+        addPropertyToGroup(groupName, property);
     }
     AddParameterType(parameterInfo, editorInfo) {
         parameterTypeValues.push(parameterInfo);
@@ -24266,8 +24689,8 @@ class ReportActions extends external_DevExpress_Analytics_Utils_namespaceObject.
             if (bandType === 'SubBand') {
                 model = this._contextModel();
             }
-            const height = model.root['dpi']();
-            const control = model.createChild({ '@ControlType': bandType, '@HeightF': height });
+            const dpi = model.root['dpi']();
+            const control = model.createChild({ '@ControlType': bandType, '@HeightF': dpi, '@Dpi': dpi });
             this.onComponentAdded({ parent: model, model: control });
         }
     }
@@ -26467,70 +26890,6 @@ class ObjectExplorerDragDropHandler extends external_DevExpress_Analytics_Intern
     }
 }
 
-;// ./dist/designer/utils/utils.js
-
-
-function b64ToUint6(nChr) {
-    return nChr > 64 && nChr < 91 ?
-        nChr - 65
-        : nChr > 96 && nChr < 123 ?
-            nChr - 71
-            : nChr > 47 && nChr < 58 ?
-                nChr + 4
-                : nChr === 43 ?
-                    62
-                    : nChr === 47 ?
-                        63
-                        :
-                            0;
-}
-function base64DecToArr(sBase64, nBlockSize) {
-    const sB64Enc = sBase64.replace(/[^A-Za-z0-9\+\/]/g, ''), nInLen = sB64Enc.length, nOutLen = nBlockSize ? Math.ceil((nInLen * 3 + 1 >>> 2) / nBlockSize) * nBlockSize : nInLen * 3 + 1 >>> 2, aBytes = new Uint8Array(nOutLen);
-    for (let nMod3, nMod4, nUint24 = 0, nOutIdx = 0, nInIdx = 0; nInIdx < nInLen; nInIdx++) {
-        nMod4 = nInIdx & 3;
-        nUint24 |= b64ToUint6(sB64Enc.charCodeAt(nInIdx)) << 18 - 6 * nMod4;
-        if (nMod4 === 3 || nInLen - nInIdx === 1) {
-            for (nMod3 = 0; nMod3 < 3 && nOutIdx < nOutLen; nMod3++, nOutIdx++) {
-                aBytes[nOutIdx] = nUint24 >>> (16 >>> nMod3 & 24) & 255;
-            }
-            nUint24 = 0;
-        }
-    }
-    return aBytes;
-}
-function _arrayBufferToString(buf, callback) {
-    const bb = new Blob([new Uint16Array(buf)]);
-    const f = new FileReader();
-    f.onload = function (e) {
-        callback(btoa(e.target['result']));
-    };
-    f.readAsText(bb, 'UTF-16');
-}
-function btoaAtob16(utf16Base64, resultCallback) {
-    try {
-        resultCallback(btoa(String.fromCharCode.apply(null, new Uint16Array(base64DecToArr(utf16Base64, 2).buffer))));
-    }
-    catch (e) {
-        _arrayBufferToString(base64DecToArr(utf16Base64, 2).buffer, resultCallback);
-    }
-}
-function base64UTF16LEtobase64UTF8(base64UTF16, resultCallback) {
-    base64UTF16 == undefined ? resultCallback(undefined) : atob(base64UTF16).indexOf('{\\rtf1') === 0 ? resultCallback(base64UTF16) : btoaAtob16(base64UTF16, resultCallback);
-}
-function _isReorderBand(dropTarget, dragFrom) {
-    return BandViewModel.isReorderingBand(dropTarget.getControlModel()) &&
-        BandViewModel.isReorderingBand(dragFrom) &&
-        dropTarget.getControlModel().controlType === dragFrom.controlType &&
-        dropTarget.getControlModel().parentModel() === dragFrom.parentModel();
-}
-function _isMarginBand(band) {
-    return (band.controlType === 'TopMarginBand' || band.controlType === 'BottomMarginBand');
-}
-function _isPageBand(band) {
-    return (band.controlType === 'PageHeaderBand' || band.controlType === 'PageFooterBand');
-}
-const availableFonts = external_DevExpress_Analytics_Widgets_Internal_namespaceObject.availableFonts;
-
 ;// ./dist/designer/internal/dragdrop/_objectExplorerDragDropHelper.js
 
 
@@ -26567,6 +26926,120 @@ class ObjectExplorerDragDropHelper extends external_DevExpress_Analytics_Widgets
     }
 }
 
+;// ./dist/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);
+    }
+}
+
 ;// ./dist/designer/internal/dragdrop/_reportControlsDragDropHelper.js
 
 
@@ -26578,6 +27051,8 @@ class ObjectExplorerDragDropHelper extends external_DevExpress_Analytics_Widgets
 
 
 
+
+
 class ReportControlsDragDropHelper extends ObjectExplorerDragDropHelper {
     _canReorder(currentTarget, draggableData) {
         const currentModel = this._getElementViewModel(currentTarget);
@@ -26652,13 +27127,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();
         }
     }
@@ -26819,188 +27300,6 @@ class ReportExplorerDragDropHandler extends ObjectExplorerDragDropHandler {
     }
 }
 
-;// ./dist/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();
-    }
-}
-
-;// ./dist/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);
-            });
-        }));
-    }
-}
-
 ;// ./dist/designer/internal/dragdrop/_reportSnapLinesCollector.js
 
 
@@ -27069,7 +27368,6 @@ class ReportSnapLinesCollector extends external_DevExpress_Analytics_Internal_na
 
 
 
-
 class ReportToolboxDragDropHandler extends external_DevExpress_Analytics_Internal_namespaceObject.ToolboxDragDropHandler {
     dispose() {
         this.surface = null;
@@ -27103,19 +27401,6 @@ class ReportToolboxDragDropHandler extends external_DevExpress_Analytics_Interna
             });
         }
     }
-    doStopDrag(ui, draggable) {
-        const reportSurface = this.surface();
-        const toolboxItem = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {}, draggable);
-        this._processProperty('@Padding', toolboxItem.info, (target) => {
-            const model = external_DevExpress_Analytics_Elements_namespaceObject.PaddingModel.from(target['@Padding']);
-            external_DevExpress_Analytics_Elements_namespaceObject.PaddingModel.unitProperties.forEach((name) => {
-                model[name](model[name]() * reportSurface.dpi() / 100);
-            });
-            model._set('dpi', reportSurface.dpi());
-            target['@Padding'] = model.toString();
-        });
-        super.doStopDrag(ui, toolboxItem);
-    }
     addControl(control, dropTargetSurface, size) {
         if (control.controlType === 'XRTableOfContents') {
             const dropTargetModel = dropTargetSurface.getControlModel();
@@ -27129,11 +27414,6 @@ class ReportToolboxDragDropHandler extends external_DevExpress_Analytics_Interna
             }
             if (!dropTargetSurface)
                 return;
-            const band = dropTargetSurface.getControlModel();
-            const tocModel = control;
-            tocModel.allLevels().forEach((lvl) => {
-                lvl.height(recalculateUnit(lvl.height(), band.dpi()));
-            });
         }
         super.addControl(control, dropTargetSurface, size);
         const parent = dropTargetSurface.getControlModel();
@@ -27878,7 +28158,7 @@ class FieldListDataSourcesHelper {
             const dataSource = changeSet.value;
             if (changeSet.status === 'added') {
                 this._subscribeDataSource(dataSource);
-                model.components.push(new ComponentsModel(dataSource, this._renameDataSourceStrategy));
+                model.components.push(new ComponentsModel(dataSource, this._renameDataSourceStrategy, model.parameters));
                 this.fieldListDataSources.splice(changeSet.index, 0, dataSource);
             }
             else {
@@ -27899,7 +28179,7 @@ class FieldListDataSourcesHelper {
         model.components([]);
         model.components(dsHelper.usedDataSources()
             .filter(item => item.specifics !== 'none')
-            .map(item => new ComponentsModel(item, this._renameDataSourceStrategy)));
+            .map(item => new ComponentsModel(item, this._renameDataSourceStrategy, parameters)));
     }
 }
 
@@ -28301,6 +28581,8 @@ class ParametersDialogBase extends external_DevExpress_Analytics_Utils_namespace
         this._selectedParameter = external_ko_namespaceObject.observable(null);
         this._selectedParameterSettings = external_ko_namespaceObject.observable(null);
         this.visible = external_ko_namespaceObject.observable(false);
+        this.maxWidth = 1250;
+        this.maxHeight = 700;
         this.container = (element) => (0,external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)(element);
         this._disposables.push(this._propertiesGrid = new external_DevExpress_Analytics_Widgets_namespaceObject.ObjectProperties(this._editableObject), this._settingsGrid = new external_DevExpress_Analytics_Widgets_namespaceObject.ObjectProperties(this._selectedParameterSettings), this.visible.subscribe((newVal) => !newVal && this.close()), this._selectedItem.subscribe((item) => {
             const parameter = item && this._getParameterFromLayoutItem(item);
@@ -28362,8 +28644,8 @@ class AddParameterDialog extends ParametersDialogBase {
         super(...arguments);
         this.popupCss = 'dxrd-parameters-add-dialog';
         this.title = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Add Parameter', 'ASPxReportsStringId.ReportDesigner_ParametersDialog_AddParameter');
-        this.width = 900;
-        this.height = 632;
+        this.maxWidth = 900;
+        this.maxHeight = 650;
         this.contentTemplate = 'dxrd-parameter-edit';
     }
     onSubmit() {
@@ -28398,8 +28680,7 @@ class EditParametersDialog extends ParametersDialogBase {
         };
         this.addButtons = [];
         this.moveButtons = [];
-        this.width = 'auto';
-        this.height = 726;
+        this.maxHeight = 726;
         this.popupCss = 'dxrd-parameters-edit-dialog';
         this.title = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Edit Parameters', 'ASPxReportsStringId.ReportDesigner_ParametersDialog_EditParameters');
         this.contentEmptyAreaPlaceHolder = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Add items to configure report parameters and parameter panel layout', 'ReportStringId.ParameterCollectionEditorForm_EmptyViewPlaceHolder');
@@ -30185,7 +30466,7 @@ class ReportPreviewService {
     static _getInitializePreviewArgs(report) {
         return {
             layout: JSON.stringify({ 'XtraReportsLayoutSerializer': report.serialize() }),
-            culture: report.isLocalized() && report.language() !== language.defaultVal ? report.language() : ''
+            culture: report.language() !== language.defaultVal ? report.language() : ''
         };
     }
     static initializePreview(report) {
@@ -30203,10 +30484,9 @@ class ReportAIService {
     static localize(strings, language) {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'localize', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ strings, language }), external_DevExpress_Reporting_Viewer_Internal_namespaceObject.PreviewRequestWrapper.getProcessErrorCallback());
     }
-    static initializePreviewWithFakeData(report, rowCount) {
+    static initializePreviewWithFakeData(report) {
         const args = {
             ...ReportPreviewService._getInitializePreviewArgs(report),
-            rowCount: rowCount,
             dataBindingMode: DataBindingMode(),
         };
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'initializePreviewWithFakeData', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)(args), external_DevExpress_Reporting_Viewer_Internal_namespaceObject.PreviewRequestWrapper.getProcessErrorCallback());
@@ -30490,10 +30770,12 @@ class LocalizationEditor extends external_DevExpress_Analytics_Utils_namespaceOb
         this.isSearching(!this.isSearching());
     }
     getLoadPanelOptions(element) {
+        const position = this.getLoadPanelPosition(element);
         return {
             visible: this.showLoadIndicator,
             shading: true,
-            position: { of: this.getLoadPanelPosition(element) },
+            position: { of: position },
+            container: position,
             message: '',
             shadingColor: 'rgba(0,0,0,0.4)',
         };
@@ -30558,8 +30840,8 @@ const FullscreenReportWizardPageId = {
     DefineCrossTabPage: 'defineCrossTabPage',
     SpecifyPageSettingsPage: 'specifyPageSettingsPage',
     SpecifyLabelSettingsPage: 'specifyLabelSettingsPage',
-    SelectAIReportTypePage: 'selectAIReportTypePage',
-    DefineAIReportLayoutPage: 'defineAIReportLayoutPage'
+    AISelectDataSourceOptionPage: 'aiSelectDataSourceOptionPage',
+    AIEnterReportPromptPage: 'aiEnterReportPromptPage'
 };
 const FullscreenReportWizardSectionId = {
     ChooseAvailableDataSourcePage: ReportWizardPageId.ChooseAvailableDataSourcePage,
@@ -30756,27 +31038,6 @@ const ReportDesignerAddOns = {
     FilterEditor: 'dx-filtereditor-popup'
 };
 
-;// ./dist/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');
-            }
-        };
-    }
-}
-
 ;// ./dist/designer/bands/xrMarginBands.js
 
 
@@ -30824,7 +31085,8 @@ class VerticalDetailBandViewModel extends VerticalBandViewModel {
         this.disposeObservableArray(this.sortFields);
         this.resetObservableArray(this.sortFields);
     }
-    preInit(band, parent, serializer) {
+    afterDeserialize(band, parent, serializer) {
+        super.afterDeserialize(band, parent, serializer);
         this.sortFields = (0,external_DevExpress_Analytics_Utils_namespaceObject.deserializeArray)(band.SortFields, (field) => { return new GroupFieldModel(field, serializer); });
     }
 }
@@ -30915,6 +31177,7 @@ class VerticalDetailBandViewModel extends VerticalBandViewModel {
 
 
 
+
 
 
 const canPasteInBand = (dropTarget) => {
@@ -31449,7 +31712,7 @@ function _registerControls_registerControls(fieldListProvider) {
     });
     controlsFactory().registerControl('GroupFooterBand', {
         info: groupFooterBandSerializationInfo,
-        type: BandViewModel,
+        type: GroupFooterBand,
         nonToolboxItem: true,
         surfaceType: BandSurface,
         popularProperties: popularPropertiesGroupFooter,
@@ -31619,15 +31882,7 @@ function registerCustomControls(controls) {
             const meta = factory.inheritControl(control.inheritClassName, getMetaForControl(controlSubcategoryInfo, info));
             factory.registerControl(control.className, meta);
             info.forEach((prop) => {
-                if (groups[prop.group] === undefined) {
-                    groups[prop.group] = {
-                        info: [prop],
-                        displayName: () => prop.group,
-                    };
-                }
-                else {
-                    groups[prop.group].info.push(prop);
-                }
+                addPropertyToGroup(prop.group, prop);
             });
         }
     });
@@ -32008,7 +32263,6 @@ var ReportType;
     ReportType[ReportType["Label"] = 2] = "Label";
     ReportType[ReportType["Template"] = 5] = "Template";
     ReportType[ReportType["CrossTab"] = 6] = "CrossTab";
-    ReportType[ReportType["AIGenerated"] = 7] = "AIGenerated";
 })(ReportType || (ReportType = {}));
 var PivotSummaryType;
 (function (PivotSummaryType) {
@@ -32036,6 +32290,14 @@ var GraphicsUnit;
     GraphicsUnit[GraphicsUnit["Document"] = 5] = "Document";
     GraphicsUnit[GraphicsUnit["Millimeter"] = 6] = "Millimeter";
 })(GraphicsUnit || (GraphicsUnit = {}));
+var ReportUnit;
+(function (ReportUnit) {
+    ReportUnit[ReportUnit["Inches"] = 0] = "Inches";
+    ReportUnit[ReportUnit["HundredthsOfAnInch"] = 1] = "HundredthsOfAnInch";
+    ReportUnit[ReportUnit["Millimeters"] = 2] = "Millimeters";
+    ReportUnit[ReportUnit["TenthsOfAMillimeter"] = 3] = "TenthsOfAMillimeter";
+    ReportUnit[ReportUnit["Pixels"] = 4] = "Pixels";
+})(ReportUnit || (ReportUnit = {}));
 const defaultPageSize = (0,external_DevExpress_Analytics_Internal_namespaceObject.getPaperSize)(paperKind.defaultVal, 0);
 const defaultPageSetupState = {
     paperKind: paperKind.defaultVal,
@@ -32046,7 +32308,7 @@ const defaultPageSetupState = {
     marginLeft: 1,
     width: defaultPageSize.width / 100,
     height: defaultPageSize.height / 100,
-    unit: GraphicsUnit.Inch
+    reportUnit: ReportUnit.Inches
 };
 const defaultReportWizardState = {
     masterDetailInfoCollection: [],
@@ -32110,7 +32372,7 @@ class CrossTabFieldInfoBase {
 class CrossTabGroupFieldInfo extends CrossTabFieldInfoBase {
     constructor(info) {
         super(info);
-        this.SortOrder = external_DevExpress_Reporting_Viewer_Internal_namespaceObject.ColumnSortOrder[info.sortOrder] || external_DevExpress_Reporting_Viewer_Internal_namespaceObject.ColumnSortOrder.Ascending;
+        this.SortOrder = external_DevExpress_Reporting_Viewer_Internal_namespaceObject.ColumnSortOrder[info.sortOrder] ?? external_DevExpress_Reporting_Viewer_Internal_namespaceObject.ColumnSortOrder.Ascending;
     }
 }
 class CrossTabColumnFieldInfo extends CrossTabGroupFieldInfo {
@@ -32129,7 +32391,7 @@ class CrossTabDataFieldInfo extends CrossTabFieldInfoBase {
     constructor(info) {
         super(info);
         this.__type = 'CrossTabDataFieldInfo:#DevExpress.XtraReports.Wizards.CrossTab';
-        this.SummaryType = PivotSummaryType[info.summaryType] || PivotSummaryType.Sum;
+        this.SummaryType = PivotSummaryType[info.summaryType] ?? PivotSummaryType.Sum;
     }
 }
 
@@ -32200,7 +32462,7 @@ class MasterDetailRequestModel extends CommonRequestModel {
                 bottom: state.pageSetup.marginBottom
             };
             this.Portrait = !state.pageSetup.landscape;
-            this.Unit = state.pageSetup.unit;
+            this.ReportUnit = state.pageSetup.reportUnit;
         }
     }
 }
@@ -32216,6 +32478,97 @@ const ContextMenusEnabled = (0,external_DevExpress_Analytics_Internal_namespaceO
 const DimensionNotationsEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
 const AIServicesEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(false);
 
+;// ./dist/designer/wizard/_utils.js
+
+
+function getFormattedValueInUnits(value, unit) {
+    const format = unit === GraphicsUnit.Inch ? 2 : 1;
+    return value.toFixed(format);
+}
+const AIGeneratedReportId = 'IsAIReportType';
+function isAIReportType(state) {
+    return state.reportTemplateID === AIGeneratedReportId;
+}
+class ListViewModel {
+    constructor(caption) {
+        this.caption = caption;
+        this._items = external_ko_namespaceObject.observableArray([]).extend({ deferred: true });
+        this._refreshActiveItem = (previousActivItemIndex = -1) => {
+            if (this.isEmpty) {
+                this.activeItemArray.removeAll();
+            }
+            else if (previousActivItemIndex < 0) {
+                this.activeItemArray.splice(0, 1, this._items()[0]);
+            }
+            else {
+                if (previousActivItemIndex >= this._items().length) {
+                    previousActivItemIndex = this._items().length - 1;
+                }
+                this.activeItemArray.splice(0, 1, this._items()[previousActivItemIndex]);
+            }
+        };
+        this.activeItemArray = external_ko_namespaceObject.observableArray([]).extend({ deferred: true });
+    }
+    get items() {
+        return this._items();
+    }
+    get activeItem() {
+        return this.activeItemArray().length === 1 ? this.activeItemArray()[0] : null;
+    }
+    set activeItem(value) {
+        if (this._items().indexOf(value) > -1) {
+            this.activeItemArray.splice(0, 1, value);
+        }
+    }
+    add(item) {
+        this._items.push(item);
+        this.activeItemArray.splice(0, 1, item);
+    }
+    addRange(items) {
+        this.setItems(this._items().concat(items));
+    }
+    removeActiveItem() {
+        const index = this._items.indexOf(this.activeItemArray()[0]);
+        this._items.remove(this.activeItemArray()[0]);
+        this._refreshActiveItem(index);
+    }
+    removeAll() {
+        this._items.removeAll();
+        this.activeItemArray.removeAll();
+    }
+    setItems(items) {
+        this._items(items);
+        this.activeItemArray([this._items()[0]]);
+        this._refreshActiveItem();
+    }
+    moveUp() {
+        if (this.isMoveUpEnabled()) {
+            const index = this._items.indexOf(this.activeItem);
+            this.activeItemArray.removeAll();
+            this._items.splice(index - 1, 2, this._items()[index], this._items()[index - 1]);
+            this.activeItemArray.splice(0, 1, this._items()[index - 1]);
+        }
+    }
+    moveDown() {
+        if (this.isMoveDownEnabled()) {
+            const index = this._items.indexOf(this.activeItem);
+            this.activeItemArray.removeAll();
+            this._items.splice(index, 2, this._items()[index + 1], this._items()[index]);
+            this.activeItemArray.splice(0, 1, this._items()[index + 1]);
+        }
+    }
+    get isEmpty() {
+        return this._items().length === 0;
+    }
+    isMoveUpEnabled() {
+        return this._items.indexOf(this.activeItemArray()[0]) > 0;
+    }
+    isMoveDownEnabled() {
+        const index = this._items.indexOf(this.activeItemArray()[0]);
+        return index > -1 && index < this._items().length - 1;
+    }
+}
+
 ;// ./dist/designer/wizard/pages/chooseReportTypePage.js
 
 
@@ -32228,6 +32581,7 @@ const AIServicesEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObj
 
 
 
+
 class SelectReportTypePage extends external_DevExpress_Analytics_Wizard_namespaceObject.ChooseDataSourceTypePage {
     constructor(_options) {
         super({});
@@ -32273,8 +32627,8 @@ class SelectReportTypePage extends external_DevExpress_Analytics_Wizard_namespac
             return !!this._options.canCreateDatabound;
         if (item.type === ReportType.Vertical)
             return this._options.canCreateDatabound && this._options.showVertical;
-        if (item.type === ReportType.AIGenerated)
-            return !!this._options.canGenerateAIReport;
+        if (item.id === AIGeneratedReportId)
+            return AIServicesEnabled();
         return true;
     }
     canNext() {
@@ -32284,7 +32638,10 @@ class SelectReportTypePage extends external_DevExpress_Analytics_Wizard_namespac
         return this.selectedItem() !== null && this.selectedItem().canInstantlyFinish;
     }
     commit() {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve({ reportType: this.selectedItem().type, reportTemplateID: this.selectedItem().id }).promise();
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve({
+            reportType: this.selectedItem().type,
+            reportTemplateID: this.selectedItem().id
+        }).promise();
     }
     initialize(state) {
         const type = state.reportType || ReportType.Standard;
@@ -32319,8 +32676,7 @@ function _registerSelectReportTypePage(factory, options) {
                 canCreateDatabound: canCreateDatabound,
                 showVertical: options.showVertical,
                 reportTemplates: options.reportTemplates,
-                searchBoxVisibilityMode: options.searchBoxVisibilityMode,
-                canGenerateAIReport: options.canGenerateAIReport && AIServicesEnabled()
+                searchBoxVisibilityMode: options.searchBoxVisibilityMode
             });
         },
         description: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Select the report type you wish to create.', 'ASPxReportsStringId.ReportDesigner_Wizard_SelectReportType_Message'),
@@ -32992,93 +33348,6 @@ function _registerConfigureCrossTabPage(factory, pageId, title, localizationId,
     });
 }
 
-;// ./dist/designer/wizard/_utils.js
-
-
-function getFormattedValueInUnits(value, unit) {
-    const format = unit === GraphicsUnit.Inch ? 2 : 1;
-    return value.toFixed(format);
-}
-class ListViewModel {
-    constructor(caption) {
-        this.caption = caption;
-        this._items = external_ko_namespaceObject.observableArray([]).extend({ deferred: true });
-        this._refreshActiveItem = (previousActivItemIndex = -1) => {
-            if (this.isEmpty) {
-                this.activeItemArray.removeAll();
-            }
-            else if (previousActivItemIndex < 0) {
-                this.activeItemArray.splice(0, 1, this._items()[0]);
-            }
-            else {
-                if (previousActivItemIndex >= this._items().length) {
-                    previousActivItemIndex = this._items().length - 1;
-                }
-                this.activeItemArray.splice(0, 1, this._items()[previousActivItemIndex]);
-            }
-        };
-        this.activeItemArray = external_ko_namespaceObject.observableArray([]).extend({ deferred: true });
-    }
-    get items() {
-        return this._items();
-    }
-    get activeItem() {
-        return this.activeItemArray().length === 1 ? this.activeItemArray()[0] : null;
-    }
-    set activeItem(value) {
-        if (this._items().indexOf(value) > -1) {
-            this.activeItemArray.splice(0, 1, value);
-        }
-    }
-    add(item) {
-        this._items.push(item);
-        this.activeItemArray.splice(0, 1, item);
-    }
-    addRange(items) {
-        this.setItems(this._items().concat(items));
-    }
-    removeActiveItem() {
-        const index = this._items.indexOf(this.activeItemArray()[0]);
-        this._items.remove(this.activeItemArray()[0]);
-        this._refreshActiveItem(index);
-    }
-    removeAll() {
-        this._items.removeAll();
-        this.activeItemArray.removeAll();
-    }
-    setItems(items) {
-        this._items(items);
-        this.activeItemArray([this._items()[0]]);
-        this._refreshActiveItem();
-    }
-    moveUp() {
-        if (this.isMoveUpEnabled()) {
-            const index = this._items.indexOf(this.activeItem);
-            this.activeItemArray.removeAll();
-            this._items.splice(index - 1, 2, this._items()[index], this._items()[index - 1]);
-            this.activeItemArray.splice(0, 1, this._items()[index - 1]);
-        }
-    }
-    moveDown() {
-        if (this.isMoveDownEnabled()) {
-            const index = this._items.indexOf(this.activeItem);
-            this.activeItemArray.removeAll();
-            this._items.splice(index, 2, this._items()[index + 1], this._items()[index]);
-            this.activeItemArray.splice(0, 1, this._items()[index + 1]);
-        }
-    }
-    get isEmpty() {
-        return this._items().length === 0;
-    }
-    isMoveUpEnabled() {
-        return this._items.indexOf(this.activeItemArray()[0]) > 0;
-    }
-    isMoveDownEnabled() {
-        const index = this._items.indexOf(this.activeItemArray()[0]);
-        return index > -1 && index < this._items().length - 1;
-    }
-}
-
 ;// ./dist/designer/wizard/pages/addGroupingLevelPage.js
 
 
@@ -33960,10 +34229,16 @@ function _registerDefineCrossTabPage(factory, reportWizardOptions) {
 
 
 
+
 class SelectDataSourcePage extends external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenWizardPage {
     constructor(reportWizardOptions) {
         super();
         this.reportWizardOptions = reportWizardOptions;
+        this.showNoDataSourceOption = false;
+    }
+    initialize(state, stateChanged) {
+        this.showNoDataSourceOption = !isAIReportType(state);
+        return super.initialize(state, stateChanged);
     }
     registerSections() {
         if (this.reportWizardOptions.dataSources().length > 0) {
@@ -33971,7 +34246,12 @@ class SelectDataSourcePage extends external_DevExpress_Analytics_Wizard_namespac
             this._setSectionPosition(FullscreenReportWizardSectionId.ChooseAvailableDataSourcePage);
         }
         if (this.reportWizardOptions.canCreateDataSource) {
-            _registerChooseDataSourceTypePage(this._factory, this.reportWizardOptions);
+            if (this.showNoDataSourceOption) {
+                _registerChooseDataSourceTypePage(this._factory, this.reportWizardOptions);
+            }
+            else {
+                (0,external_DevExpress_Analytics_Wizard_namespaceObject._registerChooseDataSourceTypePage)(this._factory, this.reportWizardOptions);
+            }
             this._setSectionPosition(FullscreenReportWizardSectionId.ChooseDataSourceTypePage);
             const meta = this._factory.getMetadata(FullscreenReportWizardSectionId.ChooseDataSourceTypePage);
             meta['disabledText'] = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)("To specify a data source, select \"No, I'd like to create a new data source\".", 'AnalyticsCoreStringId.Wizard_SelectDataSourceType_Placeholder');
@@ -34999,29 +35279,12 @@ function _registerChooseReportColorSchemePage(factory) {
 ;// ./dist/designer/wizard/internal/_pageSetupUtils.js
 
 
-
 class PageSetupHelper {
-    static mm2px(val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(10 * val, 'TenthsOfAMillimeter'); }
-    static in2px(val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(100 * val, 'HundredthsOfAnInch'); }
-    static px2mm(val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.pixelToUnits)(val, 'TenthsOfAMillimeter', 1) / 10; }
-    static px2in(val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.pixelToUnits)(val, 'HundredthsOfAnInch', 1) / 100; }
-    static mm2in(val) { return val * CONVERSION_COEEFICIENT; }
-    static in2mm(val) { return val / CONVERSION_COEEFICIENT; }
     static getConverter(from, to) {
-        if (from === to)
-            return x => x;
-        const unitCode = (unit) => {
-            switch (unit) {
-                case GraphicsUnit.Inch:
-                    return 'in';
-                case GraphicsUnit.Millimeter:
-                    return 'mm';
-                case GraphicsUnit.Pixel:
-                    return 'px';
-            }
+        return (val) => {
+            const pixels = (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(val, ReportUnit[from], 1);
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.pixelToUnits)(pixels, ReportUnit[to], 1);
         };
-        const fnName = unitCode(from) + '2' + unitCode(to);
-        return PageSetupHelper[fnName];
     }
 }
 
@@ -35092,21 +35355,23 @@ class ConfigureReportPageSettingsPage extends external_DevExpress_Analytics_Wiza
             paperKind: paperKind.valuesArray
                 .map(x => { return { value: x.value, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)(x.displayValue, x.localizationId) }; })
                 .sort((a, b) => a.value === 'Custom' ? 1 : b.value === 'Custom' ? -1 : a.displayName.localeCompare(b.displayName)),
-            unit: [
-                { value: GraphicsUnit.Inch, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Inch', 'AnalyticsCoreStringId.Wizard_Inch') },
-                { value: GraphicsUnit.Millimeter, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Millimeter', 'AnalyticsCoreStringId.Wizard_Millimeter') },
-                { value: GraphicsUnit.Pixel, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Pixel', 'ASPxReportsStringId.ReportDesigner_Wizard_Pixel') }
+            reportUnit: [
+                { value: ReportUnit.Inches, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Inches', 'DevExpress.XtraReports.UI.ReportUnit.Inches') },
+                { value: ReportUnit.HundredthsOfAnInch, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Hundredths of an Inch', 'DevExpress.XtraReports.UI.ReportUnit.HundredthsOfAnInch') },
+                { value: ReportUnit.Millimeters, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Millimeters', 'DevExpress.XtraReports.UI.ReportUnit.Millimeters') },
+                { value: ReportUnit.TenthsOfAMillimeter, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Tenths of a Millimeter', 'DevExpress.XtraReports.UI.ReportUnit.TenthsOfAMillimeter') },
+                { value: ReportUnit.Pixels, displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Pixels', 'DevExpress.XtraReports.UI.ReportUnit.Pixels') }
             ]
         };
         this.paperKind = external_ko_namespaceObject.observable(defaultPageSetupState.paperKind);
         this.landscape = external_ko_namespaceObject.observable(defaultPageSetupState.landscape);
-        this.width = external_ko_namespaceObject.observable(defaultPageSetupState.width);
-        this.height = external_ko_namespaceObject.observable(defaultPageSetupState.height);
+        this.width = external_ko_namespaceObject.observable(defaultPageSetupState.width).extend({ deferred: true });
+        this.height = external_ko_namespaceObject.observable(defaultPageSetupState.height).extend({ deferred: true });
         this._disposables.push(this.fixedSize = external_ko_namespaceObject.computed(() => this.paperKind() !== 'Custom'));
-        this.marginTop = external_ko_namespaceObject.observable(defaultPageSetupState.marginTop);
-        this.marginRight = external_ko_namespaceObject.observable(defaultPageSetupState.marginRight);
-        this.marginBottom = external_ko_namespaceObject.observable(defaultPageSetupState.marginBottom);
-        this.marginLeft = external_ko_namespaceObject.observable(defaultPageSetupState.marginLeft);
+        this.marginTop = external_ko_namespaceObject.observable(defaultPageSetupState.marginTop).extend({ deferred: true });
+        this.marginRight = external_ko_namespaceObject.observable(defaultPageSetupState.marginRight).extend({ deferred: true });
+        this.marginBottom = external_ko_namespaceObject.observable(defaultPageSetupState.marginBottom).extend({ deferred: true });
+        this.marginLeft = external_ko_namespaceObject.observable(defaultPageSetupState.marginLeft).extend({ deferred: true });
         this._disposables.push(this.previewPageHelper = new PreviewPageHelper({
             height: this.height,
             width: this.width,
@@ -35115,18 +35380,18 @@ class ConfigureReportPageSettingsPage extends external_DevExpress_Analytics_Wiza
             marginBottom: this.marginBottom,
             marginLeft: this.marginLeft
         }));
-        this._unit = external_ko_namespaceObject.observable(defaultPageSetupState.unit);
-        this._disposables.push(this.unit = external_ko_namespaceObject.computed({
-            read: () => this._unit(),
+        this._reportUnit = external_ko_namespaceObject.observable(defaultPageSetupState.reportUnit);
+        this._disposables.push(this.reportUnit = external_ko_namespaceObject.computed({
+            read: () => this._reportUnit(),
             write: (newVal) => {
-                const converter = PageSetupHelper.getConverter(this._unit(), newVal);
+                const converter = PageSetupHelper.getConverter(this._reportUnit(), newVal);
                 [this.width, this.height, this.marginTop, this.marginRight, this.marginBottom, this.marginLeft].forEach(x => { x(converter(x())); });
-                this._unit(newVal);
+                this._reportUnit(newVal);
             }
         }));
         this._disposables.push(this.paperKind.subscribe(newVal => {
             if (newVal !== 'Custom') {
-                const convert = PageSetupHelper.getConverter(GraphicsUnit.Inch, this._unit());
+                const convert = PageSetupHelper.getConverter(ReportUnit.Inches, this._reportUnit());
                 const size = (0,external_DevExpress_Analytics_Internal_namespaceObject.getPaperSize)(newVal, 0);
                 let width = convert(size.width / 100);
                 let height = convert(size.height / 100);
@@ -35151,12 +35416,16 @@ class ConfigureReportPageSettingsPage extends external_DevExpress_Analytics_Wiza
             this.marginLeft(l);
         }));
         this._disposables.push(this.valueFormat = external_ko_namespaceObject.pureComputed(() => {
-            switch (this._unit()) {
-                case GraphicsUnit.Inch:
+            switch (this._reportUnit()) {
+                case ReportUnit.Inches:
                     return '#0.00 "';
-                case GraphicsUnit.Millimeter:
-                    return '#0.0 mm';
-                case GraphicsUnit.Pixel:
+                case ReportUnit.HundredthsOfAnInch:
+                    return '#0';
+                case ReportUnit.Millimeters:
+                    return '#0 mm';
+                case ReportUnit.TenthsOfAMillimeter:
+                    return '#0';
+                case ReportUnit.Pixels:
                     return '#0 px';
             }
         }));
@@ -35169,13 +35438,13 @@ class ConfigureReportPageSettingsPage extends external_DevExpress_Analytics_Wiza
             this.marginLeft,
             this.marginRight,
             this.marginBottom,
-            this.unit
+            this.reportUnit
         ], () => this._onChange()));
     }
     initialize(state) {
         this.paperKind(state.paperKind);
         this.landscape(state.landscape);
-        this.unit(state.unit);
+        this.reportUnit(state.reportUnit);
         if (state.paperKind === 'Custom') {
             this.width(state.width);
             this.height(state.height);
@@ -35189,7 +35458,7 @@ class ConfigureReportPageSettingsPage extends external_DevExpress_Analytics_Wiza
     commit() {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve({
             paperKind: this.paperKind(),
-            unit: this.unit(),
+            reportUnit: this.reportUnit(),
             width: this.width(),
             height: this.height(),
             marginLeft: this.marginLeft(),
@@ -35208,7 +35477,7 @@ function _applyPageSetting(data, state) {
     state.marginRight = data.marginRight;
     state.marginTop = data.marginTop;
     state.paperKind = data.paperKind;
-    state.unit = data.unit;
+    state.reportUnit = data.reportUnit;
     state.width = data.width;
 }
 function _registerConfigureReportPageSettingsPage(factory) {
@@ -35499,43 +35768,15 @@ class ReportWizardStateHelper {
         }
     }
     static applyPageSetup(state, model) {
-        let unit;
-        let _pageSetupProps = [
-            model.pageWidthF(),
-            model.pageHeightF(),
-            model.margins.left(),
-            model.margins.right(),
-            model.margins.top(),
-            model.margins.bottom()
-        ];
-        switch (model.measureUnit()) {
-            case 'Inches':
-                unit = GraphicsUnit.Inch;
-                break;
-            case 'Millimeters':
-                unit = GraphicsUnit.Millimeter;
-                break;
-            case 'HundredthsOfAnInch':
-                _pageSetupProps = _pageSetupProps.map(x => x / 100);
-                unit = GraphicsUnit.Inch;
-                break;
-            case 'TenthsOfAMillimeter':
-                _pageSetupProps = _pageSetupProps.map(x => x / 10);
-                unit = GraphicsUnit.Millimeter;
-                break;
-            case 'Pixels':
-                unit = GraphicsUnit.Pixel;
-                break;
-        }
         state.pageSetup = {
             paperKind: model.paperKind(),
-            unit: unit,
-            width: _pageSetupProps[0],
-            height: _pageSetupProps[1],
-            marginLeft: _pageSetupProps[2],
-            marginRight: _pageSetupProps[3],
-            marginTop: _pageSetupProps[4],
-            marginBottom: _pageSetupProps[5],
+            reportUnit: ReportUnit[model.measureUnit()],
+            width: model.pageWidthF(),
+            height: model.pageHeightF(),
+            marginLeft: model.margins.left(),
+            marginRight: model.margins.right(),
+            marginTop: model.margins.top(),
+            marginBottom: model.margins.bottom(),
             landscape: model.landscape()
         };
     }
@@ -35555,7 +35796,7 @@ function createReportWizardState(reportViewModel) {
     return state;
 }
 
-;// ./dist/designer/wizard/pages/fullscreen/ai/selectAIReportTypePage.js
+;// ./dist/designer/wizard/pages/fullscreen/ai/aiSelectDataSourceOptionPage.js
 
 
 
@@ -35566,12 +35807,12 @@ const predefinedAIReportTemplates = [
     { text: 'No Data Source', imageClassName: 'emptyReport', imageTemplateName: 'dxrd-svg-wizard-AIEmptyReport', id: 'Empty', localizationID: 'ASPxReportsStringId.ReportDesigner_Wizard_AI_SelectDataSourceOption_NoDataSource' },
     { text: 'Add Data Source', imageClassName: 'databoundReport', imageTemplateName: 'dxrd-svg-wizard-AIStandardReport', id: 'Standard', localizationID: 'ASPxReportsStringId.ReportDesigner_Wizard_AI_SelectDataSourceOption_AddDataSource' },
 ];
-class SelectAIReportTypePage extends SelectReportTypePage {
+class AISelectDataSourceOptionPage extends SelectReportTypePage {
     canNext() {
         return true;
     }
     commit() {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve({ aiReportType: this.selectedItem().type }).promise();
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve({ reportType: this.selectedItem().type }).promise();
     }
     initialize(state) {
         const type = state.reportType || ReportType.Standard;
@@ -35580,16 +35821,16 @@ class SelectAIReportTypePage extends SelectReportTypePage {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve().promise();
     }
 }
-function _registerSelectAIReportTypePage(factory, options) {
-    factory.registerMetadata(FullscreenReportWizardPageId.SelectAIReportTypePage, {
+function _registerAISelectDataSourceOptionPage(factory, options) {
+    factory.registerMetadata(FullscreenReportWizardPageId.AISelectDataSourceOptionPage, {
         setState: (data, state) => {
-            state.aiReportType = data.aiReportType;
+            state.reportType = data.reportType;
         },
         getState: (state) => {
             return state;
         },
         resetState: (state, defaultState) => {
-            state.aiReportType = defaultState.aiReportType;
+            state.reportType = defaultState.reportType;
         },
         create: () => {
             const canCreateDatabound = 'function' === typeof (options.canCreateDatabound) ? options.canCreateDatabound() : options.canCreateDatabound;
@@ -35597,14 +35838,14 @@ function _registerSelectAIReportTypePage(factory, options) {
                 reportTemplates: predefinedAIReportTemplates,
                 canCreateDatabound: canCreateDatabound,
             };
-            return new SelectAIReportTypePage(pageOptions);
+            return new AISelectDataSourceOptionPage(pageOptions);
         },
         template: 'dxrd-page-choose-report-type',
         navigationPanelText: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Select a Data Source Option', 'ASPxReportsStringId.ReportDesigner_Wizard_AI_SelectDataSourceOption')
     });
 }
 
-;// ./dist/designer/wizard/pages/fullscreen/ai/defineAIReportLayoutPage.js
+;// ./dist/designer/wizard/pages/fullscreen/ai/aiEnterReportPromptPage.js
 
 
 
@@ -35619,7 +35860,7 @@ class AIFieldListController extends FieldListController {
         return false;
     }
 }
-class DefineAIReportLayoutPage extends external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenWizardPage {
+class AIEnterReportPromptPage extends external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenWizardPage {
     constructor(options) {
         super();
         this.options = options;
@@ -35631,7 +35872,7 @@ class DefineAIReportLayoutPage extends external_DevExpress_Analytics_Wizard_name
         this._showDataStructure = false;
         this._reportPrompt = external_ko_namespaceObject.observable('');
         const fieldListProvider = new external_DevExpress_Analytics_Internal_namespaceObject.FieldListProvider((pathRequest) => {
-            return options.fieldListCallBack(new external_DevExpress_Analytics_Utils_namespaceObject.PathRequest(pathRequest.fullPath), this._dataSource);
+            return options.fieldListCallBack(new external_DevExpress_Analytics_Utils_namespaceObject.PathRequest(pathRequest.fullPath), this._dataSource, false);
         }, this._rootItems);
         this._fieldListModel = {
             itemsProvider: fieldListProvider,
@@ -35642,7 +35883,7 @@ class DefineAIReportLayoutPage extends external_DevExpress_Analytics_Wizard_name
     }
     initialize(state) {
         this._reportPrompt(state.reportPrompt ? state.reportPrompt : '');
-        this._showDataStructure = state.aiReportType === ReportType.Standard;
+        this._showDataStructure = state.reportType === ReportType.Standard;
         if (this._showDataStructure) {
             this._dataSource = _restoreDataSourceFromState(state.newDataSource || state.dataSource);
             this._rootItems([this._dataSource]);
@@ -35670,11 +35911,13 @@ class DefineAIReportLayoutPage extends external_DevExpress_Analytics_Wizard_name
         };
     }
     _customLoadPanelViewModel(element, isLoading) {
+        const position = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element).closest('.dxrd-wizard-content').find('.dxrd-wizard-work-content')[0];
         return {
             visible: isLoading,
             shading: true,
-            position: { of: '.dxrd-wizard-content .dxrd-wizard-work-content' },
+            position: { of: position },
             message: '',
+            container: position,
             shadingColor: 'rgba(0,0,0,0.4)',
         };
     }
@@ -35682,12 +35925,13 @@ class DefineAIReportLayoutPage extends external_DevExpress_Analytics_Wizard_name
         return {
             value: this._reportPrompt,
             placeholder: this._reportPromptPlaceholder,
+            valueChangeEvent: 'keyup'
         };
     }
 }
-function _registerDefineAIReportLayoutPage(factory, options) {
-    factory.registerMetadata(FullscreenReportWizardPageId.DefineAIReportLayoutPage, {
-        create: () => new DefineAIReportLayoutPage({
+function _registerAIEnterReportPromptPage(factory, options) {
+    factory.registerMetadata(FullscreenReportWizardPageId.AIEnterReportPromptPage, {
+        create: () => new AIEnterReportPromptPage({
             fieldListCallBack: options.callbacks.fieldListsCallback,
             predefinedReportPrompts: options.aiReportGenerationSettings.predefinedReportPrompts || []
         }),
@@ -35719,6 +35963,7 @@ function _registerDefineAIReportLayoutPage(factory, options) {
 
 
 
+
 
 
 class FullscreenReportWizard extends external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenWizard {
@@ -35761,14 +36006,14 @@ class FullscreenReportWizardPageIterator extends external_DevExpress_Analytics_W
         this._reportWizardOptions = _reportWizardOptions;
     }
     _getNextAIPageId(pageId) {
-        if (this._getCurrentState().reportType !== ReportType.AIGenerated)
+        if (!isAIReportType(this._getCurrentState()))
             return;
         if (pageId === FullscreenReportWizardPageId.SelectReportTypePage) {
-            return FullscreenReportWizardPageId.SelectAIReportTypePage;
+            return FullscreenReportWizardPageId.AISelectDataSourceOptionPage;
         }
-        else if (pageId === FullscreenReportWizardPageId.SelectAIReportTypePage) {
-            if (this._getCurrentState().aiReportType === ReportType.Empty) {
-                return FullscreenReportWizardPageId.DefineAIReportLayoutPage;
+        else if (pageId === FullscreenReportWizardPageId.AISelectDataSourceOptionPage) {
+            if (this._getCurrentState().reportType === ReportType.Empty) {
+                return FullscreenReportWizardPageId.AIEnterReportPromptPage;
             }
             else {
                 return FullscreenReportWizardPageId.SelectDataSourcePage;
@@ -35779,7 +36024,7 @@ class FullscreenReportWizardPageIterator extends external_DevExpress_Analytics_W
             pageId === external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenDataSourceWizardPageId.SpecifyJsonDataSourceSettingsPage ||
             pageId === external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenDataSourceWizardPageId.SpecifyObjectDataSourceSettingsPage ||
             pageId === external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenDataSourceWizardPageId.SpecifyFederationDataSourceSettingsPage) {
-            return FullscreenReportWizardPageId.DefineAIReportLayoutPage;
+            return FullscreenReportWizardPageId.AIEnterReportPromptPage;
         }
     }
     getNextPageId(pageId) {
@@ -35838,11 +36083,10 @@ function _registerFullscreenReportWizardPages(factory, reportWizardOptions) {
     _registerSelectReportTypePage(factory, {
         canCreateDatabound: canCreateDatabound,
         showVertical: true,
-        canGenerateAIReport: reportWizardOptions.aiReportGenerationSettings?.enableReportGenerationViaWizard,
         reportTemplates: reportWizardOptions.reportTemplates,
         searchBoxVisibilityMode: reportWizardOptions.searchBoxVisibilityMode
     });
-    _registerSelectAIReportTypePage(factory, { canCreateDatabound });
+    _registerAISelectDataSourceOptionPage(factory, { canCreateDatabound });
     _registerSelectDataSourcePage(factory, reportWizardOptions);
     _registerSpecifySqlDataSourceSettingsPage(factory, reportWizardOptions);
     _registerSpecifyJsonDataSourceSettingsPage(factory, reportWizardOptions);
@@ -35852,7 +36096,7 @@ function _registerFullscreenReportWizardPages(factory, reportWizardOptions) {
     _registerDefineCrossTabPage(factory, reportWizardOptions);
     _registerSpecifyLabelSettingsPage(factory, reportWizardOptions);
     _registerSpecifyPageSettingsPage(factory, reportWizardOptions);
-    _registerDefineAIReportLayoutPage(factory, reportWizardOptions);
+    _registerAIEnterReportPromptPage(factory, reportWizardOptions);
 }
 function _createFullscreenReportWizard(reportWizardOptions) {
     const factory = new external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenWizardPageFactory();
@@ -36031,7 +36275,7 @@ class CalculatedFieldsSource extends external_DevExpress_Analytics_Utils_namespa
     _initializeCalculatedField(field) {
         const pathRequest = this._getFieldPathRequest(field);
         field['getPath'] = (propertyName) => {
-            const dataSourceInfo = this._dataSourceHelper().findDataSourceInfo(field.dataSource() || this._reportDataSource());
+            const dataSourceInfo = this._dataSourceHelper?.()?.findDataSourceInfo(field.dataSource() || this._reportDataSource());
             return dataSourceInfo && (dataSourceInfo.id || dataSourceInfo.ref);
         };
         field._disposables.push(field.calcExpressionObj = new WrappedExpressionOptions({
@@ -36502,6 +36746,7 @@ class ReportDesignerContext extends external_DevExpress_Analytics_Utils_namespac
         this.report.dataBindingsProvider(this.dataBindingsProvider);
         this.chartValueBindingProvider = new external_DevExpress_Analytics_Internal_namespaceObject.FieldListProvider(wrappedCallback, chartValueBindingAvailableSources, [this.parameters, this.calcFieldsSource]);
         this.displayNameProvider = new DisplayNameProvider(this.fieldListProvider, this.fieldListDataSourceHelper.dataSourceHelper(), this.report.dataSource);
+        this.report.displayNameProvider(this.displayNameProvider);
         this.expressionDisplayNameProvider = new DisplayNameProvider(this.reportItemsProvider, this.fieldListDataSourceHelper.dataSourceHelper(), this.report.dataSource);
         this.reportErrorProvider = new DesignerErrorProvider(this.report);
         this.runtimeErrorProvider = new RuntimeErrorProvider();
@@ -37026,6 +37271,7 @@ class ReportMenuSettings extends external_DevExpress_Analytics_Internal_namespac
 
 
 
+
 class DataSourceActions {
     _findDataSource(dataSourceID) {
         return this._dsHelper().usedDataSources().filter((item) => {
@@ -37107,6 +37353,7 @@ class DataSourceActions {
     editDataSourceFilter(item) {
         const dataSourceInfo = this._findDataSource(item.data.name);
         const options = external_ko_namespaceObject.observable(new external_DevExpress_Analytics_Widgets_namespaceObject.FilterStringOptions(dataSourceInfo.data.criteriaString, external_ko_namespaceObject.observable(item.path)));
+        options().helper.parameters = external_ko_namespaceObject.observable(collectAvailableParameters(this._reportViewModel().parameters()));
         this.filterEditor(new external_DevExpress_Analytics_Widgets_namespaceObject.FilterEditor(options, this._fieldListProvider, this._reportViewModel().rtl(), this._displayNameProvider(), crypto.randomUUID()));
         this.filterEditor().popupVisible(true);
     }
@@ -37452,7 +37699,7 @@ class LegacyReportRequestModel extends CommonRequestModel {
                     top: state.pageSetup.marginTop,
                     bottom: state.pageSetup.marginBottom
                 };
-                this.Unit = state.pageSetup.unit;
+                this.ReportUnit = state.pageSetup.reportUnit;
             }
         }
     }
@@ -38369,6 +38616,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 };
@@ -38391,6 +38639,9 @@ class SaveAsReportDialog extends ReportDialogBase {
                 self.disabled(false);
                 self.visible(false);
             }).fail(() => {
+                if (backedUpName !== url) {
+                    self.tab().undoEngine.undo(true);
+                }
                 self.disabled(false);
             });
         }
@@ -38673,7 +38924,8 @@ class WizardsInitializerSettings {
                     settings.isLoading(false);
                     deferred.resolve(newReport);
                 })
-                    .fail(() => { deferred.reject(); });
+                    .fail(() => { deferred.reject(); })
+                    .always(() => { settings.isLoading?.(false); });
                 return deferred.promise();
             }
         });
@@ -38754,16 +39006,15 @@ class AIDesignerPanelModel extends external_DevExpress_Analytics_Utils_namespace
         super();
         this.buildingModel = buildingModel;
         this.settings = settings;
-        this.visible = settings?.fakeDataSourceGenerationSettings?.enableFakeDataSourceGeneration && AIServicesEnabled();
+        this.visible = settings?.testDataSourceSettings?.enableTestDataSourceGeneration && AIServicesEnabled();
     }
     showPreviewWithFakeData() {
         const reportPreview = this.buildingModel.reportPreviewModel.reportPreview;
         const report = this.buildingModel.model();
-        const rowCount = this.settings.fakeDataSourceGenerationSettings?.rowCount;
-        reportPreview._show(ReportAIService.initializePreviewWithFakeData(report, rowCount));
+        reportPreview._show(ReportAIService.initializePreviewWithFakeData(report));
     }
     get fakePreviewButtonVisible() {
-        return this.settings.fakeDataSourceGenerationSettings?.enableFakeDataSourceGeneration;
+        return this.settings.testDataSourceSettings?.enableTestDataSourceGeneration;
     }
     get fakePreviewButtonText() {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Smart Preview');
@@ -38974,16 +39225,21 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
     }
     addAIFeatures(aiSettings) {
         const aiServiceDisposer = AIServicesEnabled.subscribe(aiServicesEnabled => {
-            if (aiSettings?.enableExpressionGeneration && !this.getModel().aiExpressionGenerator)
-                this.addElement('aiExpressionGenerator', () => new external_DevExpress_Analytics_Widgets_namespaceObject.AIExpressionGenerator(this.getModel()?.model, settings_HandlerUri()));
-            if (aiServicesEnabled && aiSettings.enableLocalization) {
-                _registerAITranslationService();
+            if (aiServicesEnabled) {
+                if (aiSettings?.enableExpressionGeneration && !this.getModel().aiExpressionGenerator)
+                    this.addElement('aiExpressionGenerator', () => new external_DevExpress_Analytics_Widgets_namespaceObject.AIExpressionGenerator(this.getModel()?.model, settings_HandlerUri(), (errorMessage) => ReportStorageWeb.getErrorMessageHandler(errorMessage)(errorMessage, undefined, undefined)));
+                if (aiSettings.enableLocalization)
+                    _registerAITranslationService();
             }
             else {
+                this.addElement('aiExpressionGenerator', () => undefined);
                 _unregisterAITranslationService();
             }
         });
-        this._addDisposable({ dispose: () => aiServiceDisposer && aiServiceDisposer() });
+        this._addDisposable({ dispose: () => {
+                this.getModel?.()?.aiExpressionGenerator?.dispose();
+                aiServiceDisposer?.();
+            } });
         AIServicesEnabled(!!aiSettings);
         return this;
     }
@@ -39495,7 +39751,7 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
         const aiPanel = new AIDesignerPanelModel(this.buildingModel, aiSettings);
         this._addDisposable(aiPanel);
         const getVisible = () => {
-            return aiSettings?.fakeDataSourceGenerationSettings?.enableFakeDataSourceGeneration
+            return aiSettings?.testDataSourceSettings?.enableTestDataSourceGeneration
                 && !!this.buildingModel.model() && AIServicesEnabled();
         };
         const tabInfo = new external_DevExpress_Reporting_Viewer_Internal_namespaceObject.AITabInfo(aiPanel, 'dxrd-aipanelwrapper', getVisible());
@@ -39722,7 +39978,8 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
             designerModel.isLoading(false);
             deferred.resolve(newReport);
         })
-            .fail(() => { deferred.reject(); });
+            .fail(() => { deferred.reject(); })
+            .always(() => { designerModel.isLoading(false); });
     }
     _createNewViaWizardAction(reportWizard, designerModel, state) {
         const menuAction = {
@@ -40051,8 +40308,8 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                         { itemData: previewAction, active: false }
                     ]
                 };
-                const fakeDataSourceGenerationSettings = this.options.aiSettings?.fakeDataSourceGenerationSettings;
-                if (fakeDataSourceGenerationSettings?.enableFakeDataSourceGeneration && AIServicesEnabled()) {
+                const testDataSourceSettings = this.options.aiSettings?.testDataSourceSettings;
+                if (testDataSourceSettings?.enableTestDataSourceGeneration && AIServicesEnabled()) {
                     const aiPreviewAction = new external_DevExpress_Analytics_Internal_namespaceObject.BaseAction({
                         displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Show Report Preview with AI-generated Test Data', 'ASPxReportsStringId.ReportDesigner_AI_ReportPreviewWithTestData'),
                         imageClassName: 'dxrd-image-ai-preview',
@@ -40062,11 +40319,14 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                         clickAction: () => {
                             const reportPreview = this.buildingModel.reportPreviewModel.reportPreview;
                             const report = this.buildingModel.model();
-                            const rowCount = fakeDataSourceGenerationSettings.rowCount;
-                            reportPreview._show(ReportAIService.initializePreviewWithFakeData(report, rowCount));
+                            reportPreview._show(ReportAIService.initializePreviewWithFakeData(report), true);
                         }
                     });
                     previewAction.contentData.items.push({ itemData: aiPreviewAction, active: false });
+                    const aiEnabledSubscription = AIServicesEnabled.subscribe(aiServicesEnabled => {
+                        aiPreviewAction.visible = aiServicesEnabled;
+                    });
+                    this._addDisposable({ dispose: () => aiEnabledSubscription?.() });
                 }
                 actions.push(previewAction);
                 this._addDisposable(previewAction);
@@ -41762,7 +42022,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);
         }));
     }
@@ -42651,7 +42911,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { dataSource: $root.controlsStore.dataSource, value: $root.editableObject, displayExpr: function(value) { var showValue = value || $root.editableObject(); return $root.dx._static.getControlFullName(showValue) }, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.controlsStore.dataSource, 'value': $context.$root.editableObject, 'displayExpr': function (value) { var showValue = value || $context.$root.editableObject(); return $context.$root.dx._static.getControlFullName(showValue); }, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $root.controlsStore.visible()', function ($context, $element) { return { 'if': function () { return $context.$root.controlsStore.visible(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dx-propertieseditor\'', function ($context, $element) { return { 'template': function () { return 'dx-propertieseditor'; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: !inRenameMode && (isSelected || isHovered)', function ($context, $element) { return { 'visible': function () { return !$context.$data.inRenameMode && ($context.$data.isSelected || $context.$data.isHovered); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: !inRenameMode && (isSelected || isHovered), click: function(s, e) { e.stopPropagation(); }', function ($context, $element) { return { 'visible': function () { return !$context.$data.inRenameMode && ($context.$data.isSelected || $context.$data.isHovered); }, 'click': function () { return function (s, e) { e.stopPropagation(); }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('searchHighlighting: { text: text, textToSearch: searchModel.textToSearch, searchOptions: searchModel.searchOptions }, attr: { title: text }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.text, 'textToSearch': $context.$data.searchModel.textToSearch, 'searchOptions': $context.$data.searchModel.searchOptions }; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextBox: createRenameEditorOptions(), dxValidator: createValidatorOptions()', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.createRenameEditorOptions(); }, 'dxValidator': function () { return $context.$data.createValidatorOptions(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: actionsTemplate', function ($context, $element) { return { 'template': function () { return $context.$data.actionsTemplate; } }; });
@@ -42759,8 +43019,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: allowMDI', function ($context, $element) { return { 'ifnot': function () { return $context.$data.allowMDI; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: tabs().length > 1', function ($context, $element) { return { 'if': function () { return $context.$data.tabs().length > 1; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: icon', function ($context, $element) { return { 'if': function () { return $context.$data.icon; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss, dxPopup: { wrapperAttr: { class: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss }, showTitle: true, width: width, height: height, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, container: container($element), position: { of: container($element) }}', function ($context, $element) { return { 'css': function () { return 'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget ' + $context.$data.popupCss; }, 'dxPopup': function () { return { 'wrapperAttr': { 'class': 'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget ' + $context.$data.popupCss }, 'showTitle': true, 'width': $context.$data.width, 'height': $context.$data.height, 'title': $context.$root.getLocalization($context.$data.title), 'visible': $context.$data.visible, 'toolbarItems': $context.$data.buttons, 'showCloseButton': true, 'container': $context.$data.container($element), 'position': { 'of': $context.$data.container($element) } }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: { showScrollbar: \'onHover\', height: 510 }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'height': 510 }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss, dxPopup: { wrapperAttr: { class: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss }, showTitle: true, width: \'85%\', height: \'85%\', maxWidth: maxWidth, maxHeight: maxHeight, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, fullScreen: false, container: container($element), position: { of: container($element) }}', function ($context, $element) { return { 'css': function () { return 'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget ' + $context.$data.popupCss; }, 'dxPopup': function () { return { 'wrapperAttr': { 'class': 'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget ' + $context.$data.popupCss }, 'showTitle': true, 'width': '85%', 'height': '85%', 'maxWidth': $context.$data.maxWidth, 'maxHeight': $context.$data.maxHeight, 'title': $context.$root.getLocalization($context.$data.title), 'visible': $context.$data.visible, 'toolbarItems': $context.$data.buttons, 'showCloseButton': true, 'fullScreen': false, 'container': $context.$data.container($element), 'position': { 'of': $context.$data.container($element) } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: _propertiesGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data._propertiesGrid }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: _settingsGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data._settingsGrid }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: onClick, icon: icon, iconClass: iconClass }, attr: { title: title }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.onClick, 'icon': $context.$data.icon, 'iconClass': $context.$data.iconClass }; }, 'attr': function () { return { 'title': $context.$data.title }; } }; });
@@ -42940,8 +43199,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
     } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-propertieseditor\', data: generateValue($root.undoEngine) }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.generateValue($context.$root.undoEngine) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxFieldListPicker: $data', function ($context, $element) { return { 'dxFieldListPicker': function () { return $context.$data; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: padding, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-treelist-item-selected dxd-state-selected': $context.$data.isSelected }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('click: toggleSelected', function ($context, $element) { return { 'click': function () { return $context.$data.toggleSelected; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: padding, click: toggleSelected, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'click': function () { return $context.$data.toggleSelected; }, 'css': function () { return { 'dx-treelist-item-selected dxd-state-selected': $context.$data.isSelected }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return { 'name': $context.$data.imageTemplateName, 'if': !!$context.ko.unwrap($context.$data.imageTemplateName) }; }, 'attr': function () { return { 'title': $context.$data.text }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: text, attr: { title: data.title }', function ($context, $element) { return { 'text': function () { return $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.data.title }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { id: editorInputId } }),  dxValidator: { validationRules: generateRules($root.controlsHelper.allControls) || [] }', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'inputAttr': { 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.generateRules($context.$root.controlsHelper.allControls) || [] }; } }; });
@@ -43109,7 +43367,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\'), attr: { \'title\': $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\') }', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Size:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size'); }, 'attr': function () { return { 'title': $context.$root.getLocalization('Size:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size') }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { items: lookupData.paperKind, valueExpr: \'value\', displayExpr: \'displayName\', value: paperKind, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.lookupData.paperKind, 'valueExpr': 'value', 'displayExpr': 'displayName', 'value': $context.$data.paperKind, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\'), attr: { \'title\': $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\') }', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Unit:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit'); }, 'attr': function () { return { 'title': $context.$root.getLocalization('Unit:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit') }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { items: lookupData.unit, valueExpr: \'value\', displayExpr: \'displayName\', value: unit, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.lookupData.unit, 'valueExpr': 'value', 'displayExpr': 'displayName', 'value': $context.$data.unit, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { items: lookupData.reportUnit, valueExpr: \'value\', displayExpr: \'displayName\', value: reportUnit, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.lookupData.reportUnit, 'valueExpr': 'value', 'displayExpr': 'displayName', 'value': $context.$data.reportUnit, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\'), attr: { \'title\': $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\') }', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Orientation:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation'); }, 'attr': function () { return { 'title': $context.$root.getLocalization('Orientation:', 'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation') }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxLocalizedSelectBox: { items: [ { value: true, displayName: \'Landscape\', localizationId: \'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Landscape\'}, { value: false, displayName: \'Portrait\', localizationId:\'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Portrait\' }], valueExpr: \'value\', displayExpr: \'displayName\', value: $data.landscape, dropDownOptions: { container: $root.getPopupContainer($element) } }', function ($context, $element) { return { 'dxLocalizedSelectBox': function () { return { 'items': [{ 'value': true, 'displayName': 'Landscape', 'localizationId': 'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Landscape' }, { 'value': false, 'displayName': 'Portrait', 'localizationId': 'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Portrait' }], 'valueExpr': 'value', 'displayExpr': 'displayName', 'value': $context.$data.landscape, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\'), attr: { \'title\': $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\') }', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Width:', 'ASPxReportsStringId.ReportDesigner_Wizard_Width'); }, 'attr': function () { return { 'title': $context.$root.getLocalization('Width:', 'ASPxReportsStringId.ReportDesigner_Wizard_Width') }; } }; });
@@ -43284,7 +43542,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-aipanelwrapper': '<div class="dxrd-properties-wrapper dxrd-height-100 dxrd-overflow-hidden dxrd-aipanel" data-bind="visible: active && visible" > <!-- ko if: model.visible --> <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-right-panel-floating-header" data-bind="text: text"></div> <!-- ko with: model --> <!-- ko if: fakePreviewButtonVisible --> <div class="dxrd-right-panel-header-button" data-bind="dxButtonWithTemplate: { onClick: showPreviewWithFakeData, text: fakePreviewButtonText, icon: \'dxrd-svg-operations-ai\', iconClass: \'dx-image-ai\' }, attr: { title: fakePreviewButtonTitle }"> </div> <!-- /ko --> <!-- /ko --> </div> <div class="dxrd-properties-grid dxd-border-primary dxrd-top-80px" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }" > </div> <!-- /ko --></div>',
     'dxrd-coordinategrid': '<svg data-bind="style: { \'height\': height() + \'px\',  \'width\': width() + \'px\' }, attr: { viewBox: \'0 0 \' + width() + \' \' + height() }"> <g transform="translate(0, 0)"> <!-- ko foreach: verticalGridLines --> <line y1="0" y2="100%" class="minor-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: horizontalGridLines --> <line x1="0" x2="100%" class="minor-graduation" data-bind="attr: { y1: coordVal, y2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: majorVerticalGridLines --> <line y1="0" y2="100%" class="major-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: majorHorizontalGridLines --> <line x1="0" x2="100%" class="major-graduation" data-bind="attr: { y1: coordVal, y2: coordVal }, visible: visible"></line> <!-- /ko --> </g></svg>',
     'dxrd-expressions-tab': '<div class="dxrd-properties-wrapper dxrd-expressions-tab" data-bind="visible: active && visible"> <div class="dxrd-properties-sub-wrapper"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: text"></span> </div> <!-- ko with: model --> <!-- ko if: $root.controlsStore.visible() --> <div class="dx-property-grid-header"> <div class="dx-property-grid-header-content"> <div class="dx-property-grid-selected-component"> <div class="dxrd-properties-focused-item dxrd-margin-0"  data-bind="dxSelectBox: { dataSource: $root.controlsStore.dataSource, value: $root.editableObject, displayExpr: function(value) { var showValue = value || $root.editableObject(); return $root.dx._static.getControlFullName(showValue) }, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true }"> </div> </div> </div> </div> <!-- /ko --> <div class="dxrd-properties-grid dxd-border-primary dxrd-top-80px" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }" > <!-- ko template: \'dx-propertieseditor\' --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
-    'dx-treelist-action-container-with-rename': '<div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered)"> <!-- ko template: actionsTemplate --> <!-- /ko --> </div>',
+    'dx-treelist-action-container-with-rename': '<div class="dx-treelist-action-container" data-bind="visible: !inRenameMode && (isSelected || isHovered), click: function(s, e) { e.stopPropagation(); }"> <!-- ko template: actionsTemplate --> <!-- /ko --> </div>',
     'dx-treelist-item-text-content-with-rename': '<div class="dx-treelist-text-wrapper"> <!-- ko if: !inRenameMode --> <!-- ko if: searchModel.searchEnabled --> <div class="dx-treelist-text dx-highlighted-search-text" data-bind="searchHighlighting: { text: text, textToSearch: searchModel.textToSearch, searchOptions: searchModel.searchOptions }, attr: { title: text }"></div> <!-- /ko  --> <!-- ko ifnot: searchModel.searchEnabled --> <div class="dx-treelist-text" data-bind="text: text, attr: { title: text }"></div> <!-- /ko  --> <!-- /ko  --> <!-- ko if: inRenameMode --> <div class="dx-treelist-rename-node" data-bind="dxTextBox: createRenameEditorOptions(), dxValidator: createValidatorOptions()"></div> <!-- /ko --> </div>',
     'dxrd-fieldlistwrapper': '<div class="dxrd-fieldslist-wrapper dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <!-- ko with: model --> <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-fieldslist-wrapper-header dxrd-right-panel-floating-header" data-bind="text: $root.getLocalization(\'Field List\', \'ReportStringId.UD_Title_FieldList\')"></div> <!-- ko if: $data.allowAddDataSource --> <div id="btn-add-dataSource" class="dxrd-right-panel-header-button" data-bind="dxButtonWithTemplate: { onClick: startWizard, visible: visible(), text: addDataSourceButtonText, icon: \'dxrd-svg-operations-add\', iconClass: \'dx-image-add\' }, attr: { title: addDataSourceButtonText }"> </div> <!-- /ko --> </div> <div data-bind="treeListSearchPanel: {controllers:treeListOptions.treeListController}"></div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }"> <div class="dx-editors"> <div id="tree" data-bind="treelist: treeListOptions" class="dxrd-width-100 dxrd-height-100"></div> </div> </div> <!-- ko if: useContextMenu --> <div data-bind="dxContextMenu: fieldListContextMenu"></div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-localization-editor-item': '<div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label dx-accordion-header dxd-text-primary"> <label class="propertygrid-editor-displayName" data-bind="searchHighlighting: { text: displayName, textToSearch: $parent.textToSearch }, attr: { \'title\': displayName }"></label> </div> <div class="dx-field-value"> <!-- ko if: !ko.unwrap($data.multiline) --> <div class="dxrd-localization-panel-default" data-bind="dxTextBox: { value: defaultText, readOnly: !$data.isDefaultLanguage() }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"></div> <div class="dxrd-localization-panel-current" data-bind="dxTextBox: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, visible: !$data.isDefaultLanguage()}"></div> <!-- /ko --> <!-- ko if: ko.unwrap($data.multiline)--> <div class="dxrd-multi-area-container"> <div class="dxrd-localization-panel-default" data-bind="dxTextArea: { value: defaultText, readOnly: !$data.isDefaultLanguage(), autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"> </div> <!-- ko if: !$data.isDefaultLanguage() --> <div class="dxrd-localization-panel-current" data-bind="dxTextArea: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }"> </div> <!-- /ko --> </div> <!-- /ko --> </div> </div> </div>',
@@ -43300,9 +43558,9 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-error-panel': '<div class="dxrd-error-panel dxd-text-primary dxd-back-primary2" data-bind="style: _position, css: { \'collapsed\': collapsed }, resizable: _resizableOptions"> <div class="dxrd-width-100 dxrd-height-100" data-bind="style: { display: $data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-header dxd-border-primary dxd-back-primary2"> <div class="dxrd-error-panel-header-title" data-bind="text: $data.panelTitle"></div> <div class="dxrd-error-panel-header-collapse dx-accordion-item-title"  data-bind="click: function() { $data.toggleCollapsed() }"></div> </div> <div class="dxrd-error-panel-content"> <div class="dxrd-error-grid" data-bind="dxDataGrid: _dataGridOptions"> <div data-options="dxTemplate: { name: \'dx-type-button\'}"> <div class="dxd-back-highlighted" data-bind="css: { \'dxd-state-active\': data.pressed }, dxButton: { text: data.text, onClick: data.onClick }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-errorType-column\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parent.getIconTemplateName($data.value) }, attr: { title: $data.value }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-code-column\' }"> <!-- ko if: $data.data.showLink--> <a class="dx-link" target="_blank" rel="noreferer noopener" data-bind="text: $data.data.code, attr: { href: $data.data.link }"></a> <!-- /ko --> <!-- ko if: !$data.data.showLink--> <div data-bind="text: $data.value"></div> <!-- /ko --> </div> <div data-options="dxTemplate:{ name:\'dxrd-source-column\' }"> <a class="dx-link" href="javascript:void(0)" data-bind="text: value, click: function() { $parent.navigateToItem($data.value); }"></a> </div> <div data-options="dxTemplate: { name: \'detail\' }"> <div class="dxrd-error-panel-description" data-bind="text: data.description"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-source-filter\' }"> <div data-bind="dxTagBox: { maxDisplayedTags: 0, showSelectionControls: true, valueExpr: \'value\', displayExpr: \'displayValue\', value: data.value, dataSource: data.dataSource, useItemTextAsTitle: true, dropDownOptions: { container: data.getContainer($element), minWidth: 200 }, }"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter\' }"> <div data-bind="dxButtonGroup: $data.data"> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter-item\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parents[1].getIconTemplateName(icon) } "> </div> <div class="dxrd-errorType-text" data-bind="text: $data.text()"></div> </div> </div> </div> </div> </div></div><div data-bind="style: { display: !$data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-notification" data-bind="click: function() { $data.toggleCollapsed() }, template: { name: $data.getNotificationTemplate() }, attr: { title: $data.getTitleMessage() }"></div></div></div>',
     'dxrd-navigation-panel-template': '<!-- ko ifnot: $root.isLoading() && tabs().length === 1--> <!-- ko if: allowMDI --> <!-- ko if: tabs().length > 0 --> <!-- ko template: \'dxrd-navigation-panel-template-content\' --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: allowMDI --> <!-- ko if: tabs().length > 1 --> <!-- ko template: \'dxrd-navigation-panel-template-content\' --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- /ko -->',
     'dxrd-navigation-panel-template-content': '<div class="dxrd-navigation-panel-wrapper" data-bind="style: { width: $root.surfaceSize() ? $root.surfaceSize() - 85 + \'px\' : \'auto\' }"> <div data-bind="dxTabs: { dataSource: tabs, selectedIndex: selectedIndex, showNavButtons: false, scrollingEnabled: true, scrollByContent: true }"> <div data-options="dxTemplate: { name: \'item\' }"> <!-- ko if: icon --> <div class="dx-icon" data-bind="css: icon, event: { mousedown: function(e) { $parent.removeTab(e); } }"></div> <!-- /ko --> <div class="dx-tab-title-wrapper"> <div class="dx-tab-title" data-bind="text: isDirty() ? displayName() + \'*\' : displayName(), title: displayName, style: { \'font-weight\': isDirty() ? \'bold\' : \'normal\' }"></div> </div> </div> </div> </div>',
-    'dxrd-parameters-dialog': '<div data-bind="css: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss, dxPopup: { wrapperAttr: { class: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss }, showTitle: true, width: width, height: height, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, container: container($element), position: { of: container($element) }}"> <div class="dxrd-parameters-popup-content"> <!-- ko template: contentTemplate --> <!-- /ko --> </div> </div>',
+    'dxrd-parameters-dialog': '<div data-bind="css: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss, dxPopup: { wrapperAttr: { class: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss }, showTitle: true, width: \'85%\', height: \'85%\', maxWidth: maxWidth, maxHeight: maxHeight, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, fullScreen: false, container: container($element), position: { of: container($element) }}"> <div class="dxrd-parameters-popup-content"> <!-- ko template: contentTemplate --> <!-- /ko --> </div></div>',
     'dxrd-report-parameters-dialogs': '<!-- ko if: $data --> <!-- ko template: { name: \'dxrd-parameters-dialog\', data: _addParametersDialog } --> <!-- /ko --> <!-- ko template: { name: \'dxrd-parameters-dialog\', data: _editParametersDialog } --> <!-- /ko --> <!-- /ko -->',
-    'dxrd-parameter-edit': '<div class="dxrd-parameter-edit-content"> <div data-bind="dxScrollView: { showScrollbar: \'onHover\', height: 510 }"> <div class="dxrd-parameter-edit-content-grid dxrd-parameters-properties" data-bind="template: { name: \'dx-propertieseditor\', data: _propertiesGrid }"></div> <!-- ko if: _selectedParameterSettings --> <div class="dxrd-parameter-edit-content-grid dxrd-parameters-settings" data-bind="template: { name: \'dx-propertieseditor\', data: _settingsGrid }"></div> <!-- /ko --> </div> </div>',
+    'dxrd-parameter-edit': '<div data-bind="dxScrollView: { showScrollbar: \'onHover\' }"> <div class="dxrd-parameter-edit-content"> <div class="dxrd-parameter-edit-content-grid dxrd-parameters-properties" data-bind="template: { name: \'dx-propertieseditor\', data: _propertiesGrid }"></div> <!-- ko if: _selectedParameterSettings --> <div class="dxrd-parameter-edit-content-grid dxrd-parameters-settings" data-bind="template: { name: \'dx-propertieseditor\', data: _settingsGrid }"></div> <!-- /ko --> </div> </div>',
     'dxrd-parameters-content': '<div class="dxrd-parameters-content"> <div class="dxrd-parameters-content-list-wrapper"> <div class="dx-collectioneditor-actions-wrapper"> <!-- ko foreach: addButtons --> <!-- ko if: visible && ko.unwrap($root.canAddItems) --> <div class="dx-collectioneditor-action dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: onClick, icon: icon, iconClass: iconClass }, attr: { title: title }"></div> <!-- /ko --> <!-- /ko --> <div class="dx-collectioneditor-action-separator"></div> <!-- ko foreach: moveButtons --> <!-- ko if: visible && ko.unwrap($root.canAddItems) --> <div class="dx-collectioneditor-action dx-collectioneditor-action-right dx-accessibility-focus-border-accented" data-bind="dxButtonWithTemplate: { onClick: onClick, disabled: $parent.isDisabledButton(name), icon: icon, iconClass: iconClass }, attr: { title: title }"></div> <!-- /ko --> <!-- /ko --> </div> <div class="dxrd-parameters-content-list dxd-border-primary" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true, direction: \'both\' }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }"> <!-- ko if: $data.visible --> <div data-bind="treelist: fieldListModel" class="dxrd-width-100 dxrd-height-100"></div> <!-- /ko --> </div> </div> <!-- ko if: $data.contentVisible() && !$data.hasNoEditableProperties() --> <!-- ko template: \'dxrd-parameter-edit\' --> <!-- /ko --> <!-- /ko --> <!-- ko if: !$data.contentVisible() --> <div class="dxrd-parameter-edit-content dx-empty"> <div class="dxrd-parameters-content-empty" data-bind="text: contentEmptyAreaPlaceHolder"></div> </div> <!-- /ko --> <!-- ko if: $data.hasNoEditableProperties() --> <div class="dxrd-parameter-edit-content dx-empty"> <div class="dxrd-parameters-content-empty" data-bind="text: contentNoPropertiesPlaceHolder"></div> </div> <!-- /ko --> </div>',
     'dxrd-parameter-editing-collection-item': '<div class="dxrd-parameter-editing-collection-item" data-bind="text: $data.value().name"></div>',
     'dxrd-parameters-checkbox': '<!-- ko if: $data.visible --> <div class="dx-field dxrd-parameters-checkbox"> <div class="dx-field-value"> <div class="propertygrid-editor-checkbox" data-bind="dxCheckBox: getOptions({ value: value, text: displayName, disabled: disabled })"></div> </div> </div> <!-- /ko -->',
@@ -43360,7 +43618,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dx-modificators-highlightable': '<div class="dx-font-content"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="styleunit: { \'paddingLeft\': padding }"></div> <!-- ko with: value --> <div class="dx-field-value"> <div class="dx-font-styles-content"> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-bold" data-bind="css: { \'dxd-state-active\': bold(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.boldHasExpression }, click: function() { if(!$parent.disabled()) { bold(!bold()); } }"><!-- ko template: \'dxrd-svg-fontstyle-bold\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-italic" data-bind="css: { \'dxd-state-active\': italic(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.italicHasExpression }, click: function() { if(!$parent.disabled()) { italic(!italic()); } }"><!-- ko template: \'dxrd-svg-fontstyle-italic\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-underline" data-bind="css: { \'dxd-state-active\': underline(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.underlineHasExpression }, click: function() { if(!$parent.disabled()) { underline(!underline()); } }"><!-- ko template: \'dxrd-svg-fontstyle-underline\'--><!-- /ko --></div> <div class="dx-font-style-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dx-image-fontstyle-strikeout" data-bind="css: { \'dxd-state-active\': strikeout(), \'dx-disabled-button\': $parent.disabled, \'dxd-border-accented\': $data.strikeoutHasExpression }, click: function() { if(!$parent.disabled()) { strikeout(!strikeout()); } }"><!-- ko template: \'dxrd-svg-fontstyle-strikeout\'--><!-- /ko --></div> </div> </div> <!-- /ko --> </div> </div>',
     'dx-objectEditorContentUndo': '<!-- ko if: visible --> <div data-bind="template: { name: \'dx-propertieseditor\', data: generateValue($root.undoEngine) }"></div> <!-- /ko -->',
     'dxrd-editOptionsEditorName': '<div data-bind="dxFieldListPicker: $data"></div>',
-    'dxrd-editingField-editor-treelist-item': '<div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }"> <div class="dx-treelist-caption"> <div class="dx-treelist-selectedcontent" data-bind="click: toggleSelected"> <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div> <div class="dx-treelist-text-wrapper"> <div class="dx-treelist-text" data-bind="text: text, attr: { title: data.title }"></div> </div> </div> </div> </div>',
+    'dxrd-editingField-editor-treelist-item': '<div class="dx-treelist-item dxd-list-item-back-color dxd-back-highlighted" data-bind="styleunit: padding, click: toggleSelected, css: { \'dx-treelist-item-selected dxd-state-selected\': isSelected }"> <div class="dx-treelist-caption"> <div class="dx-treelist-selectedcontent"> <div class="dx-treelist-image" data-bind="css: $data.imageClassName, template: {name: $data.imageTemplateName, if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: text }"> </div> <div class="dx-treelist-text-wrapper"> <div class="dx-treelist-text" data-bind="text: text, attr: { title: data.title }"></div> </div> </div> </div> </div>',
     'dxrd-name': '<div data-bind="dxTextBox: getOptions({ value: value, disabled: disabled, inputAttr: { id: editorInputId } }),  dxValidator: { validationRules: generateRules($root.controlsHelper.allControls) || [] }"></div>',
     'dxrd-reportexpression-ellipsis': '<div class="no-margin-right" data-bind="dxEllipsisEditor: { value: displayValue, buttonAction: function() { $parent.showPopup($root.editableObject && $root.editableObject()); }, disabled: disabled, isValid: modelValueValid, warningMessage: modelValueWarning, inputAttr: { id: editorInputId } }"></div>',
     'dxrd-reportexpression-complex': '<!-- ko if: visible --> <div> <!-- ko template: { name: \'dxrd-reportexpression\' }--> <!-- /ko --> <!-- ko template: { name: \'dxrd-expressioneditor-popup\', data: $data.wrapper }--> <!-- /ko --> </div> <!-- /ko -->',
@@ -43394,7 +43652,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-page-masterdetail-summary': '<div class="dxrd-wizard-page dxrd-wizard-masterdetail-summary-options-page"> <div class="dxrd-wizard-masterdetail-summary-options-title"> <!-- ko template: { name: \'dxrd-wizard-report-tree\', data: { items: $data._reportTree, value: $data._currentPath  } }--> <!-- /ko --> </div> <div class="dxrd-wizard-masterdetail-summary-options-content"> <div class="dxrd-wizard-list-title" data-bind="text: _selectFieldToSummaryCaption"></div> <div class="dxrd-wizard-list-container"> <div class="dxrd-wizard-list dx-default-border-style dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'100%\' }"> <div class="dxrd-wizard-field-infos dxrd-wizard-field-infos-paragraf dxd-border-secondary"> <div class="dxrd-wizard-field-infos-fields dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary" data-bind="text: _fieldsCaption"></div> <div class="dxrd-wizard-field-infos-values dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary" data-bind="text: _summaryFunctionCaption"></div> <div class="dxrd-wizard-field-infos-removebtn dxd-wizard-title-back-color dxd-back-secondary"></div> </div> <div data-bind="foreach: _summaryInfos"> <div class="dxrd-wizard-field-infos dxd-border-secondary"> <div class="dxrd-wizard-field-infos-fields dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary"> <div data-bind="dxSelectBox: { dataSource: $parent._displayedFields[$parent._currentPath()], itemTemplate: \'visibleItems\', displayExpr: \'displayName\', value: field, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"> <div data-options="dxTemplate:{ name:\'visibleItems\' }" class="dxrd-text-align-left"> <!-- ko if: visible--> <div data-bind="text: name"></div> <!--/ko--> </div> </div> </div> <div class="dxrd-wizard-field-infos-values dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary"> <!-- ko template: { name: "dxrd-multivalue", data: $data } --> <!--/ko--> </div> <div class="dxrd-wizard-field-infos-removebtn dxd-wizard-title-back-color dxd-back-secondary"> <div data-bind="dxButton: { icon: \'close\', onClick: function () { return $parent._removeSummaryInfo($data);  }}"></div> </div> </div> </div> </div> </div> </div> <div class="dxrd-wizard-ignore-null-values" data-bind="dxCheckBox: { value: ignoreNullValues, text: _ignoreNullValuesCaption }"></div></div>',
     'dxrd-page-pageSetup': '<div class="dxrd-wizard-page dxrd-page-setup-page"> <!-- ko template: { name: \'dxrd-page-setup-page-preview\', data: $data }--> <!-- /ko --> <!-- ko template: { name: \'dxrd-page-setup-page-settings\', data: $data }--> <!-- /ko --> </div>',
     'dxrd-page-setup-page-preview': '<div class="dxrd-wizard-preview dxd-back-secondary"> <!-- ko with: $data.previewPageHelper --> <div class="dxrd-width-100 dxrd-height-100 dxrd-position-relative" data-bind="cacheElement: { action: function(element) { $data.cachePagePreviewElement(element); } }"> <div class="dxrd-wizard-preview-page" data-bind="styleunit: { width: $data.previewPageWidth(), height: $data.previewPageHeight() }"> <div class="dxrd-wizard-preview-margin-top" data-bind="styleunit: { top: $data.previewTopMargin() }"></div> <div class="dxrd-wizard-preview-margin-right" data-bind="styleunit: { right: $data.previewRightMargin() }"></div> <div class="dxrd-wizard-preview-margin-bottom" data-bind="styleunit: { bottom: $data.previewBottomMargin() }"></div> <div class="dxrd-wizard-preview-margin-left" data-bind="styleunit: { left: $data.previewLeftMargin() }"></div> </div> </div> <!-- /ko --> </div>',
-    'dxrd-page-setup-groups': '<div class="dxrd-page-setup-group"> <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Paper\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Paper\')"></div> <div class="dx-fieldset dxrd-page-setup-long-group"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\'), attr: { \'title\': $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\') }"></div> <div class="dx-field-value" data-bind="dxSelectBox: { items: lookupData.paperKind, valueExpr: \'value\', displayExpr: \'displayName\', value: paperKind, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> </div> <div class="dxrd-page-setup-setting"> <div class="dx-fieldset dxrd-group-fieldset dxrd-page-setup-short-group"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\'), attr: { \'title\': $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\') }"></div> <div class="dx-field-value" data-bind="dxSelectBox: { items: lookupData.unit, valueExpr: \'value\', displayExpr: \'displayName\', value: unit, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> <div class="dx-field dxrd-page-setup-pagemode-compact"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\'), attr: { \'title\': $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\') }"></div> <div class="dx-field-value" data-bind="dxLocalizedSelectBox: { items: [ { value: true, displayName: \'Landscape\', localizationId: \'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Landscape\'}, { value: false, displayName: \'Portrait\', localizationId:\'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Portrait\' }], valueExpr: \'value\', displayExpr: \'displayName\', value: $data.landscape, dropDownOptions: { container: $root.getPopupContainer($element) } }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\'), attr: { \'title\': $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: width, disabled: fixedSize, format: valueFormat, min: 0 }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Height\'), attr: { \'title\': $root.getLocalization(\'Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Height\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: height, disabled: fixedSize, format: valueFormat, min: 0 }"></div> </div> </div> <div class="dxrd-group-fieldset dxrd-page-setup-pagemode"> <div class="dxrd-page-setup-landscape-item dxd-back-primary dxd-state-normal dxd-back-highlighted dxrd-margin-left-0px"  data-bind="css: { \'dxd-state-no-hover dxd-state-active\': !$data.landscape() }, click: function() { $data.landscape(false); }"> <div class="dxrd-page-setup-landscape-item-icon" data-bind="template:\'dxrd-svg-portrait\'"></div> </div> <div class="dxrd-page-setup-landscape-item dxd-back-primary dxd-state-normal dxd-back-highlighted" data-bind="css: { \'dxd-state-no-hover dxd-state-active\': $data.landscape() }, click: function() { $data.landscape(true); }"> <div class="dxrd-page-setup-landscape-item-icon" data-bind="template:\'dxrd-svg-landscape\'"></div> </div> </div> </div> </div> <div class="dxrd-page-setup-group dxrd-margin-top-16px" > <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Page Margins\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_PageMargins\')"></div> <div class="dxrd-page-setup-setting dxrd-page-setup-setting-page-margins"> <div class="dx-fieldset dxrd-group-fieldset dxrd-group-fieldset-left"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Left:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_LeftMargin\'), attr: { \'title\': $root.getLocalization(\'Left:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_LeftMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginLeft, format: valueFormat, min: 0, max: width() - marginRight() }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Top:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_TopMargin\'), attr: { \'title\': $root.getLocalization(\'Top:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_TopMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginTop, format: valueFormat, min: 0, max: height() - marginBottom() }"></div> </div> </div> <div class="dx-fieldset dxrd-group-fieldset dxrd-group-fieldset-right"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Right:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_RightMargin\'), attr: { \'title\': $root.getLocalization(\'Right:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_RightMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginRight, format: valueFormat, min: 0, max: width() - marginLeft() }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Bottom:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_BottomMargin\'), attr: { \'title\': $root.getLocalization(\'Bottom:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_BottomMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginBottom, format: valueFormat, min: 0, max: height() - marginTop()  }"></div> </div> </div> </div> </div>',
+    'dxrd-page-setup-groups': '<div class="dxrd-page-setup-group"> <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Paper\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Paper\')"></div> <div class="dx-fieldset dxrd-page-setup-long-group"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\'), attr: { \'title\': $root.getLocalization(\'Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Size\') }"></div> <div class="dx-field-value" data-bind="dxSelectBox: { items: lookupData.paperKind, valueExpr: \'value\', displayExpr: \'displayName\', value: paperKind, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> </div> <div class="dxrd-page-setup-setting"> <div class="dx-fieldset dxrd-group-fieldset dxrd-page-setup-short-group"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\'), attr: { \'title\': $root.getLocalization(\'Unit:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Unit\') }"></div> <div class="dx-field-value" data-bind="dxSelectBox: { items: lookupData.reportUnit, valueExpr: \'value\', displayExpr: \'displayName\', value: reportUnit, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> <div class="dx-field dxrd-page-setup-pagemode-compact"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\'), attr: { \'title\': $root.getLocalization(\'Orientation:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_Orientation\') }"></div> <div class="dx-field-value" data-bind="dxLocalizedSelectBox: { items: [ { value: true, displayName: \'Landscape\', localizationId: \'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Landscape\'}, { value: false, displayName: \'Portrait\', localizationId:\'ASPxReportsStringId.ReportDesigner_Wizard_ReportLayout_Portrait\' }], valueExpr: \'value\', displayExpr: \'displayName\', value: $data.landscape, dropDownOptions: { container: $root.getPopupContainer($element) } }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\'), attr: { \'title\': $root.getLocalization(\'Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Width\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: width, disabled: fixedSize, format: valueFormat, min: 0 }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Height\'), attr: { \'title\': $root.getLocalization(\'Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_Height\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: height, disabled: fixedSize, format: valueFormat, min: 0 }"></div> </div> </div> <div class="dxrd-group-fieldset dxrd-page-setup-pagemode"> <div class="dxrd-page-setup-landscape-item dxd-back-primary dxd-state-normal dxd-back-highlighted dxrd-margin-left-0px"  data-bind="css: { \'dxd-state-no-hover dxd-state-active\': !$data.landscape() }, click: function() { $data.landscape(false); }"> <div class="dxrd-page-setup-landscape-item-icon" data-bind="template:\'dxrd-svg-portrait\'"></div> </div> <div class="dxrd-page-setup-landscape-item dxd-back-primary dxd-state-normal dxd-back-highlighted" data-bind="css: { \'dxd-state-no-hover dxd-state-active\': $data.landscape() }, click: function() { $data.landscape(true); }"> <div class="dxrd-page-setup-landscape-item-icon" data-bind="template:\'dxrd-svg-landscape\'"></div> </div> </div> </div> </div> <div class="dxrd-page-setup-group dxrd-margin-top-16px" > <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Page Margins\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_PageMargins\')"></div> <div class="dxrd-page-setup-setting dxrd-page-setup-setting-page-margins"> <div class="dx-fieldset dxrd-group-fieldset dxrd-group-fieldset-left"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Left:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_LeftMargin\'), attr: { \'title\': $root.getLocalization(\'Left:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_LeftMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginLeft, format: valueFormat, min: 0, max: width() - marginRight() }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Top:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_TopMargin\'), attr: { \'title\': $root.getLocalization(\'Top:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_TopMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginTop, format: valueFormat, min: 0, max: height() - marginBottom() }"></div> </div> </div> <div class="dx-fieldset dxrd-group-fieldset dxrd-group-fieldset-right"> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Right:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_RightMargin\'), attr: { \'title\': $root.getLocalization(\'Right:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_RightMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginRight, format: valueFormat, min: 0, max: width() - marginLeft() }"></div> </div> <div class="dx-field"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Bottom:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_BottomMargin\'), attr: { \'title\': $root.getLocalization(\'Bottom:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSetup_BottomMargin\') }"></div> <div class="dx-field-value" data-bind="dxNumberBox: { value: marginBottom, format: valueFormat, min: 0, max: height() - marginTop()  }"></div> </div> </div> </div> </div>',
     'dxrd-page-setup-page-settings': '<div class="dxrd-page-setup-content"> <!-- ko template: { name: \'dxrd-page-setup-groups\', data: $data }--> <!-- /ko --> </div>',
     'dxrd-page-pageSetupAndColorScheme': '<div class="dxrd-wizard-page dxrd-page-setup-page"> <div class="dxrd-page-setup-content"> <!-- ko template: { name: \'dxrd-page-setup-groups\', data: $data._configureReportPageSettingsPage }--> <!-- /ko --> <!-- ko if: $data._colorSchemePageVisible --> <div class="dxrd-page-setup-group dxrd-page-color-setup-group"> <div class="dxrd-page-setup-group-caption dxd-back-primary" data-bind="text: $root.getLocalization(\'Color Scheme\', \'ASPxReportsStringId.ReportDesigner_Wizard_ColorScheme\')"></div> <div class="dxrd-page-setup-setting"> <!-- ko template: { name: \'dxrd-page-colorScheme-content\', data: $data._colorSchemePage } --> <!-- /ko --> </div> </div> <!-- /ko --> </div> </div>',
     'dxrd-page-pageSetup-settings': '<div class="dxrd-wizard-page dxrd-page-setup-page"> <!-- ko template: { name: "dxrd-page-setup-page-settings", data: $data }--> <!-- /ko --> </div>',