devexpress-reporting 23.1.2-build-2379-1247 → 23.2.0-build-000-1111

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -396,6 +396,7 @@ __webpack_require__.d(reporting_chart_internal_namespaceObject, "seriesSerializa
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "seriesDataMember", function() { return _chart_seriesDataMember; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "emptyChartTextSerializationsInfo", function() { return emptyChartTextSerializationsInfo; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "emptyChartText", function() { return emptyChartText; });
+__webpack_require__.d(reporting_chart_internal_namespaceObject, "smallChartText", function() { return smallChartText; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "titles", function() { return _chart_titles; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "legendSerializationsInfo", function() { return legendSerializationsInfo; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "additionalLegendSerializationsInfo", function() { return additionalLegendSerializationsInfo; });
@@ -420,6 +421,8 @@ __webpack_require__.d(reporting_chart_internal_namespaceObject, "thickness", fun
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "visibility", function() { return visibility; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "color", function() { return _common_color; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "titleAlignment", function() { return titleAlignment; });
+__webpack_require__.d(reporting_chart_internal_namespaceObject, "titleSerializationsInfo", function() { return titleSerializationsInfo; });
+__webpack_require__.d(reporting_chart_internal_namespaceObject, "title", function() { return _common_title; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "textPattern", function() { return textPattern; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "textAlignment", function() { return _common_textAlignment; });
 __webpack_require__.d(reporting_chart_internal_namespaceObject, "maxLineCount", function() { return maxLineCount; });
@@ -519,9 +522,11 @@ __webpack_require__.d(reporting_chart_internal_series_metadata_namespaceObject,
 var reporting_chart_internal_models_namespaceObject = {};
 __webpack_require__.r(reporting_chart_internal_models_namespaceObject);
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "ChartElementCollectionItemBase", function() { return _elementCollection_ChartElementCollectionItemBase; });
+__webpack_require__.d(reporting_chart_internal_models_namespaceObject, "ChartComponentModelWithText", function() { return _localizableElementCollection_ChartComponentModelWithText; });
+__webpack_require__.d(reporting_chart_internal_models_namespaceObject, "ChartLocalizableElementCollectionItemBase", function() { return _localizableElementCollection_ChartLocalizableElementCollectionItemBase; });
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "TitleViewModel", function() { return _title_TitleViewModel; });
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "assignTitleActions", function() { return assignTitleActions; });
-__webpack_require__.d(reporting_chart_internal_models_namespaceObject, "titleSerializationsInfo", function() { return titleSerializationsInfo; });
+__webpack_require__.d(reporting_chart_internal_models_namespaceObject, "titleSerializationsInfo", function() { return _title_titleSerializationsInfo; });
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "AdditionalLegendViewModel", function() { return _additionalLegend_AdditionalLegendViewModel; });
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "ConstantLineViewModel", function() { return _constantLine_ConstantLineViewModel; });
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "ScaleBreakViewModel", function() { return _scaleBreak_ScaleBreakViewModel; });
@@ -543,6 +548,7 @@ __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "legend",
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "ChartViewModel", function() { return _chart_ChartViewModel; });
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "chartSerializationsInfo", function() { return chartSerializationsInfo; });
 __webpack_require__.d(reporting_chart_internal_models_namespaceObject, "chart", function() { return _chart_chart; });
+__webpack_require__.d(reporting_chart_internal_models_namespaceObject, "WholeRangeModel", function() { return _wholeRange_WholeRangeModel; });
 
 // NAMESPACE OBJECT: ./node_modules/devexpress-reporting/scopes/reporting-chart-internal-series.js
 var reporting_chart_internal_series_namespaceObject = {};
@@ -825,6 +831,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "pop
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "imageUrl", function() { return imageUrl; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "imageSource", function() { return xrPicturebox_imageSource; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "imageEditOptions", function() { return imageEditOptions; });
+__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "useImageMetadata", function() { return useImageMetadata; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "pictureBoxSerializationsInfo", function() { return pictureBoxSerializationsInfo; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "popularPropertiesPicture", function() { return popularPropertiesPicture; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "pivotGridAppearances", function() { return pivotGridAppearances; });
@@ -857,6 +864,9 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "boo
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "horizontalContentSplitting", function() { return horizontalContentSplitting; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "rtlLayout", function() { return rtlLayout; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "rtlReport", function() { return rtlReport; });
+__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "useLandscape", function() { return useLandscape; });
+__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "usePaperKind", function() { return usePaperKind; });
+__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "defaultPrinterSettingsUsingInfo", function() { return defaultPrinterSettingsUsingInfo; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "reportSerializationInfo", function() { return reportSerializationInfo; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "popularPropertiesReport", function() { return popularPropertiesReport; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "rtf", function() { return rtf; });
@@ -934,6 +944,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "nam
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "displayName", function() { return metadata_displayName; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "text", function() { return metadata_text; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "textArea", function() { return metadata_textArea; });
+__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "textTrimmingValues", function() { return textTrimmingValues; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "textTrimming", function() { return textTrimming; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "size", function() { return metadata_size; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "location", function() { return metadata_location; });
@@ -1335,7 +1346,7 @@ __webpack_require__.d(reporting_designer_internal_namespaceObject, "__createLoca
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "DefaultLocalizationProvider", function() { return _localizationUtils_DefaultLocalizationProvider; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "TableOfContentLocalizationProvider", function() { return _localizationUtils_TableOfContentLocalizationProvider; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "ReportLocalizationProvider", function() { return ReportLocalizationProvider; });
-__webpack_require__.d(reporting_designer_internal_namespaceObject, "ChartLocalizationProvider", function() { return _localizationUtils_ChartLocalizationProvider; });
+__webpack_require__.d(reporting_designer_internal_namespaceObject, "ChartLocalizationProvider", function() { return ChartLocalizationProvider; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "LocalizedProperty", function() { return _localizationUtils_LocalizedProperty; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "createSinglePopularBindingInfos", function() { return createSinglePopularBindingInfos; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "createPopularBindingInfos", function() { return createPopularBindingInfos; });
@@ -1470,6 +1481,8 @@ __webpack_require__.d(reporting_designer_internal_namespaceObject, "WizardsIniti
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "ReportDialogSettings", function() { return _settings_ReportDialogSettings; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "registerControls", function() { return _registerControls_registerControls; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "registerCustomControls", function() { return registerCustomControls; });
+__webpack_require__.d(reporting_designer_internal_namespaceObject, "registerCustomGlobalExpressions", function() { return registerCustomGlobalExpressions; });
+__webpack_require__.d(reporting_designer_internal_namespaceObject, "registerCustomReportExpressions", function() { return registerCustomReportExpressions; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "CommonRequestModel", function() { return _commonRequestModel_CommonRequestModel; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "CrossTabWizardFieldListController", function() { return _crossTabDragUtils_CrossTabWizardFieldListController; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "CrossTabWizardDragDropHandler", function() { return _crossTabDragUtils_CrossTabWizardDragDropHandler; });
@@ -1977,14 +1990,81 @@ class _controller_ChartDragDropHandler extends external_DevExpress_Analytics_Int
 // EXTERNAL MODULE: external "DevExpress.Analytics.Widgets"
 var external_DevExpress_Analytics_Widgets_ = __webpack_require__(2);
 
+// EXTERNAL MODULE: external "DevExpress.Analytics.Elements"
+var external_DevExpress_Analytics_Elements_ = __webpack_require__(7);
+
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/components/models/_wholeRange.js
+
+class _wholeRange_WholeRangeModel extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
+    constructor(model, serializer, info) {
+        super(model, serializer, info);
+    }
+    getExpressionProperties() {
+        return ['MinValue', 'MaxValue'];
+    }
+}
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/_editorTemplates.js
 
 var editorTemplates = new external_DevExpress_Analytics_Widgets_["EditorTemplates"]();
 var chartDataSource = { propertyName: 'dataSource', displayName: 'Data Source', modelName: '@DataSource', link: true, editor: editorTemplates.getEditor('chartDataSource'), localizationId: 'DevExpress.XtraReports.UI.XRSparkline.DataSource' };
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/components/axis/_axis.js
+
+
+function initCollectionItem(item, parent) {
+    return () => {
+        item.parent = parent;
+        item.innerActions = [
+            {
+                text: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Remove', 'ReportStringId.UD_Capt_SpacingRemove'),
+                imageClassName: 'dxrd-image-recycle-bin',
+                imageTemplateName: 'dxrd-svg-operations-recycle_bin',
+                disabled: external_ko_["observable"](false),
+                visible: true,
+                clickAction: () => { parent.remove(item); },
+            }
+        ];
+    };
+}
+
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/_elementCollection.js
+
+
+class _elementCollection_ChartElementCollectionItemBase extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
+    constructor(model, parent, serializer, info) {
+        super(model, serializer, info);
+        initCollectionItem(this, parent)();
+    }
+    static toJson(value, serializer, refs) {
+        return serializer.serialize(value, null, refs);
+    }
+}
+
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/_localizableElementCollection.js
+
+
+class _localizableElementCollection_ChartComponentModelWithText extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
+    constructor(model, serializer, info) {
+        super(model, serializer, info);
+    }
+    getExpressionProperties() {
+        return ['Text'];
+    }
+}
+class _localizableElementCollection_ChartLocalizableElementCollectionItemBase extends _elementCollection_ChartElementCollectionItemBase {
+    getChildComponents() {
+        return [
+            { component: this.title, path: 'Title' },
+        ];
+    }
+}
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/meta/_common.js
 
 
+
+
 var defaultBooleanValues = [
     { value: 'True', displayValue: 'True', localizationId: 'StringId.DefaultBooleanTrue' },
     { value: 'False', displayValue: 'False', localizationId: 'StringId.DefaultBooleanFalse' },
@@ -2005,16 +2085,18 @@ var angle = { propertyName: 'angle', modelName: '@Angle', defaultVal: 0, from: e
 var borderColor = { propertyName: 'borderColor', modelName: '@BorderColor', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], displayName: 'Border Color', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), localizationId: 'DevExpress.XtraReports.UI.XRControl.BorderColor' };
 var backColor = { propertyName: 'backColor', modelName: '@BackColor', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], displayName: 'Background Color', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), localizationId: 'DevExpress.XtraReports.UI.XRControl.BackColor' };
 var _common_dataMember = { propertyName: 'dataMember', modelName: '@DataMember' };
-var _common_text = { propertyName: 'text', modelName: '@Text', defaultVal: '', displayName: 'Text', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'ASPxReportsStringId.ExportName_txt' };
+var _common_text = { propertyName: 'text', modelName: '@Text', defaultVal: '', displayName: 'Text', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizable: true, localizationId: 'ASPxReportsStringId.ExportName_txt' };
 var _common_visible = { propertyName: 'visible', modelName: '@Visible', defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), displayName: 'Visible', localizationId: 'DevExpress.XtraReports.UI.XRControl.Visible' };
 var _common_name = { propertyName: 'name', modelName: '@Name', displayName: 'Name', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'DevExpress.XtraReports.UI.XRControl.Name' };
 var _common_tag = { propertyName: 'tag', modelName: '@Tag', displayName: 'Tag', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'DevExpress.XtraReports.UI.XRControl.Tag' };
-var legendText = { propertyName: 'legendText', modelName: '@LegendText', displayName: 'Legend Text', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'DevExpress.XtraCharts.Strip.LegendText' };
+var legendText = { propertyName: 'legendText', modelName: '@LegendText', displayName: 'Legend Text', localizable: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'DevExpress.XtraCharts.Strip.LegendText' };
 var showInLegend = { propertyName: 'showInLegend', modelName: '@ShowInLegend', displayName: 'Show In Legend', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], localizationId: 'DevExpress.XtraCharts.Indicator.ShowInLegend' };
 var thickness = { propertyName: 'thickness', modelName: '@Thickness', displayName: 'Thickness', defaultVal: 1, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), localizationId: 'DevExpress.XtraCharts.TickmarksBase.Thickness' };
 var visibility = { propertyName: 'visibility', modelName: '@Visibility', displayName: 'Visibility', defaultVal: 'Default', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: defaultBooleanValues, localizationId: 'DevExpress.XtraCharts.BorderBase.Visibility' };
 var _common_color = { propertyName: 'color', modelName: '@Color', displayName: 'Color', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), localizationId: 'DevExpress.XtraCharts.SeriesViewBase.Color' };
 var titleAlignment = { propertyName: 'titleAlignment', modelName: '@Alignment', displayName: 'Alignment', defaultVal: 'Center', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: stringAlignmentValues, localizationId: 'DevExpress.XtraReports.UI.XRBarCode.Alignment' };
+var titleSerializationsInfo = [_common_text, titleAlignment, textColor];
+var _common_title = { propertyName: 'title', modelName: 'Title', displayName: 'Title', defaultVal: {}, info: paneTitleSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'ASPxReportsStringId.ReportDesigner_Wizard_ReportStyle_Title', type: _localizableElementCollection_ChartComponentModelWithText };
 var textPattern = { propertyName: 'textPattern', modelName: '@TextPattern', displayName: 'Text Pattern', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'DevExpress.XtraCharts.TotalLabel.TextPattern' };
 var _common_textAlignment = { propertyName: 'textAlignment', modelName: '@TextAlignment', displayName: 'Text Alignment', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: stringAlignmentValues, localizationId: 'DevExpress.XtraReports.UI.XRControl.TextAlignment' };
 var maxLineCount = { propertyName: 'maxLineCount', modelName: '@MaxLineCount', displayName: 'Max Line Count', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), localizationId: 'DevExpress.XtraCharts.SeriesLabelBase.MaxLineCount' };
@@ -2036,7 +2118,8 @@ var _common_margin = { propertyName: 'chartMargins', modelName: 'Margins', displ
 var font18 = { propertyName: 'font18', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 18pt', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
 var font12 = { propertyName: 'font12', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 12pt', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
 var font8 = { propertyName: 'font8', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 8pt', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
-var paneSerializationsInfo = [enableAxisXScrolling, enableAxisYScrolling, enableAxisYZooming, enableAxisXZooming, backColor, borderColor];
+var paneTitleSerializationsInfo = [antialiasing, font12, visibility].concat(titleSerializationsInfo), paneTitle = Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, _common_title, { info: paneTitleSerializationsInfo });
+var paneSerializationsInfo = [enableAxisXScrolling, enableAxisYScrolling, enableAxisYZooming, enableAxisXZooming, backColor, borderColor, paneTitle];
 var defaultPane = { propertyName: 'defaultPane', modelName: 'DefaultPane', displayName: 'Default Pane', localizationId: 'ChartStringId.DefaultPaneName', info: paneSerializationsInfo, defaultVal: {}, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
 var additionalPaneSerializationsInfo = [_common_name].concat(paneSerializationsInfo);
 var _common_filterString = { propertyName: '_filterString', modelName: '@FilterString' };
@@ -2047,10 +2130,12 @@ var filterStringEditable = { propertyName: 'filterString', displayName: 'Filter
 
 
 
+
+
 var minValue = { propertyName: 'minValue', modelName: '@MinValueSerializable', displayName: 'Min Value', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), localizationId: 'DevExpress.XtraCharts.AxisRange.MinValue' }, maxValue = { propertyName: 'maxValue', modelName: '@MaxValueSerializable', displayName: 'Max Value', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), localizationId: 'DevExpress.XtraCharts.Range.MaxValue' }, auto = { propertyName: 'auto', modelName: '@Auto', displayName: 'Auto', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], localizationId: 'DevExpress.XtraReports.UI.DocumentExportMode.Auto' }, autoSideMargins = { propertyName: 'autoSideMargins', modelName: '@AutoSideMargins', displayName: 'Auto Side Margins', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], localizationId: 'DevExpress.XtraCharts.Range.AutoSideMargins' }, sideMarginsValue = { propertyName: 'sideMarginsValue', modelName: '@SideMarginsValue', displayName: 'Side Margins Value', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), localizationId: 'DevExpress.XtraCharts.Range.SideMarginsValue' };
 var visualRangeSerializationsInfo = [auto, autoSideMargins, minValue, maxValue, sideMarginsValue], visualRange = { propertyName: 'visualRange', modelName: 'VisualRange', displayName: 'Visual Range', info: visualRangeSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.AxisBase.VisualRange' };
 var alwaysShowZeroLevel = { propertyName: 'alwaysShowZeroLevel', modelName: '@AlwaysShowZeroLevel', displayName: 'Always Show Zero Level', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"], localizationId: 'DevExpress.XtraCharts.WholeRange.AlwaysShowZeroLevel' };
-var wholeRangeSerializationsInfo = visualRangeSerializationsInfo.concat(alwaysShowZeroLevel), wholeRange = { propertyName: 'wholeRange', modelName: 'WholeRange', displayName: 'Whole Range', info: wholeRangeSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.AxisBase.WholeRange' };
+var wholeRangeSerializationsInfo = visualRangeSerializationsInfo.concat(alwaysShowZeroLevel), wholeRange = { propertyName: 'wholeRange', modelName: 'WholeRange', displayName: 'Whole Range', type: _wholeRange_WholeRangeModel, info: wholeRangeSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.AxisBase.WholeRange' };
 var radarWholeRange = { propertyName: 'radarWholeRange', modelName: 'WholeRange', displayName: 'Whole Range', info: visualRangeSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.AxisBase.WholeRange' };
 var dashStyle = {
     propertyName: 'dashStyle', modelName: '@DashStyle', displayName: 'Dash Style', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
@@ -2116,7 +2201,7 @@ var axisAlignment = {
 var pattern = { propertyName: 'pattern', modelName: '@Pattern', displayName: 'Pattern', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'DevExpress.XtraCharts.CrosshairAxisLabelOptions.Pattern' }, crosshairAxisLabelOptionsSerializationsInfo = [visibility, pattern, backColor, textColor, _common_font];
 var crosshairAxisLabelOptions = { propertyName: 'crosshairAxisLabelOptions', modelName: 'CrosshairAxisLabelOptions', displayName: 'Crosshair Axis Label Options', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: crosshairAxisLabelOptionsSerializationsInfo, localizationId: 'DevExpress.XtraCharts.Axis2D.CrosshairAxisLabelOptions' };
 var axisTitleVisibility = { propertyName: 'axisTitleVisibility', modelName: '@Visibility', displayName: 'Visibility', defaultVal: 'False', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: defaultBooleanValues, localizationId: 'DevExpress.XtraCharts.BorderBase.Visibility' };
-var axisTitleSerializationsInfo = [_common_text, titleAlignment, antialiasing, axisTitleVisibility, textColor, font12], axisTitle = { propertyName: 'axisTitle', modelName: 'Title', displayName: 'Title', defaultVal: {}, info: axisTitleSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'ASPxReportsStringId.ReportDesigner_Wizard_ReportStyle_Title' };
+var axisTitleSerializationsInfo = [antialiasing, axisTitleVisibility, font12].concat(titleSerializationsInfo), axisTitle = Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, _common_title, { propertyName: 'axisTitle', info: axisTitleSerializationsInfo });
 var crosshairLabelVisibility = { propertyName: 'crosshairLabelVisibility', modelName: '@CrosshairLabelVisibility', displayName: 'Crosshair Label Visibility', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: defaultBooleanValues, localizationId: 'DevExpress.XtraCharts.SeriesBase.CrosshairLabelVisibility' };
 var axis2DSerializationsInfo = [interlaced, interlacedFillStyle, tickmarks, axisTitle, visibility, axisAlignment, axisLabel, thickness,
     _common_color, crosshairLabelVisibility, visibleInPanesSerializable, crosshairAxisLabelOptions].concat(axisBaseSerializationsInfo);
@@ -2145,9 +2230,10 @@ var scaleBreakSerializationsInfo = [edge1, edge2, _common_visible, _common_name,
 var autoScaleBreaks = { propertyName: 'autoScaleBreaks', modelName: 'AutoScaleBreaks', displayName: 'Auto Scale Breaks', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: autoScaleBreaksSerializationsInfo, localizationId: 'DevExpress.XtraCharts.Axis.AutoScaleBreaks' }, reverse = { propertyName: 'axisReverse', modelName: '@Reverse', displayName: 'Reverse', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], localizationId: 'DevExpress.XtraCharts.Axis.Reverse' };
 var axisValueSerializable = { propertyName: '_axisValue', modelName: '@AxisValueSerializable' }, axisValue = { propertyName: 'axisValue', displayName: 'Axis Value', localizationId: 'DevExpress.XtraCharts.AxisCoordinate.AxisValue', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text') }, showBehind = { propertyName: 'showBehind', modelName: '@ShowBehind', from: external_DevExpress_Analytics_Utils_["parseBool"], displayName: 'Show Behind', localizationId: 'DevExpress.XtraCharts.ConstantLine.ShowBehind', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool') };
 var legendName = { propertyName: 'legendName', modelName: '@LegendName', displayName: 'Legend', localizationId: 'DevExpress.XtraCharts.ConstantLine.Legend', defaultVal: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Default Legend', 'ChartStringId.DefaultLegend'), editor: editorTemplates.getEditor('legends') };
-var showAxisLabel = { propertyName: 'showAxisLabel', modelName: '@ShowAxisLabel', displayName: 'Show Axis Label', localizationId: 'DevExpress.XtraCharts.Strip.ShowAxisLabel', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"] }, axisLabelText = { propertyName: 'axisLabelText', modelName: '@AxisLabelText', displayName: 'Axis Label Text', localizationId: 'DevExpress.XtraCharts.Strip.AxisLabelText', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text') };
+var showAxisLabel = { propertyName: 'showAxisLabel', modelName: '@ShowAxisLabel', displayName: 'Show Axis Label', localizationId: 'DevExpress.XtraCharts.Strip.ShowAxisLabel', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"] }, axisLabelText = { propertyName: 'axisLabelText', modelName: '@AxisLabelText', displayName: 'Axis Label Text', localizationId: 'DevExpress.XtraCharts.Strip.AxisLabelText', localizable: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text') };
 var strips = { propertyName: 'strips', modelName: 'Strips', displayName: 'Strips', localizationId: 'DevExpress.XtraCharts.Axis2D.Strips', array: true, editor: editorTemplates.getEditor('collection') };
-var constantLineSerializationsInfo = [axisValueSerializable, axisValue, _common_name, _common_visible, _common_color, showInLegend, legendName, legendText, showBehind, _common_tag];
+var constantLineTitleSerializationsInfo = [antialiasing, visibility, font8, _common_tag].concat(titleSerializationsInfo), constantLineTitle = Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, _common_title, { info: constantLineTitleSerializationsInfo });
+var constantLineSerializationsInfo = [axisValueSerializable, axisValue, _common_name, _common_visible, _common_color, showInLegend, legendName, legendText, showBehind, _common_tag, constantLineTitle];
 var constantLines = { propertyName: 'constantLines', modelName: 'ConstantLines', displayName: 'Constant Lines', localizationId: 'DevExpress.XtraCharts.Axis2D.ConstantLines', array: true, editor: editorTemplates.getEditor('collection') };
 var axisSerializationsInfo = [reverse, scaleBreaksOptions, autoScaleBreaks].concat(axis2DSerializationsInfo);
 var axisXYSerializationsInfo = [constantLines, scaleBreaks, strips].concat(axisSerializationsInfo);
@@ -2165,28 +2251,6 @@ var radarAxisY = { propertyName: 'axisY', modelName: 'AxisY', displayName: 'Axis
 var axisX3D = { propertyName: 'axisX', modelName: 'AxisX', displayName: 'Axis X', info: [gridLinesAxisX, interlaced, qualitativeScaleOptions].concat(axis3DSerializationsInfo), editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.GanttAxisX' };
 var axisY3D = { propertyName: 'axisY', modelName: 'AxisY', displayName: 'Axis Y', info: [gridLinesAxisY, axisY3DInterlaced].concat(axis3DSerializationsInfo), editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'DevExpress.XtraCharts.SeparatePaneIndicator.AxisY' };
 
-// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/components/axis/_axis.js
-
-
-function initCollectionItem(item, parent) {
-    return () => {
-        item.parent = parent;
-        item.innerActions = [
-            {
-                text: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Remove', 'ReportStringId.UD_Capt_SpacingRemove'),
-                imageClassName: 'dxrd-image-recycle-bin',
-                imageTemplateName: 'dxrd-svg-operations-recycle_bin',
-                disabled: external_ko_["observable"](false),
-                visible: true,
-                clickAction: () => { parent.remove(item); },
-            }
-        ];
-    };
-}
-
-// EXTERNAL MODULE: external "DevExpress.Analytics.Elements"
-var external_DevExpress_Analytics_Elements_ = __webpack_require__(7);
-
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/_utils.js
 
 
@@ -2210,23 +2274,10 @@ function deserializeModelArray(model, creator, prefix) {
     return array;
 }
 
-// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/_elementCollection.js
-
-
-class _elementCollection_ChartElementCollectionItemBase extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
-    constructor(model, parent, serializer, info) {
-        super(model, serializer, info);
-        initCollectionItem(this, parent)();
-    }
-    static toJson(value, serializer, refs) {
-        return serializer.serialize(value, null, refs);
-    }
-}
-
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/components/models/_constantLine.js
 
 
-class _constantLine_ConstantLineViewModel extends _elementCollection_ChartElementCollectionItemBase {
+class _constantLine_ConstantLineViewModel extends _localizableElementCollection_ChartLocalizableElementCollectionItemBase {
     constructor(model, parent, serializer) {
         super(model, parent, serializer, constantLineSerializationsInfo);
         this.axisValue = this._axisValue;
@@ -2234,6 +2285,9 @@ class _constantLine_ConstantLineViewModel extends _elementCollection_ChartElemen
     static from(model, serializer) {
         return new _constantLine_ConstantLineViewModel(model || {}, null, serializer);
     }
+    getExpressionProperties() {
+        return ['LegendText', 'AxisValue'];
+    }
 }
 _constantLine_ConstantLineViewModel.prefix = 'Constant Line ';
 
@@ -2255,6 +2309,7 @@ _scaleBreak_ScaleBreakViewModel.prefix = 'Scale Break ';
 
 
 
+
 var typeNameSerializable = {
     propertyName: 'typeName', modelName: '@TypeNameSerializable', from: (value) => { return value; }
 };
@@ -2309,7 +2364,8 @@ var _series_position = {
     propertyName: 'seriesLabelPosition', modelName: '@Position', displayName: 'Position', editor: editorTemplates.getEditor('comboboxPositionSeriesLabel'), valuesArray: [],
     localizationId: 'DevExpress.XtraCharts.PointSeriesLabel.Position'
 };
-var seriesLabelSerializationsInfo = [typeNameNotShow, textPattern, _common_textAlignment, maxLineCount, _common_maxWidth, textOrientation, resolveOverlappingMode,
+var seriesLabelTextPattern = Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, textPattern, { localizable: true });
+var seriesLabelSerializationsInfo = [typeNameNotShow, seriesLabelTextPattern, _common_textAlignment, maxLineCount, _common_maxWidth, textOrientation, resolveOverlappingMode,
     lineColor, lineVisibility, lineLength, antialiasing, backColor, textColor, _series_position, showForZeroValues, font8, _series_lineStyle, border];
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/components/series/_fillStyle.js
@@ -2386,6 +2442,9 @@ class _stripLimit_StripLimitViewModel extends external_DevExpress_Analytics_Elem
         value._axisValue(value.enabled() ? value.axisValue() : null);
         return serializer.serialize(value, undefined, refs);
     }
+    getExpressionProperties() {
+        return ['AxisValue'];
+    }
 }
 var stripLimitEnable = { propertyName: 'enabled', modelName: '@Enabled', displayName: 'Enabled', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], localizationId: 'DevExpress.XtraCharts.StripLimit.Enabled' };
 var stripLimitSerializationsInfo = [axisValueSerializable, axisValue, stripLimitEnable, _common_tag];
@@ -2398,6 +2457,7 @@ var stripMinLimitInfo = { propertyName: 'minLimit', modelName: 'MinLimit', displ
 
 
 
+
 class _strip_StripViewModel extends _elementCollection_ChartElementCollectionItemBase {
     constructor(model, parent, serializer) {
         super(Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, _strip_StripViewModel.initialModel, model), parent, serializer, stripSerializationsInfo);
@@ -2405,6 +2465,15 @@ class _strip_StripViewModel extends _elementCollection_ChartElementCollectionIte
     static from(model, serializer) {
         return new _strip_StripViewModel(model || {}, null, serializer);
     }
+    getExpressionProperties() {
+        return ['LegendText', 'AxisLabelText'];
+    }
+    getChildComponents() {
+        return [
+            { component: external_ko_["unwrap"](this.minLimit), path: 'MinLimit' },
+            { component: external_ko_["unwrap"](this.maxLimit), path: 'MaxLimit' },
+        ];
+    }
 }
 _strip_StripViewModel.initialModel = {
     'MinLimit': {
@@ -2425,12 +2494,13 @@ var stripSerializationsInfo = [_common_visible, _common_color, showInLegend, leg
 
 
 
+
 class _axisXYViewModel_AxisXYViewModel extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
     constructor(model, serializer, info) {
         super(model, serializer, info || axisXYSerializationsInfo);
-        this.constantLines = deserializeModelArray(model && model.ConstantLines, (item, parent) => { return new _constantLine_ConstantLineViewModel(item, parent, serializer); }, _constantLine_ConstantLineViewModel.prefix);
-        this.scaleBreaks = deserializeModelArray(model && model.ScaleBreaks, (item, parent) => { return new _scaleBreak_ScaleBreakViewModel(item, parent, serializer); }, _scaleBreak_ScaleBreakViewModel.prefix);
-        this.strips = deserializeModelArray(model && model.Strips, (item, parent) => { return new _strip_StripViewModel(item, parent, serializer); }, _strip_StripViewModel.prefix);
+        this.constantLines = deserializeModelArray(model && model['ConstantLines'], (item, parent) => { return new _constantLine_ConstantLineViewModel(item, parent, serializer); }, _constantLine_ConstantLineViewModel.prefix);
+        this.scaleBreaks = deserializeModelArray(model && model['ScaleBreaks'], (item, parent) => { return new _scaleBreak_ScaleBreakViewModel(item, parent, serializer); }, _scaleBreak_ScaleBreakViewModel.prefix);
+        this.strips = deserializeModelArray(model && model['Strips'], (item, parent) => { return new _strip_StripViewModel(item, parent, serializer); }, _strip_StripViewModel.prefix);
     }
     static from(info) {
         return (model, serializer) => {
@@ -2440,6 +2510,14 @@ class _axisXYViewModel_AxisXYViewModel extends external_DevExpress_Analytics_Ele
     static toJson(value, serializer, refs) {
         return serializer.serialize(value, undefined, refs);
     }
+    getChildComponents() {
+        return [
+            { component: this.axisTitle, path: 'Title' },
+            { component: external_ko_["unwrap"](this.strips), path: 'Strips' },
+            { component: external_ko_["unwrap"](this.constantLines), path: 'ConstantLines' },
+            { component: external_ko_["unwrap"](this.wholeRange), path: 'WholeRange' }
+        ];
+    }
 }
 var axisX = { propertyName: 'axisX', modelName: 'AxisX', displayName: 'Primary Axis X', localizationId: 'DevExpress.XtraCharts.AxisX', defaultVal: {}, from: _axisXYViewModel_AxisXYViewModel.from([gridLinesAxisX, qualitativeScaleOptions].concat(axisXYSerializationsInfo)), toJsonObject: _axisXYViewModel_AxisXYViewModel.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
 var axisY = { propertyName: 'axisY', modelName: 'AxisY', displayName: 'Primary Axis Y', localizationId: 'DevExpress.XtraCharts.AxisY', defaultVal: {}, from: _axisXYViewModel_AxisXYViewModel.from([gridLinesAxisY].concat(axisXYSerializationsInfo)), toJsonObject: _axisXYViewModel_AxisXYViewModel.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
@@ -2670,6 +2748,8 @@ class _summaryOptions_DateTimeSummaryOptionsModel extends _summaryOptions_Summar
 
 
 
+
+
 var sideBySideEqualBarWidth = { propertyName: 'equalBarWidth', modelName: '@SideBySideEqualBarWidth', displayName: 'Side By Side Equal Bar Width', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"] }, sideBySideBarDistanceFixed = { propertyName: 'barDistanceFixed', modelName: '@SideBySideBarDistanceFixed', defaultVal: 1 }, sideBySideBarDistance = { propertyName: 'barDistance', modelName: '@SideBySideBarDistance', defaultVal: 0.0 };
 var commonSeriesPointsSortingKeys = [{ value: 'Argument', displayValue: 'Argument', localizationId: 'DevExpress.XtraCharts.SeriesSelectionMode.Argument' }, { value: 'Value_1', displayValue: 'Value', localizationId: 'ChartStringId.WizValueLevelValue' }], bubbleSeriesPointsSortingKeys = [{ value: 'Argument', displayValue: 'Argument', localizationId: 'DevExpress.XtraCharts.SeriesSelectionMode.Argument' }, { value: 'Value_1', displayValue: 'Value', localizationId: 'ChartStringId.WizValueLevelValue' }, { value: 'Value_2', displayValue: 'Weight', localizationId: 'ChartStringId.WizValueLevelWeight' }], rangeSeriesPointsSortingKeys = [{ value: 'Argument', displayValue: 'Argument', localizationId: 'DevExpress.XtraCharts.SeriesSelectionMode.Argument' }, { value: 'Value_1', displayValue: 'Value_1', localizationId: 'ChartStringId.WizValueLevelValue_1' }, { value: 'Value_2', displayValue: 'Value_2', localizationId: 'ChartStringId.WizValueLevelValue_2' }], stockSeriesPointsSortingKeys = [{ value: 'Argument', displayValue: 'Argument', localizationId: 'DevExpress.XtraCharts.SeriesSelectionMode.Argument' }, { value: 'Value_1', displayValue: 'Low', localizationId: 'ChartStringId.WizValueLevelLow' }, { value: 'Value_2', displayValue: 'High', localizationId: 'ChartStringId.WizValueLevelHigh' }, { value: 'Value_3', displayValue: 'Open', localizationId: 'ChartStringId.WizValueLevelOpen' }, { value: 'Value_4', displayValue: 'Close', localizationId: 'ChartStringId.WizValueLevelClose' }];
 var _chart_enabled = { propertyName: 'enabled', modelName: '@Enabled', displayName: 'Enabled', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], localizationId: 'DevExpress.XtraReports.UI.EditOptions.Enabled' }, _chart_mode = {
@@ -2817,15 +2897,18 @@ var numericSummaryOptions = { propertyName: 'numericSummaryOptions', modelName:
 var dateTimeSumaryOptions = { propertyName: 'dateTimeSummaryOptions', modelName: 'DateTimeSummaryOptions', displayName: 'Date-Time Summary Options', localizationId: 'DevExpress.XtraCharts.SeriesBase.DateTimeSummaryOptions', info: dateTimeSummaryOptionsSerializationInfoArray, from: _summaryOptions_DateTimeSummaryOptionsModel.from, toJsonObject: _summaryOptions_DateTimeSummaryOptionsModel.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
 var seriesSerializable = { propertyName: 'series', modelName: 'SeriesSerializable', displayName: 'Series', array: true, editor: editorTemplates.getEditor('collection'), localizationId: 'DevExpress.XtraReports.UI.XRChart.Series' };
 var _chart_seriesDataMember = { propertyName: 'seriesDataMember', modelName: '@SeriesDataMember', displayName: 'Series Data Member', editor: external_ko_["bindingHandlers"]['displayNameExtender'] ? external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('field') : editorTemplates.getEditor('fieldChart'), localizationId: 'DevExpress.XtraReports.UI.XRChart.SeriesDataMember' };
-var textArea = { propertyName: 'text', modelName: '@Text', displayName: 'Text', localizationId: 'DevExpress.XtraReports.UI.XRControl.Text', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('stringArray') };
+var textArea = { propertyName: 'text', modelName: '@Text', displayName: 'Text', localizationId: 'DevExpress.XtraReports.UI.XRControl.Text', localizable: true, defaultVal: '', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('stringArray') };
 var emptyChartEnableAntialiasing = { propertyName: 'enableAntialiasing', modelName: '@EnableAntialiasing', displayName: 'Enable Antialiasing', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: defaultBooleanValues, localizationId: 'DevExpress.XtraCharts.TitleBase.EnableAntialiasing' };
 var emptyChartTextSerializationsInfo = [textArea, font12, textColor, emptyChartEnableAntialiasing, _common_tag];
-var emptyChartText = { propertyName: 'emptyChartText', modelName: 'EmptyChartText', displayName: 'Empty Chart Text', info: emptyChartTextSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
+var emptyChartText = { propertyName: 'emptyChartText', modelName: 'EmptyChartText', displayName: 'Empty Chart Text', info: emptyChartTextSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), type: _localizableElementCollection_ChartComponentModelWithText };
+var smallChartText = { propertyName: 'smallChartText', modelName: 'SmallChartText', displayName: 'Small Chart Text', info: emptyChartTextSerializationsInfo, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), type: _localizableElementCollection_ChartComponentModelWithText };
 var _chart_titles = { propertyName: 'titles', modelName: 'Titles', displayName: 'Titles', localizationId: 'DevExpress.XtraReports.UI.XRChart.Titles', array: true, editor: editorTemplates.getEditor('collection') };
 var markerMode = {
     propertyName: 'markerMode', modelName: '@MarkerMode', displayName: 'Marker Mode', localizationId: 'DevExpress.XtraCharts.Legend.MarkerMode', defaultVal: 'Marker', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: [{ value: 'Marker', displayValue: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Marker', 'DevExpress.XtraCharts.LegendMarkerMode.Marker') }, { value: 'CheckBox', displayValue: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Check Box', 'DevExpress.XtraCharts.LegendMarkerMode.CheckBox') }, { value: 'CheckBoxAndMarker', displayValue: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Check Box and Marker', 'DevExpress.XtraCharts.LegendMarkerMode.CheckBoxAndMarker') }, { value: 'MarkerAndCheckBox', displayValue: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Marker and Check Box', 'DevExpress.XtraCharts.LegendMarkerMode.MarkerAndCheckBox') }, { value: 'None', displayValue: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('None', 'DevExpress.XtraCharts.LegendMarkerMode.None') }]
 }, markerOffset = { propertyName: 'markerOffset', modelName: '@MarkerOffset', displayName: 'Marker Offset', localizationId: 'DevExpress.XtraCharts.Legend.MarkerOffset', defaultVal: 2, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric') };
-var legendSerializationsInfo = [textColor, backColor, direction, alignmentVertical, alignmentHorizontal, visibility, markerMode, markerOffset, border, _common_margin, _chart_padding, font8];
+var legendTitleSerializationsInfo = [font18, _common_margin, _common_tag, visibility].concat(titleSerializationsInfo);
+var legendTitle = Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, _common_title, { info: legendTitleSerializationsInfo });
+var legendSerializationsInfo = [textColor, backColor, direction, alignmentVertical, alignmentHorizontal, visibility, markerMode, markerOffset, legendTitle, border, _common_margin, _chart_padding, font8];
 var additionalLegendSerializationsInfo = [_common_name].concat(legendSerializationsInfo);
 var _chart_legends = { propertyName: 'legends', modelName: 'Legends', displayName: 'Legends', localizationId: 'DevExpress.XtraReports.UI.XRChart.Legends', array: true, editor: editorTemplates.getEditor('collection') };
 var appearanceName = {
@@ -3181,7 +3264,7 @@ var onlyNumericArgumentSupportedSeriesViewTypes = [
 
 class _title_TitleViewModel extends _elementCollection_ChartElementCollectionItemBase {
     constructor(model, parent, serializer) {
-        super(model, parent, serializer, titleSerializationsInfo);
+        super(model, parent, serializer, _title_titleSerializationsInfo);
         this._disposables.push(this.name = external_ko_["pureComputed"]({
             read: () => { return this['text'] ? this['text']() : 'title'; },
             write: (val) => { this['text'](val); }
@@ -3190,6 +3273,9 @@ class _title_TitleViewModel extends _elementCollection_ChartElementCollectionIte
     static from(model, serializer) {
         return new _title_TitleViewModel(model || {}, null, serializer);
     }
+    getExpressionProperties() {
+        return ['Text'];
+    }
 }
 _title_TitleViewModel.prefix = 'Title';
 function assignTitleActions(titles) {
@@ -3292,13 +3378,13 @@ var dock = {
     localizationId: 'DevExpress.XtraCharts.DockableTitle.Dock'
 };
 var chartTitleText = { propertyName: 'text', modelName: '@Text', localizable: true, displayName: 'Text', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'ASPxReportsStringId.ExportName_txt' };
-var titleSerializationsInfo = [chartTitleText, textColor, dock, titleAlignment, visibility, font18];
+var _title_titleSerializationsInfo = [chartTitleText, textColor, dock, titleAlignment, visibility, font18];
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/meta/_indicators.js
 
 var pointscount = { propertyName: 'pointsCount', modelName: '@PointsCount', displayName: 'PointsCount', localizationId: 'DevExpress.XtraCharts.AverageTrueRange.PointsCount', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), defaultVal: 14 };
 var _indicators_name = { propertyName: 'name', modelName: '@Name', displayName: 'Name', localizationId: 'DevExpress.XtraCharts.Indicator.Name', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text') };
-var legendtext = { propertyName: 'legendText', modelName: '@LegendText', displayName: 'LegendText', localizationId: 'DevExpress.XtraCharts.Indicator.LegendText', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text') };
+var legendtext = { propertyName: 'legendText', modelName: '@LegendText', displayName: 'LegendText', localizable: true, localizationId: 'DevExpress.XtraCharts.Indicator.LegendText', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text') };
 var _indicators_color = { propertyName: 'color', modelName: '@Color', displayName: 'Color', localizationId: 'DevExpress.XtraCharts.Indicator.Color', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor') };
 var _indicators_visible = { propertyName: 'visible', modelName: '@Visible', displayName: 'Visible', localizationId: 'DevExpress.XtraCharts.Indicator.Visible', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), defaultVal: true };
 var checkedinlegend = { propertyName: 'checkedInLegend', modelName: '@CheckedInLegend', displayName: 'CheckedInLegend', localizationId: 'DevExpress.XtraCharts.Indicator.CheckedInLegend', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), defaultVal: true };
@@ -3694,6 +3780,9 @@ class _indicator_Indicator extends _elementCollection_ChartElementCollectionItem
     constructor(model, parent, serializer) {
         super(model, parent, serializer, indicatorMapper[model['@TypeNameSerializable']]);
     }
+    getExpressionProperties() {
+        return ['LegendText'];
+    }
 }
 _indicator_Indicator.prefix = 'indicator';
 function assignIndicatorActions(indicators) {
@@ -4173,8 +4262,8 @@ class _view_SeriesViewViewModel extends external_DevExpress_Analytics_Elements_[
         this._disposables.forEach(x => x.dispose());
     }
     static toJson(value, serializer, refs) {
-        value = external_ko_["unwrap"](value);
-        return serializer.serialize(value, value.getInfo(), refs);
+        var unwrappedValue = external_ko_["unwrap"](value);
+        return serializer.serialize(unwrappedValue, unwrappedValue.getInfo(), refs);
     }
     _getInfo(typeName) {
         return [typeNameSerializable].concat(viewMapper[typeName]);
@@ -4210,6 +4299,12 @@ class _view_SeriesViewViewModel extends external_DevExpress_Analytics_Elements_[
     preInitProperties(model) {
         this.getInfo = () => { return this._getInfo(model['@TypeNameSerializable']); };
     }
+    getChildComponents() {
+        return [
+            { component: external_ko_["unwrap"](this.indicators), path: 'Indicators' },
+            { component: external_ko_["unwrap"](this.titles), path: 'Titles' }
+        ];
+    }
 }
 var _view_view = {
     propertyName: 'view', modelName: 'View', displayName: 'View', defaultVal: {},
@@ -4337,7 +4432,15 @@ class _template_SeriesTemplateViewModel extends external_DevExpress_Analytics_El
         this.valueDataMembers(new (viewTypesDataMembers[view.typeName] || _commonValue_CommonValueDataMembers)(this.valueDataMembers.peek().toString(), this.valueScaleType));
     }
     preInitProperties(model) {
-        delete model.DataFilters;
+        delete model['DataFilters'];
+    }
+    getChildComponents() {
+        return [
+            { component: external_ko_["unwrap"](this.view), path: 'View' },
+        ];
+    }
+    getExpressionProperties() {
+        return ['LegendTextPattern'];
     }
     _isOnlyNumericArgumentScaleTypeSupported() {
         return onlyNumericArgumentSupportedSeriesViewTypes.indexOf(this.viewType()) > -1;
@@ -4399,9 +4502,9 @@ var seriesPointsSorting = {
     localizationId: 'DevExpress.XtraCharts.SeriesBase.SeriesPointsSorting'
 }, seriesPointsSortingKey = {
     propertyName: 'seriesPointsSortingKey', modelName: '@SeriesPointsSortingKey', displayName: 'Series Points Sorting Key', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: commonSeriesPointsSortingKeys, localizationId: 'DevExpress.XtraCharts.SeriesBase.SeriesPointsSortingKey'
-}, legendTextPattern = { propertyName: 'legendTextPattern', modelName: '@LegendTextPattern', displayName: 'Legend Text Pattern', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'DevExpress.XtraCharts.SeriesBase.LegendTextPattern' }, _argumentScaleTypeValidatorOptions = {
+}, legendTextPattern = { propertyName: 'legendTextPattern', modelName: '@LegendTextPattern', displayName: 'Legend Text Pattern', localizable: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizationId: 'DevExpress.XtraCharts.SeriesBase.LegendTextPattern' }, _argumentScaleTypeValidatorOptions = {
     _seriesViewModel: null,
-    onInitialized: e => { _argumentScaleTypeValidatorOptions._seriesViewModel = e.model._model; },
+    onInitialized: ({ model }) => { _argumentScaleTypeValidatorOptions._seriesViewModel = model._model; },
     validationRules: [{
             type: 'custom',
             reevaluate: true,
@@ -4603,7 +4706,7 @@ var diagramMapper = {
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/components/models/_additionalPane.js
 
 
-class _additionalPane_AdditionalPaneViewModel extends _elementCollection_ChartElementCollectionItemBase {
+class _additionalPane_AdditionalPaneViewModel extends _localizableElementCollection_ChartLocalizableElementCollectionItemBase {
     constructor(model, parent, serializer) {
         super(model, parent, serializer, additionalPaneSerializationsInfo);
     }
@@ -4623,29 +4726,29 @@ _additionalPane_AdditionalPaneViewModel.prefix = 'Pane ';
 
 
 class _diagram_DiagramViewModel extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
-    constructor(model, serializer) {
-        super(model, serializer, diagramSerializationsInfo);
-    }
-    static createDiagram(model, type, serializer = new external_DevExpress_Analytics_Utils_["ModelSerializer"]()) {
+    constructor(model, type, serializer = new external_DevExpress_Analytics_Utils_["ModelSerializer"]()) {
         var info = diagramMapper[type].info;
-        var newDiagram = {
-            getInfo: () => {
-                return info;
-            }
-        };
-        serializer.deserialize(newDiagram, external_jQuery_["extend"](model, { '@TypeNameSerializable': diagramMapper[type].type }));
+        model = external_jQuery_["extend"](model, { '@TypeNameSerializable': diagramMapper[type].type });
+        super(model, serializer, diagramMapper[type].info);
         if (info.filter(x => { return x.propertyName === secondaryAxesX.propertyName; }).length > 0) {
             var createAxes = (item, parent) => { return new _secondaryAxisViewModel_SecondaryAxisViewModel(item, parent, serializer); };
-            newDiagram.secondaryAxesX = deserializeModelArray(model && model.SecondaryAxesX, createAxes, _secondaryAxisViewModel_SecondaryAxisViewModel.xPrefix);
-            newDiagram.secondaryAxesY = deserializeModelArray(model && model.SecondaryAxesY, createAxes, _secondaryAxisViewModel_SecondaryAxisViewModel.yPrefix);
+            this.secondaryAxesX = deserializeModelArray(model && model['SecondaryAxesX'], createAxes, _secondaryAxisViewModel_SecondaryAxisViewModel.xPrefix);
+            this.secondaryAxesY = deserializeModelArray(model && model['SecondaryAxesY'], createAxes, _secondaryAxisViewModel_SecondaryAxisViewModel.yPrefix);
         }
         if (info.filter(x => { return x.propertyName === panes.propertyName; }).length > 0) {
-            newDiagram.panes = deserializeModelArray(model && model.Panes, (item, parent) => { return new _additionalPane_AdditionalPaneViewModel(item, parent, serializer); }, _additionalPane_AdditionalPaneViewModel.prefix);
+            this.panes = deserializeModelArray(model && model['Panes'], (item, parent) => { return new _additionalPane_AdditionalPaneViewModel(item, parent, serializer); }, _additionalPane_AdditionalPaneViewModel.prefix);
         }
-        return newDiagram;
     }
-    static from(model, serializer) {
-        return new _diagram_DiagramViewModel(model || {}, serializer);
+    getChildComponents() {
+        var _a;
+        return [
+            { component: this.axisX, path: 'AxisX' },
+            { component: this.axisY, path: 'AxisY' },
+            { component: external_ko_["unwrap"](this.secondaryAxesX), path: 'SecondaryAxesX' },
+            { component: external_ko_["unwrap"](this.secondaryAxesY), path: 'SecondaryAxesY' },
+            { component: external_ko_["unwrap"](this.panes), path: 'Panes' },
+            { component: (_a = this.defaultPane) === null || _a === void 0 ? void 0 : _a.title, path: 'DefaultPane.Title' }
+        ];
     }
     static toJson(value, serializer, refs) {
         return serializer.serialize(value, null, refs);
@@ -4656,7 +4759,7 @@ var _diagram_diagram = { propertyName: 'diagram', modelName: 'Diagram', displayN
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/components/models/_additionalLegend.js
 
 
-class _additionalLegend_AdditionalLegendViewModel extends _elementCollection_ChartElementCollectionItemBase {
+class _additionalLegend_AdditionalLegendViewModel extends _localizableElementCollection_ChartLocalizableElementCollectionItemBase {
     constructor(model, parent, serializer) {
         super(model, parent, serializer, additionalLegendSerializationsInfo);
     }
@@ -4681,7 +4784,7 @@ _additionalLegend_AdditionalLegendViewModel.prefix = 'Legend';
 class _dataContainer_DataContainerViewModel extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
     constructor(model, serializer) {
         super(model, serializer, dataContainerSerializationsInfo);
-        this.series = deserializeModelArray(model && model.SeriesSerializable, (item, parent) => { return new _series_SeriesViewModel(item, parent, serializer); }, _series_SeriesViewModel.prefix);
+        this.series = deserializeModelArray(model && model['SeriesSerializable'], (item, parent) => { return new _series_SeriesViewModel(item, parent, serializer); }, _series_SeriesViewModel.prefix);
         var array = viewBindableSerializationInfo.valuesArray;
         var actions = [];
         for (var i = 0; i < array.length; i++) {
@@ -4712,6 +4815,11 @@ class _dataContainer_DataContainerViewModel extends external_DevExpress_Analytic
     static toJson(value, serializer, refs) {
         return serializer.serialize(value, dataContainerSerializationsInfo, refs);
     }
+    getChildComponents() {
+        return [
+            { component: external_ko_["unwrap"](this.series), path: 'Series' },
+        ];
+    }
 }
 var dataContainerSerializationsInfo = [_chart_seriesDataMember, seriesSerializable, _template_seriesTemplate, _common_dataMember, pivotGridDataSourceOptions];
 var dataContainer = { propertyName: 'dataContainer', modelName: 'DataContainer', displayName: 'Data Container', info: dataContainerSerializationsInfo, from: _dataContainer_DataContainerViewModel.from, toJsonObject: _dataContainer_DataContainerViewModel.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditorCustom') };
@@ -4721,15 +4829,15 @@ var dataContainer = { propertyName: 'dataContainer', modelName: 'DataContainer',
 
 
 class _legend_LegendViewModel extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
+    constructor(model, serializer) {
+        super(model, serializer, legendSerializationsInfo);
+    }
     static from(model, serializer) {
         return new _legend_LegendViewModel(model || {}, serializer);
     }
     static toJson(value, serializer, refs) {
         return serializer.serialize(value, legendSerializationsInfo, refs);
     }
-    constructor(model, serializer) {
-        super(model, serializer, legendSerializationsInfo);
-    }
 }
 var legend = { propertyName: 'legend', modelName: 'Legend', displayName: 'Legend', localizationId: 'DevExpress.XtraCharts.Legend', info: legendSerializationsInfo, from: _legend_LegendViewModel.from, toJsonObject: _legend_LegendViewModel.toJson, defaultVal: {}, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
 
@@ -4753,8 +4861,8 @@ class _chart_ChartViewModel extends external_DevExpress_Analytics_Elements_["Ser
         this._disposables.push(external_ko_["computed"](() => {
             this._createDiagram({}, oldType, serializer);
         }));
-        this.titles = deserializeModelArray(model && model.Titles, (title, parent) => { return new _title_TitleViewModel(title, parent, serializer); }, _title_TitleViewModel.prefix);
-        this.legends = deserializeModelArray(model && model.Legends, (legends, parent) => { return new _additionalLegend_AdditionalLegendViewModel(legends, parent, serializer); }, _additionalLegend_AdditionalLegendViewModel.prefix);
+        this.titles = deserializeModelArray(model && model['Titles'], (title, parent) => { return new _title_TitleViewModel(title, parent, serializer); }, _title_TitleViewModel.prefix);
+        this.legends = deserializeModelArray(model && model['Legends'], (legends, parent) => { return new _additionalLegend_AdditionalLegendViewModel(legends, parent, serializer); }, _additionalLegend_AdditionalLegendViewModel.prefix);
         this._patchSeries(this.dataContainer.seriesTemplate);
         this._disposables.push(this.dataContainer.series.subscribe((changes) => {
             changes.filter(x => x.status === 'added').forEach((change) => {
@@ -4795,12 +4903,23 @@ class _chart_ChartViewModel extends external_DevExpress_Analytics_Elements_["Ser
             }
             if (oldType.peek() !== diagramMapper[typeName].type) {
                 oldType(diagramMapper[typeName].type);
-                this.diagram(_diagram_DiagramViewModel.createDiagram(model, typeName, serializer));
+                this.diagram(new _diagram_DiagramViewModel(model, typeName, serializer));
             }
         }
     }
+    getChildComponents() {
+        return [
+            { component: this.emptyChartText, path: 'EmptyChartText' },
+            { component: this.smallChartText, path: 'SmallChartText' },
+            { component: external_ko_["unwrap"](this.titles), path: 'Titles' },
+            { component: external_ko_["unwrap"](this.legends), path: 'Legends' },
+            { component: this.legend.title, path: 'Legend.Title' },
+            { component: this.dataContainer, path: '' },
+            { component: external_ko_["unwrap"](this.diagram), path: 'Diagram' }
+        ];
+    }
 }
-var chartSerializationsInfo = [appearanceName, backImage, paletteName, sideBySideBarDistanceFixed, sideBySideEqualBarWidth, sideBySideBarDistance, dataContainer, _diagram_diagram, _chart_titles, legend, _chart_legends, emptyChartText];
+var chartSerializationsInfo = [appearanceName, backImage, paletteName, sideBySideBarDistanceFixed, sideBySideEqualBarWidth, sideBySideBarDistance, dataContainer, _diagram_diagram, _chart_titles, legend, _chart_legends, emptyChartText, smallChartText];
 var _chart_chart = { propertyName: 'chart', modelName: 'Chart', displayName: 'Chart', from: _chart_ChartViewModel.from, toJsonObject: _chart_ChartViewModel.toJson, localizationId: 'DevExpress.XtraReports.UI.XRChart' };
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/_controlsFactory.js
@@ -4995,7 +5114,7 @@ class _control_ChartControlViewModel extends external_DevExpress_Analytics_Utils
 var chartDataMember = { propertyName: 'dataMember', displayName: 'Data Member', defaultVal: '', editor: editorTemplates.getEditor('dataMemberChart'), localizationId: 'DevExpress.XtraReports.UI.XRSparkline.DataMember' };
 var chartSeriesDataMember = { propertyName: 'seriesDataMember', displayName: 'Series Data Member', defaultVal: '', editor: editorTemplates.getEditor('fieldChart'), localizationId: 'DevExpress.XtraReports.UI.XRChart.SeriesDataMember' };
 var fakeChartSerializationInfo = [
-    chartDataSource, chartDataMember, chartSeriesDataMember, paletteName, _template_seriesTemplate, seriesSerializable, _diagram_diagram, _chart_titles, legend, _chart_legends, emptyChartText, backImage
+    chartDataSource, chartDataMember, chartSeriesDataMember, paletteName, _template_seriesTemplate, seriesSerializable, _diagram_diagram, _chart_titles, legend, _chart_legends, emptyChartText, smallChartText, backImage
 ];
 var chartControlSerializationsInfo = [_chart_chart];
 
@@ -5172,6 +5291,7 @@ function createChartStructure(chart, selectedItem, subscriptions, surface, undoE
         legend: chart.chart['legend'],
         legends: chart.chart.legends,
         emptyChartText: chart.chart['emptyChartText'],
+        smallChartText: chart.chart['smallChartText'],
         paletteName: chart.chart['paletteName'],
         getInfo: () => {
             return fakeChartSerializationInfo;
@@ -5305,6 +5425,8 @@ function createChartDesigner(element, options, applyBindings = true) {
     };
     var undoEngine = new external_DevExpress_Analytics_Utils_["UndoEngine"](undoModel, ['viewType'], 'getInfo');
     undoEngine['_disposeUndoEngineSubscriptionsName'] += 'chartdesigner';
+    var model = new external_DevExpress_Analytics_Widgets_["ObjectProperties"](chartSelectedItem);
+    model.registerAccessibilityProvider(options.accessibilityProvider);
     var designerModel = {
         model: chartControlModel,
         chartStructure: chartStructure,
@@ -5316,12 +5438,12 @@ function createChartDesigner(element, options, applyBindings = true) {
                 new external_DevExpress_Analytics_Utils_["TabInfo"]({
                     text: 'Properties',
                     template: 'dxrd-propertygridtab',
-                    model: new external_DevExpress_Analytics_Widgets_["ObjectProperties"](chartSelectedItem),
+                    model: model,
                     localizationId: 'AnalyticsCoreStringId.Cmd_Properties'
                 })
             ],
             rtl: options.rtl,
-            width: 400
+            width: 396
         }),
         surfaceSize: external_ko_["observable"](0),
         isLoading: external_ko_["observable"](true),
@@ -5825,6 +5947,10 @@ var dataFilters = {
 
 
 
+
+
+
+
 
 
 
@@ -6182,16 +6308,17 @@ var metadata_name = { propertyName: 'name', modelName: '@Name', displayName: 'Na
 var metadata_displayName = { propertyName: 'displayNameObject', localizable: true, modelName: '@DisplayName', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), defaultVal: '', displayName: 'Display Name', localizationId: 'DevExpress.XtraReports.UI.XtraReport.DisplayName' };
 var metadata_text = { propertyName: 'text', modelName: '@Text', defaultVal: '', displayName: 'Text', localizationId: 'DevExpress.XtraReports.UI.XRControl.Text', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizable: true };
 var metadata_textArea = { propertyName: 'textArea', displayName: 'Text', localizationId: 'DevExpress.XtraReports.UI.XRControl.Text', defaultVal: '', localizable: true, editor: Object(external_DevExpress_Analytics_Internal_["extend"])({}, external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('stringArray'), { editorType: linesEditor_LinesEditor }) };
+var textTrimmingValues = [
+    { value: 'None', displayValue: 'None', localizationId: 'DevExpress.Utils.Trimming.None' },
+    { value: 'Character', displayValue: 'Character', localizationId: 'DevExpress.Utils.Trimming.Character' },
+    { value: 'Word', displayValue: 'Word', localizationId: 'DevExpress.Utils.Trimming.Word' },
+    { value: 'EllipsisCharacter', displayValue: 'Ellipsis Character', localizationId: 'DevExpress.Utils.Trimming.EllipsisCharacter' },
+    { value: 'EllipsisWord', displayValue: 'Ellipsis Word', localizationId: 'DevExpress.Utils.Trimming.EllipsisWord' },
+    { value: 'EllipsisPath', displayValue: 'Ellipsis Path', localizationId: 'DevExpress.Utils.Trimming.EllipsisPath' }
+];
 var textTrimming = {
     propertyName: 'textTrimming', modelName: '@TextTrimming', displayName: 'Text Trimming', localizationId: 'DevExpress.XtraReports.UI.XRControl.TextTrimming', defaultVal: 'Character', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
-    valuesArray: [
-        { value: 'None', displayValue: 'None', localizationId: 'System.Drawing.StringTrimming.None' },
-        { value: 'Character', displayValue: 'Character', localizationId: 'System.Drawing.StringTrimming.Character' },
-        { value: 'Word', displayValue: 'Word', localizationId: 'System.Drawing.StringTrimming.Word' },
-        { value: 'EllipsisCharacter', displayValue: 'Ellipsis Character', localizationId: 'System.Drawing.StringTrimming.EllipsisCharacter' },
-        { value: 'EllipsisWord', displayValue: 'Ellipsis Word', localizationId: 'System.Drawing.StringTrimming.EllipsisWord' },
-        { value: 'EllipsisPath', displayValue: 'Ellipsis Path', localizationId: 'System.Drawing.StringTrimming.EllipsisPath' }
-    ]
+    valuesArray: textTrimmingValues
 };
 var metadata_size = { propertyName: 'size', modelName: '@SizeF', from: external_DevExpress_Analytics_Elements_["Size"].fromString, displayName: 'Size', localizationId: 'DevExpress.XtraReports.UI.XRControl.Size', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizable: true };
 var metadata_location = { propertyName: 'location', modelName: '@LocationFloat', from: external_DevExpress_Analytics_Elements_["Point"].fromString, displayName: 'Location', localizationId: 'DevExpress.XtraReports.UI.XRControl.Location', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizable: true };
@@ -6308,6 +6435,7 @@ var summaryFunctionValues = [
     { value: 'Count', displayValue: 'Count', localizationId: 'DevExpress.XtraReports.UI.SummaryFunc.Count' },
     { value: 'Sum', displayValue: 'Sum', localizationId: 'DevExpress.XtraReports.UI.SummaryFunc.Sum' },
     { value: 'RunningSum', displayValue: 'Running Summary', localizationId: 'DevExpress.XtraReports.UI.SummaryFunc.RunningSum' },
+    { value: 'CarryoverSum', displayValue: 'Carryover Summary', localizationId: 'DevExpress.XtraReports.UI.SummaryFunc.CarryoverSum' },
     { value: 'Percentage', displayValue: 'Percentage', localizationId: 'DevExpress.XtraReports.UI.SummaryFunc.Percentage' },
     { value: 'Max', displayValue: 'Max', localizationId: 'DevExpress.XtraReports.UI.SummaryFunc.Max' },
     { value: 'Min', displayValue: 'Min', localizationId: 'DevExpress.XtraReports.UI.SummaryFunc.Min' },
@@ -6708,7 +6836,7 @@ class parameterTypesHelper_ParameterTypesHelper {
                     value: knownEnum.enumType,
                     displayValue: knownEnum.enumType,
                     defaultValue: knownEnum.values[0].value,
-                    specifics: 'Integer',
+                    specifics: 'Enum',
                     valueConverter: function (val, defaultValue) { return Object(external_DevExpress_Analytics_Internal_["enumValueConverter"])(val, defaultValue, knownEnum.values); }
                 });
             });
@@ -7140,7 +7268,7 @@ function addVariablesToExpressionEditor(categories, customizeItems = (items) =>
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/widgets/customFunctions.js
 
-var reportFunctionDisplay = ((addins) => Object(external_DevExpress_Analytics_Widgets_Internal_["insertInFunctionDisplay"])(addins))([{
+var reportFunctionDisplay = ((addins) => Object(external_DevExpress_Analytics_Widgets_Internal_["combineFunctionDisplay"])(addins))([{
         display: 'String',
         items: {
             'NewLine': [{ paramCount: 0, text: 'NewLine()', descriptionStringId: 'ExpressionEditorStringId.Function_NewLine' }],
@@ -7749,8 +7877,9 @@ var imageEditOptions = Object(external_DevExpress_Analytics_Internal_["extend"])
     propertyName: 'imageEditOptions',
     from: (model, serializer) => new editOptions_ImageEditOptions(model, serializer)
 });
+var useImageMetadata = { propertyName: 'useImageMetadata', modelName: '@UseImageMetadata', displayName: 'Use Image Metadata', localizationId: 'DevExpress.XtraReports.UI.XRPictureBox.UseImageMetadata', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), defaultVal: false };
 var pictureBoxSerializationsInfo = [
-    imageUrl, xrPicturebox_imageSource, external_DevExpress_Reporting_Viewer_Editing_["sizing"], external_DevExpress_Reporting_Viewer_Editing_["imageAlignment"], keepTogether, anchorVertical, anchorHorizontal, controlScripts,
+    imageUrl, xrPicturebox_imageSource, external_DevExpress_Reporting_Viewer_Editing_["sizing"], external_DevExpress_Reporting_Viewer_Editing_["imageAlignment"], keepTogether, anchorVertical, anchorHorizontal, controlScripts, useImageMetadata,
     dataBinding_dataBindings(['Bookmark', 'Image', 'ImageSource', 'ImageUrl', 'NavigateUrl', 'Tag']),
     imageEditOptions
 ].concat(createPopularBindingInfos({ propertyName: 'ImageUrl', localizationId: 'DevExpress.XtraReports.UI.XRPictureBox.ImageUrl' }), createPopularBindingInfos({ propertyName: 'ImageSource', localizationId: 'DevExpress.XtraReports.UI.XRPictureBox.ImageSource' }), sizeLocation, commonControlProperties, navigationGroup, processGroup);
@@ -7764,12 +7893,26 @@ var popularPropertiesPicture = ['imageSource', 'popularDataBindingImageSource',
 
 var foreColorWatermark = Object(external_DevExpress_Analytics_Internal_["extend"])({}, metadata_foreColor, { defaultVal: 'Red' });
 var fontWatermark = Object(external_DevExpress_Analytics_Internal_["extend"])({}, metadata_font, { defaultVal: 'Verdana, 36pt' });
+var watermarkTextValues = [
+    { value: 'ASAP', displayValue: 'ASAP', localizationId: 'PreviewStringId.WMForm_Watermark_Asap' },
+    { value: 'CONFIDENTIAL', displayValue: 'CONFIDENTIAL', localizationId: 'PreviewStringId.WMForm_Watermark_Confidential' },
+    { value: 'COPY', displayValue: 'COPY', localizationId: 'PreviewStringId.WMForm_Watermark_Copy' },
+    { value: 'DO NOT COPY', displayValue: 'DO NOT COPY', localizationId: 'PreviewStringId.WMForm_Watermark_DoNotCopy' },
+    { value: 'DRAFT', displayValue: 'DRAFT', localizationId: 'PreviewStringId.WMForm_Watermark_Draft' },
+    { value: 'EVALUATION', displayValue: 'EVALUATION', localizationId: 'PreviewStringId.WMForm_Watermark_Evaluation' },
+    { value: 'ORIGINAL', displayValue: 'ORIGINAL', localizationId: 'PreviewStringId.WMForm_Watermark_Original' },
+    { value: 'PERSONAL', displayValue: 'PERSONAL', localizationId: 'PreviewStringId.WMForm_Watermark_Personal' },
+    { value: 'SAMPLE', displayValue: 'SAMPLE', localizationId: 'PreviewStringId.WMForm_Watermark_Sample' },
+    { value: 'TOP SECRET', displayValue: 'TOP SECRET', localizationId: 'PreviewStringId.WMForm_Watermark_TopSecret' },
+    { value: 'URGENT', displayValue: 'URGENT', localizationId: 'PreviewStringId.WMForm_Watermark_Urgent' }
+];
 var watermarkSerializationsInfo = [
     fontWatermark, foreColorWatermark,
     { propertyName: 'textTransparency', modelName: '@TextTransparency', displayName: 'Text Transparency', localizationId: 'DevExpress.XtraPrinting.Drawing.PageWatermark.TextTransparency', defaultVal: 50, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric') },
     {
-        propertyName: 'text', modelName: '@Text', displayName: 'Text', localizable: true, localizationId: 'DevExpress.XtraPrinting.Drawing.PageWatermark.Text', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('comboboxEditable'),
-        valuesArray: [{ value: 'ASAP', displayValue: 'ASAP', localizationId: 'PreviewStringId.WMForm_Watermark_Asap' }, { value: 'CONFIDENTIAL', displayValue: 'CONFIDENTIAL', localizationId: 'PreviewStringId.WMForm_Watermark_Confidential' }, { value: 'COPY', displayValue: 'COPY', localizationId: 'PreviewStringId.WMForm_Watermark_Copy' }, { value: 'DO NOT COPY', displayValue: 'DO NOT COPY', localizationId: 'PreviewStringId.WMForm_Watermark_DoNotCopy' }, { value: 'DRAFT', displayValue: 'DRAFT', localizationId: 'PreviewStringId.WMForm_Watermark_Draft' }, { value: 'EVALUATION', displayValue: 'EVALUATION', localizationId: 'PreviewStringId.WMForm_Watermark_Evaluation' }, { value: 'ORIGINAL', displayValue: 'ORIGINAL', localizationId: 'PreviewStringId.WMForm_Watermark_Original' }, { value: 'PERSONAL', displayValue: 'PERSONAL', localizationId: 'PreviewStringId.WMForm_Watermark_Personal' }, { value: 'SAMPLE', displayValue: 'SAMPLE', localizationId: 'PreviewStringId.WMForm_Watermark_Sample' }, { value: 'TOP SECRET', displayValue: 'TOP SECRET', localizationId: 'PreviewStringId.WMForm_Watermark_TopSecret' }, { value: 'URGENT', displayValue: 'URGENT', localizationId: 'PreviewStringId.WMForm_Watermark_Urgent' }]
+        propertyName: 'text', modelName: '@Text', displayName: 'Text', localizable: true, localizationId: 'DevExpress.XtraPrinting.Drawing.PageWatermark.Text', defaultVal: '',
+        editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('comboboxEditable'),
+        valuesArray: watermarkTextValues
     },
     {
         propertyName: 'textDirection', modelName: '@TextDirection', displayName: 'Text Direction', localizationId: 'DevExpress.XtraPrinting.Drawing.PageWatermark.TextDirection', defaultVal: 'ForwardDiagonal', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
@@ -8094,7 +8237,9 @@ class reportExpressionEditorWrapper_ReportExpressionEditorWrapper extends extern
         this.editor = external_ko_["observable"]();
         this.properties = external_ko_["observable"]([]);
         var self = this;
-        this.resizeHelper = new external_DevExpress_Analytics_Widgets_Internal_["ResizeHelper"]();
+        this.resizeHelper = new external_DevExpress_Analytics_Widgets_Internal_["ResizeHelper"]({
+            onResize: () => this.resizeAceEditor()
+        });
         this.buttonItems.push({ toolbar: 'bottom', location: 'after', widget: 'dxButton', options: { text: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Apply', 'StringId.Apply'), type: 'normal', stylingMode: 'contained', onClick: function (sender) { self.apply(sender); } } });
     }
     save(sender) {
@@ -8120,6 +8265,9 @@ class reportExpressionEditorWrapper_ReportExpressionEditorWrapper extends extern
         this.editor().onShowing(e);
         this.editor().initDisplayValue();
     }
+    resizeAceEditor() {
+        this.editor().resizeAceEditor();
+    }
     onHiding(e) {
         this._allProperties.forEach(x => x.content && x.value(x.content.value()));
         this.editor() && this.editor().onHiding(e);
@@ -8233,10 +8381,11 @@ class ReportLocalizationProvider extends _localizationUtils_DefaultLocalizationP
         return this._localizationInfo;
     }
 }
-class _localizationUtils_ChartLocalizationProvider extends _localizationUtils_DefaultLocalizationProvider {
+class ChartLocalizationProvider extends _localizationUtils_DefaultLocalizationProvider {
     getLocalizationProperties() {
-        return [].concat.apply(super.getLocalizationProperties(), this._model.chart.titles().map((title, i) => {
-            return __createLocalizationProperties(title, Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])('Titles.{0}.', i) + '{0}');
+        var chartComponents = this._model.allChartComponents();
+        return [].concat.apply(super.getLocalizationProperties(), chartComponents.map(componentInfo => {
+            return __createLocalizationProperties(componentInfo.component, componentInfo.path + '.{0}');
         }));
     }
 }
@@ -10449,7 +10598,7 @@ class xrRichTextSurface_XRRichSurface extends xrControl_XRControlSurface {
         this.imageSrc = external_ko_["observable"]('');
         this.isLoading = external_ko_["observable"](false);
         this.template = 'dxrd-shape';
-        this.contenttemplate = 'dxrd-shape-content';
+        this.contenttemplate = 'dxrd-server-rendered-control-content';
         this._sendCallback();
         this._disposables.push(control._newDocumentData.subscribe((newVal) => {
             control.serializableRtfString(newVal && newVal.content);
@@ -10705,6 +10854,12 @@ var rtlReport = Object(external_DevExpress_Analytics_Internal_["extend"])({}, me
     editor: designerEditorTemplates.getEditor('reportRtlProperty'),
     valuesArray: rtlValues
 });
+var useLandscape = { propertyName: 'useLandscape', modelName: '@UseLandscape', displayName: 'Use Landscape', localizationId: 'DevExpress.XtraPrinting.PrinterSettingsUsing.UseLandscape', defaultVal: false, from: external_DevExpress_Analytics_Utils_["parseBool"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool') };
+var usePaperKind = { propertyName: 'usePaperKind', modelName: '@UsePaperKind', displayName: 'Use Paper Kind', localizationId: 'DevExpress.XtraPrinting.PrinterSettingsUsing.UsePaperKind', defaultVal: false, from: external_DevExpress_Analytics_Utils_["parseBool"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool') };
+var defaultPrinterSettingsUsingInfo = {
+    propertyName: 'defaultPrinterSettingsUsing', modelName: 'DefaultPrinterSettingsUsing', displayName: 'Using Settings of the Default Printer', localizationId: 'DevExpress.XtraReports.UI.XtraReport.DefaultPrinterSettingsUsing', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'),
+    info: [useLandscape, usePaperKind]
+};
 var reportSerializationInfo = [
     Object(external_DevExpress_Analytics_Internal_["extend"])({}, metadata_backColor, { defaultVal: 'transparent' }),
     Object(external_DevExpress_Analytics_Internal_["extend"])({}, metadata_foreColor, { defaultVal: 'Black' }),
@@ -10717,6 +10872,7 @@ var reportSerializationInfo = [
     { propertyName: 'size', visible: false },
     landscape,
     xrReport_paperKind,
+    defaultPrinterSettingsUsingInfo,
     pageColor,
     bookmark,
     xrReport_margins, rollPaper, requestParameters,
@@ -13123,9 +13279,7 @@ xrCrossband_XRCrossBandSurface._unitProperties = {
 
 class xrReport_ReportViewModel extends xrReportelement_XRReportElementViewModel {
     constructor(report, serializer, knownEnums) {
-        serializer = serializer || new _serializer_ReportModelSerializer();
-        report = report.XtraReportsLayoutSerializer || report;
-        super(patchMargins(report), null, serializer);
+        super(patchMargins(report = report.XtraReportsLayoutSerializer || report), null, serializer = serializer || new _serializer_ReportModelSerializer());
         if (this.pageWidth() === xrReport_pageWidth.defaultVal) {
             this.pageWidth(xrReport_ReportViewModel.defaultPageSize.width);
         }
@@ -13462,11 +13616,15 @@ class xrReport_ReportViewModel extends xrReportelement_XRReportElementViewModel
             path += '.' + this.dataMember();
         return path;
     }
-    clone() {
-        var dataSourceRefs = [];
+    clone(dataSourceRefsFromParent) {
+        var filteredDataSourceRefs = [];
+        var dataSourceRefs = [...this.dataSourceRefs];
+        if (this['objectStorageIsEmpty']() && dataSourceRefsFromParent && dataSourceRefsFromParent.length) {
+            dataSourceRefs = [...dataSourceRefs, ...dataSourceRefsFromParent];
+        }
         var collectStorages = (storage, isComponentStorage = false) => {
             storage.reduce((result, storageItem, index) => {
-                var dataSourceRef = this.dataSourceRefs.filter(x => x.ref === storageItem['_model']['@Ref'])[0];
+                var dataSourceRef = dataSourceRefs.filter(x => x.ref === storageItem['_model']['@Ref'])[0];
                 if (dataSourceRef) {
                     result.push({
                         index,
@@ -13475,13 +13633,13 @@ class xrReport_ReportViewModel extends xrReportelement_XRReportElementViewModel
                     });
                 }
                 return result;
-            }, dataSourceRefs);
+            }, filteredDataSourceRefs);
         };
         collectStorages(this._objectStorage());
         collectStorages(this._componentStorage(), true);
         var report = new xrReport_ReportViewModel(this.save());
         report.dataSourceRefs = [];
-        dataSourceRefs.forEach((item) => {
+        filteredDataSourceRefs.forEach((item) => {
             var storage = item.isComponentStorage ? report._componentStorage() : report._objectStorage();
             item.dataSourceRef.ref = storage[item.index]['_model']['@Ref'];
             report.dataSourceRefs.push(item.dataSourceRef);
@@ -13773,12 +13931,17 @@ class xrReport_SurfaceMarginResizeOptions extends external_DevExpress_Analytics_
 
 
 
+
 class subreportViewModel_SubreportViewModel extends xrReport_ReportViewModel {
     constructor(model, serializer) {
         super(model, serializer);
         this.isAllSufficient = false;
-        delete this._model['ObjectStorage'];
-        delete this._model['ComponentStorage'];
+        this.objectStorageIsEmpty = external_ko_["observable"](false);
+        if (this.objectStorage().length === 0) {
+            this.objectStorageIsEmpty(true);
+            delete this._model['ObjectStorage'];
+            delete this._model['ComponentStorage'];
+        }
     }
     static from(model, serializer) {
         return model ? new subreportViewModel_SubreportViewModel(model, serializer) : null;
@@ -13795,11 +13958,13 @@ class subreportViewModel_SubreportViewModel extends xrReport_ReportViewModel {
     getInfo() {
         if (!this.isAllSufficient) {
             var newSerializationInfo = Object(external_DevExpress_Analytics_Internal_["extend"])(true, [], super.getInfo());
-            newSerializationInfo.reduce((indexes, currentInfo, index) => {
-                if (currentInfo.propertyName === '_objectStorage' || currentInfo.propertyName === '_componentStorage')
-                    return [index, ...indexes];
-                return indexes;
-            }, []).forEach((index) => newSerializationInfo.splice(index, 1));
+            if (this.objectStorageIsEmpty && this.objectStorageIsEmpty()) {
+                newSerializationInfo = newSerializationInfo.reduce((finalSerializationInfo, currentInfo, index) => {
+                    if (currentInfo.propertyName === '_objectStorage' || currentInfo.propertyName === '_componentStorage')
+                        return finalSerializationInfo;
+                    return [...finalSerializationInfo, currentInfo];
+                }, []);
+            }
             return newSerializationInfo;
         }
         return super.getInfo();
@@ -13815,7 +13980,7 @@ subreportViewModel_SubreportViewModel.defaultReport = {
     '@ControlType': 'DevExpress.XtraReports.UI.XtraReport',
     '@PageWidth': '850',
     '@PageHeight': '1100',
-    '@Version': '23.1',
+    '@Version': '23.2',
     '@Font': 'Arial,9pt',
     '@Dpi': '100',
     'Bands': {
@@ -13907,7 +14072,30 @@ class _expressionWrapper_ExpressionWrapper extends external_DevExpress_Analytics
             BeforePrint: { localizationId: 'DevExpress.XtraReports.UI.XRControlEvents.OnBeforePrint', displayName: 'BeforePrint' },
             Minimum: { localizationId: 'DevExpress.XtraReports.UI.XRGauge.Minimum', displayName: 'Minimum' },
             Maximum: { localizationId: 'DevExpress.XtraReports.UI.XRGauge.Maximum', displayName: 'Maximum' },
-            FillColor: { localizationId: 'DevExpress.XtraReports.UI.XRShape.FillColor', displayName: 'Fill Color' }
+            FillColor: { localizationId: 'DevExpress.XtraReports.UI.XRShape.FillColor', displayName: 'Fill Color' },
+            Diagram: { localizationId: 'DevExpress.XtraReports.UI.XRChart.Diagram', displayName: 'Diagram' },
+            AxisX: { localizationId: 'DevExpress.XtraCharts.XYDiagram.AxisX', displayName: 'X-Axis' },
+            AxisY: { localizationId: 'DevExpress.XtraCharts.XYDiagram.AxisY', displayName: 'Y-Axis' },
+            Title: { localizationId: 'DevExpress.XtraCharts.Axis2D.Title', displayName: 'Title' },
+            EmptyChartText: { localizationId: 'DevExpress.XtraCharts.EmptyChartText', displayName: 'Empty Chart Text' },
+            SmallChartText: { localizationId: 'DevExpress.XtraCharts.SmallChartText', displayName: 'Small Chart Text' },
+            PaletteName: { localizationId: 'DevExpress.XtraReports.UI.XRChart.PaletteName', displayName: 'Palette Name' },
+            DefaultPane: { localizationId: 'ChartStringId.DefaultPaneName', displayName: 'Default Pane' },
+            Panes: { localizationId: 'ChartDesignerStringIDs.TreeAdditionalPanelCollection', displayName: 'Additional Panes' },
+            Legend: { localizationId: 'DevExpress.XtraCharts.Legend', displayName: 'Legend' },
+            Legends: { localizationId: 'DevExpress.XtraReports.UI.XRChart.Legends', displayName: 'Legends' },
+            LegendText: { localizationId: 'DevExpress.XtraCharts.Strip.LegendText', displayName: 'Legend Text' },
+            ConstantLines: { localizationId: 'DevExpress.XtraCharts.Axis2D.ConstantLines', displayName: 'Constant Lines' },
+            Strips: { localizationId: 'DevExpress.XtraCharts.Axis2D.Strips', displayName: 'Strips' },
+            AxisLabelText: { localizationId: 'DevExpress.XtraCharts.Strip.AxisLabelText', displayName: 'Axis Label Text' },
+            SeriesTemplate: { localizationId: 'DevExpress.XtraReports.UI.XRChart.SeriesTemplate', displayName: 'Series Template' },
+            Series: { localizationId: 'DevExpress.XtraReports.UI.XRChart.Series', displayName: 'Series' },
+            MinValue: { localizationId: 'DevExpress.XtraCharts.AxisRange.MinValue', displayName: 'Min Value' },
+            MaxValue: { localizationId: 'DevExpress.XtraCharts.AxisRange.MaxValue', displayName: 'Max Value' },
+            MinLimit: { localizationId: 'DevExpress.XtraCharts.Strip.MinLimit', displayName: 'Min Limit' },
+            MaxLimit: { localizationId: 'DevExpress.XtraCharts.Strip.MaxLimit', displayName: 'Max Limit' },
+            LegendTextPattern: { localizationId: 'DevExpress.XtraCharts.SeriesBase.LegendTextPattern', displayName: 'Legend Text Pattern' },
+            AxisValue: { localizationId: 'DevExpress.XtraCharts.AxisCoordinate.AxisValue', displayName: 'Axis Value' }
         };
         this._expressionsInfo = {};
         this._expressionsSerializationInfoCache = {};
@@ -13925,11 +14113,11 @@ class _expressionWrapper_ExpressionWrapper extends external_DevExpress_Analytics
             propertyName: external_ko_["observable"](propertyName)
         };
     }
-    _createPropertyByName(propertyName, prefix) {
+    _createPropertyByName(propertyName, prefix, displaName) {
         var result = {
             propertyName: prefix ? [prefix, propertyName].join('.') : propertyName,
             modelName: propertyName,
-            displayName: propertyName,
+            displayName: displaName || propertyName,
             editor: designerEditorTemplates.getEditor('reportexpressionComplex')
         };
         if (this._displayNameDictionary[propertyName]) {
@@ -13941,46 +14129,69 @@ class _expressionWrapper_ExpressionWrapper extends external_DevExpress_Analytics
         }
         return result;
     }
-    _createInfo(rootInfo, prefix, path) {
+    _updateCachedControlInfo(description, useEvents) {
+        var _a;
+        var displayPath = ((_a = description.displayPath) === null || _a === void 0 ? void 0 : _a.split('.')) || [];
+        if (!useEvents) {
+            if (description.events.indexOf('BeforePrint') !== -1)
+                this._addControlInfoToCache(description.controlType, displayPath, description.group, description.propertyName, description.objectProperties);
+        }
+        else {
+            description.events.forEach((eventName) => {
+                displayPath.unshift(undefined);
+                this._addControlInfoToCache(description.controlType, displayPath, eventName, description.group, description.propertyName, description.objectProperties);
+            });
+        }
+    }
+    _createInfo(rootInfo, displayPath, prefix, path) {
         var info = rootInfo;
         for (var i = 0; i < path.length; i++) {
             if (typeof (path[i]) !== 'string' && Array.isArray(path[i])) {
                 info.push.apply(info, path[i].map(innerProperty => this._createPropertyByName(innerProperty, path[i - 1])));
             }
             else {
-                var currentInfo = info.filter(x => x.propertyName === path[i])[0];
-                if (!currentInfo) {
-                    currentInfo = this._createPropertyByName(path[i]);
-                    if (i !== path.length - 1) {
-                        currentInfo.editor = external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor');
-                        currentInfo.info = [];
+                var pathPart = path[i];
+                var propertySplit = pathPart.split('.');
+                var propertyName = propertySplit.pop();
+                if (propertySplit.length > 0) {
+                    path.splice(i, 1, ...propertySplit.concat([propertyName]));
+                    return this._createInfo(rootInfo, displayPath, propertySplit.join('.'), path);
+                }
+                else {
+                    var currentInfo = info.filter(x => x.propertyName === path[i] || x.propertyName === [prefix, path[i]].join('.'))[0];
+                    var displaName = displayPath[i];
+                    if (!currentInfo) {
+                        var isComplexProperty = i !== path.length - 1;
+                        currentInfo = this._createPropertyByName(path[i], isComplexProperty ? undefined : prefix, displaName);
+                        if (isComplexProperty) {
+                            currentInfo.editor = external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor');
+                            currentInfo.info = [];
+                        }
+                        info.push(currentInfo);
+                    }
+                    else if (displaName && displaName !== propertyName) {
+                        info.splice(info.indexOf(currentInfo), 1, Object.assign(Object.assign({}, currentInfo), { displayName: displaName }));
                     }
-                    info.push(currentInfo);
+                    info = currentInfo.info;
                 }
-                info = currentInfo.info;
             }
         }
         return rootInfo;
     }
-    _addControlInfo(controlType, ...params) {
+    _addControlInfoToCache(controlType, displayPath, ...params) {
         if (!this._expressionsSerializationInfoCache[controlType]) {
             this._expressionsSerializationInfoCache[controlType] = [];
         }
-        this._expressionsSerializationInfoCache[controlType] = this._createInfo(this._expressionsSerializationInfoCache[controlType], '', params.filter(x => !!x));
+        var cache = this._expressionsSerializationInfoCache[controlType];
+        var infos = this._createInfo(cache, displayPath, '', params.filter(x => !!x));
+        cache.splice(0, cache.length, ...infos);
     }
-    _createSerializationInfo(controlType, useEvents = false) {
+    _initCachedSerializationInfo(controlType, useEvents = false) {
         var propertyNames = Object.keys(this._expressionsInfo[controlType]);
         propertyNames.forEach((propertyName) => {
             var propertyDescriptor = this._expressionsInfo[controlType][propertyName];
-            if (!useEvents) {
-                if (propertyDescriptor.events.indexOf('BeforePrint') !== -1)
-                    this._addControlInfo(controlType, propertyDescriptor.group, propertyName, propertyDescriptor.objectProperties);
-            }
-            else {
-                propertyDescriptor.events.forEach((eventName) => {
-                    this._addControlInfo(controlType, eventName, propertyDescriptor.group, propertyName, propertyDescriptor.objectProperties);
-                });
-            }
+            this._updateCachedControlInfo(Object.assign(Object.assign({}, propertyDescriptor), { propertyName,
+                controlType }), useEvents);
         });
     }
     _getPropertyDescriptors(controlType, expressionName) {
@@ -14026,7 +14237,7 @@ class _expressionWrapper_ExpressionWrapper extends external_DevExpress_Analytics
             category: 'Summary',
             items: {}
         };
-        ['Avg', 'Count', 'Sum', 'RunningSum', 'Percentage', 'Max', 'Min', 'Median', 'Var', 'VarP', 'StdDev', 'StdDevP', 'DAvg', 'DCount', 'DSum', 'DVar', 'DVarP', 'DStdDev', 'DStdDevP', 'RecordNumber',
+        ['Avg', 'Count', 'Sum', 'RunningSum', 'CarryoverSum', 'Percentage', 'Max', 'Min', 'Median', 'Var', 'VarP', 'StdDev', 'StdDevP', 'DAvg', 'DCount', 'DSum', 'DVar', 'DVarP', 'DStdDev', 'DStdDevP', 'RecordNumber',
             { name: 'WAvg', paramCount: 2 }
         ].forEach(func => {
             if (typeof func === 'string') {
@@ -14097,10 +14308,10 @@ class _expressionWrapper_ExpressionWrapper extends external_DevExpress_Analytics
         var useEvents = this._bindingMode === _dataBindingMode_DataBindingMode.ExpressionsAdvanced;
         var subscriptions = [];
         if (!this._expressionsSerializationInfoCache[controlType]) {
-            this._createSerializationInfo(controlType, useEvents);
+            this._initCachedSerializationInfo(controlType, useEvents);
         }
         var stateObj = {
-            getInfo: () => { return this._expressionsSerializationInfoCache[controlType]; },
+            getInfo: external_ko_["observable"](this._expressionsSerializationInfoCache[controlType]),
             getExpression: (propertyName, eventName) => {
                 if (useEvents) {
                     return this._getExpressionByPropertyName(stateObj[eventName], propertyName);
@@ -14168,28 +14379,36 @@ class _expressionWrapper_ExpressionWrapper extends external_DevExpress_Analytics
             },
             hasWarning: () => {
                 return this._isWarningExpressions(stateObj);
-            }
-        };
-        new external_DevExpress_Analytics_Utils_["ModelSerializer"]().deserialize(stateObj, {});
-        if (useEvents) {
-            var properties = stateObj.getInfo();
-            properties.forEach(info => {
-                this._mapExpressionsToObjectByEventName(stateObj[info.propertyName], info.propertyName, expressions, subscriptions, path, summaryRunning);
-            });
-        }
-        else {
-            this._mapExpressionsToObjectByEventName(stateObj, 'BeforePrint', expressions, subscriptions, path, summaryRunning);
-        }
-        subscriptions.push(expressions.subscribe((args) => {
-            args.forEach(arg => {
-                if (arg.status === 'deleted') {
-                    stateObj.getExpression(arg.value.propertyName(), arg.value.eventName()).expression(null);
+            },
+            updateExpressionObjectProperties: (newExpressionProperties) => {
+                stateObj.dispose();
+                if (newExpressionProperties) {
+                    newExpressionProperties === null || newExpressionProperties === void 0 ? void 0 : newExpressionProperties.forEach(description => this._updateCachedControlInfo(description, useEvents));
+                }
+                new external_DevExpress_Analytics_Utils_["ModelSerializer"]().deserialize(stateObj, {});
+                if (useEvents) {
+                    var properties = stateObj.getInfo();
+                    properties.forEach(info => {
+                        this._mapExpressionsToObjectByEventName(stateObj[info.propertyName], info.propertyName, expressions, subscriptions, path, summaryRunning);
+                    });
                 }
-                else if (arg.status === 'added') {
-                    stateObj.getExpression(arg.value.propertyName(), arg.value.eventName()).expression(arg.value);
+                else {
+                    this._mapExpressionsToObjectByEventName(stateObj, 'BeforePrint', expressions, subscriptions, path, summaryRunning);
                 }
-            });
-        }, null, 'arrayChange'));
+                stateObj.getInfo(this._expressionsSerializationInfoCache[controlType]);
+                subscriptions.push(expressions.subscribe((args) => {
+                    args.forEach(arg => {
+                        if (arg.status === 'deleted') {
+                            stateObj.getExpression(arg.value.propertyName(), arg.value.eventName()).expression(null);
+                        }
+                        else if (arg.status === 'added') {
+                            stateObj.getExpression(arg.value.propertyName(), arg.value.eventName()).expression(arg.value);
+                        }
+                    });
+                }, null, 'arrayChange'));
+            }
+        };
+        stateObj.updateExpressionObjectProperties();
         return { stateObj, subscriptions };
     }
     setPropertyDescription(controlType, propertyName, events, objectProperties, group) {
@@ -14345,6 +14564,8 @@ class controlsFactory_ControlsFactory extends external_DevExpress_Analytics_Util
                 break;
             case 'XRChart':
                 this.hideExpressionBindings(controlType, 'Text', 'Font', 'ForeColor', 'TextAlignment');
+                this.setExpressionBinding(controlType, 'PaletteName', this._beforePrint);
+                this.setExpressionBinding(controlType, 'StyleName', this._beforePrint);
                 break;
             case 'XRLine':
                 this.hideExpressionBindings(controlType, 'Font', 'Text', 'TextAlignment', 'NavigateUrl', 'Bookmark');
@@ -14846,7 +15067,15 @@ class xrBarcode_XRBarCodeViewModel extends xrControl_XRControlViewModel {
     createBarcode(model, serializer = null) {
         var name = model && model['@Name'] || 'Code1';
         var barcodeInfo = barCodesMap[name];
-        var newBarcode = { 'name': external_ko_["observable"](name), 'getInfo': () => { return barcodeInfo; } };
+        var newBarcode = {
+            'name': external_ko_["observable"](name),
+            'getInfo': () => { return barcodeInfo; },
+            'isPropertyDisabled': (propertyName) => {
+                if (name === 'DataBar')
+                    return propertyName == 'fNC1Substitute' && newBarcode['type']().indexOf('Expanded') === -1;
+                return false;
+            }
+        };
         (serializer || new external_DevExpress_Analytics_Utils_["ModelSerializer"]()).deserialize(newBarcode, model);
         return newBarcode;
     }
@@ -15601,6 +15830,7 @@ class xrPivotgrid_XRPivotGridSurface extends xrControl_XRControlSurface {
 
 
 
+
 class xrChart_XRChartViewModel extends xrControl_XRControlViewModel {
     constructor(model, parent, serializer) {
         super(model, parent, serializer);
@@ -15622,7 +15852,7 @@ class xrChart_XRChartViewModel extends xrControl_XRControlViewModel {
                 }
             });
         });
-        this.controlParameters = Object(external_DevExpress_Analytics_Utils_["deserializeArray"])(model.Parameters, (item) => { return new controlParameter_ControlParameter(item, serializer); });
+        this.controlParameters = Object(external_DevExpress_Analytics_Utils_["deserializeArray"])(model['Parameters'], (item) => { return new controlParameter_ControlParameter(item, serializer); });
         this._disposables.push(this.controlParameters.subscribe((args) => {
             args.forEach((change) => {
                 if (!change.value.parameterName()) {
@@ -15642,6 +15872,11 @@ class xrChart_XRChartViewModel extends xrControl_XRControlViewModel {
             var rootSource = this.root && this.root['dataSource'] && this.root['dataSource']();
             return this.dataSource() || rootSource;
         });
+        this._disposables.push(this.allChartComponents = external_ko_["computed"](() => this._getChildComponents()));
+        if (this.expressionObj) {
+            this._disposables.push(this.allChartComponents.subscribe((chartComponents) => this._updateExpressionObjectProperties(chartComponents)));
+            this._updateExpressionObjectProperties(this.allChartComponents.peek());
+        }
         this._disposables.push(external_ko_["computed"](() => {
             var dataSources = this.root && this.root.dsHelperProvider && this.root.dsHelperProvider() && this.root.dsHelperProvider().usedDataSources().map(ds => ds.data);
             if (dataSources && !this.isPivotGridDataSource() && dataSources.indexOf(this.dataSource()) === -1)
@@ -15710,8 +15945,32 @@ class xrChart_XRChartViewModel extends xrControl_XRControlViewModel {
         };
         return model;
     }
+    _updateExpressionObjectProperties(chartComponents) {
+        var expressionDescriptions = this._getExpressionObjectProperties(chartComponents);
+        this.expressionObj.updateExpressionObjectProperties(expressionDescriptions);
+    }
+    _getExpressionObjectProperties(chartComponents) {
+        var expressionDescriptions = [];
+        chartComponents.forEach(chartComponent => {
+            if (chartComponent.component.getExpressionProperties) {
+                var expressions = chartComponent.component.getExpressionProperties();
+                expressionDescriptions.push(...expressions.map(expression => {
+                    return {
+                        controlType: this.controlType,
+                        propertyName: chartComponent.path + '.' + expression,
+                        events: ['BeforePrint'],
+                        displayPath: chartComponent.displayPath
+                    };
+                }));
+            }
+        });
+        return expressionDescriptions;
+    }
+    _getChildComponents() {
+        return Object(external_DevExpress_Reporting_Internal_["getChartChildComponents"])(this.chart, '');
+    }
     createLocalizationProvider() {
-        return new _localizationUtils_ChartLocalizationProvider(this);
+        return new ChartLocalizationProvider(this);
     }
     isPropertyDisabled(name) {
         if (!this.realDataSource() || (this.realDataSource() instanceof xrPivotgrid_XRPivotGridViewModel && this.pivotGridDataSourceOptions()['autoBindingSettingsEnabled']())) {
@@ -15743,7 +16002,7 @@ class xrChart_XRChartSurface extends xrControl_XRControlSurface {
         this.isLoading = external_ko_["observable"](false);
         this.imageSrc = external_ko_["observable"]('');
         this.template = 'dxrd-shape';
-        this.contenttemplate = 'dxrd-shape-content';
+        this.contenttemplate = 'dxrd-server-rendered-control-content';
         this.selectiontemplate = 'dxrd-chart-selection';
         this._disposables.push(external_ko_["computed"](() => {
             if (!this.designTime()) {
@@ -16312,14 +16571,7 @@ var textHorizontalAlignment = {
     ]
 }, trimming = {
     propertyName: 'trimming', modelName: '@Trimming', displayName: 'Trimming', localizationId: 'DevExpress.PivotGrid.Printing.PrintTextOptions.Trimming', defaultVal: 'None', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
-    valuesArray: [
-        { value: 'None', displayValue: 'None', localizationId: 'System.Drawing.StringTrimming.None' },
-        { value: 'Character', displayValue: 'Character', localizationId: 'System.Drawing.StringTrimming.Character' },
-        { value: 'Word', displayValue: 'Word', localizationId: 'System.Drawing.StringTrimming.Word' },
-        { value: 'EllipsisCharacter', displayValue: 'EllipsisCharacter', localizationId: 'System.Drawing.StringTrimming.EllipsisCharacter' },
-        { value: 'EllipsisWord', displayValue: 'EllipsisWord', localizationId: 'System.Drawing.StringTrimming.EllipsisWord' },
-        { value: 'EllipsisPath', displayValue: 'EllipsisPath', localizationId: 'System.Drawing.StringTrimming.EllipsisPath' }
-    ]
+    valuesArray: textTrimmingValues
 }, appearanceWordWrap = {
     propertyName: 'wordWrap', modelName: '@WordWrap', displayName: 'Word Wrap', localizationId: 'DevExpress.PivotGrid.Printing.PrintTextOptions.WordWrap', defaultVal: 'NoWrap', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
     valuesArray: [
@@ -18986,36 +19238,36 @@ xrRichText_XRRichViewModel._hiddenProperties = ['_rtf', 'textRtf'];
 
 
 
-var shapes = {
-    'Rectangle': 'Rectangle',
-    'Ellipse': 'Ellipse',
-    'Top Arrow': 'Top Arrow',
-    'Right Arrow': 'Right Arrow',
-    'Bottom Arrow': 'Bottom Arrow',
-    'Left Arrow': 'Left Arrow',
-    'Triangle': 'Triangle',
-    'Square': 'Square',
-    'Pentagon': 'Pentagon',
-    'Hexagon': 'Hexagon',
-    'Octagon': 'Octagon',
-    '3-Point Star': '3-Point Star',
-    '4-Point Star': '4-Point Star',
-    '5-Point Star': '5-Point Star',
-    '6-Point Star': '6-Point Star',
-    '8-Point Star': '8-Point Star',
-    'Vertical Line': 'Vertical Line',
-    'Horizontal Line': 'Horizontal Line',
-    'Slant Line': 'Slant Line',
-    'Backslant Line': 'Backslant Line',
-    'Cross': 'Cross',
-    'Bracket': 'Bracket',
-    'Brace': 'Brace'
-};
+var shapes = [
+    { value: 'Rectangle', displayValue: 'Rectangle', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Rectangle' },
+    { value: 'Ellipse', displayValue: 'Ellipse', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Ellipse' },
+    { value: 'Top Arrow', displayValue: 'Top Arrow', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.TopArrow' },
+    { value: 'Right Arrow', displayValue: 'Right Arrow', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.RightArrow' },
+    { value: 'Bottom Arrow', displayValue: 'Bottom Arrow', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.BottomArrow' },
+    { value: 'Left Arrow', displayValue: 'Left Arrow', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.LeftArrow' },
+    { value: 'Triangle', displayValue: 'Triangle', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Triangle' },
+    { value: 'Square', displayValue: 'Square', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Square' },
+    { value: 'Pentagon', displayValue: 'Pentagon', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Pentagon' },
+    { value: 'Hexagon', displayValue: 'Hexagon', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Hexagon' },
+    { value: 'Octagon', displayValue: 'Octagon', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Octagon' },
+    { value: '3-Point Star', displayValue: '3-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.ThreePointStar' },
+    { value: '4-Point Star', displayValue: '4-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.FourPointStar' },
+    { value: '5-Point Star', displayValue: '5-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.FivePointStar' },
+    { value: '6-Point Star', displayValue: '6-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.SixPointStar' },
+    { value: '8-Point Star', displayValue: '8-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.EightPointStar' },
+    { value: 'Vertical Line', displayValue: 'Vertical Line', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.VerticalLine' },
+    { value: 'Horizontal Line', displayValue: 'Horizontal Line', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.HorizontalLine' },
+    { value: 'Slant Line', displayValue: 'Slant Line', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.SlantLine' },
+    { value: 'Backslant Line', displayValue: 'Backslant Line', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.BackslantLine' },
+    { value: 'Cross', displayValue: 'Cross', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Cross' },
+    { value: 'Bracket', displayValue: 'Bracket', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Bracket' },
+    { value: 'Brace', displayValue: 'Brace', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Brace' },
+];
 var shapeType = { propertyName: 'shapeType', modelName: '@ShapeName', defaultVal: 'Ellipse' };
 var stretch = { propertyName: 'stretch', modelName: '@Stretch', defaultVal: false, from: external_DevExpress_Analytics_Utils_["parseBool"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), displayName: 'Stretch', localizationId: 'DevExpress.XtraReports.UI.XRShape.Stretch' };
 var fillColor = { propertyName: 'fillColor', modelName: '@FillColor', defaultVal: 'transparent', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], displayName: 'Fill Color', localizationId: 'DevExpress.XtraReports.UI.XRShape.FillColor' };
 var Shape = { propertyName: 'Shape', modelName: 'Shape' };
-var shapeFake = { propertyName: 'shapeFake', editor: designerEditorTemplates.getEditor('contentByType'), displayName: 'Shape', values: shapes, localizationId: 'DevExpress.XtraReports.UI.XRShape.Shape' };
+var shapeFake = { propertyName: 'shapeFake', editor: designerEditorTemplates.getEditor('contentByType'), displayName: 'Shape', valuesArray: shapes, localizationId: 'DevExpress.XtraReports.UI.XRShape.Shape' };
 var shapeElementSerializationsInfo = [shapeType];
 var fillet = { propertyName: 'fillet', modelName: '@Fillet', defaultVal: 0, from: external_DevExpress_Analytics_Utils_["floatFromModel"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), displayName: 'Fillet', localizationId: 'DevExpress.XtraPrinting.Shape.FilletShapeBase.Fillet' };
 var shapeRectangleSerializationsInfo = [shapeType, fillet];
@@ -19245,11 +19497,12 @@ class xrShape_XRShapeControlSurface extends xrControl_XRControlSurface {
         this._lastUpdateImageDeferred = null;
         this.imageSrc = external_ko_["observable"]('');
         this.isLoading = external_ko_["observable"](false);
+        this.error = external_ko_["observable"]('');
         this._disposables.push(external_ko_["computed"](() => {
             this._updateImage();
         }));
         this.template = 'dxrd-shape';
-        this.contenttemplate = 'dxrd-shape-content';
+        this.contenttemplate = 'dxrd-server-rendered-control-content';
     }
     _updateImage() {
         this.isLoading(true);
@@ -19264,6 +19517,7 @@ class xrShape_XRShapeControlSurface extends xrControl_XRControlSurface {
         })
             .fail((xhr) => {
             resultDeferred.resolve(null);
+            this.error('An error occurred during an attempt to load data');
         });
         resultDeferred.done((result) => {
             this.isLoading(false);
@@ -19570,7 +19824,7 @@ class xrSubreport_XRSubreportViewModel extends xrControl_XRControlViewModel {
         this.size['_width'] = _width;
         this._disposables.push(this.key = external_ko_["pureComputed"](() => {
             var key = this.parentModel() && this.parentModel().root && this.parentModel().root['key'];
-            return (key ? (key() + '.') : '') + this.name();
+            return (key ? (key() + '.') : '') + (this.name() ? this.name() : '');
         }));
         this._generateOwnPages = external_ko_["observable"](this.generateOwnPages());
         var oldgenerateOwnPagesIsActive = this._generateOwnPages();
@@ -19614,13 +19868,15 @@ class xrSubreport_XRSubreportViewModel extends xrControl_XRControlViewModel {
         if (this.reportSource) {
             this.reportSource.key = this.key;
             if (parent) {
-                parent.root['objectStorage']([
-                    ...parent.root['objectStorage'](),
-                    ...this.reportSource.objectStorage()
-                ]);
-                this.reportSource.objectStorage([...parent.root['objectStorage']()]);
-                storageSubscription = this._subscribeStorages(this.reportSource.objectStorage, parent.root['objectStorage']);
-                this._disposables.push(storageSubscription);
+                if (this.reportSource['objectStorageIsEmpty']()) {
+                    parent.root['objectStorage']([
+                        ...parent.root['objectStorage'](),
+                        ...this.reportSource.objectStorage()
+                    ]);
+                    this.reportSource.objectStorage([...parent.root['objectStorage']()]);
+                    storageSubscription = this._subscribeStorages(this.reportSource.objectStorage, parent.root['objectStorage']);
+                    this._disposables.push(storageSubscription);
+                }
             }
         }
         this.parameterBindings = Object(external_DevExpress_Analytics_Utils_["deserializeArray"])(model.ParameterBindings, (item) => {
@@ -19721,7 +19977,11 @@ class xrSubreport_XRSubreportViewModel extends xrControl_XRControlViewModel {
         }
     }
     cloneReportSource() {
-        return this.reportSource && this.reportSource.clone();
+        var _a;
+        if (this.reportSource) {
+            var dataSourceRefFromParent = (_a = this.root) === null || _a === void 0 ? void 0 : _a.dataSourceRefs;
+            return this.reportSource.clone(dataSourceRefFromParent);
+        }
     }
     get root() {
         return this._getRoot();
@@ -20728,13 +20988,15 @@ class xrTableOfContents_XRTableOfContentsSurface extends xrControl_XRControlSurf
 
 
 
+
 class xrUnknownControl_XRUnknownControlSurface extends xrControl_XRControlSurface {
     constructor(control, context) {
         super(control, context);
         this.isLoading = external_ko_["observable"](false);
         this.imageSrc = external_ko_["observable"]('');
-        this.template = 'dxrd-shape';
-        this.contenttemplate = 'dxrd-shape-content';
+        this.error = external_ko_["observable"]('');
+        this.template = 'dxrd-unknown-control';
+        this.contenttemplate = 'dxrd-server-rendered-control-content';
         var fetchTimeout = null;
         var lastFetch = null;
         this._disposables.push(external_ko_["computed"](() => {
@@ -20743,12 +21005,14 @@ class xrUnknownControl_XRUnknownControlSurface extends xrControl_XRControlSurfac
                 fetchTimeout && clearTimeout(fetchTimeout);
                 var zoomValue = _self._context.zoom();
                 var measureUnit = _self._control.root.measureUnit();
+                var parentStyles = _self._getParentStyles();
                 var serializedControl = new external_DevExpress_Analytics_Utils_["ModelSerializer"]().serialize(_self._control);
                 fetchTimeout = setTimeout(() => {
                     _self.isLoading(true);
-                    var report = new xrReport_ReportViewModel({});
-                    report.measureUnit(measureUnit);
-                    report.bands()[1].createChild(serializedControl);
+                    var report = new xrReport_ReportViewModel(Object.assign(Object.assign({}, subreportViewModel_SubreportViewModel.defaultReport), { measureUnit }));
+                    const detailBand = report.bands()[1];
+                    _self._applyParentStyles(parentStyles, detailBand);
+                    detailBand.createChild(serializedControl);
                     var serializedReport = report.serialize();
                     report.dispose();
                     var deferred = _reportRenderingService_ReportRenderingService.getUnknownControlImage(serializedReport, zoomValue);
@@ -20762,12 +21026,40 @@ class xrUnknownControl_XRUnknownControlSurface extends xrControl_XRControlSurfac
                         if (lastFetch === deferred) {
                             _self.isLoading(false);
                             Object(external_DevExpress_Analytics_Internal_["NotifyAboutWarning"])('Impossible to get control image.');
+                            _self.error('An error occurred during an attempt to load data');
                         }
                     });
                 }, 200);
             }
         }));
     }
+    getValue(getter) {
+        return getter && (Object(external_DevExpress_Analytics_Internal_["isFunction"])(getter) ? getter() : getter);
+    }
+    _getParentStyles() {
+        const root = this._control.root;
+        const parentModel = this._control.parentModel();
+        return {
+            measureUnit: root.measureUnit(),
+            backColor: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.backColor),
+            borderColor: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.borderColor),
+            borderDashStyle: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.borderDashStyle),
+            borders: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.borders),
+            borderWidth: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.borderWidth),
+            font: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.font),
+            foreColor: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.foreColor),
+            padding: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.padding),
+            textAlignment: this.getValue(parentModel === null || parentModel === void 0 ? void 0 : parentModel.textAlignment),
+        };
+    }
+    _applyParentStyles(parentStyles, detailsBand) {
+        Object.getOwnPropertyNames(parentStyles)
+            .forEach((prop) => {
+            if (parentStyles[prop] && detailsBand[prop] && Object(external_DevExpress_Analytics_Internal_["isFunction"])(detailsBand[prop])) {
+                detailsBand[prop](parentStyles[prop]);
+            }
+        });
+    }
 }
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/xrZipcode.js
@@ -21607,7 +21899,7 @@ var signatureOptionsInfo = [
     imageDisplayMode, displayDocumentSignature, xrPdfSignature_showCaptions, showCertificateName, showDistinguishedName, showLocation, showSignatureDate, showSignatureReason
 ];
 var signatureOptions = {
-    propertyName: 'signatureOptions', modelName: 'SignatureOptions', visible: false,
+    propertyName: 'signatureOptions', modelName: 'SignatureOptions',
     displayName: 'Signature Options', localizationId: 'DevExpress.XtraReports.UI.XRPdfSignature.SignatureOptions',
     editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'),
     from: (model = {}, serializer = new external_DevExpress_Analytics_Utils_["ModelSerializer"]()) => {
@@ -21838,7 +22130,7 @@ var groups_groups = {
             moduleInfo, metadata_multiline, multiColumnMetaData_multiColumn,
             pageBreak, pageInfo, printAtBottom, printOn, printAcrossBands, processDuplicatesMode, processDuplicatesTarget, processNullValues,
             repeatEveryPage, xrReport_measureUnit, rotated, runningBand, requestParameters, xrTableCell_rowSpan,
-            segmentWidth, shapeFake, external_DevExpress_Reporting_Viewer_Editing_["sizing"], external_DevExpress_Reporting_Viewer_Editing_["imageAlignment"], showPreviewMarginLines, showText, startPageNumber, stretch, barcodeFake, targetDeviceDpi,
+            segmentWidth, shapeFake, external_DevExpress_Reporting_Viewer_Editing_["sizing"], external_DevExpress_Reporting_Viewer_Editing_["imageAlignment"], useImageMetadata, showPreviewMarginLines, showText, startPageNumber, stretch, barcodeFake, targetDeviceDpi,
             textFitMode, verticalContentSplitting, metadata_visible, metadata_wordWrap, scriptLanguage,
             reportExportOptionsSerializationInfo, horizontalContentSplitting,
             scriptReferencesString, allScripts, sortingSummary,
@@ -21893,7 +22185,7 @@ var groups_groups = {
     },
     'Page Settings': {
         info: [
-            landscape, rollPaper, xrReport_pageWidth, xrReport_pageHeight, xrReport_paperKind, xrReport_margins,
+            landscape, rollPaper, xrReport_pageWidth, xrReport_pageHeight, xrReport_paperKind, xrReport_margins, defaultPrinterSettingsUsingInfo
         ],
         displayName: () => Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Page Settings', 'DevExpress.XtraPivotGrid.Data.PivotGridOptionsPrint.PageSettings')
     },
@@ -23057,6 +23349,8 @@ class pdfContentActions_PdfContentActions extends external_DevExpress_Analytics_
     constructor(_selection, isDisabled = () => false) {
         super();
         this._selection = _selection;
+        var actionDisabled = external_ko_["pureComputed"](() => isDisabled() || this._focusedPdfContent && (this._focusedPdfContent.generateOwnPages() || !this._focusedPdfContent.canFit()
+            || !this._focusedPdfContent.imageSource()));
         super.initActions([
             {
                 text: 'Fit Size to Content',
@@ -23064,12 +23358,13 @@ class pdfContentActions_PdfContentActions extends external_DevExpress_Analytics_
                 displayText: () => Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Fit Size to Content', 'ReportStringId.Verb_FitControlSize'),
                 imageClassName: 'dxrd-image-actions-fit_to_container',
                 imageTemplateName: 'dxrd-svg-actions-fit_to_container',
-                disabled: external_ko_["pureComputed"](() => isDisabled() || this._focusedPdfContent && (this._focusedPdfContent.generateOwnPages() || !this._focusedPdfContent.canFit() || !this._focusedPdfContent.imageSource())),
+                disabled: actionDisabled,
                 clickAction: (model) => {
                     model.fitToContent();
                 }
             }
         ]);
+        this._disposables.push(actionDisabled);
     }
     get _focusedPdfContent() {
         var focusedModel = this._selection.focused().getControlModel();
@@ -23160,10 +23455,11 @@ class pivotGridActions_PivotGridActions extends external_DevExpress_Analytics_In
 
 
 
-class reportActions_ReportActions {
+class reportActions_ReportActions extends external_DevExpress_Analytics_Utils_["Disposable"] {
     constructor(onComponentAdded) {
+        super();
         this._contextModel = external_ko_["observable"]();
-        this._targetModel = external_ko_["computed"](() => {
+        this._disposables.push(this._targetModel = external_ko_["computed"](() => {
             var model = this._contextModel();
             if (model) {
                 if (model.parentModel() && model.parentModel().parentModel() && model.controlType === 'SubBand') {
@@ -23174,7 +23470,7 @@ class reportActions_ReportActions {
                 }
             }
             return model;
-        });
+        }));
         this.actions = [
             {
                 group: () => Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Bands', 'ReportStringId.RibbonXRDesign_PageGroup_Bands'),
@@ -23891,6 +24187,7 @@ class textElementAction_TextElementAction extends external_DevExpress_Analytics_
     constructor(_selectionProvider) {
         super();
         this._selectionProvider = _selectionProvider;
+        var actionsDisabled = external_ko_["computed"](() => { return this._inaccessibleAction(); });
         super.initActions([
             {
                 text: 'Fit Bounds To Text',
@@ -23898,7 +24195,7 @@ class textElementAction_TextElementAction extends external_DevExpress_Analytics_
                 imageClassName: 'dxrd-image-actions-fit_bounds_to_text',
                 imageTemplateName: 'dxrd-svg-actions-fit_bounds_to_text',
                 group: () => Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Layout', 'ReportStringId.RibbonXRDesign_PageGroup_Layout'),
-                disabled: external_ko_["computed"](() => { return this._inaccessibleAction(); }),
+                disabled: actionsDisabled,
                 visible: external_ko_["pureComputed"](() => {
                     return this._selectionProvider.selectedItems.every(item => item.getControlModel().controlType === 'XRLabel' || item.getControlModel().controlType === 'XRCharacterComb');
                 }),
@@ -23909,13 +24206,14 @@ class textElementAction_TextElementAction extends external_DevExpress_Analytics_
                 displayText: () => Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Fit Text To Bounds', 'ReportStringId.Cmd_FitTextToBounds'),
                 imageClassName: 'dxrd-image-actions-fit_text_to_bounds',
                 imageTemplateName: 'dxrd-svg-actions-fit_text_to_bounds',
-                disabled: external_ko_["computed"](() => { return this._inaccessibleAction(); }),
+                disabled: actionsDisabled,
                 visible: external_ko_["pureComputed"](() => {
                     return this._selectionProvider.selectedItems.every(item => item.getControlModel().controlType === 'XRLabel' || item.getControlModel().controlType === 'XRTableCell');
                 }),
                 clickAction: () => { this._textControls.forEach(item => item.fitTextToBounds()); }
             },
         ]);
+        this._disposables.push(actionsDisabled);
     }
     get _textControls() {
         return this._selectionProvider.selectedItems;
@@ -24356,12 +24654,14 @@ var external_DevExpress_QueryBuilder_Widgets_Internal_ = __webpack_require__(15)
 
 
 class _sqlDataSourceEditor_DataSourceEditorBase {
-    constructor(_dsHelper, _wizard, _reportViewModel, _undoEngine, _itemsProvider) {
+    constructor(_dsHelper, _wizard, _reportViewModel, _undoEngine, _itemsProvider, _callbacks, _rtl) {
         this._dsHelper = _dsHelper;
         this._wizard = _wizard;
         this._reportViewModel = _reportViewModel;
         this._undoEngine = _undoEngine;
         this._itemsProvider = _itemsProvider;
+        this._callbacks = _callbacks;
+        this._rtl = _rtl;
     }
     _findDataSource(dataSourceID) {
         return this._dsHelper().usedDataSources().filter((item) => {
@@ -24443,7 +24743,8 @@ class _sqlDataSourceEditor_SqlDataSourceEditor extends _sqlDataSourceEditor_Data
         });
     }
     _applyDataSourceChange(source, dest, queryName, relationsEditing) {
-        return _sqlDataSourceEditor_SqlDataSourceEditor.createSqlDataSourceInfo(source, queryName, relationsEditing)
+        var _a, _b;
+        return _sqlDataSourceEditor_SqlDataSourceEditor.createSqlDataSourceInfo(source, queryName, relationsEditing, ((_a = this._callbacks) === null || _a === void 0 ? void 0 : _a.getParameters) && ((_b = this._callbacks) === null || _b === void 0 ? void 0 : _b.getParameters()))
             .done((result) => {
             if (dest) {
                 dest.data['base64'](result.base64());
@@ -24500,8 +24801,8 @@ class _sqlDataSourceEditor_SqlDataSourceEditor extends _sqlDataSourceEditor_Data
         var dataSource = this._dsHelper().findDataSourceInfoByName(dataSourceWrapped.sqlDataSource.name());
         return this._applyDataSourceChange(dataSourceWrapped.sqlDataSource, dataSource, dataSourceWrapped.sqlQuery && dataSourceWrapped.sqlQuery.name());
     }
-    static rebuildResultSchema(source, queryName, relationsEditing) {
-        return QBRequestWrapper().rebuildResultSchema(source, queryName, relationsEditing)
+    static rebuildResultSchema(source, queryName, relationsEditing, parameters) {
+        return QBRequestWrapper().rebuildResultSchema(source, queryName, relationsEditing, parameters)
             .done((result) => {
             var model = JSON.parse(result.resultSchemaJSON);
             source.resultSet = !!model ? new external_DevExpress_Analytics_Data_["ResultSet"](model) : null;
@@ -24516,9 +24817,9 @@ class _sqlDataSourceEditor_SqlDataSourceEditor extends _sqlDataSourceEditor_Data
             }
         });
     }
-    static createSqlDataSourceInfo(source, queryName, relationsEditing) {
+    static createSqlDataSourceInfo(source, queryName, relationsEditing, parameters) {
         var deferred = external_jQuery_["Deferred"]();
-        _sqlDataSourceEditor_SqlDataSourceEditor.rebuildResultSchema(source, queryName, relationsEditing).done((_) => {
+        _sqlDataSourceEditor_SqlDataSourceEditor.rebuildResultSchema(source, queryName, relationsEditing, parameters).done((_) => {
             _reportDataSourceService_ReportDataSourceService.getSqlDataSourceBase64(source)
                 .done((result) => {
                 deferred.resolve({
@@ -24679,7 +24980,7 @@ class _jsonDataSourceEditor_JsonDataSourceEditor extends _sqlDataSourceEditor_Da
 
 
 
-var createChartDesignerOptions = (designerModel, dataSourceHelper, model, parameters, chartValueBindingProvider) => {
+var createChartDesignerOptions = (designerModel, dataSourceHelper, model, parameters, chartValueBindingProvider, accessibilityProvider) => {
     var chartDesignerOptionsVisible = external_ko_["observable"](false);
     var chartIsDirty;
     var currentChart = external_ko_["observable"](null);
@@ -24774,6 +25075,7 @@ var createChartDesignerOptions = (designerModel, dataSourceHelper, model, parame
                         width: 500,
                         height: 500
                     },
+                    accessibilityProvider: accessibilityProvider,
                     visible: chartDesignerOptionsVisible,
                     rtl: designerModel.rtl,
                     fieldListProvider: designerModel.dataBindingsProvider
@@ -28767,8 +29069,10 @@ class _localizationEditor_LocalizationEditor extends external_DevExpress_Analyti
     constructor(_options) {
         super();
         this._options = _options;
+        this._allowedPropertyNames = ['text', 'legendText', 'axisLabelText', 'legendTextPattern'];
         this.defaultLanguageText = () => Object(external_DevExpress_Reporting_Metadata_["availableCultures"])()[external_DevExpress_Reporting_Metadata_["defaultCulture"]];
         this.currentLanguageText = () => Object(external_DevExpress_Reporting_Metadata_["availableCultures"])()[this.language()];
+        this.propertiesHeaderText = () => Object(external_DevExpress_Analytics_Internal_["getLocalization"])('Property', 'AnalyticsCoreStringId.FilterEditor_Operand_Type_Property');
         this.localizationItems = external_ko_["observableArray"]();
         this.textToSearch = external_ko_["observable"]('');
         this.searchPlaceholder = () => Object(external_DevExpress_Analytics_Internal_["searchPlaceholder"])();
@@ -28819,12 +29123,53 @@ class _localizationEditor_LocalizationEditor extends external_DevExpress_Analyti
         }
         return true;
     }
-    _localizableControls() {
-        return this._options.report().enumerateComponents().filter(x => x instanceof xrControl_XRControlViewModel &&
-            x.getLocalizationProperties &&
-            x['text'] &&
-            !x.hasDataBindingByName() &&
-            this._isLocalizableControl(x));
+    _shouldLocalizeReportControl(control) {
+        return control.getLocalizationProperties && control['text'] && !control.hasDataBindingByName()
+            && this._isLocalizableControl(control) || control instanceof xrChart_XRChartViewModel;
+    }
+    _createLocalizationItem(component, localizedProperty, defaultProperties) {
+        var displayName = component.name() + '.' + localizedProperty.propertyName;
+        var _defaultText = external_ko_["observable"](localizedProperty.value());
+        if (!this.isDefaultLanguage()) {
+            var defaultTextProperty = defaultProperties.filter(x => x.component === component && x.propertyName === localizedProperty.propertyName)[0];
+            _defaultText(defaultTextProperty && defaultTextProperty.value);
+        }
+        return {
+            component,
+            displayName: displayName,
+            defaultText: external_ko_["computed"]({
+                read: () => _defaultText(),
+                write: (newVal) => {
+                    _defaultText(newVal);
+                    if (this.isDefaultLanguage())
+                        localizedProperty.value(newVal);
+                }
+            }),
+            isDefaultLanguage: () => this.isDefaultLanguage(),
+            visible: external_ko_["computed"](() => {
+                var regex = new RegExp(this.textToSearch(), 'gi');
+                return [_defaultText(), localizedProperty.value(), displayName].some(x => regex.test(x));
+            }),
+            dispose: function () {
+                this.defaultText.dispose();
+                this.visible.dispose();
+            },
+            localizedText: localizedProperty.value,
+            multiline: component['multiline']
+        };
+    }
+    _updateLocalizationItems() {
+        var defaultProperties = this._getDefaultLanguageItems();
+        var localizationItems = [];
+        this._options.report().enumerateComponents().filter(x => this._shouldLocalizeReportControl(x)).forEach((control) => {
+            control.getLocalizationProperties().forEach(property => {
+                var propertyName = property.info.propertyName;
+                if (this._allowedPropertyNames.indexOf(propertyName) !== -1) {
+                    localizationItems.push(this._createLocalizationItem(control, property, defaultProperties));
+                }
+            });
+        });
+        this.localizationItems(localizationItems);
     }
     applyLocalization(serviceName) {
         if (this.language() !== external_DevExpress_Reporting_Metadata_["defaultCulture"]) {
@@ -28853,37 +29198,6 @@ class _localizationEditor_LocalizationEditor extends external_DevExpress_Analyti
     isDefaultLanguage() {
         return this.language() === external_DevExpress_Reporting_Metadata_["defaultCulture"];
     }
-    _updateLocalizationItems() {
-        var defaultProperties = this._getDefaultLanguageItems();
-        this.localizationItems(this._localizableControls().map(component => {
-            var _defaultText = external_ko_["observable"](component['text']());
-            if (!this.isDefaultLanguage()) {
-                var defaultTextProperty = defaultProperties.filter(x => x.component === component && x.propertyName === 'Text')[0];
-                _defaultText(defaultTextProperty && defaultTextProperty.value);
-            }
-            return {
-                component,
-                defaultText: external_ko_["computed"]({
-                    read: () => _defaultText(),
-                    write: (newVal) => {
-                        _defaultText(newVal);
-                        if (this.isDefaultLanguage())
-                            component['text'](newVal);
-                    }
-                }),
-                isDefaultLanguage: () => this.isDefaultLanguage(),
-                readOnly: () => component.isPropertyDisabled('text'),
-                visible: external_ko_["computed"](() => (this.isDefaultLanguage() || !!_defaultText() || !!component['text']()) &&
-                    ((regex) => [_defaultText(), component['text']()].some(x => regex.test(x)))(new RegExp(this.textToSearch(), 'gi'))),
-                dispose: function () {
-                    this.defaultText.dispose();
-                    this.visible.dispose();
-                },
-                localizedText: component['text'],
-                multiline: component['multiline']
-            };
-        }));
-    }
     start() {
         if (this._options.controlScrollingTool) {
             this._autoScrollingSubscription = this._subscribeFocused();
@@ -29109,7 +29423,7 @@ function _registerChooseAvailableDataSourcePage(factory, reportWizardOptions) {
 
 
 class _reportWizardService_ReportWizardService {
-    static createNewWizardRequest(reportWizardState, requestType, state, customizeWizardModelAction, oldReportJSON) {
+    static createNewWizardRequest(reportWizardState, requestType, state, customizeWizardModelAction, oldReportInfo) {
         var dataSourceJSON = null;
         var dataSources = [];
         reportWizardState.dataSource = reportWizardState.dataSource || reportWizardState.newDataSource;
@@ -29129,7 +29443,8 @@ class _reportWizardService_ReportWizardService {
             reportModel: wizardModel,
             dataSource: dataSourceJSON,
             dataSources: dataSources,
-            oldReport: oldReportJSON,
+            oldReport: oldReportInfo === null || oldReportInfo === void 0 ? void 0 : oldReportInfo.json,
+            useInitialDataSource: oldReportInfo === null || oldReportInfo === void 0 ? void 0 : oldReportInfo.useInitialDataSource,
             state: state,
             colorScheme: reportWizardState.colorScheme && (reportWizardState.colorScheme.name === 'Custom' ? reportWizardState.colorScheme.baseColor : reportWizardState.colorScheme.name),
             customData: {
@@ -29139,8 +29454,8 @@ class _reportWizardService_ReportWizardService {
         });
         return encodeURIComponent(requestJson);
     }
-    static generateReportFromWizardState(reportWizardState, requestType, state, customizeWizardModelAction, oldReportJSON) {
-        return Object(external_DevExpress_Analytics_Internal_["ajax"])(settings_HandlerUri(), 'generateReportFromWizardModel', this.createNewWizardRequest(reportWizardState, requestType, state, customizeWizardModelAction, oldReportJSON), reportStorageWeb_ReportStorageWeb.getErrorMessageHandler());
+    static generateReportFromWizardState(reportWizardState, requestType, state, customizeWizardModelAction, oldReportInfo) {
+        return Object(external_DevExpress_Analytics_Internal_["ajax"])(settings_HandlerUri(), 'generateReportFromWizardModel', this.createNewWizardRequest(reportWizardState, requestType, state, customizeWizardModelAction, oldReportInfo), reportStorageWeb_ReportStorageWeb.getErrorMessageHandler());
     }
     static getLabelReportWizardData() {
         return Object(external_DevExpress_Analytics_Internal_["ajax"])(settings_HandlerUri(), 'labelReportWizardData', '');
@@ -30044,19 +30359,30 @@ function registerCustomControls(controls) {
     let toolboxIndex = Math.max(...indexes) + 1;
     controls.forEach((control) => {
         if (!factory.getControlInfo(control.className)) {
-            const info = getSerializationInfo(control.properties);
+            const info = getSerializationInfo(control.properties, `${control.className}_`);
             const meta = factory.inheritControl(control.inheritClassName, getMetaForControl(control, info, toolboxIndex++));
             factory.registerControl(control.className, meta);
-            groups_groups['Custom'].info.push(...info);
+            info.forEach((prop) => {
+                if (groups_groups[prop.group] === undefined) {
+                    groups_groups[prop.group] = {
+                        info: [prop],
+                        displayName: () => prop.group,
+                    };
+                }
+                else {
+                    groups_groups[prop.group].info.push(prop);
+                }
+            });
         }
     });
 }
 function getMetaForControl(control, info, toolboxIndex) {
     var _a;
-    var defaultVal = ((_a = control.initValues) !== null && _a !== void 0 ? _a : []).reduce((result, current) => {
+    const defaultVal = ((_a = control.initValues) !== null && _a !== void 0 ? _a : []).reduce((result, current) => {
         result[current.Key] = current.Value;
         return result;
     }, {});
+    const popularProperties = control.properties.filter(x => x.isFavorite).map(x => x.name);
     return {
         info,
         toolboxIndex,
@@ -30064,15 +30390,15 @@ function getMetaForControl(control, info, toolboxIndex) {
         surfaceType: xrUnknownControl_XRUnknownControlSurface,
         displayName: control.className,
         isToolboxItem: control.showInToolbox,
-        popularProperties: [],
+        popularProperties,
         defaultVal: Object.assign(Object.assign({}, defaultVal), { '@ControlType': control.fullTypeName }),
     };
 }
-function getSerializationInfo(properties) {
+function getSerializationInfo(properties, namePrefix = '') {
     return properties
         .map(prop => {
         var _a, _b, _c, _d, _e, _f;
-        const info = Object.assign({ propertyName: prop.name, modelName: prop.model, displayName: prop.displayName, defaultVal: prop.defaultValue }, getEditor(prop.editor));
+        const info = Object.assign({ propertyName: namePrefix + prop.name, modelName: prop.model, displayName: prop.displayName, group: prop.category, defaultVal: prop.defaultValue }, getEditor(prop.editor));
         if (prop.editor === 'enum') {
             const enumValues = (_b = (_a = prop) === null || _a === void 0 ? void 0 : _a.values) !== null && _b !== void 0 ? _b : [];
             info.valuesArray = enumValues;
@@ -30114,6 +30440,9 @@ function getEditor(name) {
     if (name === 'object') {
         return { editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
     }
+    if (name === 'color') {
+        return { editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"] };
+    }
     if (name === 'link') {
         return { link: true };
     }
@@ -30124,6 +30453,49 @@ function getEditor(name) {
     return {};
 }
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/utils/_registerCustomExpressions.js
+
+
+
+
+function registerCustomGlobalExpressions(expressions) {
+    if (!(expressions === null || expressions === void 0 ? void 0 : expressions.length)) {
+        return;
+    }
+    expressions.forEach((expressionInfo) => {
+        const expression = translateExpression(expressionInfo);
+        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(Object(external_DevExpress_Analytics_Widgets_Internal_["functionDisplay"])(), [Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, expression)]);
+        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(external_DevExpress_QueryBuilder_Widgets_Internal_["expressionFunctions"], [Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, expression)]);
+        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(reportFunctionDisplay, [Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, expression)]);
+    });
+}
+function registerCustomReportExpressions(expressions) {
+    if (!(expressions === null || expressions === void 0 ? void 0 : expressions.length)) {
+        return;
+    }
+    expressions.forEach((expressionInfo) => {
+        const expression = translateExpression(expressionInfo);
+        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(reportFunctionDisplay, [expression]);
+    });
+}
+const translateExpression = (expression) => {
+    var _a;
+    const editorText = `${expression.name}(${Array.from({ length: expression.maxOperandCount }, () => '').join(', ')})`;
+    const editorPrefix = expression.category === 'Aggregate' ? '[].' : '';
+    const categoryName = (_a = expression.category) !== null && _a !== void 0 ? _a : 'Custom';
+    return {
+        display: categoryName,
+        items: {
+            [expression.name]: [{
+                    paramCount: Math.max(expression.maxOperandCount, 0),
+                    text: `${editorPrefix}${editorText}`,
+                    displayName: editorText,
+                    description: expression.description
+                }],
+        }
+    };
+};
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/widgets/styleseditor.js
 
 
@@ -31195,7 +31567,7 @@ class configureCrossTabPage_SelectCrossTabDataMember extends selectDataMembersPa
             });
             this._onChange();
         };
-        this._title = 'Avalible Fields';
+        this._title = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Available fields', 'ASPxReportsStringId.ReportDesigner_Wizard_AvailableFields');
         this._icon = 'dxrd-svg-wizard-crosstab-fields';
         var fieldListProvider = new external_DevExpress_Analytics_Internal_["FieldListProvider"](this._wrapFieldListCallback(_fieldListCallBack), external_ko_["observableArray"]([]));
         this._disposables.push(this._itemsProvider = new external_DevExpress_Analytics_Wizard_Internal_["TreeNodeItemsProvider"](fieldListProvider, this._rootItems, this._createCrossTabTreeNode, this._createCrossTabLeafTreeNode));
@@ -32344,10 +32716,8 @@ function _registerSelectDataSourcePage(factory, reportWizardOptions) {
 
 
 class _federationDataSourceEditor_FederationDataSourceEditor extends _sqlDataSourceEditor_DataSourceEditorBase {
-    constructor(dsHelper, wizard, reportViewModel, undoEngine, itemsProvider, _rtl, _callbacks) {
-        super(dsHelper, wizard, reportViewModel, undoEngine, itemsProvider);
-        this._rtl = _rtl;
-        this._callbacks = _callbacks;
+    constructor() {
+        super(...arguments);
         this.addAction = {
             clickAction: (item) => {
                 this.openManageQueriesEditor(item.data.name);
@@ -34021,11 +34391,25 @@ class _chartFieldListExtender_ChartFieldListExtender {
 
 
 
+
 class _designControlsHelper_DesignControlsHelper extends external_DevExpress_Analytics_Internal_["DesignControlsHelper"] {
     constructor(target, selection) {
         super(target, [{
-                added: (control) => { },
-                deleted: (control) => { control.surface === selection.focused() && selection.focused(control.surface.findNextSelection()); }
+                added: (control) => {
+                    if (control instanceof xrPdfSignature_XRPdfSignatureModel) {
+                        control.signatureOptions.displayDocumentSignature(!this._xrPdfSignatureCollection.some(x => x.signatureOptions.displayDocumentSignature()));
+                        this._xrPdfSignatureCollection.push(control);
+                        control.subscribeSignature(() => this._xrPdfSignatureCollection);
+                    }
+                },
+                deleted: (control) => {
+                    if (control instanceof xrPdfSignature_XRPdfSignatureModel) {
+                        var position = this._xrPdfSignatureCollection.indexOf(control);
+                        if (position !== -1)
+                            this._xrPdfSignatureCollection.splice(position, 1);
+                    }
+                    control.surface === selection.focused() && selection.focused(control.surface.findNextSelection());
+                }
             }], ['controls', 'bands', 'crossBandControls', 'rows', 'cells', 'fields', 'styles', 'parameters', 'formattingRuleSheet', 'calculatedFields', 'components']);
     }
     dispose() {
@@ -34055,6 +34439,13 @@ class _designControlsHelper_DesignControlsHelper extends external_DevExpress_Ana
         }
         return super._getNamePrefix(value);
     }
+    processCollection(collection) {
+        var pdfSignatures = collection.filter(x => x instanceof xrPdfSignature_XRPdfSignatureModel);
+        pdfSignatures.forEach(x => x.subscribeSignature(() => this._xrPdfSignatureCollection));
+        if (!this._xrPdfSignatureCollection)
+            this._xrPdfSignatureCollection = [];
+        this._xrPdfSignatureCollection = [].concat(this._xrPdfSignatureCollection, pdfSignatures);
+    }
 }
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/internal/errorPanel/_designerErrorProvider.js
@@ -34781,7 +35172,7 @@ class navigateTab_NavigateTab extends external_DevExpress_Analytics_Utils_["Disp
         this._callbacks = options.callbacks;
         this.context = external_ko_["observable"](this._callbacks.createContext(options.report, options.url));
         this._disposables.push(this.displayName = external_ko_["computed"](() => this._generateDisplayName(this.context().report)));
-        this.undoEngine = new external_DevExpress_Analytics_Utils_["UndoEngine"](this.context, ['surface', 'reportSource'], 'getInfo', ['objectStorage']);
+        this._disposables.push(this.undoEngine = new external_DevExpress_Analytics_Utils_["UndoEngine"](this.context, ['surface', 'reportSource'], 'getInfo', ['objectStorage']));
         this.isDirty = this.undoEngine.isDirty;
         this.isModified = this.undoEngine.isDirty;
         this._disposables.push(this.report = this._createReport());
@@ -36669,8 +37060,8 @@ class _settings_WizardsInitializerSettings {
         });
     }
     _doFinishCallback(data, connections) {
-        if (data.predeifnedDataSourceName) {
-            this.dataSourceActionProvider.addPredifinedDataSource(data.predeifnedDataSourceName);
+        if (data.predefinedDataSourceName) {
+            this.dataSourceActionProvider.addPredifinedDataSource(data.predefinedDataSourceName);
         }
         else if (data.dataSourceType === external_DevExpress_Analytics_Wizard_["DataSourceType"].Sql) {
             return this.sqlDataSourceEditor.applySqlDataSourceWizardChanges(data);
@@ -36731,8 +37122,8 @@ class _settings_WizardsInitializerSettings {
         return this.dataSourceWizard;
     }
     createSqlDataSourceEditor(settings) {
-        this.federationDataSourceEditor = new _federationDataSourceEditor_FederationDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider, settings.rtl, this.multipleQueriesWizardCallbacks);
-        this.sqlDataSourceEditor = new _sqlDataSourceEditor_SqlDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider);
+        this.federationDataSourceEditor = new _federationDataSourceEditor_FederationDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider, this.multipleQueriesWizardCallbacks, settings.rtl);
+        this.sqlDataSourceEditor = new _sqlDataSourceEditor_SqlDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider, this.multipleQueriesWizardCallbacks);
         this.jsonDataSourceEditor = new _jsonDataSourceEditor_JsonDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider);
         this.objectDataSourceEditor = new _objectDataSourceEditor_ObjectDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider);
         this.dataSourceActionProvider = new _dataSourceActions_DataSourceActions(settings.dataSourceHelper, settings.model, settings.undoEngine, settings.allowEditDataSource, settings.allowRemoveDataSource, settings.fieldListProvider);
@@ -37242,7 +37633,8 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
                 rtl: options.rtl,
                 accessibilityCompliant: false,
                 exportSettings: options.exportSettings,
-                progressBarSettings: options.progressBarSettings
+                progressBarSettings: options.progressBarSettings,
+                searchSettings: options.searchSettings
             },
             element: options.element,
             callbacks: Object.assign(Object.assign({}, options.callbacks), { _onGetBuildStatus: errorsAction, _onGetDocumentDetails: errorsAction })
@@ -37839,23 +38231,22 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
                 }
                 var createReport = (wizardState) => {
                     designerModel.isLoading(true);
+                    designerModel.navigateByReports.currentTab().undoEngine.start();
+                    designerModel.isDirty(true);
                     var _patchedInfo = this._patchReportBeforeRedesign(designerModel.model(), wizardState);
                     _reportWizardService_ReportWizardService.generateReportFromWizardState(wizardState, reportWizard._requestModelType, state(), (wizardModel) => {
                         reportWizard.events.call('beforeFinish', { state: wizardState, wizardModel: wizardModel });
-                    }, _patchedInfo.json)
+                    }, _patchedInfo)
                         .done((result) => {
-                        designerModel.navigateByReports.currentTab().undoEngine.start();
-                        designerModel.isDirty(true);
                         var newReport = createReportViewModel(result, designerModel.model());
                         designerModel.model(newReport);
-                        designerModel.navigateByReports.currentTab().undoEngine.end();
-                        designerModel.isLoading(false);
                         deferred.resolve(newReport);
                     })
                         .fail(() => {
-                        this._restoreAfterFail(designerModel.model(), _patchedInfo.removedDataSourceInfos);
-                        designerModel.isLoading(false);
                         deferred.reject();
+                    }).always(() => {
+                        designerModel.navigateByReports.currentTab().undoEngine.end();
+                        designerModel.isLoading(false);
                     });
                 };
                 if (reportWizardState.jsonDataSourceWizard.jsonSource && reportWizardState.newDataSource) {
@@ -38133,37 +38524,26 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
         });
     }
     _patchReportBeforeRedesign(reportViewModel, state) {
-        var removedDataSourceInfos = [];
+        var useInitialDataSource = false;
         if (!state.newDataSource && reportViewModel.dataSource() && state.dataSource) {
             var stateDsInfo = _restoreDataSourceFromState(state.dataSource);
             var dataSourceInfo = reportViewModel.dataSourceHelper().findDataSourceInfoByName(stateDsInfo.name);
-            removedDataSourceInfos.push(dataSourceInfo);
-            reportViewModel.dataSourceHelper().removeDataSource(dataSourceInfo);
-            reportViewModel.dataSourceHelper().allDataSources().forEach((dataSource) => {
-                if (dataSource.data instanceof dataFederation_DataFederationDataSource) {
-                    var federationDataSourceInfo = reportViewModel.dataSourceHelper().findDataSourceInfoByName(dataSource.name);
-                    if (federationDataSourceInfo) {
-                        removedDataSourceInfos.push(federationDataSourceInfo);
-                        reportViewModel.dataSourceHelper().removeDataSource(federationDataSourceInfo);
-                    }
-                }
-            });
+            useInitialDataSource = true;
+            if (reportViewModel.dataSource().name() !== stateDsInfo.name) {
+                reportViewModel.dataSource(dataSourceInfo.data);
+            }
         }
         var reportJson = reportViewModel.serialize();
         delete reportJson.LocalizationItems;
         return {
             json: JSON.stringify({ 'XtraReportsLayoutSerializer': reportJson }),
-            removedDataSourceInfos: removedDataSourceInfos,
+            useInitialDataSource: useInitialDataSource
         };
     }
-    _restoreAfterFail(reportViewModel, removedDataSourceInfos) {
-        removedDataSourceInfos.forEach(info => {
-            reportViewModel.dataSourceHelper().restoreDataSource(info);
-        });
-    }
     addContextActions(func = (settings) => {
         var isDisabled = () => this.buildingModel.model() && this.buildingModel.model().language() !== external_DevExpress_Reporting_Metadata_["defaultCulture"];
-        settings.actionProviders = [new reportElementActions_ReportElementActions(this.buildingModel.surface, this.buildingModel.selection),
+        var disposableProviders = [
+            new reportElementActions_ReportElementActions(this.buildingModel.surface, this.buildingModel.selection),
             new elementsGroupActions_ElementsGroupActions(this.buildingModel.surface, this.buildingModel.selection),
             new reportActions_ReportActions(this._designerCallbacks.componentAdded),
             new tableRowActions_TableRowActions(this.buildingModel.selection, this._designerCallbacks.componentAdded, isDisabled),
@@ -38172,7 +38552,10 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
             new tableCellGroupActions_TableCellGroupActions(this.buildingModel.selection),
             new pdfContentActions_PdfContentActions(this.buildingModel.selection, isDisabled),
             new crossTabActions_CrossTabActions(this._converters, isDisabled),
-            new pivotGridActions_PivotGridActions(this._converters, isDisabled)];
+            new pivotGridActions_PivotGridActions(this._converters, isDisabled)
+        ];
+        this._disposables.push(...disposableProviders);
+        settings.actionProviders = disposableProviders;
         settings.createDefaultGroupAction(this.buildingModel.editableObject, this.buildingModel.undoEngine);
     }) {
         super.addContextActions(func);
@@ -38198,7 +38581,7 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
     _createChartDesignerPart(context) {
         var chartValueBindingProvider = external_ko_["computed"](() => context() && context().chartValueBindingProvider);
         this._addDisposable(chartValueBindingProvider);
-        var chartDesignerOptions = createChartDesignerOptions(this.buildingModel, this.buildingModel.dataSourceHelper, this.buildingModel.model, this.buildingModel.parameters, chartValueBindingProvider);
+        var chartDesignerOptions = createChartDesignerOptions(this.buildingModel, this.buildingModel.dataSourceHelper, this.buildingModel.model, this.buildingModel.parameters, chartValueBindingProvider, this._accessibilityProvider);
         this.addElement('runChartDesigner', () => (chart) => {
             chartDesignerOptions.run(chart);
         });
@@ -38348,6 +38731,11 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
         registerCustomControls(controls);
         return this;
     }
+    registerCustomExpressions(globalExpressions, reportExpressions) {
+        registerCustomGlobalExpressions(globalExpressions);
+        registerCustomReportExpressions(reportExpressions);
+        return this;
+    }
     addCallbacks(callbacks) {
         this._callbacks = callbacks;
         if (!this._callbacks.designer)
@@ -38531,7 +38919,7 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
 
 
 function _createReportDesigner(element, data, callbacks, knownEnums, designerHandlerUri, previewHandlerUri, rtl, applyBindings = true) {
-    var _a, _b;
+    var _a, _b, _c;
     var selection = new external_DevExpress_Analytics_Internal_["SurfaceSelection"]();
     var initializer = new _inititalizer_ReportDesignerInitializer({
         allowMDI: data.allowMDI,
@@ -38561,7 +38949,8 @@ function _createReportDesigner(element, data, callbacks, knownEnums, designerHan
         parametersInfo: { knownEnums },
         rtl: rtl,
         progressBarSettings: (_a = data.reportPreviewSettings) === null || _a === void 0 ? void 0 : _a.progressBarSettings,
-        exportSettings: (_b = data.reportPreviewSettings) === null || _b === void 0 ? void 0 : _b.exportSettings
+        exportSettings: (_b = data.reportPreviewSettings) === null || _b === void 0 ? void 0 : _b.exportSettings,
+        searchSettings: (_c = data.reportPreviewSettings) === null || _c === void 0 ? void 0 : _c.searchSettings
     })
         .initializeCalculatedFieldsSource()
         .initializeFieldListItemsExtenders()
@@ -38572,6 +38961,7 @@ function _createReportDesigner(element, data, callbacks, knownEnums, designerHan
         .initializeDisplayNameProvider()
         .initializeExpressionDisplayNameProvider()
         .initializeDataSourceHelper()
+        .registerCustomExpressions(data.customGlobalExpressions, data.customReportExpressions)
         .registerControls(data.dataBindingMode, initializer.buildingModel.reportItemsProvider)
         .registerCustomControls(data.customControls)
         .runCustomizeToolboxEvent()
@@ -38676,7 +39066,9 @@ function createReportDesigner(element, data, callbacks, localizationSettings, kn
     }
     callbacks && callbacks.designer && callbacks.designer.customizeLocalization && callbacks.designer.customizeLocalization(localizationPromises);
     return Object(external_DevExpress_Analytics_Internal_["resolveFromPromises"])(localizationPromises, () => {
-        return _createReportDesigner(element, data, callbacks, knownEnums, designerHandlerUri, previewHandlerUri, rtl, applyBindings);
+        return Object(external_DevExpress_Analytics_Internal_["troubleshootingPageWrapper"])(() => {
+            return _createReportDesigner(element, data, callbacks, knownEnums, designerHandlerUri, previewHandlerUri, rtl, applyBindings);
+        }, data.developmentMode, element);
     }).done((designerModel) => {
         if (callbacks && callbacks.designer && callbacks.designer.customizeWizard) {
             callbacks.designer.customizeWizard('ReportWizard', designerModel.wizard);
@@ -38761,6 +39153,9 @@ function createReportDesignerFromModel(model, element, callbacks, applyBindings)
         reportPreviewSettings: model.reportPreviewSettings,
         reportWizardTemplates: model.reportWizardTemplates,
         customControls: model.customControls,
+        customGlobalExpressions: model.customGlobalExpressions,
+        customReportExpressions: model.customReportExpressions,
+        developmentMode: model.developmentMode,
     };
     if (model.queryBuilderHandlerUri)
         Object(external_DevExpress_QueryBuilder_Utils_["HandlerUri"])(model.queryBuilderHandlerUri);
@@ -38799,22 +39194,24 @@ class jsReportDesignerBinding_JSReportDesignerBinding extends external_DevExpres
         _options.callbacks && _options.callbacks._eventSenderCreated && _options.callbacks._eventSenderCreated(this.sender);
     }
     _applyBindings(model, $element) {
-        this.sender.designerModel = model;
-        this._disposables.push(model);
-        var childTemplate = !model ? external_jQuery_["fn"].constructor('<div>') : this._templateHtml;
-        $element.children().remove();
-        var child = $element.append(childTemplate).children()[0];
-        if (!child)
-            return;
-        external_ko_["cleanNode"](child);
-        this._callbacks && this._callbacks.designer.beforeRender && this._callbacks.designer.beforeRender(model);
-        external_ko_["applyBindings"](model, child);
-        model.afterRender();
-        this._fireEvent('Init');
-        var updateSizeTimeout = setTimeout(() => {
-            model && model.updateSurfaceSize();
-        }, 1);
-        this._disposables.push({ dispose: () => clearTimeout(updateSizeTimeout) });
+        Object(external_DevExpress_Analytics_Internal_["troubleshootingPageWrapper"])(() => {
+            this.sender.designerModel = model;
+            this._disposables.push(model);
+            var childTemplate = !model ? external_jQuery_["fn"].constructor('<div>') : this._templateHtml;
+            $element.children().remove();
+            var child = $element.append(childTemplate).children()[0];
+            if (!child)
+                return;
+            external_ko_["cleanNode"](child);
+            this._callbacks && this._callbacks.designer.beforeRender && this._callbacks.designer.beforeRender(model);
+            external_ko_["applyBindings"](model, child);
+            model.afterRender();
+            this._fireEvent('Init');
+            var updateSizeTimeout = setTimeout(() => {
+                model && model.updateSurfaceSize();
+            }, 1);
+            this._disposables.push({ dispose: () => clearTimeout(updateSizeTimeout) });
+        }, this.developmentMode, $element);
     }
     _initializeCallbacks() {
         if (this._options.callbacks) {
@@ -38835,31 +39232,18 @@ class jsReportDesignerBinding_JSReportDesignerBinding extends external_DevExpres
         this._callbacks = this._initializeCallbacks();
         return createReportDesignerFromModel(initData, element, this._callbacks, false);
     }
-    _showErrorInfo(jqXHR, getRequestDetails, errorThrown) {
-        var requestDetails = getRequestDetails();
-        var reportUrl = requestDetails.data.reportUrl;
+    _showErrorInfo(jqXHR, getRequestDetails, errorThrown, element) {
         var messages = [];
         if (jqXHR && jqXHR.status)
             messages.push(jqXHR.status);
         if (errorThrown)
             messages.push(errorThrown);
-        var errorStatus = messages.length > 0 ? messages.join(' - ') + '. ' : '';
         var helpLink = 'https://go.devexpress.com/Web_Reporting_Diagnostics_Tips.aspx';
         var consoleMessage = `Review the following help topic to diagnose a problem: '${helpLink}'.`;
         var clientMessage = Object(external_DevExpress_Analytics_Internal_["getLocalization"])(`The page is blank because the Report Designer failed to load the report. Consult the developer for assistance.
             Use development mode for detailed information.`, 'ASPxReportsStringId.ReportDesigner_GetReportDesignerModel_Error');
-        var developerMessage = `${errorStatus}An attempt to load the '${reportUrl}' report failed.
-            Open the browser developer console to investigate the issue. Review the following help topic: `;
-        if (this._options.developmentMode) {
-            var message = external_jQuery_["fn"].constructor('<span>').text(developerMessage);
-            var link = external_jQuery_["fn"].constructor('<a>')
-                .attr('target', '_blank')
-                .attr('rel', 'noopener noreferrer')
-                .attr('href', helpLink)
-                .text('Reporting Application Diagnostics');
-            Object(external_DevExpress_Analytics_Internal_["ShowMessage"])('', 'error', undefined, undefined, function () {
-                return external_jQuery_["fn"].constructor('<div>').append(message, link);
-            });
+        if (this.developmentMode) {
+            Object(external_DevExpress_Analytics_Internal_["assignTroubleshootingPage"])(element);
             console.log(consoleMessage);
             if (jqXHR && jqXHR.responseText)
                 console.log(jqXHR.responseText);
@@ -38868,19 +39252,22 @@ class jsReportDesignerBinding_JSReportDesignerBinding extends external_DevExpres
             Object(external_DevExpress_Analytics_Internal_["ShowMessage"])(clientMessage);
         }
     }
-    _getDesignerModelRequest(reportUrl) {
-        var self = this;
+    _getDesignerModelRequest(reportUrl, element) {
         var requestOptions = this._options.requestOptions;
-        self._callbacks = this._initializeCallbacks();
+        this._callbacks = this._initializeCallbacks();
         var getDesignerModelActionUrl = this._getServerActionUrl(requestOptions.host, requestOptions.getDesignerModelAction);
         var onError = (data, textStatus, jqXHR, getRequestDetails, errorThrown) => {
-            self._showErrorInfo(jqXHR, getRequestDetails, errorThrown);
-            if (self._callbacks && self._callbacks.designer && self._callbacks.designer.onServerError)
-                self._callbacks.designer.onServerError({ jqXHR: jqXHR, textStatus: textStatus, data: data, getRequestDetails: getRequestDetails });
+            this._showErrorInfo(jqXHR, getRequestDetails, errorThrown, element);
+            if (this._callbacks && this._callbacks.designer && this._callbacks.designer.onServerError)
+                this._callbacks.designer.onServerError({ jqXHR: jqXHR, textStatus: textStatus, data: data, getRequestDetails: getRequestDetails });
             if (errorThrown)
                 throw errorThrown;
         };
-        var getModel = external_DevExpress_Analytics_Utils_["ajaxSetup"].sendRequest({
+        const requestManagerSetup = {
+            ajaxSetup: external_DevExpress_Analytics_Utils_["ajaxSetup"],
+            fetchSetup: external_DevExpress_Analytics_Utils_["fetchSetup"]
+        };
+        var getModel = external_DevExpress_Analytics_Utils_["requestManager"].getInstance(requestManagerSetup).sendRequest({
             url: getDesignerModelActionUrl,
             type: 'POST',
             data: {
@@ -38895,15 +39282,15 @@ class jsReportDesignerBinding_JSReportDesignerBinding extends external_DevExpres
             if (result.error) {
                 return onError(result, textStatus, jqXHR, () => ({ url: getDesignerModelActionUrl, data: { reportUrl } }), result.error);
             }
-            result.handlerUri = self._getServerActionUrl(requestOptions.host, result.handlerUri);
-            result.viewerHandlerUri = self._getServerActionUrl(requestOptions.host, result.viewerHandlerUri);
-            result.queryBuilderHandlerUri = self._getServerActionUrl(requestOptions.host, result.queryBuilderHandlerUri);
-            self._initializationData(result);
+            result.handlerUri = this._getServerActionUrl(requestOptions.host, result.handlerUri);
+            result.viewerHandlerUri = this._getServerActionUrl(requestOptions.host, result.viewerHandlerUri);
+            result.queryBuilderHandlerUri = this._getServerActionUrl(requestOptions.host, result.queryBuilderHandlerUri);
+            this._initializationData(result);
         }).fail((jqXHR, textStatus, errorThrown) => {
             if (!jqXHR && !errorThrown)
                 return;
             var localizationPromises = [];
-            self._callbacks && self._callbacks.designer && self._callbacks.designer.customizeLocalization && self._callbacks.designer.customizeLocalization(localizationPromises);
+            this._callbacks && this._callbacks.designer && this._callbacks.designer.customizeLocalization && this._callbacks.designer.customizeLocalization(localizationPromises);
             Object(external_DevExpress_Analytics_Internal_["resolveFromPromises"])(localizationPromises, () => {
                 onError({ error: errorThrown }, textStatus, jqXHR, () => ({ url: getDesignerModelActionUrl, data: { reportUrl } }), errorThrown);
             });
@@ -38916,45 +39303,48 @@ class jsReportDesignerBinding_JSReportDesignerBinding extends external_DevExpres
         super.dispose();
     }
     applyBindings(element) {
-        var self = this;
         var _$element = external_jQuery_["fn"].constructor(element);
         _$element.addClass('dx-designer');
         this._createDisposeFunction(element);
-        if (self._options.undoEngine) {
-            self._applyBindings(self._options, _$element);
+        if (this._options.undoEngine) {
+            this._applyBindings(this._options, _$element);
             return;
         }
         var applyBindingsFunc = (newData) => {
-            if (this._model) {
-                this._disposables.splice(this._disposables.indexOf(this._model), 1);
-                external_ko_["cleanNode"](element.firstChild);
-                this._model.dispose();
-            }
-            self._createModel(newData, element).done((model) => {
-                this._model = model;
-                self._applyBindings(model, _$element);
-            });
+            this.developmentMode = this.developmentMode || newData.developmentMode;
+            newData.developmentMode = this.developmentMode;
+            Object(external_DevExpress_Analytics_Internal_["troubleshootingPageWrapper"])(() => {
+                if (this._model) {
+                    this._disposables.splice(this._disposables.indexOf(this._model), 1);
+                    external_ko_["cleanNode"](element.firstChild);
+                    this._model.dispose();
+                }
+                this._createModel(newData, element).done((model) => {
+                    this._model = model;
+                    this._applyBindings(model, _$element);
+                });
+            }, this.developmentMode, _$element);
         };
-        this._disposables.push(self._initializationData.subscribe((newVal) => {
+        this._disposables.push(this._initializationData.subscribe((newVal) => {
             applyBindingsFunc(newVal);
         }));
-        if (self._options.requestOptions) {
-            self._getLocalizationRequest().done((localization) => {
+        if (this._options.requestOptions) {
+            this._getLocalizationRequest().done((localization) => {
                 localization && Object(external_DevExpress_Analytics_Utils_["addCultureInfo"])(localization);
             }).always(() => {
-                if (self._options.requestOptions.getDesignerModelAction) {
-                    if (external_ko_["isSubscribable"](self._options.reportUrl)) {
-                        this._disposables.push(self._options.reportUrl.subscribe((newVal) => self._getDesignerModelRequest(newVal)));
+                if (this._options.requestOptions.getDesignerModelAction) {
+                    if (external_ko_["isSubscribable"](this._options.reportUrl)) {
+                        this._disposables.push(this._options.reportUrl.subscribe((newVal) => this._getDesignerModelRequest(newVal, _$element)));
                     }
-                    self._getDesignerModelRequest(external_ko_["unwrap"](self._options.reportUrl));
+                    this._getDesignerModelRequest(external_ko_["unwrap"](this._options.reportUrl), _$element);
                 }
                 else {
-                    applyBindingsFunc(self._initializationData());
+                    applyBindingsFunc(this._initializationData());
                 }
             });
         }
         else {
-            applyBindingsFunc(self._initializationData());
+            applyBindingsFunc(this._initializationData());
         }
     }
 }
@@ -40101,7 +40491,10 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('i
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dxrd-band-holder\', data: { templateName: \'vrulerTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, measureUnit: $data.measureUnit }; } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'vrulerTemplate', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return { 'surface': item, 'measureUnit': $context.$data.measureUnit }; } } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('zoom: _context.zoom, template: contenttemplate, styleunit: { height: contentHeightWithoutZoom, width: contentWidthWithoutZoom }', function ($context, $element) { return { 'zoom': function () { return $context.$data._context.zoom; }, 'template': function () { return $context.$data.contenttemplate; }, 'styleunit': function () { return { 'height': $context.$data.contentHeightWithoutZoom, 'width': $context.$data.contentWidthWithoutZoom }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { src: imageSrc }, styleunit: { \'height\': contentHeightWithoutZoom, \'width\': contentWidthWithoutZoom }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.imageSrc }; }, 'styleunit': function () { return { 'height': $context.$data.contentHeightWithoutZoom, 'width': $context.$data.contentWidthWithoutZoom }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: error', function ($context, $element) { return { 'text': function () { return $context.$data.error; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data.imageSrc', function ($context, $element) { return { 'if': function () { return $context.$data.imageSrc; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data.isLoading', function ($context, $element) { return { 'if': function () { return $context.$data.isLoading; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data.error', function ($context, $element) { return { 'if': function () { return $context.$data.error; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('zoom: _context.zoom, template: contenttemplate, styleunit: { \'lineHeight\': contentHeightWithoutZoom }', function ($context, $element) { return { 'zoom': function () { return $context.$data._context.zoom; }, 'template': function () { return $context.$data.contenttemplate; }, 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('event: { dblclick:  function (control, e) { $root.navigateByReports.goToSubreport(control); } }, visible: isSelected, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizableOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'event': function () { return { 'dblclick': function (control, e) { $context.$root.navigateByReports.goToSubreport(control); } }; }, 'visible': function () { return $context.$data.isSelected; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$data.getResizableOptions($context.$root.resizeHandler); }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('visible: !isSelected(), styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return !$context.$data.isSelected(); }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
@@ -40156,6 +40549,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('w
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('controlDisplayName: $data, style: contentCss, css: {\'dxrd-control-content-multiline\' : multiline }, cacheElement: { action: function(element) { $data.cacheElementContent(element); } }', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; }, 'css': function () { return { 'dxrd-control-content-multiline': $context.$data.multiline }; }, 'cacheElement': function () { return { 'action': function (element) { $context.$data.cacheElementContent(element); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: position, trackCursor: underCursor, style: css, css: adorntemplate', function ($context, $element) { return { 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; }, 'style': function () { return $context.$data.css; }, 'css': function () { return $context.$data.adorntemplate; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: displayName, style: contentCss', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'style': function () { return $context.$data.contentCss; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('zoom: _context.zoom, template: contenttemplate', function ($context, $element) { return { 'zoom': function () { return $context.$data._context.zoom; }, 'template': function () { return $context.$data.contenttemplate; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('with: propertyGrid', function ($context, $element) { return { 'with': function () { return $context.$data.propertyGrid; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: tableName', function ($context, $element) { return { 'text': function () { return $context.$data.tableName; } }; });
@@ -40178,10 +40572,11 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: startWizard, visible: visible(), text: addDataSourceButtonText, icon: \'dxrd-svg-operations-add\', iconClass: \'dx-image-add\' }, attr: { title: addDataSourceButtonText }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.startWizard, 'visible': $context.$data.visible(), 'text': $context.$data.addDataSourceButtonText, 'icon': 'dxrd-svg-operations-add', 'iconClass': 'dx-image-add' }; }, 'attr': function () { return { 'title': $context.$data.addDataSourceButtonText }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('treeListSearchPanel: {controllers:treeListOptions.treeListController}', function ($context, $element) { return { 'treeListSearchPanel': function () { return { 'controllers': $context.$data.treeListOptions.treeListController }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data.allowAddDataSource', function ($context, $element) { return { 'if': function () { return $context.$data.allowAddDataSource; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: { value: defaultText, readOnly: $data.readOnly() || !$data.isDefaultLanguage() }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.defaultText, 'readOnly': $context.$data.readOnly() || !$context.$data.isDefaultLanguage() }; }, 'css': function () { return { 'dxrd-localization-panel-textbox-full': $context.$data.isDefaultLanguage() }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: { value: localizedText, readOnly: $data.readOnly(), onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, visible: !$data.isDefaultLanguage()}', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.localizedText, 'readOnly': $context.$data.readOnly(), 'onFocusIn': function (e, s) { $context.$parent.onItemGotFocus(e); }, 'visible': !$context.$data.isDefaultLanguage() }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextArea: { value: defaultText, readOnly: $data.readOnly() || !$data.isDefaultLanguage(), autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }', function ($context, $element) { return { 'dxTextArea': function () { return { 'value': $context.$data.defaultText, 'readOnly': $context.$data.readOnly() || !$context.$data.isDefaultLanguage(), 'autoResizeEnabled': true, 'minHeight': '26px', 'maxHeight': '58px' }; }, 'css': function () { return { 'dxrd-localization-panel-textbox-full': $context.$data.isDefaultLanguage() }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextArea: { value: localizedText, readOnly: $data.readOnly(), onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }', function ($context, $element) { return { 'dxTextArea': function () { return { 'value': $context.$data.localizedText, 'readOnly': $context.$data.readOnly(), 'onFocusIn': function (e, s) { $context.$parent.onItemGotFocus(e); }, 'autoResizeEnabled': true, 'minHeight': '26px', 'maxHeight': '58px' }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('searchHighlighting: { text: displayName, textToSearch: $parent.textToSearch }, attr: { \'title\': displayName }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$parent.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: { value: defaultText, readOnly: !$data.isDefaultLanguage() }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.defaultText, 'readOnly': !$context.$data.isDefaultLanguage() }; }, 'css': function () { return { 'dxrd-localization-panel-textbox-full': $context.$data.isDefaultLanguage() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, visible: !$data.isDefaultLanguage()}', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.localizedText, 'onFocusIn': function (e, s) { $context.$parent.onItemGotFocus(e); }, 'visible': !$context.$data.isDefaultLanguage() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextArea: { value: defaultText, readOnly: !$data.isDefaultLanguage(), autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }', function ($context, $element) { return { 'dxTextArea': function () { return { 'value': $context.$data.defaultText, 'readOnly': !$context.$data.isDefaultLanguage(), 'autoResizeEnabled': true, 'minHeight': '26px', 'maxHeight': '58px' }; }, 'css': function () { return { 'dxrd-localization-panel-textbox-full': $context.$data.isDefaultLanguage() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextArea: { value: localizedText, onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }', function ($context, $element) { return { 'dxTextArea': function () { return { 'value': $context.$data.localizedText, 'onFocusIn': function (e, s) { $context.$parent.onItemGotFocus(e); }, 'autoResizeEnabled': true, 'minHeight': '26px', 'maxHeight': '58px' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dx-rtl\': $root.rtl, \'dx-ltr\': !$root.rtl }, styleunit: { width: width }', function ($context, $element) { return { 'css': function () { return { 'dx-rtl': $context.$root.rtl, 'dx-ltr': !$context.$root.rtl }; }, 'styleunit': function () { return { 'width': $context.$data.width }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('resizable: getResizableOptions($element, 0, 500, $root.rtl ? \'Left\': \'Right\', \'Right\', width)', function ($context, $element) { return { 'resizable': function () { return $context.$data.getResizableOptions($element, 0, 500, $context.$root.rtl ? 'Left' : 'Right', 'Right', $context.$data.width); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'Localization\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditor_Title\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Localization', 'ASPxReportsStringId.ReportDesigner_LocalizationEditor_Title'); } }; });
@@ -40190,6 +40585,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dx-field-value-shortened\': getRegisteredService() }', function ($context, $element) { return { 'css': function () { return { 'dx-field-value-shortened': $context.$data.getRegisteredService() }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: function() { $data.applyLocalization($data.getRegisteredService()) }, disabled: isDefaultLanguage(), icon: \'dxrd-svg-actions-apply_localization_service\', iconClass: \'apply-localization-service\' }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': function () { $context.$data.applyLocalization($context.$data.getRegisteredService()); }, 'disabled': $context.$data.isDefaultLanguage(), 'icon': 'dxrd-svg-actions-apply_localization_service', 'iconClass': 'apply-localization-service' }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Translate', 'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate') }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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') }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.propertiesHeaderText()', function ($context, $element) { return { 'text': function () { return $context.$data.propertiesHeaderText(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.defaultLanguageText()', function ($context, $element) { return { 'text': function () { return $context.$data.defaultLanguageText(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()', function ($context, $element) { return { 'text': function () { return $context.$data.currentLanguageText(); }, 'visible': function () { return !$context.$data.isDefaultLanguage(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
@@ -40326,7 +40722,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('visible: $parent.visible', function ($context, $element) { return { 'visible': function () { return $context.$parent.visible; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.getDisplayText()', function ($context, $element) { return { 'text': function () { return $context.$data.getDisplayText(); } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { \'aria-label\': $data.displayText && $data.displayText() || $data.text, \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': ko.unwrap($data.disabled) ? \'true\' : \'false\', \'aria-checked\': $data.selected ? ($data.selected() ? \'true\' : \'false\') : null }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$data.displayText && $context.$data.displayText() || $context.$data.text, 'aria-hidden': $context.ko.unwrap($context.$data.visible) ? 'false' : 'true', 'aria-disabled': $context.ko.unwrap($context.$data.disabled) ? 'true' : 'false', 'aria-checked': $context.$data.selected ? ($context.$data.selected() ? 'true' : 'false') : null }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
@@ -40337,7 +40733,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxclick: function() { $root.activateExpressionEditor($data); }', function ($context, $element) { return { 'dxclick': function () { return function () { $context.$root.activateExpressionEditor($context.$data); }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('cacheElement: { action: function() { $data.cacheFunction($root.activateExpressionEditor); } }, dxclick: function(_, element) { showPopup(_, element) }, attr: { title: hint }, css: editorMenuButtonCss', function ($context, $element) { return { 'cacheElement': function () { return { 'action': function () { $context.$data.cacheFunction($context.$root.activateExpressionEditor); } }; }, 'dxclick': function () { return function (_, element) { $context.$data.showPopup(_, element); }; }, 'attr': function () { return { 'title': $context.$data.hint }; }, 'css': function () { return $context.$data.editorMenuButtonCss; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopup: { animation: { show: { type: \'fadeIn\', duration: 700 }, hide: { type: \'fadeOut\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'animation': { 'show': { 'type': 'fadeIn', 'duration': 700 }, 'hide': { 'type': 'fadeOut', 'duration': 700 } }, 'showTitle': true, 'wrapperAttr': { 'class': 'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general' }, 'title': $context.$data.title, 'visible': $context.$data.popupVisible, 'toolbarItems': $context.$data.buttonItems, 'showCloseButton': true, 'fullScreen': false, 'height': '645px', 'maxHeight': '95%', 'width': '862px', 'maxWidth': '95%', 'minHeight': '400px', 'minWidth': '600px', 'resizeEnabled': true, 'container': $context.$data.getPopupContainer($element), 'position': { 'of': $context.$data.getPopupContainer($element) }, 'onShowing': function (e) { $context.$data.onShowing(e); }, 'onHiding': function (e) { $context.$data.onHiding(e); }, 'onShown': function (e) { $context.$data.editor().onShown(e); } }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopup: { animation: { show: { type: \'fadeIn\', duration: 700 }, hide: { type: \'fadeOut\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, onResize: function() { $data.resizeAceEditor() }, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'animation': { 'show': { 'type': 'fadeIn', 'duration': 700 }, 'hide': { 'type': 'fadeOut', 'duration': 700 } }, 'showTitle': true, 'wrapperAttr': { 'class': 'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general' }, 'title': $context.$data.title, 'visible': $context.$data.popupVisible, 'toolbarItems': $context.$data.buttonItems, 'showCloseButton': true, 'fullScreen': false, 'height': '645px', 'maxHeight': '95%', 'width': '862px', 'maxWidth': '95%', 'minHeight': '400px', 'minWidth': '600px', 'resizeEnabled': true, 'onResize': function () { $context.$data.resizeAceEditor(); }, 'container': $context.$data.getPopupContainer($element), 'position': { 'of': $context.$data.getPopupContainer($element) }, 'onShowing': function (e) { $context.$data.onShowing(e); }, 'onHiding': function (e) { $context.$data.onHiding(e); }, 'onShown': function (e) { $context.$data.editor().onShown(e); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-selected': $context.$data.isSelected }; }, 'dxclick': function () { return function () { $context.$data.click($context.$data.content); }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: displayName, attr: { title: displayName }, css: { \'dxrd-expressioneditor-property-binded\': isBinded() }', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName }; }, 'css': function () { return { 'dxrd-expressioneditor-property-binded': $context.$data.isBinded() }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-propertyexpression'; }, 'visible': function () { return $context.$data.isBinded(); } }; });
@@ -40398,17 +40794,17 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxFieldListPicker: $data', function ($context, $element) { return { 'dxFieldListPicker': function () { return $context.$data; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: getOptions({ value: value, disabled: disabled }), dxValidator: { validationRules: generateRules($root.controlsHelper.allControls) || [] }', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.getOptions({ 'value': $context.$data.value, 'disabled': $context.$data.disabled }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.generateRules($context.$root.controlsHelper.allControls) || [] }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxEllipsisEditor: { value: displayValue, buttonAction: function() { $parent.showPopup($root.editableObject && $root.editableObject()); }, disabled: disabled, isValid: modelValueValid, warningMessage: modelValueWarning }', 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 }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["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) || [] }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["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 } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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' }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxImageSourceEditor: { value: value, accept: \'image/*\', type: \'img\', disabled: disabled }', function ($context, $element) { return { 'dxImageSourceEditor': function () { return { 'value': $context.$data.value, 'accept': 'image/*', 'type': 'img', 'disabled': $context.$data.disabled }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxFileImagePicker: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.pdf\' }', function ($context, $element) { return { 'dxFileImagePicker': function () { return { 'value': $context.$data.value, 'placeholderId': 'File', 'disabled': $context.$data.disabled, 'accept': '.pdf' }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxImageSourceEditor: { value: value, accept: \'image/*\', type: \'img\', disabled: disabled, inputAttr: { id: editorInputId}, showClearButton: true }', function ($context, $element) { return { 'dxImageSourceEditor': function () { return { 'value': $context.$data.value, 'accept': 'image/*', 'type': 'img', 'disabled': $context.$data.disabled, 'inputAttr': { 'id': $context.$data.editorInputId }, 'showClearButton': true }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('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) }}', function ($context, $element) { return { 'dxPopup': function () { return { 'showTitle': true, 'width': '550px', 'height': '400px', 'wrapperAttr': { 'class': 'dxrd-summaryeditor-popup' }, 'title': $context.$root.getLocalization('Summary Editor'), 'visible': $context.$data.popup.visible, 'toolbarItems': $context.$data.popup.buttons, 'showCloseButton': true, 'container': $context.$data.popup.container($element), 'position': { 'of': $context.$data.popup.container($element) } }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { dataSource: $data.getValues(), searchEnabled: true, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element)  }, 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) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('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  }', 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) }, 'inputAttr': { 'id': $context.$data.editorInputId }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { dataSource: $data.getValues(), searchEnabled: true, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element), width:  $root.calculateWithZoomFactor(357)  }, 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) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('displayNameExtender: { dataSource: dataSource, dataMember: displayExpr }', function ($context, $element) { return { 'displayNameExtender': function () { return { 'dataSource': $context.$data.dataSource, 'dataMember': $context.$data.displayExpr }; } }; });
@@ -40591,7 +40987,6 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: "dxrd-page-setup-page-colored-preview", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-setup-page-colored-preview', 'data': $context.$data }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data._reportTitleVisible', function ($context, $element) { return { 'if': function () { return $context.$data._reportTitleVisible; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: _masterDetailInfo', function ($context, $element) { return { 'foreach': function () { return $context.$data._masterDetailInfo; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: fields', function ($context, $element) { return { 'foreach': function () { return $context.$data.fields; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dxrd-report-layout-type-five-items\': layoutTypeItems()[0].margin == 1 }', function ($context, $element) { return { 'css': function () { return { 'dxrd-report-layout-type-five-items': $context.$data.layoutTypeItems()[0].margin == 1 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxRadioGroup: { value: selectedPageOrientation, items: pageOrientationItems, layout: \'horizontal\' }', function ($context, $element) { return { 'dxRadioGroup': function () { return { 'value': $context.$data.selectedPageOrientation, 'items': $context.$data.pageOrientationItems, 'layout': 'horizontal' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('event: { click: $parent.layoutTypeItemClick }, css: { \'dxd-state-selected dxd-border-secondary dxd-back-secondary\': $parent.isSelected($data) }, style: { margin: \'0 \' + margin + \'px\' }', function ($context, $element) { return { 'event': function () { return { 'click': $context.$parent.layoutTypeItemClick }; }, 'css': function () { return { 'dxd-state-selected dxd-border-secondary dxd-back-secondary': $context.$parent.isSelected($context.$data) }; }, 'style': function () { return { 'margin': '0 ' + $context.$data.margin + 'px' }; } }; });
@@ -40708,7 +41103,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-pivotgrid-selection': '<div class="dxrd-control" data-bind=" visible: !($data.selected() || $data.focused()), css: { \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-control-rtl\': getControlModel().rtl() }, styleunit: position, trackCursor: underCursor"> <!-- ko template: \'dxrd-pivotgrid-selection-context\' --> <!-- /ko --> </div> <div class="dxrd-control" data-bind="visible: $data.selected() || $data.focused(), css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-control-rtl\': getControlModel().rtl() }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko template: \'dxrd-pivotgrid-selection-context\' --> <!-- /ko --> </div>',
     'dxrd-report': '<div class="dxrd-surface" data-bind="styleunit: { \'width\': Math.min($data.pageWidth() + $data.maxMarkerWidth() + $root.verticalScrollOffset() , $root.surfaceSize()) }, css: { \'dxrd-surface-rtl\': rtl() }, click: function(surface, e) { !$root.selection.disabled() && $root.selection.clickHandler($root.selection.dropTarget ? null : surface, e); e.stopPropagation(); }, keyDownActions: $root.actionLists"> <div class="dxrd-content-panel-wrapper" data-bind="styleunit: $root.dx[\'config\']()[\'rtlEnabled\'] ?  { right: maxMarkerWidth() } : { left: maxMarkerWidth() }, style: { bottom: (20 - $root.horizontalScrollOffset()) + \'px\' }"> <div class="dxrd-content-panel"> <div class="dxrd-hruler-wrapper"> <div class="dxrd-hruler" data-bind="styleunit: { left: leftMarginOffset,\'width\': margins.left }"> <div data-bind="ruler: { \'zoom\': zoom, \'length\': margins.left, \'units\': measureUnit, flip: ko.computed(function(){ return !rtl(); }) }"></div> <div class="dxrd-ruler-shadow" data-bind="styleunit: { left: 0, \'width\': margins.left }"></div> </div> <div class="dxrd-hruler" data-bind="styleunit: { \'width\': (pageWidth() - margins.left()), left: ghostContainerOffset }"> <div class="dxrd-margin-resizable" data-bind="styleunit: { \'width\': pageWidthWithoutMargins, \'left\': leftMarginResizableOffset }, resizable: leftMarginResizeOptions($root.undoEngine, $element)"></div> <div data-bind="ruler: { \'zoom\': zoom, \'length\': function() { return pageWidth() - margins.left();}, \'units\': measureUnit, flip: rtl }"></div> <div class="dxrd-ruler-shadow" data-bind="styleunit: { left: rightMarginOffset, width: margins.right }, resizable: rightMarginResizeOptions($root.undoEngine, $element)"></div> </div> <div class="dxrd-vscroller-space" data-bind="styleunit: { \'left\': pageWidth() }"></div> </div> <div class="dxrd-viewport" data-bind="styleunit: { minWidth: Math.min($data.pageWidth() + $root.verticalScrollOffset(), $root.surfaceSize()) - $data.maxMarkerWidth(), maxWidth: $data.pageWidth() + $root.verticalScrollOffset(), maxHeight: $data.effectiveHeight() + $root.horizontalScrollOffset() }, event: { scroll: function() { $root.onViewPortScroll($element) } }, style: { \'overflow-x\': $root.horizontalScrollOffset() ? \'auto\' : \'hidden\', \'overflow-y\': $root.verticalScrollOffset() ? \'auto\' : \'hidden\' }"> <div data-bind="selectable: { selection: $root.selection, zoom: zoom }"> <div class="dxrd-leftMargin" data-bind="styleunit: { left: leftMarginOffset, width: margins.left() }"> <div class="dxrd-selection dxrd-position-absolute" > <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginSelectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $data.margins.left }; } } }--> <!-- /ko --> </div> <div class="dxrd-flip"> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $data.margins.left, snapGridSize: $data.snapGridSize  }; } } }--> <!-- /ko --> </div> </div> <div class="dxrd-ghost-containment" data-bind="styleunit: { left: ghostContainerOffset }"> <div class="dxrd-ghost-container" data-bind="styleunit: { \'width\': pageWidthWithoutMargins, \'height\': minHeight }"> <div class="dxrd-bands-content dxrd-main"> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'templateName\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- ko foreach: crossBandControls --> <!-- ko if: visible --> <!-- ko template: { name: template } --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <svg class="dxrd-height-100 dxrd-position-absolute dxrd-top-0 dxrd-width-1px dxrd-z-index--1" data-bind="styleunit: { left: leftMarginOffset() }"> <line data-bind="attr: { x1: 0, x2: 0 }" y1="0" y2="100%" class="dxrd-stroke-rgb-128 dxrd-stroke-width-05px dxrd-stroke-dasharray-5px" /> </svg> <svg class="dxrd-rightMargin-border" data-bind="styleunit: { left: rtl() ? margins.right() : rightMarginOffset() }, visible: margins.right() > 0"> <line data-bind="attr: { x1: 0, x2: 0 }" y1="0" y2="100%" class="dxrd-stroke-rgb-220 dxrd-stroke-width-3px dxrd-stroke-dasharray-5px" /> </svg> <!-- ko template: { name: \'dxd-snap-lines-holder\', data: $root.snapHelper } --> <!-- /ko --> </div> <div class="dxrd-bands-content dxrd-selection" data-bind="styleunit: { \'width\': pageWidthWithoutMargins }"> <div class="dxrd-bands-content-offset"> <div class="dxrd-leftMargin-resizable" data-bind="styleunit: { \'width\': pageWidthWithoutMargins, \'left\': leftMarginResizableOffset }, resizableReportMargins: leftMarginResizeOptions($root.undoEngine, $element)"></div> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- ko foreach: crossBandControls --> <!-- ko if: visible --> <div class="dxrd-cross-band" data-bind="visible: isSelected() && !$root.dx._static.DragDropHandler.started(), css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor"> </div> <!-- /ko --> <!-- /ko --> <div class="dxrd-rightMargin-resizable" data-bind="styleunit: { left: rightMarginResizableOffset }, resizableReportMargins: rightMarginResizeOptions($root.undoEngine, $element)"></div> </div> </div> </div> </div> </div> <!-- ko ifnot: focused --> <!-- ko template: { name: \'dxrd-smart-tags\', data: $root.smartTagModel, if: $root.smartTagModel.visible && $root.smartTagModel.smartTags().length > 0 } --> <!-- /ko --> <!-- /ko --> </div> <!-- ko if: focused --> <!-- ko template: { name: \'dxrd-smart-tags\', data: $root.smartTagModel, if: $root.smartTagModel.visible && $root.smartTagModel.smartTags().length > 0 } --> <!-- /ko --> <!-- /ko --> </div> </div> <div class="dxrd-bands-panel-wrapper" data-bind="styleunit: { width: maxMarkerWidth() }"> <div class="dxrd-bands-panel"> <div class="dxrd-band-headers"> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'vrulerTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, measureUnit: $data.measureUnit }; } } }--> <!-- /ko --> </div> </div> <div class="dxrd-hscroller-space"></div> </div></div>',
     'dxrd-richedit': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main" data-bind="styleunit: { \'top\': contentSizes().top, \'left\': contentSizes().left, lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width }, style: css"> <div data-bind="zoom: _context.zoom, template: contenttemplate, styleunit: { height: contentHeightWithoutZoom, width: contentWidthWithoutZoom }" class="dxrd-position-absolute"> </div> </div> <div data-bind="style: borderCss" class="dxrd-width-100 dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div></div>',
-    'dxrd-shape-content': '<img data-bind="attr: { src: imageSrc }, styleunit: { \'height\': contentHeightWithoutZoom, \'width\': contentWidthWithoutZoom }" /><!-- ko if: $data.isLoading --><div class="dx-content-loading-panel"> <div data-bind="dxLoadIndicator: { visible: isLoading() }"></div></div><!-- /ko -->',
+    'dxrd-server-rendered-control-content': '<!-- ko if: $data.imageSrc --><img data-bind="attr: { src: imageSrc }, styleunit: { \'height\': contentHeightWithoutZoom, \'width\': contentWidthWithoutZoom }" /><!-- /ko --><!-- ko if: $data.isLoading --><div class="dx-content-loading-panel"> <div data-bind="dxLoadIndicator: { visible: isLoading() }"></div></div><!-- /ko --><!-- ko if: $data.error --><p class="dxrd-internal-error" data-bind="text: error"></p><!-- /ko -->',
     'dxrd-shape': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main" data-bind="styleunit: { \'top\': contentSizes().top, \'left\': contentSizes().left, lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width }, style: css"> <div data-bind="zoom: _context.zoom, template: contenttemplate, styleunit: { \'lineHeight\': contentHeightWithoutZoom }" class="dxrd-position-absolute"> </div> </div> <div data-bind="style: borderCss" class="dxrd-width-100 dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div></div>',
     'dxrd-subreport-selection': '<div class="dxrd-control" data-bind="event: { dblclick:  function (control, e) { $root.navigateByReports.goToSubreport(control); } }, visible: isSelected, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizableOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor"> <div class="dxd-border-accented dxrd-control-border-box"></div></div><div class="dxrd-control" data-bind="visible: !isSelected(), styleunit: position, trackCursor: underCursor"></div>',
     'dxrd-subreport': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div data-bind="style: borderCss" class="dxrd-width-100 dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div> <div class="dxrd-control-content" data-bind="text: displayText(), style: contentCss"></div></div>',
@@ -40719,6 +41114,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-table-of-contents-selected': '<div class="dxrd-control dxrd-table-of-contents-selected" data-bind="event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: {\'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko with: levelTitle --> <div class="dxrd-control dxrd-control-line-ui-resizeble" data-bind="styleunit: position, resizable: resizable($root.resizeHandler, $element)"> <!-- ko with: $root.inlineTextEdit--> <!-- ko if: visible --> <div class="inline-text-edit" data-bind="dxTextArea: { value: text, onKeyUp: keypressAction, valueChangeEvent: \'keyup\' }"></div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko foreach: $data.levels() --> <div class="dxrd-control dxrd-control-line-ui-resizeble" data-bind="styleunit: { height: position.height, top: position.top, lineHeight: position.lineHeight }, resizable: resizable($root.resizeHandler, $element)" class="dxrd-left-0 dxrd-width-100"></div> <!-- /ko --> <!-- ko with: levelDefault --> <div class="dxrd-control" data-bind="styleunit: { height: position.height, top: position.top, lineHeight: position.lineHeight }, resizable: resizable($root.resizeHandler, $element)" class="dxrd-left-0 dxrd-width-100"></div> <!-- /ko --> </div> <div class="dxrd-control" data-bind="visible: !isSelected(), styleunit: position, trackCursor: underCursor"> </div>',
     'dxrd-textcontrol-content': '<div class="dxrd-box-sizing-border-box dxrd-letter-spacing-normal dxrd-width-100" data-bind="styleunit: { lineHeight: contentHeightWithoutZoom }"> <div class="dxrd-control-content" data-bind="controlDisplayName: $data, style: contentCss, css: {\'dxrd-control-content-multiline\' : multiline }, cacheElement: { action: function(element) { $data.cacheElementContent(element); } } "></div></div>',
     '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-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>',
@@ -40726,8 +41122,8 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     '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-item-text-content-with-rename': '<div class="dx-treelist-text-wrapper"> <!-- ko if: !inRenameMode --> <!-- ko if: treeListController.searchEnabled --> <div class="dx-treelist-text dx-highlighted-search-text" data-bind="searchHighlighting: { text: text, textToSearch: treeListController.textToSearch, searchOptions: treeListController.searchOptions }, attr: { title: text }"></div> <!-- /ko  --> <!-- ko ifnot: treeListController.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: $data.createRenameEditorOptions(), dxValidator: $data.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 --></div>',
-    'dxrd-localization-editor-item': '<div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-value"> <!-- ko if: !ko.unwrap($data.multiline) --> <div class="dxrd-localization-panel-default" data-bind="dxTextBox: { value: defaultText, readOnly: $data.readOnly() || !$data.isDefaultLanguage() }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"></div> <div class="dxrd-localization-panel-current" data-bind="dxTextBox: { value: localizedText, readOnly: $data.readOnly(), 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.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, readOnly: $data.readOnly(), 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: 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($data.getRegisteredService()) }, disabled: isDefaultLanguage(), icon: \'dxrd-svg-actions-apply_localization_service\', iconClass: \'apply-localization-service\' }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }"></div> <!-- /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-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-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: 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($data.getRegisteredService()) }, disabled: isDefaultLanguage(), icon: \'dxrd-svg-actions-apply_localization_service\', iconClass: \'apply-localization-service\' }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }"></div> <!-- /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-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>',
@@ -40760,11 +41156,11 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     '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="attr: { \'aria-label\': $data.displayText && $data.displayText() || $data.text, \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': ko.unwrap($data.disabled) ? \'true\' : \'false\', \'aria-checked\': $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" 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-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>',
     'dxrd-activated-expressioneditor': '<!-- ko if: !!$data --> <!-- ko template: \'dxrd-expressioneditor-popup\' --> <!-- /ko --> <!-- /ko -->',
-    'dxrd-expressioneditor-popup': '<div data-bind="dxPopup: { animation: { show: { type: \'fadeIn\', duration: 700 }, hide: { type: \'fadeOut\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }"> <div class="dxrd-expressioneditor-popup-content"> <div class="dxrd-expressioneditor-properties dx-expressioneditor-properties dxd-back-primary2" data-bind="resizable: resizeHelper.resizable($root.resizeHandler, \'e\')"> <div class="dxrd-expressioneditor-properties-content-wrapper dxd-border-secondary " data-bind="dxScrollView: { showScrollbar: \'onHover\' }"> <!-- ko foreach: properties --> <!-- ko if: $data.templateName --> <!-- ko template: $data.templateName--> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.templateName --> <div class="dxrd-expressioneditor-property dxd-text-primary dxd-list-item-back-color dxd-back-highlighted dxrd-padding-left-17px" data-bind="css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }" > <div class="dxrd-expressioneditor-property-text" data-bind="text: displayName, attr: { title: displayName }, css: { \'dxrd-expressioneditor-property-binded\': isBinded() }"></div> <div class="dxrd-expression-image dxd-icon-accented" data-bind="template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()"></div> </div> <!-- /ko --> <!-- /ko --> </div> </div> <!-- ko with: $data.adapter --> <!-- ko if: $data.patchOptions($root.reportExplorerProvider, $root.editableObject && $root.editableObject()) --> <div data-bind="dxExpressionEditor: { options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: \'dx-expressioneditor-main\', popupVisible: $data.popupVisible, wrapper: $parent }"></div> <!-- /ko --> <!-- /ko --> </div> </div>',
+    'dxrd-expressioneditor-popup': '<div data-bind="dxPopup: { animation: { show: { type: \'fadeIn\', duration: 700 }, hide: { type: \'fadeOut\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, onResize: function() { $data.resizeAceEditor() }, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }"> <div class="dxrd-expressioneditor-popup-content"> <div class="dxrd-expressioneditor-properties dx-expressioneditor-properties dxd-back-primary2" data-bind="resizable: resizeHelper.resizable($root.resizeHandler, \'e\')"> <div class="dxrd-expressioneditor-properties-content-wrapper dxd-border-secondary " data-bind="dxScrollView: { showScrollbar: \'onHover\' }"> <!-- ko foreach: properties --> <!-- ko if: $data.templateName --> <!-- ko template: $data.templateName--> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.templateName --> <div class="dxrd-expressioneditor-property dxd-text-primary dxd-list-item-back-color dxd-back-highlighted dxrd-padding-left-17px" data-bind="css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }" > <div class="dxrd-expressioneditor-property-text" data-bind="text: displayName, attr: { title: displayName }, css: { \'dxrd-expressioneditor-property-binded\': isBinded() }"></div> <div class="dxrd-expression-image dxd-icon-accented" data-bind="template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()"></div> </div> <!-- /ko --> <!-- /ko --> </div> </div> <!-- ko with: $data.adapter --> <!-- ko if: $data.patchOptions($root.reportExplorerProvider, $root.editableObject && $root.editableObject()) --> <div data-bind="dxExpressionEditor: { options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: \'dx-expressioneditor-main\', popupVisible: $data.popupVisible, wrapper: $parent }"></div> <!-- /ko --> <!-- /ko --> </div> </div>',
     'dx-expressioneditor-report-items': '<!-- ko template: { name: \'dx-expressioneditor-fields\', data: $data } --> <!-- /ko -->',
     'dxrd-expressioneditor-property-accordion': '<div class="dx-fieldset dxrd-margin-0" > <div data-bind="dxdAccordion: { collapsed: collapsed }"> <div class="dx-accordion-header dx-expressioneditor-property-accordion-header dxd-list-item-back-color dxd-back-highlighted" data-bind="css: {\'dxd-state-selected\': $data.isSelected }"> <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed() }" ></div> <span class="dxrd-expressioneditor-property-header" data-bind="text: displayName, style: { fontWeight: isBinded() ? \'Bold\' : \'\'}"></span> </div> <div class="dx-accordion-content"> <!-- ko foreach: items--> <!-- ko if: $data.templateName --> <!-- ko template: $data.templateName--> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.templateName --> <div class="dxrd-expressioneditor-property dxd-text-primary dxd-list-item-back-color dxd-back-highlighted" data-bind="css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }"> <div class="dxrd-expressioneditor-property-text" data-bind="text: displayName, attr: { title: displayName }, css: { \'dxrd-expressioneditor-property-binded\': isBinded() }"></div> <div class="dxrd-expression-image dxd-icon-accented" data-bind="template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()"></div> </div> <!-- /ko --> <!-- /ko --> </div> </div> </div>',
     'dxrd-viewStyle': '<div data-bind="dxLocalizedSelectBox: { items: viewmodel.items, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) } }"></div>',
@@ -40796,17 +41192,17 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     '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-name': '<div data-bind="dxTextBox: getOptions({ value: value, disabled: disabled }), 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 }"></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-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, accept: \'image/*\', type: \'img\', disabled: disabled }"></div>',
-    'dxrd-pdfcontent-loadfile': '<div data-bind="dxFileImagePicker: { value: value, placeholderId: \'File\', disabled: disabled, accept:\'.pdf\' }"></div>',
+    'dxrd-image-loadfile': '<div data-bind="dxImageSourceEditor: { value: value, 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)  }, 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)  }, 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-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-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>',
@@ -41095,6 +41491,8 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
 
 
 
+
+
 
 
 
@@ -41127,6 +41525,12 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
 
 
 
+
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/utils/serializationInfo.js
+
+
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/utils/publicCallbacks.js
+
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-designer-utils.js
 
@@ -41142,6 +41546,10 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
 
 
 
+
+
+
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/metadata/properties/dataBindings.js
 
 var dataBindingsSerializationInfo = [
@@ -41281,7 +41689,8 @@ class dataSourceEditor_DataSourceEditor extends external_DevExpress_Analytics_Wi
                 disabled: this.disabled,
                 dropDownOptions: { container: popupContainer },
                 popupPosition: { boundary: popupContainer },
-                useItemTextAsTitle: true
+                useItemTextAsTitle: true,
+                inputAttr: { id: this.editorInputId }
             };
         }
         return this._getEditorOptions;