devexpress-reporting 25.1.1-alpha → 25.1.3

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 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),
@@ -555,7 +557,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, {
   calculatedFields: () => (calculatedFields),
   canGrow: () => (canGrow),
   canGrowShrinkGroup: () => (canGrowShrinkGroup),
-  canPublish: () => (canPublish),
+  canPublishOptions: () => (canPublishOptions),
   canShrink: () => (canShrink),
   cellHeight: () => (cellHeight),
   cellHorizontalSpacing: () => (cellHorizontalSpacing),
@@ -573,6 +575,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, {
   checkState: () => (checkState),
   checkboxSerializationsInfo: () => (checkboxSerializationsInfo),
   checked: () => (checked),
+  collectionDataSourceCriteria: () => (collectionDataSourceCriteria),
   commonBandProperties: () => (commonBandProperties),
   commonBandScripts: () => (commonBandScripts),
   commonControlProperties: () => (commonControlProperties),
@@ -655,6 +658,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, {
   language: () => (language),
   lineDirection: () => (lineDirection),
   lineSerializationsInfo: () => (lineSerializationsInfo),
+  lineSpacing: () => (lineSpacing),
   lineStyle: () => (metadata_lineStyle),
   lineWidth: () => (lineWidth),
   localizationItems: () => (localizationItems),
@@ -679,10 +683,10 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, {
   pageBreakSerializationsInfo: () => (pageBreakSerializationsInfo),
   pageColor: () => (pageColor),
   pageCount: () => (pageCount),
-  pageHeight: () => (pageHeight),
+  pageHeightF: () => (pageHeightF),
   pageInfo: () => (pageInfo),
   pageInfoSerializationsInfo: () => (pageInfoSerializationsInfo),
-  pageWidth: () => (pageWidth),
+  pageWidthF: () => (pageWidthF),
   panelSerializationsInfo: () => (panelSerializationsInfo),
   paperKind: () => (paperKind),
   parameterBindingSerializationInfo: () => (parameterBindingSerializationInfo),
@@ -755,6 +759,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, {
   sizeChanged: () => (sizeChanged),
   sizeLocation: () => (sizeLocation),
   snapGridSize: () => (snapGridSize),
+  snappingMode: () => (snappingMode),
   sortOrder: () => (sortOrder),
   sortingOptionsSerializationsInfo: () => (sortingOptionsSerializationsInfo),
   sparklineFake: () => (sparklineFake),
@@ -1001,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)
@@ -1026,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),
@@ -1116,6 +1133,8 @@ __webpack_require__.d(reporting_designer_data_namespaceObject, {
 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),
@@ -1283,6 +1302,7 @@ __webpack_require__.d(reporting_designer_internal_namespaceObject, {
   getUsefulReportWidth: () => (getUsefulReportWidth),
   includeNonListItem: () => (includeNonListItem),
   initializeLabelReportWizardPromise: () => (initializeLabelReportWizardPromise),
+  isAIReportType: () => (isAIReportType),
   isBand: () => (isBand),
   isControl: () => (isControl),
   isHeaderOrFooterBandType: () => (isHeaderOrFooterBandType),
@@ -1331,8 +1351,9 @@ __webpack_require__.d(reporting_designer_internal_htmlMarkUp_namespaceObject, {
 var reporting_designer_localization_namespaceObject = {};
 __webpack_require__.r(reporting_designer_localization_namespaceObject);
 __webpack_require__.d(reporting_designer_localization_namespaceObject, {
+  _registerAITranslationService: () => (_registerAITranslationService),
   _translationFactory: () => (_translationFactory),
-  registerAITranslationService: () => (registerAITranslationService),
+  _unregisterAITranslationService: () => (_unregisterAITranslationService),
   registerTranslationService: () => (registerTranslationService),
   unregisterTranslationService: () => (unregisterTranslationService)
 });
@@ -1386,6 +1407,7 @@ __webpack_require__.d(reporting_designer_utils_namespaceObject, {
 var reporting_designer_settings_namespaceObject = {};
 __webpack_require__.r(reporting_designer_settings_namespaceObject);
 __webpack_require__.d(reporting_designer_settings_namespaceObject, {
+  AIServicesEnabled: () => (AIServicesEnabled),
   ContextMenusEnabled: () => (ContextMenusEnabled),
   DimensionNotationsEnabled: () => (DimensionNotationsEnabled),
   PropertyGrid: () => (PropertyGrid),
@@ -1398,6 +1420,7 @@ __webpack_require__.r(reporting_designer_widgets_namespaceObject);
 __webpack_require__.d(reporting_designer_widgets_namespaceObject, {
   BandEditorBase: () => (BandEditorBase),
   BandsEditor: () => (BandsEditor),
+  CanPublishEditor: () => (CanPublishEditor),
   ChartValueBindingEditor: () => (ChartValueBindingEditor),
   ComboboxUndoEditor: () => (ComboboxUndoEditor),
   ContentByTypeEditor: () => (ContentByTypeEditor),
@@ -1449,6 +1472,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),
@@ -1491,6 +1516,7 @@ __webpack_require__.d(reporting_designer_wizard_namespaceObject, {
   ReportStyle: () => (ReportStyle),
   ReportStyleItem: () => (ReportStyleItem),
   ReportType: () => (ReportType),
+  ReportUnit: () => (ReportUnit),
   ReportWizard: () => (ReportWizard),
   ReportWizardPageId: () => (ReportWizardPageId),
   ReportWizardPageIterator: () => (ReportWizardPageIterator),
@@ -1517,6 +1543,8 @@ __webpack_require__.d(reporting_designer_wizard_namespaceObject, {
   _createLegacyReportWizard: () => (_createLegacyReportWizard),
   _createReportWizard: () => (_createReportWizard),
   _fillTreeQueries: () => (_fillTreeQueries),
+  _registerAIEnterReportPromptPage: () => (_registerAIEnterReportPromptPage),
+  _registerAISelectDataSourceOptionPage: () => (_registerAISelectDataSourceOptionPage),
   _registerAddGroupFieldsPage: () => (_registerAddGroupFieldsPage),
   _registerAddGroupingLevelPage: () => (_registerAddGroupingLevelPage),
   _registerAddSummaryFieldsPage: () => (_registerAddSummaryFieldsPage),
@@ -3241,6 +3269,7 @@ const textFitMode = {
         { value: 'ShrinkAndGrow', displayValue: 'Shrink And Grow', localizationId: 'DevExpress.XtraReports.UI.TextFitMode.ShrinkAndGrow' }
     ]
 };
+const lineSpacing = { propertyName: 'lineSpacing', modelName: '@LineSpacing', displayName: 'Line Spacing', localizationId: 'DevExpress.XtraReports.UI.XRLabel.LineSpacing', defaultVal: 1, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric') };
 const metadata_angle = { propertyName: 'angle', modelName: '@Angle', defaultVal: 0, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, displayName: 'Angle', localizationId: 'DevExpress.XtraReports.UI.XRLabel.Angle', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric') };
 const canGrow = { propertyName: 'canGrow', modelName: '@CanGrow', defaultVal: true, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, displayName: 'Can Grow', localizationId: 'DevExpress.XtraReports.UI.XRControl.CanGrow', descriptionLocalizationId: 'DevExpress.XtraReports.UI.XRLabel.CanGrow.Description', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') };
 const canShrink = { propertyName: 'canShrink', modelName: '@CanShrink', defaultVal: false, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, displayName: 'Can Shrink', localizationId: 'DevExpress.XtraReports.UI.XRControl.CanShrink', descriptionLocalizationId: 'DevExpress.XtraReports.UI.XRLabel.CanShrink.Description', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') };
@@ -3290,6 +3319,7 @@ const dataSource = { propertyName: 'dataSource', modelName: '@DataSource', displ
 const metadata_dataMember = { propertyName: 'dataMember', modelName: '@DataMember', displayName: 'Data Member', localizationId: 'DevExpress.XtraReports.UI.XtraReportBase.DataMember', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('dataMember') };
 const metadata_filterString = { propertyName: '_filterString', modelName: '@FilterString' };
 const metadata_filterStringEditable = { propertyName: 'filterString', displayName: 'Filter String', localizationId: 'DevExpress.XtraReports.UI.XtraReportBase.FilterString', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('filterEditor') };
+const collectionDataSourceCriteria = { propertyName: 'criteriaString', modelName: '@CriteriaString', displayName: 'Criteria', localizationId: 'ASPxReportsStringId.ReportDesigner_CollectionDataSource_Criteria', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('filterEditor') };
 const bookmark = { propertyName: 'bookmark', localizable: true, modelName: '@Bookmark', displayName: 'Bookmark', localizationId: 'DevExpress.XtraReports.UI.XRControl.Bookmark', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') };
 const bookmarkParent = { propertyName: 'bookmarkParent', modelName: '@BookmarkParent', link: true, displayName: 'Parent Bookmark', localizationId: 'DevExpress.XtraReports.UI.XRControl.BookmarkParent', defaultVal: null, editor: designerEditorTemplates.getEditor('reportExplorer') };
 const navigateUrl = { propertyName: 'navigateUrl', modelName: '@NavigateUrl', displayName: 'Navigation URL', localizationId: 'DevExpress.XtraReports.UI.XRControl.NavigateUrl', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') };
@@ -3367,7 +3397,23 @@ const metadata_lineStyle = {
     ]
 };
 const dpi = { propertyName: 'dpi', modelName: '@Dpi', defaultVal: 100, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel };
-const canPublish = { propertyName: 'canPublish', modelName: '@CanPublish', displayName: 'Can Publish', localizationId: 'DevExpress.XtraReports.UI.XRControl.CanPublish', defaultVal: true, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') };
+const canPublishOptions = { propertyName: 'canPublishOptions', modelName: '@CanPublishOptions', defaultVal: 'All',
+    displayName: 'Can Publish Options', localizationId: 'DevExpress.XtraReports.UI.XRControl.CanPublishOptions',
+    descriptionLocalizationId: 'DevExpress.XtraReports.UI.XRControl.CanPublishOptions.Description', editor: designerEditorTemplates.getEditor('canPublishEditor'),
+    valuesArray: [
+        { value: 'Csv', displayValue: 'Csv', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Csv' },
+        { value: 'Docx', displayValue: 'Docx', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Docx' },
+        { value: 'Htm', displayValue: 'Htm', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Htm' },
+        { value: 'Image', displayValue: 'Images', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Image' },
+        { value: 'Mht', displayValue: 'Mht', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Mht' },
+        { value: 'Pdf', displayValue: 'Pdf', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Pdf' },
+        { value: 'Printing', displayValue: 'Printing', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Printing' },
+        { value: 'Rtf', displayValue: 'Rtf', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Rtf' },
+        { value: 'Txt', displayValue: 'Txt', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Txt' },
+        { value: 'Xls', displayValue: 'Xls', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Xls' },
+        { value: 'Xlsx', displayValue: 'Xlsx', localizationId: 'DevExpress.XtraReports.UI.CanPublishOptions.Xlsx' },
+    ]
+};
 const rtlValues = [
     { value: 'No', displayValue: 'No', localizationId: 'DevExpress.XtraReports.UI.RightToLeft.No' },
     { value: 'Yes', displayValue: 'Yes', localizationId: 'DevExpress.XtraReports.UI.RightToLeft.Yes' },
@@ -7318,11 +7364,13 @@ class NavigateToReportAction extends ActionTypeBase {
 
 
 
+
+
 class ComponentsModel extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     getInfo() {
-        return [metadata_name];
+        return [metadata_name, collectionDataSourceCriteria];
     }
-    constructor(model, renameComponentStrategy) {
+    constructor(model, renameComponentStrategy, parameters) {
         super();
         this.renameComponentStrategy = renameComponentStrategy;
         this.className = () => {
@@ -7330,6 +7378,13 @@ class ComponentsModel extends external_DevExpress_Analytics_Utils_namespaceObjec
         };
         this.controlType = 'XRComponent';
         const _name = external_ko_namespaceObject.observable(model.name);
+        if (model.isFilterableDataSource) {
+            const _criteriaString = external_ko_namespaceObject.observable(model.data.criteriaString);
+            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({
             read: () => { return _name(); },
@@ -8214,14 +8269,14 @@ const sizeLocation = [size, metadata_location];
 const bordersProperties = [borders, borderWidth, borderDashStyle, metadata_borderColor];
 const baseControlProperties = [metadata_name, metadata_visible, dpi, lockedInUserDesigner, metadata_tag, expressionBindings];
 const commonBandProperties = [metadata_backColor, formattingRuleLinks].concat(baseControlProperties, bordersProperties, paddingGroup);
-const commonControlProperties = [styleName, evenStyleName, accessibleDescription, oddStyleName, stylesObj, stylePriority, canPublish].concat(commonBandProperties);
+const commonControlProperties = [styleName, evenStyleName, accessibleDescription, oddStyleName, stylesObj, stylePriority, canPublishOptions].concat(commonBandProperties);
 const fontGroup = [expressionableFont, foreColor];
 const bookmarkGroup = [bookmark, bookmarkParent];
 const navigationGroup = [navigateUrl, target].concat(bookmarkGroup);
 const datasourcePrintOptionsGroup = [dataSource, metadata_dataMember, dataAdapter, metadata_filterString, metadata_filterStringEditable, reportPrintOptions];
 const processGroup = [processDuplicatesMode, processDuplicatesTarget, processNullValues];
 const canGrowShrinkGroup = [canGrow, canShrink];
-const labelGroup = [metadata_textAlignment, metadata_text, metadata_textArea, textFormatString, textFitMode, nullValueText,
+const labelGroup = [metadata_textAlignment, lineSpacing, metadata_text, metadata_textArea, textFormatString, textFitMode, nullValueText,
     keepTogetherDefaultValueFalse, summary, multiline, metadata_angle, wordWrap, xlsxFormatString, rtl, interactiveSorting
 ].concat(commonControlProperties, fontGroup, navigationGroup, canGrowShrinkGroup, processGroup);
 const unknownSerializationsInfo = [].concat(baseControlProperties, sizeLocation);
@@ -8854,6 +8909,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
 
 
@@ -8871,6 +8952,7 @@ function getNearestBand(target) {
 
 
 
+
 class XRReportElementViewModel extends external_DevExpress_Analytics_Elements_namespaceObject.ElementViewModel {
     get _localizationProvider() {
         if (!this.__localizationProvider) {
@@ -8957,6 +9039,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]());
@@ -8998,6 +9081,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);
@@ -9274,7 +9367,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
@@ -9559,6 +9654,7 @@ class BandsHolder extends external_DevExpress_Analytics_Utils_namespaceObject.Di
 
 ;// ./dist/designer/bands/_bandUtils.js
 
+
 function sortBands(band1, band2) {
     return getBandWeight(band1) - getBandWeight(band2);
 }
@@ -9590,17 +9686,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) {
@@ -9635,13 +9720,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];
 }
@@ -9670,7 +9755,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 {
@@ -9680,7 +9765,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];
         }
@@ -9694,39 +9779,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) {
@@ -9745,6 +9797,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
 
@@ -9752,6 +9865,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];
     }
@@ -9760,7 +9875,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'
@@ -9834,7 +9950,6 @@ class BandViewModel extends XRReportElementViewModel {
             });
         }
         if (subBands) {
-            initLevels(subBands);
             subBands.sort(sortBands);
         }
         this.bands = external_ko_namespaceObject.observableArray(subBands);
@@ -9860,50 +9975,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;
@@ -9993,7 +10069,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;
@@ -10143,6 +10219,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;
@@ -10151,7 +10237,7 @@ class BandSurface extends external_DevExpress_Analytics_Elements_namespaceObject
             snapGridSize: root.snapGridSize,
             zoom: context.zoom,
             measureUnit: context.measureUnit,
-            width: external_ko_namespaceObject.pureComputed(() => root.pageWidth() - nearMarginWidth()),
+            width: external_ko_namespaceObject.pureComputed(coordGridWidthCalc()),
             flip: context.rtl
         };
         let oldDelta = 0;
@@ -10268,11 +10354,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;
@@ -10488,6 +10571,18 @@ VerticalBandSurface._unitProperties = {
 
 
 
+const patchCanPublish = (model) => {
+    if (model['@CanPublish']) {
+        model['@CanPublishOptions'] = model['@CanPublish'] === 'false' ? 'None' : 'All';
+        delete model['@CanPublish'];
+    }
+    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();
@@ -10502,10 +10597,77 @@ class XRControlViewModel extends XRReportElementViewModel {
             this._disposables.push(this.horAnchoring);
         }
     }
+    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) {
@@ -10656,6 +10818,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']());
         }
@@ -10668,7 +10833,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()) {
@@ -10925,6 +11089,7 @@ class XRControlSurfaceBase extends external_DevExpress_Analytics_Elements_namesp
         }
         return false;
     }
+    canSnap() { return true; }
     getAdornTemplate() {
         let result = XRControlSurface._appendValue('', 'dxrd-intersect', this.isIntersect());
         result = XRControlSurface._appendValue(result, 'dxrd-control-rtl', this._control.rtl());
@@ -10974,7 +11139,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, '');
         }
@@ -11266,13 +11431,22 @@ const measureUnit = {
     propertyName: 'measureUnit',
     modelName: '@ReportUnit', defaultVal: 'HundredthsOfAnInch', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), displayName: 'Measure Units', localizationId: 'DevExpress.XtraReports.UI.XtraReport.ReportUnit', from: external_DevExpress_Analytics_Utils_namespaceObject.fromEnum,
     valuesArray: [
+        { value: 'Inches', displayValue: 'Inches', localizationId: 'DevExpress.XtraReports.UI.ReportUnit.Inches' },
+        { value: 'Millimeters', displayValue: 'Millimeters', localizationId: 'DevExpress.XtraReports.UI.ReportUnit.Millimeters' },
         { value: 'HundredthsOfAnInch', displayValue: 'Hundredths of an Inch', localizationId: 'DevExpress.XtraReports.UI.ReportUnit.HundredthsOfAnInch' },
         { value: 'TenthsOfAMillimeter', displayValue: 'Tenths of a Millimeter', localizationId: 'DevExpress.XtraReports.UI.ReportUnit.TenthsOfAMillimeter' },
         { value: 'Pixels', displayValue: 'Pixels', localizationId: 'DevExpress.XtraReports.UI.ReportUnit.Pixels' }
     ]
 };
 const snapGridSize = { propertyName: 'snapGridSize', modelName: '@SnapGridSize', defaultVal: 12.5, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), editorOptions: { min: 0.1 }, displayName: 'Snap Grid Size', localizationId: 'DevExpress.XtraReports.UI.XtraReport.SnapGridSize' };
-const drawWatermark = { propertyName: 'drawWatermark', modelName: '@DrawWatermark', displayName: 'Draw the Watermark', localizationId: 'DevExpress.XtraReports.UI.XtraReport.DrawWatermark', defaultVal: false, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') };
+const snappingMode = { propertyName: 'snappingMode', modelName: '@SnappingMode', defaultVal: 'SnapLines', from: external_DevExpress_Analytics_Utils_namespaceObject.fromEnum, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), displayName: 'Snapping Mode', localizationId: 'DevExpress.XtraReports.UI.XtraReport.SnappingMode',
+    valuesArray: [
+        { value: 'None', displayValue: 'None', localizationId: 'DevExpress.XtraReports.UI.SnappingMode.None' },
+        { value: 'SnapLines', displayValue: 'Snap Lines', localizationId: 'DevExpress.XtraReports.UI.SnappingMode.SnapLines' },
+        { value: 'SnapToGrid', displayValue: 'Snap to Grid', localizationId: 'DevExpress.XtraReports.UI.SnappingMode.SnapToGrid' }
+    ]
+};
+const drawWatermark = { propertyName: 'drawWatermark', modelName: '@DrawWatermark', displayName: 'Draw the Watermark', localizationId: 'DevExpress.XtraReports.UI.XtraReport.DrawWatermark', defaultVal: true, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') };
 const showPreviewMarginLines = { propertyName: 'showPreviewMarginLines', modelName: '@ShowPreviewMarginLines', displayName: 'Show Margin Lines in Preview', localizationId: 'DevExpress.XtraReports.UI.XtraReport.ShowPreviewMarginLines', defaultVal: true, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') };
 const verticalContentSplitting = {
     propertyName: 'verticalContentSplitting',
@@ -11294,8 +11468,8 @@ const watermarkId = { propertyName: 'watermarkId', modelName: '@WatermarkId', di
 const rollPaper = { propertyName: 'rollPaper', modelName: '@RollPaper', displayName: 'Roll Paper', localizationId: 'DevExpress.XtraReports.UI.XtraReport.RollPaper', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool };
 const requestParameters = { propertyName: 'requestParameters', modelName: '@RequestParameters', displayName: 'Request Parameters', localizationId: 'DevExpress.XtraReports.UI.XtraReport.RequestParameters', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool };
 const formattingRuleSheet = { propertyName: 'formattingRuleSheet', modelName: 'FormattingRuleSheet', displayName: 'Formatting Rule Sheet', localizationId: 'DevExpress.XtraReports.UI.XtraReport.FormattingRuleSheet', array: true };
-const pageWidth = { propertyName: 'pageWidth', modelName: '@PageWidth', displayName: 'Page Width', localizationId: 'DevExpress.XtraReports.UI.XtraReport.PageWidth', defaultVal: -1, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, toJsonObject: external_DevExpress_Analytics_Utils_namespaceObject.saveAsInt, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric') };
-const pageHeight = { propertyName: 'pageHeight', modelName: '@PageHeight', displayName: 'Page Height', localizationId: 'DevExpress.XtraReports.UI.XtraReport.PageHeight', defaultVal: -1, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, toJsonObject: external_DevExpress_Analytics_Utils_namespaceObject.saveAsInt, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric') };
+const pageWidthF = { propertyName: 'pageWidthF', modelName: '@PageWidthF', displayName: 'Page Width', localizationId: 'DevExpress.XtraReports.UI.XtraReport.PageWidthF', defaultVal: -1, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric') };
+const pageHeightF = { propertyName: 'pageHeightF', modelName: '@PageHeightF', displayName: 'Page Height', localizationId: 'DevExpress.XtraReports.UI.XtraReport.PageHeightF', defaultVal: -1, from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric') };
 const localizationItems = { propertyName: '_localizationItems', modelName: 'LocalizationItems', array: true };
 const language = {
     propertyName: 'language', displayName: 'Language', defaultVal: external_DevExpress_Reporting_Metadata_namespaceObject.defaultCulture, localizationId: 'DevExpress.XtraReports.UI.XtraReport.XRLanguage', localizable: true, editor: designerEditorTemplates.getEditor('localizationSelectBox'), values: (0,external_DevExpress_Reporting_Metadata_namespaceObject.availableCultures)()
@@ -11364,6 +11538,7 @@ const reportSerializationInfo = [
     margins, rollPaper, requestParameters,
     measureUnit,
     snapGridSize,
+    snappingMode,
     drawWatermark,
     designerOptions,
     watermarkId,
@@ -11371,8 +11546,8 @@ const reportSerializationInfo = [
     displayName, verticalContentSplitting, showPreviewMarginLines,
     calculatedFields,
     { propertyName: 'scriptsSource', modelName: '@ScriptsSource' },
-    pageWidth,
-    pageHeight,
+    pageWidthF,
+    pageHeightF,
     language,
     localizationItems,
     {
@@ -11610,9 +11785,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');
@@ -11633,8 +11806,9 @@ class DetailBand extends BandViewModel {
         this.disposeObservableArray(this.sortFields);
         this.resetObservableArray(this.sortFields);
     }
-    preInit(band, parent, serializer) {
-        this.multiColumn = new MultiColumn(band['MultiColumn'], this.root['pageWidth'] || external_ko_namespaceObject.observable(0), this.root['margins'] || external_DevExpress_Analytics_Elements_namespaceObject.Margins.fromString());
+    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); });
     }
@@ -11857,6 +12031,7 @@ const parameterSerializationInfo = [
 
 
 
+
 class ObjectItem extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     dispose() {
         super.dispose();
@@ -11880,8 +12055,13 @@ class ObjectItem extends external_DevExpress_Analytics_Utils_namespaceObject.Dis
 }
 class ObjectStorageItem extends ObjectItem {
     _getInfo() {
-        return super.getInfo().concat([{ propertyName: 'content', modelName: '@Content' }, { propertyName: 'type', modelName: '@Type' },
-            { propertyName: 'name', modelName: '@Name', defaultVal: '' }]);
+        const propertyToDeserialize = [
+            { propertyName: 'content', modelName: '@Content' },
+            { propertyName: 'type', modelName: '@Type' },
+            { propertyName: 'name', modelName: '@Name', defaultVal: '' },
+            collectionDataSourceCriteria
+        ];
+        return super.getInfo().concat(propertyToDeserialize);
     }
     preInitProperties(model) {
         this.getInfo = (model && model['@Base64']) ? () => {
@@ -13122,32 +13302,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
 
 
@@ -13477,6 +13631,7 @@ function patchSubreport(model) {
 
 
 
+
 function findBandByPositionY(bandsHolder, position) {
     let result = null;
     bandsHolder.bands().forEach((band) => {
@@ -13576,6 +13731,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 {
@@ -14581,7 +14741,7 @@ class XRTableRowViewModel extends XRControlViewModel {
         }
     }
 }
-XRTableRowViewModel.unitProperties = [];
+XRTableRowViewModel.unitProperties = ['paddingObj'];
 class XRTableRowSurface extends TableComponentSurface {
     _getChildrenHolderName() { return 'cells'; }
     dispose() {
@@ -14778,7 +14938,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
+
+
+
 
 
 
@@ -14845,7 +15242,9 @@ class ReportViewModel extends XRReportElementViewModel {
     }
     _getDpi(unitType) {
         switch (unitType) {
+            case 'Inches': return 1;
             case 'HundredthsOfAnInch': return 100;
+            case 'Millimeters': return 25.4;
             case 'TenthsOfAMillimeter': return 254;
             case 'Pixels': return 96;
         }
@@ -14863,10 +15262,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);
-        this.pageHeight((0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(external_ko_namespaceObject.unwrap(this.landscape() ? size.width : size.height) * (this._innerDpi.peek() / 100), false, 0));
-        this.pageWidth((0,external_DevExpress_Analytics_Internal_namespaceObject.roundingXDecimals)(external_ko_namespaceObject.unwrap(this.landscape() ? size.height : size.width) * (this._innerDpi.peek() / 100), false, 0));
+        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() / 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 = [];
@@ -14938,7 +15339,7 @@ class ReportViewModel extends XRReportElementViewModel {
         }
     }
     isPropertyDisabled(name) {
-        if (name === 'pageWidth' || name === 'pageHeight') {
+        if (name === 'pageWidthF' || name === 'pageHeightF') {
             return this.paperKind() !== 'Custom';
         }
         else if (name === 'dataMember') {
@@ -14968,16 +15369,24 @@ class ReportViewModel extends XRReportElementViewModel {
         this.resetObservableArray(this.styles);
         this.resetObservableArray(this.components);
     }
-    preInitProperties() {
+    beforeDeserialize(reportModel) {
         this.controlType = 'DevExpress.XtraReports.UI.XtraReport';
+        if (reportModel['@PageWidth'] !== undefined) {
+            reportModel['@PageWidthF'] = reportModel['@PageWidth'];
+            delete reportModel['@PageWidth'];
+        }
+        if (reportModel['@PageHeight'] !== undefined) {
+            reportModel['@PageHeightF'] = reportModel['@PageHeight'];
+            delete reportModel['@PageHeight'];
+        }
     }
     constructor(report, serializer, knownEnums) {
         super(patchMargins(report = report.XtraReportsLayoutSerializer || report), null, serializer = serializer || new ReportModelSerializer());
-        if (this.pageWidth() === pageWidth.defaultVal) {
-            this.pageWidth(ReportViewModel.defaultPageSize.width);
+        if (this.pageWidthF() === pageWidthF.defaultVal) {
+            this.pageWidthF(ReportViewModel.defaultPageSize.width);
         }
-        if (this.pageHeight() === pageHeight.defaultVal) {
-            this.pageHeight(ReportViewModel.defaultPageSize.height);
+        if (this.pageHeightF() === pageHeightF.defaultVal) {
+            this.pageHeightF(ReportViewModel.defaultPageSize.height);
         }
         this.knownEnums = knownEnums;
         this._dataBindingMode = external_ko_namespaceObject.observable('');
@@ -14990,20 +15399,22 @@ 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) => {
-            const width = this.pageWidth();
-            this.pageWidth(this.pageHeight());
-            this.pageHeight(width);
+            const width = this.pageWidthF();
+            this.pageWidthF(this.pageHeightF());
+            this.pageHeightF(width);
         }));
         this._disposables.push(this.dataSource.subscribe((newVal) => {
             if (!newVal) {
@@ -15037,7 +15448,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); });
@@ -15057,17 +15467,17 @@ class ReportViewModel extends XRReportElementViewModel {
             });
         }, null, 'arrayChange'));
         this._disposables.push(this.margins.left.subscribe((newVal) => {
-            if (this.isModelReady() && newVal > this.pageWidth() - this.margins.right()) {
-                this.margins.right(this.pageWidth() - this.margins.left());
+            if (this.isModelReady() && newVal > this.pageWidthF() - this.margins.right()) {
+                this.margins.right(this.pageWidthF() - this.margins.left());
             }
         }));
         this._disposables.push(this.margins.right.subscribe((newVal) => {
-            if (this.isModelReady() && newVal > this.pageWidth() - this.margins.left()) {
-                this.margins.left(this.pageWidth() - this.margins.right());
+            if (this.isModelReady() && newVal > this.pageWidthF() - this.margins.left()) {
+                this.margins.left(this.pageWidthF() - this.margins.right());
             }
         }));
         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());
@@ -15104,8 +15514,8 @@ class ReportViewModel extends XRReportElementViewModel {
     }
     initialize() {
         super.initialize();
-        this.size.height = this.pageHeight;
-        this.size.width = this.pageWidth;
+        this.size.height = this.pageHeightF;
+        this.size.width = this.pageWidthF;
     }
     getNearestParent(target) {
         return this;
@@ -15119,6 +15529,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.');
@@ -15129,9 +15542,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.');
@@ -15150,7 +15565,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();
@@ -15206,7 +15623,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
@@ -15259,8 +15676,8 @@ class ReportSurface extends external_DevExpress_Analytics_Elements_namespaceObje
             this._updateWatermarkImageNaturalSize(this.watermark.imageSource.peek());
             this._watermarkSubscriptions.push(this._watermarkTextRenderingResult = external_ko_namespaceObject.pureComputed(() => {
                 const canvas = document.createElement('canvas');
-                const originalWidthPx = (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(this.report.pageWidth(), this.measureUnit());
-                const originalHeightPx = (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(this.report.pageHeight(), this.measureUnit());
+                const originalWidthPx = (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(this.report.pageWidthF(), this.measureUnit());
+                const originalHeightPx = (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(this.report.pageHeightF(), this.measureUnit());
                 canvas.width = originalWidthPx;
                 canvas.height = originalHeightPx;
                 const context = canvas.getContext('2d');
@@ -15294,6 +15711,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) => {
@@ -15317,6 +15737,7 @@ class ReportSurface extends external_DevExpress_Analytics_Elements_namespaceObje
         this.dpi = report.dpi;
         this._disposables.push(this.rtl = external_ko_namespaceObject.pureComputed(() => report.rtl() && report.rtlLayout() === 'Yes'));
         this.measureUnit = report.measureUnit;
+        this.snappingMode = report.snappingMode;
         this._context = this;
         this._watermarkImageNaturalSize = external_ko_namespaceObject.observable({ width: 0, height: 0 });
         this.drawWatermark = report.drawWatermark;
@@ -19232,7 +19653,7 @@ class XRCrossTabCellViewModel extends XRControlViewModel {
     isPropertyVisible(name, isPopularProperty = false) {
         if (name == 'textFormatString')
             return !this.isIndependant();
-        if (name == 'visible' || name == 'location' || name == 'canPublish')
+        if (name == 'visible' || name == 'location' || name == 'canPublishOptions')
             return false;
         if (name == 'fieldName')
             return this.isBindable();
@@ -19482,6 +19903,7 @@ class XRCellsurface extends XRTextControlSurfaceBase {
 
 
 
+
 class XRCrossTabViewModel extends XRControlViewModel {
     _getCreator(type, serializer, name) {
         return (item) => new type(item || {}, this, serializer, name);
@@ -19602,7 +20024,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;
@@ -19646,7 +20070,7 @@ class XRCrossTabViewModel extends XRControlViewModel {
             }
         });
     }
-    preInitProperties() {
+    beforeDeserialize() {
         const info = this.getInfo();
         this.getInfo = () => {
             info.forEach(item => {
@@ -19939,15 +20363,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
@@ -20426,9 +20844,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';
@@ -20709,6 +21129,7 @@ const popularPropertiesShape = ['stretch', 'fillColor', 'lineWidth', 'angle', 'b
 
 
 
+
 class XRShapeViewModel extends XRControlViewModel {
     static createShape(model, serializer = null) {
         const type = model && model['@ShapeName'] || 'Ellipse';
@@ -20746,6 +21167,7 @@ class XRShapeViewModel extends XRControlViewModel {
         this._disposables.push(this.shapeFake.type);
     }
 }
+XRShapeViewModel.unitProperties = [].concat(['lineWidth'], XRReportElementViewModel.unitProperties);
 XRShapeViewModel.timeout = 1;
 XRShapeViewModel.shapes = [
     {
@@ -21412,7 +21834,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 } },
@@ -21443,7 +21865,7 @@ const tocLevels = {
     editor: designerEditorTemplates.getEditor('toclevel'),
     template: '#dxrd-collectionItemWithAccordion'
 };
-const tocProperties = commonControlProperties.filter((item) => { return item !== canPublish && item != accessibleDescription; });
+const tocProperties = commonControlProperties.filter((item) => { return item !== canPublishOptions && item != accessibleDescription; });
 const tocSerializationsInfo = [xrTableOfContents_formattingRuleLinks, xrTableOfContents_size, metadata_location, tocTitle, tocLevels, tocLevelDefault, maxNestingLevel, rtl].concat(tocProperties);
 
 ;// ./dist/designer/controls/xrTableOfContentsLevel.js
@@ -21466,7 +21888,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'];
     }
@@ -21625,6 +22047,8 @@ class XRTableOfContentsViewModel extends XRControlViewModel {
         }));
         this._disposables.push(this.borderDefault);
     }
+    syncDpi(dpi) {
+    }
     get textEditableProperty() { return this.levelTitleText; }
 }
 XRTableOfContentsViewModel.unitProperties = [].concat(['levelTitle', 'levelDefault'], XRReportElementViewModel.unitProperties);
@@ -21873,7 +22297,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([{
@@ -21908,7 +22332,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') },
     {
@@ -21941,7 +22365,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
@@ -22055,7 +22479,7 @@ const characterCombFont = { propertyName: 'font', modelName: '@Font', displayNam
 const characterCombBorders = { propertyName: 'borders', modelName: '@Borders', displayName: 'Borders', localizationId: 'DevExpress.XtraReports.UI.XRControl.Borders', defaultVal: 'All', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('borders') };
 const characterCombBorderDashStyle = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({}, borderDashStyle, { valuesArray: borderDashStyleValues });
 const characterCombSerializationsInfo = [
-    accessibleRole, styleName, evenStyleName, oddStyleName, stylePriority, canPublish, metadata_backColor, autoWidth, action,
+    accessibleRole, styleName, evenStyleName, oddStyleName, stylePriority, canPublishOptions, metadata_backColor, autoWidth, action,
     formattingRuleLinks, cellSizeMode, xrCharactercomb_wordWrap, cellWidth, cellHeight, cellVerticalSpacing, cellHorizontalSpacing, dataBindings(['Text']),
     metadata_textAlignment, metadata_text, textFormatString, metadata_textArea, nullValueText, keepTogetherDefaultValueFalse, summary, multiline, xrCharactercomb_wordWrap,
     xlsxFormatString, rtl, characterCombBorders, borderWidth, characterCombBorderDashStyle, metadata_borderColor, characterCombFont, foreColor, editOptions, interactiveSorting
@@ -22173,14 +22597,14 @@ const borderDashStyleCrossband = {
 const xrCrossband_width = { propertyName: 'width', modelName: '@WidthF', defaultVal: 0, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), displayName: 'Width', localizationId: 'DevExpress.XtraReports.UI.XRControl.Width', descriptionLocalizationId: 'DevExpress.XtraReports.UI.XRCrossBandControl.WidthF.Description', from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, localizable: true };
 const crossBandBoxControlSerializationsInfo = [
     startPoint, startBand, endPoint, endBand, xrCrossband_width,
-    metadata_borderColor, borderDashStyleCrossband, canPublish,
+    metadata_borderColor, borderDashStyleCrossband, canPublishOptions,
     (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({}, borders, { defaultVal: 'All' }),
     (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({}, borderWidth, { defaultVal: 2 }),
     { propertyName: 'locationF', modelName: '@LocationFloat', from: external_DevExpress_Analytics_Elements_namespaceObject.Point.fromString },
 ].concat(baseControlProperties);
 const crossBandLineControlSerializationsInfo = [
     startPoint, startBand, endPoint, endBand, xrCrossband_width,
-    foreColor, metadata_lineStyle, crossBandLineWidth, canPublish,
+    foreColor, metadata_lineStyle, crossBandLineWidth, canPublishOptions,
     { propertyName: 'locationF', modelName: '@LocationFloat', from: external_DevExpress_Analytics_Elements_namespaceObject.Point.fromString, }
 ].concat(baseControlProperties);
 const popularPropertiesCrossLine = ['lineStyle'];
@@ -22833,12 +23257,12 @@ const groups = {
         info: [
             allowedAreas, anchorVertical, anchorHorizontal, metadata_angle,
             pivotgridfield_area, areaIndexEditable, autoModule, allowMarkupText, autoWidth,
-            barCodeOrientation, canGrow, canPublish, canShrink, conditionObj,
+            barCodeOrientation, canGrow, canPublishOptions, canShrink, conditionObj,
             drillDownControl, drillDownDetailReportExpanded, hierarchyPrintOptions, fillEmptySpace,
             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,
@@ -22872,18 +23296,19 @@ const groups = {
             rowFields, columnFields, dataFields,
             calculatedFieldExpression,
             crossTabGroupInterval, crossTabGroupIntervalNumericRange, crossTabSortBySummaryInfo,
-            external_DevExpress_Reporting_Export_Metadata_namespaceObject.pageRange, pageCount
+            external_DevExpress_Reporting_Export_Metadata_namespaceObject.pageRange, pageCount,
+            collectionDataSourceCriteria
         ],
         displayName: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Data', 'ASPxReportsStringId.ReportDesigner_Wizard_ReportStyle_Data')
     },
     'Design': {
-        info: [metadata_name, snapGridSize, drawWatermark, language, designerOptions],
+        info: [metadata_name, snapGridSize, snappingMode, drawWatermark, language, designerOptions],
         displayName: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Design', 'ReportStringId.CatDesign')
     },
     'Layout': {
         info: [
             cellHeight, cellHorizontalSpacing, cellSizeMode, cellVerticalSpacing, cellWidth,
-            startBand, startPoint, endBand, endPoint, height,
+            startBand, startPoint, endBand, endPoint, height, lineSpacing,
             metadata_location, size, minWidth, xrCrossband_width
         ],
         displayName: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Layout', 'DevExpress.XtraReports.UI.MultiColumn.Layout')
@@ -22896,7 +23321,7 @@ const groups = {
     },
     'Page Settings': {
         info: [
-            landscape, rollPaper, pageWidth, pageHeight, paperKind, margins, defaultPrinterSettingsUsingInfo
+            landscape, rollPaper, pageWidthF, pageHeightF, paperKind, margins, defaultPrinterSettingsUsingInfo
         ],
         displayName: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Page Settings', 'DevExpress.XtraPivotGrid.Data.PivotGridOptionsPrint.PageSettings')
     },
@@ -22968,6 +23393,9 @@ class JSReportDesigner {
     AddToPropertyGrid(groupName, property) {
         const group = groups[groupName];
         if (group) {
+            if (group.info.some((prop) => prop.propertyName === property.propertyName)) {
+                return;
+            }
             group.info.push(property);
         }
         else {
@@ -24190,8 +24618,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 });
         }
     }
@@ -25004,6 +25432,7 @@ class DataSourceHelper extends external_DevExpress_Analytics_Utils_namespaceObje
                     name: dataSourceRef.name,
                     isFederationDataSource: dataSourceRef.isFederationDataSource,
                     isSqlDataSource: dataSourceRef.isSqlDataSource,
+                    isFilterableDataSource: dataSourceRef.isFilterableDataSource,
                     isJsonDataSource: dataSourceRef.isJsonDataSource,
                     isObjectDataSource: dataSourceRef.isObjectDataSource,
                     isListType: dataSourceRef.isListType,
@@ -25213,7 +25642,7 @@ function getFirstSurfaceParentByType(target, checkBandsType) {
 function getUsefulReportWidth(surface) {
     const report = surface && surface.getControlModel();
     return surface ?
-        external_DevExpress_Analytics_Elements_namespaceObject.Size.fromString(((report.pageWidth() - report.margins.left() - report.margins.right()) / (surface.dpi() / 100)).toString() + ', 23') :
+        external_DevExpress_Analytics_Elements_namespaceObject.Size.fromString(((report.pageWidthF() - report.margins.left() - report.margins.right()) / (surface.dpi() / 100)).toString() + ', 23') :
         external_DevExpress_Analytics_Elements_namespaceObject.Size.fromString('200, 23');
 }
 function createPictureBox(container, bindingPath, dataBindingMode) {
@@ -26490,6 +26919,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
 
 
@@ -26501,6 +27044,8 @@ class ObjectExplorerDragDropHelper extends external_DevExpress_Analytics_Widgets
 
 
 
+
+
 class ReportControlsDragDropHelper extends ObjectExplorerDragDropHelper {
     _canReorder(currentTarget, draggableData) {
         const currentModel = this._getElementViewModel(currentTarget);
@@ -26575,13 +27120,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();
         }
     }
@@ -26742,188 +27293,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
 
 
@@ -26992,7 +27361,6 @@ class ReportSnapLinesCollector extends external_DevExpress_Analytics_Internal_na
 
 
 
-
 class ReportToolboxDragDropHandler extends external_DevExpress_Analytics_Internal_namespaceObject.ToolboxDragDropHandler {
     dispose() {
         this.surface = null;
@@ -27026,19 +27394,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();
@@ -27052,11 +27407,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();
@@ -27801,7 +28151,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 {
@@ -27822,7 +28172,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)));
     }
 }
 
@@ -28224,6 +28574,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);
@@ -28285,8 +28637,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() {
@@ -28321,8 +28673,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');
@@ -30098,13 +30449,40 @@ class DataSourceSelectBox extends external_DevExpress_Analytics_Widgets_namespac
     }
 }
 
+;// ./dist/designer/services/_reportPreviewService.js
+
+
+
+
+
+class ReportPreviewService {
+    static _getInitializePreviewArgs(report) {
+        return {
+            layout: JSON.stringify({ 'XtraReportsLayoutSerializer': report.serialize() }),
+            culture: report.isLocalized() && report.language() !== language.defaultVal ? report.language() : ''
+        };
+    }
+    static initializePreview(report) {
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'initializePreview', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)(this._getInitializePreviewArgs(report)), external_DevExpress_Reporting_Viewer_Internal_namespaceObject.PreviewRequestWrapper.getProcessErrorCallback());
+    }
+}
+
 ;// ./dist/designer/services/_aiService.js
 
 
 
+
+
 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 }));
+        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) {
+        const args = {
+            ...ReportPreviewService._getInitializePreviewArgs(report),
+            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());
     }
 }
 
@@ -30148,11 +30526,14 @@ class TranslationFactory {
     }
 }
 const _translationFactory = new TranslationFactory();
+const aiTranslationServiceName = 'dxAITranslationService';
 function registerTranslationService(name, service) {
     _translationFactory.register(name, service);
 }
-function registerAITranslationService() {
-    const aiTranslationServiceName = 'dxAITranslationService';
+function _unregisterAITranslationService() {
+    _translationFactory.unregister(aiTranslationServiceName);
+}
+function _registerAITranslationService() {
     registerTranslationService(aiTranslationServiceName, {
         onRequest: (strings, destinationLanguage, destinationLanguageText) => {
             const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
@@ -30162,16 +30543,13 @@ function registerAITranslationService() {
                     deferred.resolve(JSON.parse(result.text));
                 }
                 else {
-                    deferred.reject(result.errorMessage);
+                    (0,external_DevExpress_Analytics_Internal_namespaceObject.ShowMessage)(result.errorMessage);
+                    deferred.reject();
                 }
             }).fail((reason) => deferred.reject(reason));
             return deferred.promise();
         },
         onResponse: (result) => {
-            if (result.error && result.error.message) {
-                (0,external_DevExpress_Analytics_Internal_namespaceObject.ShowMessage)(result.error.message);
-                return [];
-            }
             return result;
         },
         _iconClass: 'ai-localization-service',
@@ -30384,6 +30762,17 @@ 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: position },
+            container: position,
+            message: '',
+            shadingColor: 'rgba(0,0,0,0.4)',
+        };
+    }
 }
 
 ;// ./dist/designer/localization/_localiziblePropertiesAccessibilityProvider.js
@@ -30413,21 +30802,6 @@ class LocaliziblePropertiesAccessibilityProvider extends external_DevExpress_Ana
     }
 }
 
-;// ./dist/designer/services/_reportPreviewService.js
-
-
-
-
-
-class ReportPreviewService {
-    static initializePreview(report) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'initializePreview', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
-            layout: JSON.stringify({ 'XtraReportsLayoutSerializer': report.serialize() }),
-            culture: report.isLocalized() && report.language() !== language.defaultVal ? report.language() : ''
-        }), external_DevExpress_Reporting_Viewer_Internal_namespaceObject.PreviewRequestWrapper.getProcessErrorCallback());
-    }
-}
-
 ;// ./dist/designer/wizard/pageId.js
 
 const LegacyReportWizardPageId = {
@@ -30459,6 +30833,8 @@ const FullscreenReportWizardPageId = {
     DefineCrossTabPage: 'defineCrossTabPage',
     SpecifyPageSettingsPage: 'specifyPageSettingsPage',
     SpecifyLabelSettingsPage: 'specifyLabelSettingsPage',
+    AISelectDataSourceOptionPage: 'aiSelectDataSourceOptionPage',
+    AIEnterReportPromptPage: 'aiEnterReportPromptPage'
 };
 const FullscreenReportWizardSectionId = {
     ChooseAvailableDataSourcePage: ReportWizardPageId.ChooseAvailableDataSourcePage,
@@ -30481,7 +30857,7 @@ const FullscreenReportWizardSectionId = {
     ChooseJsonSourcePage: external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenDataSourceWizardSectionId.ChooseJsonSourcePage,
     ConfigureCrossTabColumnsPage: 'configureCrossTabColumnsPage',
     ConfigureCrossTabRowsPage: 'configureCrossTabRowsPage',
-    ConfigureCrossTabDataPage: 'configureCrossTabDataPage'
+    ConfigureCrossTabDataPage: 'configureCrossTabDataPage',
 };
 
 ;// ./dist/designer/wizard/pages/chooseAvailableDataSourcePage.js
@@ -30651,30 +31027,10 @@ const ReportDesignerAddOns = {
     FederatedManageQueriesEditor: 'dxrd-federated-manageQueries-editor',
     FederatedQueriesPopups: 'dx-querybuilder-federation-popup-templates',
     ScriptEditor: 'dxrd-scripts',
-    ExpressionEditor: 'dxrd-activated-expressioneditor'
+    ExpressionEditor: 'dxrd-activated-expressioneditor',
+    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
 
 
@@ -30722,7 +31078,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); });
     }
 }
@@ -30813,6 +31170,7 @@ class VerticalDetailBandViewModel extends VerticalBandViewModel {
 
 
 
+
 
 
 const canPasteInBand = (dropTarget) => {
@@ -31262,7 +31620,7 @@ function _registerControls_registerControls(fieldListProvider) {
             '@EndPointFloat': '0,50'
         },
         size: '50,50',
-        popularProperties: ['borderColor', 'visible', 'canPublish', 'borders'],
+        popularProperties: ['borderColor', 'visible', 'canPublishOptions', 'borders'],
         surfaceType: XRCrossBandSurface,
         displayName: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cross-band Box', 'DevExpress.XtraReports.UI.XRCrossBandBox')
     });
@@ -31347,7 +31705,7 @@ function _registerControls_registerControls(fieldListProvider) {
     });
     controlsFactory().registerControl('GroupFooterBand', {
         info: groupFooterBandSerializationInfo,
-        type: BandViewModel,
+        type: GroupFooterBand,
         nonToolboxItem: true,
         surfaceType: BandSurface,
         popularProperties: popularPropertiesGroupFooter,
@@ -31933,6 +32291,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,
@@ -31943,7 +32309,7 @@ const defaultPageSetupState = {
     marginLeft: 1,
     width: defaultPageSize.width / 100,
     height: defaultPageSize.height / 100,
-    unit: GraphicsUnit.Inch
+    reportUnit: ReportUnit.Inches
 };
 const defaultReportWizardState = {
     masterDetailInfoCollection: [],
@@ -31975,6 +32341,7 @@ class CommonRequestModel {
         }
         this.IgnoreNullValuesForSummary = state.ignoreNullValuesForSummary;
         this.ReportTitle = state.reportTitle;
+        this.ReportPrompt = state.reportPrompt;
         this.ReportType = state.reportType;
         if (state.dataMemberInfo != null || state.dataMemberPath != null) {
             this.DataMemberName = {
@@ -32006,7 +32373,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 {
@@ -32025,7 +32392,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;
     }
 }
 
@@ -32096,9 +32463,111 @@ class MasterDetailRequestModel extends CommonRequestModel {
                 bottom: state.pageSetup.marginBottom
             };
             this.Portrait = !state.pageSetup.landscape;
-            this.Unit = state.pageSetup.unit;
+            this.ReportUnit = state.pageSetup.reportUnit;
+        }
+    }
+}
+
+;// ./dist/designer/settings.js
+
+const PropertyGrid = {
+    QuickActionsVisible: (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(false),
+    TaskGroupVisible: (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true)
+};
+const SmartTagsEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
+const ContextMenusEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
+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
@@ -32112,6 +32581,8 @@ class MasterDetailRequestModel extends CommonRequestModel {
 
 
 
+
+
 class SelectReportTypePage extends external_DevExpress_Analytics_Wizard_namespaceObject.ChooseDataSourceTypePage {
     constructor(_options) {
         super({});
@@ -32157,6 +32628,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.id === AIGeneratedReportId)
+            return AIServicesEnabled();
         return true;
     }
     canNext() {
@@ -32166,7 +32639,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;
@@ -32873,93 +33349,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
 
 
@@ -33841,10 +34230,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) {
@@ -33852,7 +34247,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');
@@ -34880,29 +35280,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];
     }
 }
 
@@ -34973,21 +35356,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,
@@ -34996,18 +35381,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);
@@ -35032,12 +35417,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';
             }
         }));
@@ -35050,13 +35439,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);
@@ -35070,7 +35459,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(),
@@ -35089,7 +35478,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) {
@@ -35380,37 +35769,15 @@ class ReportWizardStateHelper {
         }
     }
     static applyPageSetup(state, model) {
-        let unit;
-        let _pageSetupProps = [
-            model.pageWidth(),
-            model.pageHeight(),
-            model.margins.left(),
-            model.margins.right(),
-            model.margins.top(),
-            model.margins.bottom()
-        ];
-        switch (model.measureUnit()) {
-            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()
         };
     }
@@ -35430,6 +35797,153 @@ function createReportWizardState(reportViewModel) {
     return state;
 }
 
+;// ./dist/designer/wizard/pages/fullscreen/ai/aiSelectDataSourceOptionPage.js
+
+
+
+
+
+
+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 AISelectDataSourceOptionPage extends SelectReportTypePage {
+    canNext() {
+        return true;
+    }
+    commit() {
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve({ reportType: this.selectedItem().type }).promise();
+    }
+    initialize(state) {
+        const type = state.reportType || ReportType.Standard;
+        const item = (0,external_DevExpress_Analytics_Internal_namespaceObject.findFirstItemMatchesCondition)(this.typeItems, (item) => item.type === type);
+        this.selectedItem(item || this.typeItems[0]);
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve().promise();
+    }
+}
+function _registerAISelectDataSourceOptionPage(factory, options) {
+    factory.registerMetadata(FullscreenReportWizardPageId.AISelectDataSourceOptionPage, {
+        setState: (data, state) => {
+            state.reportType = data.reportType;
+        },
+        getState: (state) => {
+            return state;
+        },
+        resetState: (state, defaultState) => {
+            state.reportType = defaultState.reportType;
+        },
+        create: () => {
+            const canCreateDatabound = 'function' === typeof (options.canCreateDatabound) ? options.canCreateDatabound() : options.canCreateDatabound;
+            const pageOptions = {
+                reportTemplates: predefinedAIReportTemplates,
+                canCreateDatabound: canCreateDatabound,
+            };
+            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/aiEnterReportPromptPage.js
+
+
+
+
+
+
+
+
+
+class AIFieldListController extends FieldListController {
+    canSelect(item) {
+        return false;
+    }
+}
+class AIEnterReportPromptPage extends external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenWizardPage {
+    constructor(options) {
+        super();
+        this.options = options;
+        this._rootItems = external_ko_namespaceObject.observableArray([]);
+        this._reportPromptPlaceholder = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Type in a detailed report description', 'ASPxReportsStringId.ReportDesigner_Wizard_AI_EnterReportDescription_PromptPlaceholder');
+        this._dataStructureSectionTitle = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Data source structure', 'ASPxReportsStringId.ReportDesigner_Wizard_AI_EnterReportDescription_DataSourceStructure');
+        this._promptSectionTitle = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Enter your prompt', 'ASPxReportsStringId.ReportDesigner_Wizard_AI_EnterReportDescription_PromptTitle');
+        this._suggestionsSectionTitle = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Predefined prompts', 'ASPxReportsStringId.ReportDesigner_Wizard_AI_EnterReportDescription_PredefinedPrompts');
+        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, false);
+        }, this._rootItems);
+        this._fieldListModel = {
+            itemsProvider: fieldListProvider,
+            treeListController: new AIFieldListController(),
+            selectedPath: external_ko_namespaceObject.observable(null),
+            expandRootItems: true
+        };
+    }
+    initialize(state) {
+        this._reportPrompt(state.reportPrompt ? state.reportPrompt : '');
+        this._showDataStructure = state.reportType === ReportType.Standard;
+        if (this._showDataStructure) {
+            this._dataSource = _restoreDataSourceFromState(state.newDataSource || state.dataSource);
+            this._rootItems([this._dataSource]);
+        }
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve().promise();
+    }
+    canNext() {
+        return false;
+    }
+    canFinish() {
+        return !!this._reportPrompt();
+    }
+    commit() {
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.createDeferred)().resolve({
+            reportPrompt: this._reportPrompt()
+        }).promise();
+    }
+    _getSuggentionListOptions() {
+        return {
+            items: this.options.predefinedReportPrompts,
+            displayExpr: 'title',
+            onItemClick: (event) => {
+                this._reportPrompt(event.itemData.text);
+            }
+        };
+    }
+    _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: position },
+            message: '',
+            container: position,
+            shadingColor: 'rgba(0,0,0,0.4)',
+        };
+    }
+    _getPromptTextAreaOptions() {
+        return {
+            value: this._reportPrompt,
+            placeholder: this._reportPromptPlaceholder,
+            valueChangeEvent: 'keyup'
+        };
+    }
+}
+function _registerAIEnterReportPromptPage(factory, options) {
+    factory.registerMetadata(FullscreenReportWizardPageId.AIEnterReportPromptPage, {
+        create: () => new AIEnterReportPromptPage({
+            fieldListCallBack: options.callbacks.fieldListsCallback,
+            predefinedReportPrompts: options.aiReportGenerationSettings.predefinedReportPrompts || []
+        }),
+        getState: (state) => state,
+        setState: (data, state) => state.reportPrompt = data.reportPrompt,
+        resetState: (state, defaultState) => state.reportPrompt = defaultState.reportPrompt,
+        template: 'dxrd-page-ai-report-layout',
+        navigationPanelText: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Enter Report Description', 'ASPxReportsStringId.ReportDesigner_Wizard_AI_EntrerReportDescription')
+    });
+}
+
 ;// ./dist/designer/wizard/fullscreenReportWizard.js
 
 
@@ -35448,6 +35962,9 @@ function createReportWizardState(reportViewModel) {
 
 
 
+
+
+
 
 
 class FullscreenReportWizard extends external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenWizard {
@@ -35489,12 +36006,37 @@ class FullscreenReportWizardPageIterator extends external_DevExpress_Analytics_W
         super(pagesFactory, stateManager, _onResetPage);
         this._reportWizardOptions = _reportWizardOptions;
     }
+    _getNextAIPageId(pageId) {
+        if (!isAIReportType(this._getCurrentState()))
+            return;
+        if (pageId === FullscreenReportWizardPageId.SelectReportTypePage) {
+            return FullscreenReportWizardPageId.AISelectDataSourceOptionPage;
+        }
+        else if (pageId === FullscreenReportWizardPageId.AISelectDataSourceOptionPage) {
+            if (this._getCurrentState().reportType === ReportType.Empty) {
+                return FullscreenReportWizardPageId.AIEnterReportPromptPage;
+            }
+            else {
+                return FullscreenReportWizardPageId.SelectDataSourcePage;
+            }
+        }
+        else if (pageId === FullscreenReportWizardPageId.SelectDataSourcePage && this._getCurrentState().dataSource ||
+            pageId === external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenDataSourceWizardPageId.SpecifySqlDataSourceSettingsPage ||
+            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.AIEnterReportPromptPage;
+        }
+    }
     getNextPageId(pageId) {
         const getDefineLayoutPage = () => {
             return this._getCurrentState().reportType === ReportType.CrossTab ? FullscreenReportWizardPageId.DefineCrossTabPage : FullscreenReportWizardPageId.DefineReportLayoutPage;
         };
         if (!pageId)
             return FullscreenReportWizardPageId.SelectReportTypePage;
+        const aiPageId = this._getNextAIPageId(pageId);
+        if (aiPageId)
+            return aiPageId;
         if (pageId === FullscreenReportWizardPageId.SelectReportTypePage && this._getCurrentState().reportType === ReportType.Label) {
             return FullscreenReportWizardPageId.SpecifyLabelSettingsPage;
         }
@@ -35534,16 +36076,18 @@ class FullscreenReportWizardPageIterator extends external_DevExpress_Analytics_W
     }
 }
 function _registerFullscreenReportWizardPages(factory, reportWizardOptions) {
+    const canCreateDatabound = () => reportWizardOptions.dataSources().length > 0 ||
+        reportWizardOptions.connectionStrings.sql().length > 0 ||
+        reportWizardOptions.connectionStrings.json().length > 0 ||
+        reportWizardOptions.wizardSettings.enableObjectDataSource ||
+        (reportWizardOptions.allowCreateNewJsonConnection && reportWizardOptions.wizardSettings.enableJsonDataSource);
     _registerSelectReportTypePage(factory, {
-        canCreateDatabound: () => reportWizardOptions.dataSources().length > 0 ||
-            reportWizardOptions.connectionStrings.sql().length > 0 ||
-            reportWizardOptions.connectionStrings.json().length > 0 ||
-            reportWizardOptions.wizardSettings.enableObjectDataSource ||
-            (reportWizardOptions.allowCreateNewJsonConnection && reportWizardOptions.wizardSettings.enableJsonDataSource),
+        canCreateDatabound: canCreateDatabound,
         showVertical: true,
         reportTemplates: reportWizardOptions.reportTemplates,
         searchBoxVisibilityMode: reportWizardOptions.searchBoxVisibilityMode
     });
+    _registerAISelectDataSourceOptionPage(factory, { canCreateDatabound });
     _registerSelectDataSourcePage(factory, reportWizardOptions);
     _registerSpecifySqlDataSourceSettingsPage(factory, reportWizardOptions);
     _registerSpecifyJsonDataSourceSettingsPage(factory, reportWizardOptions);
@@ -35553,6 +36097,7 @@ function _registerFullscreenReportWizardPages(factory, reportWizardOptions) {
     _registerDefineCrossTabPage(factory, reportWizardOptions);
     _registerSpecifyLabelSettingsPage(factory, reportWizardOptions);
     _registerSpecifyPageSettingsPage(factory, reportWizardOptions);
+    _registerAIEnterReportPromptPage(factory, reportWizardOptions);
 }
 function _createFullscreenReportWizard(reportWizardOptions) {
     const factory = new external_DevExpress_Analytics_Wizard_namespaceObject.FullscreenWizardPageFactory();
@@ -35731,7 +36276,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({
@@ -35915,6 +36460,8 @@ class DataSourceItemsExtender {
                     dataMember['isObjectDataSource'] = true;
                     dataMember['hasParams'] = dataSourceItem['hasParams'];
                 }
+                if (dataSourceItem.isFilterableDataSource)
+                    dataMember['isFilterableDataSource'] = true;
                 dataMember['canRemove'] = true;
                 dataMember['rename'] = (newName) => this._renameCallback(newName, dataSourceItem);
             });
@@ -36200,6 +36747,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();
@@ -36723,16 +37271,19 @@ class ReportMenuSettings extends external_DevExpress_Analytics_Internal_namespac
 
 
 
+
+
 class DataSourceActions {
     _findDataSource(dataSourceID) {
         return this._dsHelper().usedDataSources().filter((item) => {
             return item.id === dataSourceID || item.ref === dataSourceID;
         })[0];
     }
-    constructor(dsHelper, reportViewModel, undoEngine, _allowEditDataSource = true, _allowRemoveDataSource = true, _fieldListProvider) {
+    constructor(dsHelper, reportViewModel, undoEngine, _allowEditDataSource = true, _allowRemoveDataSource = true, _fieldListProvider, _displayNameProvider) {
         this._allowEditDataSource = _allowEditDataSource;
         this._allowRemoveDataSource = _allowRemoveDataSource;
         this._fieldListProvider = _fieldListProvider;
+        this._displayNameProvider = _displayNameProvider;
         this.removeDataSourceAction = {
             clickAction: (item) => {
                 this.removeDataSource(item.data.name);
@@ -36760,9 +37311,19 @@ class DataSourceActions {
             imageTemplateName: 'dxrd-svg-operations-rename',
             text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Rename', 'ASPxReportsStringId.ReportDesigner_FieldListActions_Rename')
         };
+        this.filterDataSourceAction = {
+            clickAction: (item) => {
+                this.editDataSourceFilter(item);
+            },
+            position: 0,
+            imageClassName: 'dxrd-image-operations-editCriteria',
+            imageTemplateName: 'dxrd-svg-operations-editCriteria',
+            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Edit criteria', 'ASPxReportsStringId.ReportDesigner_FieldListActions_EditCriteria')
+        };
         this._dsHelper = dsHelper;
         this._reportViewModel = reportViewModel;
         this._undoEngine = undoEngine;
+        this.filterEditor = external_ko_namespaceObject.observable();
     }
     removeDataSource(dataSourceID) {
         const dsInfo = this._findDataSource(dataSourceID);
@@ -36790,6 +37351,13 @@ class DataSourceActions {
             (0,external_DevExpress_Analytics_Internal_namespaceObject.ShowMessage)((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Result schema is rebuilt successfully.', 'DataAccessUIStringId.RebuildResultSchemaComplete'), external_DevExpress_Analytics_Internal_namespaceObject.NotifyType.success);
         });
     }
+    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);
+    }
     getActions(context) {
         const result = [];
         if (!context.data)
@@ -36802,6 +37370,8 @@ class DataSourceActions {
                 result.push(this.renameAction);
             if (context.data['isSqlDataSource'] || context.data['isFederationDataSource'])
                 result.push(this.rebuildResultSchemaAction);
+            if (context.data['isFilterableDataSource'])
+                result.push(this.filterDataSourceAction);
         }
         return result;
     }
@@ -37130,7 +37700,7 @@ class LegacyReportRequestModel extends CommonRequestModel {
                     top: state.pageSetup.marginTop,
                     bottom: state.pageSetup.marginBottom
                 };
-                this.Unit = state.pageSetup.unit;
+                this.ReportUnit = state.pageSetup.reportUnit;
             }
         }
     }
@@ -38047,6 +38617,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 };
@@ -38069,6 +38640,9 @@ class SaveAsReportDialog extends ReportDialogBase {
                 self.disabled(false);
                 self.visible(false);
             }).fail(() => {
+                if (backedUpName !== url) {
+                    self.tab().undoEngine.undo(true);
+                }
                 self.disabled(false);
             });
         }
@@ -38274,7 +38848,7 @@ class WizardsInitializerSettings {
         this.sqlDataSourceEditor = new SqlDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider, this.multipleQueriesWizardCallbacks);
         this.jsonDataSourceEditor = new JsonDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider);
         this.objectDataSourceEditor = new ObjectDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider);
-        this.dataSourceActionProvider = new DataSourceActions(settings.dataSourceHelper, settings.model, settings.undoEngine, settings.allowEditDataSource, settings.allowRemoveDataSource, settings.fieldListProvider);
+        this.dataSourceActionProvider = new DataSourceActions(settings.dataSourceHelper, settings.model, settings.undoEngine, settings.allowEditDataSource, settings.allowRemoveDataSource, settings.fieldListProvider, settings.displayNameProvider);
     }
     createMultipleQueriesWizardCallbacks(itemsProvider, model, state) {
         const helper = new FieldListDataSourcesHelper();
@@ -38313,6 +38887,7 @@ class WizardsInitializerSettings {
             this.multiQueryDataSourceWizard = (0,external_DevExpress_Analytics_Wizard_namespaceObject._createMultiQueryDataSourceWizard)(undefined, this.multiQueryWizardOptions);
     }
     createReportWizard(settings) {
+        this.reportWizardOptions.aiReportGenerationSettings = settings.data.aiSettings?.reportGenerationSettings;
         this.reportWizardOptions.searchBoxVisibilityMode = settings.data.wizardSettings.reportWizardTemplatesSearchBoxVisibility;
         this.reportWizardOptions.reportTemplates = settings.data.reportWizardTemplates;
         this.reportWizardOptions.allowCreateNewJsonConnection = settings.data.allowCreateNewJsonConnection;
@@ -38350,7 +38925,8 @@ class WizardsInitializerSettings {
                     settings.isLoading(false);
                     deferred.resolve(newReport);
                 })
-                    .fail(() => { deferred.reject(); });
+                    .fail(() => { deferred.reject(); })
+                    .always(() => { settings.isLoading?.(false); });
                 return deferred.promise();
             }
         });
@@ -38421,15 +38997,33 @@ class ChartActions extends external_DevExpress_Analytics_Internal_namespaceObjec
     }
 }
 
-;// ./dist/designer/settings.js
+;// ./dist/designer/internal/ai/_aiDesignerPanelModel.js
 
-const PropertyGrid = {
-    QuickActionsVisible: (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(false),
-    TaskGroupVisible: (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true)
-};
-const SmartTagsEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
-const ContextMenusEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
-const DimensionNotationsEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
+
+
+
+class AIDesignerPanelModel extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
+    constructor(buildingModel, settings) {
+        super();
+        this.buildingModel = buildingModel;
+        this.settings = settings;
+        this.visible = settings?.testDataSourceSettings?.enableTestDataSourceGeneration && AIServicesEnabled();
+    }
+    showPreviewWithFakeData() {
+        const reportPreview = this.buildingModel.reportPreviewModel.reportPreview;
+        const report = this.buildingModel.model();
+        reportPreview._show(ReportAIService.initializePreviewWithFakeData(report));
+    }
+    get fakePreviewButtonVisible() {
+        return this.settings.testDataSourceSettings?.enableTestDataSourceGeneration;
+    }
+    get fakePreviewButtonText() {
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Smart Preview');
+    }
+    get fakePreviewButtonTitle() {
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Show Report Preview with AI-generated Test Data', 'ASPxReportsStringId.ReportDesigner_AI_ReportPreviewWithTestData');
+    }
+}
 
 ;// ./dist/designer/tools/generator/_inititalizer.js
 
@@ -38523,6 +39117,10 @@ const DimensionNotationsEnabled = (0,external_DevExpress_Analytics_Internal_name
 
 
 
+
+
+
+
 
 
 
@@ -38627,9 +39225,23 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
         return new external_DevExpress_Analytics_Internal_namespaceObject.FieldListProvider(wrappedCallback, fieldListDataSourceHelper.fieldListDataSources, [parameters]);
     }
     addAIFeatures(aiSettings) {
-        if (aiSettings?.enableAILocalization) {
-            registerAITranslationService();
-        }
+        const aiServiceDisposer = AIServicesEnabled.subscribe(aiServicesEnabled => {
+            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: () => {
+                this.getModel?.()?.aiExpressionGenerator?.dispose();
+                aiServiceDisposer?.();
+            } });
+        AIServicesEnabled(!!aiSettings);
         return this;
     }
     addReportDialogs(func) {
@@ -39136,6 +39748,19 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
         }));
         return tabInfo;
     }
+    _createAITab(aiSettings) {
+        const aiPanel = new AIDesignerPanelModel(this.buildingModel, aiSettings);
+        this._addDisposable(aiPanel);
+        const getVisible = () => {
+            return aiSettings?.testDataSourceSettings?.enableTestDataSourceGeneration
+                && !!this.buildingModel.model() && AIServicesEnabled();
+        };
+        const tabInfo = new external_DevExpress_Reporting_Viewer_Internal_namespaceObject.AITabInfo(aiPanel, 'dxrd-aipanelwrapper', getVisible());
+        this._addDisposable(this.buildingModel.model.subscribe(() => {
+            tabInfo.visible = getVisible();
+        }));
+        return tabInfo;
+    }
     _createFieldListTab(designerCallbacks, startDataSourceWizard) {
         const treeListOptions = {
             itemsProvider: this.buildingModel.fieldListProvider,
@@ -39206,7 +39831,7 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
             this._createFieldListTab(this._designerCallbacks, () => {
                 this.buildingModel._wizardRunner.run('DataSourceWizard');
             }),
-            this._createReportExplorerTab()
+            this._createReportExplorerTab(),
         ];
     }) {
         super.addTabPanel(panel, addTabInfo);
@@ -39354,7 +39979,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 = {
@@ -39668,15 +40294,12 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                     text: 'Preview',
                     displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Preview', 'ASPxReportsStringId.ToolBarItemText_Preview'),
                     imageClassName: 'dxrd-image-preview',
-                    imageTemplateName: 'dxrd-svg-preview-print_preview',
                     templateName: reportPreview.canSwitchToDesigner ? 'dxrd-toolbar-two-way-switch' : undefined,
                     disabled: external_ko_namespaceObject.pureComputed(() => { return !report(); }),
                     hotKey: { ctrlKey: true, keyCode: 'P'.charCodeAt(0) },
                     isContextMenuAction: false,
                     clickAction: () => {
-                        reportPreview.previewVisible = true;
-                        reportPreview._breadcrumb.reset();
-                        reportPreview.initialize(ReportPreviewService.initializePreview(report()));
+                        reportPreview._show(ReportPreviewService.initializePreview(report()));
                     },
                     hasSeparator: true
                 });
@@ -39686,6 +40309,26 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                         { itemData: previewAction, active: false }
                     ]
                 };
+                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',
+                        imageTemplateName: 'dxrd-svg-operations-ai',
+                        templateName: reportPreview.canSwitchToDesigner ? 'dxrd-toolbar-two-way-switch' : undefined,
+                        disabled: external_ko_namespaceObject.pureComputed(() => { return !report(); }),
+                        clickAction: () => {
+                            const reportPreview = this.buildingModel.reportPreviewModel.reportPreview;
+                            const report = this.buildingModel.model();
+                            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);
             }
@@ -39937,6 +40580,11 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
             this.buildingModel.addOns.push({ id: ReportDesignerAddOns.FederatedQueriesPopups, templateName: ReportDesignerAddOns.FederatedQueriesPopups, model: queriesPopupHelper });
         return this;
     }
+    tryAddCollectionDataSourceFilterEditorAddon(filterEditor = this._dataSourceActionProvider.filterEditor) {
+        if (filterEditor)
+            this.buildingModel.addOns.push({ id: ReportDesignerAddOns.FilterEditor, templateName: ReportDesignerAddOns.FilterEditor, model: filterEditor });
+        return this;
+    }
     tryAddScriptEditorAddon(isScriptsDisabled) {
         if (this._tryAddScriptEditor(isScriptsDisabled))
             this.buildingModel.addOns.push({ id: ReportDesignerAddOns.ScriptEditor, templateName: ReportDesignerAddOns.ScriptEditor, model: this.buildingModel.scriptsEditor });
@@ -40311,6 +40959,7 @@ function _createReportDesigner(element, data, callbacks, knownEnums, designerHan
         reportUrl: data.reportUrl,
         state: data.state,
         reportPreviewSettings: data.reportPreviewSettings,
+        aiSettings: data.aiSettings,
         data: data
     });
     data.wizardSettings = ReportWizardSettings.prototype.createDefault(data.wizardSettings);
@@ -40398,6 +41047,7 @@ function _createReportDesigner(element, data, callbacks, knownEnums, designerHan
         settings.createSqlDataSourceEditor({
             dataSourceHelper: model.dataSourceHelper,
             fieldListProvider: model.fieldListProvider,
+            displayNameProvider: model.displayNameProvider,
             model: model.model,
             dataSourceWizard: settings.dataSourceWizard,
             undoEngine: model.undoEngine,
@@ -40424,6 +41074,7 @@ function _createReportDesigner(element, data, callbacks, knownEnums, designerHan
         .addDefaultAddons()
         .tryAddSqlDataSourceEditorAddon()
         .tryAddFederationDataSourceEditorAddon()
+        .tryAddCollectionDataSourceFilterEditorAddon()
         .tryAddScriptEditorAddon(data.isScriptsDisabled)
         .addActionList()
         .addStylesProjection()
@@ -40929,22 +41580,22 @@ const checkIfControlSupportFile = (controlType) => {
     switch (controlType) {
         case 'XRPictureBox':
             {
-                notifyControlNotSupportFile('XRPictureBox', 'PNG, JPG, JPEG');
+                notifyControlNotSupportFile((0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Picture Box', 'DevExpress.XtraReports.UI.XRPictureBox'), 'PNG, JPG, JPEG');
                 return true;
             }
         case 'XRPdfContent':
             {
-                notifyControlNotSupportFile('XRPdfContent', 'PDF');
+                notifyControlNotSupportFile((0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('PDF Content', 'DevExpress.XtraReports.UI.XRPdfContent'), 'PDF');
                 return true;
             }
-        case 'XRLabel':
+        case 'XRRichText':
             {
-                notifyControlNotSupportFile('XRLabel', 'TXT');
+                notifyControlNotSupportFile((0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Rich Text', 'DevExpress.XtraReports.UI.XRRichText'), 'DOCX, RTF, HTML, TXT');
                 return true;
             }
-        case 'XRRichText':
+        case 'XRLabel':
             {
-                notifyControlNotSupportFile('XRRichText', 'DOCX, RTF, HTML');
+                notifyControlNotSupportFile((0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Label', 'DevExpress.XtraReports.UI.XRLabel'), 'TXT');
                 return true;
             }
         default:
@@ -40954,7 +41605,8 @@ const checkIfControlSupportFile = (controlType) => {
 const mapTypeToRichFormat = {
     'application/msword': 'rtf',
     'text/html': 'html',
-    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'docx'
+    'application/vnd.openxmlformats-officedocument.wordprocessingml.document': 'docx',
+    'text/plain': 'txt',
 };
 const createControl = (type) => {
     const infoObject = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({ '@ControlType': type }, controlsFactory().controlsMap[type].defaultVal);
@@ -41008,6 +41660,14 @@ const dropedFileHandler = (files, dropTarget, dragDropHandler) => {
                         const pdfContent = createControl('XRPdfContent');
                         pdfContent.source(formatted);
                         if (dropTarget instanceof BandViewModel) {
+                            if (dropTarget.controlType === 'TopMarginBand' || dropTarget.controlType === 'BottomMarginBand') {
+                                const topMarginString = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Top Margin', 'DevExpress.XtraReports.UI.TopMarginBand');
+                                const bottomMarginString = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Bottom Margin', 'DevExpress.XtraReports.UI.BottomMarginBand');
+                                const pdfContentString = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('PDF Content', 'DevExpress.XtraReports.UI.XRPdfContent');
+                                const localizedFormatedMessage = (0,external_DevExpress_Analytics_Internal_namespaceObject.formatUnicorn)((0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('{0} control could not be created in the following bands: {1}.', 'ASPxReportsStringId.ReportDesigner_DropFileWarning_BandNotSupportControl'), pdfContentString, `${topMarginString}, ${bottomMarginString}`);
+                                (0,external_DevExpress_Analytics_Internal_namespaceObject.NotifyAboutWarning)(localizedFormatedMessage, true);
+                                break;
+                            }
                             const dropTargetSurface = getDropTargetSurface(pdfContent, dropTarget);
                             if (isFit && isFit(dropTargetSurface)) {
                                 dragDropHandler.addControl(pdfContent, dropTargetSurface, pdfContent.size);
@@ -41016,28 +41676,13 @@ const dropedFileHandler = (files, dropTarget, dragDropHandler) => {
                         }
                         break;
                     }
-                case file.type === 'text/plain':
+                case !!mapTypeToRichFormat[file.type]:
                     {
-                        if (dropTarget.controlType !== 'XRLabel' && checkIfControlSupportFile(dropTarget.controlType)) {
-                            break;
-                        }
-                        if (dropTarget.controlType === 'XRLabel') {
-                            dropTarget.text(fileContent);
+                        if (dropTarget.controlType === 'XRLabel' && file.type === 'text/plain') {
+                            const content = (0,external_DevExpress_Analytics_Internal_namespaceObject.base64DecodeUnicode)(formatted);
+                            dropTarget.text(content);
                             break;
                         }
-                        const textControl = createControl('XRLabel');
-                        textControl.text(fileContent);
-                        if (dropTarget instanceof BandViewModel) {
-                            const dropTargetSurface = getDropTargetSurface(textControl, dropTarget);
-                            if (isFit && isFit(dropTargetSurface)) {
-                                dragDropHandler.addControl(textControl, dropTargetSurface, textControl.size);
-                            }
-                            break;
-                        }
-                        break;
-                    }
-                case !!mapTypeToRichFormat[file.type]:
-                    {
                         if (dropTarget.controlType !== 'XRRichText' && checkIfControlSupportFile(dropTarget.controlType)) {
                             break;
                         }
@@ -41048,13 +41693,29 @@ const dropedFileHandler = (files, dropTarget, dragDropHandler) => {
                         }
                         const richTextContentRtf = createControl('XRRichText');
                         richTextContentRtf._newDocumentData({ format, content: formatted, contentType: 'base64' });
-                        if (dropTarget instanceof BandViewModel) {
+                        if (dropTarget instanceof BandViewModel && file.type !== 'text/plain') {
                             const dropTargetSurface = getDropTargetSurface(richTextContentRtf, dropTarget);
                             if (isFit && isFit(dropTargetSurface)) {
                                 dragDropHandler.addControl(richTextContentRtf, dropTargetSurface, richTextContentRtf.size);
                             }
                             break;
                         }
+                    }
+                case file.type === 'text/plain':
+                    {
+                        if (dropTarget.controlType !== 'XRLabel' && checkIfControlSupportFile(dropTarget.controlType)) {
+                            break;
+                        }
+                        const textControl = createControl('XRLabel');
+                        const content = (0,external_DevExpress_Analytics_Internal_namespaceObject.base64DecodeUnicode)(formatted);
+                        textControl.text(content);
+                        if (dropTarget instanceof BandViewModel) {
+                            const dropTargetSurface = getDropTargetSurface(textControl, dropTarget);
+                            if (isFit && isFit(dropTargetSurface)) {
+                                dragDropHandler.addControl(textControl, dropTargetSurface, textControl.size);
+                            }
+                            break;
+                        }
                         break;
                     }
                 default:
@@ -41066,7 +41727,7 @@ const dropedFileHandler = (files, dropTarget, dragDropHandler) => {
             console.error(error);
         }
     };
-    file.type === 'text/plain' ? reader.readAsText(file) : reader.readAsDataURL(file);
+    reader.readAsDataURL(file);
 };
 external_ko_namespaceObject.bindingHandlers['dragDropFileToControl'] = {
     init: (element, valueAccessor, allBindings, viewModel, bindingContext) => {
@@ -41104,6 +41765,7 @@ external_ko_namespaceObject.bindingHandlers['dragDropFileToControl'] = {
                     return;
                 }
             }
+            dragDropHandler.snapToGridOnCreateControl = dragDropHandler.snapHelper.getSnappingMode() === 'SnapToGrid' && event.altKey !== true;
             files.length > 0 && dropedFileHandler(files, dropTarget, dragDropHandler);
         });
     },
@@ -41361,9 +42023,8 @@ 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');
-            if (model && model.maxLevel)
-                return model.maxLevel;
-            return model && model.getModel && model.getModel() && model.getModel().maxLevel;
+            const _maxLevel = model?.maxLevel ? model?.maxLevel : model?.getModel?.()?.maxLevel();
+            return external_ko_namespaceObject.unwrap(_maxLevel);
         }));
     }
 }
@@ -41765,7 +42426,8 @@ class RulerViewModel extends external_DevExpress_Analytics_Utils_namespaceObject
         this.disable = null;
         this.defaultGridLinesCoordinate = external_ko_namespaceObject.observable();
         this._disposables.push(external_ko_namespaceObject.computed(() => {
-            const gridSize = (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(25, options.units(), options.zoom());
+            const numberOfIntervalsBetweenMajorTicks = 4;
+            const gridSize = this._getGridSize(numberOfIntervalsBetweenMajorTicks, options.units(), options.zoom());
             this.defaultGridLinesCoordinate({ x: 4, x1: '80%', x2: '100%', majorX1: '70%', majorX2: '100%' });
             let flip = !!external_ko_namespaceObject.unwrap(options.flip);
             if (options.direction === 'vertical') {
@@ -41781,10 +42443,32 @@ class RulerViewModel extends external_DevExpress_Analytics_Utils_namespaceObject
                 this.height(20);
             }
             this._initGrid(options.length(), gridSize, this.gridLines, flip);
-            this._initGrid(options.length(), 4 * gridSize, this.majorGridLines, flip);
+            this._initGrid(options.length(), numberOfIntervalsBetweenMajorTicks * gridSize, this.majorGridLines, flip);
         }));
         this.disable = options.disable;
     }
+    _getGridSize(numberOfIntervalsBetweenMajorTicks, units, zoom) {
+        let majorTicksStep;
+        switch (units) {
+            case 'Pixels':
+                majorTicksStep = 100;
+                break;
+            case 'HundredthsOfAnInch':
+                majorTicksStep = 100;
+                break;
+            case 'Inches':
+                majorTicksStep = 1;
+                break;
+            case 'TenthsOfAMillimeter':
+                majorTicksStep = 100;
+                break;
+            case 'Millimeters':
+                majorTicksStep = 10;
+                break;
+        }
+        const gridStep = majorTicksStep / numberOfIntervalsBetweenMajorTicks;
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.unitsToPixel)(gridStep, units, zoom);
+    }
 }
 external_ko_namespaceObject.bindingHandlers['ruler'] = {
     init: function (element, valueAccessor) {
@@ -42211,8 +42895,13 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: getEditors()', function ($context, $element) { return { 'foreach': function () { return $context.$data.getEditors(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.ko.observable($context.$data.tableInfoItems), 'displayName': $context.$root.getLocalization('Filter Criteria', 'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle'), 'hideButtons': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: tableName', function ($context, $element) { return { 'text': function () { return $context.$data.tableName; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.filterString, 'fieldListProvider': $context.$root.dataBindingsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, aiExpressionGenerator: $root.aiExpressionGenerator }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.filterString, 'fieldListProvider': $context.$root.dataBindingsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath, 'aiExpressionGenerator': $context.$root.aiExpressionGenerator }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.filterString() !== null', function ($context, $element) { return { 'if': function () { return $context.$data.filterString() !== null; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: showPreviewWithFakeData, text: fakePreviewButtonText, icon: \'dxrd-svg-operations-ai\', iconClass: \'dx-image-ai\' }, attr: { title: fakePreviewButtonTitle }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.showPreviewWithFakeData, 'text': $context.$data.fakePreviewButtonText, 'icon': 'dxrd-svg-operations-ai', 'iconClass': 'dx-image-ai' }; }, 'attr': function () { return { 'title': $context.$data.fakePreviewButtonTitle }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: model.visible', function ($context, $element) { return { 'if': function () { return $context.$data.model.visible; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('with: model', function ($context, $element) { return { 'with': function () { return $context.$data.model; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: fakePreviewButtonVisible', function ($context, $element) { return { 'if': function () { return $context.$data.fakePreviewButtonVisible; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { \'height\': height() + \'px\',  \'width\': width() + \'px\' }, attr: { viewBox: \'0 0 \' + width() + \' \' + height() }', function ($context, $element) { return { 'style': function () { return { 'height': $context.$data.height() + 'px', 'width': $context.$data.width() + 'px' }; }, 'attr': function () { return { 'viewBox': '0 0 ' + $context.$data.width() + ' ' + $context.$data.height() }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { x1: coordVal, x2: coordVal }, visible: visible', function ($context, $element) { return { 'attr': function () { return { 'x1': $context.$data.coordVal, 'x2': $context.$data.coordVal }; }, 'visible': function () { return $context.$data.visible; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { y1: coordVal, y2: coordVal }, visible: visible', function ($context, $element) { return { 'attr': function () { return { 'y1': $context.$data.coordVal, 'y2': $context.$data.coordVal }; }, 'visible': function () { return $context.$data.visible; } }; });
@@ -42221,11 +42910,9 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: majorVerticalGridLines', function ($context, $element) { return { 'foreach': function () { return $context.$data.majorVerticalGridLines; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: majorHorizontalGridLines', function ($context, $element) { return { 'foreach': function () { return $context.$data.majorHorizontalGridLines; } }; });
 (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)('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('with: model', function ($context, $element) { return { 'with': function () { return $context.$data.model; } }; });
 (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; } }; });
@@ -42250,13 +42937,13 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dx-property-grid-search-uncollapsed \': isSearching() }', function ($context, $element) { return { 'css': function () { return { 'dx-property-grid-search-uncollapsed ': $context.$data.isSearching() }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $root.getLocalization(\'Language\', \'DevExpress.XtraReports.UI.XtraReport.XRLanguage\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Language', 'DevExpress.XtraReports.UI.XtraReport.XRLanguage'); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dx-field-value-shortened\': getRegisteredService() }', function ($context, $element) { return { 'css': function () { return { 'dx-field-value-shortened': $context.$data.getRegisteredService() }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: function() { $data.applyLocalization(); }, disabled: isDisabled(), icon: icon, iconClass: iconClass }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': function () { $context.$data.applyLocalization(); }, 'disabled': $context.$data.isDisabled(), 'icon': $context.$data.icon, 'iconClass': $context.$data.iconClass }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Translate', 'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate') }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: function() { $data.applyLocalization(); }, disabled: isDisabled(), icon: icon, iconClass: iconClass }, attr: { title: $root.getLocalization(\'Localize with AI\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': function () { $context.$data.applyLocalization(); }, 'disabled': $context.$data.isDisabled(), 'icon': $context.$data.icon, 'iconClass': $context.$data.iconClass }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Localize with AI', 'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate') }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.clearLocalization, 'icon': 'dxrd-svg-actions-reset', 'iconClass': 'reset-localization', 'disabled': $context.$data.isDefaultLanguage() }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Reset', 'ASPxReportsStringId.ParametersPanel_Reset') }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $data.propertiesHeaderText()', function ($context, $element) { return { 'text': function () { return $context.$data.propertiesHeaderText(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $data.defaultLanguageText()', function ($context, $element) { return { 'text': function () { return $context.$data.defaultLanguageText(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()', function ($context, $element) { return { 'text': function () { return $context.$data.currentLanguageText(); }, 'visible': function () { return !$context.$data.isDefaultLanguage(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.localizationItems, 'selectionMode': 'single', 'height': 'calc(100% - 59px)', 'onSelectionChanged': $context.$data.onSelectionChanged, 'focusStateEnabled': false, 'activeStateEnabled': false, 'pageLoadMode': 'scrollBottom', 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxLoadPanel:{ visible: showLoadIndicator, shading: true, position: { of: getLoadPanelPosition($element) }, showIndicator: true, showPane: true, shadingColor: \'rgba(0,0,0,0.4)\'}', function ($context, $element) { return { 'dxLoadPanel': function () { return { 'visible': $context.$data.showLoadIndicator, 'shading': true, 'position': { 'of': $context.$data.getLoadPanelPosition($element) }, 'showIndicator': true, 'showPane': true, 'shadingColor': 'rgba(0,0,0,0.4)' }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxAILoadingPanel: getLoadPanelOptions($element)', function ($context, $element) { return { 'dxAILoadingPanel': function () { return $context.$data.getLoadPanelOptions($element); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !ko.unwrap($data.multiline)', function ($context, $element) { return { 'if': function () { return !$context.ko.unwrap($context.$data.multiline); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: ko.unwrap($data.multiline)', function ($context, $element) { return { 'if': function () { return $context.ko.unwrap($context.$data.multiline); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !$data.isDefaultLanguage()', function ($context, $element) { return { 'if': function () { return !$context.$data.isDefaultLanguage(); } }; });
@@ -42333,8 +43020,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 }; } }; });
@@ -42428,16 +43114,20 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: name, styleunit: {marginLeft: 30 * level}', function ($context, $element) { return { 'text': function () { return $context.$data.name; }, 'styleunit': function () { return { 'marginLeft': 30 * $context.$data.level }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: $parent.visible', function ($context, $element) { return { 'visible': function () { return $context.$parent.visible; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $data.getDisplayText()', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayText(); } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: $data.visible, attr: { \'aria-label\': $data.displayText && $data.displayText() || $data.text, \'aria-disabled\': ko.unwrap($data.disabled) ? \'true\' : \'false\', \'aria-pressed\': $data.selected ? ($data.selected() ? \'true\' : \'false\') : null }', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'attr': function () { return { 'aria-label': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'aria-disabled': $context.ko.unwrap($context.$data.disabled) ? 'true' : 'false', 'aria-pressed': $context.$data.selected ? ($context.$data.selected() ? 'true' : 'false') : null }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('class: \'dx-accessibility-toolbar-item dx-accessibility-focus-border-accented dxd-border-primary \' + (ko.unwrap($data.imageTemplateName) && \'dxrd-switch-button-with-icon\' || \'\'), visible: $data.visible, attr: { \'aria-label\': $data.displayText && $data.displayText() || $data.text, \'aria-disabled\': ko.unwrap($data.disabled) ? \'true\' : \'false\', \'aria-pressed\': $data.selected ? ($data.selected() ? \'true\' : \'false\') : null }', function ($context, $element) { return { 'class': function () { return 'dx-accessibility-toolbar-item dx-accessibility-focus-border-accented dxd-border-primary ' + ($context.ko.unwrap($context.$data.imageTemplateName) && 'dxrd-switch-button-with-icon' || ''); }, 'visible': function () { return $context.$data.visible; }, 'attr': function () { return { 'aria-label': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'aria-disabled': $context.ko.unwrap($context.$data.disabled) ? 'true' : 'false', 'aria-pressed': $context.$data.selected ? ($context.$data.selected() ? 'true' : 'false') : null }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $data.displayText && $data.displayText() || $data.text, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxd-text-primary dxd-back-highlighted \' + (ko.unwrap($data.imageClassName) || \'\') }, dxclick: function() { if((typeof $data.disabled === \'function\') && !$data.disabled() || !$data.disabled) { $data.clickAction($root.model && $root.model()); } }, css: {\'dxrd-disabled-button\': $data.disabled }', function ($context, $element) { return { 'text': function () { return $context.$data.displayText && $context.$data.displayText() || $context.$data.text; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'class': 'dxd-text-primary dxd-back-highlighted ' + ($context.ko.unwrap($context.$data.imageClassName) || '') }; }, 'dxclick': function () { return function () { if ((typeof $context.$data.disabled === 'function') && !$context.$data.disabled() || !$context.$data.disabled) {
         $context.$data.clickAction($context.$root.model && $context.$root.model());
     } }; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: $data.imageTemplateName, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxrd-switch-icon dxd-back-highlighted \' + (ko.unwrap($data.imageClassName) || \'\') }, dxclick: function() { if((typeof $data.disabled === \'function\') && !$data.disabled() || !$data.disabled) { $data.clickAction($root.model && $root.model()); } }, css: {\'dxrd-disabled-button\': $data.disabled }', function ($context, $element) { return { 'template': function () { return $context.$data.imageTemplateName; }, 'attr': function () { return { 'title': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'class': 'dxrd-switch-icon dxd-back-highlighted ' + ($context.ko.unwrap($context.$data.imageClassName) || '') }; }, 'dxclick': function () { return function () { if ((typeof $context.$data.disabled === 'function') && !$context.$data.disabled() || !$context.$data.disabled) {
+        $context.$data.clickAction($context.$root.model && $context.$root.model());
+    } }; }, 'css': function () { return { 'dxrd-disabled-button': $context.$data.disabled }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxContextMenu: $data.contextMenu', function ($context, $element) { return { 'dxContextMenu': function () { return $context.$data.contextMenu; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !!$root.surface()', function ($context, $element) { return { 'if': function () { return !!$context.$root.surface(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: $root.dx._static.editorTemplates.getEditor("combobox").header, data: $root.surface().wrapRtlProperty($data, $root.undoEngine, $element) }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$root.dx._static.editorTemplates.getEditor('combobox').header, 'data': $context.$root.surface().wrapRtlProperty($context.$data, $context.$root.undoEngine, $element) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: $data.items', function ($context, $element) { return { 'foreach': function () { return $context.$data.items; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-toolbar-two-way-switch-active\', if: $data.active }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-two-way-switch-active', 'if': $context.$data.active }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-toolbar-two-way-switch-clickable\', if: !$data.active, data: $data.itemData }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-two-way-switch-clickable', 'if': !$context.$data.active, 'data': $context.$data.itemData }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: $data.imageTemplateName', function ($context, $element) { return { 'ifnot': function () { return $context.$data.imageTemplateName; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxclick: function() { $root.activateExpressionEditor($data); }', function ($context, $element) { return { 'dxclick': function () { return function () { $context.$root.activateExpressionEditor($context.$data); }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { title: title }, text: title', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.title }; }, 'text': function () { return $context.$data.title; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: $data.items && $data.items.length', function ($context, $element) { return { 'visible': function () { return $context.$data.items && $context.$data.items.length; } }; });
@@ -42510,14 +43200,13 @@ 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) || [] }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxEllipsisEditor: { value: displayValue, buttonAction: function() { $parent.showPopup($root.editableObject && $root.editableObject()); }, disabled: disabled, isValid: modelValueValid, warningMessage: modelValueWarning, inputAttr: { id: editorInputId } }', function ($context, $element) { return { 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'buttonAction': function () { $context.$parent.showPopup($context.$root.editableObject && $context.$root.editableObject()); }, 'disabled': $context.$data.disabled, 'isValid': $context.$data.modelValueValid, 'warningMessage': $context.$data.modelValueWarning, 'inputAttr': { 'id': $context.$data.editorInputId } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxExpressionEditor: getOptions({ options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: $data.editorTemplateName })', function ($context, $element) { return { 'dxExpressionEditor': function () { return $context.$data.getOptions({ 'options': $context.$data.value, 'fieldListProvider': $context.$root.reportItemsProvider, 'displayNameProvider': $context.$root.expressionDisplayNameProvider && $context.$root.expressionDisplayNameProvider(), 'editorTemplateName': $context.$data.editorTemplateName }); } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxFilterEditor: { options: value, fieldListProvider: itemsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: displayNameProvider }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.value, 'fieldListProvider': $context.$data.itemsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath, 'displayNameProvider': $context.$data.displayNameProvider }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxFilterEditor: { options: value, fieldListProvider: itemsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: displayNameProvider, aiExpressionGenerator: $root.aiExpressionGenerator }', function ($context, $element) { return { 'dxFilterEditor': function () { return { 'options': $context.$data.value, 'fieldListProvider': $context.$data.itemsProvider, 'getDisplayNameByPath': $context.$root.getDisplayNameByPath, 'displayNameProvider': $context.$data.displayNameProvider, 'aiExpressionGenerator': $context.$root.aiExpressionGenerator }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxRichTextFileEditor: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.rtf,.docx,.txt,.htm,.html\' }', function ($context, $element) { return { 'dxRichTextFileEditor': function () { return { 'value': $context.$data.value, 'placeholderId': 'File', 'disabled': $context.$data.disabled, 'accept': '.rtf,.docx,.txt,.htm,.html' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxImageSourceEditor: { value: value, onValueChanged: onValueChanged, accept: \'image/*\', type: \'img\', disabled: disabled, inputAttr: { id: editorInputId}, showClearButton: true }', function ($context, $element) { return { 'dxImageSourceEditor': function () { return { 'value': $context.$data.value, 'onValueChanged': $context.$data.onValueChanged, 'accept': 'image/*', 'type': 'img', 'disabled': $context.$data.disabled, 'inputAttr': { 'id': $context.$data.editorInputId }, 'showClearButton': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxFileImagePicker: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.pdf\', showClearButton: true }', function ($context, $element) { return { 'dxFileImagePicker': function () { return { 'value': $context.$data.value, 'placeholderId': 'File', 'disabled': $context.$data.disabled, 'accept': '.pdf', 'showClearButton': true }; } }; });
@@ -42526,6 +43215,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: displayValue, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: displayValue }', function ($context, $element) { return { 'text': function () { return $context.$data.displayValue; }, 'style': function () { return { 'fontWeight': $context.$root.isLocalized($context.$data.value) ? 'bold' : 'normal' }; }, 'attr': function () { return { 'title': $context.$data.displayValue }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { dataSource: $data.getValues(), searchEnabled: true, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), width:  $root.calculateWithZoomFactor(357) }, inputAttr: { id: editorInputId }, popupPosition: { boundary: $root.getPopupContainer($element) }, useItemTextAsTitle: true }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.getValues(), 'searchEnabled': true, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'width': $context.$root.calculateWithZoomFactor(357) }, 'inputAttr': { 'id': $context.$data.editorInputId }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: value === \'Default\' ? \'\' : value, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: value }', function ($context, $element) { return { 'text': function () { return $context.$data.value === 'Default' ? '' : $context.$data.value; }, 'style': function () { return { 'fontWeight': $context.$root.isLocalized($context.$data.value) ? 'bold' : 'normal' }; }, 'attr': function () { return { 'title': $context.$data.value }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTagBox: { dataSource: getValues(), value: editorValue, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true, multiline: false, showSelectionControls: true, showDropDownButton: true, selectAllText: selectAllText, maxDisplayedTags: maxDisplayedTags, onMultiTagPreparing: onMultiTagPreparing, }', function ($context, $element) { return { 'dxTagBox': function () { return { 'dataSource': $context.$data.getValues(), 'value': $context.$data.editorValue, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true, 'multiline': false, 'showSelectionControls': true, 'showDropDownButton': true, 'selectAllText': $context.$data.selectAllText, 'maxDisplayedTags': $context.$data.maxDisplayedTags, 'onMultiTagPreparing': $context.$data.onMultiTagPreparing }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: $parent.templateBinding(\'dxrd-svg-checkboxglyphs-\' + $parent.value + \'_\' + $data)', function ($context, $element) { return { 'template': function () { return $context.$parent.templateBinding('dxrd-svg-checkboxglyphs-' + $context.$parent.value + '_' + $context.$data); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('displayNameExtender: { dataSource: dataSource, dataMember: displayExpr }', function ($context, $element) { return { 'displayNameExtender': function () { return { 'dataSource': $context.$data.dataSource, 'dataMember': $context.$data.displayExpr }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: value()', function ($context, $element) { return { 'if': function () { return $context.$data.value(); } }; });
@@ -42555,6 +43245,13 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { dataSource: $parent._crossTabFields, displayExpr: \'displayName\', value: field, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$parent._crossTabFields, 'displayExpr': 'displayName', 'value': $context.$data.field, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: value', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.value; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: { icon: \'close\', onClick: function () { return $parent._removeInfo($data);  }}', function ($context, $element) { return { 'dxButton': function () { return { 'icon': 'close', 'onClick': function () { return $context.$parent._removeInfo($context.$data); } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: _dataStructureSectionTitle', function ($context, $element) { return { 'text': function () { return $context.$data._dataStructureSectionTitle; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('treelist: _fieldListModel', function ($context, $element) { return { 'treelist': function () { return $context.$data._fieldListModel; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: _promptSectionTitle', function ($context, $element) { return { 'text': function () { return $context.$data._promptSectionTitle; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextArea: _getPromptTextAreaOptions()', function ($context, $element) { return { 'dxTextArea': function () { return $context.$data._getPromptTextAreaOptions(); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: _suggestionsSectionTitle', function ($context, $element) { return { 'text': function () { return $context.$data._suggestionsSectionTitle; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxList: _getSuggentionListOptions()', function ($context, $element) { return { 'dxList': function () { return $context.$data._getSuggentionListOptions(); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: _showDataStructure', function ($context, $element) { return { 'if': function () { return $context.$data._showDataStructure; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('click: function () { $parent._applyScheme($data); }, style: { backgroundColor: color }', function ($context, $element) { return { 'click': function () { return function () { $context.$parent._applyScheme($context.$data); }; }, 'style': function () { return { 'backgroundColor': $context.$data.color }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: $data.selected()', function ($context, $element) { return { 'visible': function () { return $context.$data.selected(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dxrd-page-color-scheme-tile-content-edit-active\': $data.popoverVisible() }, click: function() { $data.popoverVisible(!$data.popoverVisible()) }', function ($context, $element) { return { 'css': function () { return { 'dxrd-page-color-scheme-tile-content-edit-active': $context.$data.popoverVisible() }; }, 'click': function () { return function () { $context.$data.popoverVisible(!$context.$data.popoverVisible()); }; } }; });
@@ -42671,7 +43368,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') }; } }; });
@@ -42842,14 +43539,15 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-todocontrol': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, trackCursor: underCursor, style: css, css: adorntemplate"> <div data-bind="style: borderCss" class="dxrd-control-border-box"></div> <div data-bind="css: controlTypeClass, template: controlTypeIconTemplate" class="dxrd-position-absolute dxrd-width-24px dxrd-height-24px dxrd-right-5px dxrd-top-5px"> </div> <span class="dxrd-control-content" data-bind="text: displayName, style: contentCss"></span></div>',
     'dxrd-unknown-control': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main"> <div data-bind="zoom: _context.zoom, template: contenttemplate" class="dxrd-position-absolute"> </div> </div></div>',
     'dxrd-calculatedfield-content': '<div data-bind="with: propertyGrid"> <!-- ko foreach: getEditors() --> <!-- ko template: editorTemplate --> <!-- /ko --> <!-- /ko --></div>',
-    'dxrd-datasource-item': '<div class="dx-fieldset"> <div data-bind="dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }"> <div class="dx-field dxd-back-primary"> <!-- ko with: value --> <div class="dx-field-label dxd-text-primary" data-bind="text: tableName"></div> <!-- ko if: $data.filterString() !== null --> <div class="dx-field-value dxrd-margin-right-5px"  data-bind="dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath }"></div> <!-- /ko --> <!-- /ko --> </div> </div></div>',
+    'dxrd-datasource-item': '<div class="dx-fieldset"> <div data-bind="dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }"> <div class="dx-field dxd-back-primary"> <!-- ko with: value --> <div class="dx-field-label dxd-text-primary" data-bind="text: tableName"></div> <!-- ko if: $data.filterString() !== null --> <div class="dx-field-value dxrd-margin-right-5px"  data-bind="dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, aiExpressionGenerator: $root.aiExpressionGenerator }"></div> <!-- /ko --> <!-- /ko --> </div> </div></div>',
+    '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" data-bind="text: $root.getLocalization(\'Field List\', \'ReportStringId.UD_Title_FieldList\')"></div> <!-- ko if: $data.allowAddDataSource --> <div id="btn-add-dataSource" 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-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>',
-    'dxrd-localization-editor': '<!-- ko if: $data && $data.isVisible() --> <div class="dxrd-localization-editor dx-editors" data-bind="css: { \'dx-rtl\': $root.rtl, \'dx-ltr\': !$root.rtl }, styleunit: { width: width }"> <div class="dxrd-left-localization-panel dx-editors dxd-text-primary dxd-back-primary" data-bind="resizable: getResizableOptions($element, 0, 500, $root.rtl ? \'Left\': \'Right\', \'Right\', width)"> <div class="dxrd-localization-panel-header dxd-back-primary2 dxd-border-secondary"> <div class="dxrd-localization-panel-title" data-bind="text: $root.getLocalization(\'Localization\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditor_Title\')"></div> <div class="dx-fieldset"> <div class="dx-field"> <div class="dxrd-localization-language" data-bind="css: { \'dx-property-grid-search-uncollapsed \': isSearching() }"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Language\', \'DevExpress.XtraReports.UI.XtraReport.XRLanguage\')"></div> <div class="dx-field-value" data-bind="css: { \'dx-field-value-shortened\': getRegisteredService() }"> <!-- ko template: { name: \'dxrd-localization-combobox\', data: { getValues: function() { return $data.availableCultures; }, value: language, disabled: false } } --> <!-- /ko --> </div> <!-- ko if: hasRegisteredService() --> <!-- ko with: getRegisteredService() --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: function() { $data.applyLocalization(); }, disabled: isDisabled(), icon: icon, iconClass: iconClass }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }"></div> <!-- /ko --> <!-- /ko --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }"></div> </div> <!-- ko template: \'dx-propertygrid-searchbox\'--> <!-- /ko --> </div> </div> </div> <div class="dxrd-localization-panel-content"> <div class="dxrd-localization-panel-content-header"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.propertiesHeaderText()"></div> </div> <div class="dx-field-value"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.defaultLanguageText()"></div> <div class="dxrd-localization-language dxrd-localization-panel-current dxd-text-secondary" data-bind="text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()"></div> </div> </div> </div> </div> <div data-bind="dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <!-- ko lazy: { template: \'dxrd-localization-editor-item\' } --> <!-- /ko --> </div> </div> <div data-bind="dxLoadPanel:{ visible: showLoadIndicator, shading: true, position: { of: getLoadPanelPosition($element) }, showIndicator: true, showPane: true, shadingColor: \'rgba(0,0,0,0.4)\'}"></div> </div> </div> <!-- /ko -->',
+    'dxrd-localization-editor': '<!-- ko if: $data && $data.isVisible() --> <div class="dxrd-localization-editor dx-editors" data-bind="css: { \'dx-rtl\': $root.rtl, \'dx-ltr\': !$root.rtl }, styleunit: { width: width }"> <div class="dxrd-left-localization-panel dx-editors dxd-text-primary dxd-back-primary" data-bind="resizable: getResizableOptions($element, 0, 500, $root.rtl ? \'Left\': \'Right\', \'Right\', width)"> <div class="dxrd-localization-panel-header dxd-back-primary2 dxd-border-secondary"> <div class="dxrd-localization-panel-title" data-bind="text: $root.getLocalization(\'Localization\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditor_Title\')"></div> <div class="dx-fieldset"> <div class="dx-field"> <div class="dxrd-localization-language" data-bind="css: { \'dx-property-grid-search-uncollapsed \': isSearching() }"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Language\', \'DevExpress.XtraReports.UI.XtraReport.XRLanguage\')"></div> <div class="dx-field-value" data-bind="css: { \'dx-field-value-shortened\': getRegisteredService() }"> <!-- ko template: { name: \'dxrd-localization-combobox\', data: { getValues: function() { return $data.availableCultures; }, value: language, disabled: false } } --> <!-- /ko --> </div> <!-- ko if: hasRegisteredService() --> <!-- ko with: getRegisteredService() --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: function() { $data.applyLocalization(); }, disabled: isDisabled(), icon: icon, iconClass: iconClass }, attr: { title: $root.getLocalization(\'Localize with AI\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }"></div> <!-- /ko --> <!-- /ko --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }"></div> </div> <!-- ko template: \'dx-propertygrid-searchbox\'--> <!-- /ko --> </div> </div> </div> <div class="dxrd-localization-panel-content"> <div class="dxrd-localization-panel-content-header"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-label"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.propertiesHeaderText()"></div> </div> <div class="dx-field-value"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.defaultLanguageText()"></div> <div class="dxrd-localization-language dxrd-localization-panel-current dxd-text-secondary" data-bind="text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()"></div> </div> </div> </div> </div> <div data-bind="dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <!-- ko lazy: { template: \'dxrd-localization-editor-item\' } --> <!-- /ko --> </div> </div> <div data-bind="dxAILoadingPanel: getLoadPanelOptions($element)"></div> </div> </div> <!-- /ko -->',
     'dxrd-reportexplorerwrapper': '<div class="dxrd-fieldslist-wrapper dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-fieldslist-wrapper-header" data-bind="text: $root.getLocalization(\'Report Explorer\', \'ReportStringId.UD_Title_ReportExplorer\')"></div> </div> <!-- ko with: model--> <div data-bind="treeListSearchPanel: {controllers:treeListController}"></div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }"> <div id="tree" data-bind="treelist: { selectedPath: itemsProvider.selectedPath, itemsProvider: itemsProvider, treeListController: treeListController }" class="dxrd-width-100 dxrd-height-100"></div> </div> <!-- /ko --> </div>',
     'dxrd-ruler': '<svg data-bind="attr: { \'width\': width() + \'px\', \'height\': height() + \'px\' }"> <rect width="100%" height="100%" stroke-width="1px" stroke="gray" class="ruler"></rect> <!-- ko if: disable --> <rect data-bind="attr: { x: disable.start, width: disable.width }" height="100%" fill="grey" fill-opacity="0.5"></rect> <!-- /ko --> <!-- ko foreach: gridLines --> <line y1="80%" y2="100%" class="ruler-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }"></line> <!-- /ko --> <!-- ko foreach: majorGridLines --> <line y1="70%" y2="100%" class="ruler-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }"></line> <!-- /ko --> <g transform="translate(-3, 0)"> <!-- ko foreach: majorGridLines --> <text class="ruler-mark" data-bind="text: text, attr: {x: coordVal, y: 12 }"></text> <!-- /ko --> </g> <!--<text class="ruler-mark" transform="translate(4, 14)">0</text>--></svg>',
     'dxrd-rulervertical': '<svg data-bind="attr: { \'width\': width() + \'px\', \'height\': height() + \'px\' }"> <rect width="100%" height="100%" stroke-width="1px" stroke="gray" class="ruler"></rect> <!-- ko foreach: gridLines --> <line class="ruler-graduation" data-bind="attr: { x1: $parent.defaultGridLinesCoordinate().x1, x2: $parent.defaultGridLinesCoordinate().x2, y1: coordVal, y2: coordVal }"></line> <!-- /ko --> <!-- ko foreach: majorGridLines --> <line class="ruler-graduation" data-bind="attr: {x1: $parent.defaultGridLinesCoordinate().majorX1, x2: $parent.defaultGridLinesCoordinate().majorX2, y1: coordVal, y2: coordVal }"></line> <!-- /ko --> <g transform="translate(0, 3)"> <!-- ko foreach: majorGridLines --> <text class="ruler-mark" data-bind="text: text, attr: {x: $parent.defaultGridLinesCoordinate().x, y: coordVal }"></text> <!-- /ko --> </g> <!--<text class="ruler-mark" transform="translate(4, 14)">0</text>--></svg>',
@@ -42861,9 +43559,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 -->',
@@ -42884,7 +43582,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-wizard-report-tree': '<div class="dxrd-wizard-report-tree"> <div class="dxrd-wizard-report-tree-title" data-bind="text: $root.getLocalization(\'Select the report\', \'ASPxReportsStringId.ReportDesigner_MasterDetailWizard_SelectReport\')"></div> <div class="dxrd-wizard-report-tree-selectbox" data-bind="dxSelectBox: { dataSource: $data.items, itemTemplate: \'stateItem\', valueExpr: \'path\', displayExpr: \'name\', value: $data.value, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"> <div data-options="dxTemplate:{ name:\'stateItem\' }" class="dxrd-text-align-left"> <div data-bind="text: name, styleunit: {marginLeft: 30 * level}"></div> </div> </div> </div>',
     'dxrd-toolbar-two-way-switch': '<div class="dxrd-toolbar-item dxrd-toolbar-two-way-switch dxd-back-contrast" data-bind="visible: $parent.visible"> <!-- ko foreach: $data.items --> <!-- ko template: { name: \'dxrd-toolbar-two-way-switch-active\', if: $data.active } --> <!-- /ko --> <!-- ko template: { name: \'dxrd-toolbar-two-way-switch-clickable\', if: !$data.active, data: $data.itemData } --> <!-- /ko --> <!-- /ko --> </div>',
     'dxrd-toolbar-two-way-switch-active': '<div class="dxd-text-primary dxd-back-highlighted dxd-state-active dxd-state-no-hover" data-bind="text: $data.getDisplayText()"></div>',
-    'dxrd-toolbar-two-way-switch-clickable': '<div role="button" class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" data-bind="visible: $data.visible, attr: { \'aria-label\': $data.displayText && $data.displayText() || $data.text, \'aria-disabled\': ko.unwrap($data.disabled) ? \'true\' : \'false\', \'aria-pressed\': $data.selected ? ($data.selected() ? \'true\' : \'false\') : null }" > <div data-bind="text: $data.displayText && $data.displayText() || $data.text, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxd-text-primary dxd-back-highlighted \' + (ko.unwrap($data.imageClassName) || \'\') }, dxclick: function() { if((typeof $data.disabled === \'function\') && !$data.disabled() || !$data.disabled) { $data.clickAction($root.model && $root.model()); } }, css: {\'dxrd-disabled-button\': $data.disabled }"></div> </div>',
+    'dxrd-toolbar-two-way-switch-clickable': '<div role="button" data-bind="class: \'dx-accessibility-toolbar-item dx-accessibility-focus-border-accented dxd-border-primary \' + (ko.unwrap($data.imageTemplateName) && \'dxrd-switch-button-with-icon\' || \'\'), visible: $data.visible, attr: { \'aria-label\': $data.displayText && $data.displayText() || $data.text, \'aria-disabled\': ko.unwrap($data.disabled) ? \'true\' : \'false\', \'aria-pressed\': $data.selected ? ($data.selected() ? \'true\' : \'false\') : null }" > <!-- ko ifnot: $data.imageTemplateName --> <div data-bind="text: $data.displayText && $data.displayText() || $data.text, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxd-text-primary dxd-back-highlighted \' + (ko.unwrap($data.imageClassName) || \'\') }, dxclick: function() { if((typeof $data.disabled === \'function\') && !$data.disabled() || !$data.disabled) { $data.clickAction($root.model && $root.model()); } }, css: {\'dxrd-disabled-button\': $data.disabled }"></div> <!-- /ko --> <!-- ko if: $data.imageTemplateName --> <div data-bind="template: $data.imageTemplateName, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxrd-switch-icon dxd-back-highlighted \' + (ko.unwrap($data.imageClassName) || \'\') }, dxclick: function() { if((typeof $data.disabled === \'function\') && !$data.disabled() || !$data.disabled) { $data.clickAction($root.model && $root.model()); } }, css: {\'dxrd-disabled-button\': $data.disabled }"></div> <!-- /ko --> </div>',
     'dxrd-context-menu': '<div data-bind="dxContextMenu: $data.contextMenu"></div>',
     'dxrd-expression-action': '<div data-bind="dxclick: function() { $root.activateExpressionEditor($data); }"> <span class="dxd-text-primary dx-menu-item-text" data-bind="attr: { title: title }, text: title"></span> <div class="dx-menu-item-popout-container" data-bind="visible: $data.items && $data.items.length"> <div class="dx-menu-item-popout"></div> </div> </div>',
     'dxrd-expression-editor-addon': '<div class="dxrd-editormenu-box dxd-property-grid-menu-box-color dxrd-editor-box-image" data-bind=" cacheElement: { action: function() { $data.cacheFunction($root.activateExpressionEditor); } }, dxclick: function(_, element) { showPopup(_, element) }, attr: { title: hint }, css: editorMenuButtonCss" > <div class="dxrd-editor-box-image-content" data-bind="template: { name: $data.imageTemplateName, if: ko.unwrap($data.imageTemplateName) }"></div> </div>',
@@ -42921,21 +43619,23 @@ 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 -->',
     'dxrd-reportexpression': '<!-- ko if: visible --> <!-- ko if: $data.patchOptions($root.reportExplorerProvider, $root.editableObject && $root.editableObject()) --> <div data-bind="dxExpressionEditor: getOptions({ options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: $data.editorTemplateName })"></div> <!-- /ko --> <!-- /ko -->',
-    'dxrd-pivotcriteria': '<!-- ko with: $data.wrapModel($root.fieldListProvider) --> <div data-bind="dxFilterEditor: { options: value, fieldListProvider: itemsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: displayNameProvider }"></div> <!-- /ko -->',
+    'dxrd-pivotcriteria': '<!-- ko with: $data.wrapModel($root.fieldListProvider) --> <div data-bind="dxFilterEditor: { options: value, fieldListProvider: itemsProvider, getDisplayNameByPath: $root.getDisplayNameByPath, displayNameProvider: displayNameProvider, aiExpressionGenerator: $root.aiExpressionGenerator }"></div> <!-- /ko -->',
     'dxrd-richtext-loadfile': '<div data-bind="dxRichTextFileEditor: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.rtf,.docx,.txt,.htm,.html\' }"></div>',
     'dxrd-image-loadfile': '<div data-bind="dxImageSourceEditor: { value: value, onValueChanged: onValueChanged, accept: \'image/*\', type: \'img\', disabled: disabled, inputAttr: { id: editorInputId}, showClearButton: true }"></div>',
     'dxrd-pdfcontent-loadfile': '<div data-bind="dxFileImagePicker: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.pdf\', showClearButton: true }"></div>',
     'dxrd-summaryeditor-header': '<!-- ko template: \'dx-emptyHeader\' --> <!-- /ko --> <div data-bind="dxPopup: { showTitle: true, width: \'550px\', height: \'400px\', wrapperAttr: { class: \'dxrd-summaryeditor-popup\' }, title: $root.getLocalization(\'Summary Editor\'), visible: $data.popup.visible, toolbarItems: $data.popup.buttons, showCloseButton: true, container: $data.popup.container($element), position: { of: $data.popup.container($element) }}"> <!-- ko template: { name: \'dx-propertieseditor\', data: $data.popup.grid } --> <!-- /ko --> </div>',
     'dxrd-datasource-combobox': '<div data-bind="dxSelectBox: { dataSource: $data.getValues(), searchEnabled: true, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element)  }, inputAttr: { id: editorInputId }, popupPosition: { boundary: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"> <div data-options="dxTemplate: { name: \'item\' }" data-bind="text: displayValue, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: displayValue }"> </div> </div>',
     'dxrd-localization-combobox': '<div data-bind="dxSelectBox: { dataSource: $data.getValues(), searchEnabled: true, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), width:  $root.calculateWithZoomFactor(357) }, inputAttr: { id: editorInputId }, popupPosition: { boundary: $root.getPopupContainer($element) }, useItemTextAsTitle: true }"> <div class="dx-localization-combobox-content" data-options="dxTemplate: { name: \'item\' }"> <div class="dx-culture dx-culture-code dxd-text-info" data-bind="text: value === \'Default\' ? \'\' : value, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: value }"></div> <div class="dx-culture" data-bind="text: displayValue, style: { \'fontWeight\': $root.isLocalized($data.value) ? \'bold\' : \'normal\' }, attr: { title: displayValue }"></div> </div> </div>',
+    'dxrd-tagbox': '<div data-bind="dxTagBox: { dataSource: getValues(), value: editorValue, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true, multiline: false, showSelectionControls: true, showDropDownButton: true, selectAllText: selectAllText, maxDisplayedTags: maxDisplayedTags, onMultiTagPreparing: onMultiTagPreparing, }"></div>',
     'dxrd-page-choose-report-type': '<div class="dxrd-wizard-type-page" data-bind="css: $data._extendCssClass(\'type-page\')"> <div class="dxrd-wizard-report-gallery" data-bind="dxList: getListOptions()"></div> </div>',
     'dxrd-page-crosstab-dataMembers': '<div class="dxrd-wizard-page dxrd-wizard-crosstab-select-dataMembers-page dxrd-wizard-page-treelist-accordion-style"> <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-title dxd-border-secondary dxd-back-contrast"> <div class="dxrd-wizard-field-infos-title-image" data-bind="template: _icon"></div> <div class="dxrd-wizard-field-infos-title-content dxd-text-primary" data-bind="text: _title"></div> </div> <div data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'auto\' }"> <div data-bind="treelist: _signleFieldMemberFieldListModel" class="dxrd-width-100 dxrd-height-100"></div> </div> </div> </div> </div>',
     'dxrd-page-crosstab-setlayout': '<div class="dxrd-wizard-page dxrd-wizard-crosstab-setlayout-page" data-bind="trackCursor: underCursor, css: {\'dxrd-wizard-crosstab-droppable-page\': isDroppable}"> <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-title dxd-border-secondary dxd-back-contrast"> <div class="dxrd-wizard-field-infos-title-image" data-bind="template: _icon"></div> <div class="dxrd-wizard-field-infos-title-content dxd-text-primary" data-bind="text: _title"></div> </div> <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: _fieldName"></div> <div class="dxrd-wizard-field-infos-values dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary" data-bind="text: _valueName"></div> <div class="dxrd-wizard-field-infos-removebtn dxd-wizard-title-back-color dxd-back-secondary"></div> </div> <div data-bind="foreach: fieldInfos"> <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._crossTabFields, displayExpr: \'displayName\', value: field, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> <div class="dxrd-wizard-field-infos-values dxd-wizard-title-back-color dxd-back-secondary dxd-border-secondary"> <div data-bind="dxSelectBox: value"></div> </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._removeInfo($data);  }}"></div> </div> </div> </div> </div> </div> </div>',
+    'dxrd-page-ai-report-layout': '<div class="dxrd-wizard-type-page dxrd-page-ai-report-layout"> <!-- ko if: _showDataStructure --> <div class="dxrd-ai-layout-section dxrd-ai-data-structure"> <div class="dxrd-ai-layout-section-title" data-bind="text: _dataStructureSectionTitle"></div> <div class="dxrd-ai-layout-section-content dxrd-wizard-page-treelist-accordion-style dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'auto\' }"> <div data-bind="treelist: _fieldListModel"></div> </div> </div> <!-- /ko --> <div class="dxrd-ai-layout-section dxrd-ai-report-prompt"> <div class="dxrd-ai-layout-section-title" data-bind="text: _promptSectionTitle"></div> <div class="dxrd-ai-layout-section-content dxd-border-secondary" data-bind="dxTextArea: _getPromptTextAreaOptions()"></div> </div> <div class="dxrd-ai-layout-section dxrd-ai-report-prompt-suggestions"> <div class="dxrd-ai-layout-section-title" data-bind="text: _suggestionsSectionTitle"></div> <div class="dxrd-ai-layout-section-content dxd-border-secondary" data-bind="dxList: _getSuggentionListOptions()"></div> </div> </div>',
     'dxrd-page-colorScheme-content': '<div class="dxrd-page-color-scheme"> <!-- ko foreach: _lookupData.scheme --> <div class="dxrd-page-color-scheme-tile" data-bind="click: function () { $parent._applyScheme($data); }, style: { backgroundColor: color }"> <div class="dxrd-page-color-scheme-tile-content"> <div class="dxrd-page-color-scheme-tile-selected dxd-border-accented" data-bind="visible: $data.selected()"></div> <!-- ko ifnot: $data.name === \'Custom\' --> <div class="dxrd-page-color-scheme-tile-content-title" data-bind="text: displayName"></div> <!-- /ko --> <!-- ko if: $data.name === \'Custom\' --> <div class="dxrd-page-color-scheme-tile-content-custom"> <div class="dxrd-page-color-scheme-tile-content-title" data-bind="text: displayName"></div> <div class="dxrd-page-color-scheme-tile-content-edit" data-bind="css: { \'dxrd-page-color-scheme-tile-content-edit-active\': $data.popoverVisible() }, click: function() { $data.popoverVisible(!$data.popoverVisible()) }"> <div class="dxrd-page-color-scheme-tile-content-edit-icon" data-bind="template:\'dxrd-svg-color_gear\'"></div> </div> </div> <div class="dxrd-page-color-scheme-colorpicker" data-bind="dxPopover: { visible: $data.popoverVisible, width: \'auto\', height: \'auto\', wrapperAttr: { class: \'dxrd-page-color-scheme-colorpicker\' }, container: $root.getPopupContainer($element), target: \'.dxrd-page-color-scheme-tile-content-edit-icon\', position: { my: \'left center\', at: \'right center\', collision: \'fit\', of: \'.dxrd-page-color-scheme-tile-content-edit\', boundary: $root.getPopupContainer($element) } }"> <div class="dxrd-page-color-scheme-colorpicker-editor-container dxd-border-secondary"> <div data-bind="dxColorView: { value: editorColor, editAlphaChannel: true }"></div> </div> <div class="dxrd-page-color-scheme-colorpicker-buttons"> <div class="dxrd-page-color-scheme-colorpicker-button" data-bind="dxButton: { text: \'Cancel\', onClick: function() { $data.resetColor() }}"></div> <div class="dxrd-page-color-scheme-colorpicker-button" data-bind="dxButton: { text: \'Ok\', onClick: function() { $data.applyColor() }}"></div> </div> </div> <!-- /ko --> </div> </div> <!-- /ko --> </div>',
     'dxrd-page-colorScheme': '<div class="dxrd-wizard-page"> <!-- ko template: \'dxrd-page-colorScheme-content\' --> <!-- /ko --> </div>',
     'dxrd-page-columns': '<div class="dxrd-wizard-page dxrd-wizard-columns-page"> <div class="dxrd-wizard-left-panel"> <div class="dxrd-wizard-list-title" data-bind="text: availableFields.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { items: availableFields.items, selectedItems: availableFields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: availableFieldClick }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.availableFieldDblClick }"> <div data-bind="text: displayName"></div> </div> </div> </div> </div> <div class="dxrd-wizard-splitter"> <div class="dxrd-wizard-splitter-action dxrd-margin-top-40px" data-bind="dxButtonWithTemplate: { onClick: select, disabled: !isSelectEnable(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\' }" ></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: selectAll, disabled: !isSelectEnable(), icon: \'dxrd-svg-operations-moveright_all\', iconClass: \'dxrd-image-moveright-all\' }"></div> <div class="dxrd-wizard-splitter-action dxrd-margin-top-44px" data-bind="dxButtonWithTemplate: { onClick: unselect, disabled: !isUnselectEnable(), icon: \'dxrd-svg-operations-moveleft\', iconClass: \'dxrd-image-moveleft\' }" ></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: unselectAll, disabled: !isUnselectEnable(), icon: \'dxrd-svg-operations-moveleft_all\', iconClass: \'dxrd-image-moveleft-all\' }"></div> </div> <div class="dxrd-wizard-right-panel"> <div class="dxrd-wizard-list-title" data-bind="text: selectedFields.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { items: selectedFields.items, selectedItems: selectedFields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: selectedFieldClick }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.selectedFieldDblClick }"> <div data-bind="text: displayName"></div> </div> </div> </div> </div></div>',
@@ -42953,7 +43653,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>',
@@ -43228,6 +43928,8 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 
 
 
+
+
 
 
 
@@ -43365,6 +44067,80 @@ class PageBreakBandEditor extends external_DevExpress_Analytics_Widgets_namespac
     }
 }
 
+;// ./dist/designer/widgets/canPublishEditor.js
+
+
+
+const CanPublishToFormatSpecifics = {
+    Csv: 1 << 0,
+    Docx: 1 << 1,
+    Htm: 1 << 2,
+    Image: 1 << 3,
+    Mht: 1 << 4,
+    Pdf: 1 << 5,
+    Printing: 1 << 6,
+    Rtf: 1 << 7,
+    Txt: 1 << 8,
+    Xls: 1 << 9,
+    Xlsx: 1 << 10,
+};
+const CanPublishToFormats = {
+    None: 0,
+    ...CanPublishToFormatSpecifics,
+    All: 0x7FF,
+};
+class CanPublishEditor extends external_DevExpress_Analytics_Widgets_namespaceObject.Editor {
+    constructor(info, level, parentDisabled, textToSearch, popupService, popover, engineType) {
+        super(info, level, parentDisabled, textToSearch, popupService, popover, engineType);
+        this.maxDisplayedTags = 3;
+        this.selectAllText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Select All', 'AnalyticsCoreStringId.SelectAll');
+        this._disposables.push(this.editorValue = external_ko_namespaceObject.computed({
+            read: () => this.parseEnum(this._get('value')),
+            write: (newValue) => this._set('value', this.serializeEnum(newValue)),
+            owner: this
+        }));
+    }
+    parseEnum(str) {
+        const allowedKeys = Object.keys(CanPublishToFormatSpecifics);
+        const items = str.split(',').map(item => item.trim());
+        if (items.length === 1 && CanPublishToFormats[items[0]] === CanPublishToFormats.None) {
+            return [];
+        }
+        if (items.length === 1 && CanPublishToFormats[items[0]] === CanPublishToFormats.All) {
+            return allowedKeys;
+        }
+        const result = items.filter((item) => allowedKeys.includes(item));
+        if (result.length !== items.length) {
+            throw new Error('CanPublishOption has incorrect value: ' + str);
+        }
+        return result;
+    }
+    serializeEnum(values) {
+        const separator = ', ';
+        const processedValues = this.serializeEnumCore(values);
+        return processedValues.length > 1 ? processedValues.join(separator) : processedValues[0];
+    }
+    serializeEnumCore(values) {
+        if (values.length === 0) {
+            return ['None'];
+        }
+        const isAllFormats = values
+            .map(item => CanPublishToFormats[item])
+            .reduce((acc, item) => acc | item, 0) === CanPublishToFormats.All;
+        return isAllFormats ? ['All'] : values.sort((a, b) => CanPublishToFormats[a] - CanPublishToFormats[b]);
+    }
+    getValues() {
+        return this._get('values');
+    }
+    onMultiTagPreparing(args) {
+        const selectedItemsLength = args.selectedItems.length, totalCount = Object.keys(CanPublishToFormatSpecifics).length;
+        if (selectedItemsLength === totalCount) {
+            const stringFormat = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('All selected ({0})', 'ASPxReportsStringId.WebDocumentViewer_MultiValueEditor_AllSelected');
+            args.text = (0,external_DevExpress_Analytics_Internal_namespaceObject.formatUnicorn)(stringFormat, selectedItemsLength);
+        }
+    }
+}
+
 ;// ./dist/designer/widgets/chartValueBindingEditor.js
 
 
@@ -44239,6 +45015,7 @@ class ComboboxUndoEditor extends external_DevExpress_Analytics_Widgets_namespace
 
 
 
+
 
 
 function registerEditors() {
@@ -44284,7 +45061,8 @@ function registerEditors() {
         dataSourceSelectBox: { header: 'dxrd-datasource-combobox', editorType: DataSourceSelectBox },
         localizationSelectBox: { header: 'dxrd-localization-combobox', editorType: DataSourceSelectBox },
         pdfContentLoad: { header: 'dxrd-pdfcontent-loadfile', editorType: external_DevExpress_Analytics_Widgets_namespaceObject.Editor },
-        viewStyle: { header: 'dxrd-viewStyle', editorType: GaugeStyleEditor }
+        viewStyle: { header: 'dxrd-viewStyle', editorType: GaugeStyleEditor },
+        canPublishEditor: { header: 'dxrd-tagbox', editorType: CanPublishEditor },
     });
     editorTemplates.getEditor('dataMemberChart').header = external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('dataMember').header;
     editorTemplates.getEditor('fieldChart').header = external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('field').header;
@@ -44322,6 +45100,7 @@ function registerEditors() {
 
 
 
+
 
 
 registerEditors();
@@ -44355,6 +45134,7 @@ registerEditors();
 
 
 
+
 
 
 ;// ./dist/scopes/reporting-designer-widgets-internal.js
@@ -44448,6 +45228,10 @@ registerEditors();
 
 
 
+
+
+
+