devexpress-reporting 24.1.8-build-24309-2232 → 24.2.2-beta

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -599,6 +599,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, {
   defaultFrameOptionsSerializationInfo: () => (defaultFrameOptionsSerializationInfo),
   defaultPrinterSettingsUsingInfo: () => (defaultPrinterSettingsUsingInfo),
   defaultTextPadding: () => (defaultTextPadding),
+  designerOptions: () => (designerOptions),
   detailReportBandScripts: () => (detailReportBandScripts),
   displayName: () => (displayName),
   dpi: () => (dpi),
@@ -746,6 +747,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, {
   shapeSerializationsInfo: () => (shapeSerializationsInfo),
   shapeType: () => (shapeType),
   shapesMap: () => (shapesMap),
+  showExportWarnings: () => (showExportWarnings),
   showPreviewMarginLines: () => (showPreviewMarginLines),
   showText: () => (showText),
   signatureOptions: () => (signatureOptions),
@@ -1234,6 +1236,7 @@ __webpack_require__.d(reporting_designer_internal_namespaceObject, {
   TableOfContentLocalizationProvider: () => (TableOfContentLocalizationProvider),
   TextElementSizeHelper: () => (TextElementSizeHelper),
   TodoControlSurface: () => (TodoControlSurface),
+  ToolboxSubcategoriesGroups: () => (ToolboxSubcategoriesGroups),
   TranslateHelper: () => (TranslateHelper),
   UnknownViewModel: () => (UnknownViewModel),
   ValueEditorAddOn: () => (ValueEditorAddOn),
@@ -1380,6 +1383,7 @@ var reporting_designer_settings_namespaceObject = {};
 __webpack_require__.r(reporting_designer_settings_namespaceObject);
 __webpack_require__.d(reporting_designer_settings_namespaceObject, {
   ContextMenusEnabled: () => (ContextMenusEnabled),
+  DimensionNotationsEnabled: () => (DimensionNotationsEnabled),
   PropertyGrid: () => (PropertyGrid),
   SmartTagsEnabled: () => (SmartTagsEnabled)
 });
@@ -1600,6 +1604,8 @@ __webpack_require__.d(reporting_designer_controls_richEdit_internal_toolbar_name
 
 ;// external "DevExpress.Analytics.Internal"
 const external_DevExpress_Analytics_Internal_namespaceObject = DevExpress.Analytics.Internal;
+;// external "DevExpress.Analytics.Utils"
+const external_DevExpress_Analytics_Utils_namespaceObject = DevExpress.Analytics.Utils;
 ;// ./node_modules/devexpress-reporting/chart/_handlerUri.js
 
 const HandlerUri = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)('DXXCD.axd');
@@ -1607,9 +1613,10 @@ const HandlerUri = (0,external_DevExpress_Analytics_Internal_namespaceObject.cre
 ;// ./node_modules/devexpress-reporting/chart/internal/_requests.js
 
 
+
 class ChartRequests {
     static getChartImage(uri, chartLayout, width, height) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(uri, 'chart', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(uri, 'chart', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             width: width,
             height: height,
             Chart: JSON.stringify({
@@ -1621,15 +1628,13 @@ class ChartRequests {
         }));
     }
     static fieldListCallback(request) {
-        const requestJson = JSON.stringify(request);
+        const requestJson = (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)(request);
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'fieldList', requestJson);
     }
 }
 
 ;// external "ko"
 const external_ko_namespaceObject = ko;
-;// external "DevExpress.Analytics.Utils"
-const external_DevExpress_Analytics_Utils_namespaceObject = DevExpress.Analytics.Utils;
 ;// ./node_modules/devexpress-reporting/chart/_dateUtils.js
 
 
@@ -2111,7 +2116,6 @@ class ConstantLineViewModel extends ChartLocalizableElementCollectionItemBase {
 }
 ConstantLineViewModel.prefix = 'Constant Line ';
 
-
 ;// ./node_modules/devexpress-reporting/chart/components/models/_scaleBreak.js
 
 
@@ -2125,7 +2129,6 @@ class ScaleBreakViewModel extends ChartElementCollectionItemBase {
 }
 ScaleBreakViewModel.prefix = 'Scale Break ';
 
-
 ;// ./node_modules/devexpress-reporting/chart/internal/meta/_series.js
 
 
@@ -2306,7 +2309,6 @@ StripViewModel.initialModel = {
     }
 };
 StripViewModel.prefix = 'Strip ';
-
 const stripSerializationsInfo = [visible, color, showInLegend, legendName, legendText, showAxisLabel, axisLabelText, _common_name, tag, stripFillStyle, stripMinLimitInfo, stripMaxLimitInfo];
 
 ;// ./node_modules/devexpress-reporting/chart/components/axis/_axisXYViewModel.js
@@ -2361,7 +2363,6 @@ class SecondaryAxisViewModel extends AxisXYViewModel {
 SecondaryAxisViewModel.xPrefix = 'Secondary Axis X';
 SecondaryAxisViewModel.yPrefix = 'Secondary Axis Y';
 
-
 ;// external "DevExpress.ui.dxSelectBox"
 const external_DevExpress_ui_dxSelectBox_namespaceObject = DevExpress.ui.dxSelectBox;
 var external_DevExpress_ui_dxSelectBox_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_dxSelectBox_namespaceObject);
@@ -2434,7 +2435,6 @@ class SummaryFunctionModel {
     }
 }
 SummaryFunctionModel.availableItems = ['SUM', 'MIN', 'MAX', 'AVERAGE', 'COUNT'];
-
 class SummaryFunctionEditor extends external_DevExpress_Analytics_Widgets_namespaceObject.FieldListEditor {
     createViewModel() {
         const viewmodel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
@@ -2882,7 +2882,6 @@ class SeriesPointModel extends external_DevExpress_Analytics_Elements_namespaceO
     }
 }
 SeriesPointModel.separator = ';';
-
 const valuesSerializable = { propertyName: 'valuesSerializable', modelName: '@ValuesSerializable', from: (val) => { return external_ko_namespaceObject.observable(val); }, toJsonObject: SeriesPointModel.valueToJsonObject }, colorSerializable = { propertyName: 'colorSerializable', modelName: '@ColorSerializable', displayName: 'Color', localizationId: 'DevExpress.XtraCharts.SeriesPoint.Color', from: external_DevExpress_Analytics_Utils_namespaceObject.colorFromString, toJsonObject: external_DevExpress_Analytics_Utils_namespaceObject.colorToString, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('customColorEditor') };
 const seriesPointSerializationsInfo = [argumentSerializable, valuesSerializable, colorSerializable];
 
@@ -3444,7 +3443,6 @@ class TitleViewModel extends ChartElementCollectionItemBase {
     }
 }
 TitleViewModel.prefix = 'Title';
-
 class ChartViewTitleModel extends TitleViewModel {
     getInfo() {
         return chartViewTitleSerializationsInfo;
@@ -3969,7 +3967,6 @@ class Indicator extends ChartElementCollectionItemBase {
     }
 }
 Indicator.prefix = 'indicator';
-
 function assignIndicatorActions(indicators) {
     const addIndicator = (model, display) => {
         model['@Name'] = (0,external_DevExpress_Analytics_Internal_namespaceObject.getUniqueName)(indicators().map(x => { return x['name'](); }), display);
@@ -4723,7 +4720,6 @@ class SeriesTemplateViewModel extends external_DevExpress_Analytics_Elements_nam
     }
 }
 SeriesTemplateViewModel.dataMemberProperies = ['argumentDataMember', 'valueDataMembers'];
-
 const seriesPointsSorting = {
     propertyName: 'seriesPointsSorting', modelName: '@SeriesPointsSorting', displayName: 'Series Points Sorting', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), valuesArray: [{ value: 'None', displayValue: 'None', localizationId: 'DevExpress.XtraReports.UI.MultiColumnMode.None' }, { value: 'Ascending', displayValue: 'Ascending', localizationId: 'DevExpress.XtraReports.UI.XRColumnSortOrder.Ascending' }, { value: 'Descending', displayValue: 'Descending', localizationId: 'DevExpress.XtraReports.UI.XRColumnSortOrder.Descending' }],
     localizationId: 'DevExpress.XtraCharts.SeriesBase.SeriesPointsSorting', defaultVal: 'None'
@@ -4802,7 +4798,6 @@ class SeriesViewModel extends SeriesTemplateViewModel {
     }
 }
 SeriesViewModel.prefix = 'Series';
-
 const seriesSerializationsInfo = [_common_name, points].concat(seriesTemplateSerializationsInfo);
 
 ;// ./node_modules/devexpress-reporting/chart/internal/chartStructure/_provider.js
@@ -4945,7 +4940,6 @@ class AdditionalPaneViewModel extends ChartLocalizableElementCollectionItemBase
 }
 AdditionalPaneViewModel.prefix = 'Pane ';
 
-
 ;// ./node_modules/devexpress-reporting/chart/components/_diagram.js
 
 
@@ -4998,7 +4992,6 @@ class AdditionalLegendViewModel extends ChartLocalizableElementCollectionItemBas
 }
 AdditionalLegendViewModel.prefix = 'Legend';
 
-
 ;// ./node_modules/devexpress-reporting/chart/components/models/_dataContainer.js
 
 
@@ -6153,8 +6146,8 @@ registerEditorTemplates();
 const dataFilterSerializationsInfo = [
     { propertyName: 'columnName', displayName: 'Column Name', editor: external_ko_namespaceObject.bindingHandlers['displayNameExtender'] ? external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('field') : editorTemplates.getEditor('fieldChart'), modelName: '@ColumnNameSerializable', localizationId: 'DevExpress.XtraCharts.DataFilter.ColumnName' },
     {
-        propertyName: 'dataType', displayName: 'Data Type', defaultVal: 'System.String', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), modelName: '@DataTypeSerializable',
-        valuesArray: [{ value: 'System.Boolean', displayValue: 'System.Boolean' }, { value: 'System.Byte', displayValue: 'System.Byte' }, { value: 'System.Char', displayValue: 'System.Char' }, { value: 'System.DateTime', displayValue: 'System.DateTime' }, { value: 'System.Decimal', displayValue: 'System.Decimal' }, { value: 'System.Double', displayValue: 'System.Double' }, { value: 'System.Guid', displayValue: 'System.Guid' }, { value: 'System.Int16', displayValue: 'System.Int16' }, { value: 'System.Int32', displayValue: 'System.Int32' }, { value: 'System.Int64', displayValue: 'System.Int64' }, { value: 'System.SByte', displayValue: 'System.SByte' }, { value: 'System.Single', displayValue: 'System.Single' }, { value: 'System.String', displayValue: 'System.String' }, { value: 'System.TimeSpan', displayValue: 'System.TimeSpan' }, { value: 'System.UInt16', displayValue: 'System.UInt16' }, { value: 'System.UInt32', displayValue: 'System.UInt32' }, { value: 'System.UInt64', displayValue: 'System.UInt64' }],
+        propertyName: 'dataType', displayName: 'Data Type', defaultVal: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), modelName: '@DataTypeSerializable',
+        valuesArray: [{ value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemBoolean, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemBoolean }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemByte, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemByte }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemChar, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemChar }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDouble, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDouble }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemGuid, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemGuid }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16 }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt32, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt32 }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt64, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt64 }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSByte, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSByte }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSingle, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSingle }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemTimeSpan, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemTimeSpan }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt16, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt16 }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt32, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt32 }, { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt64, displayValue: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt64 }],
         localizationId: 'DevExpress.XtraCharts.DataFilter.DataType'
     },
     {
@@ -6374,7 +6367,9 @@ const barCodesTypes = [
     { value: 'DeutschePostLeitcode', displayValue: 'DeutschePostLeitcode', localizationId: 'DevExpress.XtraPrinting.BarCode.Native.BarCodeSymbology.DeutschePostLeitcode' },
     { value: 'SSCC', displayValue: 'SSCC', localizationId: 'DevExpress.XtraPrinting.BarCode.Native.BarCodeSymbology.SSCC' },
     { value: 'QRCodeGS1', displayValue: 'QRCodeGS1', localizationId: 'DevExpress.XtraPrinting.BarCode.Native.BarCodeSymbology.QRCodeGS1' },
-    { value: 'QRCodeEPC', displayValue: 'EPC QR Code', localizationId: 'DevExpress.XtraPrinting.BarCode.Native.BarCodeSymbology.QRCodeEPC' }
+    { value: 'QRCodeEPC', displayValue: 'EPC QR Code', localizationId: 'DevExpress.XtraPrinting.BarCode.Native.BarCodeSymbology.QRCodeEPC' },
+    { value: 'MicroQRCode', displayValue: 'Micro QR Code', localizationId: 'DevExpress.XtraPrinting.BarCode.Native.BarCodeSymbology.MicroQRCode' },
+    { value: 'AztecCode', displayValue: 'Aztec Code', localizationId: 'DevExpress.XtraPrinting.BarCode.Native.BarCodeSymbology.AztecCode' }
 ];
 
 ;// ./node_modules/devexpress-reporting/designer/controls/properties/anchoring.js
@@ -6410,7 +6405,6 @@ Anchoring.states = {
     complete: 'complete',
     fromControls: 'fromControls'
 };
-
 class VerticalAcnhoring extends Anchoring {
     constructor(subscrible, model, anchoringProperty) {
         super(subscrible, model, anchoringProperty);
@@ -6844,6 +6838,7 @@ class ReportParameterHelper extends external_DevExpress_Reporting_Viewer_Paramet
 ;// ./node_modules/devexpress-reporting/designer/dataObjects/parameters/parameterTypesHelper.js
 
 
+
 class ParameterTypesHelper {
     _getTypeInfo(typeName) {
         const values = ParameterTypesHelper.typeValues.filter((type) => { return type.value === typeName; });
@@ -6912,19 +6907,20 @@ class ParameterTypesHelper {
 }
 ParameterTypesHelper.defaultGuidValue = '00000000-0000-0000-0000-000000000000';
 ParameterTypesHelper.typeValues = [
-    { value: 'System.String', displayValue: 'String', defaultValue: '', specifics: 'String', valueConverter: function (val) { return val.toString(); }, localizationId: 'UtilsUIStringId.Parameter_Type_String' },
-    { value: 'System.DateTime', displayValue: 'Date', defaultValue: new Date(new Date().setHours(0, 0, 0, 0)), specifics: 'Date', valueConverter: function (val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.parseDate)(val); }, localizationId: 'UtilsUIStringId.Parameter_Type_DateTime' },
-    { value: 'System.Int16', displayValue: 'Number (16 bit integer)', defaultValue: '0', specifics: 'Integer', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, defaultValue, 'System.Int16'); }, localizationId: 'UtilsUIStringId.Parameter_Type_Int16' },
-    { value: 'System.Int32', displayValue: 'Number (32 bit integer)', defaultValue: '0', specifics: 'Integer', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, defaultValue, 'System.Int32'); }, localizationId: 'UtilsUIStringId.Parameter_Type_Int32' },
-    { value: 'System.Int64', displayValue: 'Number (64 bit integer)', defaultValue: '0', specifics: 'Integer', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, defaultValue, 'System.Int64'); }, localizationId: 'UtilsUIStringId.Parameter_Type_Int64' },
-    { value: 'System.Single', displayValue: 'Number (floating-point)', defaultValue: '0', specifics: 'Float', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.floatValueConverter)(val, defaultValue, 'System.Single'); }, localizationId: 'UtilsUIStringId.Parameter_Type_Float' },
-    { value: 'System.Double', displayValue: 'Number (double-precision floating-point)', defaultValue: '0', specifics: 'Float', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.floatValueConverter)(val, defaultValue, 'System.Double'); }, localizationId: 'UtilsUIStringId.Parameter_Type_Double' },
-    { value: 'System.Decimal', displayValue: 'Number (decimal)', defaultValue: '0', specifics: 'Float', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.floatValueConverter)(val, defaultValue, 'System.Decimal'); }, localizationId: 'UtilsUIStringId.Parameter_Type_Decimal' },
-    { value: 'System.Boolean', displayValue: 'Boolean', defaultValue: false, specifics: 'Bool', valueConverter: function (val) { return String(val).toLowerCase() === 'true' ? true : (String(val).toLowerCase() === 'false' ? false : null); }, localizationId: 'UtilsUIStringId.Parameter_Type_Boolean' },
-    { value: 'System.Guid', displayValue: 'Guid', defaultValue: ParameterTypesHelper.defaultGuidValue, valueConverter: function (val) { return (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.validateGuid)(val) ? val : ParameterTypesHelper.defaultGuidValue; }, specifics: 'guid', localizationId: 'UtilsUIStringId.Parameter_Type_Guid' }
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString, displayValue: 'String', defaultValue: '', specifics: 'String', valueConverter: function (val) { return val.toString(); }, localizationId: 'UtilsUIStringId.Parameter_Type_String' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime, displayValue: 'Date & Time', defaultValue: new Date(new Date().setHours(0, 0, 0, 0)), specifics: 'DateTime', valueConverter: function (val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.parseDate)(val); }, localizationId: 'UtilsUIStringId.Parameter_Type_DateTime' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateOnly, displayValue: 'Date', defaultValue: new Date(new Date().setHours(0, 0, 0, 0)), specifics: 'Date', valueConverter: function (val) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.parseDate)(val); }, localizationId: 'UtilsUIStringId.Parameter_Type_DateOnly' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemTimeOnly, displayValue: 'Time', defaultValue: new Date(new Date().setHours(0, 0, 0, 0)), specifics: 'Time', valueConverter: function (val) { return (0,external_DevExpress_Analytics_Utils_namespaceObject.parseTime)(val); }, localizationId: 'UtilsUIStringId.Parameter_Type_TimeOnly' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16, displayValue: 'Number (16 bit integer)', defaultValue: '0', specifics: 'Integer', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, defaultValue, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16); }, localizationId: 'UtilsUIStringId.Parameter_Type_Int16' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt32, displayValue: 'Number (32 bit integer)', defaultValue: '0', specifics: 'Integer', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, defaultValue, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt32); }, localizationId: 'UtilsUIStringId.Parameter_Type_Int32' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt64, displayValue: 'Number (64 bit integer)', defaultValue: '0', specifics: 'Integer', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, defaultValue, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt64); }, localizationId: 'UtilsUIStringId.Parameter_Type_Int64' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSingle, displayValue: 'Number (floating-point)', defaultValue: '0', specifics: 'Float', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.floatValueConverter)(val, defaultValue, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSingle); }, localizationId: 'UtilsUIStringId.Parameter_Type_Float' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDouble, displayValue: 'Number (double-precision floating-point)', defaultValue: '0', specifics: 'Float', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.floatValueConverter)(val, defaultValue, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDouble); }, localizationId: 'UtilsUIStringId.Parameter_Type_Double' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal, displayValue: 'Number (decimal)', defaultValue: '0', specifics: 'Float', valueConverter: function (val, defaultValue) { return (0,external_DevExpress_Analytics_Internal_namespaceObject.floatValueConverter)(val, defaultValue, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal); }, localizationId: 'UtilsUIStringId.Parameter_Type_Decimal' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemBoolean, displayValue: 'Boolean', defaultValue: false, specifics: 'Bool', valueConverter: function (val) { return String(val).toLowerCase() === 'true' ? true : (String(val).toLowerCase() === 'false' ? false : null); }, localizationId: 'UtilsUIStringId.Parameter_Type_Boolean' },
+    { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemGuid, displayValue: 'Guid', defaultValue: ParameterTypesHelper.defaultGuidValue, valueConverter: function (val) { return (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.validateGuid)(val) ? val : ParameterTypesHelper.defaultGuidValue; }, specifics: 'guid', localizationId: 'UtilsUIStringId.Parameter_Type_Guid' }
 ];
 
-
 ;// ./node_modules/devexpress-reporting/designer/dataObjects/parameters/parameterSettings.js
 
 const parameterSeparator = '|';
@@ -6934,8 +6930,8 @@ const parameterTypeValues = ParameterTypesHelper.typeValues;
 
 
 
-function parameterValueToJsonObject(value) {
-    const result = ReportParameterHelper.getSerializationValue(value, external_DevExpress_Analytics_Utils_namespaceObject.serializeDate);
+function parameterValueToJsonObject(value, serializer, refs, parameter) {
+    const result = ReportParameterHelper.getSerializationValue(value, (date) => (0,external_DevExpress_Analytics_Utils_namespaceObject.serializeParameterDate)(date, parameter.type()));
     return (result instanceof Array) ? result.join(parameterSeparator) : result;
 }
 function collectAvailableParameters(parameters) {
@@ -7252,7 +7248,7 @@ class NavigateToReportAction extends ActionTypeBase {
     }
     getParameters(reportSourceUrl) {
         if (reportStorageWebIsRegister()) {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getData', JSON.stringify({
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getData', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
                 reportUrl: reportSourceUrl
             }));
         }
@@ -7798,7 +7794,6 @@ class GlyphOptions extends external_DevExpress_Analytics_Utils_namespaceObject.D
 }
 GlyphOptions.unitProperties = ['size'];
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/metadata/properties/sortingOptions.js
 
 
@@ -7976,7 +7971,6 @@ class StyleModel extends external_DevExpress_Analytics_Utils_namespaceObject.Dis
 }
 StyleModel.unitProperties = ['paddingObj'];
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/metadata/properties/frameOptions.js
 
 
@@ -8446,7 +8440,7 @@ class ReportRenderingService {
         return ChartRequests.getChartImage(settings_HandlerUri(), new external_DevExpress_Analytics_Utils_namespaceObject.ModelSerializer().serialize(surface._control['chart'], chartSerializationsInfo), surface.contentWidthWithoutZoom(), surface.contentHeightWithoutZoom());
     }
     static getUnknownControlImage(model, scale) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'renderUnknownControl', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'renderUnknownControl', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             layout: JSON.stringify(model),
             scale: scale,
         }));
@@ -8476,10 +8470,10 @@ class ReportRenderingService {
             padding: surface._control['padding'] && surface._control['padding']() || external_DevExpress_Analytics_Elements_namespaceObject.PaddingModel.defaultVal,
             dpi: surface._control['dpi'] && surface._control['dpi']() || 100
         };
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'shapeGlyph', JSON.stringify(params));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'shapeGlyph', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)(params));
     }
     static getRichImage(surface, propertyName) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'renderRich', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'renderRich', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             layout: JSON.stringify((0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(new external_DevExpress_Analytics_Utils_namespaceObject.ModelSerializer().serialize(surface._control), {
                 '@Font': surface._control['font']()
             })),
@@ -8492,7 +8486,7 @@ class ReportRenderingService {
         }));
     }
     static getPdfContentData(control) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'renderPdfContent', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'renderPdfContent', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             sourceBase64: control.source() || '',
             sourceUrl: control.sourceUrl() || '',
             pageRange: control.pageRange() || ''
@@ -9224,7 +9218,6 @@ class XRReportElementViewModel extends external_DevExpress_Analytics_Elements_na
 }
 XRReportElementViewModel.unitProperties = ['size', 'location', 'paddingObj'];
 
-
 ;// ./node_modules/devexpress-reporting/designer/bands/bandSurfaceCollapsedHeight.js
 const bandSurfaceCollapsedHeight = 27;
 
@@ -9973,7 +9966,6 @@ class BandViewModel extends XRReportElementViewModel {
     }
 }
 BandViewModel.unitProperties = ['height'];
-
 class BandSurface extends external_DevExpress_Analytics_Elements_namespaceObject.SurfaceElementBase {
     _getMarginWidth(margins, rtl, isFarMargin = true) {
         const marginWidht = margins ? (isFarMargin && this._context.rtl() ? margins.left && margins.left() : margins.right && margins.right()) || 0 : 0;
@@ -10228,7 +10220,6 @@ BandSurface._unitProperties = {
     heightFromControls: (o) => { return o.heightFromControls; }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/bands/xrVerticalBand.js
 
 
@@ -10279,7 +10270,6 @@ class VerticalBandViewModel extends BandViewModel {
     }
 }
 VerticalBandViewModel.unitProperties = [].concat(['width'], BandViewModel.unitProperties);
-
 class VerticalBandSurface extends external_DevExpress_Analytics_Elements_namespaceObject.SurfaceElementBase {
     _getRtlAbsolutePositionX(bandIndex, bands) {
         const allBandsWidth = this.verticalBandsContainer.getBandsWidth(bands);
@@ -10452,7 +10442,6 @@ VerticalBandSurface._unitProperties = {
     widthFromControls: (o) => { return o.widthFromControls; }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/xrControl.js
 
 
@@ -10625,6 +10614,9 @@ class XRControlViewModel extends XRReportElementViewModel {
             }
         }));
     }
+    isIntersectionEnabled() {
+        return !this.root.designerOptions ? true : this.root.designerOptions?.showExportWarnings();
+    }
     getNearestParent(target) {
         if (['XRPageBreak', 'XRPivotGrid', 'XRSubreport', 'XRTableOfContents', 'XRPdfContent'].indexOf(this.controlType) !== -1) {
             return getNearestBand(target);
@@ -10807,6 +10799,9 @@ class XRControlSurfaceBase extends external_DevExpress_Analytics_Elements_namesp
             return (!control['borders'] || control['borders']() === 'None') ? { 'border': 'solid 1px Silver' } : this.cssCalculator.borderCss(this._context.zoom());
         }));
         this._disposables.push(this.isIntersect = external_ko_namespaceObject.pureComputed(() => {
+            if (control instanceof XRControlViewModel && !control.isIntersectionEnabled()) {
+                return false;
+            }
             return this.isThereIntersectionWithUsefulArea() ||
                 this.isThereIntersectionWithCrossBandControls() ||
                 this.isThereIntersectionWithControls();
@@ -11002,7 +10997,6 @@ XRControlSurface._unitProperties = {
     }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/xrRichTextSurface.js
 
 
@@ -11201,6 +11195,14 @@ const paperKind = {
     ]
 };
 const landscape = { propertyName: 'landscape', modelName: '@Landscape', displayName: 'Landscape', localizationId: 'DevExpress.XtraReports.UI.XtraReport.Landscape', defaultVal: false, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool') };
+const showExportWarnings = {
+    propertyName: 'showExportWarnings', modelName: '@ShowExportWarnings', localizationId: 'DevExpress.XtraReports.UI.XtraReport.ShowExportWarnings',
+    displayName: 'Show Export Warnings', defaultVal: true, from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool')
+};
+const designerOptions = { propertyName: 'designerOptions', modelName: 'DesignerOptions',
+    editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor'),
+    displayName: 'Designer Options', localizationId: 'DevExpress.XtraReports.UI.XtraReport.DesignerOptions',
+    info: [showExportWarnings] };
 const margins = { propertyName: 'margins', modelName: '@Margins', localizable: true, from: external_DevExpress_Analytics_Elements_namespaceObject.Margins.fromString, displayName: 'Margins', localizationId: 'DevExpress.XtraReports.UI.XtraReport.Margins', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor') };
 const pageColor = { propertyName: 'pageColor', modelName: '@PageColor', defaultVal: 'White', from: external_DevExpress_Analytics_Utils_namespaceObject.colorFromString, toJsonObject: external_DevExpress_Analytics_Utils_namespaceObject.colorToString, displayName: 'Page Color', localizationId: 'DevExpress.XtraReports.UI.XtraReport.PageColor', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('customColorEditor') };
 const measureUnit = {
@@ -11306,6 +11308,7 @@ const reportSerializationInfo = [
     measureUnit,
     snapGridSize,
     drawWatermark,
+    designerOptions,
     watermarkId,
     watermarks,
     displayName, verticalContentSplitting, showPreviewMarginLines,
@@ -11378,7 +11381,6 @@ GroupFieldModel.createNew = () => {
     return new GroupFieldModel({});
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/bands/multiColumn.js
 
 
@@ -11414,7 +11416,6 @@ class MultiColumn extends external_DevExpress_Analytics_Elements_namespaceObject
     }
 }
 MultiColumn.unitProperties = ['columnWidth', 'columnSpacing'];
-
 const multiColumnSerializationsInfo = [
     { propertyName: 'columnCount', modelName: '@ColumnCount', displayName: 'Column Count', localizationId: 'DevExpress.XtraReports.UI.MultiColumn.ColumnCount', defaultVal: 1, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel },
     { propertyName: 'columnWidth', modelName: '@ColumnWidth', displayName: 'Column Width', localizationId: 'DevExpress.XtraReports.UI.MultiColumn.ColumnWidth', defaultVal: 0, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel },
@@ -11611,7 +11612,6 @@ class DetailBand extends BandViewModel {
     }
 }
 DetailBand.unitProperties = [].concat([], BandViewModel.unitProperties, 'multiColumn');
-
 class DetailBandSurface extends BandSurface {
     _initMultiColumn() {
         const multiColumn = new MultiColumnSurface(this._control.multiColumn, this._context);
@@ -11671,6 +11671,8 @@ const calculatedFieldSerializationInfo = [
             { value: 'None', displayValue: 'None', localizationId: 'DevExpress.XtraReports.UI.FieldType.None' },
             { value: 'String', displayValue: 'String', localizationId: 'DevExpress.XtraReports.UI.FieldType.String' },
             { value: 'DateTime', displayValue: 'DateTime', localizationId: 'DevExpress.XtraReports.UI.FieldType.DateTime' },
+            { value: 'Date', displayValue: 'Date', localizationId: 'DevExpress.XtraReports.UI.FieldType.Date' },
+            { value: 'Time', displayValue: 'Time', localizationId: 'DevExpress.XtraReports.UI.FieldType.Time' },
             { value: 'TimeSpan', displayValue: 'TimeSpan', localizationId: 'DevExpress.XtraReports.UI.FieldType.TimeSpan' },
             { value: 'Byte', displayValue: 'Byte', localizationId: 'DevExpress.XtraReports.UI.FieldType.Byte' },
             { value: 'Int16', displayValue: 'Int16', localizationId: 'DevExpress.XtraReports.UI.FieldType.Int16' },
@@ -11830,7 +11832,7 @@ class ObjectStorageItem extends ObjectItem {
         super((0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({ '@ObjectType': 'DevExpress.XtraReports.Serialization.ObjectStorageInfo' }, model), dsHelperProvider, serializer);
     }
     isEmpty() {
-        return this.type && this.type() === 'System.DateTime'
+        return this.type && this.type() === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime
             && this.content && (this.content() === undefined || this.content() === null);
     }
 }
@@ -12253,7 +12255,6 @@ class ParameterExpressionBinding {
 }
 ParameterExpressionBinding.expressionSuff = 'ExpressionObj';
 
-
 ;// ./node_modules/devexpress-reporting/designer/dataObjects/parameters/rangeSettings.js
 
 
@@ -12303,7 +12304,7 @@ class RangeBoundaryParameter extends ObjectItem {
     getInfo() {
         if (this.valueInfo) {
             const info = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, [], rangeBoundaryParameterInfos);
-            const valueInfo = this.type() === 'System.DateTime' ? (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({}, this.valueInfo(), { editorOptions: { type: 'date' } }) : this.valueInfo();
+            const valueInfo = this.type() === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime ? (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)({}, this.valueInfo(), { editorOptions: { type: 'date' } }) : this.valueInfo();
             info.splice(info.indexOf(info.filter((prop) => { return prop.propertyName === 'value'; })[0]), 1, valueInfo);
             return info;
         }
@@ -12507,7 +12508,6 @@ class PropertyExpressionMapper {
 }
 PropertyExpressionMapper.propertiesWithExpressions = ['visible', 'enabled'];
 
-
 ;// ./node_modules/devexpress-reporting/designer/dataObjects/parameters/valueSourceSettingsHelper.js
 
 
@@ -12836,7 +12836,7 @@ class Parameter extends external_DevExpress_Analytics_Utils_namespaceObject.Disp
             }
         };
         if (!this._type()) {
-            this._type(objectsStorage.getType('System.String'));
+            this._type(objectsStorage.getType(external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString));
         }
         this._processObsoleteProperties();
         this.type = external_ko_namespaceObject.pureComputed({
@@ -12856,7 +12856,7 @@ class Parameter extends external_DevExpress_Analytics_Utils_namespaceObject.Disp
                         this._type(objectsStorage.getType(val));
                         if (this.isMultiValue())
                             return;
-                        if (val === 'System.DateTime') {
+                        if (val === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime) {
                             this.value(this.defaultValue);
                         }
                         else {
@@ -12916,7 +12916,7 @@ class Parameter extends external_DevExpress_Analytics_Utils_namespaceObject.Disp
         this.valueInfo = external_ko_namespaceObject.pureComputed(() => {
             const result = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {}, parameterValueSerializationInfo, parameterHelper.getParameterInfo(this));
             result.propertyName = 'value';
-            if (this.type() === 'System.String' || this.isMultiValue()) {
+            if (this.type() === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString || this.isMultiValue()) {
                 result.defaultVal = '';
             }
             return result;
@@ -13013,8 +13013,7 @@ class Parameter extends external_DevExpress_Analytics_Utils_namespaceObject.Disp
 Parameter.propertiesWithExpressions = ['visible', 'enabled', 'value'];
 Parameter.ParametersRefString = 'Parameters';
 Parameter.defaultGuidValue = ParameterTypesHelper.defaultGuidValue;
-Parameter.availableRangeSettingTypes = ['System.DateTime'];
-
+Parameter.availableRangeSettingTypes = [external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime];
 
 ;// ./node_modules/devexpress-reporting/designer/localization/localizationMetadata.js
 const componentInfo = { propertyName: 'component', modelName: '@Component', link: true };
@@ -13519,7 +13518,6 @@ class XRCrossBandControlViewModel extends XRReportElementViewModel {
     getControlContainerName() { return 'crossBandControls'; }
 }
 XRCrossBandControlViewModel.unitProperties = ['width', 'locationF', 'startPoint', 'endPoint'];
-
 class XRCrossBandSurface extends XRControlSurfaceBase {
     _isBandCollapsed(bandSurface) {
         return bandSurface && (bandSurface.collapsed() || bandSurface.isSomeParentCollapsed());
@@ -13733,7 +13731,6 @@ XRCrossBandSurface._unitProperties = {
     }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/utils/_tableCalculationProvider.js
 
 class TableCalculationProvider {
@@ -14233,7 +14230,6 @@ class XRTableCellViewModel extends XRControlViewModel {
     }
 }
 XRTableCellViewModel.unitProperties = ['paddingObj'];
-
 class XRTableCellSurface extends TableComponentSurface {
     _getAdjacentCellByRowIndex(rowIndex) {
         const nextRow = this._table.rows()[rowIndex];
@@ -14389,7 +14385,6 @@ XRTableCellSurface._unitProperties = {
     }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/xrTableRow.js
 
 
@@ -14526,7 +14521,6 @@ class XRTableRowViewModel extends XRControlViewModel {
     }
 }
 XRTableRowViewModel.unitProperties = [];
-
 class XRTableRowSurface extends TableComponentSurface {
     _getChildrenHolderName() { return 'cells'; }
     dispose() {
@@ -14562,7 +14556,6 @@ XRTableRowSurface._unitProperties = {
     }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/xrTable.js
 
 
@@ -14724,7 +14717,6 @@ XRTableSurface._unitProperties = {
     }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/xrReport.js
 
 
@@ -15158,7 +15150,6 @@ ReportViewModel.defaultPageSize = {
     width: 850,
     height: 1100
 };
-
 class ReportSurface extends external_DevExpress_Analytics_Elements_namespaceObject.SurfaceElementArea {
     _createMargin(side, oppositeSide) {
         return external_ko_namespaceObject.pureComputed({
@@ -15375,7 +15366,6 @@ ReportSurface._unitProperties = {
     _right: (o) => { return o.margins.right; },
     _top: (o) => { return o.margins.top; }
 };
-
 class SurfaceMarginResizeOptions extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     _createOptions(undoEngine, startDelegate, resizeDelegate) {
         return {
@@ -15524,7 +15514,7 @@ SubreportViewModel.defaultReport = {
     '@ControlType': 'DevExpress.XtraReports.UI.XtraReport',
     '@PageWidth': '850',
     '@PageHeight': '1100',
-    '@Version': '24.1',
+    '@Version': '24.2',
     '@Font': 'Arial,9pt',
     '@Dpi': '100',
     'Bands': {
@@ -15543,7 +15533,6 @@ SubreportViewModel.defaultReport = {
     }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/dataObjects/expressions/_expressionWrapper.js
 
 
@@ -16571,6 +16560,120 @@ const alignment = {
     editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'),
     valuesArray: textAlignmentValues
 };
+const microQRCodeCompactionMode = {
+    propertyName: 'compactionMode',
+    modelName: '@CompactionMode', defaultVal: 'AlphaNumeric', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), displayName: 'Compaction Mode', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeGenerator.CompactionMode',
+    valuesArray: [
+        { value: 'Numeric', displayValue: 'Numeric', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeCompactionMode.Numeric' },
+        { value: 'AlphaNumeric', displayValue: 'Alpha Numeric', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeCompactionMode.AlphaNumeric' },
+        { value: 'Byte', displayValue: 'Byte', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeCompactionMode.Byte' }
+    ]
+};
+const microQRCodeErrorCorrectionLevel = {
+    propertyName: 'errorCorrectionLevel',
+    modelName: '@ErrorCorrectionLevel', defaultVal: 'Auto', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), displayName: 'Error Correction Level', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeGenerator.ErrorCorrectionLevel',
+    valuesArray: [
+        { value: 'Auto', displayValue: 'Auto', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeErrorCorrectionLevel.Auto' },
+        { value: 'D', displayValue: 'D', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeErrorCorrectionLevel.D' },
+        { value: 'L', displayValue: 'L', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeErrorCorrectionLevel.L' },
+        { value: 'M', displayValue: 'M', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeErrorCorrectionLevel.M' },
+        { value: 'Q', displayValue: 'Q', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeErrorCorrectionLevel.Q' }
+    ]
+};
+const microQRCodeIncludeQuietZone = {
+    propertyName: 'IncludeQuietZone',
+    modelName: '@IncludeQuietZone',
+    displayName: 'Include Quiet Zone',
+    localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeGenerator.IncludeQuietZone',
+    defaultVal: true,
+    editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'),
+    from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool
+};
+const microQRCodeVersion = {
+    propertyName: 'version',
+    modelName: '@Version', defaultVal: 'AutoVersion', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), displayName: 'Version', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeGenerator.Version',
+    valuesArray: [
+        { value: 'AutoVersion', displayValue: 'Auto-Select Version', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeVersion.AutoVersion' },
+        { value: 'VersionM1', displayValue: 'Version M1 (11 x 11)', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeVersion.VersionM1' },
+        { value: 'VersionM2', displayValue: 'Version M2 (13 x 13', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeVersion.VersionM2' },
+        { value: 'VersionM3', displayValue: 'Version M3 (15 x 15)', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeVersion.VersionM3' },
+        { value: 'VersionM4', displayValue: 'Version M4 (17 x 17)', localizationId: 'DevExpress.XtraPrinting.BarCode.MicroQRCodeVersion.VersionM4' },
+    ]
+};
+const MicroQRCodeSerializationInfo = [
+    defaultCodeSerializationInfo,
+    microQRCodeCompactionMode,
+    microQRCodeErrorCorrectionLevel,
+    microQRCodeIncludeQuietZone,
+    microQRCodeVersion,
+];
+const aztecCodeErrorCorrectionLevel = {
+    propertyName: 'errorCorrectionLevel',
+    modelName: '@ErrorCorrectionLevel', defaultVal: 'Level2', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), displayName: 'Error Correction Level', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeGenerator.ErrorCorrectionLevel',
+    valuesArray: [
+        { value: 'Level1', displayValue: 'Level 1', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeErrorCorrectionLevel.Level1' },
+        { value: 'Level2', displayValue: 'Level 2', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeErrorCorrectionLevel.Level2' },
+        { value: 'Level3', displayValue: 'Level 3', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeErrorCorrectionLevel.Level3' },
+        { value: 'Level4', displayValue: 'Level 4', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeErrorCorrectionLevel.Level4' }
+    ]
+};
+const aztecCodeVersion = {
+    propertyName: 'version',
+    modelName: '@Version', defaultVal: 'AutoVersion', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), displayName: 'Version', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeGenerator.Version',
+    valuesArray: [
+        { value: 'AutoVersion', displayValue: 'Auto-Select Version', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.AutoVersion' },
+        { value: 'Version15x15Compact', displayValue: '15x15 Compact', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version15x15Compact' },
+        { value: 'Version19x19Compact', displayValue: '19x19 Compact', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version19x19Compact' },
+        { value: 'Version23x23Compact', displayValue: '23x23 Compact', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version23x23Compact' },
+        { value: 'Version27x27Compact', displayValue: '27x27 Compact', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version27x27Compact' },
+        { value: 'Version19x19', displayValue: '19x19', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version19x19' },
+        { value: 'Version23x23', displayValue: '23x23', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version23x23' },
+        { value: 'Version27x27', displayValue: '27x27', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version27x27' },
+        { value: 'Version31x31', displayValue: '31x31', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version31x31' },
+        { value: 'Version37x37', displayValue: '37x37', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version37x37' },
+        { value: 'Version41x41', displayValue: '41x41', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version41x41' },
+        { value: 'Version45x45', displayValue: '45x45', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version45x45' },
+        { value: 'Version49x49', displayValue: '49x49', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version49x49' },
+        { value: 'Version53x53', displayValue: '53x53', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version53x53' },
+        { value: 'Version57x57', displayValue: '57x57', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version57x57' },
+        { value: 'Version61x61', displayValue: '61x61', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version61x61' },
+        { value: 'Version67x67', displayValue: '67x67', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version67x67' },
+        { value: 'Version71x71', displayValue: '71x71', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version71x71' },
+        { value: 'Version75x75', displayValue: '75x75', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version75x75' },
+        { value: 'Version79x79', displayValue: '79x79', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version79x79' },
+        { value: 'Version83x83', displayValue: '83x83', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version83x83' },
+        { value: 'Version87x87', displayValue: '87x87', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version87x87' },
+        { value: 'Version91x91', displayValue: '91x91', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version91x91' },
+        { value: 'Version95x95', displayValue: '95x95', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version95x95' },
+        { value: 'Version101x101', displayValue: '101x101', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version101x101' },
+        { value: 'Version105x105', displayValue: '105x105', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version105x105' },
+        { value: 'Version109x109', displayValue: '109x109', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version109x109' },
+        { value: 'Version113x113', displayValue: '113x113', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version113x113' },
+        { value: 'Version117x117', displayValue: '117x117', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version117x117' },
+        { value: 'Version121x121', displayValue: '121x121', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version121x121' },
+        { value: 'Version125x125', displayValue: '125x125', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version125x125' },
+        { value: 'Version131x131', displayValue: '131x131', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version131x131' },
+        { value: 'Version135x135', displayValue: '135x135', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version135x135' },
+        { value: 'Version139x139', displayValue: '139x139', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version139x139' },
+        { value: 'Version143x143', displayValue: '143x143', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version143x143' },
+        { value: 'Version147x147', displayValue: '147x147', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version147x147' },
+        { value: 'Version151x151', displayValue: '151x151', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeVersion.Version151x151' },
+    ]
+};
+const aztecCodeCompactionMode = {
+    propertyName: 'compactionMode',
+    modelName: '@CompactionMode', defaultVal: 'Text', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), displayName: 'Compaction Mode', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeGenerator.CompactionMode',
+    valuesArray: [
+        { value: 'Text', displayValue: 'Text', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeCompactionMode.Text' },
+        { value: 'Binary', displayValue: 'Binary', localizationId: 'DevExpress.XtraPrinting.BarCode.AztecCodeCompactionMode.Binary' },
+    ]
+};
+const AztecCodeSerializationInfo = [
+    defaultCodeSerializationInfo,
+    aztecCodeErrorCorrectionLevel,
+    aztecCodeVersion,
+    aztecCodeCompactionMode
+];
 const barCodesMap = {
     'Codabar': codabarSerializationInfo,
     'Code11': [defaultCodeSerializationInfo],
@@ -16605,7 +16708,9 @@ const barCodesMap = {
     'DeutschePostIdentcode': [defaultCodeSerializationInfo, wideNarrowRatio3],
     'DeutschePostLeitcode': [defaultCodeSerializationInfo, wideNarrowRatio3],
     'QRCodeGS1': QRCodeGS1SerializationInfo,
-    'QRCodeEPC': QRCodeEPCSerializationInfo
+    'QRCodeEPC': QRCodeEPCSerializationInfo,
+    'MicroQRCode': MicroQRCodeSerializationInfo,
+    'AztecCode': AztecCodeSerializationInfo
 };
 const barcodeTextFormatString = { ...textFormatString, descriptionLocalizationId: 'DevExpress.XtraReports.UI.XRBarCode.TextFormatString.Description' };
 const barcodeSerializationsInfo = [
@@ -16654,7 +16759,6 @@ class XRBarCodeViewModel extends XRControlViewModel {
 }
 XRBarCodeViewModel.unitProperties = [].concat(['module'], XRReportElementViewModel.unitProperties);
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/utils/_charactercombHelper.js
 class CharacterCombHelper {
     static getAlignments(textAlignment) {
@@ -16853,7 +16957,6 @@ class XRCharacterComb extends XRControlViewModel {
     }
 }
 XRCharacterComb.unitProperties = [].concat(['cellWidth', 'cellHeight', 'verticalSpacing', 'horizontalSpacing'], XRReportElementViewModel.unitProperties);
-
 class XRCharacterCombSurface extends XRControlSurface {
     _createCell(text, position) {
         return {
@@ -17036,6 +17139,7 @@ class XRCharacterCombSurface extends XRControlSurface {
 
 ;// ./node_modules/devexpress-reporting/designer/controls/metadata/pivotgrid/sortBySummary.js
 
+
 const summaryTypeValues = [
     { value: 'Count', displayValue: 'Count', localizationId: 'DevExpress.Data.PivotGrid.PivotSummaryType.Count' },
     { value: 'Sum', displayValue: 'Sum', localizationId: 'DevExpress.Data.PivotGrid.PivotSummaryType.Sum' },
@@ -17072,17 +17176,17 @@ const sortBySummaryConditionInfo = [
     { modelName: '@Value', propertyName: 'value', displayName: 'Value', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text'), localizationId: 'AnalyticsCoreStringId.FilterEditor_Operand_Type_Value' },
     {
         modelName: '@Value_type', propertyName: 'valueType', displayName: 'Type', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), defaultVal: '<Null>', valuesArray: [
-            { value: 'System.String', displayValue: 'String', localizationId: 'UtilsUIStringId.Parameter_Type_String' },
-            { value: 'System.Byte', displayValue: 'Number (8 bit integer)', localizationId: 'DataAccessStringId.Type_SByte' },
-            { value: 'System.Int16', displayValue: 'Number (16 bit integer)', localizationId: 'UtilsUIStringId.Parameter_Type_Int16' },
-            { value: 'System.Int32', displayValue: 'Number (32 bit integer)', localizationId: 'UtilsUIStringId.Parameter_Type_Int32' },
-            { value: 'System.Int64', displayValue: 'Number (64 bit integer)', localizationId: 'UtilsUIStringId.Parameter_Type_Int64' },
-            { value: 'System.Single', displayValue: 'Number (floating-point)', localizationId: 'UtilsUIStringId.Parameter_Type_Float' },
-            { value: 'System.Double', displayValue: 'Number (double-precision floating-point)', localizationId: 'UtilsUIStringId.Parameter_Type_Double' },
-            { value: 'System.Decimal', displayValue: 'Number (decimal)', localizationId: 'UtilsUIStringId.Parameter_Type_Decimal' },
-            { value: 'System.Boolean', displayValue: 'Boolean', localizationId: 'UtilsUIStringId.Parameter_Type_Boolean' },
-            { value: 'System.Char', displayValue: 'Char', localizationId: 'DataAccessStringId.Type_Char' },
-            { value: 'System.DateTime', displayValue: 'Date', localizationId: 'UtilsUIStringId.Parameter_Type_DateTime' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString, displayValue: 'String', localizationId: 'UtilsUIStringId.Parameter_Type_String' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemByte, displayValue: 'Number (8 bit integer)', localizationId: 'DataAccessStringId.Type_SByte' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16, displayValue: 'Number (16 bit integer)', localizationId: 'UtilsUIStringId.Parameter_Type_Int16' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt32, displayValue: 'Number (32 bit integer)', localizationId: 'UtilsUIStringId.Parameter_Type_Int32' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt64, displayValue: 'Number (64 bit integer)', localizationId: 'UtilsUIStringId.Parameter_Type_Int64' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSingle, displayValue: 'Number (floating-point)', localizationId: 'UtilsUIStringId.Parameter_Type_Float' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDouble, displayValue: 'Number (double-precision floating-point)', localizationId: 'UtilsUIStringId.Parameter_Type_Double' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal, displayValue: 'Number (decimal)', localizationId: 'UtilsUIStringId.Parameter_Type_Decimal' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemBoolean, displayValue: 'Boolean', localizationId: 'UtilsUIStringId.Parameter_Type_Boolean' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemChar, displayValue: 'Char', localizationId: 'DataAccessStringId.Type_Char' },
+            { value: external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime, displayValue: 'Date', localizationId: 'UtilsUIStringId.Parameter_Type_DateTime' },
             { value: '<Null>', displayValue: '<Null>' }
         ],
         localizationId: 'DevExpress.XtraPrinting.XlEncryptionOptions.Type'
@@ -17227,7 +17331,6 @@ class PivotGridFieldViewModel extends external_DevExpress_Analytics_Elements_nam
     }
 }
 PivotGridFieldViewModel.fieldHeight = 20;
-
 class PivotGridFieldSurface extends XRControlSurfaceBase {
     constructor(control, context) {
         super(control, context, null);
@@ -17612,7 +17715,6 @@ class XRCheckBoxViewModel extends XRControlViewModel {
     }
 }
 XRCheckBoxViewModel.unitProperties = [].concat(['glyphOptions'], XRReportElementViewModel.unitProperties);
-
 class XRCheckBoxSurface extends XRTextControlSurfaceBase {
     constructor(control, context) {
         super(control, context);
@@ -19160,7 +19262,6 @@ XRCrossTabCellViewModel.cellKinds = {
     'Total': [CellKind.RowTotal, CellKind.GrandTotal, CellKind.ColumnTotal],
     'Data': [CellKind.Data]
 };
-
 class XRCellsurface extends XRTextControlSurfaceBase {
     constructor(control, context) {
         super(control, context);
@@ -19689,7 +19790,6 @@ class XRGaugeViewModel extends XRControlViewModel {
 }
 XRGaugeViewModel.bindings = ['ActualValue', 'Maximum', 'Minimum', 'TargetValue'];
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/xrLine.js
 
 
@@ -19788,7 +19888,6 @@ XRPageBreakSurface._unitProperties = {
     }
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/xrPageinfo.js
 
 class XRPageInfoSurface extends XRControlSurface {
@@ -20371,6 +20470,7 @@ class XRPictureBoxSurface extends XRControlSurface {
                 disabled: resizeDisabled,
                 snapHelper: resizeHandler.snapHelper,
                 starting: resizeHandler.starting,
+                resizing: resizeHandler.resizing,
                 stopped: resizeHandler.stopped
             };
             this._disposables.push(resizeDisabled);
@@ -20443,7 +20543,6 @@ class XRRichViewModel extends XRControlViewModel {
 }
 XRRichViewModel._hiddenProperties = ['_rtf', 'textRtf'];
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/metadata/xrShape.js
 
 
@@ -20706,7 +20805,6 @@ XRShapeViewModel.shapes = [
         type: 'Brace'
     }
 ];
-
 class ImageBase64Model {
 }
 class XRShapeControlSurface extends XRControlSurface {
@@ -20976,7 +21074,7 @@ class ReportStorageWeb {
     }
     static getData(url) {
         if (reportStorageWebIsRegister()) {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getData', JSON.stringify({
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getData', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
                 reportUrl: url
             }), ReportStorageWeb.getErrorMessageHandler());
         }
@@ -20986,7 +21084,7 @@ class ReportStorageWeb {
     }
     static setData(layout, url) {
         if (reportStorageWebIsRegister()) {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'setData', JSON.stringify({
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'setData', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
                 reportLayout: JSON.stringify({
                     'XtraReportsLayoutSerializer': layout
                 }),
@@ -20999,7 +21097,7 @@ class ReportStorageWeb {
     }
     static setNewData(layout, url) {
         if (reportStorageWebIsRegister()) {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'setNewData', JSON.stringify({
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'setNewData', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
                 reportLayout: JSON.stringify({
                     'XtraReportsLayoutSerializer': layout
                 }),
@@ -21364,7 +21462,6 @@ class TableOfContentsLevel extends external_DevExpress_Analytics_Elements_namesp
     }
 }
 TableOfContentsLevel.unitProperties = ['height', 'indent'];
-
 class TableOfContentsLevelSurface extends XRControlSurfaceBase {
     constructor(control, context) {
         super(control, context, TableOfContentsLevelSurface._unitProperties);
@@ -21417,7 +21514,6 @@ TableOfContentsLevelSurface._unitProperties = {
     },
 };
 
-
 ;// ./node_modules/devexpress-reporting/designer/controls/xrTableOfContents.js
 
 
@@ -21465,7 +21561,6 @@ class XRTableOfContentsViewModel extends XRControlViewModel {
     get textEditableProperty() { return this.levelTitleText; }
 }
 XRTableOfContentsViewModel.unitProperties = [].concat(['levelTitle', 'levelDefault'], XRReportElementViewModel.unitProperties);
-
 class XRTableOfContentsSurface extends XRControlSurface {
     constructor(control, context) {
         super(control, context);
@@ -22715,7 +22810,7 @@ const groups = {
         displayName: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Data', 'ASPxReportsStringId.ReportDesigner_Wizard_ReportStyle_Data')
     },
     'Design': {
-        info: [metadata_name, snapGridSize, drawWatermark, language],
+        info: [metadata_name, snapGridSize, drawWatermark, language, designerOptions],
         displayName: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Design', 'ReportStringId.CatDesign')
     },
     'Layout': {
@@ -22904,9 +22999,10 @@ const actionId_ActionId = {
 ;// ./node_modules/devexpress-reporting/designer/services/_controlConverterService.js
 
 
+
 class ControlConverterService {
     static getXmlStringFromJson(controlJsonLayout, doneCallback, errorCallback) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'jsonToXmlString', JSON.stringify({ 'XRControlSerializer': { 'Controls': { 'Item1': controlJsonLayout } } }))
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'jsonToXmlString', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ 'XRControlSerializer': { 'Controls': { 'Item1': controlJsonLayout } } }))
             .done((result) => doneCallback(result))
             .fail((error) => {
             const message = (0,external_DevExpress_Analytics_Internal_namespaceObject.getErrorMessage)(error);
@@ -25013,7 +25109,6 @@ class DataSourceHelper extends external_DevExpress_Analytics_Utils_namespaceObje
 DataSourceHelper.defaultReportExtensionKey = 'DataSerializationExtension';
 DataSourceHelper._assignValueInTimeout = true;
 
-
 ;// ./node_modules/devexpress-reporting/designer/internal/dragdrop/_utils.js
 
 
@@ -25161,7 +25256,7 @@ function removeDataSourceFromReport(dataSourceHelper, reportDataSource, undoEngi
 
 class ReportDataSourceService {
     static fieldListCallback(request) {
-        const requestJson = JSON.stringify(request);
+        const requestJson = (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)(request, false, true);
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'fieldList', requestJson);
     }
     static getCustomQueriesPreset(dataSource) {
@@ -25180,31 +25275,31 @@ class ReportDataSourceService {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'sqlRebuildResultSchema', base64);
     }
     static getSqlDataSourceBase64(dataSource) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getDataSourceBase64', JSON.stringify({ sqlDataSourceJSON: JSON.stringify({ SqlDataSource: new external_DevExpress_Analytics_Utils_namespaceObject.ModelSerializer().serialize(dataSource) }) }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getDataSourceBase64', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ sqlDataSourceJSON: JSON.stringify({ SqlDataSource: new external_DevExpress_Analytics_Utils_namespaceObject.ModelSerializer().serialize(dataSource) }) }));
     }
     static federationDataSourceFromBase64(base64, dependentDataSources) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'federationDataSourceFromBase64', JSON.stringify({ base64: base64, dataSources: dependentDataSources }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'federationDataSourceFromBase64', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ base64: base64, dataSources: dependentDataSources }));
     }
     static federationRebuildResultSchema(base64, dependentDataSources) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'federationRebuildResultSchema', JSON.stringify({ base64: base64, dataSources: dependentDataSources }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'federationRebuildResultSchema', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ base64: base64, dataSources: dependentDataSources }));
     }
     static getFederationDataSourceBase64(dataSource, dependentDataSources) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getFederationDataSourceBase64', JSON.stringify({ federationDataSourceJSON: JSON.stringify({ FederationDataSource: new external_DevExpress_Analytics_Utils_namespaceObject.ModelSerializer().serialize(dataSource) }), dataSources: dependentDataSources }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getFederationDataSourceBase64', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ federationDataSourceJSON: JSON.stringify({ FederationDataSource: new external_DevExpress_Analytics_Utils_namespaceObject.ModelSerializer().serialize(dataSource) }), dataSources: dependentDataSources }));
     }
     static getJsonDataSourceBase64(dataSource) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getJsonDataSourceBase64', JSON.stringify({ jsonDataSourceJSON: JSON.stringify({ JsonDataSource: new external_DevExpress_Analytics_Utils_namespaceObject.ModelSerializer().serialize(dataSource) }) }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getJsonDataSourceBase64', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ jsonDataSourceJSON: JSON.stringify({ JsonDataSource: new external_DevExpress_Analytics_Utils_namespaceObject.ModelSerializer().serialize(dataSource) }) }));
     }
     static getObjectDataSourceBase64(json) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getObjectDataSourceBase64', JSON.stringify(json));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getObjectDataSourceBase64', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)(json));
     }
     static editObjectDataSourceParameters(json, base64) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'editObjectDataSourceParameters', JSON.stringify({ objectDataSourceModel: json, base64: base64 }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'editObjectDataSourceParameters', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ objectDataSourceModel: json, base64: base64 }));
     }
     static objectDataSourceFromBase64(base64) {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'objectDataSourceFromBase64', base64);
     }
     static jsonDataSourceFromBase64(base64) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'jsonDataSourceFromBase64', JSON.stringify({ base64: base64 }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'jsonDataSourceFromBase64', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ base64: base64 }));
     }
 }
 
@@ -28462,9 +28557,10 @@ class ReportExplorerModel extends external_DevExpress_Analytics_Utils_namespaceO
 ;// ./node_modules/devexpress-reporting/designer/services/_reportScriptService.js
 
 
+
 class ReportScriptService {
     static validateScripts(report) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'validateScripts', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'validateScripts', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             report: JSON.stringify({
                 'XtraReportsLayoutSerializer': report.serialize()
             })
@@ -28472,7 +28568,7 @@ class ReportScriptService {
     }
     static getCompletions(editor, session, pos, prefix, callback, report, editorInstance, guid) {
         if (guid) {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getCompletions', JSON.stringify({
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getCompletions', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
                 Line: pos.row,
                 Column: pos.column,
                 Guid: guid,
@@ -28484,7 +28580,7 @@ class ReportScriptService {
         }
     }
     static setCodeDom(key, reportLayout) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'setReportLayout', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'setReportLayout', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             ReportLayout: reportLayout,
             Key: key
         }));
@@ -28875,7 +28971,7 @@ class ScriptsEditor extends external_DevExpress_Analytics_Internal_namespaceObje
                 return !self.report() || self.validateDisabled() || !self.editorContainer();
             }),
             visible: this.editorVisible,
-            hotKey: { ctrlKey: true, keyCode: 'L'.charCodeAt(0) },
+            hotKey: { altKey: true, ctrlKey: undefined, keyCode: 'L'.charCodeAt(0) },
             clickAction: () => {
                 self.validateDisabled(true);
                 self._setScriptsText();
@@ -30010,9 +30106,10 @@ class LocaliziblePropertiesAccessibilityProvider extends external_DevExpress_Ana
 
 
 
+
 class ReportPreviewService {
     static initializePreview(report) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'initializePreview', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'initializePreview', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             layout: JSON.stringify({ 'XtraReportsLayoutSerializer': report.serialize() }),
             culture: report.isLocalized() && report.language() !== language.defaultVal ? report.language() : ''
         }), external_DevExpress_Reporting_Viewer_Internal_namespaceObject.PreviewRequestWrapper.getProcessErrorCallback());
@@ -31087,19 +31184,24 @@ class CustomControlSerializableModel extends external_DevExpress_Analytics_Eleme
 
 
 
+var ToolboxSubcategoriesGroups;
+(function (ToolboxSubcategoriesGroups) {
+    ToolboxSubcategoriesGroups[ToolboxSubcategoriesGroups["common"] = 0] = "common";
+    ToolboxSubcategoriesGroups[ToolboxSubcategoriesGroups["graphics"] = 1] = "graphics";
+    ToolboxSubcategoriesGroups[ToolboxSubcategoriesGroups["complex"] = 2] = "complex";
+    ToolboxSubcategoriesGroups[ToolboxSubcategoriesGroups["misc"] = 3] = "misc";
+    ToolboxSubcategoriesGroups[ToolboxSubcategoriesGroups["custom"] = 4] = "custom";
+})(ToolboxSubcategoriesGroups || (ToolboxSubcategoriesGroups = {}));
 function registerCustomControls(controls) {
     if (!controls?.length) {
         return;
     }
     const factory = controlsFactory();
-    const indexes = Object.getOwnPropertyNames(factory.controlsMap)
-        .map(prop => factory.controlsMap[prop]?.toolboxIndex)
-        .filter(index => index);
-    let toolboxIndex = Math.max(...indexes) + 1;
     controls.forEach((control) => {
         if (!factory.getControlInfo(control.className)) {
             const info = getSerializationInfo(control.properties, `${control.className}_`);
-            const meta = factory.inheritControl(control.inheritClassName, getMetaForControl(control, info, toolboxIndex++));
+            const controlSubcategoryInfo = getControlInfo(control, factory);
+            const meta = factory.inheritControl(control.inheritClassName, getMetaForControl(controlSubcategoryInfo, info));
             factory.registerControl(control.className, meta);
             info.forEach((prop) => {
                 if (groups[prop.group] === undefined) {
@@ -31115,7 +31217,8 @@ function registerCustomControls(controls) {
         }
     });
 }
-function getMetaForControl(control, info, toolboxIndex) {
+function getMetaForControl(controlInfo, info) {
+    const control = controlInfo.control;
     const defaultVal = (control.initValues ?? []).reduce((result, current) => {
         result[current.Key] = current.Value;
         return result;
@@ -31123,8 +31226,8 @@ function getMetaForControl(control, info, toolboxIndex) {
     const popularProperties = control.properties.filter(x => x.isFavorite).map(x => x.name);
     return {
         info,
-        toolboxIndex,
-        group: 'custom',
+        toolboxIndex: controlInfo.toolboxIndex,
+        group: controlInfo.group,
         surfaceType: XRUnknownControlSurface,
         displayName: control.className,
         isToolboxItem: control.showInToolbox,
@@ -31199,6 +31302,41 @@ function getEditor(name) {
     }
     return {};
 }
+function getControlInfo(control, factory) {
+    const controlsMap = Object.getOwnPropertyNames(factory.controlsMap)
+        .map(control => factory.controlsMap[control]);
+    let groupName;
+    let customControlIndex;
+    let toolboxSubcategoryPosition;
+    if (control.xrToolboxSubcategory) {
+        const toolboxSubcategoryGroupIndex = control.xrToolboxSubcategory.subcategory;
+        toolboxSubcategoryPosition = control.xrToolboxSubcategory.position;
+        groupName = ToolboxSubcategoriesGroups[toolboxSubcategoryGroupIndex];
+    }
+    if (groupName) {
+        const customControlGroupIndexes = controlsMap
+            .filter(control => control.group == groupName && control.toolboxIndex != undefined)
+            .sort((a, b) => a.toolboxIndex - b.toolboxIndex);
+        customControlIndex = !!customControlGroupIndexes[toolboxSubcategoryPosition] ?
+            customControlGroupIndexes[toolboxSubcategoryPosition].toolboxIndex
+            :
+                customControlGroupIndexes[customControlGroupIndexes.length - 1].toolboxIndex + 1;
+        controlsMap.forEach(control => {
+            if (control.toolboxIndex >= customControlIndex)
+                control.toolboxIndex++;
+        });
+    }
+    else {
+        const indexes = controlsMap.map(control => control.toolboxIndex).filter(toolboxIndex => toolboxIndex);
+        customControlIndex = Math.max(...indexes) + 1;
+        groupName = 'custom';
+    }
+    return {
+        control: control,
+        group: groupName,
+        toolboxIndex: customControlIndex
+    };
+}
 
 ;// ./node_modules/devexpress-reporting/designer/utils/_registerCustomExpressions.js
 
@@ -31293,7 +31431,6 @@ class StylesEditorHeaderModel {
 }
 StylesEditorHeaderModel.newItem = 'Create New Style';
 StylesEditorHeaderModel.newItemTextId = 'ASPxReportsStringId.ReportDesigner_StylesEditor_CreateNew';
-
 external_ko_namespaceObject.bindingHandlers['dxStylesEditor'] = {
     init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
         let _subscriptionNewStyle;
@@ -31726,7 +31863,6 @@ class SelectReportTypePage extends external_DevExpress_Analytics_Wizard_namespac
     }
 }
 SelectReportTypePage.defaultImageID = 'dxrd-svg-wizard-UndefinedReport';
-
 class ChooseDataSourceTypePage extends external_DevExpress_Analytics_Wizard_namespaceObject.ChooseDataSourceTypePage {
     constructor(dataSourceWizardOptions) {
         super(dataSourceWizardOptions);
@@ -33951,7 +34087,6 @@ class CustomizeLabelPage extends external_DevExpress_Analytics_Wizard_namespaceO
     }
 }
 CustomizeLabelPage._CONVERSION_COEEFICIENT = CONVERSION_COEEFICIENT;
-
 function _registerCustomizeLabelPage(factory) {
     factory.registerMetadata(ReportWizardPageId.CustomizeLabelPage, {
         setState: (labelDetails, state) => {
@@ -35201,7 +35336,7 @@ class DesignControlsHelper extends external_DevExpress_Analytics_Internal_namesp
 
 class DesignerErrorProvider extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     collectErrors() {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getDesignErrors', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'getDesignErrors', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             'XtraReportsLayoutSerializer': this._report.serialize()
         })).done((result) => {
             this.errors(result);
@@ -38137,6 +38272,7 @@ const PropertyGrid = {
 };
 const SmartTagsEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
 const ContextMenusEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
+const DimensionNotationsEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
 
 ;// ./node_modules/devexpress-reporting/designer/tools/generator/_inititalizer.js
 
@@ -38628,20 +38764,40 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
             dragDropSettings.addDragDropHandler('fieldDragHandler', new FieldListDragDropHandler(this.buildingModel.canAddItems, this.buildingModel.surface, this._selection, this.buildingModel.undoEngine, settings.snapHelper, dragDropSettings.dragHelperContent, this.buildingModel.fieldListDataSources, this._designerCallbacks.componentAdded));
         });
         settings.addResize((resizeSettings) => {
+            this.addElement('dimensionNotationsModel', () => new external_DevExpress_Analytics_Internal_namespaceObject.DimensionNotationsModel({
+                enabled: DimensionNotationsEnabled,
+                surface: this.buildingModel.surface,
+                isHorizontalAxisVisible: (controlModel) => {
+                    return !(controlModel instanceof BandViewModel);
+                },
+                isVerticalAxisVisible: (controlModel) => {
+                    return !(controlModel instanceof BandViewModel);
+                },
+                isLocatedInsideContainer: (controlModel) => {
+                    return controlModel instanceof BandViewModel;
+                }
+            }));
             resizeSettings.handler = {
-                starting: () => {
+                starting: (event, element) => {
                     this.buildingModel.inlineTextEdit.visible() &&
                         this.buildingModel.inlineTextEdit['_showInline'](false);
                     this.buildingModel['richInlineControl'] &&
                         this.buildingModel['richInlineControl'].visible() &&
                         this.buildingModel['richInlineControl']['_showInline'](false);
+                    this.buildingModel['smartTagModel']?.visible(false);
+                    this.buildingModel['dimensionNotationsModel']?.start(element);
                     this._selection.expectClick = true;
                     this.buildingModel.undoEngine().start();
                 },
                 stopped: () => {
+                    this.buildingModel['dimensionNotationsModel']?.stop();
+                    this.buildingModel['smartTagModel']?.visible(true);
                     this.buildingModel.undoEngine().end();
                     setTimeout(() => { this._selection.expectClick = false; }, 100);
                 },
+                resizing: (boundsDiff) => {
+                    this.buildingModel['dimensionNotationsModel']?.updateSize(boundsDiff);
+                },
                 disabled: external_DevExpress_Analytics_Internal_namespaceObject.DragDropHandler.started,
                 snapHelper: settings.snapHelper
             };
@@ -39046,8 +39202,10 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
             disabled: external_ko_namespaceObject.observable(false),
             selected: external_ko_namespaceObject.observable(false),
             visible: true,
-            hotKey: { ctrlKey: true, keyCode: 'W'.charCodeAt(0) },
-            clickAction: () => designerModel._wizardRunner.run('NewViaReportWizard')
+            hotKey: { altKey: true, keyCode: 'W'.charCodeAt(0) },
+            clickAction: () => {
+                designerModel._wizardRunner.run('NewViaReportWizard');
+            }
         };
         designerModel._wizardRunner.registerCommand('NewViaReportWizard', () => {
             if (reportWizard instanceof FullscreenReportWizard) {
@@ -39259,7 +39417,7 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                     imageTemplateName: 'dxrd-svg-menu-newreport',
                     disabled: external_ko_namespaceObject.observable(false),
                     visible: true,
-                    hotKey: { ctrlKey: true, keyCode: 'N'.charCodeAt(0) },
+                    hotKey: { altKey: true, ctrlKey: undefined, keyCode: 'N'.charCodeAt(0) },
                     clickAction: () => {
                         designerModel.isLoading(true);
                         const wizardState = createReportWizardState();
@@ -39323,7 +39481,7 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                     imageTemplateName: 'dxrd-svg-toolbar-scripts',
                     disabled: external_ko_namespaceObject.pureComputed(() => { return !report(); }),
                     visible: external_ko_namespaceObject.pureComputed(() => { return !scriptsEditor.editorVisible(); }),
-                    hotKey: { ctrlKey: true, keyCode: 'R'.charCodeAt(0) },
+                    hotKey: { altKey: true, ctrlKey: undefined, keyCode: 'R'.charCodeAt(0) },
                     clickAction: () => {
                         scriptsEditor.initialize();
                         scriptsEditor.editorVisible(true);
@@ -39978,6 +40136,7 @@ function _createReportDesigner(element, data, callbacks, knownEnums, designerHan
     const selection = new external_DevExpress_Analytics_Internal_namespaceObject.SurfaceSelection();
     const initializer = new ReportDesignerInitializer({
         allowMDI: data.allowMDI,
+        requestContentType: data.requestContentType,
         reportStorageWebIsRegister: data.reportStorageWebIsRegister,
         callbacks: callbacks,
         rtl: rtl,
@@ -40118,6 +40277,8 @@ function createReportDesigner(element, data, callbacks, localizationSettings, kn
     if (localizationSettings && localizationSettings.localization) {
         (0,external_DevExpress_Analytics_Utils_namespaceObject.addCultureInfo)({ messages: localizationSettings.localization });
     }
+    if (data.requestContentType)
+        external_DevExpress_Analytics_Utils_namespaceObject.requestManager._setRequestContentType(data.requestContentType.toString());
     callbacks && callbacks.designer && callbacks.designer.customizeLocalization && callbacks.designer.customizeLocalization(localizationPromises);
     return (0,external_DevExpress_Analytics_Internal_namespaceObject.resolveFromPromises)(localizationPromises, () => {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.troubleshootingPageWrapper)(() => {
@@ -40190,6 +40351,7 @@ function createReportDesignerFromModel(model, element, callbacks, applyBindings)
         reportUrl: external_ko_namespaceObject.observable(model.reportUrl),
         availableDataSources: model.dataSources,
         allowMDI: model.allowMDI,
+        requestContentType: model.requestContentType,
         dataSourceRefs: model.dataSourceRefs,
         dataSourceSettings: model.dataSourceSettings,
         parameterEditingSettings: model.parameterEditingSettings,
@@ -41062,7 +41224,6 @@ class ValueConverter {
 }
 ValueConverter.ValueAttrName = 'value';
 
-
 ;// ./node_modules/devexpress-reporting/designer/internal/_displayNameBindings.js
 
 
@@ -41298,20 +41459,20 @@ external_ko_namespaceObject.bindingHandlers['dxWatermark'] = {
 ;// ./node_modules/devexpress-reporting/designer/services/_formatStringService.js
 
 
+
 class FormatStringService {
     static saveCustomPattern(typeString, format) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'formatString', JSON.stringify({ action: 'save', typeString: typeString, customFormatString: format }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'formatString', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ action: 'save', typeString: typeString, customFormatString: format }));
     }
     static removeCustomPattern(typeString, format) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'formatString', JSON.stringify({ action: 'remove', typeString: typeString, customFormatString: format }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'formatString', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ action: 'remove', typeString: typeString, customFormatString: format }));
     }
     static updatePreview(value, typeString, format) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'formatStringPreview', JSON.stringify({ value: value, typeString: typeString, formatString: format }));
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(settings_HandlerUri(), 'formatStringPreview', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({ value: value, typeString: typeString, formatString: format }));
     }
 }
 FormatStringService.actions = { updatePreview: FormatStringService.updatePreview, removeCustomPattern: FormatStringService.removeCustomPattern, saveCustomPattern: FormatStringService.saveCustomPattern };
 
-
 ;// ./node_modules/devexpress-reporting/dx-designer-bindings.js
 
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: tabPanel.cssClasses()', function ($context, $element) { return { 'css': function () { return $context.$data.tabPanel.cssClasses(); } }; });
@@ -41376,7 +41537,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-watermark\', data: { forLeftMargin: true, band: $data, reportSurface: $data._context } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-watermark', 'data': { 'forLeftMargin': true, 'band': $context.$data, 'reportSurface': $context.$data._context } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $parent.width, \'snapGridSize\': $parent.snapGridSize }; } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'leftMarginTemplate', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return { 'surface': item, 'width': $context.$parent.width, 'snapGridSize': $context.$parent.snapGridSize }; } } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: collapsed', function ($context, $element) { return { 'if': function () { return $context.$data.collapsed; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'height\': height, \'width\': rect().width, top: absolutePosition.y }, css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$data.rect().width, 'top': $context.$data.absolutePosition.y }; }, 'css': function () { return { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'height\': height, \'width\': rect().width, top: absolutePosition.y }, css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function(_, container) { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.dimensionNotationsModel.start(container); }, resizing: function(boundsDiff) { $root.dimensionNotationsModel.updateSize(boundsDiff); }, stopped: function() { $data.stopResize(); $root.dimensionNotationsModel.stop(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$data.rect().width, 'top': $context.$data.absolutePosition.y }; }, 'css': function () { return { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'resizable': function () { return { 'starting': function (_, container) { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); $context.$root.dimensionNotationsModel.start(container); }, 'resizing': function (boundsDiff) { $context.$root.dimensionNotationsModel.updateSize(boundsDiff); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.dimensionNotationsModel.stop(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': 's', 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumHeight': $context.$data.minHeight() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: contentSelectionTemplate', function ($context, $element) { return { 'if': function () { return $context.$data.contentSelectionTemplate; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: contentSelectionTemplate', function ($context, $element) { return { 'template': function () { return $context.$data.contentSelectionTemplate; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-band-holder', 'data': { 'templateName': 'selectionTemplate', 'holder': $context.$data.bandsHolder, 'getData': function (item) { return item; } } }; } }; });
@@ -41413,7 +41574,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: $data[$parent.templateName], data: $parent.getData($data) }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data[$context.$parent.templateName], 'data': $context.$parent.getData($context.$data) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('with: holder.verticalBandsContainer', function ($context, $element) { return { 'with': function () { return $context.$data.holder.verticalBandsContainer; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: visible && !!$data[$parent.templateName]', function ($context, $element) { return { 'if': function () { return $context.$data.visible && !!$context.$data[$context.$parent.templateName]; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'height\': height, \'width\': _width, left: absolutePosition.x }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: resizeHandles(), disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumWidth: minimumWidth(), minimumHeight: minimumHeight() },  css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$data._width, 'left': $context.$data.absolutePosition.x }; }, 'resizable': function () { return { 'starting': function () { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': $context.$data.resizeHandles(), 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumWidth': $context.$data.minimumWidth(), 'minimumHeight': $context.$data.minimumHeight() }; }, 'css': function () { return { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'height\': height, \'width\': _width, left: absolutePosition.x }, resizable: { starting: function(_, container) { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.dimensionNotationsModel.start(container); }, resizing: function(boundsDiff) { $root.dimensionNotationsModel.updateSize(boundsDiff); }, stopped: function() { $data.stopResize(); $root.dimensionNotationsModel.stop();  $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: resizeHandles(), disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumWidth: minimumWidth(), minimumHeight: minimumHeight() }, css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, trackCursor: underCursor', function ($context, $element) { return { 'styleunit': function () { return { 'height': $context.$data.height, 'width': $context.$data._width, 'left': $context.$data.absolutePosition.x }; }, 'resizable': function () { return { 'starting': function (_, container) { $context.$root.resizeHandler.started = true; $context.$root.resizeHandler.starting(); $context.$root.dimensionNotationsModel.start(container); }, 'resizing': function (boundsDiff) { $context.$root.dimensionNotationsModel.updateSize(boundsDiff); }, 'stopped': function () { $context.$data.stopResize(); $context.$root.dimensionNotationsModel.stop(); $context.$root.resizeHandler.stopped(); $context.$root.resizeHandler.started = false; }, 'handles': $context.$data.resizeHandles(), 'disabled': !$context.$data.canResize(), 'forceResize': $context.$data.resize, 'zoom': $context.$root.surface().zoom, 'minimumWidth': $context.$data.minimumWidth(), 'minimumHeight': $context.$data.minimumHeight() }; }, 'css': function () { return { 'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor': $context.$data.selected() }; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dxrd-vertical-band-marker-focused\': focused }', function ($context, $element) { return { 'css': function () { return { 'dxrd-vertical-band-marker-focused': $context.$data.focused }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'width\': _width(), \'left\': absolutePosition.x() }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data._width(), 'left': $context.$data.absolutePosition.x() }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('coordinateGrid: coordinateGridOptions', function ($context, $element) { return { 'coordinateGrid': function () { return $context.$data.coordinateGridOptions; } }; });
@@ -41580,9 +41741,9 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style: { \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'z-index': $context.$data.offsetZIndex() }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); },visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }', function ($context, $element) { return { 'click': function () { return function (_, e) { !$context.$root.selection.disabled() && $context.$data.selectColumn($context.$root.selection); e.stopPropagation(); }; }, 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: isSelected() && !(selected() || focused()), styleunit: position', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected() && !($context.$data.selected() || $context.$data.focused()); }, 'styleunit': function () { return $context.$data.position; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: isSelected(), css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: \'n,s\', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { \'top\': position.top, \'height\': position.height }', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected(); }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return { 'starting': $context.$root.resizeHandler.starting, 'stopped': $context.$root.resizeHandler.stopped, 'handles': 'n,s', 'disabled': !($context.$data.selected() || $context.$data.focused()), 'zoom': $context.$root.surface().zoom }; }, 'styleunit': function () { return { 'top': $context.$data.position.top, 'height': $context.$data.position.height }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: isSelected(), css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, resizable: { starting: $root.resizeHandler.starting, resizing: $root.resizeHandler.resizing, stopped: $root.resizeHandler.stopped, handles: \'n,s\', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { \'top\': position.top, \'height\': position.height }', function ($context, $element) { return { 'visible': function () { return $context.$data.isSelected(); }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return { 'starting': $context.$root.resizeHandler.starting, 'resizing': $context.$root.resizeHandler.resizing, 'stopped': $context.$root.resizeHandler.stopped, 'handles': 'n,s', 'disabled': !($context.$data.selected() || $context.$data.focused()), 'zoom': $context.$root.surface().zoom }; }, 'styleunit': function () { return { 'top': $context.$data.position.top, 'height': $context.$data.position.height }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('trackCursor: underCursor, event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-table-cell-over-rowSpan\': rowSpan() === 0  }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: \'e,w\', disabled: !(selected() || focused()), zoom: $root.surface().zoom, snapHelper: $root.resizeHandler.snapHelper }, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan }, style : { \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'event': function () { return { 'dblclick': function () { $context.$root.inlineTextEdit.show($element); } }; }, 'visible': function () { return $context.$data.isSelected; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked, 'dxrd-table-cell-over-rowSpan': $context.$data.rowSpan() === 0 }; }, 'resizable': function () { return { 'starting': $context.$root.resizeHandler.starting, 'stopped': $context.$root.resizeHandler.stopped, 'handles': 'e,w', 'disabled': !($context.$data.selected() || $context.$data.focused()), 'zoom': $context.$root.surface().zoom, 'snapHelper': $context.$root.resizeHandler.snapHelper }; }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'z-index': $context.$data.offsetZIndex() }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('trackCursor: underCursor, event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-table-cell-over-rowSpan\': rowSpan() === 0  }, resizable: { starting: $root.resizeHandler.starting, resizing: $root.resizeHandler.resizing, stopped: $root.resizeHandler.stopped, handles: \'e,w\', disabled: !(selected() || focused()), zoom: $root.surface().zoom, snapHelper: $root.resizeHandler.snapHelper }, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan }, style : { \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'event': function () { return { 'dblclick': function () { $context.$root.inlineTextEdit.show($element); } }; }, 'visible': function () { return $context.$data.isSelected; }, 'css': function () { return { 'dxrd-selected dxrd-context-menu-container': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked, 'dxrd-table-cell-over-rowSpan': $context.$data.rowSpan() === 0 }; }, 'resizable': function () { return { 'starting': $context.$root.resizeHandler.starting, 'resizing': $context.$root.resizeHandler.resizing, 'stopped': $context.$root.resizeHandler.stopped, 'handles': 'e,w', 'disabled': !($context.$data.selected() || $context.$data.focused()), 'zoom': $context.$root.surface().zoom, 'snapHelper': $context.$root.resizeHandler.snapHelper }; }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'z-index': $context.$data.offsetZIndex() }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('trackCursor: underCursor, visible: !isSelected(), styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }', function ($context, $element) { return { 'trackCursor': function () { return $context.$data.underCursor; }, 'visible': function () { return !$context.$data.isSelected(); }, 'styleunit': function () { return { 'left': $context.$data.position.left, 'width': $context.$data.position.width, 'height': $context.$data.heightWithRowSpan }; }, 'style': function () { return { 'z-index': $context.$data.offsetZIndex() }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: !isSelected(), styleunit: { \'top\': position.top, \'height\': position.height }', function ($context, $element) { return { 'visible': function () { return !$context.$data.isSelected(); }, 'styleunit': function () { return { 'top': $context.$data.position.top, 'height': $context.$data.position.height }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor', function ($context, $element) { return { 'visible': function () { return !$context.$root.dx._static.DragDropHandler.started(); }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
@@ -41698,7 +41859,6 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $data.displayText ? $data.displayText() : $data.text', function ($context, $element) { return { 'text': function () { return $context.$data.displayText ? $context.$data.displayText() : $context.$data.text; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.imageTemplateName', function ($context, $element) { return { 'if': function () { return $context.$data.imageTemplateName; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: $data.imageTemplateName }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.imageTemplateName }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.items', function ($context, $element) { return { 'if': function () { return $context.$data.items; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-svg-preview-next_page\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-svg-preview-next_page' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: _position, css: { \'collapsed\': collapsed }, resizable: _resizableOptions', function ($context, $element) { return { 'style': function () { return $context.$data._position; }, 'css': function () { return { 'collapsed': $context.$data.collapsed }; }, 'resizable': function () { return $context.$data._resizableOptions; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { display: $data.collapsed() ? \'none\' : \'block\' }', function ($context, $element) { return { 'style': function () { return { 'display': $context.$data.collapsed() ? 'none' : 'block' }; } }; });
@@ -42151,7 +42311,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-band-coordinate-grid': '<!-- ko with: surface --> <!-- ko ifnot: collapsed --> <div class="dxrd-band-content dxd-selectable" data-bind="styleunit: { \'height\': height(), top: absolutePosition.y }"> <!-- ko if: $data._context.drawWatermark() --> <!-- ko template: { name: \'dxrd-watermark\', data: { forLeftMargin: true, band: $data, reportSurface: $data._context } } --> <!-- /ko --> <!-- /ko --> <div class="dxrd-band-subbands-wrapper" data-bind="styleunit: { \'top\': heightWithoutSubBands } "> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $parent.width, \'snapGridSize\': $parent.snapGridSize }; } } }--> <!-- /ko --> </div> </div> <!-- /ko --> <!-- ko if: collapsed --> <div data-bind="styleunit: { \'height\': height, top: absolutePosition.y }" class="dxrd-band-collapsed"> <div data-bind="css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }" class="dxrd-position-absolute dxrd-height-100 dxrd-width-100"></div> </div> <!-- /ko --> <!-- /ko -->',
     'dxrd-detail-report-band-coordinate-grid': '<!-- ko with: surface --> <!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $parent.width, \'snapGridSize\': $parent.snapGridSize }; } } }--> <!-- /ko --> <!-- /ko --> <!-- ko if: collapsed --> <div data-bind="styleunit: { \'height\': height, top: absolutePosition.y }" class="dxrd-band-collapsed"> <div data-bind="css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }" class="dxrd-position-absolute dxrd-height-100 dxrd-width-100"></div> </div> <!-- /ko --> <!-- /ko -->',
     'dxrd-sub-band-coordinate-grid': '<!-- ko with: surface --> <!-- ko ifnot: collapsed --> <div class="dxrd-band-content dxd-selectable" data-bind="styleunit: { \'height\': height(), top: $data.absolutePosition.y() - $data.parent.heightWithoutSubBands() - $data.parent.absolutePosition.y() }"> <!-- ko if: $data._context.drawWatermark() --> <!-- ko template: { name: \'dxrd-watermark\', data: { forLeftMargin: true, band: $data, reportSurface: $data._context } } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: collapsed --> <div data-bind="styleunit: { \'height\': height, top: absolutePosition.y }" class="dxrd-band-collapsed"> <div data-bind="css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }" class="dxrd-position-absolute dxrd-height-100 dxrd-width-100"></div> </div> <!-- /ko --> <!-- /ko -->',
-    'dxrd-band-selection': '<div data-bind="styleunit: { \'height\': height, \'width\': rect().width, top: absolutePosition.y }, css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor" class="dxrd-position-absolute"> <!-- ko if: contentSelectionTemplate --> <!-- ko template: contentSelectionTemplate--> <!-- /ko --> <!-- /ko --> </div> <!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- /ko -->',
+    'dxrd-band-selection': '<div data-bind="styleunit: { \'height\': height, \'width\': rect().width, top: absolutePosition.y }, css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, resizable: { starting: function(_, container) { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.dimensionNotationsModel.start(container); }, resizing: function(boundsDiff) { $root.dimensionNotationsModel.updateSize(boundsDiff); }, stopped: function() { $data.stopResize(); $root.dimensionNotationsModel.stop(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }, trackCursor: underCursor" class="dxrd-position-absolute"> <!-- ko if: contentSelectionTemplate --> <!-- ko template: contentSelectionTemplate--> <!-- /ko --> <!-- /ko --> </div> <!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- /ko -->',
     'dxrd-detailreportband-selection': '<!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- /ko -->',
     'dxrd-bandselection-content': '<!-- ko ifnot: collapsed --> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> <!-- /ko -->',
     'dxrd-band-vruler': '<!-- ko with: surface --><div class="dxrd-band-marker-wrapper dxrd-position-absolute" data-bind="attr: { title: name }, styleunit: { \'width\': $data.markerWidth() + 20, \'top\': absolutePosition.y, \'height\': height }" > <!-- ko if: hasOwnRuler --> <div class="dxrd-band-vruler" data-bind="styleunit: { \'height\': rulerHeight, top: 0 }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.selection.initialize($data); $root.selection.expectClick = false; }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false; }, handles: \'s\', disabled: !canResize(), forceResize: resizeTheBand, zoom: $root.surface().zoom, minimumHeight: $data.heightFromControls && $data.heightFromControls() || 1 }"> <div data-bind="ruler: { \'zoom\': zoom, \'length\': height, \'units\': $parent.measureUnit, \'direction\': \'vertical\', flip: $root.dx[\'config\']()[\'rtlEnabled\'] }"></div> </div> <!-- /ko --> <!-- ko if: showMarker --> <div class="dxrd-band-marker dxrd-context-menu-container" data-bind="css: markerClass, styleunit: { \'height\': height(), \'width\': markerWidth }, click: function(_, e) { markerClick($root.selection); e.stopPropagation(); }, event: $root.ContextMenusEnabled && $root.ContextMenusEnabled() ? { contextmenu: function(_, e) { markerClick($root.selection, false);  }} : null, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.selection.initialize($data); }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false; }, handles: \'s\', disabled: collapsed() || !hasOwnRuler() || locked, forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }"> <div class="dxrd-band-marker-content"> <div class="dxrd-width-1px dxrd-height-1px dxrd-margin-left-9px"></div> <div class="dxrd-band-marker-rotation"> <div class="dxrd-band-marker-rotation-text" data-bind="text: collapsed() ? \'\' : name"></div> </div> </div> </div> <!-- /ko --></div><!-- ko ifnot: collapsed --><!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'vrulerTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, measureUnit: $parent.measureUnit }; } } }--><!-- /ko --><!-- /ko --><!-- /ko -->',
@@ -42159,7 +42319,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-detailreportband': '<!-- ko ifnot: collapsed --> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'templateName\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- /ko --> <!-- ko if: collapsed --> <!-- ko template: \'dxrd-band-collapsed\' --> <!-- /ko --> <!-- /ko -->',
     'dxrd-band-collapsed': '<!-- ko if: collapsed --> <div class="dxrd-band-collapsed dxd-selectable dxrd-position-absolute" data-bind="styleunit: { \'height\': height, \'line-height\': height, \'top\': absolutePosition.y, width: rect().width }" > <!-- ko if: $root.surface().rtl() --> <div class="dxrd-position-absolute" data-bind="text: (name() || \'\').toUpperCase(), styleunit: { \'right\': leftMargin }"></div> <!-- /ko --> <!-- ko if: !$root.surface().rtl() --> <div class="dxrd-position-absolute" data-bind="text: (name() || \'\').toUpperCase(), styleunit: { \'left\': leftMargin }"></div> <!-- /ko --> </div> <!-- /ko -->',
     'dxrd-band-holder': '<!-- ko foreach: holder.bands --> <!-- ko template: { name: $data[$parent.templateName], data: $parent.getData($data) } --> <!-- /ko --> <!-- /ko --> <!-- ko with: holder.verticalBandsContainer --> <!-- ko if: visible && !!$data[$parent.templateName] --> <!-- ko template: { name: $data[$parent.templateName], data: $parent.getData($data) } --> <!-- /ko --> <!-- /ko --> <!-- /ko -->',
-    'dxrd-vertical-band-selection': '<div data-bind="styleunit: { \'height\': height, \'width\': _width, left: absolutePosition.x }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting() }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: resizeHandles(), disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumWidth: minimumWidth(), minimumHeight: minimumHeight() },  css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, trackCursor: underCursor" class="dxrd-position-absolute"> <div class="dxrd-vertical-band-marker" data-bind="css: { \'dxrd-vertical-band-marker-focused\': focused }"> <div class="dxrd-banding-marker-text" data-bind="text: name"></div> </div> <div class="dxrd-height-calc-100-29px dxrd-width-100 dxrd-position-absolute"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> </div>',
+    'dxrd-vertical-band-selection': '<div data-bind="styleunit: { \'height\': height, \'width\': _width, left: absolutePosition.x }, resizable: { starting: function(_, container) { $root.resizeHandler.started = true; $root.resizeHandler.starting(); $root.dimensionNotationsModel.start(container); }, resizing: function(boundsDiff) { $root.dimensionNotationsModel.updateSize(boundsDiff); }, stopped: function() { $data.stopResize(); $root.dimensionNotationsModel.stop();  $root.resizeHandler.stopped(); $root.resizeHandler.started = false;}, handles: resizeHandles(), disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumWidth: minimumWidth(), minimumHeight: minimumHeight() }, css: { \'dxrd-band-content-selected dxrd-context-menu-container dxd-border-accented dx-border-inheritor\': selected() }, trackCursor: underCursor" class="dxrd-position-absolute"> <div class="dxrd-vertical-band-marker" data-bind="css: { \'dxrd-vertical-band-marker-focused\': focused }"> <div class="dxrd-banding-marker-text" data-bind="text: name"></div> </div> <div class="dxrd-height-calc-100-29px dxrd-width-100 dxrd-position-absolute"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> </div>',
     'dxrd-vertical-band': '<div class="dxrd-band-content dxrd-vertical-band" data-bind="styleunit: { \'width\': _width(), \'left\': absolutePosition.x() }"> <!-- ko if: $data._context.drawWatermark() --> <!-- ko template: { name: \'dxrd-watermark\', data: { forLeftMargin: false, band: $data, reportSurface: $data._context } } --> <!-- /ko --> <!-- /ko --> <div data-bind="coordinateGrid: coordinateGridOptions" class="dxrd-band-content-grid"></div> <!-- ko foreach: controls --> <!-- ko template: { name: $data.template } --> <!-- /ko --> <!-- /ko --> </div>',
     'dxrd-vertical-bands-container': '<!-- ko ifnot: collapsed --> <div class="dxrd-band-content dxrd-vertical-bands-container" data-bind="styleunit: { \'height\': height, left: leftOffset, \'width\': width, top: topOffset }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting(); }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false; }, handles: \'s\', disabled: !canResize(), forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight || 1 }"> <div data-bind="styleunit: { \'width\': width }" class="dxrd-height-100 dxrd-overflow-hidden dxrd-position-absolute"> <div data-bind="style: { transform: \'translateX(-\' + $data.scrollOffset() + \'px)\' }"> <!-- ko foreach: verticalBands --> <!-- ko template: { name: templateName } --> <!-- /ko --> <!-- /ko --> <div data-bind="styleunit: { width: grayAreaWidth, height: height, left: !$root.surface().rtl() ? grayAreaLeft : 0  }" class="dxrd-band-content-greyarea"></div> </div> </div> </div> <!-- /ko --> <!-- ko if: collapsed --> <div class="dxrd-band-collapsed dxrd-position-absolute" data-bind="styleunit: { \'height\': height, \'line-height\': height, \'top\': topOffset, width: width }" > <div class="dxrd-position-absolute" data-bind="text: (name || \'\').toUpperCase(), styleunit: { \'right\': $root.surface().rtl() ? leftMargin : \'auto\', \'left\': !$root.surface().rtl() ? leftMargin: \'auto\' }"></div> </div> <!-- /ko -->',
     'dxrd-vertical-bands-container-selection': '<!-- ko ifnot: collapsed --> <div data-bind="styleunit: { \'width\': width, top: topOffset, left: leftOffset, height: height() }" class="dxrd-overflow-hidden dxrd-position-absolute"> <div data-bind="dxScrollView: $data.createScrollViewOptions($data, $root.selection)"> <!-- ko foreach: verticalBands --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko -->',
@@ -42200,7 +42360,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     '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 dxrd-context-menu-container\': 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 dxrd-context-menu-container" 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>',
-    'dxrd-table-selection': '<div class="dxrd-table-control dxrd-context-menu-container" data-bind="style: { visibility: !isSelected() ? \'visible\' : \'hidden\'}, styleunit: position"> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height }"> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style:{ overflow: isSelected() ? \'visible\' : \'hidden\', \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --></div><!-- ko if: (selected() || focused()) --><div class="dxrd-table-control" data-bind="style: { visibility: \'inherit\' }, css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows()[0].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style: { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right dxrd-visibility-visible"  data-bind="trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()"></div> </div> <!-- /ko --> <!-- ko foreach: rows()[rows().length-1].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-bottom" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); },visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- /ko --></div><!-- /ko --><div class="dxrd-table-control dxrd-context-menu-container" data-bind="visible: isSelected() && !(selected() || focused()), styleunit: position"> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows()[0].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="visible: isSelected(), css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: \'n,s\', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxd-border-accented dxrd-control-border-box"></div> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-table-cell-over-rowSpan\': rowSpan() === 0  }, resizable: { starting: $root.resizeHandler.starting, stopped: $root.resizeHandler.stopped, handles: \'e,w\', disabled: !(selected() || focused()), zoom: $root.surface().zoom, snapHelper: $root.resizeHandler.snapHelper }, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan }, style : { \'z-index\': offsetZIndex() }"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko if: $root.inlineTextEdit.visible() && selected() --> <!-- ko with: $root.inlineTextEdit--> <div class="inline-text-edit" data-bind="dxTextArea: { value: text, onKeyUp: keypressAction, valueChangeEvent: \'keyup\' }"></div> <!-- /ko --> <!-- /ko --> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, visible: !isSelected(), styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div> </div> <div class="dxrd-table-row-control dxrd-context-menu-container" data-bind="visible: !isSelected(), styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right" data-bind="visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor"></div> </div> <!-- /ko --> <!-- ko foreach: rows()[rows().length-1].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-bottom" data-bind="visible: !$root.dx._static.DragDropHandler.started(),click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- /ko --></div>',
+    'dxrd-table-selection': '<div class="dxrd-table-control dxrd-context-menu-container" data-bind="style: { visibility: !isSelected() ? \'visible\' : \'hidden\'}, styleunit: position"> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height }"> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style:{ overflow: isSelected() ? \'visible\' : \'hidden\', \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --></div><!-- ko if: (selected() || focused()) --><div class="dxrd-table-control" data-bind="style: { visibility: \'inherit\' }, css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows()[0].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style: { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right dxrd-visibility-visible"  data-bind="trackCursor: underCursor, visible: !$root.dx._static.DragDropHandler.started()"></div> </div> <!-- /ko --> <!-- ko foreach: rows()[rows().length-1].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-bottom" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); },visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- /ko --></div><!-- /ko --><div class="dxrd-table-control dxrd-context-menu-container" data-bind="visible: isSelected() && !(selected() || focused()), styleunit: position"> <!-- ko if: rows().length > 0 --> <!-- ko foreach: rows()[0].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-top" data-bind="click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, visible: !$root.dx._static.DragDropHandler.started(), styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="visible: isSelected(), css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-locked\': locked }, resizable: { starting: $root.resizeHandler.starting, resizing: $root.resizeHandler.resizing, stopped: $root.resizeHandler.stopped, handles: \'n,s\', disabled: !(selected() || focused()), zoom: $root.surface().zoom }, styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxd-border-accented dxrd-control-border-box"></div> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: { \'dxrd-selected dxrd-context-menu-container\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-table-cell-over-rowSpan\': rowSpan() === 0  }, resizable: { starting: $root.resizeHandler.starting, resizing: $root.resizeHandler.resizing, stopped: $root.resizeHandler.stopped, handles: \'e,w\', disabled: !(selected() || focused()), zoom: $root.surface().zoom, snapHelper: $root.resizeHandler.snapHelper }, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan }, style : { \'z-index\': offsetZIndex() }"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko if: $root.inlineTextEdit.visible() && selected() --> <!-- ko with: $root.inlineTextEdit--> <div class="inline-text-edit" data-bind="dxTextArea: { value: text, onKeyUp: keypressAction, valueChangeEvent: \'keyup\' }"></div> <!-- /ko --> <!-- /ko --> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, visible: !isSelected(), styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right" data-bind="visible: !$root.dx._static.DragDropHandler.started(), trackCursor: underCursor"></div> </div> <div class="dxrd-table-row-control dxrd-context-menu-container" data-bind="visible: !isSelected(), styleunit: { \'top\': position.top, \'height\': position.height }"> <div class="dxrd-table-row-selection dxrd-table-row-selection-left" data-bind="visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor"></div> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control" data-bind="trackCursor: underCursor, styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan  }, style : { \'z-index\': offsetZIndex() }"> <!-- ko foreach: controls --> <!-- ko template: { name: $data.selectiontemplate } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div class="dxrd-table-row-selection dxrd-table-row-selection-right" data-bind="visible: !$root.dx._static.DragDropHandler.started(),trackCursor: underCursor"></div> </div> <!-- /ko --> <!-- ko foreach: rows()[rows().length-1].cells --> <div class="dxrd-table-column-selection dxrd-table-column-selection-bottom" data-bind="visible: !$root.dx._static.DragDropHandler.started(),click: function(_, e) { !$root.selection.disabled() && selectColumn($root.selection); e.stopPropagation(); }, styleunit: { \'left\': position.left, \'width\': position.width }"></div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-table': '<div class="dxrd-table-control dxrd-control dxd-selectable" data-bind="styleunit: position, trackCursor: underCursor, css: adorntemplate"> <div data-bind="style: css" class="dxrd-width-100 dxrd-height-100"> <!-- ko foreach: rows --> <div class="dxrd-table-row-control" data-bind="styleunit: { \'top\': position.top, \'height\': position.height}, style: css, css: adorntemplate"> <!-- ko foreach: cells --> <div class="dxrd-table-cell-control dxrd-control" data-bind="styleunit: { \'left\': position.left, \'width\': position.width, \'height\': heightWithRowSpan }, trackCursor: underCursor, css: adorntemplate"> <div data-bind="zoom: _context.zoom, template: contenttemplate, styleunit: { \'lineHeight\': position.lineHeight() / _context.zoom(), \'width\': contentWidthWithoutZoom, \'height\': contentHeightWithoutZoom }, style: css"> </div> <!-- ko foreach: controls --> <!-- ko template: { name: $data.template } --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> <!-- /ko --> </div></div>',
     'dxrd-table-of-contents': '<div class="dxrd-control dxd-selectable dxrd-control-table-of-content" data-bind="styleunit: position, trackCursor: underCursor, css: adorntemplate"> <div data-bind="style: css" class="dxrd-width-100 dxrd-height-100"> <!-- ko template: { name: levelTitle.template, data: levelTitle } --> <!-- /ko --> <div class="dxrd-control-table-of-content-levelsElements"> <!-- ko foreach: $data.levels() --> <!-- ko template: { name: $data.template } --> <!-- /ko --> <!-- /ko --> <!-- ko template: { name: levelDefault.template, data: levelDefault, isDefault: true } --> <!-- /ko --> </div> </div> </div>',
     'dxrd-table-of-contents-level': '<div class="dxrd-control dxrd-left-0 dxrd-width-100" data-bind="styleunit: { height: position.height, top: position.top, lineHeight: position.lineHeight}, css: adorntemplate" > <div class="dxrd-tocLevel-border" data-bind="styleunit: { \'height\': _context.zoom()}"></div> <!-- ko if: getControlModel().rtl() --> <div data-bind="style: borderCss, styleunit: { left: position.left, width: contentSizes().width + (contentSizes().left + contentSizes().right)} " class="dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div> <!-- /ko --> <!-- ko if: !getControlModel().rtl() --> <div data-bind="style: borderCss, styleunit: { left: position.left} " class="dxrd-height-100 dxrd-right-0 dxrd-position-absolute dxrd-box-sizing-border-box"></div> <!-- /ko --> <div class="dxrd-control-content-main dxrd-overflow-hidden"  data-bind="styleunit: { \'top\': contentSizes().top, \'left\': contentSizes().left + position.left(), lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width}, style: css"> <div class="dxrd-tocLevel-zoomer" data-bind="zoom: _context.zoom, styleunit: { \'height\': contentHeightWithoutZoom, \'width\': contentWidthWithoutZoom }"> <div class="dxrd-box-sizing-border-box dxrd-letter-spacing-normal dxrd-width-100 dxrd-height-100" data-bind="styleunit: { lineHeight: contentHeightWithoutZoom }"> <!-- ko if: getControlModel().isTitle --> <div class="dxrd-control-content dxrd-control-content-multiline" data-bind="controlDisplayName: $data, style: contentCss"></div> <!-- /ko --> <!-- ko ifnot: getControlModel().isTitle --> <div class="dxrd-control-content dxrd-width-100 dxrd-height-100 dxrd-line-height-inherit" data-bind="style: contentCss" > <div class="dxrd-control-content-level-text"> <table border="0" cellspacing="0" cellpadding="0"> <tr> <td> <div class="dxrd-control-content-line-text"><span data-bind="text: $data.getControlModel().name"></span></div> </td> <td class="middle"> <table border="0" cellspacing="0" cellpadding="0" class="dxrd-table-layout-fixed dxrd-width-100"> <tr> <td data-bind="text: leaderSymbols" class="dxrd-word-wrap-break-word"></td> </tr> </table> </td> <td> <div class="dxrd-control-content-number">&nbsp;&nbsp;#&nbsp;&nbsp;</div> </td> </tr> </table> </div> </div> <!-- /ko --> </div> </div> </div> </div>',