devexpress-reporting 22.2.2-beta → 22.2.3

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  22.2.2-beta
-* Build date: Nov 15, 2022
+* Version:  22.2.3
+* Build date: Dec 6, 2022
 * Copyright (c) 2012 - 2022 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -88,7 +88,7 @@
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 40);
+/******/ 	return __webpack_require__(__webpack_require__.s = 39);
 /******/ })
 /************************************************************************/
 /******/ ([
@@ -287,52 +287,46 @@ module.exports = DevExpress.config;
 /* 32 */
 /***/ (function(module, exports) {
 
-module.exports = "";
-
-/***/ }),
-/* 33 */
-/***/ (function(module, exports) {
-
 module.exports = DevExpress.Reporting.Viewer.Parameters;
 
 /***/ }),
-/* 34 */
+/* 33 */
 /***/ (function(module, exports) {
 
 module.exports = DevExpress.Reporting.Viewer.Widgets;
 
 /***/ }),
-/* 35 */
+/* 34 */
 /***/ (function(module, exports) {
 
 module.exports = DevExpress.ui.dxDataGrid;
 
 /***/ }),
-/* 36 */
+/* 35 */
 /***/ (function(module, exports) {
 
 module.exports = "/mode-csharp";
 
 /***/ }),
-/* 37 */
+/* 36 */
 /***/ (function(module, exports) {
 
 module.exports = "/mode-vbscript";
 
 /***/ }),
-/* 38 */
+/* 37 */
 /***/ (function(module, exports) {
 
 module.exports = DevExpress.data.ArrayStore;
 
 /***/ }),
-/* 39 */
+/* 38 */
 /***/ (function(module, exports) {
 
 module.exports = DevExpress.RichEdit;
 
 /***/ }),
-/* 40 */
+/* 39 */
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -641,7 +635,6 @@ __webpack_require__.d(reporting_designer_controls_namespaceObject, "spartlineTyp
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "SubreportViewModel", function() { return subreportViewModel_SubreportViewModel; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "ControlsFactory", function() { return controlsFactory_ControlsFactory; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRBarCodeViewModel", function() { return xrBarcode_XRBarCodeViewModel; });
-__webpack_require__.d(reporting_designer_controls_namespaceObject, "XRBarcodeSurface", function() { return xrBarcode_XRBarcodeSurface; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRCharacterComb", function() { return xrCharactercomb_XRCharacterComb; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRCharacterCombSurface", function() { return xrCharactercomb_XRCharacterCombSurface; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRChartViewModel", function() { return xrChart_XRChartViewModel; });
@@ -684,6 +677,7 @@ __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRRichTextSt
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRRichViewModel", function() { return xrRichText_XRRichViewModel; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRRichSurface", function() { return xrRichTextSurface_XRRichSurface; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRShapeViewModel", function() { return xrShape_XRShapeViewModel; });
+__webpack_require__.d(reporting_designer_controls_namespaceObject, "ImageBase64Model", function() { return ImageBase64Model; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRShapeControlSurface", function() { return xrShape_XRShapeControlSurface; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRSparklineViewModel", function() { return xrSparkline_XRSparklineViewModel; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRSparkLineSurface", function() { return xrSparkline_XRSparkLineSurface; });
@@ -701,6 +695,7 @@ __webpack_require__.d(reporting_designer_controls_namespaceObject, "TableOfConte
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRTableRowViewModel", function() { return xrTableRow_XRTableRowViewModel; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRTableRowSurface", function() { return xrTableRow_XRTableRowSurface; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRTextControlSurfaceBase", function() { return xrTextControl_XRTextControlSurfaceBase; });
+__webpack_require__.d(reporting_designer_controls_namespaceObject, "XRUnknownControlSurface", function() { return xrUnknownControl_XRUnknownControlSurface; });
 __webpack_require__.d(reporting_designer_controls_namespaceObject, "XRZipCodeSurface", function() { return xrZipcode_XRZipCodeSurface; });
 
 // NAMESPACE OBJECT: ./node_modules/devexpress-reporting/scopes/reporting-designer-bands-metadata.js
@@ -766,6 +761,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "bar
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "moduleInfo", function() { return moduleInfo; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "showText", function() { return showText; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "symbology", function() { return symbology; });
+__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "targetDeviceDpi", function() { return targetDeviceDpi; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "barcodeFake", function() { return barcodeFake; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "alignment", function() { return xrBarcode_alignment; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "barCodesMap", function() { return barCodesMap; });
@@ -838,7 +834,7 @@ __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "pap
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "landscape", function() { return landscape; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "margins", function() { return xrReport_margins; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "pageColor", function() { return pageColor; });
-__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "measureUnit", function() { return measureUnit; });
+__webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "measureUnit", function() { return xrReport_measureUnit; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "snapGridSize", function() { return xrReport_snapGridSize; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "drawWatermark", function() { return drawWatermark; });
 __webpack_require__.d(reporting_designer_controls_metadata_namespaceObject, "showPreviewMarginLines", function() { return showPreviewMarginLines; });
@@ -1331,6 +1327,8 @@ __webpack_require__.d(reporting_designer_internal_namespaceObject, "isVerticalBa
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "isBand", function() { return isBand; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "isHeaderOrFooterBandType", function() { return isHeaderOrFooterBandType; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "getUnitProperties", function() { return getUnitProperties; });
+__webpack_require__.d(reporting_designer_internal_namespaceObject, "expressionEditorActionId", function() { return expressionEditorActionId; });
+__webpack_require__.d(reporting_designer_internal_namespaceObject, "createExpressionEditorAction", function() { return createExpressionEditorAction; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "__createLocalizationProperties", function() { return __createLocalizationProperties; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "DefaultLocalizationProvider", function() { return _localizationUtils_DefaultLocalizationProvider; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "TableOfContentLocalizationProvider", function() { return _localizationUtils_TableOfContentLocalizationProvider; });
@@ -1426,8 +1424,8 @@ __webpack_require__.d(reporting_designer_internal_namespaceObject, "includeNonLi
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "removeDataSourceFromReport", function() { return removeDataSourceFromReport; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "DefaultCrossTabControlEnum", function() { return DefaultCrossTabControlEnum; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "DesignerEditorAddOn", function() { return _designerEditorAddOn_DesignerEditorAddOn; });
-__webpack_require__.d(reporting_designer_internal_namespaceObject, "ExpressionEditorAddOn", function() { return ExpressionEditorAddOn; });
-__webpack_require__.d(reporting_designer_internal_namespaceObject, "ValueEditorAddOn", function() { return ValueEditorAddOn; });
+__webpack_require__.d(reporting_designer_internal_namespaceObject, "ExpressionEditorAddOn", function() { return _designerEditorAddOn_ExpressionEditorAddOn; });
+__webpack_require__.d(reporting_designer_internal_namespaceObject, "ValueEditorAddOn", function() { return _designerEditorAddOn_ValueEditorAddOn; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "DisplayNameProvider", function() { return _displayNameProvider_DisplayNameProvider; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "ExpressionableFontModel", function() { return _expressionableFontModel_ExpressionableFontModel; });
 __webpack_require__.d(reporting_designer_internal_namespaceObject, "getDataSourceDataMember", function() { return getDataSourceDataMember; });
@@ -2017,7 +2015,7 @@ var maxLineCount = { propertyName: 'maxLineCount', modelName: '@MaxLineCount', d
 var _common_maxWidth = { propertyName: 'maxWidth', modelName: '@MaxWidth', displayName: 'Max Width', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), localizationId: 'DevExpress.XtraPivotGrid.PivotGridOptionsSelection.MaxWidth' };
 var textColor = { propertyName: 'textColor', modelName: '@TextColor', displayName: 'Text Color', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), localizationId: 'DevExpress.XtraCharts.TotalLabel.TextColor' };
 var antialiasing = { propertyName: 'antialiasing', modelName: '@Antialiasing', displayName: 'Antialiasing', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], localizationId: 'DevExpress.XtraCharts.SwiftPlotSeriesView.Antialiasing' };
-var _common_font = { propertyName: 'font', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 8', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
+var _common_font = { propertyName: 'font', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 8pt', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
 var enableAxisXZooming = { propertyName: 'enableAxisXZooming', modelName: '@EnableAxisXZooming', displayName: 'Enable Axis X Zooming' };
 var enableAxisXScrolling = { propertyName: 'enableAxisXScrolling', modelName: '@EnableAxisXScrolling', displayName: 'Enable Axis X Scrolling' };
 var enableAxisYZooming = { propertyName: 'enableAxisYZooming', modelName: '@EnableAxisYZooming', displayName: 'Enable Axis Y Zooming' };
@@ -2029,9 +2027,9 @@ var _common_right = { propertyName: 'right', modelName: '@Top', displayName: 'To
 var _common_top = { propertyName: 'top', modelName: '@Right', displayName: 'Right', localizationId: 'AnalyticsCoreStringId.PaddingInfo.Right', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric') };
 var _common_bottom = { propertyName: 'bottom', modelName: '@Bottom', displayName: 'Bottom', localizationId: 'AnalyticsCoreStringId.PaddingInfo.Bottom', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric') };
 var _common_margin = { propertyName: 'chartMargins', modelName: 'Margins', displayName: 'Margins', info: [_common_left, _common_right, _common_top, _common_bottom], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'DevExpress.XtraReports.UI.XtraReport.Margins' };
-var font18 = { propertyName: 'font18', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 18', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
-var font12 = { propertyName: 'font12', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 12', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
-var font8 = { propertyName: 'font8', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 8', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
+var font18 = { propertyName: 'font18', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 18pt', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
+var font12 = { propertyName: 'font12', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 12pt', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
+var font8 = { propertyName: 'font8', modelName: '@Font', displayName: 'Font', defaultVal: 'Tahoma, 8pt', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font'), localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font' };
 var paneSerializationsInfo = [enableAxisXScrolling, enableAxisYScrolling, enableAxisYZooming, enableAxisXZooming, backColor, borderColor];
 var defaultPane = { propertyName: 'defaultPane', modelName: 'DefaultPane', displayName: 'Default Pane', localizationId: 'ChartStringId.DefaultPaneName', info: paneSerializationsInfo, defaultVal: {}, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
 var additionalPaneSerializationsInfo = [_common_name].concat(paneSerializationsInfo);
@@ -6204,6 +6202,7 @@ var expressionableFont = Object(external_DevExpress_Analytics_Internal_["extend"
 var expressionableFontInfo = [
     external_DevExpress_Analytics_Widgets_Metadata_["fontName"],
     external_DevExpress_Analytics_Widgets_Metadata_["fontSize"],
+    external_DevExpress_Analytics_Widgets_Metadata_["fontSizeUnit"],
     {
         propertyName: 'modificators', editor: designerEditorTemplates.getEditor('fontModificatorsHighlightable')
     },
@@ -6437,7 +6436,7 @@ var dataBindingSerializationInfo = dataBindingBaseSerializationInfo.concat([
 ]);
 
 // EXTERNAL MODULE: external "DevExpress.Reporting.Viewer.Parameters"
-var external_DevExpress_Reporting_Viewer_Parameters_ = __webpack_require__(33);
+var external_DevExpress_Reporting_Viewer_Parameters_ = __webpack_require__(32);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/dataObjects/metadata/parameters/layoutItems.js
 
@@ -6449,14 +6448,14 @@ var orientationValues = [
 ];
 var layoutItems_parameter = { propertyName: 'parameter', modelName: '@Parameter', link: true };
 var layoutitemtype = { propertyName: 'layoutItemType', modelName: '@LayoutItemType', displayName: 'LayoutItemType' };
-var titlevisible = { propertyName: 'titleVisible', modelName: '@TitleVisible', displayName: 'Show title', localizationId: 'ReportDesignerStringId.NewParameterEditor_GroupTitleVisible', editor: designerEditorTemplates.getEditor('parametersCheckbox'), defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"] };
-var layoutItems_title = { propertyName: 'title', modelName: '@Title', displayName: 'Title', localizationId: 'ReportDesignerStringId.NewParameterEditor_GroupTitle', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), defaultVal: '' };
-var bordervisible = { propertyName: 'borderVisible', modelName: '@BorderVisible', displayName: 'Show borders', localizationId: 'ReportDesignerStringId.NewParameterEditor_GroupBorderVisible', editor: designerEditorTemplates.getEditor('parametersCheckbox'), defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"] };
-var expanded = { propertyName: 'expanded', modelName: '@Expanded', displayName: 'Expanded', localizationId: 'ReportDesignerStringId.NewParameterEditor_GroupExpanded', editor: designerEditorTemplates.getEditor('parametersCheckbox'), defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"] };
-var showexpandbutton = { propertyName: 'showExpandButton', modelName: '@ShowExpandButton', displayName: 'Show expand/collapse button', localizationId: 'ReportDesignerStringId.NewParameterEditor_GroupShowExpandButton', editor: designerEditorTemplates.getEditor('parametersCheckbox'), defaultVal: false, from: external_DevExpress_Analytics_Utils_["parseBool"] };
-var layoutItems_orientation = { propertyName: 'orientation', modelName: '@Orientation', displayName: 'Orientation', localizationId: 'ReportDesignerStringId.NewParameterEditor_GroupOrientation', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), defaultVal: 'Vertical', valuesArray: orientationValues };
+var titlevisible = { propertyName: 'titleVisible', modelName: '@TitleVisible', displayName: 'Show title', localizationId: 'ASPxReportsStringId.ReportDesigner_ParametersDialog_GroupTitleVisible', editor: designerEditorTemplates.getEditor('parametersCheckbox'), defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"] };
+var layoutItems_title = { propertyName: 'title', modelName: '@Title', displayName: 'Title', localizationId: 'ASPxReportsStringId.ReportDesigner_ParametersDialog_GroupTitle', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text'), defaultVal: '' };
+var bordervisible = { propertyName: 'borderVisible', modelName: '@BorderVisible', displayName: 'Show borders', localizationId: 'ASPxReportsStringId.ReportDesigner_ParametersDialog_GroupBorderVisible', editor: designerEditorTemplates.getEditor('parametersCheckbox'), defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"] };
+var expanded = { propertyName: 'expanded', modelName: '@Expanded', displayName: 'Expanded', localizationId: 'ASPxReportsStringId.ReportDesigner_ParametersDialog_GroupExpanded', editor: designerEditorTemplates.getEditor('parametersCheckbox'), defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"] };
+var showexpandbutton = { propertyName: 'showExpandButton', modelName: '@ShowExpandButton', displayName: 'Show expand/collapse button', localizationId: 'ASPxReportsStringId.ReportDesigner_ParametersDialog_GroupShowExpandButton', editor: designerEditorTemplates.getEditor('parametersCheckbox'), defaultVal: false, from: external_DevExpress_Analytics_Utils_["parseBool"] };
+var layoutItems_orientation = { propertyName: 'orientation', modelName: '@Orientation', displayName: 'Orientation', localizationId: 'ASPxReportsStringId.ReportDesigner_ParametersDialog_GroupOrientation', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), defaultVal: 'Vertical', valuesArray: orientationValues };
 var subItems = { propertyName: 'parameterPanelLayoutItems', modelName: 'Items', array: true };
-var labelOrientation = { propertyName: 'labelOrientation', modelName: '@LabelOrientation', displayName: 'Orientation', localizationId: 'ReportDesignerStringId.NewParameterEditor_GroupOrientation', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), defaultVal: 'Horizontal', valuesArray: orientationValues };
+var labelOrientation = { propertyName: 'labelOrientation', modelName: '@LabelOrientation', displayName: 'Orientation', localizationId: 'ASPxReportsStringId.ReportDesigner_ParametersDialog_GroupOrientation', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), defaultVal: 'Horizontal', valuesArray: orientationValues };
 var groupLayoutItemInfo = [layoutItems_title, layoutItems_orientation, showexpandbutton, expanded, layoutitemtype, titlevisible, bordervisible, subItems];
 var parameterLayoutItemInfo = [layoutitemtype, labelOrientation, layoutItems_parameter];
 var separatorLayoutItemInfo = [layoutitemtype];
@@ -7415,7 +7414,7 @@ var pivotGridStyles = [cellStyleName, customTotalCellStyleName, fieldHeaderStyle
     grandTotalCellStyleName, headerGroupLineStyleName, linesStyleName, totalCellStyleName];
 var crossTabStyles = [generalStyleName, headerAreaStyleName, dataAreaStyleName, totalAreaStyleName];
 var crossTabStylesDefaults = {
-    generalStyleName: { '@Name': 'crossTabGeneralStyle', '@BorderStyle': 'Inset', '@Padding': '2,2,0,0,100', '@Font': 'Arial, 9.75', '@ForeColor': 'Black', '@BackColor': 'White', '@BorderColor': '255,160,160,160', '@Sides': 'All', '@StringFormat': 'Near;Near;0;None;Character;Default' },
+    generalStyleName: { '@Name': 'crossTabGeneralStyle', '@BorderStyle': 'Inset', '@Padding': '2,2,0,0,100', '@Font': 'Arial, 9.75pt', '@ForeColor': 'Black', '@BackColor': 'White', '@BorderColor': '255,160,160,160', '@Sides': 'All', '@StringFormat': 'Near;Near;0;None;Character;Default' },
     dataAreaStyleName: { '@Name': 'crossTabDataStyle', '@BorderStyle': 'Inset', '@StringFormat': 'Far;Center;0;None;Character;Default', '@TextAlignment': 'MiddleRight' },
     headerAreaStyleName: { '@Name': 'crossTabHeaderStyle', '@BorderStyle': 'Inset', '@BackColor': '255,240,240,240', '@StringFormat': 'Near;Center;0;None;Character;Default', '@TextAlignment': 'MiddleLeft' },
     totalAreaStyleName: { '@Name': 'crossTabTotalStyle', '@BorderStyle': 'Inset', '@StringFormat': 'Far;Center;0;None;Character;Default', '@TextAlignment': 'MiddleRight' }
@@ -7423,54 +7422,12 @@ var crossTabStylesDefaults = {
 var stylesInfo = [evenStyleName, oddStyleName, style_styleName].concat(pivotGridStyles, crossTabStyles);
 var stylesObj = { propertyName: 'styleObj', displayName: 'Styles', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), localizationId: 'DevExpress.XtraReports.UI.XRPivotGrid.Styles' };
 
-// CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/utils/_modelPatch.js
-function convertFontToDXFont(font) {
-    font = font.replace('style=', '');
-    var components = font.split(',');
-    if (components.length > 1)
-        components[1] = ' ' + parseFloat(components[1]);
-    return components.join(',');
-}
-function convertMarginsToDXMargins(margins) {
-    var marginsParts = margins.split(',');
-    if (marginsParts.length > 4) {
-        marginsParts.pop();
-    }
-    return marginsParts.join(',');
-}
-function patchFontInLocalizationItem(model) {
-    if (!model)
-        return;
-    if (model['@Path'].indexOf('Font') !== -1) {
-        model['@Data'] = convertFontToDXFont(model['@Data']);
-    }
-}
-function patchFont(model) {
-    if (model['@Font']) {
-        model['@Font'] = convertFontToDXFont(model['@Font']);
-    }
-    return model;
-}
-function patchMargins(model) {
-    if (model['@Margins']) {
-        model['@Margins'] = convertMarginsToDXMargins(model['@Margins']);
-    }
-    return model;
-}
-function patchSubreport(model) {
-    if (model['@ReportSourceUrl']) {
-        delete model['ReportSource'];
-    }
-    return model;
-}
-
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/properties/style.js
 
 
 
 
 
-
 class style_StyleModel extends external_DevExpress_Analytics_Utils_["Disposable"] {
     constructor(model, serializer) {
         super();
@@ -7478,7 +7435,6 @@ class style_StyleModel extends external_DevExpress_Analytics_Utils_["Disposable"
             return 'stylemodel';
         };
         this.controlType = 'XRStyleModel';
-        model = patchFont(model);
         serializer = serializer || new external_DevExpress_Analytics_Utils_["ModelSerializer"]();
         serializer.deserialize(this, model);
         ['backColor', 'foreColor', 'borderColor'].forEach((propertyName) => {
@@ -7834,10 +7790,9 @@ var watermarkSerializationsInfo = [
 
 
 
-
 class watermark_WatermarkModel extends external_DevExpress_Analytics_Elements_["SerializableModel"] {
     constructor(model, serializer) {
-        super(patchFont(model || {}), serializer, watermarkSerializationsInfo);
+        super(model || {}, serializer, watermarkSerializationsInfo);
         this.rtl = external_jQuery_["noop"];
         if (!this.imageSource() && model && model['@Image']) {
             this.imageSource(new external_DevExpress_Reporting_["ImageSource"]('img', model['@Image']));
@@ -7862,6 +7817,12 @@ class _reportRenderingService_ReportRenderingService {
     static getChartImage(surface) {
         return _requests_ChartRequests.getChartImage(settings_HandlerUri(), new external_DevExpress_Analytics_Utils_["ModelSerializer"]().serialize(surface._control['chart'], chartSerializationsInfo), surface.contentWidthWithoutZoom(), surface.contentHeightWithoutZoom());
     }
+    static getUnknownControlImage(model, scale) {
+        return Object(external_DevExpress_Analytics_Internal_["ajax"])(settings_HandlerUri(), 'renderUnknownControl', encodeURIComponent(JSON.stringify({
+            layout: JSON.stringify(model),
+            scale: scale,
+        })));
+    }
     static getShapeImage(surface) {
         var _usefulRect = surface.getUsefulRect();
         var params = {
@@ -7887,7 +7848,7 @@ class _reportRenderingService_ReportRenderingService {
             padding: surface._control['padding'] && surface._control['padding']() || external_DevExpress_Analytics_Elements_["PaddingModel"].defaultVal,
             dpi: surface._control['dpi'] && surface._control['dpi']() || 100
         };
-        return settings_HandlerUri() + '?actionKey=shapeGlyph&arg=' + encodeURIComponent(JSON.stringify(params));
+        return Object(external_DevExpress_Analytics_Internal_["ajax"])(settings_HandlerUri(), 'shapeGlyph', encodeURIComponent(JSON.stringify(params)));
     }
     static getRichImage(surface, propertyName) {
         return Object(external_DevExpress_Analytics_Internal_["ajax"])(settings_HandlerUri(), 'renderRich', encodeURIComponent(JSON.stringify({
@@ -7987,6 +7948,28 @@ var _dataBindingMode_DataBindingMode;
     DataBindingMode["ExpressionsAdvanced"] = "ExpressionsAdvanced";
 })(_dataBindingMode_DataBindingMode || (_dataBindingMode_DataBindingMode = {}));
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/internal/_expressionEditorAction.js
+const expressionEditorActionId = 'dxrd-expression';
+function createExpressionEditorAction({ expressionEditor, hasInnerItems, title, hint }) {
+    return {
+        id: expressionEditorActionId,
+        action: hasInnerItems ?
+            (propertyName) => { } :
+            (propertyName) => {
+                expressionEditor.popupVisible(true);
+            },
+        title: title,
+        itemTemplate: 'dxrd-expression-action',
+        hint: hint,
+        weight: 50,
+        innerTemplate: hasInnerItems ? null : {
+            name: 'dxrd-expressioneditor-popup',
+            data: expressionEditor
+        },
+        visible: (name) => true
+    };
+}
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/widgets/expressioneditor/reportExpressionEditorAdapter.js
 
 
@@ -8274,7 +8257,7 @@ class _localizationUtils_LocalizedProperty {
 
 class xrReportelement_XRReportElementViewModel extends external_DevExpress_Analytics_Elements_["ElementViewModel"] {
     constructor(model, parent, serializer) {
-        super(patchFont(model), parent, serializer);
+        super(model, parent, serializer);
         this._expressionActions = {};
         this.initialize();
         this.formattingRuleLinks = Object(external_DevExpress_Analytics_Utils_["deserializeArray"])(model.FormattingRuleLinks, (item) => { return new formattingrules_FormattingRuleLink(item, serializer); });
@@ -8454,22 +8437,14 @@ class xrReportelement_XRReportElementViewModel extends external_DevExpress_Analy
             var currentEventInfo = events.filter(x => x.name === item.eventName)[0];
             var eventLocalizedName = currentEventInfo ? Object(external_DevExpress_Analytics_Utils_["getLocalization"])(currentEventInfo.displayName, currentEventInfo.localizationId) : item.eventName;
             var expressionLocalizedName = !item.displayName && !item.localizationId ? item.expressionName : Object(external_DevExpress_Analytics_Utils_["getLocalization"])(item.displayName, item.localizationId);
-            var menuAction = {
-                id: 'dxrd-expression',
-                action: hasInnerItems ?
-                    (propertyName) => { } :
-                    (propertyName) => { expressionEditor.popupVisible(true); },
+            var menuAction = createExpressionEditorAction({
+                expressionEditor,
+                hasInnerItems,
                 title: item.eventName ? eventLocalizedName : Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(expressionForLocalizedString, expressionLocalizedName),
                 hint: external_ko_["computed"](() => {
                     return item.expressionObj && item.expressionObj.value();
                 }),
-                weight: 50,
-                customTemplate: hasInnerItems ? null : {
-                    name: 'dxrd-expressioneditor-popup',
-                    data: expressionEditor
-                },
-                visible: (name) => true
-            };
+            });
             menuAction.items = (item.innerItems || []).map(convertToMenuAction);
             this._disposables.push(menuAction.hint);
             return menuAction;
@@ -10157,7 +10132,7 @@ class xrControl_XRControlSurfaceBase extends external_DevExpress_Analytics_Eleme
             if (control['font']) {
                 var _font = new external_DevExpress_Analytics_Widgets_Internal_["FontModel"](control['font']);
                 parameters.fontSize = _font.size();
-                parameters.fontUnit = 'pt';
+                parameters.fontUnit = _font.unit();
                 _font.dispose();
             }
             if (parameters.isExpression) {
@@ -10630,7 +10605,7 @@ var paperKind = {
 var landscape = { propertyName: 'landscape', modelName: '@Landscape', displayName: 'Landscape', localizationId: 'DevExpress.XtraReports.UI.XtraReport.Landscape', defaultVal: false, from: external_DevExpress_Analytics_Utils_["parseBool"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool') };
 var xrReport_margins = { propertyName: 'margins', modelName: '@Margins', localizable: true, from: external_DevExpress_Analytics_Elements_["Margins"].fromString, displayName: 'Margins', localizationId: 'DevExpress.XtraReports.UI.XtraReport.Margins', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') };
 var pageColor = { propertyName: 'pageColor', modelName: '@PageColor', defaultVal: 'White', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], displayName: 'Page Color', localizationId: 'DevExpress.XtraReports.UI.XtraReport.PageColor', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor') };
-var measureUnit = {
+var xrReport_measureUnit = {
     propertyName: 'measureUnit',
     modelName: '@ReportUnit', defaultVal: 'HundredthsOfAnInch', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), displayName: 'Measure Units', localizationId: 'DevExpress.XtraReports.UI.XtraReport.ReportUnit', from: external_DevExpress_Analytics_Utils_["fromEnum"],
     valuesArray: [
@@ -10713,7 +10688,7 @@ var reportSerializationInfo = [
     pageColor,
     bookmark,
     xrReport_margins, rollPaper, requestParameters,
-    measureUnit,
+    xrReport_measureUnit,
     xrReport_snapGridSize,
     drawWatermark,
     watermark,
@@ -11858,7 +11833,7 @@ class objectStorage_ObjectsStorage extends external_DevExpress_Analytics_Utils_[
 }
 
 // EXTERNAL MODULE: external "DevExpress.Reporting.Viewer.Widgets"
-var external_DevExpress_Reporting_Viewer_Widgets_ = __webpack_require__(34);
+var external_DevExpress_Reporting_Viewer_Widgets_ = __webpack_require__(33);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/dataObjects/parameters/propertyExpressionMapper.js
 
@@ -12034,20 +12009,21 @@ class valueSourceSettingsHelper_ValueSourceSettingsHelper {
 
 
 
+
 var EditableParameterMode = {
     _ignoreEditors: ['valueSourceSettings', 'valueSourceSettingsType'],
     _displayNamePatcher: {
         'isMultiValue': (info) => {
             info.displayName = 'Allow multiple values';
-            info.localizationId = 'ReportDesignerStringId.NewParameterEditor_AllowMultipleValues';
+            info.localizationId = 'ASPxReportsStringId.ReportDesigner_ParametersDialog_AllowMultipleValues';
         },
         'allowNull': (info) => {
             info.displayName = 'Allow null value';
-            info.localizationId = 'ReportDesignerStringId.NewParameterEditor_AllowNull';
+            info.localizationId = 'ASPxReportsStringId.ReportDesigner_ParametersDialog_AllowNull';
         },
         'selectAllValues': (info) => {
             info.displayName = 'Select all values';
-            info.localizationId = 'ReportDesignerStringId.NewParameterEditor_SelectAllValues';
+            info.localizationId = 'ASPxReportsStringId.ReportDesigner_ParametersDialog_SelectAllValues';
         },
         'valueSourceSettingsType': (info) => info.displayName = 'Value Source'
     }
@@ -12236,18 +12212,11 @@ class parameter_Parameter extends external_DevExpress_Analytics_Utils_["Disposab
         if (!this._expressionActions[name]) {
             var expressionEditor = new reportExpressionEditorWrapper_ReportExpressionEditorWrapper(external_ko_["observable"](this), external_ko_["observable"](expression));
             this._disposables.push(expressionEditor);
-            this._expressionActions[name] = [{
-                    id: 'dxrd-expression',
-                    action: (propertyName) => { expressionEditor.popupVisible(true); },
-                    title: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(expressionForLocalizedString, expressionLocalizedName),
+            this._expressionActions[name] = [createExpressionEditorAction({
+                    expressionEditor,
                     hint: expressionHint,
-                    weight: 50,
-                    customTemplate: {
-                        name: 'dxrd-expressioneditor-popup',
-                        data: expressionEditor
-                    },
-                    visible: (name) => true
-                }];
+                    title: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(expressionForLocalizedString, expressionLocalizedName)
+                })];
         }
         return this._expressionActions[name];
     }
@@ -12481,14 +12450,12 @@ function getUnitProperties(object) {
 
 
 
-
 class _localization_LocalizationItem {
     constructor(model, serializer) {
         this.culture = external_ko_["observable"]();
         this.component = external_ko_["observable"]();
         this.propertyName = external_ko_["observable"]();
         this.propertyValue = external_ko_["observable"]();
-        patchFontInLocalizationItem(model);
         serializer = serializer || new external_DevExpress_Analytics_Utils_["ModelSerializer"]();
         model && serializer.deserialize(this, model);
     }
@@ -12723,6 +12690,47 @@ class _localizationEngine_ReportLocalizationEngine extends external_DevExpress_A
     }
 }
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/utils/_modelPatch.js
+function convertFontToDXFont(font) {
+    font = font.replace('style=', '');
+    var components = font.split(',');
+    if (components.length > 1)
+        components[1] = ' ' + parseFloat(components[1]);
+    return components.join(',');
+}
+function convertMarginsToDXMargins(margins) {
+    var marginsParts = margins.split(',');
+    if (marginsParts.length > 4) {
+        marginsParts.pop();
+    }
+    return marginsParts.join(',');
+}
+function patchFontInLocalizationItem(model) {
+    if (!model)
+        return;
+    if (model['@Path'].indexOf('Font') !== -1) {
+        model['@Data'] = convertFontToDXFont(model['@Data']);
+    }
+}
+function patchFont(model) {
+    if (model['@Font']) {
+        model['@Font'] = convertFontToDXFont(model['@Font']);
+    }
+    return model;
+}
+function patchMargins(model) {
+    if (model['@Margins']) {
+        model['@Margins'] = convertMarginsToDXMargins(model['@Margins']);
+    }
+    return model;
+}
+function patchSubreport(model) {
+    if (model['@ReportSourceUrl']) {
+        delete model['ReportSource'];
+    }
+    return model;
+}
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/xrCrossband.js
 
 
@@ -13770,7 +13778,7 @@ subreportViewModel_SubreportViewModel.defaultReport = {
     '@PageWidth': '850',
     '@PageHeight': '1100',
     '@Version': '22.2',
-    '@Font': 'Arial,9',
+    '@Font': 'Arial,9pt',
     '@Dpi': '100',
     'Bands': {
         'Item1': {
@@ -14199,6 +14207,7 @@ class _expressionWrapper_ExpressionWrapper extends external_DevExpress_Analytics
 
 
 
+
 class controlsFactory_ControlsFactory extends external_DevExpress_Analytics_Utils_["ControlsFactory"] {
     constructor(fieldListProvider = external_ko_["observable"](null)) {
         super();
@@ -14387,8 +14396,8 @@ class controlsFactory_ControlsFactory extends external_DevExpress_Analytics_Util
         var parentInfo = this.getControlInfo(parentType);
         var copyParentSerializationsInfo = external_jQuery_["extend"](true, [], parentInfo.info);
         var newInfo = [].concat(copyParentSerializationsInfo, extendedOptions.info || []);
-        var newPopularProperties = [].concat(parentInfo.popularProperties, extendedOptions.popularProperties || []);
-        return external_jQuery_["extend"]({}, parentInfo, extendedOptions, {
+        var newPopularProperties = [].concat(parentInfo.popularProperties || [], extendedOptions.popularProperties || []);
+        return Object(external_DevExpress_Analytics_Internal_["extend"])(true, {}, parentInfo, extendedOptions, {
             parentType: parentType,
             info: newInfo,
             popularProperties: newPopularProperties
@@ -14696,6 +14705,7 @@ var barCodeOrientation = {
 var moduleInfo = { propertyName: 'module', modelName: '@Module', defaultVal: 2, from: external_DevExpress_Analytics_Utils_["floatFromModel"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), displayName: 'Module', localizationId: 'DevExpress.XtraReports.UI.XRBarCode.Module' };
 var showText = { propertyName: 'showText', modelName: '@ShowText', defaultVal: true, from: external_DevExpress_Analytics_Utils_["parseBool"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), displayName: 'Show Text', localizationId: 'DevExpress.XtraReports.UI.XRBarCode.ShowText' };
 var symbology = { propertyName: 'symbology', modelName: 'Symbology' };
+var targetDeviceDpi = { propertyName: 'targetDeviceDpi', modelName: '@TargetDeviceDpi', displayName: 'Target Device Dpi', localizationId: 'DevExpress.XtraReports.UI.XRBarCode.TargetDeviceDpi', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), editorOptions: { min: 1, format: '#' } };
 var barcodeFake = { propertyName: 'barcodeFake', valuesArray: barCodesTypes, editor: designerEditorTemplates.getEditor('contentByType'), displayName: 'Symbology', localizationId: 'DevExpress.XtraReports.UI.XRBarCode.Symbology' };
 var xrBarcode_alignment = {
     propertyName: 'alignment',
@@ -14739,10 +14749,10 @@ var barCodesMap = {
 var barcodeSerializationsInfo = [
     xrBarcode_alignment, autoModule, barCodeOrientation, moduleInfo, showText, symbology, metadata_text, textFormatString, keepTogether, anchorVertical, anchorHorizontal,
     external_jQuery_["extend"]({}, metadata_textAlignment, { defaultVal: 'BottomLeft' }),
-    textControlScripts, barcodeFake,
+    textControlScripts, barcodeFake, targetDeviceDpi,
     dataBinding_dataBindings(['Bookmark', 'NavigateUrl', 'Tag', 'Text']),
 ].concat(createSinglePopularBindingInfos('Text'), sizeLocation, commonControlProperties, fontGroup, navigationGroup, processGroup);
-var popularPropertiesBarCode = ['barcodeFake', 'module', 'autoModule', 'barCodeOrientation', 'text', 'popularDataBinding', 'textFormatString', 'bookmark', 'bookmarkParent', 'showText'];
+var popularPropertiesBarCode = ['barcodeFake', 'module', 'targetDeviceDpi', 'autoModule', 'barCodeOrientation', 'text', 'popularDataBinding', 'textFormatString', 'bookmark', 'bookmarkParent', 'showText'];
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/xrBarcode.js
 
@@ -14776,12 +14786,6 @@ class xrBarcode_XRBarCodeViewModel extends xrControl_XRControlViewModel {
     }
 }
 xrBarcode_XRBarCodeViewModel.unitProperties = [].concat(['module'], xrReportelement_XRReportElementViewModel.unitProperties);
-class xrBarcode_XRBarcodeSurface extends xrControl_XRControlSurface {
-    constructor(control, context) {
-        super(control, context);
-        this.contenttemplate = 'dxrd-barcode-content';
-    }
-}
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/helpers/_textElementSizeHelper.js
 
@@ -14963,7 +14967,7 @@ class xrCharactercomb_XRCharacterComb extends xrControl_XRControlViewModel {
         this._disposables.push(external_ko_["computed"](() => {
             if (this.sizeMode() !== 'Custom') {
                 var characterHeight = textSizeHelper.getTextContainerSize('a', {
-                    'font-size': fontModel.size() + 'pt',
+                    'font-size': fontModel.size() + fontModel.unit(),
                     'font-family': fontModel.family(),
                     'height': 'auto',
                     'width': 'auto'
@@ -15840,14 +15844,14 @@ class fitTextToBoundsAction_FitTextToBoundsAction {
         var font = fontModel.size();
         if (!this._control.getWordWrap()) {
             var $div = this.textElementHelper.$createTextElement(this._control.getText(), this._control.getCssContent());
-            var fontByHeight = this._getTextSide($div, { size: font, unit: 'pt' }, containerSize.height, ($div) => $div[0].getBoundingClientRect().height);
-            var fontByWidth = this._getTextSide($div, { size: fontByHeight, unit: 'pt' }, containerSize.width, ($div) => $div[0].getBoundingClientRect().width);
+            var fontByHeight = this._getTextSide($div, { size: font, unit: fontModel.unit() }, containerSize.height, ($div) => $div[0].getBoundingClientRect().height);
+            var fontByWidth = this._getTextSide($div, { size: fontByHeight, unit: fontModel.unit() }, containerSize.width, ($div) => $div[0].getBoundingClientRect().width);
             $div.remove();
             font = Math.min(fontByHeight, fontByWidth);
         }
         else {
             var $div = this.textElementHelper.$createTextElement(this._control.getText(), this._control.getCssContent({ width: containerSize.width / zoom }));
-            font = this._calculateFont($div, { size: font, unit: 'pt' }, containerSize.height - 2 * zoom);
+            font = this._calculateFont($div, { size: font, unit: fontModel.unit() }, containerSize.height - 2 * zoom);
             $div.remove();
         }
         return font;
@@ -15879,7 +15883,7 @@ class xrTextControl_XRTextControlSurfaceBase extends xrControl_XRControlSurfaceB
         this.fitBoundsToTextAction = new fitBoundsToTextAction_FitBoundsToTextAction(this, textElementSizeHelper);
         this._disposables.push(this.characterHeight = external_ko_["computed"](() => {
             return textElementSizeHelper.getTextContainerSize('a', {
-                'font-size': this._font.size() + 'pt',
+                'font-size': this._font.size() + this._font.unit(),
                 'font-family': this._font.family(),
                 'height': 'auto',
                 'width': 'auto'
@@ -16311,7 +16315,7 @@ var summaryExtended = [
 valuesArraySummaryType.push(...summaryExtended);
 valuesArraySummaryType = valuesArraySummaryType.filter(item => item.value !== 'Custom');
 var crossTabSummaryType = Object(external_DevExpress_Analytics_Internal_["extend"])({}, summaryType, { localizationId: 'DevExpress.XtraReports.UI.CrossTab.CrossTabDataField.SummaryType', valuesArray: valuesArraySummaryType });
-var crossTabSortBySummaryInfo = { propertyName: 'crossTabSortBySummaryInfo', modelName: '@SortBySummaryInfo', displayName: 'Sort By Summary Info', localizationId: 'DevExpress.XtraReports.UI.CrossTab.CrossTabGroupFieldBase.SortBySummaryInfo', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: [Object(external_DevExpress_Analytics_Internal_["extend"])({}, crossTabFieldName, { localizationId: 'DevExpress.XtraReports.UI.CrossTab.CrossTabFieldSortBySummaryInfo.FieldName' }), crossTabSummaryType] };
+var crossTabSortBySummaryInfo = { propertyName: 'crossTabSortBySummaryInfo', modelName: 'SortBySummaryInfo', displayName: 'Sort By Summary Info', localizationId: 'DevExpress.XtraReports.UI.CrossTab.CrossTabGroupFieldBase.SortBySummaryInfo', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: [Object(external_DevExpress_Analytics_Internal_["extend"])({}, crossTabFieldName, { localizationId: 'DevExpress.XtraReports.UI.CrossTab.CrossTabFieldSortBySummaryInfo.FieldName' }), crossTabSummaryType] };
 var summaryDisplayTypeValuesArray = valuesArrayAsEnumWithLocalizationId(summaryDisplayType, 'DevExpress.XtraReports.UI.CrossTab.SummaryDisplayType.');
 var crossTabSummaryDisplayType = { propertyName: 'summaryDisplayType', modelName: '@SummaryDisplayType', displayName: 'Summary Display Type', localizationId: 'DevExpress.XtraReports.UI.CrossTab.CrossTabDataField.SummaryDisplayType', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), defaultVal: 'Default', valuesArray: summaryDisplayTypeValuesArray };
 var crossTabFieldExpression = { propertyName: 'fieldExpression', modelName: '@FieldExpression', displayName: 'Field Expression', localizationId: 'DevExpress.XtraReports.UI.CrossTab.CrossTabDataField.FieldExpression', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text') };
@@ -19167,16 +19171,40 @@ xrShape_XRShapeViewModel.shapes = [
         type: 'Brace'
     }
 ];
+class ImageBase64Model {
+}
 class xrShape_XRShapeControlSurface extends xrControl_XRControlSurface {
     constructor(control, context) {
         super(control, context);
-        var func = null;
-        this._disposables.push(this.imageSrc = external_ko_["pureComputed"](() => {
-            return _reportRenderingService_ReportRenderingService.getShapeImage(this);
+        this._lastUpdateImageDeferred = null;
+        this.imageSrc = external_ko_["observable"]('');
+        this.isLoading = external_ko_["observable"](false);
+        this._disposables.push(external_ko_["computed"](() => {
+            this._updateImage();
         }));
         this.template = 'dxrd-shape';
         this.contenttemplate = 'dxrd-shape-content';
     }
+    _updateImage() {
+        this.isLoading(true);
+        if (this._lastUpdateImageDeferred) {
+            this._lastUpdateImageDeferred.reject();
+        }
+        var resultDeferred = external_jQuery_["Deferred"]();
+        this._lastUpdateImageDeferred = resultDeferred;
+        _reportRenderingService_ReportRenderingService.getShapeImage(this)
+            .done((result) => {
+            resultDeferred.resolve(result);
+        })
+            .fail((xhr) => {
+            resultDeferred.resolve(null);
+        });
+        resultDeferred.done((result) => {
+            this.isLoading(false);
+            var imageSrc = (result === null || result === void 0 ? void 0 : result.imageBase64) ? 'data:image/png;base64,' + result.imageBase64 : null;
+            this.imageSrc(imageSrc);
+        });
+    }
 }
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/metadata/xrSparkline.js
@@ -20368,7 +20396,7 @@ xrTable_XRTableSurface._unitProperties = {
 
 
 
-var xrTableOfContentsLevel_font = { propertyName: 'font', localizable: true, modelName: '@Font', defaultVal: 'Times New Roman, 9.75', displayName: 'Font', localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font') };
+var xrTableOfContentsLevel_font = { propertyName: 'font', localizable: true, modelName: '@Font', defaultVal: 'Times New Roman, 9.75pt', displayName: 'Font', localizationId: 'DevExpress.XtraReports.UI.XRTableOfContentsLevelBase.Font', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('font') };
 var xrTableOfContentsLevel_backColor = { propertyName: 'backColor', modelName: '@BackColor', defaultVal: 'Transparent', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], displayName: 'Background Color', localizationId: 'DevExpress.XtraReports.UI.XRControl.BackColor', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor') };
 var xrTableOfContentsLevel_foreColor = { propertyName: 'foreColor', modelName: '@ForeColor', defaultVal: 'Black', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], displayName: 'Foreground Color', localizationId: 'DevExpress.XtraReports.UI.XRControl.ForeColor', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor') };
 var baseTocLevelSerializationsInfo = [
@@ -20420,10 +20448,9 @@ var tocSerializationsInfo = [xrTableOfContents_formattingRuleLinks, xrTableOfCon
 
 
 
-
 class xrTableOfContentsLevel_TableOfContentsLevel extends external_DevExpress_Analytics_Elements_["ElementViewModel"] {
     constructor(model, parent, serializer, isTitle = false) {
-        super(patchFont(external_jQuery_["extend"]({ '@ControlType': 'TableOfContentsLevel', isTitle: isTitle }, model)), parent, serializer);
+        super(external_jQuery_["extend"]({ '@ControlType': 'TableOfContentsLevel', isTitle: isTitle }, model), parent, serializer);
         this.borderWidth = parent.borderWidth;
         this.borderColor = parent.borderColor;
         this.borders = parent.borders;
@@ -20638,6 +20665,56 @@ class xrTableOfContents_XRTableOfContentsSurface extends xrControl_XRControlSurf
     }
 }
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/xrUnknownControl.js
+
+
+
+
+
+
+
+class xrUnknownControl_XRUnknownControlSurface extends xrControl_XRControlSurface {
+    constructor(control, context) {
+        super(control, context);
+        this.isLoading = external_ko_["observable"](false);
+        this.imageSrc = external_ko_["observable"]('');
+        this.template = 'dxrd-shape';
+        this.contenttemplate = 'dxrd-shape-content';
+        var fetchTimeout = null;
+        var lastFetch = null;
+        this._disposables.push(external_ko_["computed"](() => {
+            var _self = this;
+            if (settings_HandlerUri()) {
+                fetchTimeout && clearTimeout(fetchTimeout);
+                var zoomValue = _self._context.zoom();
+                var measureUnit = _self._control.root.measureUnit();
+                var serializedControl = new external_DevExpress_Analytics_Utils_["ModelSerializer"]().serialize(_self._control);
+                fetchTimeout = setTimeout(() => {
+                    _self.isLoading(true);
+                    var report = new xrReport_ReportViewModel({});
+                    report.measureUnit(measureUnit);
+                    report.bands()[1].createChild(serializedControl);
+                    var serializedReport = report.serialize();
+                    report.dispose();
+                    var deferred = _reportRenderingService_ReportRenderingService.getUnknownControlImage(serializedReport, zoomValue);
+                    lastFetch = deferred;
+                    deferred.done(function (result) {
+                        if (lastFetch === deferred) {
+                            _self.isLoading(false);
+                            _self.imageSrc('data:image/x;base64,' + result.Img);
+                        }
+                    }).fail(function (jqXHR) {
+                        if (lastFetch === deferred) {
+                            _self.isLoading(false);
+                            Object(external_DevExpress_Analytics_Internal_["NotifyAboutWarning"])('Impossible to get control image.');
+                        }
+                    });
+                }, 200);
+            }
+        }));
+    }
+}
+
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/controls/xrZipcode.js
 
 
@@ -20765,6 +20842,8 @@ class xrZipcode_XRZipCodeSurface extends xrControl_XRControlSurface {
 
 
 
+
+
 
 
 
@@ -21698,8 +21777,8 @@ var groups_groups = {
             keepTogether, keepTogetherWithDetailReports, bandsMetadata_level,
             moduleInfo, metadata_multiline, multiColumnMetaData_multiColumn,
             pageBreak, pageInfo, printAtBottom, printOn, printAcrossBands, processDuplicatesMode, processDuplicatesTarget, processNullValues,
-            repeatEveryPage, measureUnit, rotated, runningBand, requestParameters, xrTableCell_rowSpan,
-            segmentWidth, shapeFake, external_DevExpress_Reporting_Viewer_Editing_["sizing"], external_DevExpress_Reporting_Viewer_Editing_["imageAlignment"], showPreviewMarginLines, showText, startPageNumber, stretch, barcodeFake,
+            repeatEveryPage, xrReport_measureUnit, rotated, runningBand, requestParameters, xrTableCell_rowSpan,
+            segmentWidth, shapeFake, external_DevExpress_Reporting_Viewer_Editing_["sizing"], external_DevExpress_Reporting_Viewer_Editing_["imageAlignment"], showPreviewMarginLines, showText, startPageNumber, stretch, barcodeFake, targetDeviceDpi,
             textFitMode, verticalContentSplitting, metadata_visible, metadata_wordWrap, scriptLanguage,
             reportExportOptionsSerializationInfo, horizontalContentSplitting,
             scriptReferencesString, allScripts, sortingSummary,
@@ -24660,9 +24739,6 @@ class _reportDesignerControlsHelper_ReportDesignerControlsHelper extends externa
     }
 }
 
-// EXTERNAL MODULE: external "\"\""
-var external_ = __webpack_require__(32);
-
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/internal/dragdrop/_fieldListDragDropHelper.js
 
 
@@ -24814,9 +24890,6 @@ var _fieldListDragDropHelper_memberControlsMap = {
 
 
 
-
-
-
 class _fieldListDragDropHandler_FieldListDragDropHandler extends external_DevExpress_Analytics_Internal_["DragDropHandler"] {
     constructor(_canAddItems, surface, selection, _undoEngine, snapHelper, dragHelperContent, _dataSources, onComponentAdded) {
         super(surface, selection, _undoEngine, snapHelper, dragHelperContent);
@@ -24899,12 +24972,12 @@ class _fieldListDragDropHandler_FieldListDragDropHandler extends external_DevExp
         var canDrop = super.canDrop(dropTarget, controlModel, metaData);
         return canDrop && (this._canAddItems() || this._isIcon);
     }
-    drag(event, ui) {
+    drag(event, ui, draggable) {
         this._isIcon = false;
+        this._snapDisabled = false;
         if (this.selection.dropTarget) {
-            var element = event.target;
-            var draggable = external_ko_["dataFor"](element);
-            var key = this._getKey(draggable), dropTarget = this._getDropTarget(_fieldListDragDropHelper_memberControlsMap[key]);
+            var key = this._getKey(draggable);
+            var dropTarget = this._getDropTarget(_fieldListDragDropHelper_memberControlsMap[key]);
             var dropTargetControl = dropTarget.getControlModel();
             var boundedClass = 'dxrd-image-ghost-bounded';
             var dragHelperContent = this.dragHelperContent.controls()[0];
@@ -24918,25 +24991,24 @@ class _fieldListDragDropHandler_FieldListDragDropHandler extends external_DevExp
                     this.dragHelperContent.setContent(rect);
                 }
                 dropTarget.dragCallback && dropTarget.dragCallback(draggable);
-                external_jQuery_["fn"].constructor(element).draggable && external_jQuery_["fn"].constructor(element).draggable('option', 'snap', false);
                 this.snapHelper.deactivateSnapLines();
-                event.altKey = true;
+                this._snapDisabled = true;
                 this._isIcon = true;
             }
             else if (this._needToChangeHelperContent(dragHelperContent, boundedClass)) {
                 this._setDragHelperContent(_fieldListDragDropHelper_memberControlsMap, key);
             }
         }
-        super.drag(event, ui);
+        super.drag(event, ui, draggable);
     }
-    doStopDrag(ui, draggable) {
+    doStopDrag(uiElement, draggable, event) {
         this.dragHelperContent.reset();
         if (this.dragHelperContent.isLocked())
             return;
         if (this.selection.dropTarget) {
             if (this.selection.dropTarget instanceof xrReport_ReportSurface)
                 return;
-            var position = this._getAbsoluteSurfacePosition(ui);
+            var position = this._getAbsoluteSurfacePosition(uiElement);
             this.selection.dropTarget.underCursor().x = position.left - this.selection.dropTarget['absolutePosition'].x();
             this.selection.dropTarget.underCursor().y = position.top - this.selection.dropTarget['absolutePosition'].y();
             var item = draggable;
@@ -24989,7 +25061,7 @@ class _objectExplorerDragDropHandler_ObjectExplorerDragDropHandler extends exter
     drag(event, ui) {
         var isLocked = this.selection && this.selection.dropTarget && this.selection.dropTarget.locked;
         if (this.reportControlsDragDropHelper.started) {
-            var target = event['toElement'] || (external_ko_["dataFor"](event.relatedTarget) && event.relatedTarget) || (event.originalEvent && event.originalEvent.target) || null;
+            var target = event['toElement'] || (external_ko_["dataFor"](event.relatedTarget) && event.relatedTarget) || (event && event.target) || null;
             if (target) {
                 this.reportControlsDragDropHelper.setNewDropTarget(external_ko_["dataFor"](target), target, event.pageY);
             }
@@ -25336,7 +25408,7 @@ class _reportExplorerDragDropHandler_ReportExplorerDragDropHandler extends _obje
         }
         super.startDrag(draggable);
     }
-    doStopDrag(ui, draggable, event) {
+    doStopDrag(uiElement, draggable, event) {
         this.reportControlsDragDropHelper.started && this.reportControlsDragDropHelper.clearDroppableClasses();
         this.dragHelperContent.reset();
         if (this.dragHelperContent.isLocked())
@@ -25347,14 +25419,16 @@ class _reportExplorerDragDropHandler_ReportExplorerDragDropHandler extends _obje
         else if (this.selection.dropTarget && !this.selection.dropTarget.locked) {
             if (this.selection.dropTarget instanceof xrReport_ReportSurface)
                 return;
-            var position = this._getAbsoluteSurfacePosition(ui);
+            var position = this._getAbsoluteSurfacePosition(uiElement);
             this.selection.dropTarget.underCursor().x = position.left - this.selection.dropTarget['absolutePosition'].x();
             this.selection.dropTarget.underCursor().y = position.top - this.selection.dropTarget['absolutePosition'].y();
+            if (!draggable || !draggable.data)
+                return;
             if (this.surface().isFit && this.surface().isFit(this.selection.dropTarget) || this.selection.dropTarget.underCursor().isOver) {
-                if (draggable.data && draggable.data.specifics === 'stylemodel') {
+                if (draggable.data.specifics === 'stylemodel') {
                     this.selection.dropTarget.getControlModel()['styleName'] && this.selection.dropTarget.getControlModel()['styleName'](draggable.data.displayName);
                 }
-                else if (draggable.data && draggable.data.specifics === 'formattingrule') {
+                else if (draggable.data.specifics === 'formattingrule') {
                     this.selection.dropTarget.getControlModel()['formattingRuleLinks'] && this.selection.dropTarget.getControlModel()['formattingRuleLinks'].push(formattingrules_FormattingRuleLink.createNew(draggable.data.data));
                 }
             }
@@ -25719,7 +25793,7 @@ var external_DevExpress_ui_dxButtonGroup_ = __webpack_require__(29);
 var external_DevExpress_ui_dxButtonGroup_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_dxButtonGroup_);
 
 // EXTERNAL MODULE: external "DevExpress.ui.dxDataGrid"
-var external_DevExpress_ui_dxDataGrid_ = __webpack_require__(35);
+var external_DevExpress_ui_dxDataGrid_ = __webpack_require__(34);
 var external_DevExpress_ui_dxDataGrid_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_dxDataGrid_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/internal/errorPanel/_types.js
@@ -25766,6 +25840,7 @@ class _errorPanelViewModel_ErrorPanelViewModel extends external_DevExpress_Analy
         this._errorList = external_ko_["observableArray"]([]);
         this._providers = [];
         this._subscriptions = [];
+        this.panelTitle = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Report Design Analyzer', 'ASPxReportsStringId.ReportDesigner_ErrorPanel_Title');
         this._initOptions = options || {};
         this._editableObject = options.editableObject;
         this._resizableOptions = {
@@ -27426,11 +27501,11 @@ var external_window_ace_ = __webpack_require__(27);
 var external_window_ace_default = /*#__PURE__*/__webpack_require__.n(external_window_ace_);
 
 // EXTERNAL MODULE: external "\"/mode-csharp\""
-var mode_csharp_ = __webpack_require__(36);
+var mode_csharp_ = __webpack_require__(35);
 var mode_csharp_default = /*#__PURE__*/__webpack_require__.n(mode_csharp_);
 
 // EXTERNAL MODULE: external "\"/mode-vbscript\""
-var mode_vbscript_ = __webpack_require__(37);
+var mode_vbscript_ = __webpack_require__(36);
 var mode_vbscript_default = /*#__PURE__*/__webpack_require__.n(mode_vbscript_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/internal/scripting/_reportDummyCreator.js
@@ -28093,6 +28168,7 @@ class _customMergingEngine_CustomMergingEngine {
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/internal/_designerEditorAddOn.js
 
+
 class _designerEditorAddOn_DesignerEditorAddOn extends external_DevExpress_Analytics_Internal_["EditorAddOn"] {
     constructor(editor, popupService, imageTemplateName = '') {
         super(editor, popupService);
@@ -28106,9 +28182,18 @@ class _designerEditorAddOn_DesignerEditorAddOn extends external_DevExpress_Analy
         popupService.target(element);
     }
 }
-class ExpressionEditorAddOn extends _designerEditorAddOn_DesignerEditorAddOn {
+class _designerEditorAddOn_ExpressionEditorAddOn extends _designerEditorAddOn_DesignerEditorAddOn {
+    constructor() {
+        super(...arguments);
+        this.activateExpressionEditorFunc = (expressionEditor) => void 0;
+        this.templateName = 'dxrd-expression-editor-addon';
+    }
+    dispose() {
+        super.dispose();
+        this.activateExpressionEditorFunc = null;
+    }
     actionFilter(action) {
-        return super.actionFilter(action) && action.id === 'dxrd-expression';
+        return super.actionFilter(action) && action.id === expressionEditorActionId;
     }
     onPopupShown(popupService) {
         popupService.disabled(false);
@@ -28121,16 +28206,20 @@ class ExpressionEditorAddOn extends _designerEditorAddOn_DesignerEditorAddOn {
             }
             else {
                 actions[0].action(this['_editor'].name);
+                this.activateExpressionEditorFunc(actions[0]);
             }
         }
     }
+    cacheFunction(callback) {
+        this.activateExpressionEditorFunc = callback;
+    }
 }
-class ValueEditorAddOn extends _designerEditorAddOn_DesignerEditorAddOn {
+class _designerEditorAddOn_ValueEditorAddOn extends _designerEditorAddOn_DesignerEditorAddOn {
     onPopupShown(popupService) {
         popupService.disabled(this['_editor'].disabled());
     }
     actionFilter(action) {
-        return super.actionFilter(action) && action.id !== 'dxrd-expression';
+        return super.actionFilter(action) && action.id !== expressionEditorActionId;
     }
 }
 
@@ -28160,7 +28249,6 @@ var external_DevExpress_Analytics_Criteria_ = __webpack_require__(26);
 
 
 
-
 class _reportConverter_ReportConverter extends _baseConverter_BaseConverter {
     constructor(_controlsHelper, _undoEngine, _dataBindingMode = _dataBindingMode_DataBindingMode.Expressions) {
         super();
@@ -28314,7 +28402,7 @@ class _reportConverter_ReportConverter extends _baseConverter_BaseConverter {
     }
     _splitFontPropertyValue(formatting) {
         if (formatting['@Font']) {
-            var font = new external_DevExpress_Analytics_Widgets_Internal_["FontModel"](external_ko_["observable"](convertFontToDXFont(formatting['@Font'])));
+            var font = new external_DevExpress_Analytics_Widgets_Internal_["FontModel"](external_ko_["observable"](formatting['@Font']));
             this._mapFontObj(formatting, font);
             delete formatting['@Font'];
         }
@@ -28542,7 +28630,7 @@ class _translateHelper_TranslateHelper extends external_DevExpress_Analytics_Uti
 }
 
 // EXTERNAL MODULE: external "DevExpress.data.ArrayStore"
-var external_DevExpress_data_ArrayStore_ = __webpack_require__(38);
+var external_DevExpress_data_ArrayStore_ = __webpack_require__(37);
 var external_DevExpress_data_ArrayStore_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_data_ArrayStore_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/widgets/dataSourceSelectBox.js
@@ -29038,7 +29126,8 @@ var ReportDesignerAddOns = {
     MasterDetailEditor: 'dxrd-masterDetail-editor',
     FederatedManageQueriesEditor: 'dxrd-federated-manageQueries-editor',
     FederatedQueriesPopups: 'dx-querybuilder-federation-popup-templates',
-    ScriptEditor: 'dxrd-scripts'
+    ScriptEditor: 'dxrd-scripts',
+    ExpressionEditor: 'dxrd-activated-expressioneditor'
 };
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/bands/xrGroupBand.js
@@ -29199,6 +29288,7 @@ class xrVerticalDetailBand_VerticalDetailBandViewModel extends xrVerticalBand_Ve
 
 
 
+
 
 
 var canPasteInBand = (dropTarget) => {
@@ -29378,7 +29468,7 @@ function _registerControls_registerControls(fieldListProvider) {
             '@Text': ''
         },
         defaultBindingName: 'Text',
-        surfaceType: xrBarcode_XRBarcodeSurface,
+        surfaceType: xrUnknownControl_XRUnknownControlSurface,
         type: xrBarcode_XRBarCodeViewModel,
         popularProperties: popularPropertiesBarCode,
         displayName: Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Bar Code', 'DevExpress.XtraReports.UI.XRBarCode')
@@ -29423,7 +29513,7 @@ function _registerControls_registerControls(fieldListProvider) {
     });
     settings_controlsFactory().registerControl('XRGauge', {
         info: xrGaugeSerializationInfo,
-        surfaceType: _xrTodoControl_TodoControlSurface,
+        surfaceType: xrUnknownControl_XRUnknownControlSurface,
         type: xrGauge_XRGaugeViewModel,
         group: 'complex',
         toolboxIndex: 12,
@@ -29866,6 +29956,7 @@ class styleseditor_StylesEditorHeaderModel {
         this.displayExpr = 'name';
         this.valueExpr = 'name';
         this.displayCustomValue = true;
+        this.encodeNoDataText = true;
         this.placeholder = Object(external_DevExpress_Analytics_Internal_["selectPlaceholder"])();
         this.noDataText = Object(external_DevExpress_Analytics_Internal_["noDataText"])();
         this.value = external_ko_["pureComputed"]({
@@ -30411,6 +30502,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/designer/wizard/internal/_crossTabDragUtils.js
 
 
+
 class _crossTabDragUtils_CrossTabWizardFieldListController extends _fieldListController_FieldListController {
     constructor() {
         super(...arguments);
@@ -30423,10 +30515,10 @@ class _crossTabDragUtils_CrossTabWizardFieldListController extends _fieldListCon
     }
 }
 class _crossTabDragUtils_CrossTabWizardDragDropHandler extends external_DevExpress_Analytics_Internal_["WizardDragDropHandler"] {
-    doStopDrag(ui, draggable) {
+    doStopDrag(ui, _) {
         this.dragHelperContent.reset();
         if (this._dropTarget) {
-            this._addHandler(this._dropTarget, draggable.data.name);
+            this._addHandler(this._dropTarget, external_ko_["dataFor"](ui).data.name);
         }
     }
 }
@@ -34755,17 +34847,23 @@ class navigateByReports_NavigateByReports extends external_DevExpress_Analytics_
 
 
 class expressionSmartTag_ExpressionSmartTag extends external_DevExpress_Analytics_Utils_["Disposable"] {
-    constructor(reportElement) {
+    constructor(reportElement, _expressionEditor) {
         super();
         this.reportElement = reportElement;
-        this.templateName = 'dxrd-smart-tag-exressions';
+        this._expressionEditor = _expressionEditor;
         this.imageTemplateName = 'dxrd-svg-properties-propertyexpression';
-        this.expressionEditor = external_ko_["observable"]();
     }
     onClick() {
-        this.expressionEditor() && this.expressionEditor().dispose();
-        this.expressionEditor(new reportExpressionEditorWrapper_ReportExpressionEditorWrapper(external_ko_["observable"](this.reportElement), external_ko_["observable"](null)));
-        this.expressionEditor().popupVisible(true);
+        var expressionEditor = new reportExpressionEditorWrapper_ReportExpressionEditorWrapper(external_ko_["observable"](this.reportElement), external_ko_["observable"](null));
+        this._expressionEditor(expressionEditor);
+        this._expressionEditor().popupVisible(true);
+        var subpscription = expressionEditor.popupVisible.subscribe((newVal) => {
+            if (!newVal) {
+                subpscription.dispose();
+                expressionEditor.dispose();
+                this._expressionEditor(null);
+            }
+        });
     }
 }
 
@@ -34775,9 +34873,8 @@ class expressionSmartTag_ExpressionSmartTag extends external_DevExpress_Analytic
 
 
 
-
 class smartTagContainer_SmartTagModel extends external_DevExpress_Analytics_Utils_["Disposable"] {
-    constructor(selection, reportSurface, offset) {
+    constructor(selection, reportSurface, offset, smartTagFactory) {
         super();
         this.margin = external_ko_["observable"]('');
         this.smartTags = external_ko_["observableArray"]();
@@ -34786,13 +34883,12 @@ class smartTagContainer_SmartTagModel extends external_DevExpress_Analytics_Util
         this._disposables.push(selection.focused.subscribe(selectedSurface => {
             var visible = false;
             var selectedItem = selectedSurface && selectedSurface['_control'];
-            var factory = settings_smartTagFactory();
             if (selectedItem) {
                 var reportElement = selectedItem;
                 visible = true;
                 this.smartTags().forEach(x => x.dispose());
-                this.smartTags(factory[reportElement.controlType] ? factory[reportElement.controlType](reportElement) :
-                    factory['default'] && factory['default'](reportElement));
+                this.smartTags(smartTagFactory[reportElement.controlType] ? smartTagFactory[reportElement.controlType](reportElement) :
+                    smartTagFactory['default'] && smartTagFactory['default'](reportElement));
             }
             this.visible(visible);
         }));
@@ -36908,7 +37004,7 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
         });
         this.addElement('rootStyle', () => 'dxrd-designer dxd-back-primary-invariant');
         this.addElement('selectedPath', () => external_ko_["observable"](null));
-        this.addElement('actionsGroupTitle', () => () => Object(external_DevExpress_Analytics_Internal_["getControlTypeName"])(this.getModel().editableObject()) + ' ' + Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Tasks', 'AnalyticsCoreStringId.Tasks'));
+        this.addElement('actionsGroupTitle', () => () => Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('{0} {1}', 'ReportStringId.STag_Capt_Format'), Object(external_DevExpress_Analytics_Internal_["getControlTypeName"])(this.getModel().editableObject()), Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Tasks', 'ReportStringId.STag_Capt_Tasks')));
         this.addElement('updateFont', () => (values) => {
             Object(external_DevExpress_Analytics_Widgets_Internal_["availableFonts"])(Object.assign(Object.assign({}, Object(external_DevExpress_Analytics_Widgets_Internal_["availableFonts"])()), values));
         });
@@ -37101,8 +37197,8 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
     createControlProperties(editors, groups, accessibilityProvider) {
         var properties = super.createControlProperties(editors, groups, accessibilityProvider);
         properties.createEditorAddOn = (editor) => {
-            var editorAddOn = new ValueEditorAddOn(editor, properties.popupService);
-            var editorExression = new ExpressionEditorAddOn(editor, properties.popupService, 'dxrd-svg-properties-propertyexpression');
+            var editorAddOn = new _designerEditorAddOn_ValueEditorAddOn(editor, properties.popupService);
+            var editorExression = new _designerEditorAddOn_ExpressionEditorAddOn(editor, properties.popupService, 'dxrd-svg-properties-propertyexpression');
             editor._disposables.push(editorAddOn, editorExression);
             return {
                 templateName: 'dx-editor-addons',
@@ -37130,17 +37226,20 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
         return this;
     }
     addSmartTagModel() {
-        var smartTagFactory = settings_smartTagFactory();
-        !smartTagFactory['default'] && Object(external_DevExpress_Analytics_Internal_["extend"])(smartTagFactory, {
+        var smartTagFactory = Object.assign({}, settings_smartTagFactory());
+        Object(external_DevExpress_Analytics_Internal_["extend"])(smartTagFactory, {
             'default': (reportElement) => {
                 var result = [];
                 if (DataBindingMode() !== _dataBindingMode_DataBindingMode.Bindings)
-                    result.push(new expressionSmartTag_ExpressionSmartTag(reportElement));
+                    result.push(new expressionSmartTag_ExpressionSmartTag(reportElement, this.buildingModel.activatedExpressionEditor));
                 return result;
             }
         });
-        var smartTagHelper = new smartTagContainer_SmartTagModel(this._selection, this.buildingModel.surface, this.buildingModel['verticalScrollOffset']);
+        var smartTagHelper = new smartTagContainer_SmartTagModel(this._selection, this.buildingModel.surface, this.buildingModel['verticalScrollOffset'], smartTagFactory);
         this.addElement('smartTagModel', () => smartTagHelper);
+        this._disposables.push({
+            dispose: () => smartTagFactory = {},
+        });
         return this;
     }
     setControlsHelperFilter(filter) {
@@ -37913,6 +38012,16 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
         }
         return { id: ReportDesignerAddOns[wizardName], templateName: ReportDesignerAddOns[wizardName].split('#')[0], model: model };
     }
+    addActivatedExpressionEditor() {
+        var editor = external_ko_["observable"](null);
+        this.addElement('activatedExpressionEditor', () => editor);
+        this.addElement('activateExpressionEditor', () => (action) => {
+            action.action('');
+            editor(action.innerTemplate.data);
+        });
+        this._addDisposable({ dispose: () => editor(null) });
+        return this;
+    }
     addParts(func = (parts) => {
         var reportConverter = new _reportConverter_ReportConverter(this.buildingModel.controlsHelper, this.buildingModel.undoEngine, this._dataBiningMode);
         if (this._defaultCrossTabControl === 'XRCrossTab') {
@@ -37941,7 +38050,8 @@ class _inititalizer_ReportDesignerInitializer extends external_DevExpress_Analyt
         { id: ReportDesignerAddOns.DataSourceWizard, templateName: ReportDesignerAddOns.DataSourceWizard.split('#')[0], model: this.buildingModel.dataSourceWizard },
         this._createWizardPart('MultiQueryDataSourceWizard', this.buildingModel.multiQueryDataSourceWizard),
         { id: ReportDesignerAddOns.LocalizationEditor, templateName: ReportDesignerAddOns.LocalizationEditor.split('#')[0], model: this.buildingModel.localizationEditor },
-        { id: ReportDesignerAddOns.ErrorPanel, templateName: ReportDesignerAddOns.ErrorPanel, model: this.buildingModel.errorPanelViewModel }
+        { id: ReportDesignerAddOns.ErrorPanel, templateName: ReportDesignerAddOns.ErrorPanel, model: this.buildingModel.errorPanelViewModel },
+        { id: ReportDesignerAddOns.ExpressionEditor, templateName: ReportDesignerAddOns.ExpressionEditor, model: this.buildingModel.activatedExpressionEditor }
     ]) {
         this.addElement('addOns', () => external_ko_["observableArray"](addons));
         return this;
@@ -38322,6 +38432,7 @@ function _createReportDesigner(element, data, callbacks, knownEnums, designerHan
         .initializeFieldListActionProviders()
         .addTabPanel()
         .addErrorPanelViewModel(element, data.errorPanelSettings || {})
+        .addActivatedExpressionEditor()
         .addDefaultAddons()
         .tryAddSqlDataSourceEditorAddon()
         .tryAddFederationDataSourceEditorAddon()
@@ -39534,7 +39645,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('s
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('zoom: zoom, styleunit: { \'height\': height() / zoom(), \'width\': width() / zoom() }', function ($context, $element) { return { 'zoom': function () { return $context.$data.zoom; }, 'styleunit': function () { return { 'height': $context.$data.height() / $context.$data.zoom(), 'width': $context.$data.width() / $context.$data.zoom() }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: {src: imageSrc }, styleunit: { \'height\': height() / zoom(), \'width\': width() / zoom() }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.imageSrc }; }, 'styleunit': function () { return { 'height': $context.$data.height() / $context.$data.zoom(), 'width': $context.$data.width() / $context.$data.zoom() }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: chartStructure', function ($context, $element) { return { 'if': function () { return $context.$data.chartStructure; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { items: array, displayExpr: \'name\', value: selectedItem, disabled: disabled,  placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), dropDownOptions: { container: $root.getPopupContainer($element) , useItemTextAsTitle: true } }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.array, 'displayExpr': 'name', 'value': $context.$data.selectedItem, 'disabled': $context.$data.disabled, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'noDataText': $context.$root.dx._static.noDataText(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'useItemTextAsTitle': true } }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { items: array, displayExpr: \'name\', value: selectedItem, disabled: disabled,  placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) , useItemTextAsTitle: true } }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.array, 'displayExpr': 'name', 'value': $context.$data.selectedItem, 'disabled': $context.$data.disabled, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'useItemTextAsTitle': true } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPropertyGrid: { target: selectedItem, editorsInfo: { editors: editors }, level: 1 }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.selectedItem, 'editorsInfo': { 'editors': $context.$data.editors }, 'level': 1 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxFieldListPicker: { path: path, value: value, acceptCustomValue: true, itemsProvider: $root.dataBindingsProvider(), treeListController: treeListController, disabled: disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'path': $context.$data.path, 'value': $context.$data.value, 'acceptCustomValue': true, 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': $context.$data.treeListController, 'disabled': $context.$data.disabled }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { dataSource: $root.panes, value: value, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$root.panes, 'value': $context.$data.value, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
@@ -39641,8 +39752,6 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('s
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dxrd-band-content\': !$data.collapsed(), \'dxrd-band-collapsed\': $data.collapsed() }, styleunit: { \'height\': height, top: topOffset }', function ($context, $element) { return { 'css': function () { return { 'dxrd-band-content': !$context.$data.collapsed(), 'dxrd-band-collapsed': $context.$data.collapsed() }; }, 'styleunit': function () { return { 'height': $context.$data.height, 'top': $context.$data.topOffset }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: verticalBands', function ($context, $element) { return { 'foreach': function () { return $context.$data.verticalBands; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: templateName }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: { \'lineHeight\': (contentSizes().height - 37) / _context.zoom() }', function ($context, $element) { return { 'styleunit': function () { return { 'lineHeight': ($context.$data.contentSizes().height - 37) / $context.$data._context.zoom() }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('controlDisplayName: $data, style: contentCss', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: { width: size.width, height: size.height, top: top, left: left }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.size.width, 'height': $context.$data.size.height, 'top': $context.$data.top, 'left': $context.$data.left }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: $parent.css, text: text, styleunit: { lineHeight: size.height(), width: size.width, height: size.height }', function ($context, $element) { return { 'style': function () { return $context.$parent.css; }, 'text': function () { return $context.$data.text; }, 'styleunit': function () { return { 'lineHeight': $context.$data.size.height(), 'width': $context.$data.size.width, 'height': $context.$data.size.height }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: $parent.borderCss, styleunit: { width: size.width, height: size.height }', function ($context, $element) { return { 'style': function () { return $context.$parent.borderCss; }, 'styleunit': function () { return { 'width': $context.$data.size.width, 'height': $context.$data.size.height }; } }; });
@@ -39699,6 +39808,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: generateOwnPages()', function ($context, $element) { return { 'if': function () { return $context.$data.generateOwnPages(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: { visibility: (selected() || focused()) ? \'inherit\' : \'hidden\'}, css: {\'dxrd-selected\': selected, \'dxrd-focused\': focused, \'dxrd-intersect\': isIntersect, \'dxrd-locked\': locked }, resizable: $data.getResizableOptions($root.resizeHandler), draggable: $root.dragHandler, styleunit: position, trackCursor: underCursor', function ($context, $element) { return { 'style': function () { return { 'visibility': ($context.$data.selected() || $context.$data.focused()) ? 'inherit' : 'hidden' }; }, 'css': function () { return { 'dxrd-selected': $context.$data.selected, 'dxrd-focused': $context.$data.focused, 'dxrd-intersect': $context.$data.isIntersect, 'dxrd-locked': $context.$data.locked }; }, 'resizable': function () { return $context.$data.getResizableOptions($context.$root.resizeHandler); }, 'draggable': function () { return $context.$root.dragHandler; }, 'styleunit': function () { return $context.$data.position; }, 'trackCursor': function () { return $context.$data.underCursor; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: { lineHeight: contentHeightWithoutZoom }, visible: $data.showSkeleton', function ($context, $element) { return { 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom }; }, 'visible': function () { return $context.$data.showSkeleton; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('controlDisplayName: $data, style: contentCss', function ($context, $element) { return { 'controlDisplayName': function () { return $context.$data; }, 'style': function () { return $context.$data.contentCss; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('visible: !$data.showSkeleton()', function ($context, $element) { return { 'visible': function () { return !$context.$data.showSkeleton(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: { lineHeight: contentHeightWithoutZoom }, visible: $data.visibleImage', function ($context, $element) { return { 'styleunit': function () { return { 'lineHeight': $context.$data.contentHeightWithoutZoom }; }, 'visible': function () { return $context.$data.visibleImage; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-todo-pdfsignature\', css: {\'dxrd-pdf-signature-image-fill-container\' : !$data.visibleText()}', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-todo-pdfsignature'; }, 'css': function () { return { 'dxrd-pdf-signature-image-fill-container': !$context.$data.visibleText() }; } }; });
@@ -39863,7 +39973,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.clearLocalization, 'icon': 'dxrd-svg-actions-reset', 'iconClass': 'reset-localization', 'disabled': $context.$data.isDefaultLanguage() }; }, 'attr': function () { return { 'title': $context.$root.getLocalization('Reset', 'ASPxReportsStringId.ParametersPanel_Reset') }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.defaultLanguageText()', function ($context, $element) { return { 'text': function () { return $context.$data.defaultLanguageText(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()', function ($context, $element) { return { 'text': function () { return $context.$data.currentLanguageText(); }, 'visible': function () { return !$context.$data.isDefaultLanguage(); } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText() }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.localizationItems, 'selectionMode': 'single', 'height': 'calc(100% - 59px)', 'onSelectionChanged': $context.$data.onSelectionChanged, 'focusStateEnabled': false, 'activeStateEnabled': false, 'pageLoadMode': 'scrollBottom', 'noDataText': $context.$root.dx._static.noDataText() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.localizationItems, 'selectionMode': 'single', 'height': 'calc(100% - 59px)', 'onSelectionChanged': $context.$data.onSelectionChanged, 'focusStateEnabled': false, 'activeStateEnabled': false, 'pageLoadMode': 'scrollBottom', 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxLoadPanel:{ visible: showLoadIndicator, shading: true, position: { of: getLoadPanelPosition($element) }, showIndicator: true, showPane: true, shadingColor: \'rgba(0,0,0,0.4)\'}', function ($context, $element) { return { 'dxLoadPanel': function () { return { 'visible': $context.$data.showLoadIndicator, 'shading': true, 'position': { 'of': $context.$data.getLoadPanelPosition($element) }, 'showIndicator': true, 'showPane': true, 'shadingColor': 'rgba(0,0,0,0.4)' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: !ko.unwrap($data.multiline)', function ($context, $element) { return { 'if': function () { return !$context.ko.unwrap($context.$data.multiline); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: ko.unwrap($data.multiline)', function ($context, $element) { return { 'if': function () { return $context.ko.unwrap($context.$data.multiline); } }; });
@@ -39898,6 +40008,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('i
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('visible: editorVisible, template: \'dxrd-scripts-addon\'', function ($context, $element) { return { 'visible': function () { return $context.$data.editorVisible; }, 'template': function () { return 'dxrd-scripts-addon'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('style: { display: $data.collapsed() ? \'none\' : \'block\' }', function ($context, $element) { return { 'style': function () { return { 'display': $context.$data.collapsed() ? 'none' : 'block' }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.panelTitle', function ($context, $element) { return { 'text': function () { return $context.$data.panelTitle; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('click: function() { $data.toggleCollapsed() }', function ($context, $element) { return { 'click': function () { return function () { $context.$data.toggleCollapsed(); }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxDataGrid: _dataGridOptions', function ($context, $element) { return { 'dxDataGrid': function () { return $context.$data._dataGridOptions; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dxd-state-active\': data.pressed }, dxButton: { text: data.text, onClick: data.onClick }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-active': $context.$data.data.pressed }; }, 'dxButton': function () { return { 'text': $context.$data.data.text, 'onClick': $context.$data.data.onClick }; } }; });
@@ -39964,12 +40075,12 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: popupOptions.infoMessage', function ($context, $element) { return { 'text': function () { return $context.$data.popupOptions.infoMessage; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: popupOptions.linkText, attr: {href: popupOptions.linkUrl, target: \'_blank\' }', function ($context, $element) { return { 'text': function () { return $context.$data.popupOptions.linkText; }, 'attr': function () { return { 'href': $context.$data.popupOptions.linkUrl, 'target': '_blank' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: { value: $data.reportName, height: 36, placeholder: reportNamePlaceholder(), valueChangeEvent: \'keyup\' }', function ($context, $element) { return { 'dxTextBox': function () { return { 'value': $context.$data.reportName, 'height': 36, 'placeholder': $context.$data.reportNamePlaceholder(), 'valueChangeEvent': 'keyup' }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: urls, selectedItems: [], editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportName(e.itemData.Value); }, activeStateEnabled: false, noDataText: $data.noDataText, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\') }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.urls, 'selectedItems': [], 'editEnabled': true, 'height': 200, 'editConfig': { 'selectionEnabled': true }, 'selectionMode': 'single', 'onItemClick': function (e) { this.reportName(e.itemData.Value); }, 'activeStateEnabled': false, 'noDataText': $context.$data.noDataText, 'nextButtonText': $context.$root.getLocalization('More', 'ASPxReportsStringId.List_More') }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: urls, selectedItems: [], editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportName(e.itemData.Value); }, activeStateEnabled: false, noDataText: $data.noDataText, encodeNoDataText: true, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\') }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.urls, 'selectedItems': [], 'editEnabled': true, 'height': 200, 'editConfig': { 'selectionEnabled': true }, 'selectionMode': 'single', 'onItemClick': function (e) { this.reportName(e.itemData.Value); }, 'activeStateEnabled': false, 'noDataText': $context.$data.noDataText, 'encodeNoDataText': true, 'nextButtonText': $context.$root.getLocalization('More', 'ASPxReportsStringId.List_More') }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('event: { dblclick: function(e){ $parent.onDblClick(e.Key); } }', function ($context, $element) { return { 'event': function () { return { 'dblclick': function (e) { $context.$parent.onDblClick(e.Key); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.Value', function ($context, $element) { return { 'text': function () { return $context.$data.Value; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: saveText', function ($context, $element) { return { 'text': function () { return $context.$data.saveText; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: { mode: \'search\', height: 36, value: searchValue, valueChangeEvent: \'keyup\', placeholder: searchPlaceholder(), showClearButton: true }', function ($context, $element) { return { 'dxTextBox': function () { return { 'mode': 'search', 'height': 36, 'value': $context.$data.searchValue, 'valueChangeEvent': 'keyup', 'placeholder': $context.$data.searchPlaceholder(), 'showClearButton': true }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: urls, selectedItems: [], searchExpr: [\'Value\'], searchValue: searchValue, editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportUrl(e.itemData.Key); }, activeStateEnabled: false, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\'), noDataText: $data.noDataText }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.urls, 'selectedItems': [], 'searchExpr': ['Value'], 'searchValue': $context.$data.searchValue, 'editEnabled': true, 'height': 200, 'editConfig': { 'selectionEnabled': true }, 'selectionMode': 'single', 'onItemClick': function (e) { this.reportUrl(e.itemData.Key); }, 'activeStateEnabled': false, 'nextButtonText': $context.$root.getLocalization('More', 'ASPxReportsStringId.List_More'), 'noDataText': $context.$data.noDataText }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: urls, selectedItems: [], searchExpr: [\'Value\'], searchValue: searchValue, editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportUrl(e.itemData.Key); }, activeStateEnabled: false, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\'), noDataText: $data.noDataText, encodeNoDataText: true }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.urls, 'selectedItems': [], 'searchExpr': ['Value'], 'searchValue': $context.$data.searchValue, 'editEnabled': true, 'height': 200, 'editConfig': { 'selectionEnabled': true }, 'selectionMode': 'single', 'onItemClick': function (e) { this.reportUrl(e.itemData.Key); }, 'activeStateEnabled': false, 'nextButtonText': $context.$root.getLocalization('More', 'ASPxReportsStringId.List_More'), 'noDataText': $context.$data.noDataText, 'encodeNoDataText': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: disabled', function ($context, $element) { return { 'if': function () { return $context.$data.disabled; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: popupOptions.infoMessage', function ($context, $element) { return { 'if': function () { return $context.$data.popupOptions.infoMessage; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: popupOptions.linkText', function ($context, $element) { return { 'if': function () { return $context.$data.popupOptions.linkText; } }; });
@@ -40005,12 +40116,15 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: $data.items', function ($context, $element) { return { 'foreach': function () { return $context.$data.items; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dxrd-toolbar-two-way-switch-active\', if: $data.active }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-two-way-switch-active', 'if': $context.$data.active }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dxrd-toolbar-two-way-switch-clickable\', if: !$data.active, data: $data.itemData }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-two-way-switch-clickable', 'if': !$context.$data.active, 'data': $context.$data.itemData }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopup: { showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'showTitle': true, 'wrapperAttr': { 'class': 'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general' }, 'title': $context.$data.title, 'visible': $context.$data.popupVisible, 'toolbarItems': $context.$data.buttonItems, 'showCloseButton': true, 'fullScreen': false, 'height': '645px', 'maxHeight': '95%', 'width': '862px', 'maxWidth': '95%', 'minHeight': '400px', 'minWidth': '600px', 'resizeEnabled': true, 'container': $context.$data.getPopupContainer($element), 'position': { 'of': $context.$data.getPopupContainer($element) }, 'onShowing': function (e) { $context.$data.onShowing(e); }, 'onHiding': function (e) { $context.$data.onHiding(e); }, 'onShown': function (e) { $context.$data.editor().onShown(e); } }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxclick: function() { $root.activateExpressionEditor($data); }', function ($context, $element) { return { 'dxclick': function () { return function () { $context.$root.activateExpressionEditor($context.$data); }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('cacheElement: { action: function() { $data.cacheFunction($root.activateExpressionEditor); } }, dxclick: function(_, element) { showPopup(_, element) }, attr: { title: hint }, css: editorMenuButtonCss', function ($context, $element) { return { 'cacheElement': function () { return { 'action': function () { $context.$data.cacheFunction($context.$root.activateExpressionEditor); } }; }, 'dxclick': function () { return function (_, element) { $context.$data.showPopup(_, element); }; }, 'attr': function () { return { 'title': $context.$data.hint }; }, 'css': function () { return $context.$data.editorMenuButtonCss; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPopup: { animation: { show: { type: \'fadeIn\', duration: 700 }, hide: { type: \'fadeOut\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'animation': { 'show': { 'type': 'fadeIn', 'duration': 700 }, 'hide': { 'type': 'fadeOut', 'duration': 700 } }, 'showTitle': true, 'wrapperAttr': { 'class': 'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general' }, 'title': $context.$data.title, 'visible': $context.$data.popupVisible, 'toolbarItems': $context.$data.buttonItems, 'showCloseButton': true, 'fullScreen': false, 'height': '645px', 'maxHeight': '95%', 'width': '862px', 'maxWidth': '95%', 'minHeight': '400px', 'minWidth': '600px', 'resizeEnabled': true, 'container': $context.$data.getPopupContainer($element), 'position': { 'of': $context.$data.getPopupContainer($element) }, 'onShowing': function (e) { $context.$data.onShowing(e); }, 'onHiding': function (e) { $context.$data.onHiding(e); }, 'onShown': function (e) { $context.$data.editor().onShown(e); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-selected': $context.$data.isSelected }; }, 'dxclick': function () { return function () { $context.$data.click($context.$data.content); }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: displayName, style: { fontWeight: isBinded() ? \'Bold\' : \'\'}', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'style': function () { return { 'fontWeight': $context.$data.isBinded() ? 'Bold' : '' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-properties-propertyexpression'; }, 'visible': function () { return $context.$data.isBinded(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxExpressionEditor: { options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: \'dx-expressioneditor-main\', popupVisible: $data.popupVisible, wrapper: $parent }', function ($context, $element) { return { 'dxExpressionEditor': function () { return { 'options': $context.$data.value, 'fieldListProvider': $context.$root.reportItemsProvider, 'displayNameProvider': $context.$root.expressionDisplayNameProvider && $context.$root.expressionDisplayNameProvider(), 'editorTemplateName': 'dx-expressioneditor-main', 'popupVisible': $context.$data.popupVisible, 'wrapper': $context.$parent }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: {\'dxd-state-selected\': $data.isSelected }', function ($context, $element) { return { 'css': function () { return { 'dxd-state-selected': $context.$data.isSelected }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-expressioneditor-popup\'', function ($context, $element) { return { 'template': function () { return 'dxrd-expressioneditor-popup'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: properties', function ($context, $element) { return { 'foreach': function () { return $context.$data.properties; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('with: $data.adapter', function ($context, $element) { return { 'with': function () { return $context.$data.adapter; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data.patchOptions($root.reportExplorerProvider, $root.editableObject && $root.editableObject())', function ($context, $element) { return { 'if': function () { return $context.$data.patchOptions($context.$root.reportExplorerProvider, $context.$root.editableObject && $context.$root.editableObject()); } }; });
@@ -40035,7 +40149,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxFieldListPicker: { acceptCustomValue: true, value: itemsProvider.selectedPath, displayValue: displayExpr, itemsProvider: itemsProvider, path: itemsProvider.path, disabled: disabled, treeListController: treeListController }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'value': $context.$data.itemsProvider.selectedPath, 'displayValue': $context.$data.displayExpr, 'itemsProvider': $context.$data.itemsProvider, 'path': $context.$data.itemsProvider.path, 'disabled': $context.$data.disabled, 'treeListController': $context.$data.treeListController }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: padding', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $root.getLocalization(\'Format String\', \'DevExpress.XtraReports.UI.XRBinding.FormatString\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Format String', 'DevExpress.XtraReports.UI.XRBinding.FormatString'); } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxEventDropDownEditor: { items: $root.events, value: value, editEnabled: true, disabled: disabled, secondAction: function() { $root.gotoEvent && $root.gotoEvent($data.value(), name, $parents[1]._model && $parents[1]._model()); }, placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), dropDownOptions: { container: $root.getPopupContainer($element) } }', function ($context, $element) { return { 'dxEventDropDownEditor': function () { return { 'items': $context.$root.events, 'value': $context.$data.value, 'editEnabled': true, 'disabled': $context.$data.disabled, 'secondAction': function () { $context.$root.gotoEvent && $context.$root.gotoEvent($context.$data.value(), $context.$data.name, $context.$parents[1]._model && $context.$parents[1]._model()); }, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'noDataText': $context.$root.dx._static.noDataText(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxEventDropDownEditor: { items: $root.events, value: value, editEnabled: true, disabled: disabled, secondAction: function() { $root.gotoEvent && $root.gotoEvent($data.value(), name, $parents[1]._model && $parents[1]._model()); }, placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) } }', function ($context, $element) { return { 'dxEventDropDownEditor': function () { return { 'items': $context.$root.events, 'value': $context.$data.value, 'editEnabled': true, 'disabled': $context.$data.disabled, 'secondAction': function () { $context.$root.gotoEvent && $context.$root.gotoEvent($context.$data.value(), $context.$data.name, $context.$parents[1]._model && $context.$parents[1]._model()); }, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: { \'marginLeft\' : $parents[1].padding }', function ($context, $element) { return { 'styleunit': function () { return { 'marginLeft': $context.$parents[1].padding }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $parents[1].options.info().getChildCaption(index()) + \':\'', function ($context, $element) { return { 'text': function () { return $context.$parents[1].options.info().getChildCaption($context.$data.index()) + ':'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: value().changeSortOrder, icon: value().sortOrderClass().template, iconClass: value().sortOrderClass().class, disabled: editor.disabled }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.value().changeSortOrder, 'icon': $context.$data.value().sortOrderClass().template, 'iconClass': $context.$data.value().sortOrderClass().class, 'disabled': $context.$data.editor.disabled }; } }; });
@@ -40148,7 +40262,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTemplate: { name: \'PaperSizeText\' }', function () { return { dxTemplate: { name: 'PaperSizeText' } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxScrollView: { showScrollbar: \'onHover\', height: scrollViewHeight }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'height': $context.$data.scrollViewHeight }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: fields.caption', function ($context, $element) { return { 'text': function () { return $context.$data.fields.caption; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: fields.items, selectedItems: fields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: fieldClick, noDataText: $root.dx._static.noDataText() }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.fields.items, 'selectedItems': $context.$data.fields.activeItemArray, 'height': 257, 'selectionMode': 'single', 'activeStateEnabled': false, 'onItemClick': $context.$data.fieldClick, 'noDataText': $context.$root.dx._static.noDataText() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { dataSource: fields.items, selectedItems: fields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: fieldClick, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }', function ($context, $element) { return { 'dxList': function () { return { 'dataSource': $context.$data.fields.items, 'selectedItems': $context.$data.fields.activeItemArray, 'height': 257, 'selectionMode': 'single', 'activeStateEnabled': false, 'onItemClick': $context.$data.fieldClick, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('event: { dblclick: $parent.fieldDblClick }', function ($context, $element) { return { 'event': function () { return { 'dblclick': $context.$parent.fieldDblClick }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data', function ($context, $element) { return { 'text': function () { return $context.$data; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: addNewGroup, disabled: !isCreateGroupEnabled(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\'  }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.addNewGroup, 'disabled': !$context.$data.isCreateGroupEnabled(), 'icon': 'dxrd-svg-operations-moveright', 'iconClass': 'dxrd-image-moveright' }; } }; });
@@ -40157,7 +40271,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: moveUp, disabled: !isMoveUpEnabled(), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dxrd-image-moveup\' }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.moveUp, 'disabled': !$context.$data.isMoveUpEnabled(), 'icon': 'dxrd-svg-operations-moveup', 'iconClass': 'dxrd-image-moveup' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: moveDown, disabled: !isMoveDownEnabled(), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dxrd-image-movedown\' }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data.moveDown, 'disabled': !$context.$data.isMoveDownEnabled(), 'icon': 'dxrd-svg-operations-movedown', 'iconClass': 'dxrd-image-movedown' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: groups.caption', function ($context, $element) { return { 'text': function () { return $context.$data.groups.caption; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { items: groups.items, height: 257, selectionMode: \'single\', selectedItems: groups.activeItemArray, activeStateEnabled: false, onItemClick: groupClick, noDataText: $root.dx._static.noDataText() }', function ($context, $element) { return { 'dxList': function () { return { 'items': $context.$data.groups.items, 'height': 257, 'selectionMode': 'single', 'selectedItems': $context.$data.groups.activeItemArray, 'activeStateEnabled': false, 'onItemClick': $context.$data.groupClick, 'noDataText': $context.$root.dx._static.noDataText() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { items: groups.items, height: 257, selectionMode: \'single\', selectedItems: groups.activeItemArray, activeStateEnabled: false, onItemClick: groupClick, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }', function ($context, $element) { return { 'dxList': function () { return { 'items': $context.$data.groups.items, 'height': 257, 'selectionMode': 'single', 'selectedItems': $context.$data.groups.activeItemArray, 'activeStateEnabled': false, 'onItemClick': $context.$data.groupClick, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('event: { dblclick: $parent.groupDblClick }', function ($context, $element) { return { 'event': function () { return { 'dblclick': $context.$parent.groupDblClick }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: fields().join(\', \')', function ($context, $element) { return { 'text': function () { return $context.$data.fields().join(', '); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: _groupInfos', function ($context, $element) { return { 'foreach': function () { return $context.$data._groupInfos; } }; });
@@ -40171,7 +40285,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: "dxrd-multivalue", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-multivalue', 'data': $context.$data }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: isCreateGroupEnabled()', function ($context, $element) { return { 'if': function () { return $context.$data.isCreateGroupEnabled(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: _fieldCaption', function ($context, $element) { return { 'text': function () { return $context.$data._fieldCaption; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { items: _currentFields().items, selectedItems: _currentFields().activeItemArray, height: \'100%\', selectionMode: \'single\', activeStateEnabled: false, onItemClick: _fieldClick, noDataText: $root.dx._static.noDataText() }', function ($context, $element) { return { 'dxList': function () { return { 'items': $context.$data._currentFields().items, 'selectedItems': $context.$data._currentFields().activeItemArray, 'height': '100%', 'selectionMode': 'single', 'activeStateEnabled': false, 'onItemClick': $context.$data._fieldClick, 'noDataText': $context.$root.dx._static.noDataText() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { items: _currentFields().items, selectedItems: _currentFields().activeItemArray, height: \'100%\', selectionMode: \'single\', activeStateEnabled: false, onItemClick: _fieldClick, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }', function ($context, $element) { return { 'dxList': function () { return { 'items': $context.$data._currentFields().items, 'selectedItems': $context.$data._currentFields().activeItemArray, 'height': '100%', 'selectionMode': 'single', 'activeStateEnabled': false, 'onItemClick': $context.$data._fieldClick, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('event: { dblclick: $parent._fieldDblClick }', function ($context, $element) { return { 'event': function () { return { 'dblclick': $context.$parent._fieldDblClick }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: _addNewGroup, disabled: !_isCreateGroupEnabled(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\' }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data._addNewGroup, 'disabled': !$context.$data._isCreateGroupEnabled(), 'icon': 'dxrd-svg-operations-moveright', 'iconClass': 'dxrd-image-moveright' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: _appendFieldsToGroup, disabled: !_isAppendToGroupEnabled(), icon: \'dxrd-svg-operations-add\', iconClass: \'dxrd-image-add\' }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data._appendFieldsToGroup, 'disabled': !$context.$data._isAppendToGroupEnabled(), 'icon': 'dxrd-svg-operations-add', 'iconClass': 'dxrd-image-add' }; } }; });
@@ -40179,7 +40293,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: _moveUp, disabled: !_isMoveUpEnabled(), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dxrd-image-moveup\' }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data._moveUp, 'disabled': !$context.$data._isMoveUpEnabled(), 'icon': 'dxrd-svg-operations-moveup', 'iconClass': 'dxrd-image-moveup' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxButtonWithTemplate: { onClick: _moveDown, disabled: !_isMoveDownEnabled(), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dxrd-image-movedown\' }', function ($context, $element) { return { 'dxButtonWithTemplate': function () { return { 'onClick': $context.$data._moveDown, 'disabled': !$context.$data._isMoveDownEnabled(), 'icon': 'dxrd-svg-operations-movedown', 'iconClass': 'dxrd-image-movedown' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: _groupCaption', function ($context, $element) { return { 'text': function () { return $context.$data._groupCaption; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { items: _currentGroups().items, height: \'100%\', selectionMode: \'single\', selectedItems: _currentGroups().activeItemArray, activeStateEnabled: false, onItemClick: _groupClick, noDataText: $root.dx._static.noDataText() }', function ($context, $element) { return { 'dxList': function () { return { 'items': $context.$data._currentGroups().items, 'height': '100%', 'selectionMode': 'single', 'selectedItems': $context.$data._currentGroups().activeItemArray, 'activeStateEnabled': false, 'onItemClick': $context.$data._groupClick, 'noDataText': $context.$root.dx._static.noDataText() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxList: { items: _currentGroups().items, height: \'100%\', selectionMode: \'single\', selectedItems: _currentGroups().activeItemArray, activeStateEnabled: false, onItemClick: _groupClick, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }', function ($context, $element) { return { 'dxList': function () { return { 'items': $context.$data._currentGroups().items, 'height': '100%', 'selectionMode': 'single', 'selectedItems': $context.$data._currentGroups().activeItemArray, 'activeStateEnabled': false, 'onItemClick': $context.$data._groupClick, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('event: { dblclick: $parent._groupDblClick }', function ($context, $element) { return { 'event': function () { return { 'dblclick': $context.$parent._groupDblClick }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dxrd-wizard-report-tree\', data: { items: $data._reportTree, value: $data._currentPath } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-wizard-report-tree', 'data': { 'items': $context.$data._reportTree, 'value': $context.$data._currentPath } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data._currentFields()', function ($context, $element) { return { 'if': function () { return $context.$data._currentFields(); } }; });
@@ -40305,7 +40419,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxcd-toolbar': '<div class="dxrd-toolbar-wrapper"> <div class="dxrd-toolbar" data-bind="template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.toolbarItems }"></div> </div>',
     'dx-chart-middlePart': '<!-- ko ifnot: isLoading --> <!-- ko with: surface --> <div class="dxrd-surface-wrapper" style="top: 0" data-bind="template: templateName"> </div> <!-- /ko --> <!-- /ko --> <!-- ko if: isLoading --> <div class="dxrd-surface-wrapper"> <div style="text-align: center; padding-top: 49%;"> <div data-bind="dxLoadIndicator: { visible: isLoading() }"></div> </div> </div> <!-- /ko -->',
     'dx-chart-surface': '<div class="dxrd-surface" data-bind="styleunit: { \'width\': Math.min(width(), $root.surfaceSize()) }, click: function(_, e) { e.stopPropagation(); }"> <div class="dxrd-viewport" data-bind="styleunit: { minWidth: Math.min(width() + 60, $root.surfaceSize()), maxWidth: width() + 60,  maxHeight: height() + 60 }"> <div class="dxrd-control" style="border:none; background: none;"> <div data-bind="zoom: zoom, styleunit: { \'height\': height() / zoom(), \'width\': width() / zoom() }"> <img data-bind="attr: {src: imageSrc }, styleunit: { \'height\': height() / zoom(), \'width\': width() / zoom() }" /> </div> </div> </div> </div>',
-    'dxcd-collection-lookup-header': '<div data-bind="dxSelectBox: { items: array, displayExpr: \'name\', value: selectedItem, disabled: disabled,  placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), dropDownOptions: { container: $root.getPopupContainer($element) , useItemTextAsTitle: true } }"></div>',
+    'dxcd-collection-lookup-header': '<div data-bind="dxSelectBox: { items: array, displayExpr: \'name\', value: selectedItem, disabled: disabled,  placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) , useItemTextAsTitle: true } }"></div>',
     'dxcd-collection-item': '<!-- ko if: selectedItem --> <div data-bind="dxPropertyGrid: { target: selectedItem, editorsInfo: { editors: editors }, level: 1 }"></div> <!--/ko -->',
     'dxcd-field': '<!-- ko if: visible --> <div data-bind="dxFieldListPicker: { path: path, value: value, acceptCustomValue: true, itemsProvider: $root.dataBindingsProvider(), treeListController: treeListController, disabled: disabled }"></div> <!--/ko -->',
     'dxrd-propertygridtab': '<div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: text"></span> </div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\' }"> <!-- ko template: { name: \'dx-propertieseditor\', data: model }--> <!-- /ko --> </div>',
@@ -40343,7 +40457,6 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-vertical-bands-container-vruler': '<!-- ko with: surface --> <div class="dxrd-band-marker-wrapper" data-bind="styleunit: { \'width\': markerWidth() + 20, \'top\': topOffset, \'height\': height }" style="position:absolute"> <div class="dxrd-band-vruler" data-bind="styleunit: { \'height\': height, top: $data.bandOffset }, 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="ruler: { \'zoom\': zoom, \'length\': height, \'units\': $parent.measureUnit, \'direction\': \'vertical\', flip: $root.dx[\'config\']()[\'rtlEnabled\'] }"></div> </div> <div class="dxrd-band-marker dxrd-band-marker-body" data-bind=" css: { \'dxrd-band-marker-body\' : !$data.focused(), \'dxrd-band-marker-body-focused\' : $data.focused() }, styleunit: { \'height\': height(), \'width\': markerWidth }, click: function(_, e) { $data.markerClick($root.selection); e.stopPropagation(); }, resizable: { starting: function() { $root.resizeHandler.started = true; $root.resizeHandler.starting(); }, stopped: function() { $data.stopResize(); $root.resizeHandler.stopped(); $root.resizeHandler.started = false; }, handles: \'s\', disabled: collapsed, forceResize: resize, zoom: $root.surface().zoom, minimumHeight: minHeight() }"> <div class="dxrd-band-marker-content"> <div style="width: 1px; height: 1px; 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> </div> <!-- /ko -->',
     'dxrd-vertical-bands-leftMargin-selection': '<!-- ko with: surface --> <div data-bind="styleunit: { \'height\': height, \'width\': $parent.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() }" style="position:absolute"> </div> <!-- /ko -->',
     'dxrd-vertical-bands-leftMargin': '<!-- ko with: surface --> <div data-bind="css: { \'dxrd-band-content\': !$data.collapsed(), \'dxrd-band-collapsed\': $data.collapsed() }, styleunit: { \'height\': height, top: topOffset }"> </div> <!-- /ko -->',
-    'dxrd-barcode-content': '<div style="margin:auto; width: 150px; height: 37px;" class="dxrd-image-surface-barcode"></div><div data-bind="styleunit: { \'lineHeight\': (contentSizes().height - 37) / _context.zoom() }"> <div class="dxrd-control-content" data-bind="controlDisplayName: $data, style: contentCss"></div></div>',
     'dxrd-charactercomb-content': '<!-- ko foreach: cells --><div class="dxrd-charactercomb-cell" style="position:absolute" data-bind="styleunit: { width: size.width, height: size.height, top: top, left: left }"> <div style="position:absolute"> <div data-bind="style: $parent.css, text: text, styleunit: { lineHeight: size.height(), width: size.width, height: size.height }" style="position:absolute; letter-spacing:1px;"></div> <div data-bind="style: $parent.borderCss, styleunit: { width: size.width, height: size.height }" style="position:absolute; box-sizing:border-box"></div> </div></div><!-- /ko -->',
     'dxrd-charactercomb': '<div class="dxrd-control dxd-selectable" data-bind="styleunit: position, css: adorntemplate"> <div class="dxrd-control-content-main" style="border: 1px solid silver;left:0; top: 0;" data-bind="styleunit: { lineHeight: rect().height, height: rect().height, width: rect().width }"> <div style="position:relative; overflow:hidden; margin-top:-1px; margin-left:-1px;" data-bind="zoom: _context.zoom, template: contenttemplate, styleunit: { height: rect().height / _context.zoom(), width: rect().width / _context.zoom() }"> </div> </div></div>',
     'dxrd-chart-designer-popup': '<div data-bind="dxPopup: { showTitle: true, width: \'95%\', height: \'95%\', wrapperAttr: { class: \'dxrd-chartdesigner-popup\' }, title: $root.getLocalization(\'Chart Designer\', \'ChartDesignerStringIDs.ChartDesignerWindowTitle\'), visible: visible, toolbarItems: buttons, showCloseButton: true, container: container($element), position: { of: container($element) }}"> <div class="dxrd-chartdesigner-popup-content"> <div style="width:100%; height:100%" data-bind="visible: visible, dxChartDesigner: options"></div> </div></div>',
@@ -40393,7 +40506,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dx-treelist-item-text-content-with-rename': '<div class="dx-treelist-text-wrapper"> <!-- ko if: !inRenameMode --> <!-- ko if: treeListController.searchEnabled --> <div class="dx-treelist-text dx-highlighted-search-text" data-bind="searchHighlighting: { text: text, textToSearch: treeListController.textToSearch, searchOptions: treeListController.searchOptions }, attr: { title: text }"></div> <!-- /ko  --> <!-- ko ifnot: treeListController.searchEnabled --> <div class="dx-treelist-text" data-bind="text: text, attr: { title: text }"></div> <!-- /ko  --> <!-- /ko  --> <!-- ko if: inRenameMode --> <div class="dx-treelist-rename-node" data-bind="dxTextBox: $data.createRenameEditorOptions(), dxValidator: $data.createValidatorOptions()"></div> <!-- /ko --> </div>',
     'dxrd-fieldlistwrapper': '<div class="dxrd-fieldslist-wrapper" data-bind="visible: active() && visible()" style="height: 100%; overflow:hidden"> <!-- ko with: model --> <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-fieldslist-wrapper-header" data-bind="text: $root.getLocalization(\'Field List\', \'ReportStringId.UD_Title_FieldList\')"></div> <!-- ko if: $data.allowAddDataSource --> <div id="btn-add-dataSource" data-bind="dxButtonWithTemplate: { onClick: startWizard, visible: visible(), text: addDataSourceButtonText, icon: \'dxrd-svg-operations-add\', iconClass: \'dx-image-add\' }, attr: { title: addDataSourceButtonText }"> </div> <!-- /ko --> </div> <div data-bind="treeListSearchPanel: {controllers:treeListOptions.treeListController}"></div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }"> <div class="dx-editors"> <div id="tree" data-bind="treelist: treeListOptions" style="width:100%; height: 100%;"></div> </div> </div> <!-- /ko --></div>',
     'dxrd-localization-editor-item': '<div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-value"> <!-- ko if: !ko.unwrap($data.multiline) --> <div class="dxrd-localization-panel-default" data-bind="dxTextBox: { value: defaultText, readOnly: $data.readOnly() || !$data.isDefaultLanguage() }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"></div> <div class="dxrd-localization-panel-current" data-bind="dxTextBox: { value: localizedText, readOnly: $data.readOnly(), onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, visible: !$data.isDefaultLanguage()}"></div> <!-- /ko --> <!-- ko if: ko.unwrap($data.multiline)--> <div class="dxrd-multi-area-container"> <div class="dxrd-localization-panel-default" data-bind="dxTextArea: { value: defaultText, readOnly: $data.readOnly() || !$data.isDefaultLanguage(), autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }, css: { \'dxrd-localization-panel-textbox-full\': $data.isDefaultLanguage() }"> </div> <!-- ko if: !$data.isDefaultLanguage() --> <div class="dxrd-localization-panel-current" data-bind="dxTextArea: { value: localizedText, readOnly: $data.readOnly(), onFocusIn: function(e, s) { $parent.onItemGotFocus(e) }, autoResizeEnabled: true, minHeight: \'26px\', maxHeight: \'58px\' }"> </div> <!-- /ko --> </div> <!-- /ko --> </div> </div> </div>',
-    'dxrd-localization-editor': '<!-- ko if: $data && $data.isVisible() --> <div class="dxrd-localization-editor dx-editors" data-bind="css: { \'dx-rtl\': $root.rtl, \'dx-ltr\': !$root.rtl }, styleunit: { width: width }"> <div class="dxrd-left-localization-panel dx-editors dxd-text-primary dxd-back-primary" data-bind="resizable: getResizableOptions($element, 0, 500, $root.rtl ? \'Left\': \'Right\', \'Right\', width)"> <div class="dxrd-localization-panel-header dxd-back-primary2 dxd-border-secondary"> <div class="dxrd-localization-panel-title" data-bind="text: $root.getLocalization(\'Localization\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditor_Title\')"></div> <div class="dx-fieldset"> <div class="dx-field"> <div class="dxrd-localization-language" data-bind="css: { \'dx-property-grid-search-uncollapsed \': isSearching() }"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Language\', \'DevExpress.XtraReports.UI.XtraReport.XRLanguage\')"></div> <div class="dx-field-value" data-bind="css: { \'dx-field-value-shortened\': getRegisteredService() }"> <!-- ko template: { name: \'dxrd-localization-combobox\', data: { getValues: function() { return $data.availableCultures; }, value: language, disabled: false } } --> <!-- /ko --> </div> <!-- ko if: getRegisteredService() --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: function() { $data.applyLocalization($data.getRegisteredService()) }, disabled: isDefaultLanguage(), icon: \'dxrd-svg-actions-apply_localization_service\', iconClass: \'apply-localization-service\' }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }"></div> <!-- /ko --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }"></div> </div> <!-- ko template: \'dx-propertygrid-searchbox\'--> <!-- /ko --> </div> </div> </div> <div class="dxrd-localization-panel-content"> <div class="dxrd-localization-panel-content-header"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-value"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.defaultLanguageText()"></div> <div class="dxrd-localization-language dxrd-localization-panel-current dxd-text-secondary" data-bind="text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()"></div> </div> </div> </div> </div> <div data-bind="dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText() }"> <!-- ko lazy: { template: \'dxrd-localization-editor-item\' } --> <!-- /ko --> </div> </div> <div data-bind="dxLoadPanel:{ visible: showLoadIndicator, shading: true, position: { of: getLoadPanelPosition($element) }, showIndicator: true, showPane: true, shadingColor: \'rgba(0,0,0,0.4)\'}"></div> </div> </div> <!-- /ko -->',
+    'dxrd-localization-editor': '<!-- ko if: $data && $data.isVisible() --> <div class="dxrd-localization-editor dx-editors" data-bind="css: { \'dx-rtl\': $root.rtl, \'dx-ltr\': !$root.rtl }, styleunit: { width: width }"> <div class="dxrd-left-localization-panel dx-editors dxd-text-primary dxd-back-primary" data-bind="resizable: getResizableOptions($element, 0, 500, $root.rtl ? \'Left\': \'Right\', \'Right\', width)"> <div class="dxrd-localization-panel-header dxd-back-primary2 dxd-border-secondary"> <div class="dxrd-localization-panel-title" data-bind="text: $root.getLocalization(\'Localization\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditor_Title\')"></div> <div class="dx-fieldset"> <div class="dx-field"> <div class="dxrd-localization-language" data-bind="css: { \'dx-property-grid-search-uncollapsed \': isSearching() }"> <div class="dx-field-label dxd-text-primary" data-bind="text: $root.getLocalization(\'Language\', \'DevExpress.XtraReports.UI.XtraReport.XRLanguage\')"></div> <div class="dx-field-value" data-bind="css: { \'dx-field-value-shortened\': getRegisteredService() }"> <!-- ko template: { name: \'dxrd-localization-combobox\', data: { getValues: function() { return $data.availableCultures; }, value: language, disabled: false } } --> <!-- /ko --> </div> <!-- ko if: getRegisteredService() --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: function() { $data.applyLocalization($data.getRegisteredService()) }, disabled: isDefaultLanguage(), icon: \'dxrd-svg-actions-apply_localization_service\', iconClass: \'apply-localization-service\' }, attr: { title: $root.getLocalization(\'Translate\', \'ASPxReportsStringId.ReportDesigner_LocalizationEditorTranslate\') }"></div> <!-- /ko --> <div class="dxrd-localization-panel-button dxd-button-back-color dxd-state-normal dxd-back-highlighted dxd-back-primary2 dx-button-has-text" data-bind="dxButtonWithTemplate: { onClick: clearLocalization, icon: \'dxrd-svg-actions-reset\', iconClass: \'reset-localization\', disabled: isDefaultLanguage() }, attr: { title: $root.getLocalization(\'Reset\', \'ASPxReportsStringId.ParametersPanel_Reset\') }"></div> </div> <!-- ko template: \'dx-propertygrid-searchbox\'--> <!-- /ko --> </div> </div> </div> <div class="dxrd-localization-panel-content"> <div class="dxrd-localization-panel-content-header"> <div class="dx-fieldset"> <div class="dx-field"> <div class="dx-field-value"> <div class="dxrd-localization-language dxrd-localization-panel-default dxd-text-secondary" data-bind="text: $data.defaultLanguageText()"></div> <div class="dxrd-localization-language dxrd-localization-panel-current dxd-text-secondary" data-bind="text: $data.currentLanguageText(), visible: !$data.isDefaultLanguage()"></div> </div> </div> </div> </div> <div data-bind="dxList: { dataSource: localizationItems, selectionMode: \'single\', height: \'calc(100% - 59px)\', onSelectionChanged: onSelectionChanged, focusStateEnabled: false, activeStateEnabled: false, pageLoadMode: \'scrollBottom\', noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <!-- ko lazy: { template: \'dxrd-localization-editor-item\' } --> <!-- /ko --> </div> </div> <div data-bind="dxLoadPanel:{ visible: showLoadIndicator, shading: true, position: { of: getLoadPanelPosition($element) }, showIndicator: true, showPane: true, shadingColor: \'rgba(0,0,0,0.4)\'}"></div> </div> </div> <!-- /ko -->',
     'dxrd-reportexplorerwrapper': '<div class="dxrd-fieldslist-wrapper" data-bind="visible: active() && visible()" style="height: 100%; overflow:hidden"> <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-fieldslist-wrapper-header" data-bind="text: $root.getLocalization(\'Report Explorer\', \'ReportStringId.UD_Title_ReportExplorer\')"></div> </div> <!-- ko with: model--> <div data-bind="treeListSearchPanel: {controllers:treeListController}"></div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', scrollByContent: false, bounceEnabled: false, useNative: false, scrollByThumb: true }, dxAutoScrolling: { active: $root.dx._static.DragDropHandler.started }"> <div id="tree" data-bind="treelist: { selectedPath: itemsProvider.selectedPath, itemsProvider: itemsProvider, treeListController: treeListController }" style="width:100%; height: 100%;"></div> </div> <!-- /ko --> </div>',
     'dxrd-ruler': '<svg data-bind="attr: { \'width\': width() + \'px\', \'height\': height() + \'px\' }"> <rect width="100%" height="100%" stroke-width="1px" stroke="gray" class="ruler"></rect> <!-- ko if: disable --> <rect data-bind="attr: { x: disable.start, width: disable.width }" height="100%" fill="grey" fill-opacity="0.5"></rect> <!-- /ko --> <!-- ko foreach: gridLines --> <line y1="80%" y2="100%" class="ruler-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }"></line> <!-- /ko --> <!-- ko foreach: majorGridLines --> <line y1="70%" y2="100%" class="ruler-graduation" data-bind="attr: { x1: coordVal, x2: coordVal }"></line> <!-- /ko --> <g transform="translate(-3, 0)"> <!-- ko foreach: majorGridLines --> <text class="ruler-mark" data-bind="text: text, attr: {x: coordVal, y: 12 }"></text> <!-- /ko --> </g> <!--<text class="ruler-mark" transform="translate(4, 14)">0</text>--></svg>',
     'dxrd-rulervertical': '<svg data-bind="attr: { \'width\': width() + \'px\', \'height\': height() + \'px\' }"> <rect width="100%" height="100%" stroke-width="1px" stroke="gray" class="ruler"></rect> <!-- ko foreach: gridLines --> <line class="ruler-graduation" data-bind="attr: { x1: $parent.defaultGridLinesCoordinate().x1, x2: $parent.defaultGridLinesCoordinate().x2, y1: coordVal, y2: coordVal }"></line> <!-- /ko --> <!-- ko foreach: majorGridLines --> <line class="ruler-graduation" data-bind="attr: {x1: $parent.defaultGridLinesCoordinate().majorX1, x2: $parent.defaultGridLinesCoordinate().majorX2, y1: coordVal, y2: coordVal }"></line> <!-- /ko --> <g transform="translate(0, 3)"> <!-- ko foreach: majorGridLines --> <text class="ruler-mark" data-bind="text: text, attr: {x: $parent.defaultGridLinesCoordinate().x, y: coordVal }"></text> <!-- /ko --> </g> <!--<text class="ruler-mark" transform="translate(4, 14)">0</text>--></svg>',
@@ -40402,7 +40515,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-scripting-controlchooser': '<div class="dxrd-toolbar-item dxrd-toolbar-selectbox"> <div data-bind="dxSelectBox: { dataSource: controls, value: control, displayExpr: displayExpr, placeholder: $root.getLocalization(\'Select control...\', \'ASPxReportsStringId.ReportDesigner_ScriptEditor_Toolbar_SelectControl\'), width: \'300px\', dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
     'dxrd-scripting-eventchooser': '<div class="dxrd-toolbar-item dxrd-toolbar-selectbox"> <div data-bind="dxSelectBox: { items: events, value: event, placeholder: $root.getLocalization(\'Select event...\', \'ASPxReportsStringId.ReportDesigner_ScriptEditor_Toolbar_SelectEvent\'), width: \'200px\', dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
     'dxrd-scripts': '<div class="dxrd-scripts" data-bind="visible: editorVisible, template: \'dxrd-scripts-addon\'"></div>',
-    'dxrd-error-panel': '<div class="dxrd-error-panel dxd-text-primary dxd-back-primary2" data-bind="style: _position, css: { \'collapsed\': collapsed }, resizable: _resizableOptions"> <div style="width: 100%; height: 100%" data-bind="style: { display: $data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-header dxd-border-primary dxd-back-primary2"> <div class="dxrd-error-panel-header-title">Report Design Analyzer</div> <div class="dxrd-error-panel-header-collapse dx-accordion-item-title"  data-bind="click: function() { $data.toggleCollapsed() }"></div> </div> <div class="dxrd-error-panel-content"> <div class="dxrd-error-grid" data-bind="dxDataGrid: _dataGridOptions"> <div data-options="dxTemplate: { name: \'dx-type-button\'}"> <div class="dxd-back-highlighted" data-bind="css: { \'dxd-state-active\': data.pressed }, dxButton: { text: data.text, onClick: data.onClick }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-errorType-column\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parent.getIconTemplateName($data.value) }, attr: { title: $data.value }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-code-column\' }"> <!-- ko if: $data.data.showLink--> <a class="dx-link" target="_blank" rel="noreferer noopener" data-bind="text: $data.data.code, attr: { href: $data.data.link }"></a> <!-- /ko --> <!-- ko if: !$data.data.showLink--> <div data-bind="text: $data.value"></div> <!-- /ko --> </div> <div data-options="dxTemplate:{ name:\'dxrd-source-column\' }"> <a class="dx-link" href="javascript:void(0)" data-bind="text: value, click: function() { $parent.navigateToItem($data.value); }"></a> </div> <div data-options="dxTemplate: { name: \'detail\' }"> <div class="dxrd-error-panel-description" data-bind="text: data.description"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-source-filter\' }"> <div data-bind="dxTagBox: { maxDisplayedTags: 0, showSelectionControls: true, valueExpr: \'value\', displayExpr: \'displayValue\', value: data.value, dataSource: data.dataSource, useItemTextAsTitle: true, dropDownOptions: { container: data.getContainer($element), minWidth: 200 }, }"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter\' }"> <div data-bind="dxButtonGroup: $data.data"> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter-item\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parents[1].getIconTemplateName(icon) } "> </div> <div class="dxrd-errorType-text" data-bind="text: $data.text()"></div> </div> </div> </div> </div> </div></div><div data-bind="style: { display: !$data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-notification" data-bind="click: function() { $data.toggleCollapsed() }, template: { name: $data.getNotificationTemplate() }, attr: { title: $data.getTitleMessage() }"></div></div></div>',
+    'dxrd-error-panel': '<div class="dxrd-error-panel dxd-text-primary dxd-back-primary2" data-bind="style: _position, css: { \'collapsed\': collapsed }, resizable: _resizableOptions"> <div style="width: 100%; height: 100%" data-bind="style: { display: $data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-header dxd-border-primary dxd-back-primary2"> <div class="dxrd-error-panel-header-title" data-bind="text: $data.panelTitle"></div> <div class="dxrd-error-panel-header-collapse dx-accordion-item-title"  data-bind="click: function() { $data.toggleCollapsed() }"></div> </div> <div class="dxrd-error-panel-content"> <div class="dxrd-error-grid" data-bind="dxDataGrid: _dataGridOptions"> <div data-options="dxTemplate: { name: \'dx-type-button\'}"> <div class="dxd-back-highlighted" data-bind="css: { \'dxd-state-active\': data.pressed }, dxButton: { text: data.text, onClick: data.onClick }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-errorType-column\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parent.getIconTemplateName($data.value) }, attr: { title: $data.value }"> </div> </div> <div data-options="dxTemplate: { name:\'dxrd-code-column\' }"> <!-- ko if: $data.data.showLink--> <a class="dx-link" target="_blank" rel="noreferer noopener" data-bind="text: $data.data.code, attr: { href: $data.data.link }"></a> <!-- /ko --> <!-- ko if: !$data.data.showLink--> <div data-bind="text: $data.value"></div> <!-- /ko --> </div> <div data-options="dxTemplate:{ name:\'dxrd-source-column\' }"> <a class="dx-link" href="javascript:void(0)" data-bind="text: value, click: function() { $parent.navigateToItem($data.value); }"></a> </div> <div data-options="dxTemplate: { name: \'detail\' }"> <div class="dxrd-error-panel-description" data-bind="text: data.description"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-source-filter\' }"> <div data-bind="dxTagBox: { maxDisplayedTags: 0, showSelectionControls: true, valueExpr: \'value\', displayExpr: \'displayValue\', value: data.value, dataSource: data.dataSource, useItemTextAsTitle: true, dropDownOptions: { container: data.getContainer($element), minWidth: 200 }, }"></div> </div> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter\' }"> <div data-bind="dxButtonGroup: $data.data"> <div data-options="dxTemplate: { name: \'dxrd-error-type-filter-item\' }"> <div class="dxrd-errorType-column" data-bind="template: { name: $parents[1].getIconTemplateName(icon) } "> </div> <div class="dxrd-errorType-text" data-bind="text: $data.text()"></div> </div> </div> </div> </div> </div></div><div data-bind="style: { display: !$data.collapsed() ? \'none\' : \'block\' }"> <div class="dxrd-error-panel-notification" data-bind="click: function() { $data.toggleCollapsed() }, template: { name: $data.getNotificationTemplate() }, attr: { title: $data.getTitleMessage() }"></div></div></div>',
     'dxrd-navigation-panel-template': '<!-- ko ifnot: $root.isLoading() && tabs().length === 1--> <!-- ko if: allowMDI --> <!-- ko if: tabs().length > 0 --> <!-- ko template: \'dxrd-navigation-panel-template-content\' --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: allowMDI --> <!-- ko if: tabs().length > 1 --> <!-- ko template: \'dxrd-navigation-panel-template-content\' --> <!-- /ko --> <!-- /ko --> <!-- /ko --> <!-- /ko -->',
     'dxrd-navigation-panel-template-content': '<div class="dxrd-navigation-panel-wrapper" data-bind="style: { width: $root.surfaceSize() ? $root.surfaceSize() + \'px\' : \'auto\' }"> <div data-bind="dxTabs: { dataSource: tabs, selectedIndex: selectedIndex, showNavButtons: false }"> <div data-options="dxTemplate: { name: \'item\' }"> <!-- ko if: icon --> <div class="dx-icon" data-bind="css: icon, event: { mousedown: function(e) { $parent.removeTab(e); } }"></div> <!-- /ko --> <div class="dx-tab-title-wrapper"> <div class="dx-tab-title" data-bind="text: isDirty() ? displayName() + \'*\' : displayName(), title: displayName, style: { \'font-weight\': isDirty() ? \'bold\' : \'normal\' }"></div> </div> </div> </div> </div>',
     'dxrd-parameters-dialog': '<div data-bind="css: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss, dxPopup: { wrapperAttr: { class: \'dxrd-reportdialog dxrd-parameters-dialog dx-editors dx-widget \' + popupCss }, showTitle: true, width: width, height: height, title: $root.getLocalization(title), visible: visible, toolbarItems: buttons, showCloseButton: true, container: container($element), position: { of: container($element) }}"> <div class="dxrd-parameters-popup-content"> <!-- ko template: contentTemplate --> <!-- /ko --> </div> </div>',
@@ -40416,9 +40529,9 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-lookUpValues-editing': '<div class="dxrd-editor dxrd-parameter-group-editor dxrd-parameters-group-offset" data-bind="visible: visible"> <div class="dxrd-lookup-values-collectioneditor" data-bind="dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, level: level, displayName: $root.getLocalization(displayName), info: info, collapsed: false, showScroll: true, alwaysShow: true }"> <div data-bind="dxPropertyGrid: { target: $data.value, level: editor.level }"></div> </div> </div>',
     'dxrd-report-dialog-template': '<div data-bind="dxPopup: { showTitle: true, width: width, height: height, title: $root.getLocalization(title), visible: visible, disabled: disabled, toolbarItems: buttons, showCloseButton: true, container: container($element), wrapperAttr: { class: \'dxrd-reportdialog dx-editors dx-widget\' }, position: { of: container($element) }}"> <!-- ko template: { name: template, data: model } --> <!-- /ko --> <!-- ko if: disabled --> <div data-bind="dxLoadPanel: { visible:true, container: container($element), position: { of: container($element) } }"></div> <!-- /ko --> </div>',
     'dxrd-report-dialog-converter-template': '<div data-bind="dxPopup: { showTitle: true, minWidth: 530, height: popupOptions.height, width: \'auto\', title: popupOptions.title, visible: popupOptions.visible, toolbarItems: popupOptions.buttons, showCloseButton: true, wrapperAttr: { class: \'dxrd-reportdialog dxrd-reportdialog-converter dx-editors dx-widget\' }, container: popupOptions.container($element), position: { of: popupOptions.container($element) }}"> <div class="dxrd-reportdialog-converter-content"> <div class="dxrd-image-exlamation-icons" data-bind="template: \'dxrd-svg-wizard-warning\'"></div> <div class="dxrd-reportdialog-content-text"> <div class="dxrd-reportdialog-content-confirm-message" data-bind="text: popupOptions.confirmMessage"></div> <!-- ko if: popupOptions.infoMessage --> <div class="dxrd-reportdialog-content-info-message" data-bind="text: popupOptions.infoMessage"></div> <!-- /ko --> <!-- ko if: popupOptions.linkText --> <a class="dxrd-reportdialog-toggle-link dxd-hyperlink-color dxd-text-accented" data-bind="text: popupOptions.linkText, attr: {href: popupOptions.linkUrl, target: \'_blank\' }"></a> <!-- /ko --> </div> </div> </div>',
-    'dxrd-savereport-dialog-content': '<div class="dxrd-reportdialog-content"> <div class="dx-fieldset"> <div class="dx-field dxd-back-primary"> <div data-bind="dxTextBox: { value: $data.reportName, height: 36, placeholder: reportNamePlaceholder(), valueChangeEvent: \'keyup\' }"></div> </div> </div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-reportdialog-urls" data-bind="dxList: { dataSource: urls, selectedItems: [], editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportName(e.itemData.Value); }, activeStateEnabled: false, noDataText: $data.noDataText, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\') }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: function(e){ $parent.onDblClick(e.Key); } }"> <div data-bind="text: $data.Value"></div> </div> </div> </div> </div>',
+    'dxrd-savereport-dialog-content': '<div class="dxrd-reportdialog-content"> <div class="dx-fieldset"> <div class="dx-field dxd-back-primary"> <div data-bind="dxTextBox: { value: $data.reportName, height: 36, placeholder: reportNamePlaceholder(), valueChangeEvent: \'keyup\' }"></div> </div> </div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-reportdialog-urls" data-bind="dxList: { dataSource: urls, selectedItems: [], editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportName(e.itemData.Value); }, activeStateEnabled: false, noDataText: $data.noDataText, encodeNoDataText: true, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\') }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: function(e){ $parent.onDblClick(e.Key); } }"> <div data-bind="text: $data.Value"></div> </div> </div> </div> </div>',
     'dxrd-savereport-dialog-content-light': '<div class="dxrd-reportdialog-easy-content" data-bind="text: saveText"></div>',
-    'dxrd-openreport-dialog-content': '<div class="dxrd-reportdialog-content"> <div class="dx-fieldset"> <div class="dx-field dxd-back-primary"> <div class="dx-property-grid-search-box" data-bind="dxTextBox: { mode: \'search\', height: 36, value: searchValue, valueChangeEvent: \'keyup\', placeholder: searchPlaceholder(), showClearButton: true }"></div> </div> </div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-reportdialog-urls" data-bind="dxList: { dataSource: urls, selectedItems: [], searchExpr: [\'Value\'], searchValue: searchValue, editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportUrl(e.itemData.Key); }, activeStateEnabled: false, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\'), noDataText: $data.noDataText }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: function(e){ $parent.onDblClick(e.Key); } }"> <div data-bind="text: $data.Value"></div> </div> </div> </div> </div>',
+    'dxrd-openreport-dialog-content': '<div class="dxrd-reportdialog-content"> <div class="dx-fieldset"> <div class="dx-field dxd-back-primary"> <div class="dx-property-grid-search-box" data-bind="dxTextBox: { mode: \'search\', height: 36, value: searchValue, valueChangeEvent: \'keyup\', placeholder: searchPlaceholder(), showClearButton: true }"></div> </div> </div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-reportdialog-urls" data-bind="dxList: { dataSource: urls, selectedItems: [], searchExpr: [\'Value\'], searchValue: searchValue, editEnabled: true, height: 200, editConfig: { selectionEnabled: true }, selectionMode: \'single\', onItemClick: function(e) { this.reportUrl(e.itemData.Key); }, activeStateEnabled: false, nextButtonText: $root.getLocalization(\'More\', \'ASPxReportsStringId.List_More\'), noDataText: $data.noDataText, encodeNoDataText: true }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: function(e){ $parent.onDblClick(e.Key); } }"> <div data-bind="text: $data.Value"></div> </div> </div> </div> </div>',
     'dxrd-menubutton-template': '<div class="dxrd-menubutton-part" tabindex="1" style="outline:inherit" data-bind="cacheElement: { action: function(element){ $data.setMenuElement(element) } }"> <div class="dxrd-menu-container dxrd-menu-fullscreen-nav" data-bind="css: { \'dxrd-menu-fullscreen-nav-collapsed\': isMenuCollapsed()}"> <div class="dx-overlay-wrapper dxd-menu-back-color dxd-back-contrast" style="z-index:1002" data-bind="styleunit: { width: $data.isMenuCollapsed() ? 50 : 300 }, visible: appMenuVisible"> <div class="dx-overlay-content"> <div class="dxrd-report-menu-title dxd-border-primary"> <!-- ko if: !isMenuCollapsed()--> <div class="dxrd-report-menu-button dxrd-report-menu-close-button" data-bind="template: \'dxrd-svg-toolbar-delete\', dxclick: function(e) { toggleAppMenu() }, dxpointerenter: function(_, e) {  e.target.classList &&  e.target.classList.add(\'dxd-state-active\') }, dxpointerleave: function(_, e) {  e.target.classList &&  e.target.classList.remove(\'dxd-state-active\') }"></div> <div class="dxrd-report-menu-title-text dxd-text-primary" data-bind="text: $root.getLocalization(\'Menu\', \'ASPxReportsStringId.ReportDesigner_Menu_Text\')"></div> <!-- /ko --> <!-- ko if: isMenuCollapsed--> <div class="dxrd-report-menu-button dxd-back-highlighted dxrd-report-menu-back-button" data-bind="template: \'dxrd-svg-menu-back\', dxclick: function(e) { isMenuCollapsed(false); }"></div> <!-- /ko --> </div> <!-- ko foreach: actionLists.menuItems --> <div class="dxrd-menu-item dxd-text-primary dxd-list-item-back-color dxd-icon-highlighted" data-bind="dxclick: function(e) { if(disabled && !disabled() || !disabled) { $root.toggleAppMenu(); clickAction($root.model(), e); }}, css: { \'dxrd-disabled-button\': disabled, \'dxd-state-active\': $data.selected }, visible: visible"> <div class="dxrd-menu-item-image" data-bind="css: ko.unwrap($data.imageClassName), template: {name: ko.unwrap($data.imageTemplateName), if: !!ko.unwrap($data.imageTemplateName)}, attr: { title: $data.displayText && $data.displayText() || text }"> </div> <!-- ko if: !$root.isMenuCollapsed() --> <div class="dxrd-menu-item-text" data-bind="text: $data.displayText && $data.displayText() || text, attr: { title: $data.displayText && $data.displayText() || text}"></div> <div class="dxrd-menu-item-separator" data-bind="visible: $data.hasSeparator"></div> <!-- /ko --> </div> <!-- /ko --> </div> </div> </div> <div class="dxrd-menu-button dxd-toolbox-back-color dxd-border-primary dxd-back-secondary-invariant"> <div class="dxrd-menu-button-image dxd-button-back-color dxd-state-normal dxd-back-highlighted" data-bind="dxclick: function(e) { if(stopPropagation) { stopPropagation = false; } else { toggleAppMenu() } }, template: \'dxrd-svg-menu-menu\', css: {\'dxd-state-active\': appMenuVisible }"></div> <div class="dxrd-menu-place" style="width:54px;"></div> </div> </div>',
     'dxrd-smart-tags': '<div class="dxrd-control-smart-tags" data-bind="styleunit: { \'left\': $data.position.x, \'top\': $data.position.y }, style: $root.rtl ? { \'margin-right\': margin } : { \'margin-left\': margin }, visible: visible"> <!-- ko foreach: $data.smartTags --> <div class="dxrd-control-smart-tag dxd-icon-accented" data-bind="dxButtonWithTemplate: { icon: $data.imageTemplateName, iconClass: $data.imageTemplateName }, event: { dblclick: function(_, event){ event.stopPropagation(); } }, click: function(_, event){ $data.onClick(); event.stopPropagation(); }"> </div> <!--ko if: $data.templateName --> <!--ko template: $data.templateName --> <!--/ko--> <!--/ko--> <!-- /ko --> </div>',
     'dxrd-smart-tag-exressions': '<!--ko with: $data.expressionEditor --> <!--ko template: { name: \'dxrd-expressioneditor-popup\' } --> <!--/ko--> <!--/ko-->',
@@ -40427,7 +40540,10 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-toolbar-two-way-switch': '<div class="dxrd-toolbar-item dxrd-toolbar-two-way-switch dxd-back-contrast" data-bind="visible: $parent.visible"> <!-- ko foreach: $data.items --> <!-- ko template: { name: \'dxrd-toolbar-two-way-switch-active\', if: $data.active } --> <!-- /ko --> <!-- ko template: { name: \'dxrd-toolbar-two-way-switch-clickable\', if: !$data.active, data: $data.itemData } --> <!-- /ko --> <!-- /ko --> </div>',
     'dxrd-toolbar-two-way-switch-active': '<div class="dxd-text-primary dxd-back-highlighted dxd-state-active dxd-state-no-hover" data-bind="text: $data.getDisplayText()"></div>',
     'dxrd-toolbar-two-way-switch-clickable': '<div role="button" class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" data-bind="attr: { \'aria-label\': $data.displayText && $data.displayText() || $data.text, \'aria-hidden\': ko.unwrap($data.visible) ? \'false\' : \'true\', \'aria-disabled\': ko.unwrap($data.disabled) ? \'true\' : \'false\', \'aria-checked\': $data.selected ? ($data.selected() ? \'true\' : \'false\') : null }" > <div data-bind="text: $data.displayText && $data.displayText() || $data.text, attr: { title: $data.displayText && $data.displayText() || $data.text, class: \'dxd-text-primary dxd-back-highlighted \' + (ko.unwrap($data.imageClassName) || \'\') }, dxclick: function() { if((typeof $data.disabled === \'function\') && !$data.disabled() || !$data.disabled) { $data.clickAction($root.model && $root.model()); } }, css: {\'dxrd-disabled-button\': $data.disabled }"></div> </div>',
-    'dxrd-expressioneditor-popup': '<div data-bind="dxPopup: { showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }"> <div class="dxrd-expressioneditor-popup-content"> <div class="dxrd-expressioneditor-properties dx-expressioneditor-properties dxd-back-primary2" data-bind="resizable: resizeHelper.resizable($root.resizeHandler, \'e\')"> <div class="dxrd-expressioneditor-properties-content-wrapper dxd-border-secondary " data-bind="dxScrollView: { showScrollbar: \'onHover\' }"> <!-- ko foreach: properties --> <!-- ko if: $data.templateName --> <!-- ko template: $data.templateName--> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.templateName --> <div class="dxrd-expressioneditor-property dxd-text-primary dxd-list-item-back-color dxd-back-highlighted" data-bind="css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }" style="padding-left: 17px"> <div class="dxrd-expressioneditor-property-text" data-bind="text: displayName, style: { fontWeight: isBinded() ? \'Bold\' : \'\'}"></div> <div class="dxrd-expression-image dxd-icon-accented" data-bind="template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()"></div> </div> <!-- /ko --> <!-- /ko --> </div> </div> <!-- ko with: $data.adapter --> <!-- ko if: $data.patchOptions($root.reportExplorerProvider, $root.editableObject && $root.editableObject()) --> <div data-bind="dxExpressionEditor: { options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: \'dx-expressioneditor-main\', popupVisible: $data.popupVisible, wrapper: $parent }"></div> <!-- /ko --> <!-- /ko --> </div> </div>',
+    'dxrd-expression-action': '<div data-bind="dxclick: function() { $root.activateExpressionEditor($data); }"> <span class="dxd-text-primary dx-menu-item-text" data-bind="attr: { title: title }, text: title"></span> <div class="dx-menu-item-popout-container" data-bind="visible: $data.items && $data.items.length"> <div class="dx-menu-item-popout"></div> </div> </div>',
+    'dxrd-expression-editor-addon': '<div class="dxrd-editormenu-box dxd-property-grid-menu-box-color dxrd-editor-box-image" data-bind="cacheElement: { action: function() { $data.cacheFunction($root.activateExpressionEditor); } }, dxclick: function(_, element) { showPopup(_, element) }, attr: { title: hint }, css: editorMenuButtonCss"> <div class="dxrd-editor-box-image-content" data-bind="template: { name: $data.imageTemplateName, if: ko.unwrap($data.imageTemplateName) }"></div> </div>',
+    'dxrd-activated-expressioneditor': '<!-- ko if: !!$data --> <!-- ko template: \'dxrd-expressioneditor-popup\' --> <!-- /ko --> <!-- /ko -->',
+    'dxrd-expressioneditor-popup': '<div data-bind="dxPopup: { animation: { show: { type: \'fadeIn\', duration: 700 }, hide: { type: \'fadeOut\', duration: 700 } }, showTitle: true, wrapperAttr: { class: \'dx-expressioneditor dxrd-expressioneditor-complex dx-popup-general\' }, title: title, visible: popupVisible, toolbarItems: buttonItems, showCloseButton: true, fullScreen: false, height: \'645px\', maxHeight: \'95%\', width: \'862px\', maxWidth: \'95%\', minHeight: \'400px\', minWidth: \'600px\', resizeEnabled: true, container: getPopupContainer($element), position: { of: getPopupContainer($element)}, onShowing: function(e) { onShowing(e); }, onHiding: function(e) { onHiding(e); }, onShown: function(e) { editor().onShown(e) } }"> <div class="dxrd-expressioneditor-popup-content"> <div class="dxrd-expressioneditor-properties dx-expressioneditor-properties dxd-back-primary2" data-bind="resizable: resizeHelper.resizable($root.resizeHandler, \'e\')"> <div class="dxrd-expressioneditor-properties-content-wrapper dxd-border-secondary " data-bind="dxScrollView: { showScrollbar: \'onHover\' }"> <!-- ko foreach: properties --> <!-- ko if: $data.templateName --> <!-- ko template: $data.templateName--> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.templateName --> <div class="dxrd-expressioneditor-property dxd-text-primary dxd-list-item-back-color dxd-back-highlighted" data-bind="css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }" style="padding-left: 17px"> <div class="dxrd-expressioneditor-property-text" data-bind="text: displayName, style: { fontWeight: isBinded() ? \'Bold\' : \'\'}"></div> <div class="dxrd-expression-image dxd-icon-accented" data-bind="template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()"></div> </div> <!-- /ko --> <!-- /ko --> </div> </div> <!-- ko with: $data.adapter --> <!-- ko if: $data.patchOptions($root.reportExplorerProvider, $root.editableObject && $root.editableObject()) --> <div data-bind="dxExpressionEditor: { options: value, fieldListProvider: $root.reportItemsProvider, displayNameProvider: $root.expressionDisplayNameProvider && $root.expressionDisplayNameProvider(), editorTemplateName: \'dx-expressioneditor-main\', popupVisible: $data.popupVisible, wrapper: $parent }"></div> <!-- /ko --> <!-- /ko --> </div> </div>',
     'dx-expressioneditor-report-items': '<!-- ko template: { name: \'dx-expressioneditor-fields\', data: $data } --> <!-- /ko -->',
     'dxrd-expressioneditor-property-accordion': '<div class="dx-fieldset" style="margin: 0;"> <div data-bind="dxdAccordion: { collapsed: collapsed }"> <div class="dx-accordion-header dx-expressioneditor-property-accordion-header dxd-list-item-back-color dxd-back-highlighted" data-bind="css: {\'dxd-state-selected\': $data.isSelected }"> <div class=" dx-collapsing-image" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed() }" style="display:inline-block;"></div> <span class="dxrd-expressioneditor-property-header" data-bind="text: displayName, style: { fontWeight: isBinded() ? \'Bold\' : \'\'}"></span> </div> <div class="dx-accordion-content"> <!-- ko foreach: items--> <!-- ko if: $data.templateName --> <!-- ko template: $data.templateName--> <!-- /ko --> <!-- /ko --> <!-- ko ifnot: $data.templateName --> <div class="dxrd-expressioneditor-property dxd-text-primary dxd-list-item-back-color dxd-back-highlighted" data-bind="css: {\'dxd-state-selected\': isSelected }, dxclick: function() { $data.click($data.content); }"> <div class="dxrd-expressioneditor-property-text" data-bind="text: displayName, style: { fontWeight: isBinded() ? \'Bold\' : \'\'}"></div> <div class="dxrd-expression-image dxd-icon-accented" data-bind="template: \'dxrd-svg-properties-propertyexpression\', visible: isBinded()"></div> </div> <!-- /ko --> <!-- /ko --> </div> </div> </div>',
     'dxrd-viewStyle': '<div data-bind="dxLocalizedSelectBox: { items: viewmodel.items, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) } }"></div>',
@@ -40446,7 +40562,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-reportexplorer-editor': '<div data-bind="dxFieldListPicker: { acceptCustomValue: true, value: itemsProvider.selectedPath, displayValue: displayExpr, itemsProvider: itemsProvider, path: itemsProvider.path, disabled: disabled, treeListController: treeListController }"></div>',
     'dxrd-dataBindingsContent': '<div data-bind="template: { name: \'dx-propertieseditor\', data: viewmodel }"></div>',
     'dxrd-dataBindingContent': '<div class="dx-field dxd-back-primary"> <div class="dx-field-label dx-accordion-header dxd-text-primary" data-bind="styleunit: padding"> <div class="propertygrid-editor-displayName" data-bind="text: $root.getLocalization(\'Format String\', \'DevExpress.XtraReports.UI.XRBinding.FormatString\')"></div> </div> <div class="dx-field-value"> <!-- ko if: value() --> <!-- ko with: value() --> <!-- ko template: { name: \'dxrd-formatstring\', data: { value: $data.formatString, disabled: $data.disabled, actions: $parent.actions, customPatterns: $parent.customPatterns } } --> <!-- /ko --> <!-- /ko --> <!-- /ko --> </div> </div>',
-    'dxrd-scriptsbox': '<div data-bind="dxEventDropDownEditor: { items: $root.events, value: value, editEnabled: true, disabled: disabled, secondAction: function() { $root.gotoEvent && $root.gotoEvent($data.value(), name, $parents[1]._model && $parents[1]._model()); }, placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), dropDownOptions: { container: $root.getPopupContainer($element) } }"></div>',
+    'dxrd-scriptsbox': '<div data-bind="dxEventDropDownEditor: { items: $root.events, value: value, editEnabled: true, disabled: disabled, secondAction: function() { $root.gotoEvent && $root.gotoEvent($data.value(), name, $parents[1]._model && $parents[1]._model()); }, placeholder: $root.dx._static.selectPlaceholder(), noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) } }"></div>',
     'dxrd-collection-item-group': '<div class="dx-field dxd-back-primary" data-bind="styleunit: { \'marginLeft\' : $parents[1].padding }"> <div class="dx-field-label dxd-text-primary"> <div class="propertygrid-editor-displayName" data-bind="text: $parents[1].options.info().getChildCaption(index()) + \':\'"></div> </div> <div class="dx-field-value"> <div class="dxrd-collectioneditor-action" data-bind="dxButtonWithTemplate: { onClick: value().changeSortOrder, icon: value().sortOrderClass().template, iconClass: value().sortOrderClass().class, disabled: editor.disabled }"></div> <!-- ko displayNameExtender: { path: function() { return $data.editor._model() && $data.editor._model().getPath(\'groupFields\') || \'\' }, dataMember: value().fieldName } --> <div class="dxrd-collectioneditor-picker" data-bind="dxFieldListPicker: { displayValue: $displayName, value: value().fieldName, acceptCustomValue: true, path: editor._model() && editor._model().getPath(\'groupFields\') || \'\', itemsProvider: $root.dataBindingsProvider(), treeListController: new $root.dx._static.TreeListController(), disabled: editor.disabled}"></div> <!--/ko --> </div> </div>',
     'dxrd-lookUpValues': '<div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, addHandler: $root.dx._static.LookUpValue.createNew, undoEngine: $root.undoEngine, level: level, displayName: $root.getLocalization(displayName), info: info }"> <div data-bind="dxPropertyGrid: { target: $data.value, level: editor.level + 1 }"></div> </div> </div>',
     'dxrd-parameterContent': '<div data-bind="template: { name: \'dx-propertieseditor\', data: viewmodel }"></div>',
@@ -40478,9 +40594,9 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-page-columns': '<div class="dxrd-wizard-page dxrd-wizard-columns-page"> <div class="dxrd-wizard-left-panel"> <div class="dxrd-wizard-list-title" data-bind="text: availableFields.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { items: availableFields.items, selectedItems: availableFields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: availableFieldClick }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.availableFieldDblClick }"> <div data-bind="text: displayName"></div> </div> </div> </div> </div> <div class="dxrd-wizard-splitter"> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: select, disabled: !isSelectEnable(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\' }" style="margin-top: 40px"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: selectAll, disabled: !isSelectEnable(), icon: \'dxrd-svg-operations-moveright_all\', iconClass: \'dxrd-image-moveright-all\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: unselect, disabled: !isUnselectEnable(), icon: \'dxrd-svg-operations-moveleft\', iconClass: \'dxrd-image-moveleft\' }" style="margin-top: 44px"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: unselectAll, disabled: !isUnselectEnable(), icon: \'dxrd-svg-operations-moveleft_all\', iconClass: \'dxrd-image-moveleft-all\' }"></div> </div> <div class="dxrd-wizard-right-panel"> <div class="dxrd-wizard-list-title" data-bind="text: selectedFields.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { items: selectedFields.items, selectedItems: selectedFields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: selectedFieldClick }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.selectedFieldDblClick }"> <div data-bind="text: displayName"></div> </div> </div> </div> </div></div>',
     'dxrd-page-customizeLabel': '<div class="dxrd-wizard-page"> <div class="dxrd-wizard-customizelabel-page dxd-border-secondary"> <div class="dxrd-wizard-customizelabel-list"> <div class="dxrd-wizard-customizelabel-head-props"> <div class="dxrd-wizard-customizelabel-select-papersize"> <span data-bind="text: $root.getLocalization(\'Page Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSize\'), attr: { title: $root.getLocalization(\'Page Size:\', \'ASPxReportsStringId.ReportDesigner_Wizard_PageSize\') }"></span> <div data-bind="dxSelectBox: { items: _labelData.paperKinds, displayExpr: \'name\', value: _selectedPaperSize, itemTemplate: \'PaperSizeText\', dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true , onOpened: function (e) { e.component._popup.option(\'width\', 300); }}, attr: { title: _selectedPaperSize().name + \' - \' + $root.dx._static.CustomizeLabelPage._getPageSizeText(_selectedPaperSize().width, _selectedPaperSize().height, _selectedPaperSize().unit)}"> <div data-options="dxTemplate: { name: \'PaperSizeText\' }" class="dxrd-wizard-customizelabel-select-customtemplate"> <p class="dxrd-wizard-customizelabel-select-template"> <span data-bind="text: name"></span> <span data-bind="text: $root.dx._static.CustomizeLabelPage._getPageSizeText(width, height, unit)"></span> </p> </div> </div> </div> <div class="dxrd-wizard-customizelabel-radiounit"> <div data-bind=\'dxRadioGroup:{items: _units, valueExpr: "value", value: unit, layout: "horizontal" }\'></div> </div> <div class="dxrd-wizard-customizelabel-pagesizetext"><span data-bind="text: _pageSizeText"></span></div> </div> <div class="dxrd-wizard-customizelabel-props-container"> <div class="dxrd-wizard-customizelabel-props"> <div class="dxrd-wizard-customizelabel-pagesizetext-inline"> <span data-bind="text: $root.getLocalization(\'Measure Units\', \'DevExpress.XtraReports.UI.XtraReport.ReportUnit\') + \':\', attr: { title: $root.getLocalization(\'Measure Units\', \'DevExpress.XtraReports.UI.XtraReport.ReportUnit\') + \':\' }"></span> <div data-bind="dxLocalizedSelectBox: { items: _units, valueExpr: \'value\', displayExpr: \'text\', value: unit, dropDownOptions: { container: $root.getPopupContainer($element) } }"></div> </div> <div> <span data-bind="text: $root.getLocalization(\'Label Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_LabelWidth\'), attr: { title: $root.getLocalization(\'Label Width:\', \'ASPxReportsStringId.ReportDesigner_Wizard_LabelWidth\') }"></span> <div data-bind="dxNumberBox: { min: 0.0, max: 999.9, showSpinButtons: true, step: _stepUnit, value: labelWidth }"></div> </div> <div> <span data-bind="text: $root.getLocalization(\'Label Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_LabelHeight\'), attr: { title: $root.getLocalization(\'Label Height:\', \'ASPxReportsStringId.ReportDesigner_Wizard_LabelHeight\') }"></span> <div data-bind="dxNumberBox: { min: 0.0, max: 999.9, showSpinButtons: true, step: _stepUnit, value: labelHeight }"></div> </div> <div class="dxrd-wizard-customizelabel-prop-whis-top-margin"> <span data-bind="text: $root.getLocalization(\'Horizontal Pitch:\', \'ASPxReportsStringId.ReportDesigner_Wizard_HorizontalPitch\'), attr: { title: $root.getLocalization(\'Horizontal Pitch:\', \'ASPxReportsStringId.ReportDesigner_Wizard_HorizontalPitch\') }"></span> <div data-bind="dxNumberBox: { min: 0.0, max: 999.9, showSpinButtons: true, step: _stepUnit, value: horizontalPitch }"></div> </div> <div> <span data-bind="text: $root.getLocalization(\'Vertical Pitch:\', \'ASPxReportsStringId.ReportDesigner_Wizard_VerticalPitch\'), attr: { title: $root.getLocalization(\'Vertical Pitch:\', \'ASPxReportsStringId.ReportDesigner_Wizard_VerticalPitch\') }"></span> <div data-bind="dxNumberBox: { min: 0.0, max: 999.9, showSpinButtons: true, step: _stepUnit, value: verticalPitch }"></div> </div> <div class="dxrd-wizard-customizelabel-prop-whis-top-margin"> <span data-bind="text: $root.getLocalization(\'Top Margin:\', \'ASPxReportsStringId.ReportDesigner_Wizard_TopMargin\'), attr: { title: $root.getLocalization(\'Top Margin:\', \'ASPxReportsStringId.ReportDesigner_Wizard_TopMargin\') }"></span> <div data-bind="dxNumberBox: { min: 0.0, max: 999.9, showSpinButtons: true, step: _stepUnit, value: topMargin }"></div> </div> <div> <span data-bind="text: $root.getLocalization(\'Left Margin:\', \'ASPxReportsStringId.ReportDesigner_Wizard_LeftMargin\'), attr: { title: $root.getLocalization(\'Left Margin:\', \'ASPxReportsStringId.ReportDesigner_Wizard_LeftMargin\') }"></span> <div data-bind="dxNumberBox: { min: 0.0, max: 999.9, showSpinButtons: true, step: _stepUnit, value: leftMargin }"></div> </div> <div> <span data-bind="text: $root.getLocalization(\'Right Margin:\', \'ASPxReportsStringId.ReportDesigner_Wizard_RightMargin\'), attr: { title: $root.getLocalization(\'Right Margin:\', \'ASPxReportsStringId.ReportDesigner_Wizard_RightMargin\') }"></span> <div data-bind="dxNumberBox: { min: 0.0, max: 999.9, showSpinButtons: true, step: _stepUnit, value: rightMargin }"></div> </div> <div> <span data-bind="text: $root.getLocalization(\'Bottom Margin:\', \'ASPxReportsStringId.ReportDesigner_Wizard_BottomMargin\'), attr: { title: $root.getLocalization(\'Bottom Margin:\', \'ASPxReportsStringId.ReportDesigner_Wizard_BottomMargin\') }"></span> <div data-bind="dxNumberBox: { min: 0.0, max: 999.9, showSpinButtons: true, step: _stepUnit, value: bottomMargin }"></div> </div> </div> <div class="dxrd-wizard-customizelabel-pic dxd-border-secondary"> <div class="dxrd-wizard-customizelabel-pic-element"></div> </div> <div class="dxrd-wizard-customizelabel-labelscounttext"><span data-bind="text: _labelsCountText"></span></div> </div> </div> </div></div>',
     'dxrd-page-dataMember': '<div class="dxrd-wizard-page"> <div class="dxrd-wizard-dataMember dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: scrollViewHeight }"> <div data-bind="treelist: fieldListModel" style="width:100%; height: 100%;"></div> </div></div>',
-    'dxrd-page-groups': '<div class="dxrd-wizard-page dxrd-wizard-groups-page"> <div class="dxrd-wizard-left-panel"> <div class="dxrd-wizard-list-title" data-bind="text: fields.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { dataSource: fields.items, selectedItems: fields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: fieldClick, noDataText: $root.dx._static.noDataText() }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.fieldDblClick }"> <div data-bind="text: $data"></div> </div> </div> </div> </div> <div class="dxrd-wizard-splitter"> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: addNewGroup, disabled: !isCreateGroupEnabled(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\'  }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: appendFieldsToGroup, disabled: !isAppendToGroupEnabled(), icon: \'dxrd-svg-operations-add\', iconClass: \'dxrd-image-add\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: removeGroup, disabled: !isRemoveGroupEnabled(), icon: \'dxrd-svg-operations-moveleft\', iconClass: \'dxrd-image-moveleft\' }"></div> <div class="dxrd-wizard-splitter-action" style="margin-top: 95px;" data-bind="dxButtonWithTemplate: { onClick: moveUp, disabled: !isMoveUpEnabled(), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dxrd-image-moveup\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: moveDown, disabled: !isMoveDownEnabled(), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dxrd-image-movedown\' }"></div> </div> <div class="dxrd-wizard-right-panel"> <div class="dxrd-wizard-list-title" data-bind="text: groups.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { items: groups.items, height: 257, selectionMode: \'single\', selectedItems: groups.activeItemArray, activeStateEnabled: false, onItemClick: groupClick, noDataText: $root.dx._static.noDataText() }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.groupDblClick }"> <div data-bind="text: fields().join(\', \')"></div> </div> </div> </div> </div></div>',
+    'dxrd-page-groups': '<div class="dxrd-wizard-page dxrd-wizard-groups-page"> <div class="dxrd-wizard-left-panel"> <div class="dxrd-wizard-list-title" data-bind="text: fields.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { dataSource: fields.items, selectedItems: fields.activeItemArray, height: 257, selectionMode: \'single\', activeStateEnabled: false, onItemClick: fieldClick, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.fieldDblClick }"> <div data-bind="text: $data"></div> </div> </div> </div> </div> <div class="dxrd-wizard-splitter"> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: addNewGroup, disabled: !isCreateGroupEnabled(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\'  }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: appendFieldsToGroup, disabled: !isAppendToGroupEnabled(), icon: \'dxrd-svg-operations-add\', iconClass: \'dxrd-image-add\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: removeGroup, disabled: !isRemoveGroupEnabled(), icon: \'dxrd-svg-operations-moveleft\', iconClass: \'dxrd-image-moveleft\' }"></div> <div class="dxrd-wizard-splitter-action" style="margin-top: 95px;" data-bind="dxButtonWithTemplate: { onClick: moveUp, disabled: !isMoveUpEnabled(), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dxrd-image-moveup\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: moveDown, disabled: !isMoveDownEnabled(), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dxrd-image-movedown\' }"></div> </div> <div class="dxrd-wizard-right-panel"> <div class="dxrd-wizard-list-title" data-bind="text: groups.caption"></div> <div class="dx-default-border-style dxd-border-secondary"> <div class="dxrd-wizard-list" data-bind="dxList: { items: groups.items, height: 257, selectionMode: \'single\', selectedItems: groups.activeItemArray, activeStateEnabled: false, onItemClick: groupClick, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent.groupDblClick }"> <div data-bind="text: fields().join(\', \')"></div> </div> </div> </div> </div></div>',
     'dxrd-page-masterdetail-groups-section': '<div class="dxrd-wizard-page dxrd-wizard-masterdetail-groups-page dxd-border-secondary"> <div class="dxrd-wizard-masterdetail-groups-page-section-content" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'100%\' }"> <div class="dx-fieldset" data-bind="foreach: _groupInfos"> <div class="dx-field dxd-back-primary"> <div class="dx-field-label" data-bind="text: displayName, attr: { \'title\': displayName}"></div> </div> <!-- ko foreach: groups --> <div class="dxrd-wizard-groups-item dx-field"> <div class="dxrd-wizard-groups-actions"> <div class="dxd-back-highlighted" data-bind="css: { \'dxrd-disabled-button\': $parent.moveUpDisabled($index()) }, click: function(){ $parent.moveup($index()) }"> <!-- ko template: \'dxrd-svg-operations-moveup\'--><!-- /ko --> </div> <div class="dxd-back-highlighted" data-bind="css: { \'dxrd-disabled-button\': $parent.moveDownDisabled($index()) }, click: function(){ $parent.movedown($index()) }"> <!-- ko template: \'dxrd-svg-operations-movedown\'--><!-- /ko --> </div> <div class="dxd-back-highlighted" data-bind="click: function(){ $parent.remove($index()) }"> <!-- ko template: \'dxrd-svg-operations-recycle_bin\'--><!-- /ko --> </div> </div> <div class="dxrd-wizard-groups-choozer"> <!-- ko template: { name: "dxrd-multivalue", data: $data } --> <!--/ko--> </div> </div> <!-- /ko --> <!-- ko if: isCreateGroupEnabled() --> <div class="dxrd-wizard-groups-item dx-field"> <div class="dx-field-label dxd-text-primary" style="width:auto"> <div class="dxrd-wizard-groups-addgroup dxd-hyperlink-color dxd-border-accented dxd-text-accented" data-bind="text: $data.addGroupText(), attr: { \'title\': $data.addGroupText() }, click: function() { $data.add() }"></div> </div> </div> <!-- /ko --> </div> </div> </div>',
-    'dxrd-page-masterdetail-groups': '<div class="dxrd-wizard-page dxrd-wizard-masterdetail-groups-page"> <div class="dxrd-wizard-masterdetail-groups-page-title"> <!-- ko template: { name: \'dxrd-wizard-report-tree\', data: { items: $data._reportTree, value: $data._currentPath } }--> <!-- /ko --> </div> <div class="dxrd-wizard-masterdetail-groups-page-content"> <div class="dxrd-wizard-left-panel"> <div class="dxrd-wizard-list-title" data-bind="text: _fieldCaption"></div> <div class="dx-default-border-style dxd-border-secondary dxrd-wizard-panel-content"> <!-- ko if: $data._currentFields() --> <div class="dxrd-wizard-list" data-bind="dxList: { items: _currentFields().items, selectedItems: _currentFields().activeItemArray, height: \'100%\', selectionMode: \'single\', activeStateEnabled: false, onItemClick: _fieldClick, noDataText: $root.dx._static.noDataText() }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent._fieldDblClick }"> <div data-bind="text: $data"></div> </div> </div> <!-- /ko --> </div> </div> <div class="dxrd-wizard-splitter"> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: _addNewGroup, disabled: !_isCreateGroupEnabled(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: _appendFieldsToGroup, disabled: !_isAppendToGroupEnabled(), icon: \'dxrd-svg-operations-add\', iconClass: \'dxrd-image-add\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: _removeGroup, disabled: !_isRemoveGroupEnabled(), icon: \'dxrd-svg-operations-moveleft\', iconClass: \'dxrd-image-moveleft\' }"></div> <div class="dxrd-wizard-splitter-action" style="margin-top: 83px;" data-bind="dxButtonWithTemplate: { onClick: _moveUp, disabled: !_isMoveUpEnabled(), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dxrd-image-moveup\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: _moveDown, disabled: !_isMoveDownEnabled(), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dxrd-image-movedown\' }"></div> </div> <div class="dxrd-wizard-right-panel"> <div class="dxrd-wizard-list-title" data-bind="text: _groupCaption"></div> <div class="dx-default-border-style dxd-border-secondary dxrd-wizard-panel-content"> <!-- ko if: $data._currentGroups() --> <div class="dxrd-wizard-list" data-bind="dxList: { items: _currentGroups().items, height: \'100%\', selectionMode: \'single\', selectedItems: _currentGroups().activeItemArray, activeStateEnabled: false, onItemClick: _groupClick, noDataText: $root.dx._static.noDataText() }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent._groupDblClick }"> <div data-bind="text: fields().join(\', \')"></div> </div> </div> <!-- /ko --> </div> </div> </div></div>',
+    'dxrd-page-masterdetail-groups': '<div class="dxrd-wizard-page dxrd-wizard-masterdetail-groups-page"> <div class="dxrd-wizard-masterdetail-groups-page-title"> <!-- ko template: { name: \'dxrd-wizard-report-tree\', data: { items: $data._reportTree, value: $data._currentPath } }--> <!-- /ko --> </div> <div class="dxrd-wizard-masterdetail-groups-page-content"> <div class="dxrd-wizard-left-panel"> <div class="dxrd-wizard-list-title" data-bind="text: _fieldCaption"></div> <div class="dx-default-border-style dxd-border-secondary dxrd-wizard-panel-content"> <!-- ko if: $data._currentFields() --> <div class="dxrd-wizard-list" data-bind="dxList: { items: _currentFields().items, selectedItems: _currentFields().activeItemArray, height: \'100%\', selectionMode: \'single\', activeStateEnabled: false, onItemClick: _fieldClick, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent._fieldDblClick }"> <div data-bind="text: $data"></div> </div> </div> <!-- /ko --> </div> </div> <div class="dxrd-wizard-splitter"> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: _addNewGroup, disabled: !_isCreateGroupEnabled(), icon: \'dxrd-svg-operations-moveright\', iconClass: \'dxrd-image-moveright\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: _appendFieldsToGroup, disabled: !_isAppendToGroupEnabled(), icon: \'dxrd-svg-operations-add\', iconClass: \'dxrd-image-add\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: _removeGroup, disabled: !_isRemoveGroupEnabled(), icon: \'dxrd-svg-operations-moveleft\', iconClass: \'dxrd-image-moveleft\' }"></div> <div class="dxrd-wizard-splitter-action" style="margin-top: 83px;" data-bind="dxButtonWithTemplate: { onClick: _moveUp, disabled: !_isMoveUpEnabled(), icon: \'dxrd-svg-operations-moveup\', iconClass: \'dxrd-image-moveup\' }"></div> <div class="dxrd-wizard-splitter-action" data-bind="dxButtonWithTemplate: { onClick: _moveDown, disabled: !_isMoveDownEnabled(), icon: \'dxrd-svg-operations-movedown\', iconClass: \'dxrd-image-movedown\' }"></div> </div> <div class="dxrd-wizard-right-panel"> <div class="dxrd-wizard-list-title" data-bind="text: _groupCaption"></div> <div class="dx-default-border-style dxd-border-secondary dxrd-wizard-panel-content"> <!-- ko if: $data._currentGroups() --> <div class="dxrd-wizard-list" data-bind="dxList: { items: _currentGroups().items, height: \'100%\', selectionMode: \'single\', selectedItems: _currentGroups().activeItemArray, activeStateEnabled: false, onItemClick: _groupClick, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true }"> <div data-options="dxTemplate : { name: \'item\' }" data-bind="event: { dblclick: $parent._groupDblClick }"> <div data-bind="text: fields().join(\', \')"></div> </div> </div> <!-- /ko --> </div> </div> </div></div>',
     'dxrd-page-masterdetail-select-reportdata': '<div class="dxrd-wizard-page dxrd-wizard-masterdetail-select-reportdata-page"> <!-- ko template: {name: \'dxrd-page-masterdetail-select-reportdata-dataMembers\', data: $data } --> <!-- /ko --> <!-- ko template: {name: \'dxrd-page-masterdetail-select-reportdata-fieldMembers\', data: $data } --> <!-- /ko --> </div>',
     'dxrd-page-masterdetail-select-reportdata-dataMembers': '<div class="dxrd-wizard-reportdata-column dx-first-column"> <div class="dxrd-wizard-reportdata-title" data-bind="text: _selectDataMembersCaption"></div> <div class="dxrd-wizard-add-queries-page dxrd-wizard-masterdetail-dataMember dxrd-wizard-page-treelist-accordion-style dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'auto\' }"> <div data-bind="treelist: _dataMemberFieldListModel" style="width:100%; height: 100%;"></div> </div> </div>',
     'dxrd-page-masterdetail-select-reportdata-fieldMembers': '<div class="dxrd-wizard-reportdata-column"> <div class="dxrd-wizard-reportdata-title" data-bind="text: _selectDataFieldsCaption"></div> <div class="dxrd-wizard-add-queries-page dxrd-wizard-masterdetail-fields dxrd-wizard-page-treelist-accordion-style dxd-border-secondary" data-bind="dxScrollView: { showScrollbar: \'onHover\', height: \'auto\' }"> <div data-bind="treelist: _fieldMemberFieldListModel" style="width:100%; height: 100%;"></div> </div> </div>',
@@ -40752,6 +40868,8 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
 
 
 
+
+
 
 
 
@@ -42049,7 +42167,7 @@ var customizeToolbarActions_events = Object(external_DevExpress_Analytics_Intern
 var richEditInstance = null;
 var getRichEditInstance = function () {
     if (!richEditInstance) {
-        richEditInstance = __webpack_require__(39);
+        richEditInstance = __webpack_require__(38);
     }
     return richEditInstance;
 };