devexpress-reporting 23.1.3 → 23.2.0-build-000-1111

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  23.1.3
-* Build date: Jun 7, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -944,6 +944,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "nam
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "displayName", function() { return metadata_displayName; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "text", function() { return metadata_text; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "textArea", function() { return metadata_textArea; });
+__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "textTrimmingValues", function() { return textTrimmingValues; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "textTrimming", function() { return textTrimming; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "size", function() { return metadata_size; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "location", function() { return metadata_location; });
@@ -6307,16 +6308,17 @@ var metadata_name = { propertyName: 'name', modelName: '@Name', displayName: 'Na
 var metadata_displayName = { propertyName: 'displayNameObject', localizable: true, modelName: '@DisplayName', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), defaultVal: '', displayName: 'Display Name', localizationId: 'DevExpress.XtraReports.UI.XtraReport.DisplayName' };
 var metadata_text = { propertyName: 'text', modelName: '@Text', defaultVal: '', displayName: 'Text', localizationId: 'DevExpress.XtraReports.UI.XRControl.Text', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), localizable: true };
 var metadata_textArea = { propertyName: 'textArea', displayName: 'Text', localizationId: 'DevExpress.XtraReports.UI.XRControl.Text', defaultVal: '', localizable: true, editor: Object(external_DevExpress_Analytics_Internal_["extend"])({}, external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('stringArray'), { editorType: linesEditor_LinesEditor }) };
+var textTrimmingValues = [
+    { value: 'None', displayValue: 'None', localizationId: 'DevExpress.Utils.Trimming.None' },
+    { value: 'Character', displayValue: 'Character', localizationId: 'DevExpress.Utils.Trimming.Character' },
+    { value: 'Word', displayValue: 'Word', localizationId: 'DevExpress.Utils.Trimming.Word' },
+    { value: 'EllipsisCharacter', displayValue: 'Ellipsis Character', localizationId: 'DevExpress.Utils.Trimming.EllipsisCharacter' },
+    { value: 'EllipsisWord', displayValue: 'Ellipsis Word', localizationId: 'DevExpress.Utils.Trimming.EllipsisWord' },
+    { value: 'EllipsisPath', displayValue: 'Ellipsis Path', localizationId: 'DevExpress.Utils.Trimming.EllipsisPath' }
+];
 var textTrimming = {
     propertyName: 'textTrimming', modelName: '@TextTrimming', displayName: 'Text Trimming', localizationId: 'DevExpress.XtraReports.UI.XRControl.TextTrimming', defaultVal: 'Character', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
-    valuesArray: [
-        { value: 'None', displayValue: 'None', localizationId: 'System.Drawing.StringTrimming.None' },
-        { value: 'Character', displayValue: 'Character', localizationId: 'System.Drawing.StringTrimming.Character' },
-        { value: 'Word', displayValue: 'Word', localizationId: 'System.Drawing.StringTrimming.Word' },
-        { value: 'EllipsisCharacter', displayValue: 'Ellipsis Character', localizationId: 'System.Drawing.StringTrimming.EllipsisCharacter' },
-        { value: 'EllipsisWord', displayValue: 'Ellipsis Word', localizationId: 'System.Drawing.StringTrimming.EllipsisWord' },
-        { value: 'EllipsisPath', displayValue: 'Ellipsis Path', localizationId: 'System.Drawing.StringTrimming.EllipsisPath' }
-    ]
+    valuesArray: textTrimmingValues
 };
 var metadata_size = { propertyName: 'size', modelName: '@SizeF', from: external_DevExpress_Analytics_Elements_["Size"].fromString, displayName: 'Size', localizationId: 'DevExpress.XtraReports.UI.XRControl.Size', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizable: true };
 var metadata_location = { propertyName: 'location', modelName: '@LocationFloat', from: external_DevExpress_Analytics_Elements_["Point"].fromString, displayName: 'Location', localizationId: 'DevExpress.XtraReports.UI.XRControl.Location', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizable: true };
@@ -7891,12 +7893,26 @@ var popularPropertiesPicture = ['imageSource', 'popularDataBindingImageSource',
 
 var foreColorWatermark = Object(external_DevExpress_Analytics_Internal_["extend"])({}, metadata_foreColor, { defaultVal: 'Red' });
 var fontWatermark = Object(external_DevExpress_Analytics_Internal_["extend"])({}, metadata_font, { defaultVal: 'Verdana, 36pt' });
+var watermarkTextValues = [
+    { value: 'ASAP', displayValue: 'ASAP', localizationId: 'PreviewStringId.WMForm_Watermark_Asap' },
+    { value: 'CONFIDENTIAL', displayValue: 'CONFIDENTIAL', localizationId: 'PreviewStringId.WMForm_Watermark_Confidential' },
+    { value: 'COPY', displayValue: 'COPY', localizationId: 'PreviewStringId.WMForm_Watermark_Copy' },
+    { value: 'DO NOT COPY', displayValue: 'DO NOT COPY', localizationId: 'PreviewStringId.WMForm_Watermark_DoNotCopy' },
+    { value: 'DRAFT', displayValue: 'DRAFT', localizationId: 'PreviewStringId.WMForm_Watermark_Draft' },
+    { value: 'EVALUATION', displayValue: 'EVALUATION', localizationId: 'PreviewStringId.WMForm_Watermark_Evaluation' },
+    { value: 'ORIGINAL', displayValue: 'ORIGINAL', localizationId: 'PreviewStringId.WMForm_Watermark_Original' },
+    { value: 'PERSONAL', displayValue: 'PERSONAL', localizationId: 'PreviewStringId.WMForm_Watermark_Personal' },
+    { value: 'SAMPLE', displayValue: 'SAMPLE', localizationId: 'PreviewStringId.WMForm_Watermark_Sample' },
+    { value: 'TOP SECRET', displayValue: 'TOP SECRET', localizationId: 'PreviewStringId.WMForm_Watermark_TopSecret' },
+    { value: 'URGENT', displayValue: 'URGENT', localizationId: 'PreviewStringId.WMForm_Watermark_Urgent' }
+];
 var watermarkSerializationsInfo = [
     fontWatermark, foreColorWatermark,
     { propertyName: 'textTransparency', modelName: '@TextTransparency', displayName: 'Text Transparency', localizationId: 'DevExpress.XtraPrinting.Drawing.PageWatermark.TextTransparency', defaultVal: 50, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric') },
     {
-        propertyName: 'text', modelName: '@Text', displayName: 'Text', localizable: true, localizationId: 'DevExpress.XtraPrinting.Drawing.PageWatermark.Text', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('comboboxEditable'),
-        valuesArray: [{ value: 'ASAP', displayValue: 'ASAP', localizationId: 'PreviewStringId.WMForm_Watermark_Asap' }, { value: 'CONFIDENTIAL', displayValue: 'CONFIDENTIAL', localizationId: 'PreviewStringId.WMForm_Watermark_Confidential' }, { value: 'COPY', displayValue: 'COPY', localizationId: 'PreviewStringId.WMForm_Watermark_Copy' }, { value: 'DO NOT COPY', displayValue: 'DO NOT COPY', localizationId: 'PreviewStringId.WMForm_Watermark_DoNotCopy' }, { value: 'DRAFT', displayValue: 'DRAFT', localizationId: 'PreviewStringId.WMForm_Watermark_Draft' }, { value: 'EVALUATION', displayValue: 'EVALUATION', localizationId: 'PreviewStringId.WMForm_Watermark_Evaluation' }, { value: 'ORIGINAL', displayValue: 'ORIGINAL', localizationId: 'PreviewStringId.WMForm_Watermark_Original' }, { value: 'PERSONAL', displayValue: 'PERSONAL', localizationId: 'PreviewStringId.WMForm_Watermark_Personal' }, { value: 'SAMPLE', displayValue: 'SAMPLE', localizationId: 'PreviewStringId.WMForm_Watermark_Sample' }, { value: 'TOP SECRET', displayValue: 'TOP SECRET', localizationId: 'PreviewStringId.WMForm_Watermark_TopSecret' }, { value: 'URGENT', displayValue: 'URGENT', localizationId: 'PreviewStringId.WMForm_Watermark_Urgent' }]
+        propertyName: 'text', modelName: '@Text', displayName: 'Text', localizable: true, localizationId: 'DevExpress.XtraPrinting.Drawing.PageWatermark.Text', defaultVal: '',
+        editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('comboboxEditable'),
+        valuesArray: watermarkTextValues
     },
     {
         propertyName: 'textDirection', modelName: '@TextDirection', displayName: 'Text Direction', localizationId: 'DevExpress.XtraPrinting.Drawing.PageWatermark.TextDirection', defaultVal: 'ForwardDiagonal', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
@@ -10582,7 +10598,7 @@ class xrRichTextSurface_XRRichSurface extends xrControl_XRControlSurface {
         this.imageSrc = external_ko_["observable"]('');
         this.isLoading = external_ko_["observable"](false);
         this.template = 'dxrd-shape';
-        this.contenttemplate = 'dxrd-shape-content';
+        this.contenttemplate = 'dxrd-server-rendered-control-content';
         this._sendCallback();
         this._disposables.push(control._newDocumentData.subscribe((newVal) => {
             control.serializableRtfString(newVal && newVal.content);
@@ -13964,7 +13980,7 @@ subreportViewModel_SubreportViewModel.defaultReport = {
     '@ControlType': 'DevExpress.XtraReports.UI.XtraReport',
     '@PageWidth': '850',
     '@PageHeight': '1100',
-    '@Version': '23.1',
+    '@Version': '23.2',
     '@Font': 'Arial,9pt',
     '@Dpi': '100',
     'Bands': {
@@ -15986,7 +16002,7 @@ class xrChart_XRChartSurface extends xrControl_XRControlSurface {
         this.isLoading = external_ko_["observable"](false);
         this.imageSrc = external_ko_["observable"]('');
         this.template = 'dxrd-shape';
-        this.contenttemplate = 'dxrd-shape-content';
+        this.contenttemplate = 'dxrd-server-rendered-control-content';
         this.selectiontemplate = 'dxrd-chart-selection';
         this._disposables.push(external_ko_["computed"](() => {
             if (!this.designTime()) {
@@ -16555,14 +16571,7 @@ var textHorizontalAlignment = {
     ]
 }, trimming = {
     propertyName: 'trimming', modelName: '@Trimming', displayName: 'Trimming', localizationId: 'DevExpress.PivotGrid.Printing.PrintTextOptions.Trimming', defaultVal: 'None', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
-    valuesArray: [
-        { value: 'None', displayValue: 'None', localizationId: 'System.Drawing.StringTrimming.None' },
-        { value: 'Character', displayValue: 'Character', localizationId: 'System.Drawing.StringTrimming.Character' },
-        { value: 'Word', displayValue: 'Word', localizationId: 'System.Drawing.StringTrimming.Word' },
-        { value: 'EllipsisCharacter', displayValue: 'EllipsisCharacter', localizationId: 'System.Drawing.StringTrimming.EllipsisCharacter' },
-        { value: 'EllipsisWord', displayValue: 'EllipsisWord', localizationId: 'System.Drawing.StringTrimming.EllipsisWord' },
-        { value: 'EllipsisPath', displayValue: 'EllipsisPath', localizationId: 'System.Drawing.StringTrimming.EllipsisPath' }
-    ]
+    valuesArray: textTrimmingValues
 }, appearanceWordWrap = {
     propertyName: 'wordWrap', modelName: '@WordWrap', displayName: 'Word Wrap', localizationId: 'DevExpress.PivotGrid.Printing.PrintTextOptions.WordWrap', defaultVal: 'NoWrap', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
     valuesArray: [
@@ -19229,36 +19238,36 @@ xrRichText_XRRichViewModel._hiddenProperties = ['_rtf', 'textRtf'];
 
 
 
-var shapes = {
-    'Rectangle': 'Rectangle',
-    'Ellipse': 'Ellipse',
-    'Top Arrow': 'Top Arrow',
-    'Right Arrow': 'Right Arrow',
-    'Bottom Arrow': 'Bottom Arrow',
-    'Left Arrow': 'Left Arrow',
-    'Triangle': 'Triangle',
-    'Square': 'Square',
-    'Pentagon': 'Pentagon',
-    'Hexagon': 'Hexagon',
-    'Octagon': 'Octagon',
-    '3-Point Star': '3-Point Star',
-    '4-Point Star': '4-Point Star',
-    '5-Point Star': '5-Point Star',
-    '6-Point Star': '6-Point Star',
-    '8-Point Star': '8-Point Star',
-    'Vertical Line': 'Vertical Line',
-    'Horizontal Line': 'Horizontal Line',
-    'Slant Line': 'Slant Line',
-    'Backslant Line': 'Backslant Line',
-    'Cross': 'Cross',
-    'Bracket': 'Bracket',
-    'Brace': 'Brace'
-};
+var shapes = [
+    { value: 'Rectangle', displayValue: 'Rectangle', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Rectangle' },
+    { value: 'Ellipse', displayValue: 'Ellipse', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Ellipse' },
+    { value: 'Top Arrow', displayValue: 'Top Arrow', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.TopArrow' },
+    { value: 'Right Arrow', displayValue: 'Right Arrow', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.RightArrow' },
+    { value: 'Bottom Arrow', displayValue: 'Bottom Arrow', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.BottomArrow' },
+    { value: 'Left Arrow', displayValue: 'Left Arrow', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.LeftArrow' },
+    { value: 'Triangle', displayValue: 'Triangle', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Triangle' },
+    { value: 'Square', displayValue: 'Square', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Square' },
+    { value: 'Pentagon', displayValue: 'Pentagon', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Pentagon' },
+    { value: 'Hexagon', displayValue: 'Hexagon', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Hexagon' },
+    { value: 'Octagon', displayValue: 'Octagon', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Octagon' },
+    { value: '3-Point Star', displayValue: '3-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.ThreePointStar' },
+    { value: '4-Point Star', displayValue: '4-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.FourPointStar' },
+    { value: '5-Point Star', displayValue: '5-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.FivePointStar' },
+    { value: '6-Point Star', displayValue: '6-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.SixPointStar' },
+    { value: '8-Point Star', displayValue: '8-Point Star', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.EightPointStar' },
+    { value: 'Vertical Line', displayValue: 'Vertical Line', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.VerticalLine' },
+    { value: 'Horizontal Line', displayValue: 'Horizontal Line', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.HorizontalLine' },
+    { value: 'Slant Line', displayValue: 'Slant Line', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.SlantLine' },
+    { value: 'Backslant Line', displayValue: 'Backslant Line', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.BackslantLine' },
+    { value: 'Cross', displayValue: 'Cross', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Cross' },
+    { value: 'Bracket', displayValue: 'Bracket', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Bracket' },
+    { value: 'Brace', displayValue: 'Brace', localizationId: 'DevExpress.XtraPrinting.Shape.Native.ShapeId.Brace' },
+];
 var shapeType = { propertyName: 'shapeType', modelName: '@ShapeName', defaultVal: 'Ellipse' };
 var stretch = { propertyName: 'stretch', modelName: '@Stretch', defaultVal: false, from: external_DevExpress_Analytics_Utils_["parseBool"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), displayName: 'Stretch', localizationId: 'DevExpress.XtraReports.UI.XRShape.Stretch' };
 var fillColor = { propertyName: 'fillColor', modelName: '@FillColor', defaultVal: 'transparent', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], displayName: 'Fill Color', localizationId: 'DevExpress.XtraReports.UI.XRShape.FillColor' };
 var Shape = { propertyName: 'Shape', modelName: 'Shape' };
-var shapeFake = { propertyName: 'shapeFake', editor: designerEditorTemplates.getEditor('contentByType'), displayName: 'Shape', values: shapes, localizationId: 'DevExpress.XtraReports.UI.XRShape.Shape' };
+var shapeFake = { propertyName: 'shapeFake', editor: designerEditorTemplates.getEditor('contentByType'), displayName: 'Shape', valuesArray: shapes, localizationId: 'DevExpress.XtraReports.UI.XRShape.Shape' };
 var shapeElementSerializationsInfo = [shapeType];
 var fillet = { propertyName: 'fillet', modelName: '@Fillet', defaultVal: 0, from: external_DevExpress_Analytics_Utils_["floatFromModel"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), displayName: 'Fillet', localizationId: 'DevExpress.XtraPrinting.Shape.FilletShapeBase.Fillet' };
 var shapeRectangleSerializationsInfo = [shapeType, fillet];
@@ -19488,11 +19497,12 @@ class xrShape_XRShapeControlSurface extends xrControl_XRControlSurface {
         this._lastUpdateImageDeferred = null;
         this.imageSrc = external_ko_["observable"]('');
         this.isLoading = external_ko_["observable"](false);
+        this.error = external_ko_["observable"]('');
         this._disposables.push(external_ko_["computed"](() => {
             this._updateImage();
         }));
         this.template = 'dxrd-shape';
-        this.contenttemplate = 'dxrd-shape-content';
+        this.contenttemplate = 'dxrd-server-rendered-control-content';
     }
     _updateImage() {
         this.isLoading(true);
@@ -19507,6 +19517,7 @@ class xrShape_XRShapeControlSurface extends xrControl_XRControlSurface {
         })
             .fail((xhr) => {
             resultDeferred.resolve(null);
+            this.error('An error occurred during an attempt to load data');
         });
         resultDeferred.done((result) => {
             this.isLoading(false);
@@ -20984,8 +20995,8 @@ class xrUnknownControl_XRUnknownControlSurface extends xrControl_XRControlSurfac
         this.isLoading = external_ko_["observable"](false);
         this.imageSrc = external_ko_["observable"]('');
         this.error = external_ko_["observable"]('');
-        this.template = 'dxrd-shape';
-        this.contenttemplate = 'dxrd-shape-content';
+        this.template = 'dxrd-unknown-control';
+        this.contenttemplate = 'dxrd-server-rendered-control-content';
         var fetchTimeout = null;
         var lastFetch = null;
         this._disposables.push(external_ko_["computed"](() => {
@@ -24643,12 +24654,14 @@ var external_DevExpress_QueryBuilder_Widgets_Internal_ = __webpack_require__(15)
 
 
 class _sqlDataSourceEditor_DataSourceEditorBase {
-    constructor(_dsHelper, _wizard, _reportViewModel, _undoEngine, _itemsProvider) {
+    constructor(_dsHelper, _wizard, _reportViewModel, _undoEngine, _itemsProvider, _callbacks, _rtl) {
         this._dsHelper = _dsHelper;
         this._wizard = _wizard;
         this._reportViewModel = _reportViewModel;
         this._undoEngine = _undoEngine;
         this._itemsProvider = _itemsProvider;
+        this._callbacks = _callbacks;
+        this._rtl = _rtl;
     }
     _findDataSource(dataSourceID) {
         return this._dsHelper().usedDataSources().filter((item) => {
@@ -24730,7 +24743,8 @@ class _sqlDataSourceEditor_SqlDataSourceEditor extends _sqlDataSourceEditor_Data
         });
     }
     _applyDataSourceChange(source, dest, queryName, relationsEditing) {
-        return _sqlDataSourceEditor_SqlDataSourceEditor.createSqlDataSourceInfo(source, queryName, relationsEditing)
+        var _a, _b;
+        return _sqlDataSourceEditor_SqlDataSourceEditor.createSqlDataSourceInfo(source, queryName, relationsEditing, ((_a = this._callbacks) === null || _a === void 0 ? void 0 : _a.getParameters) && ((_b = this._callbacks) === null || _b === void 0 ? void 0 : _b.getParameters()))
             .done((result) => {
             if (dest) {
                 dest.data['base64'](result.base64());
@@ -24787,8 +24801,8 @@ class _sqlDataSourceEditor_SqlDataSourceEditor extends _sqlDataSourceEditor_Data
         var dataSource = this._dsHelper().findDataSourceInfoByName(dataSourceWrapped.sqlDataSource.name());
         return this._applyDataSourceChange(dataSourceWrapped.sqlDataSource, dataSource, dataSourceWrapped.sqlQuery && dataSourceWrapped.sqlQuery.name());
     }
-    static rebuildResultSchema(source, queryName, relationsEditing) {
-        return QBRequestWrapper().rebuildResultSchema(source, queryName, relationsEditing)
+    static rebuildResultSchema(source, queryName, relationsEditing, parameters) {
+        return QBRequestWrapper().rebuildResultSchema(source, queryName, relationsEditing, parameters)
             .done((result) => {
             var model = JSON.parse(result.resultSchemaJSON);
             source.resultSet = !!model ? new external_DevExpress_Analytics_Data_["ResultSet"](model) : null;
@@ -24803,9 +24817,9 @@ class _sqlDataSourceEditor_SqlDataSourceEditor extends _sqlDataSourceEditor_Data
             }
         });
     }
-    static createSqlDataSourceInfo(source, queryName, relationsEditing) {
+    static createSqlDataSourceInfo(source, queryName, relationsEditing, parameters) {
         var deferred = external_jQuery_["Deferred"]();
-        _sqlDataSourceEditor_SqlDataSourceEditor.rebuildResultSchema(source, queryName, relationsEditing).done((_) => {
+        _sqlDataSourceEditor_SqlDataSourceEditor.rebuildResultSchema(source, queryName, relationsEditing, parameters).done((_) => {
             _reportDataSourceService_ReportDataSourceService.getSqlDataSourceBase64(source)
                 .done((result) => {
                 deferred.resolve({
@@ -30443,15 +30457,16 @@ function getEditor(name) {
 
 
 
+
 function registerCustomGlobalExpressions(expressions) {
     if (!(expressions === null || expressions === void 0 ? void 0 : expressions.length)) {
         return;
     }
     expressions.forEach((expressionInfo) => {
         const expression = translateExpression(expressionInfo);
-        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(Object(external_DevExpress_Analytics_Widgets_Internal_["functionDisplay"])(), [expression]);
-        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(external_DevExpress_QueryBuilder_Widgets_Internal_["expressionFunctions"], [expression]);
-        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(reportFunctionDisplay, [expression]);
+        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(Object(external_DevExpress_Analytics_Widgets_Internal_["functionDisplay"])(), [Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, expression)]);
+        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(external_DevExpress_QueryBuilder_Widgets_Internal_["expressionFunctions"], [Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, expression)]);
+        Object(external_DevExpress_Analytics_Widgets_Internal_["insertOrUpdateFunctions"])(reportFunctionDisplay, [Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, expression)]);
     });
 }
 function registerCustomReportExpressions(expressions) {
@@ -31552,7 +31567,7 @@ class configureCrossTabPage_SelectCrossTabDataMember extends selectDataMembersPa
             });
             this._onChange();
         };
-        this._title = 'Avalible Fields';
+        this._title = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Available fields', 'ASPxReportsStringId.ReportDesigner_Wizard_AvailableFields');
         this._icon = 'dxrd-svg-wizard-crosstab-fields';
         var fieldListProvider = new external_DevExpress_Analytics_Internal_["FieldListProvider"](this._wrapFieldListCallback(_fieldListCallBack), external_ko_["observableArray"]([]));
         this._disposables.push(this._itemsProvider = new external_DevExpress_Analytics_Wizard_Internal_["TreeNodeItemsProvider"](fieldListProvider, this._rootItems, this._createCrossTabTreeNode, this._createCrossTabLeafTreeNode));
@@ -32701,10 +32716,8 @@ function _registerSelectDataSourcePage(factory, reportWizardOptions) {
 
 
 class _federationDataSourceEditor_FederationDataSourceEditor extends _sqlDataSourceEditor_DataSourceEditorBase {
-    constructor(dsHelper, wizard, reportViewModel, undoEngine, itemsProvider, _rtl, _callbacks) {
-        super(dsHelper, wizard, reportViewModel, undoEngine, itemsProvider);
-        this._rtl = _rtl;
-        this._callbacks = _callbacks;
+    constructor() {
+        super(...arguments);
         this.addAction = {
             clickAction: (item) => {
                 this.openManageQueriesEditor(item.data.name);
@@ -37109,8 +37122,8 @@ class _settings_WizardsInitializerSettings {
         return this.dataSourceWizard;
     }
     createSqlDataSourceEditor(settings) {
-        this.federationDataSourceEditor = new _federationDataSourceEditor_FederationDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider, settings.rtl, this.multipleQueriesWizardCallbacks);
-        this.sqlDataSourceEditor = new _sqlDataSourceEditor_SqlDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider);
+        this.federationDataSourceEditor = new _federationDataSourceEditor_FederationDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider, this.multipleQueriesWizardCallbacks, settings.rtl);
+        this.sqlDataSourceEditor = new _sqlDataSourceEditor_SqlDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider, this.multipleQueriesWizardCallbacks);
         this.jsonDataSourceEditor = new _jsonDataSourceEditor_JsonDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider);
         this.objectDataSourceEditor = new _objectDataSourceEditor_ObjectDataSourceEditor(settings.dataSourceHelper, settings.dataSourceWizard, settings.model, settings.undoEngine, settings.fieldListProvider);
         this.dataSourceActionProvider = new _dataSourceActions_DataSourceActions(settings.dataSourceHelper, settings.model, settings.undoEngine, settings.allowEditDataSource, settings.allowRemoveDataSource, settings.fieldListProvider);
@@ -40536,6 +40549,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('w
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('controlDisplayName: $data, style: contentCss, css: {\'dxrd-control-content-multiline\' : multiline }, cacheElement: { action: function(element) { $data.cacheElementContent(element); } }', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; }, 'css': function () { return { 'dxrd-control-content-multiline': $context.$data.multiline }; }, 'cacheElement': function () { return { 'action': function (element) { $context.$data.cacheElementContent(element); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: position, trackCursor: underCursor, style: css, css: adorntemplate', function ($context, $element) { return { 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; }, 'style': function () { return $context.$data.css; }, 'css': function () { return $context.$data.adorntemplate; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: displayName, style: contentCss', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'style': function () { return $context.$data.contentCss; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('zoom: _context.zoom, template: contenttemplate', function ($context, $element) { return { 'zoom': function () { return $context.$data._context.zoom; }, 'template': function () { return $context.$data.contenttemplate; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('with: propertyGrid', function ($context, $element) { return { 'with': function () { return $context.$data.propertyGrid; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }', function ($context, $element) { return { 'dxCollectionEditor': function () { return { 'values': $context.ko.observable($context.$data.tableInfoItems), 'displayName': $context.$root.getLocalization('Filter Criteria', 'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle'), 'hideButtons': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: tableName', function ($context, $element) { return { 'text': function () { return $context.$data.tableName; } }; });
@@ -41089,7 +41103,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-pivotgrid-selection': '<div class="dxrd-control" data-bind=" visible: !($data.selected() || $data.focused()), css: { \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-control-rtl\': getControlModel().rtl() }, styleunit: position, trackCursor: underCursor"> <!-- ko template: \'dxrd-pivotgrid-selection-context\' --> <!-- /ko --> </div> <div class="dxrd-control" data-bind="visible: $data.selected() || $data.focused(), css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked, \'dxrd-control-rtl\': getControlModel().rtl() }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko template: \'dxrd-pivotgrid-selection-context\' --> <!-- /ko --> </div>',
     'dxrd-report': '<div class="dxrd-surface" data-bind="styleunit: { \'width\': Math.min($data.pageWidth() + $data.maxMarkerWidth() + $root.verticalScrollOffset() , $root.surfaceSize()) }, css: { \'dxrd-surface-rtl\': rtl() }, click: function(surface, e) { !$root.selection.disabled() && $root.selection.clickHandler($root.selection.dropTarget ? null : surface, e); e.stopPropagation(); }, keyDownActions: $root.actionLists"> <div class="dxrd-content-panel-wrapper" data-bind="styleunit: $root.dx[\'config\']()[\'rtlEnabled\'] ?  { right: maxMarkerWidth() } : { left: maxMarkerWidth() }, style: { bottom: (20 - $root.horizontalScrollOffset()) + \'px\' }"> <div class="dxrd-content-panel"> <div class="dxrd-hruler-wrapper"> <div class="dxrd-hruler" data-bind="styleunit: { left: leftMarginOffset,\'width\': margins.left }"> <div data-bind="ruler: { \'zoom\': zoom, \'length\': margins.left, \'units\': measureUnit, flip: ko.computed(function(){ return !rtl(); }) }"></div> <div class="dxrd-ruler-shadow" data-bind="styleunit: { left: 0, \'width\': margins.left }"></div> </div> <div class="dxrd-hruler" data-bind="styleunit: { \'width\': (pageWidth() - margins.left()), left: ghostContainerOffset }"> <div class="dxrd-margin-resizable" data-bind="styleunit: { \'width\': pageWidthWithoutMargins, \'left\': leftMarginResizableOffset }, resizable: leftMarginResizeOptions($root.undoEngine, $element)"></div> <div data-bind="ruler: { \'zoom\': zoom, \'length\': function() { return pageWidth() - margins.left();}, \'units\': measureUnit, flip: rtl }"></div> <div class="dxrd-ruler-shadow" data-bind="styleunit: { left: rightMarginOffset, width: margins.right }, resizable: rightMarginResizeOptions($root.undoEngine, $element)"></div> </div> <div class="dxrd-vscroller-space" data-bind="styleunit: { \'left\': pageWidth() }"></div> </div> <div class="dxrd-viewport" data-bind="styleunit: { minWidth: Math.min($data.pageWidth() + $root.verticalScrollOffset(), $root.surfaceSize()) - $data.maxMarkerWidth(), maxWidth: $data.pageWidth() + $root.verticalScrollOffset(), maxHeight: $data.effectiveHeight() + $root.horizontalScrollOffset() }, event: { scroll: function() { $root.onViewPortScroll($element) } }, style: { \'overflow-x\': $root.horizontalScrollOffset() ? \'auto\' : \'hidden\', \'overflow-y\': $root.verticalScrollOffset() ? \'auto\' : \'hidden\' }"> <div data-bind="selectable: { selection: $root.selection, zoom: zoom }"> <div class="dxrd-leftMargin" data-bind="styleunit: { left: leftMarginOffset, width: margins.left() }"> <div class="dxrd-selection dxrd-position-absolute" > <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginSelectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $data.margins.left }; } } }--> <!-- /ko --> </div> <div class="dxrd-flip"> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'leftMarginTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, width: $data.margins.left, snapGridSize: $data.snapGridSize  }; } } }--> <!-- /ko --> </div> </div> <div class="dxrd-ghost-containment" data-bind="styleunit: { left: ghostContainerOffset }"> <div class="dxrd-ghost-container" data-bind="styleunit: { \'width\': pageWidthWithoutMargins, \'height\': minHeight }"> <div class="dxrd-bands-content dxrd-main"> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'templateName\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- ko foreach: crossBandControls --> <!-- ko if: visible --> <!-- ko template: { name: template } --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <svg class="dxrd-height-100 dxrd-position-absolute dxrd-top-0 dxrd-width-1px dxrd-z-index--1" data-bind="styleunit: { left: leftMarginOffset() }"> <line data-bind="attr: { x1: 0, x2: 0 }" y1="0" y2="100%" class="dxrd-stroke-rgb-128 dxrd-stroke-width-05px dxrd-stroke-dasharray-5px" /> </svg> <svg class="dxrd-rightMargin-border" data-bind="styleunit: { left: rtl() ? margins.right() : rightMarginOffset() }, visible: margins.right() > 0"> <line data-bind="attr: { x1: 0, x2: 0 }" y1="0" y2="100%" class="dxrd-stroke-rgb-220 dxrd-stroke-width-3px dxrd-stroke-dasharray-5px" /> </svg> <!-- ko template: { name: \'dxd-snap-lines-holder\', data: $root.snapHelper } --> <!-- /ko --> </div> <div class="dxrd-bands-content dxrd-selection" data-bind="styleunit: { \'width\': pageWidthWithoutMargins }"> <div class="dxrd-bands-content-offset"> <div class="dxrd-leftMargin-resizable" data-bind="styleunit: { \'width\': pageWidthWithoutMargins, \'left\': leftMarginResizableOffset }, resizableReportMargins: leftMarginResizeOptions($root.undoEngine, $element)"></div> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'selectionTemplate\', holder: $data.bandsHolder, getData: function(item) { return item; } } }--> <!-- /ko --> <!-- ko foreach: crossBandControls --> <!-- ko if: visible --> <div class="dxrd-cross-band" data-bind="visible: isSelected() && !$root.dx._static.DragDropHandler.started(), css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $root.resizeHandler, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor"> </div> <!-- /ko --> <!-- /ko --> <div class="dxrd-rightMargin-resizable" data-bind="styleunit: { left: rightMarginResizableOffset }, resizableReportMargins: rightMarginResizeOptions($root.undoEngine, $element)"></div> </div> </div> </div> </div> </div> <!-- ko ifnot: focused --> <!-- ko template: { name: \'dxrd-smart-tags\', data: $root.smartTagModel, if: $root.smartTagModel.visible && $root.smartTagModel.smartTags().length > 0 } --> <!-- /ko --> <!-- /ko --> </div> <!-- ko if: focused --> <!-- ko template: { name: \'dxrd-smart-tags\', data: $root.smartTagModel, if: $root.smartTagModel.visible && $root.smartTagModel.smartTags().length > 0 } --> <!-- /ko --> <!-- /ko --> </div> </div> <div class="dxrd-bands-panel-wrapper" data-bind="styleunit: { width: maxMarkerWidth() }"> <div class="dxrd-bands-panel"> <div class="dxrd-band-headers"> <!-- ko template: { name: \'dxrd-band-holder\', data: { templateName: \'vrulerTemplate\', holder: $data.bandsHolder, getData: function(item) { return { surface: item, measureUnit: $data.measureUnit }; } } }--> <!-- /ko --> </div> </div> <div class="dxrd-hscroller-space"></div> </div></div>',
     'dxrd-richedit': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main" data-bind="styleunit: { \'top\': contentSizes().top, \'left\': contentSizes().left, lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width }, style: css"> <div data-bind="zoom: _context.zoom, template: contenttemplate, styleunit: { height: contentHeightWithoutZoom, width: contentWidthWithoutZoom }" class="dxrd-position-absolute"> </div> </div> <div data-bind="style: borderCss" class="dxrd-width-100 dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div></div>',
-    'dxrd-shape-content': '<!-- ko if: $data.imageSrc --><img data-bind="attr: { src: imageSrc }, styleunit: { \'height\': contentHeightWithoutZoom, \'width\': contentWidthWithoutZoom }" /><!-- /ko --><!-- ko if: $data.isLoading --><div class="dx-content-loading-panel"> <div data-bind="dxLoadIndicator: { visible: isLoading() }"></div></div><!-- /ko --><!-- ko if: $data.error --><p class="dxrd-internal-error" data-bind="text: error"></p><!-- /ko -->',
+    'dxrd-server-rendered-control-content': '<!-- ko if: $data.imageSrc --><img data-bind="attr: { src: imageSrc }, styleunit: { \'height\': contentHeightWithoutZoom, \'width\': contentWidthWithoutZoom }" /><!-- /ko --><!-- ko if: $data.isLoading --><div class="dx-content-loading-panel"> <div data-bind="dxLoadIndicator: { visible: isLoading() }"></div></div><!-- /ko --><!-- ko if: $data.error --><p class="dxrd-internal-error" data-bind="text: error"></p><!-- /ko -->',
     'dxrd-shape': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main" data-bind="styleunit: { \'top\': contentSizes().top, \'left\': contentSizes().left, lineHeight: contentSizes().height, height: contentSizes().height, width: contentSizes().width }, style: css"> <div data-bind="zoom: _context.zoom, template: contenttemplate, styleunit: { \'lineHeight\': contentHeightWithoutZoom }" class="dxrd-position-absolute"> </div> </div> <div data-bind="style: borderCss" class="dxrd-width-100 dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div></div>',
     'dxrd-subreport-selection': '<div class="dxrd-control" data-bind="event: { dblclick:  function (control, e) { $root.navigateByReports.goToSubreport(control); } }, visible: isSelected, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizableOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor"> <div class="dxd-border-accented dxrd-control-border-box"></div></div><div class="dxrd-control" data-bind="visible: !isSelected(), styleunit: position, trackCursor: underCursor"></div>',
     'dxrd-subreport': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div data-bind="style: borderCss" class="dxrd-width-100 dxrd-height-100 dxrd-position-absolute dxrd-box-sizing-border-box"></div> <div class="dxrd-control-content" data-bind="text: displayText(), style: contentCss"></div></div>',
@@ -41100,6 +41114,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-table-of-contents-selected': '<div class="dxrd-control dxrd-table-of-contents-selected" data-bind="event: { dblclick: function() { $root.inlineTextEdit.show($element) } }, visible: isSelected, css: {\'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor"> <div class="dxd-border-accented dxrd-control-border-box"></div> <!-- ko with: levelTitle --> <div class="dxrd-control dxrd-control-line-ui-resizeble" data-bind="styleunit: position, resizable: resizable($root.resizeHandler, $element)"> <!-- ko with: $root.inlineTextEdit--> <!-- ko if: visible --> <div class="inline-text-edit" data-bind="dxTextArea: { value: text, onKeyUp: keypressAction, valueChangeEvent: \'keyup\' }"></div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko foreach: $data.levels() --> <div class="dxrd-control dxrd-control-line-ui-resizeble" data-bind="styleunit: { height: position.height, top: position.top, lineHeight: position.lineHeight }, resizable: resizable($root.resizeHandler, $element)" class="dxrd-left-0 dxrd-width-100"></div> <!-- /ko --> <!-- ko with: levelDefault --> <div class="dxrd-control" data-bind="styleunit: { height: position.height, top: position.top, lineHeight: position.lineHeight }, resizable: resizable($root.resizeHandler, $element)" class="dxrd-left-0 dxrd-width-100"></div> <!-- /ko --> </div> <div class="dxrd-control" data-bind="visible: !isSelected(), styleunit: position, trackCursor: underCursor"> </div>',
     'dxrd-textcontrol-content': '<div class="dxrd-box-sizing-border-box dxrd-letter-spacing-normal dxrd-width-100" data-bind="styleunit: { lineHeight: contentHeightWithoutZoom }"> <div class="dxrd-control-content" data-bind="controlDisplayName: $data, style: contentCss, css: {\'dxrd-control-content-multiline\' : multiline }, cacheElement: { action: function(element) { $data.cacheElementContent(element); } } "></div></div>',
     'dxrd-todocontrol': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, trackCursor: underCursor, style: css, css: adorntemplate"> <div data-bind="style: borderCss" class="dxrd-control-border-box"></div> <div data-bind="css: controlTypeClass, template: controlTypeIconTemplate" class="dxrd-position-absolute dxrd-width-24px dxrd-height-24px dxrd-right-5px dxrd-top-5px"> </div> <span class="dxrd-control-content" data-bind="text: displayName, style: contentCss"></span></div>',
+    'dxrd-unknown-control': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main"> <div data-bind="zoom: _context.zoom, template: contenttemplate" class="dxrd-position-absolute"> </div> </div></div>',
     'dxrd-calculatedfield-content': '<div data-bind="with: propertyGrid"> <!-- ko foreach: getEditors() --> <!-- ko template: editorTemplate --> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-datasource-item': '<div class="dx-fieldset"> <div data-bind="dxCollectionEditor: { values: ko.observable(tableInfoItems), displayName: $root.getLocalization(\'Filter Criteria\', \'ASPxReportsStringId.ReportDesigner_DataSource_FilterCriteriaTitle\'), hideButtons: true }"> <div class="dx-field dxd-back-primary"> <!-- ko with: value --> <div class="dx-field-label dxd-text-primary" data-bind="text: tableName"></div> <!-- ko if: $data.filterString() !== null --> <div class="dx-field-value dxrd-margin-right-5px"  data-bind="dxFilterEditor: { options: filterString, fieldListProvider: $root.dataBindingsProvider, getDisplayNameByPath: $root.getDisplayNameByPath }"></div> <!-- /ko --> <!-- /ko --> </div> </div></div>',
     'dxrd-coordinategrid': '<svg data-bind="style: { \'height\': height() + \'px\',  \'width\': width() + \'px\' }, attr: { viewBox: \'0 0 \' + width() + \' \' + height() }"> <g transform="translate(0, 0)"> <!-- ko foreach: verticalGridLines --> <line y1="0" y2="100%" class="minor-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: horizontalGridLines --> <line x1="0" x2="100%" class="minor-graduation" data-bind="attr: { y1: coordVal, y2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: majorVerticalGridLines --> <line y1="0" y2="100%" class="major-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }, visible: visible"></line> <!-- /ko --> </g> <g transform="translate(0, 0)"> <!-- ko foreach: majorHorizontalGridLines --> <line x1="0" x2="100%" class="major-graduation" data-bind="attr: { y1: coordVal, y2: coordVal }, visible: visible"></line> <!-- /ko --> </g></svg>',