devexpress-reporting 23.2.4-build-2419-1220 → 23.2.5-build-2433-2050

package/dist/js/dx-reportdesigner.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reportdesigner.js)
-* Version:  23.2.4-build-2419-1220
-* Build date: Jan 19, 2024
+* Version:  23.2.5-build-2433-2050
+* Build date: Feb 2, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -77,6 +77,7 @@ __webpack_require__.d(reporting_chart_internal_namespaceObject, {
   angle: () => (angle),
   antialiasing: () => (antialiasing),
   appearanceName: () => (appearanceName),
+  argumentSerializable: () => (argumentSerializable),
   autoBindingSettingsEnabled: () => (autoBindingSettingsEnabled),
   autoLayoutSettingsEnabled: () => (autoLayoutSettingsEnabled),
   axisLabelText: () => (axisLabelText),
@@ -303,7 +304,6 @@ __webpack_require__.d(reporting_chart_internal_series_namespaceObject, {
   _argumentScaleTypeValidatorOptions: () => (_argumentScaleTypeValidatorOptions),
   argumentDataMember: () => (argumentDataMember),
   argumentScaleType: () => (argumentScaleType),
-  argumentSerializable: () => (argumentSerializable),
   assignIndicatorActions: () => (assignIndicatorActions),
   colorSerializable: () => (colorSerializable),
   dateTimeSummaryOptionsSerializationInfoArray: () => (dateTimeSummaryOptionsSerializationInfoArray),
@@ -352,7 +352,6 @@ var reporting_designer_controls_namespaceObject = {};
 __webpack_require__.r(reporting_designer_controls_namespaceObject);
 __webpack_require__.d(reporting_designer_controls_namespaceObject, {
   ActionTypeBase: () => (ActionTypeBase),
-  ActionsCacheManager: () => (ActionsCacheManager),
   Anchoring: () => (Anchoring),
   BarCodeSymbology: () => (BarCodeSymbology),
   CheckEditOptions: () => (CheckEditOptions),
@@ -1937,6 +1936,7 @@ const defaultPane = { propertyName: 'defaultPane', modelName: 'DefaultPane', dis
 const additionalPaneSerializationsInfo = [_common_name].concat(paneSerializationsInfo);
 const filterString = { propertyName: '_filterString', modelName: '@FilterString' };
 const filterStringEditable = { propertyName: 'filterString', displayName: 'Filter String', localizationId: 'DevExpress.XtraReports.UI.XtraReportBase.FilterString', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('filterEditor') };
+const argumentSerializable = { propertyName: 'argumentSerializable', modelName: '@ArgumentSerializable', displayName: 'Argument', localizationId: 'DevExpress.XtraCharts.SeriesPoint.Argument', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') };
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/meta/_axis.js
 
@@ -2441,7 +2441,7 @@ class SummaryFunctionEditor extends external_DevExpress_Analytics_Widgets_namesp
         const viewmodel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('actionsAreAvailable', external_ko_namespaceObject.unwrap(this.actionsAreAvailable))
             .generateProperty('add', () => this.add())
-            .generateProperty('availableItems', this.availableItems())
+            .generateProperty('availableItems', this.getAvailableItems())
             .generateProperty('memberPadding', this.memberPadding)
             .generateProperty('argumentTemplateName', this.argumentTemplateName)
             .generateProperty('getLocalization', this.getLocalization)
@@ -2459,7 +2459,7 @@ class SummaryFunctionEditor extends external_DevExpress_Analytics_Widgets_namesp
     remove(index) {
         this.value().args.splice(index, 1);
     }
-    availableItems() {
+    getAvailableItems() {
         return SummaryFunctionModel.availableItems;
     }
 }
@@ -2763,6 +2763,7 @@ const backImage = {
 
 
 
+
 class SeriesPointModel extends external_DevExpress_Analytics_Elements_namespaceObject.SerializableModel {
     constructor(model, series, serializer) {
         super(model, serializer, seriesPointSerializationsInfo);
@@ -2866,7 +2867,7 @@ class SeriesPointModel extends external_DevExpress_Analytics_Elements_namespaceO
     }
 }
 SeriesPointModel.separator = ';';
-const valuesSerializable = { propertyName: 'valuesSerializable', modelName: '@ValuesSerializable', from: (val) => { return external_ko_namespaceObject.observable(val); }, toJsonObject: SeriesPointModel.valueToJsonObject }, argumentSerializable = { propertyName: 'argumentSerializable', modelName: '@ArgumentSerializable', displayName: 'Argument', localizationId: 'DevExpress.XtraCharts.SeriesPoint.Argument', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') }, colorSerializable = { propertyName: 'colorSerializable', modelName: '@ColorSerializable', displayName: 'Color', localizationId: 'DevExpress.XtraCharts.SeriesPoint.Color', from: external_DevExpress_Analytics_Utils_namespaceObject.colorFromString, toJsonObject: external_DevExpress_Analytics_Utils_namespaceObject.colorToString, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('customColorEditor') };
+const valuesSerializable = { propertyName: 'valuesSerializable', modelName: '@ValuesSerializable', from: (val) => { return external_ko_namespaceObject.observable(val); }, toJsonObject: SeriesPointModel.valueToJsonObject }, colorSerializable = { propertyName: 'colorSerializable', modelName: '@ColorSerializable', displayName: 'Color', localizationId: 'DevExpress.XtraCharts.SeriesPoint.Color', from: external_DevExpress_Analytics_Utils_namespaceObject.colorFromString, toJsonObject: external_DevExpress_Analytics_Utils_namespaceObject.colorToString, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('customColorEditor') };
 const seriesPointSerializationsInfo = [argumentSerializable, valuesSerializable, colorSerializable];
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/meta/_value.js
@@ -3210,6 +3211,8 @@ const _title_titleSerializationsInfo = [chartTitleText, textColor, dock, titleAl
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/chart/internal/meta/_indicators.js
 
+
+
 const pointscount = { propertyName: 'pointsCount', modelName: '@PointsCount', displayName: 'PointsCount', localizationId: 'DevExpress.XtraCharts.AverageTrueRange.PointsCount', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), defaultVal: 14 };
 const _indicators_name = { propertyName: 'name', modelName: '@Name', displayName: 'Name', localizationId: 'DevExpress.XtraCharts.Indicator.Name', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') };
 const legendtext = { propertyName: 'legendText', modelName: '@LegendText', displayName: 'LegendText', localizable: true, localizationId: 'DevExpress.XtraCharts.Indicator.LegendText', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') };
@@ -3483,7 +3486,10 @@ const multiplier = { propertyName: 'multiplier', modelName: '@Multiplier', displ
 const standardDeviationErrorBars = [multiplier, endstyle, _indicators_direction, _indicators_name, legendtext, _indicators_color, _indicators_visible, checkedinlegend, checkableinlegend, showinlegend, crosshairenabled, crosshairlabelvisibility, crosshairlabelpattern, crosshaircontentshowmode, crosshairemptyvaluelegendtext, _indicators_tag];
 const standardErrorBars = [endstyle, _indicators_direction, _indicators_name, legendtext, _indicators_color, _indicators_visible, checkedinlegend, checkableinlegend, showinlegend, crosshairenabled, crosshairlabelvisibility, crosshairlabelpattern, crosshaircontentshowmode, crosshairemptyvaluelegendtext, _indicators_tag];
 const extrapolatetoinfinity = { propertyName: 'extrapolateToInfinity', modelName: '@ExtrapolateToInfinity', displayName: 'ExtrapolateToInfinity', localizationId: 'DevExpress.XtraCharts.TrendLine.ExtrapolateToInfinity', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), defaultVal: true };
-const trendLine = [extrapolatetoinfinity, _indicators_name, legendtext, _indicators_color, _indicators_visible, checkedinlegend, checkableinlegend, showinlegend, crosshairenabled, crosshairlabelvisibility, crosshairlabelpattern, crosshaircontentshowmode, crosshairemptyvaluelegendtext, _indicators_tag];
+const pointInfo = [valuelevel2, argumentSerializable];
+const point1 = { propertyName: 'point1', modelName: 'Point1', displayName: 'Point 1', localizationId: 'DevExpress.XtraCharts.FinancialIndicator.Point1', info: pointInfo, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor'), defaultVal: {} };
+const point2 = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {}, point1, { propertyName: 'point2', modelName: 'Point2', displayName: 'Point 2', localizationId: 'DevExpress.XtraCharts.FinancialIndicator.Point2' });
+const trendLine = [extrapolatetoinfinity, _indicators_name, legendtext, _indicators_color, _indicators_visible, checkedinlegend, checkableinlegend, showinlegend, crosshairenabled, crosshairlabelvisibility, crosshairlabelpattern, crosshaircontentshowmode, crosshairemptyvaluelegendtext, _indicators_tag, point1, point2];
 const pointscount10 = { propertyName: 'pointsCount', modelName: '@PointsCount', displayName: 'PointsCount', localizationId: 'DevExpress.XtraCharts.SubsetBasedIndicator.PointsCount', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric') };
 const valuelevel9 = {
     propertyName: 'valueLevel', modelName: '@ValueLevel', displayName: 'ValueLevel', localizationId: 'DevExpress.XtraCharts.SingleLevelIndicator.ValueLevel', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), defaultVal: 'Value', valuesArray: [
@@ -4860,13 +4866,15 @@ class ChartControlViewModel extends external_DevExpress_Analytics_Utils_namespac
                 return seriesGetPath('seriesDataMember') || this.getPath('seriesDataMember');
             };
         }));
-        series._disposables.push(series.argumentDataMember.subscribe((newValue) => {
+        const updateSeriesActualArgumentScaleType = () => {
             if (this.chart.dataContainer.seriesTemplate.argumentScaleType() !== 'Auto')
                 return;
-            this._getSeriesActualArgumentScaleType(newValue).done((scaleType) => {
+            this._getSeriesActualArgumentScaleType(series.argumentDataMember()).done((scaleType) => {
                 series._actualArgumentScaleType(scaleType);
             });
-        }));
+        };
+        updateSeriesActualArgumentScaleType();
+        series._disposables.push(series.argumentDataMember.subscribe(updateSeriesActualArgumentScaleType), this.fieldListProvider.subscribe(updateSeriesActualArgumentScaleType));
         series._disposables.push(series.argumentScaleType.subscribe((newVal) => {
             if (newVal !== 'Auto' && newVal !== 'Qualitative')
                 this._getSeriesActualArgumentScaleType(series.argumentDataMember()).done((scaleType) => {
@@ -6582,21 +6590,6 @@ const action = { propertyName: 'action', modelName: 'Action', editor: external_D
 
 
 
-class ActionsCacheManager {
-    static getFromCache(predicate) {
-        return this.cache.find(cachedItem => predicate(cachedItem));
-    }
-    static addOrUpdate(element, predicate) {
-        const cachedItemIndex = this.cache.findIndex(element => predicate(element));
-        if (cachedItemIndex !== -1) {
-            this.cache[cachedItemIndex].dispose();
-            this.cache[cachedItemIndex] = element;
-            return;
-        }
-        this.cache.push(element);
-    }
-}
-ActionsCacheManager.cache = [];
 class ActionTypeBase extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     constructor(control, key, addSubcsription) {
         super();
@@ -6608,23 +6601,12 @@ class ActionTypeBase extends external_DevExpress_Analytics_Utils_namespaceObject
         addSubcsription && this.subscribeToObjectType();
     }
     updateActionType(objectType) {
-        const predicate = (element) => {
-            if (objectType === ActionType.NavigateToReport)
-                return (element instanceof NavigateToReportAction);
-            return false;
-        };
         if (objectType === ActionType.None) {
-            ActionsCacheManager.addOrUpdate(this._control.action(), predicate);
             this._control.action(new ActionTypeBase(this._control, this.key(), true));
-            return;
         }
-        let cachedAction = ActionsCacheManager.getFromCache(predicate);
-        if (objectType === ActionType.NavigateToReport) {
-            cachedAction !== null && cachedAction !== void 0 ? cachedAction : (cachedAction = new NavigateToReportAction(this.key(), {}, this._control, undefined, (report, serializer) => this._control.root.createReportViewModel(report, serializer)));
-            cachedAction.name(objectType);
+        else if (objectType === ActionType.NavigateToReport) {
+            this._control.action(new NavigateToReportAction(this.key(), {}, this._control, undefined, (report, serializer) => this._control.root.createReportViewModel(report, serializer)));
         }
-        ActionsCacheManager.addOrUpdate(cachedAction, predicate);
-        this._control.action(cachedAction);
     }
     subscribeToObjectType() {
         this._disposables.push(this.name.subscribe(newValue => this.updateActionType(newValue)));
@@ -15877,7 +15859,7 @@ class ControlsFactory extends external_DevExpress_Analytics_Utils_namespaceObjec
                 this.hideExpressionBindings(controlType, 'AccessibleDescription', 'LeftF', 'TopF', 'WidthF', 'Text', 'NavigateUrl', 'Bookmark');
                 break;
             case 'XRTableCell':
-                this.hideExpressionBindings(controlType, 'LeftF', 'TopF', 'HeightF');
+                this.hideExpressionBindings(controlType, 'LeftF', 'TopF', 'HeightF', 'WidthF');
                 break;
             case 'XRTable':
                 this.hideExpressionBindings(controlType, 'AccessibleDescription', 'Text', 'NavigateUrl');
@@ -26975,7 +26957,7 @@ class FieldListController {
         return this._selectedItems();
     }
     subscribeOnSelectedItemChange(callback) {
-        return this._selectedItems.subscribe(newValue => callback(newValue));
+        return this._selectedItems.subscribe(() => callback());
     }
 }
 
@@ -28548,8 +28530,8 @@ class ScriptsEditor extends external_DevExpress_Analytics_Internal_namespaceObje
                 .generateProperty('placeholder', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Select control...', 'ASPxReportsStringId.ReportDesigner_ScriptEditor_Toolbar_SelectControl'))
                 .getViewModel())
                 .getViewModel();
-            this.subscribe(action.controls, () => selectBoxActionViewModel.widget.dataSource = external_ko_namespaceObject.unwrap(action.controls));
-            this.subscribe(action['control'], () => selectBoxActionViewModel.widget.value = external_ko_namespaceObject.unwrap(action['control']));
+            this.subscribe(action, 'controls', () => selectBoxActionViewModel.widget.dataSource = external_ko_namespaceObject.unwrap(action.controls));
+            this.subscribe(action, 'control', () => selectBoxActionViewModel.widget.value = external_ko_namespaceObject.unwrap(action['control']));
             return selectBoxActionViewModel;
         }
         if ('events' in action) {
@@ -28566,8 +28548,8 @@ class ScriptsEditor extends external_DevExpress_Analytics_Internal_namespaceObje
                 .generateProperty('placeholder', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Select event...', 'ASPxReportsStringId.ReportDesigner_ScriptEditor_Toolbar_SelectEvent'))
                 .getViewModel())
                 .getViewModel();
-            this.subscribe(action.events, () => selectBoxActionViewModel.widget.dataSource = external_ko_namespaceObject.unwrap(action.events));
-            this.subscribe(action['event'], () => selectBoxActionViewModel.widget.value = external_ko_namespaceObject.unwrap(action['event']));
+            this.subscribe(action, 'events', () => selectBoxActionViewModel.widget.dataSource = external_ko_namespaceObject.unwrap(action.events));
+            this.subscribe(action, 'event', () => selectBoxActionViewModel.widget.value = external_ko_namespaceObject.unwrap(action['event']));
             return selectBoxActionViewModel;
         }
         return viewModel;
@@ -36023,16 +36005,13 @@ class SmartTagModel extends external_DevExpress_Analytics_Utils_namespaceObject.
         this.visible = external_ko_namespaceObject.observable(true);
         this.position = new external_DevExpress_Analytics_Elements_namespaceObject.Point(0, 0);
         this._disposables.push(selection.focused.subscribe(selectedSurface => {
-            let visible = false;
             const selectedItem = selectedSurface && selectedSurface['_control'];
             if (selectedItem) {
                 const reportElement = selectedItem;
-                visible = true;
                 this.smartTags().forEach(x => x.dispose());
                 this.smartTags(smartTagFactory[reportElement.controlType] ? smartTagFactory[reportElement.controlType](reportElement) :
                     smartTagFactory['default'] && smartTagFactory['default'](reportElement));
             }
-            this.visible(visible);
         }));
         this._disposables.push(external_ko_namespaceObject.computed(() => {
             if (!reportSurface())
@@ -36051,6 +36030,7 @@ class SmartTagModel extends external_DevExpress_Analytics_Utils_namespaceObject.
                 }
                 this.margin(this.getMargin(selectedItem));
             }
+            this.visible(selectedItem ? !external_ko_namespaceObject.unwrap(selectedItem.lockedInUserDesigner) : false);
         }).extend(({ rateLimit: { timeout: 1, method: 'notifyWhenChangesStop' } })));
     }
     getMargin(reportElement) {
@@ -37911,6 +37891,7 @@ const ContextMenusEnabled = (0,external_DevExpress_Analytics_Internal_namespaceO
 
 
 
+
 
 
 class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_namespaceObject.CommonDesignerGenerator {
@@ -38500,7 +38481,7 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
         this._addDisposable(expressionGridModel);
         const getVisible = () => { return this.buildingModel.model() && this.buildingModel.model()._dataBindingMode() !== _dataBindingMode_DataBindingMode.Bindings; };
         const getDisabled = () => {
-            return !expressionGridModel();
+            return !expressionGridModel() || external_ko_namespaceObject.unwrap(this.buildingModel.editableObject().lockedInUserDesigner);
         };
         const expressionTab = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfo({
             text: 'Expressions',
@@ -38575,7 +38556,7 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
         };
         const useContextMenu = external_ko_namespaceObject.observable(true);
         const actions = external_ko_namespaceObject.observable([]);
-        this.addDisposable(treeListOptions.treeListController.subscribeOnSelectedItemChange(newValue => {
+        this.addDisposable(treeListOptions.treeListController.subscribeOnSelectedItemChange(() => {
             var _a, _b;
             useContextMenu((_b = (_a = this.getModel().parts) === null || _a === void 0 ? void 0 : _a.some(part => part.id === ReportDesignerElements.ContextMenu)) !== null && _b !== void 0 ? _b : true);
             if (useContextMenu() && treeListOptions.treeListController.selectedItem)
@@ -39052,29 +39033,12 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                     designerModel.validationMode(!designerModel.validationMode());
                 },
             });
-            const getFullscreenActionImageTemplateName = (fullScreen) => fullScreen ? 'dxrd-svg-toolbar-fullscreen-exit' : 'dxrd-svg-toolbar-fullscreen';
-            actions.push({
+            const fullScreenAction = new external_DevExpress_Reporting_Viewer_Internal_namespaceObject.FullScreenActionBase(designerModel.fullScreen, {
                 id: actionId_ActionId.FullScreen,
-                text: 'Full Screen',
-                displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Full Screen', 'ASPxReportsStringId.ToolBarItemText_FullScreen'),
-                imageClassName: 'dxrd-image-fullscreen',
-                imageTemplateName: getFullscreenActionImageTemplateName(external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(designerModel.fullScreen)),
-                setImageTemplateNameChangedEvent: (callback) => {
-                    const handler = (newValue) => callback(getFullscreenActionImageTemplateName(newValue));
-                    const dispose = designerModel.fullScreen.subscribe(handler);
-                    return () => dispose();
-                },
-                selected: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(designerModel.fullScreen),
-                setSelectedChangedEvent: (callback) => {
-                    const dispose = designerModel.fullScreen.subscribe(callback);
-                    return () => dispose();
-                },
-                visible: true,
                 isContextMenuAction: false,
-                clickAction: () => {
-                    designerModel.fullScreen(!designerModel.fullScreen());
-                },
             });
+            actions.push(fullScreenAction);
+            this._addDisposable(fullScreenAction);
             if (scriptsEditor) {
                 actions.push({
                     id: actionId_ActionId.Scripts,
@@ -39094,13 +39058,14 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                 });
             }
             if (reportPreview) {
-                let visibilityChangedCallback = null;
-                this._addDisposable({
-                    dispose: reportPreview.events.on('previewVisibleChanged', (args) => {
-                        visibilityChangedCallback && visibilityChangedCallback(args.newValue);
-                    })
-                });
-                const previewAction = {
+                class PreviewAction extends external_DevExpress_Analytics_Internal_namespaceObject.BaseAction {
+                    constructor(reportPreview, model) {
+                        super(model);
+                        this.visible = !reportPreview.previewVisible;
+                        this.addDisposable(reportPreview.events.on('previewVisibleChanged', () => this.visible = !reportPreview.previewVisible));
+                    }
+                }
+                const previewAction = new PreviewAction(reportPreview, {
                     id: actionId_ActionId.Preview,
                     text: 'Preview',
                     displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Preview', 'ASPxReportsStringId.ToolBarItemText_Preview'),
@@ -39108,13 +39073,6 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                     imageTemplateName: 'dxrd-svg-preview-print_preview',
                     templateName: reportPreview.canSwitchToDesigner ? 'dxrd-toolbar-two-way-switch' : undefined,
                     disabled: external_ko_namespaceObject.pureComputed(() => { return !report(); }),
-                    visible: !reportPreview.previewVisible,
-                    setVisibleChangedEvent: (callback) => {
-                        visibilityChangedCallback = (newValue) => callback(!newValue);
-                        return () => {
-                            visibilityChangedCallback = undefined;
-                        };
-                    },
                     hotKey: { ctrlKey: true, keyCode: 'P'.charCodeAt(0) },
                     isContextMenuAction: false,
                     clickAction: () => {
@@ -39123,7 +39081,7 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                         reportPreview.initialize(ReportPreviewService.initializePreview(report()));
                     },
                     hasSeparator: true
-                };
+                });
                 previewAction.contentData = {
                     items: [
                         { getDisplayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Design', 'ASPxReportsStringId.ToolBarItemText_Design'), active: true },
@@ -39131,6 +39089,7 @@ class ReportDesignerInitializer extends external_DevExpress_Analytics_Internal_n
                     ]
                 };
                 actions.push(previewAction);
+                this._addDisposable(previewAction);
             }
             if (dataSourceWizard && ((_c = (_b = (_a = this.options.data) === null || _a === void 0 ? void 0 : _a.dataSourceSettings) === null || _b === void 0 ? void 0 : _b.allowAddDataSource) !== null && _c !== void 0 ? _c : true)) {
                 actions.push({
@@ -40775,8 +40734,8 @@ external_ko_namespaceObject.bindingHandlers['displayNameExtender'] = {
             const getPath = () => {
                 return external_ko_namespaceObject.isSubscribable(value.path) ? value.path() : (value.getPath && value.getPath());
             };
-            if (getDataMember()) {
-                const displayNameProvider = bindingContext.$root.displayNameProvider.peek();
+            const displayNameProvider = bindingContext.$root.displayNameProvider.peek();
+            if (getDataMember() && displayNameProvider) {
                 const promise = getPath() ? displayNameProvider.getDisplayNameByPath(getPath(), getDataMember()) :
                     displayNameProvider.getDisplayName(getDataSource(), getDataMember(), value.dataMemberOffset, value.includeDataSourceName);
                 promise.done(data => displayName(data))
@@ -41004,7 +40963,7 @@ FormatStringService.actions = { updatePreview: FormatStringService.updatePreview
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCollectionEditor: options', function ($context, $element) { return { 'dxCollectionEditor': function () { return $context.$data.options; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: $parent.memberPadding', function ($context, $element) { return { 'styleunit': function () { return $context.$parent.memberPadding; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $parent.getLocalization(\'Function\', \'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function\'), attr: { \'title\': $parent.getLocalization(\'Function\', \'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function\') }', function ($context, $element) { return { 'text': function () { return $context.$parent.getLocalization('Function', 'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function'); }, 'attr': function () { return { 'title': $context.$parent.getLocalization('Function', 'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function') }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { value: functionName, dataSource: $parent.availableItems ,acceptCustomValue: true, disabled: $parent.disabled, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'value': $context.$data.functionName, 'dataSource': $context.$parent.availableItems, 'acceptCustomValue': true, 'disabled': $context.$parent.disabled, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { value: functionName, dataSource: $parent.getAvailableItems(), acceptCustomValue: true, disabled: $parent.disabled, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'value': $context.$data.functionName, 'dataSource': $context.$parent.getAvailableItems(), 'acceptCustomValue': true, 'disabled': $context.$parent.disabled, 'placeholder': $context.$root.dx._static.selectPlaceholder(), 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'useItemTextAsTitle': true }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: $parents[1].actionsAreAvailable ? \'dxcd-summaryfunction-arg\' : \'\'', function ($context, $element) { return { 'css': function () { return $context.$parents[1].actionsAreAvailable ? 'dxcd-summaryfunction-arg' : ''; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: $parents[1].memberPadding', function ($context, $element) { return { 'styleunit': function () { return $context.$parents[1].memberPadding; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\'), attr: { \'title\': $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') }', function ($context, $element) { return { 'text': function () { return $context.$parents[1].getLocalization('Argument', 'DevExpress.XtraCharts.SeriesSelectionMode.Argument'); }, 'attr': function () { return { 'title': $context.$parents[1].getLocalization('Argument', 'DevExpress.XtraCharts.SeriesSelectionMode.Argument') }; } }; });
@@ -41804,7 +41763,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxcd-viewHeader': '<div data-bind="dxSelectBox: { dataSource: generateViewItems(), itemTemplate: \'stateItem\', valueExpr: \'value\', value: generateHeaderValue($root.undoEngine), displayExpr: \'displayValue\', disabled: disabled, dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"> <div class="lookupItem" data-options="dxTemplate:{ name:\'stateItem\' }"> <div class="dxrd-display-inline-block dxrd-width-24px dxrd-height-24px" data-bind="css: className, template: {name: templateName, if: !!templateName }"> </div> <div class="dxrd-display-inline-block dxrd-vertical-align-super dxrd-width-calc-100-30px dxrd-overflow-hidden dxrd-text-overflow-ellipsis" data-bind="text: displayValue"></div> </div> </div>',
     'dxcd-viewContent': '<div data-bind="dxPropertyGrid: { target: contentValue, level: level + 1, parentDisabled: disabled }"></div>',
     'dxcd-summaryfunction': '<div class="dx-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: options"> </div> </div>',
-    'dxcd-summaryFunction-content': '<div class="dxcd-summary-function-content"> <!-- ko with: value --> <div class="dx-field dxd-back-primary"> <div class="dx-field-label dxd-text-primary" data-bind="styleunit: $parent.memberPadding"> <div class="propertygrid-editor-displayName" data-bind="text: $parent.getLocalization(\'Function\', \'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function\'), attr: { \'title\': $parent.getLocalization(\'Function\', \'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function\') }"></div> </div> <div class="dx-field-value"> <div data-bind="dxSelectBox: { value: functionName, dataSource: $parent.availableItems ,acceptCustomValue: true, disabled: $parent.disabled, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> </div> <!-- ko foreach: args --> <div class="dx-field dxd-back-primary" data-bind="css: $parents[1].actionsAreAvailable ? \'dxcd-summaryfunction-arg\' : \'\'"> <div class="dx-field-label dxd-text-primary" data-bind="styleunit: $parents[1].memberPadding"> <!-- ko if: $parent.args().length === 1--> <div class="propertygrid-editor-displayName" data-bind="text: $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\'), attr: { \'title\': $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') }"></div> <!-- /ko --> <!-- ko if: $parent.args().length > 1--> <div class="propertygrid-editor-displayName" data-bind="text: $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') + ($index() + 1), attr: { \'title\': $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') + ($index() + 1) }"></div> <!-- /ko --> </div> <div class="dx-field-value"> <!-- ko if: $parents[1].actionsAreAvailable() --> <div class="dxcd-summaryFunction-remove" data-bind="click: function(){ $parents[1].remove($index()) }"> <div class="dxcd-summaryFunction-remove-icon dx-icon-dxrd-image-recycle-bin"><!-- ko template: \'dxrd-svg-operations-recycle_bin\'--><!-- /ko --></div> </div> <!-- /ko --> <!-- ko template: { name: $parents[1].argumentTemplateName, data: { value: $data.value, path: $parents[1].path, treeListController: $parents[1].treeListController, disabled: $parents[1].disabled, visible: $parents[1].visible } } --> <!-- /ko --> </div> </div> <!-- /ko --> <!-- ko if: $parent.actionsAreAvailable --> <div class="dx-field dxd-back-primary"> <div class="dx-field-label dxd-text-primary dxrd-width-auto"  data-bind="styleunit: $parent.memberPadding"> <div class="propertygrid-editor-displayName dxrcd-summaryfunction-addnew dxd-hyperlink-color dxd-border-accented dxd-text-accented" data-bind="text: $parent.getLocalization(\'Add Argument\', \'ASPxReportsStringId.ReportDesigner_AddArgument\'), attr: { \'title\': $parent.getLocalization(\'Add New Item\', \'ASPxReportsStringId.ReportDesigner_AddNewItem\') }, click: function() { $parent.add(); }"></div> </div> </div> <!-- /ko --> <!-- /ko --> </div>',
+    'dxcd-summaryFunction-content': '<div class="dxcd-summary-function-content"> <!-- ko with: value --> <div class="dx-field dxd-back-primary"> <div class="dx-field-label dxd-text-primary" data-bind="styleunit: $parent.memberPadding"> <div class="propertygrid-editor-displayName" data-bind="text: $parent.getLocalization(\'Function\', \'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function\'), attr: { \'title\': $parent.getLocalization(\'Function\', \'DevExpress.XtraReports.UI.XRGroupSortingSummary.Function\') }"></div> </div> <div class="dx-field-value"> <div data-bind="dxSelectBox: { value: functionName, dataSource: $parent.getAvailableItems(), acceptCustomValue: true, disabled: $parent.disabled, placeholder: $root.dx._static.selectPlaceholder(), dropDownOptions: { container: $root.getPopupContainer($element) }, useItemTextAsTitle: true  }"></div> </div> </div> <!-- ko foreach: args --> <div class="dx-field dxd-back-primary" data-bind="css: $parents[1].actionsAreAvailable ? \'dxcd-summaryfunction-arg\' : \'\'"> <div class="dx-field-label dxd-text-primary" data-bind="styleunit: $parents[1].memberPadding"> <!-- ko if: $parent.args().length === 1--> <div class="propertygrid-editor-displayName" data-bind="text: $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\'), attr: { \'title\': $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') }"></div> <!-- /ko --> <!-- ko if: $parent.args().length > 1--> <div class="propertygrid-editor-displayName" data-bind="text: $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') + ($index() + 1), attr: { \'title\': $parents[1].getLocalization(\'Argument\', \'DevExpress.XtraCharts.SeriesSelectionMode.Argument\') + ($index() + 1) }"></div> <!-- /ko --> </div> <div class="dx-field-value"> <!-- ko if: $parents[1].actionsAreAvailable() --> <div class="dxcd-summaryFunction-remove" data-bind="click: function(){ $parents[1].remove($index()) }"> <div class="dxcd-summaryFunction-remove-icon dx-icon-dxrd-image-recycle-bin"><!-- ko template: \'dxrd-svg-operations-recycle_bin\'--><!-- /ko --></div> </div> <!-- /ko --> <!-- ko template: { name: $parents[1].argumentTemplateName, data: { value: $data.value, path: $parents[1].path, treeListController: $parents[1].treeListController, disabled: $parents[1].disabled, visible: $parents[1].visible } } --> <!-- /ko --> </div> </div> <!-- /ko --> <!-- ko if: $parent.actionsAreAvailable --> <div class="dx-field dxd-back-primary"> <div class="dx-field-label dxd-text-primary dxrd-width-auto"  data-bind="styleunit: $parent.memberPadding"> <div class="propertygrid-editor-displayName dxrcd-summaryfunction-addnew dxd-hyperlink-color dxd-border-accented dxd-text-accented" data-bind="text: $parent.getLocalization(\'Add Argument\', \'ASPxReportsStringId.ReportDesigner_AddArgument\'), attr: { \'title\': $parent.getLocalization(\'Add New Item\', \'ASPxReportsStringId.ReportDesigner_AddNewItem\') }, click: function() { $parent.add(); }"></div> </div> </div> <!-- /ko --> <!-- /ko --> </div>',
     'dxcd-pointscollection': '<div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, displayName: displayName, level: level, info: info, addHandler: function() { return addPoint(_model()[\'owner\'] || _model()); } }"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties() }"></div> </div> </div>',
     'dxcd-maxSize': '<div data-bind="dxNumberBox: getDependencyOptions({ value:value, showSpinButtons:true, disabled:disabled }, \'min\', \'minSize\'), dxValidator: { validationRules: validationRules || [] }"></div>',
     'dxcd-minSize': '<div data-bind="dxNumberBox: getDependencyOptions({ value:value, showSpinButtons:true, disabled:disabled }, \'max\', \'maxSize\'), dxValidator: { validationRules: validationRules || [] }"></div>',