devexpress-reporting 23.1.9-build-2462-2103 → 23.1.10-build-2487-1357

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  23.1.9-build-2462-2103
-* Build date: Mar 2, 2024
+* Version:  23.1.10-build-2487-1357
+* Build date: Mar 27, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -2889,6 +2889,7 @@ var createViewsArray = function (limitation) {
     array.push({ value: 'CandleStickSeriesView', displayValue: 'Candle Stick', localizationId: 'ChartStringId.CmdCreateCandleStickChartMenuCaption' });
     array.push({ value: 'OverlappedGanttSeriesView', displayValue: 'Gantt', localizationId: 'ChartStringId.CmdGanttGroupPlaceHolderMenuCaption' });
     array.push({ value: 'SideBySideGanttSeriesView', displayValue: 'Side By Side Gantt', localizationId: 'ChartStringId.SvnSideBySideGantt' });
+    array.push({ value: 'BoxPlotSeriesView', displayValue: 'Box Plot', localizationId: 'ChartStringId.SvnBoxPlot' });
     return array;
 };
 var viewBindableSerializationInfo = {
@@ -3211,6 +3212,7 @@ var mapTypes = {
     'SplineSeriesView': 'PointSeriesLabel',
     'ScatterLineSeriesView': 'PointSeriesLabel',
     'SwiftPlotSeriesView': null,
+    'BoxPlotSeriesView': null,
     'Line3DSeriesView': 'Line3DSeriesLabel',
     'StackedLine3DSeriesView': 'StackedLine3DSeriesLabel',
     'FullStackedLine3DSeriesView': 'StackedLine3DSeriesLabel',
@@ -4168,7 +4170,47 @@ var startbarcolor = { propertyName: 'startBarColor', modelName: '@StartBarColor'
 var subtotalbarcolor = { propertyName: 'subtotalBarColor', modelName: '@SubtotalBarColor', displayName: 'Subtotal Bar Color', localizationId: 'DevExpress.XtraCharts.WaterfallSeriesView.SubtotalBarColor', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), defaultVal: 'Gray' };
 var totalbarcolor = { propertyName: 'totalBarColor', modelName: '@TotalBarColor', displayName: 'Total Bar Color', localizationId: 'DevExpress.XtraCharts.WaterfallSeriesView.TotalBarColor', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), defaultVal: 'Gray' };
 var connectorcolor = { propertyName: 'connectorColor', modelName: '@ConnectorColor', displayName: 'Connector Color', localizationId: 'DevExpress.XtraCharts.WaterfallSeriesView.ConnectorColor', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), defaultVal: 'Gray' };
-var waterfallSeriesView = stackedBarSeriesViewinfo.concat([risingbarcolor, fallingbarcolor, startbarcolor, subtotalbarcolor, totalbarcolor, connectorcolor]);
+const waterfallSeriesView = stackedBarSeriesViewinfo.concat([risingbarcolor, fallingbarcolor, startbarcolor, subtotalbarcolor, totalbarcolor, connectorcolor]);
+const markerKinds = [
+    { value: 'Square', displayValue: 'Square', localizationId: 'DevExpress.XtraCharts.MarkerKind.Square' },
+    { value: 'Diamond', displayValue: 'Diamond', localizationId: 'DevExpress.XtraCharts.MarkerKind.Diamond' },
+    { value: 'Triangle', displayValue: 'Triangle', localizationId: 'DevExpress.XtraCharts.MarkerKind.Triangle' },
+    { value: 'InvertedTriangle', displayValue: 'Inverted Triangle', localizationId: 'DevExpress.XtraCharts.MarkerKind.InvertedTriangle' },
+    { value: 'Circle', displayValue: 'Circle', localizationId: 'DevExpress.XtraCharts.CircleEasingFunction' },
+    { value: 'Plus', displayValue: 'Plus', localizationId: 'DevExpress.XtraCharts.MarkerKind.Plus' },
+    { value: 'Cross', displayValue: 'Cross', localizationId: 'DevExpress.XtraCharts.MarkerKind.Cross' },
+    { value: 'Star', displayValue: 'Star', localizationId: 'DevExpress.XtraCharts.MarkerKind.Star' },
+    { value: 'Pentagon', displayValue: 'Pentagon', localizationId: 'DevExpress.XtraCharts.MarkerKind.Pentagon' },
+    { value: 'Hexagon', displayValue: 'Hexagon', localizationId: 'DevExpress.XtraCharts.MarkerKind.Hexagon' },
+    { value: 'ThinCross', displayValue: 'Thin Cross', localizationId: 'DevExpress.XtraCharts.MarkerKind.ThinCross' }
+];
+const boxWidth = { propertyName: 'boxWidth', modelName: '@BoxWidth', displayName: 'Box Width', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.BoxWidth', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), defaultVal: 0.6, editorOptions: { min: 0, step: 0.1 } };
+const boxDistance = { propertyName: 'boxDistance', modelName: '@BoxDistance', displayName: 'Box Distance', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.BoxDistance', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), defaultVal: 0 };
+const boxDistanceFixed = { propertyName: 'boxDistanceFixed', modelName: '@BoxDistanceFixed', displayName: 'Box Distance Fixed', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.BoxDistanceFixed', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), defaultVal: 1 };
+const capWidthPercentage = { propertyName: 'capWidthPercentage', modelName: '@CapWidthPercentage', displayName: 'Cap Width Percentage', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.CapWidthPercentage', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), defaultVal: 50 };
+const processPoints = {
+    propertyName: 'processPoints', modelName: '@ProcessPoints', displayName: 'Process Points', localizationId: 'DevExpress.XtraCharts.EmptyPointOptions.ProcessPoints', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), valuesArray: [{ value: 'Interpolate', displayValue: 'Interpolate', localizationId: 'DevExpress.XtraCharts.ProcessEmptyPointsMode.Interpolate' }, { value: 'InsertZero', displayValue: 'Insert Zero', localizationId: 'DevExpress.XtraCharts.ProcessEmptyPointsMode.InsertZero' }, { value: 'Ignore', displayValue: 'Ignore', localizationId: 'DevExpress.XtraCharts.ProcessEmptyPointsMode.Ignore' }], defaultVal: 'InsertZero'
+};
+const emptyPointInfo = [color1, processPoints, _common_tag];
+const emptyPointOptions = { propertyName: 'emptyPointOptions', modelName: 'EmptyPointOptions', displayName: 'Empty Point Options', localizationId: 'DevExpress.XtraCharts.XYDiagramSeriesViewBase.EmptyPointOptions', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: emptyPointInfo };
+const equalBoxWidth = { propertyName: 'equalBoxWidth', modelName: '@EqualBoxWidth', displayName: 'Equal Box Width', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.EqualBoxWidth', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), defaultVal: true };
+const meanAndMedianColor = { propertyName: 'meanAndMedianColor', modelName: '@MeanAndMedianColor', displayName: 'Mean and Median Color', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.MeanAndMedianColor', from: external_DevExpress_Analytics_Utils_["colorFromString"], toJsonObject: external_DevExpress_Analytics_Utils_["colorToString"], editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('customColorEditor'), defaultVal: 'transparent' };
+const meanLineVisible = { propertyName: 'meanLineVisible', modelName: '@MeanLineVisible', displayName: 'Mean Line Visible', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.MeanLineVisible', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), defaultVal: false };
+const meanMarkerKind = {
+    propertyName: 'meanMarkerKind', modelName: '@MeanMarkerKind', displayName: 'Mean Marker Kind', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.MeanMarkerKind',
+    editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
+    valuesArray: markerKinds,
+    defaultVal: 'ThinCross'
+};
+const meanMarkerSize = { propertyName: 'meanMarkerSize', modelName: '@MeanMarkerSize', displayName: 'Mean Marker Size', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.MeanMarkerSize', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), defaultVal: 15 };
+const outlierMarkerKind = {
+    propertyName: 'outlierMarkerKind', modelName: '@OutlierMarkerKind', displayName: 'Outlier Marker Kind', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.OutlierMarkerKind',
+    editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
+    valuesArray: markerKinds,
+    defaultVal: 'Circle'
+};
+const outlierMarkerSize = { propertyName: 'outlierMarkerSize', modelName: '@OutlierMarkerSize', displayName: 'Outlier Marker Size', localizationId: 'DevExpress.XtraCharts.BoxPlotSeriesView.OutlierMarkerSize', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('numeric'), defaultVal: 10 };
+const boxPlotSeriesViewInfo = [boxWidth, boxDistance, boxDistanceFixed, capWidthPercentage, emptyPointOptions, equalBoxWidth, lineThickness, meanAndMedianColor, meanLineVisible, meanMarkerKind, meanMarkerSize, outlierMarkerKind, outlierMarkerSize, fillStyle4, transparency5, colorEach1, shadow, paneName, axisXName, axisYName, viewAggregateFunction, _view_indicators, color1, _common_tag];
 var viewMapper = {
     FullStackedStepAreaSeriesView: fullStackedStepAreaSeriesViewinfo,
     PolarRangeAreaSeriesView: polarRangeAreaSeriesViewinfo,
@@ -4237,6 +4279,7 @@ var viewMapper = {
     StepLineSeriesView: stepLineSeriesViewinfo,
     StockSeriesView: stockSeriesViewinfo,
     StepLine3DSeriesView: stepLine3DSeriesViewinfo,
+    BoxPlotSeriesView: boxPlotSeriesViewInfo,
 };
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/components/series/_view.js
@@ -4670,6 +4713,7 @@ var diagramMapper = {
     'SplineSeriesView': XYObject,
     'ScatterLineSeriesView': XYObject,
     'SwiftPlotSeriesView': XY2DObject,
+    'BoxPlotSeriesView': XYObject,
     'Line3DSeriesView': XY3DObject,
     'StackedLine3DSeriesView': XY3DObject,
     'FullStackedLine3DSeriesView': XY3DObject,
@@ -6064,6 +6108,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-svg-fieldlist-series': templates['dxrd-svg-chartstructure-seriescollection'],
     'dxrd-svg-fieldlist-seriestemplate': templates['dxrd-svg-chartstructure-seriescollection'],
     'dxrd-svg-fieldlist-titles': templates['dxrd-svg-chartstructure-titles'],
+    'dxrd-svg-fieldlist-boxplot': templates['dxrd-svg-series-boxplot']
 });
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-chart-internal-widgets.js
@@ -7591,8 +7636,9 @@ var stylesObj = { propertyName: 'styleObj', displayName: 'Styles', editor: exter
 
 
 class style_StyleModel extends external_DevExpress_Analytics_Utils_["Disposable"] {
-    constructor(model, serializer) {
+    constructor(model, parent, serializer) {
         super();
+        this.parent = parent;
         this.className = () => {
             return 'stylemodel';
         };
@@ -7616,6 +7662,14 @@ class style_StyleModel extends external_DevExpress_Analytics_Utils_["Disposable"
                 lock(() => this.padding(this.paddingObj.toString()));
             }));
         });
+        if (parent) {
+            this.dpi = parent.dpi;
+            this._disposables.push(this.paddingObj.dpi = external_ko_["computed"](() => this.dpi && this.dpi()));
+            this._disposables.push(this.paddingObj.dpi.subscribe(newVal => lock(() => {
+                if (this.padding())
+                    this.padding(this.paddingObj.toString());
+            })));
+        }
     }
     getInfo() {
         return styleSerializationInfo;
@@ -8076,8 +8130,8 @@ class _styleHelper_StylesHelper extends external_DevExpress_Analytics_Utils_["Di
     static styleEqualityComparer(x, y) {
         return stylesProperties.every(property => x[property]() === y[property]() || x[property]() === undefined && y[property]() === undefined);
     }
-    static generateStyle(element) {
-        var newStyle = new style_StyleModel({});
+    static generateStyle(element, parent) {
+        const newStyle = new style_StyleModel({}, parent);
         stylesProperties.forEach(property => {
             if (element[property] && element[property]())
                 newStyle[property](element[property]());
@@ -11854,7 +11908,7 @@ class rangeSettings_RangeParametersSettings extends objectStorageItem_ObjectItem
     assingParameterInfo(parameter) {
         [this.startParameter(), this.endParameter()].forEach((rangeParameter) => {
             rangeParameter.valueInfo = parameter.valueInfo;
-            rangeParameter._type = parameter.type;
+            rangeParameter.type = parameter.type;
             rangeParameter._specifics(parameter.parameterTypesHelper.getSpecifics(parameter.type()));
             createExpressionProperty(rangeParameter, 'Value');
         });
@@ -11874,7 +11928,7 @@ class rangeSettings_RangeBoundaryParameter extends objectStorageItem_ObjectItem
     getInfo() {
         if (this.valueInfo) {
             var info = external_jQuery_["extend"](true, [], rangeBoundaryParameterInfos);
-            var valueInfo = this._type() === 'System.DateTime' ? Object(external_DevExpress_Analytics_Internal_["extend"])({}, this.valueInfo(), { editorOptions: { type: 'date' } }) : this.valueInfo();
+            var valueInfo = this.type() === 'System.DateTime' ? Object(external_DevExpress_Analytics_Internal_["extend"])({}, this.valueInfo(), { editorOptions: { type: 'date' } }) : this.valueInfo();
             info.splice(info.indexOf(info.filter((prop) => { return prop.propertyName === 'value'; })[0]), 1, valueInfo);
             return info;
         }
@@ -13329,7 +13383,7 @@ class xrReport_ReportViewModel extends xrReportelement_XRReportElementViewModel
                 this.dataMember(null);
             }
         }));
-        this.styles = Object(external_DevExpress_Analytics_Utils_["deserializeArray"])(report.StyleSheet, (item) => { return new style_StyleModel(item, serializer); });
+        this.styles = Object(external_DevExpress_Analytics_Utils_["deserializeArray"])(report.StyleSheet, (item) => { return new style_StyleModel(item, this, serializer); });
         this._objectStorage = Object(external_DevExpress_Analytics_Utils_["deserializeArray"])(report.ObjectStorage, (item) => { return createNewObjectItem(item, this.dsHelperProvider, serializer); });
         this._componentStorage = Object(external_DevExpress_Analytics_Utils_["deserializeArray"])(report.ComponentStorage, (item) => { return createNewObjectItem(item, this.dsHelperProvider, serializer); });
         this.objectStorage = xrReport_ReportViewModel.createObjectStorage(this._componentStorage, this._objectStorage, (subscription) => this._disposables.push(subscription));
@@ -18129,7 +18183,7 @@ class xrCrossTab_XRCrossTabViewModel extends xrControl_XRControlViewModel {
             crossTabStyles.forEach(style => {
                 var styleName = this[style.propertyName]();
                 if (!styleName) {
-                    var newStyle = new style_StyleModel(crossTabStylesDefaults[style.propertyName]);
+                    const newStyle = new style_StyleModel(crossTabStylesDefaults[style.propertyName], this);
                     styleName = Object(external_DevExpress_Analytics_Internal_["getUniqueNameForNamedObjectsArray"])(root.styles(), newStyle.name());
                     newStyle.name(styleName);
                     root.styles.push(newStyle);
@@ -20498,7 +20552,7 @@ class xrTableRow_XRTableRowViewModel extends xrControl_XRControlViewModel {
                 else {
                     this.cells.push(control);
                 }
-                if (external_jQuery_["isFunction"](onComponentAdded))
+                if (Object(external_DevExpress_Analytics_Internal_["isFunction"])(onComponentAdded))
                     onComponentAdded({ parent: this, model: control });
             }
         }
@@ -20630,7 +20684,7 @@ class xrTable_XRTableControlViewModel extends xrControl_XRControlViewModel {
                 else {
                     this.rows.push(control);
                 }
-                if (external_jQuery_["isFunction"](onComponentAdded))
+                if (Object(external_DevExpress_Analytics_Internal_["isFunction"])(onComponentAdded))
                     onComponentAdded({ parent: this, model: control });
             }
         }
@@ -22506,8 +22560,8 @@ class _crossTabConverter_CrossTabConverter extends _baseConverter_BaseConverter
         var root = crossTab.root;
         var resultStyleGroups = [];
         crossTab.cells().forEach(cell => {
-            var deafultStyle = root.findStyle(cell.styleName());
-            var cellStyle = _styleHelper_StylesHelper.generateStyle(deafultStyle);
+            const deafultStyle = root.findStyle(cell.styleName());
+            let cellStyle = _styleHelper_StylesHelper.generateStyle(deafultStyle, crossTab);
             this._applyStyles(pivotGrid, cell, cellStyle);
             pivotGrid.fields().forEach(field => cell.field() == convertedFields[field.name()] && this._applyStyles(field, cell, cellStyle));
             cellStyle = _styleHelper_StylesHelper.styleEqualityComparer(deafultStyle, cellStyle) ? deafultStyle : cellStyle;
@@ -26096,10 +26150,10 @@ class _reportToolboxDragDropHandler_ReportToolboxDragDropHandler extends externa
         }
     }
     _processProperty(propertyName, target, callback) {
-        if (target instanceof Object && !external_jQuery_["isFunction"](target)) {
+        if (target instanceof Object && !Object(external_DevExpress_Analytics_Internal_["isFunction"])(target)) {
             !!target[propertyName] && callback(target);
             Object.keys(target).forEach((name) => {
-                if (target[name] instanceof Object && !external_jQuery_["isFunction"](target[name])) {
+                if (target[name] instanceof Object && !Object(external_DevExpress_Analytics_Internal_["isFunction"])(target[name])) {
                     this._processProperty(propertyName, target[name], callback);
                 }
             });
@@ -27624,7 +27678,6 @@ class _treelistFactory_FieldListItemFactory extends external_DevExpress_Analytic
 
 
 
-
 class _reportExplorer_ReportExplorerModel extends external_DevExpress_Analytics_Utils_["Disposable"] {
     constructor(reportModel, editableObject, clickHandler, dragDropHandler, selection, _dataSourceSettings) {
         super();
@@ -27668,7 +27721,7 @@ class _reportExplorer_ReportExplorerModel extends external_DevExpress_Analytics_
         this.treeListController.itemsFilter = (item) => {
             var realPropertyName = item.name.split('.')[0];
             var propertyNames = reportModel() && reportModel()._dataBindingMode() !== _dataBindingMode_DataBindingMode.Bindings ? exprPropertyNames : bindingPropertyNames;
-            return propertyNames ? propertyNames.indexOf(realPropertyName) !== -1 || external_jQuery_["isNumeric"](realPropertyName) : true;
+            return propertyNames ? propertyNames.indexOf(realPropertyName) !== -1 || Object(external_DevExpress_Analytics_Internal_["isNumeric"])(realPropertyName) : true;
         };
         this.treeListController.getActions = (item) => {
             if (item.data && item.data.name !== 'Crossband Controls' && item.data.name !== 'Components') {
@@ -27760,12 +27813,13 @@ class _reportExplorer_ReportExplorerModel extends external_DevExpress_Analytics_
                     imageClassName: 'dx-image-add',
                     imageTemplateName: 'dxrd-svg-operations-add',
                     clickAction: () => {
+                        const report = reportModel();
                         if (item.data.name === 'Styles') {
-                            var newStyleName = Object(external_DevExpress_Analytics_Internal_["getUniqueNameForNamedObjectsArray"])(reportModel().styles(), 'xrControlStyle');
-                            reportModel().styles.push(new style_StyleModel({ '@Name': newStyleName }));
+                            const newStyleName = Object(external_DevExpress_Analytics_Internal_["getUniqueNameForNamedObjectsArray"])(report.styles(), 'xrControlStyle');
+                            report.styles.push(new style_StyleModel({ '@Name': newStyleName }, report));
                         }
                         else {
-                            reportModel().formattingRuleSheet.push(formattingrules_FormattingRule.createNew(reportModel()));
+                            report.formattingRuleSheet.push(formattingrules_FormattingRule.createNew(report));
                         }
                     }
                 }];
@@ -28483,7 +28537,7 @@ var reportCopyPasteStrategy = (componentAdded) => ({
             return model.dependentStyles.map(style => {
                 var serializedModel = serializer.serialize(style);
                 return {
-                    restore: () => (model.root)['styles'] && model.root['styles'].push(new style_StyleModel(serializedModel))
+                    restore: () => (model.root)['styles'] && model.root['styles'].push(new style_StyleModel(serializedModel, model))
                 };
             });
         }
@@ -30526,7 +30580,8 @@ const translateExpression = (expression) => {
 
 
 class styleseditor_StylesEditorHeaderModel {
-    constructor(styleName, styles, disabled, popupContainer) {
+    constructor(styleName, _report, disabled, popupContainer) {
+        this._report = _report;
         this.displayExpr = 'name';
         this.valueExpr = 'name';
         this.displayCustomValue = true;
@@ -30544,22 +30599,27 @@ class styleseditor_StylesEditorHeaderModel {
             }
         });
         this.items = external_ko_["pureComputed"](() => {
-            var result = [new style_StyleModel({ '@Name': Object(external_DevExpress_Analytics_Utils_["getLocalization"])(styleseditor_StylesEditorHeaderModel.newItem, styleseditor_StylesEditorHeaderModel.newItemTextId) })];
-            if (styles && styles()) {
-                result.push.apply(result, styles());
+            const result = [new style_StyleModel({ '@Name': Object(external_DevExpress_Analytics_Utils_["getLocalization"])(styleseditor_StylesEditorHeaderModel.newItem, styleseditor_StylesEditorHeaderModel.newItemTextId) }, this._report())];
+            if (this.styles && this.styles()) {
+                result.push.apply(result, this.styles());
             }
             return result;
         });
         this.onValueChanged = (e) => {
             if (e.value === Object(external_DevExpress_Analytics_Utils_["getLocalization"])(styleseditor_StylesEditorHeaderModel.newItem, styleseditor_StylesEditorHeaderModel.newItemTextId)) {
-                var newStyleName = Object(external_DevExpress_Analytics_Internal_["getUniqueNameForNamedObjectsArray"])(styles(), 'xrControlStyle'), newStyle = new style_StyleModel({ '@Name': newStyleName });
-                styles.push(newStyle);
+                const newStyleName = Object(external_DevExpress_Analytics_Internal_["getUniqueNameForNamedObjectsArray"])(this.styles(), 'xrControlStyle');
+                const newStyle = new style_StyleModel({ '@Name': newStyleName }, this._report());
+                this.styles.push(newStyle);
                 this.value(newStyleName);
             }
         };
         this.disabled = disabled;
         this.dropDownOptions = { container: popupContainer };
     }
+    get styles() {
+        var _a;
+        return (_a = this._report()) === null || _a === void 0 ? void 0 : _a.styles;
+    }
 }
 styleseditor_StylesEditorHeaderModel.newItem = 'Create New Style';
 styleseditor_StylesEditorHeaderModel.newItemTextId = 'ASPxReportsStringId.ReportDesigner_StylesEditor_CreateNew';
@@ -40794,7 +40854,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: value().name, attr: { title: value().name }', function ($context, $element) { return { 'text': function () { return $context.$data.value().name; }, 'attr': function () { return { 'title': $context.$data.value().name }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxPropertyGrid: { target: value, editorsInfo: { editors: $root.dx._static.formattingRuleSerializationsInfo }, level: editor.level + 1, parentDisabled: editor.disabled }', function ($context, $element) { return { 'dxPropertyGrid': function () { return { 'target': $context.$data.value, 'editorsInfo': { 'editors': $context.$root.dx._static.formattingRuleSerializationsInfo }, 'level': $context.$data.editor.level + 1, 'parentDisabled': $context.$data.editor.disabled }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { dataSource: wrapValues($root.displayNameProvider), value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }, dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.wrapValues($context.$root.displayNameProvider), 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: new $root.dx._static.StylesEditorHeaderModel(value, $root.styles(), disabled, $root.getPopupContainer($element))', function ($context, $element) { return { 'dxSelectBox': function () { return new $context.$root.dx._static.StylesEditorHeaderModel($context.$data.value, $context.$root.styles(), $context.$data.disabled, $context.$root.getPopupContainer($element)); } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: new $root.dx._static.StylesEditorHeaderModel(value, $root.model, disabled, $root.getPopupContainer($element))', function ($context, $element) { return { 'dxSelectBox': function () { return new $context.$root.dx._static.StylesEditorHeaderModel($context.$data.value, $context.$root.model, $context.$data.disabled, $context.$root.getPopupContainer($element)); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxStylesEditor: { styleName: value, styles: $root.styles() }', function ($context, $element) { return { 'dxStylesEditor': function () { return { 'styleName': $context.$data.value, 'styles': $context.$root.styles() }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxFieldListPicker: { acceptCustomValue: true, displayValue: $displayName, itemsProvider: $root.dataBindingsProvider(), treeListController: $parent.treeListController, value: $data.generateValue($root.undoEngine(), $root.dataSourceHelper(), $root.fieldListDataSources(), $root.dataBindingsProvider()), disabled: $parent.disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'displayValue': $context.$data.$displayName, 'itemsProvider': $context.$root.dataBindingsProvider(), 'treeListController': $context.$parent.treeListController, 'value': $context.$data.generateValue($context.$root.undoEngine(), $context.$root.dataSourceHelper(), $context.$root.fieldListDataSources(), $context.$root.dataBindingsProvider()), 'disabled': $context.$parent.disabled }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxFieldListPicker: { acceptCustomValue: true, displayValue: generateDisplayValue($root.reportDataSource), itemsProvider: $root.reportDataBindingsProvider, treeListController: treeListController, value: generateValue($root.undoEngine(), $root.reportParameters, $root.reportDataSource), disabled: disabled }', function ($context, $element) { return { 'dxFieldListPicker': function () { return { 'acceptCustomValue': true, 'displayValue': $context.$data.generateDisplayValue($context.$root.reportDataSource), 'itemsProvider': $context.$root.reportDataBindingsProvider, 'treeListController': $context.$data.treeListController, 'value': $context.$data.generateValue($context.$root.undoEngine(), $context.$root.reportParameters, $context.$root.reportDataSource), 'disabled': $context.$data.disabled }; } }; });
@@ -41207,7 +41267,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-bands': '<div data-bind="dxSelectBox: { items: generateValue($root.bands), value: value, displayExpr: \'displayName\', valueExpr: \'value\', displayCustomValue: true, disabled: disabled, placeholder: $root.getLocalization(\'(none)\', \'ChartStringId.WizNoBackImage\'), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div>',
     'dxrd-formattingRuleCollection': '<div class="dxrd-editor dxrd-formatting-rule-collection-editor" data-bind="visible: visible, styleunit: { \'marginLeft\' : padding }"> <div data-bind="dxCollectionEditor: options"> <div data-bind="dxdAccordion: { collapsed: collapsed }"> <div class="dxrd-group-header dx-accordion-header dxd-text-primary"> <div class="dxrd-formatting-rule-checkbox" data-bind="dxCheckBox: { value: value().selected, disabled: editor.disabled }, dxclick: function(_, event) { event.stopPropagation(); }"></div> <div class="dxrd-formatting-rule-collapsed dx-collapsing-image" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed() }"></div> <div class="dxrd-formatting-rule-displayName"> <div class="propertygrid-editor-displayName" data-bind="text: value().name, attr: { title: value().name }"></div> </div> </div> <div class="dx-accordion-content dxd-back-primary"> <div data-bind="dxPropertyGrid: { target: value, editorsInfo: { editors: $root.dx._static.formattingRuleSerializationsInfo }, level: editor.level + 1, parentDisabled: editor.disabled }"></div> </div> </div> </div> </div>',
     'dxrd-fields-combobox': '<div data-bind="dxSelectBox: { dataSource: wrapValues($root.displayNameProvider), value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }, dxValidator: { validationRules: $data.validationRules || [] }"></div>',
-    'dxrd-style': '<div data-bind="dxSelectBox: new $root.dx._static.StylesEditorHeaderModel(value, $root.styles(), disabled, $root.getPopupContainer($element))"></div>',
+    'dxrd-style': '<div data-bind="dxSelectBox: new $root.dx._static.StylesEditorHeaderModel(value, $root.model, disabled, $root.getPopupContainer($element))"></div>',
     'dxrd-styleContent': '<!-- ko if: value--> <div data-bind="dxStylesEditor: { styleName: value, styles: $root.styles() }"></div> <!--/ko -->',
     'dxrd-dataBindings': '',
     'dxrd-dataBinding': '<!-- ko with: value --> <!-- ko if: visible --> <!-- ko displayNameExtender: { dataSource: dataSource, dataMember: displayExpr } --> <div data-bind="dxFieldListPicker: { acceptCustomValue: true, displayValue: $displayName, itemsProvider: $root.dataBindingsProvider(), treeListController: $parent.treeListController, value: $data.generateValue($root.undoEngine(), $root.dataSourceHelper(), $root.fieldListDataSources(), $root.dataBindingsProvider()), disabled: $parent.disabled }"></div> <!--/ko --> <!--/ko --> <!--/ko -->',
@@ -42057,7 +42117,7 @@ class nameEditor_NameEditor extends external_DevExpress_Analytics_Widgets_["Edit
                         if (!model || x === model)
                             return false;
                         var same = model['isSame'];
-                        if (same && external_jQuery_["isFunction"](same) && same(x))
+                        if (same && Object(external_DevExpress_Analytics_Internal_["isFunction"])(same) && same(x))
                             return false;
                         return true;
                     }).length === 0;