devexpress-reporting-angular 22.1.7-build-22339-0228 → 22.2.3

package/bundles/devexpress-reporting-angular-dx-report-designer.umd.js

@@ -1,8 +1,8 @@
 (function (global, factory) {
-    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@angular/common'), require('devexpress-reporting/dx-reportdesigner'), require('knockout'), require('devexpress-reporting-angular/core')) :
-    typeof define === 'function' && define.amd ? define('devexpress-reporting-angular/dx-report-designer', ['exports', '@angular/core', '@angular/common', 'devexpress-reporting/dx-reportdesigner', 'knockout', 'devexpress-reporting-angular/core'], factory) :
-    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["devexpress-reporting-angular"] = global["devexpress-reporting-angular"] || {}, global["devexpress-reporting-angular"]["dx-report-designer"] = {}), global.ng.core, global.ng.common, global.dxReportdesigner, global.ko, global["devexpress-reporting-angular"].core));
-})(this, (function (exports, core, common, dxReportdesigner, ko, core$1) { 'use strict';
+    typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('devexpress-reporting/dx-reportdesigner'), require('knockout'), require('devexpress-reporting-angular/core'), require('devexpress-reporting-angular/dx-report-viewer'), require('@angular/common')) :
+    typeof define === 'function' && define.amd ? define('devexpress-reporting-angular/dx-report-designer', ['exports', '@angular/core', 'devexpress-reporting/dx-reportdesigner', 'knockout', 'devexpress-reporting-angular/core', 'devexpress-reporting-angular/dx-report-viewer', '@angular/common'], factory) :
+    (global = typeof globalThis !== 'undefined' ? globalThis : global || self, factory((global["devexpress-reporting-angular"] = global["devexpress-reporting-angular"] || {}, global["devexpress-reporting-angular"]["dx-report-designer"] = {}), global.ng.core, global.dxReportdesigner, global.ko, global["devexpress-reporting-angular"].core, global["devexpress-reporting-angular"]["dx-report-viewer"], global.ng.common));
+})(this, (function (exports, i0, dxReportdesigner, ko, core, dxReportViewer, i1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -22,24 +22,9 @@
         return Object.freeze(n);
     }
 
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var ko__namespace = /*#__PURE__*/_interopNamespace(ko);
-
-    var DxReportDesignerRequestOptionsComponent = /** @class */ (function () {
-        function DxReportDesignerRequestOptionsComponent() {
-        }
-        return DxReportDesignerRequestOptionsComponent;
-    }());
-    DxReportDesignerRequestOptionsComponent.decorators = [
-        { type: core.Component, args: [{
-                    template: '',
-                    selector: 'dxrd-request-options'
-                },] }
-    ];
-    DxReportDesignerRequestOptionsComponent.propDecorators = {
-        getDesignerModelAction: [{ type: core.Input }],
-        getLocalizationAction: [{ type: core.Input }],
-        host: [{ type: core.Input }]
-    };
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -370,79 +355,299 @@
 
     var DxReportDesignerCallbacksComponent = /** @class */ (function () {
         function DxReportDesignerCallbacksComponent() {
-            this.CustomizeElements = new core.EventEmitter();
-            this.ExitDesigner = new core.EventEmitter();
-            this.ReportSaving = new core.EventEmitter();
-            this.ReportSaved = new core.EventEmitter();
-            this.ReportOpened = new core.EventEmitter();
-            this.ReportOpening = new core.EventEmitter();
-            this.TabChanged = new core.EventEmitter();
-            this.ReportTabClosing = new core.EventEmitter();
-            this.ReportTabClosed = new core.EventEmitter();
-            this.ComponentAdded = new core.EventEmitter();
-            this.CustomizeParameterEditors = new core.EventEmitter();
-            this.CustomizeSaveDialog = new core.EventEmitter();
-            this.CustomizeSaveAsDialog = new core.EventEmitter();
-            this.CustomizeOpenDialog = new core.EventEmitter();
-            this.CustomizeToolbox = new core.EventEmitter();
-            this.CustomizeFieldListActions = new core.EventEmitter();
-            this.CustomizeMenuActions = new core.EventEmitter();
-            this.CustomizeLocalization = new core.EventEmitter();
-            this.BeforeRender = new core.EventEmitter();
-            this.OnServerError = new core.EventEmitter();
-            this.CustomizeWizard = new core.EventEmitter();
-            this.PreviewClick = new core.EventEmitter();
-            this.PreviewCustomizeElements = new core.EventEmitter();
-            this.PreviewCustomizeMenuActions = new core.EventEmitter();
-            this.PreviewEditingFieldChanged = new core.EventEmitter();
-            this.PreviewDocumentReady = new core.EventEmitter();
-            this.PreviewParametersReset = new core.EventEmitter();
-            this.PreviewParametersInitialized = new core.EventEmitter();
-            this.PreviewCustomizeExportOptions = new core.EventEmitter();
-            this.PreviewParametersSubmitted = new core.EventEmitter();
-            this.PreviewOnExport = new core.EventEmitter();
+            this.CustomizeElements = new i0.EventEmitter();
+            this.ExitDesigner = new i0.EventEmitter();
+            this.ReportSaving = new i0.EventEmitter();
+            this.ReportSaved = new i0.EventEmitter();
+            this.ReportOpened = new i0.EventEmitter();
+            this.ReportOpening = new i0.EventEmitter();
+            this.TabChanged = new i0.EventEmitter();
+            this.ReportTabClosing = new i0.EventEmitter();
+            this.ReportTabClosed = new i0.EventEmitter();
+            this.ComponentAdded = new i0.EventEmitter();
+            this.CustomizeParameterEditors = new i0.EventEmitter();
+            this.CustomizeSaveDialog = new i0.EventEmitter();
+            this.CustomizeSaveAsDialog = new i0.EventEmitter();
+            this.CustomizeOpenDialog = new i0.EventEmitter();
+            this.CustomizeToolbox = new i0.EventEmitter();
+            this.CustomizeFieldListActions = new i0.EventEmitter();
+            this.CustomizeMenuActions = new i0.EventEmitter();
+            this.CustomizeLocalization = new i0.EventEmitter();
+            this.BeforeRender = new i0.EventEmitter();
+            this.OnServerError = new i0.EventEmitter();
+            this.CustomizeWizard = new i0.EventEmitter();
+            this.PreviewClick = new i0.EventEmitter();
+            this.PreviewCustomizeElements = new i0.EventEmitter();
+            this.PreviewCustomizeMenuActions = new i0.EventEmitter();
+            this.PreviewEditingFieldChanged = new i0.EventEmitter();
+            this.PreviewDocumentReady = new i0.EventEmitter();
+            this.PreviewParametersReset = new i0.EventEmitter();
+            this.PreviewParametersInitialized = new i0.EventEmitter();
+            this.PreviewCustomizeExportOptions = new i0.EventEmitter();
+            this.PreviewParametersSubmitted = new i0.EventEmitter();
+            this.PreviewOnExport = new i0.EventEmitter();
         }
         return DxReportDesignerCallbacksComponent;
     }());
-    DxReportDesignerCallbacksComponent.decorators = [
-        { type: core.Component, args: [{
-                    template: '',
-                    selector: 'dxrd-callbacks'
-                },] }
-    ];
-    DxReportDesignerCallbacksComponent.propDecorators = {
-        CustomizeElements: [{ type: core.Output }],
-        ExitDesigner: [{ type: core.Output }],
-        ReportSaving: [{ type: core.Output }],
-        ReportSaved: [{ type: core.Output }],
-        ReportOpened: [{ type: core.Output }],
-        ReportOpening: [{ type: core.Output }],
-        TabChanged: [{ type: core.Output }],
-        ReportTabClosing: [{ type: core.Output }],
-        ReportTabClosed: [{ type: core.Output }],
-        ComponentAdded: [{ type: core.Output }],
-        CustomizeParameterEditors: [{ type: core.Output }],
-        CustomizeSaveDialog: [{ type: core.Output }],
-        CustomizeSaveAsDialog: [{ type: core.Output }],
-        CustomizeOpenDialog: [{ type: core.Output }],
-        CustomizeToolbox: [{ type: core.Output }],
-        CustomizeFieldListActions: [{ type: core.Output }],
-        CustomizeMenuActions: [{ type: core.Output }],
-        CustomizeLocalization: [{ type: core.Output }],
-        BeforeRender: [{ type: core.Output }],
-        OnServerError: [{ type: core.Output }],
-        CustomizeWizard: [{ type: core.Output }],
-        PreviewClick: [{ type: core.Output }],
-        PreviewCustomizeElements: [{ type: core.Output }],
-        PreviewCustomizeMenuActions: [{ type: core.Output }],
-        PreviewEditingFieldChanged: [{ type: core.Output }],
-        PreviewDocumentReady: [{ type: core.Output }],
-        PreviewParametersReset: [{ type: core.Output }],
-        PreviewParametersInitialized: [{ type: core.Output }],
-        PreviewCustomizeExportOptions: [{ type: core.Output }],
-        PreviewParametersSubmitted: [{ type: core.Output }],
-        PreviewOnExport: [{ type: core.Output }]
-    };
+    DxReportDesignerCallbacksComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerCallbacksComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DxReportDesignerCallbacksComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DxReportDesignerCallbacksComponent, selector: "dxrd-callbacks", outputs: { CustomizeElements: "CustomizeElements", ExitDesigner: "ExitDesigner", ReportSaving: "ReportSaving", ReportSaved: "ReportSaved", ReportOpened: "ReportOpened", ReportOpening: "ReportOpening", TabChanged: "TabChanged", ReportTabClosing: "ReportTabClosing", ReportTabClosed: "ReportTabClosed", ComponentAdded: "ComponentAdded", CustomizeParameterEditors: "CustomizeParameterEditors", CustomizeSaveDialog: "CustomizeSaveDialog", CustomizeSaveAsDialog: "CustomizeSaveAsDialog", CustomizeOpenDialog: "CustomizeOpenDialog", CustomizeToolbox: "CustomizeToolbox", CustomizeFieldListActions: "CustomizeFieldListActions", CustomizeMenuActions: "CustomizeMenuActions", CustomizeLocalization: "CustomizeLocalization", BeforeRender: "BeforeRender", OnServerError: "OnServerError", CustomizeWizard: "CustomizeWizard", PreviewClick: "PreviewClick", PreviewCustomizeElements: "PreviewCustomizeElements", PreviewCustomizeMenuActions: "PreviewCustomizeMenuActions", PreviewEditingFieldChanged: "PreviewEditingFieldChanged", PreviewDocumentReady: "PreviewDocumentReady", PreviewParametersReset: "PreviewParametersReset", PreviewParametersInitialized: "PreviewParametersInitialized", PreviewCustomizeExportOptions: "PreviewCustomizeExportOptions", PreviewParametersSubmitted: "PreviewParametersSubmitted", PreviewOnExport: "PreviewOnExport" }, ngImport: i0__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerCallbacksComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        template: '',
+                        selector: 'dxrd-callbacks'
+                    }]
+            }], propDecorators: { CustomizeElements: [{
+                    type: i0.Output
+                }], ExitDesigner: [{
+                    type: i0.Output
+                }], ReportSaving: [{
+                    type: i0.Output
+                }], ReportSaved: [{
+                    type: i0.Output
+                }], ReportOpened: [{
+                    type: i0.Output
+                }], ReportOpening: [{
+                    type: i0.Output
+                }], TabChanged: [{
+                    type: i0.Output
+                }], ReportTabClosing: [{
+                    type: i0.Output
+                }], ReportTabClosed: [{
+                    type: i0.Output
+                }], ComponentAdded: [{
+                    type: i0.Output
+                }], CustomizeParameterEditors: [{
+                    type: i0.Output
+                }], CustomizeSaveDialog: [{
+                    type: i0.Output
+                }], CustomizeSaveAsDialog: [{
+                    type: i0.Output
+                }], CustomizeOpenDialog: [{
+                    type: i0.Output
+                }], CustomizeToolbox: [{
+                    type: i0.Output
+                }], CustomizeFieldListActions: [{
+                    type: i0.Output
+                }], CustomizeMenuActions: [{
+                    type: i0.Output
+                }], CustomizeLocalization: [{
+                    type: i0.Output
+                }], BeforeRender: [{
+                    type: i0.Output
+                }], OnServerError: [{
+                    type: i0.Output
+                }], CustomizeWizard: [{
+                    type: i0.Output
+                }], PreviewClick: [{
+                    type: i0.Output
+                }], PreviewCustomizeElements: [{
+                    type: i0.Output
+                }], PreviewCustomizeMenuActions: [{
+                    type: i0.Output
+                }], PreviewEditingFieldChanged: [{
+                    type: i0.Output
+                }], PreviewDocumentReady: [{
+                    type: i0.Output
+                }], PreviewParametersReset: [{
+                    type: i0.Output
+                }], PreviewParametersInitialized: [{
+                    type: i0.Output
+                }], PreviewCustomizeExportOptions: [{
+                    type: i0.Output
+                }], PreviewParametersSubmitted: [{
+                    type: i0.Output
+                }], PreviewOnExport: [{
+                    type: i0.Output
+                }] } });
+
+    var DxReportDesignerDataSourceSettingsComponent = /** @class */ (function () {
+        function DxReportDesignerDataSourceSettingsComponent() {
+        }
+        DxReportDesignerDataSourceSettingsComponent.prototype.getSerializableSettings = function () {
+            return {
+                allowAddDataSource: this.allowAddDataSource,
+                allowRemoveDataSource: this.allowRemoveDataSource,
+                allowEditDataSource: this.allowEditDataSource
+            };
+        };
+        return DxReportDesignerDataSourceSettingsComponent;
+    }());
+    DxReportDesignerDataSourceSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerDataSourceSettingsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DxReportDesignerDataSourceSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DxReportDesignerDataSourceSettingsComponent, selector: "dxrd-datasource-settings", inputs: { allowAddDataSource: "allowAddDataSource", allowRemoveDataSource: "allowRemoveDataSource", allowEditDataSource: "allowEditDataSource" }, ngImport: i0__namespace, template: '', isInline: true });
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerDataSourceSettingsComponent.prototype, "allowAddDataSource", void 0);
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerDataSourceSettingsComponent.prototype, "allowRemoveDataSource", void 0);
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerDataSourceSettingsComponent.prototype, "allowEditDataSource", void 0);
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerDataSourceSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        template: '',
+                        selector: 'dxrd-datasource-settings'
+                    }]
+            }], propDecorators: { allowAddDataSource: [{
+                    type: i0.Input
+                }], allowRemoveDataSource: [{
+                    type: i0.Input
+                }], allowEditDataSource: [{
+                    type: i0.Input
+                }] } });
+
+    var DxReportDesignerPreviewSettingsComponent = /** @class */ (function () {
+        function DxReportDesignerPreviewSettingsComponent() {
+        }
+        DxReportDesignerPreviewSettingsComponent.prototype.getSerializableSettings = function () {
+            var _a, _b;
+            return {
+                exportSettings: (_a = this.exportSettings) === null || _a === void 0 ? void 0 : _a.getSerializableSettings(),
+                progressBarSettings: (_b = this.porgressbarSettings) === null || _b === void 0 ? void 0 : _b.getSerializableSettings()
+            };
+        };
+        return DxReportDesignerPreviewSettingsComponent;
+    }());
+    DxReportDesignerPreviewSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerPreviewSettingsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DxReportDesignerPreviewSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DxReportDesignerPreviewSettingsComponent, selector: "dxrd-preview-settings", queries: [{ propertyName: "porgressbarSettings", first: true, predicate: dxReportViewer.DxReportViewerProgressBarSettingsComponent, descendants: true }, { propertyName: "exportSettings", first: true, predicate: dxReportViewer.DxReportViewerExportSettingsComponent, descendants: true }], ngImport: i0__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerPreviewSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        template: '',
+                        selector: 'dxrd-preview-settings'
+                    }]
+            }], propDecorators: { porgressbarSettings: [{
+                    type: i0.ContentChild,
+                    args: [dxReportViewer.DxReportViewerProgressBarSettingsComponent]
+                }], exportSettings: [{
+                    type: i0.ContentChild,
+                    args: [dxReportViewer.DxReportViewerExportSettingsComponent]
+                }] } });
+
+    var DxReportDesignerWizardSettingsComponent = /** @class */ (function () {
+        function DxReportDesignerWizardSettingsComponent() {
+        }
+        DxReportDesignerWizardSettingsComponent.prototype.getSerializableSettings = function () {
+            return {
+                useMasterDetailWizard: this.useMasterDetailWizard,
+                enableJsonDataSource: this.enableJsonDataSource,
+                enableSqlDataSource: this.enableSqlDataSource,
+                enableObjectDataSource: this.enableObjectDataSource,
+                enableFederationDataSource: this.enableFederationDataSource,
+                useFullscreenWizard: this.useFullscreenWizard,
+                reportWizardTemplatesSearchBoxVisibility: this.reportWizardTemplatesSearchBoxVisibility
+            };
+        };
+        return DxReportDesignerWizardSettingsComponent;
+    }());
+    DxReportDesignerWizardSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerWizardSettingsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DxReportDesignerWizardSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DxReportDesignerWizardSettingsComponent, selector: "dxrd-wizard-settings", inputs: { useMasterDetailWizard: "useMasterDetailWizard", enableJsonDataSource: "enableJsonDataSource", enableSqlDataSource: "enableSqlDataSource", enableObjectDataSource: "enableObjectDataSource", enableFederationDataSource: "enableFederationDataSource", useFullscreenWizard: "useFullscreenWizard", reportWizardTemplatesSearchBoxVisibility: "reportWizardTemplatesSearchBoxVisibility" }, ngImport: i0__namespace, template: '', isInline: true });
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerWizardSettingsComponent.prototype, "useMasterDetailWizard", void 0);
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerWizardSettingsComponent.prototype, "enableJsonDataSource", void 0);
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerWizardSettingsComponent.prototype, "enableSqlDataSource", void 0);
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerWizardSettingsComponent.prototype, "enableObjectDataSource", void 0);
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerWizardSettingsComponent.prototype, "enableFederationDataSource", void 0);
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerWizardSettingsComponent.prototype, "useFullscreenWizard", void 0);
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerWizardSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        template: '',
+                        selector: 'dxrd-wizard-settings'
+                    }]
+            }], propDecorators: { useMasterDetailWizard: [{
+                    type: i0.Input
+                }], enableJsonDataSource: [{
+                    type: i0.Input
+                }], enableSqlDataSource: [{
+                    type: i0.Input
+                }], enableObjectDataSource: [{
+                    type: i0.Input
+                }], enableFederationDataSource: [{
+                    type: i0.Input
+                }], useFullscreenWizard: [{
+                    type: i0.Input
+                }], reportWizardTemplatesSearchBoxVisibility: [{
+                    type: i0.Input
+                }] } });
+
+    var DxReportDesignerModelSettingsComponent = /** @class */ (function () {
+        function DxReportDesignerModelSettingsComponent() {
+        }
+        DxReportDesignerModelSettingsComponent.prototype.getSerializableSettings = function () {
+            var _a, _b, _c;
+            return {
+                reportPreviewSettings: (_a = this.previewSettings) === null || _a === void 0 ? void 0 : _a.getSerializableSettings(),
+                wizardSettings: (_b = this.wizardSettings) === null || _b === void 0 ? void 0 : _b.getSerializableSettings(),
+                dataSourceSettings: (_c = this.dataSourceSettings) === null || _c === void 0 ? void 0 : _c.getSerializableSettings(),
+                allowMDI: this.allowMDI,
+                rightToLeft: this.rightToLeft
+            };
+        };
+        return DxReportDesignerModelSettingsComponent;
+    }());
+    DxReportDesignerModelSettingsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerModelSettingsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DxReportDesignerModelSettingsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DxReportDesignerModelSettingsComponent, selector: "dxrd-designer-model-settings", inputs: { allowMDI: "allowMDI", rightToLeft: "rightToLeft" }, queries: [{ propertyName: "previewSettings", first: true, predicate: DxReportDesignerPreviewSettingsComponent, descendants: true }, { propertyName: "wizardSettings", first: true, predicate: DxReportDesignerWizardSettingsComponent, descendants: true }, { propertyName: "dataSourceSettings", first: true, predicate: DxReportDesignerDataSourceSettingsComponent, descendants: true }], ngImport: i0__namespace, template: '', isInline: true });
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerModelSettingsComponent.prototype, "allowMDI", void 0);
+    __decorate([
+        core._inputConverter(core._booleanConverter)
+    ], DxReportDesignerModelSettingsComponent.prototype, "rightToLeft", void 0);
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerModelSettingsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        template: '',
+                        selector: 'dxrd-designer-model-settings'
+                    }]
+            }], propDecorators: { allowMDI: [{
+                    type: i0.Input
+                }], rightToLeft: [{
+                    type: i0.Input
+                }], previewSettings: [{
+                    type: i0.ContentChild,
+                    args: [DxReportDesignerPreviewSettingsComponent]
+                }], wizardSettings: [{
+                    type: i0.ContentChild,
+                    args: [DxReportDesignerWizardSettingsComponent]
+                }], dataSourceSettings: [{
+                    type: i0.ContentChild,
+                    args: [DxReportDesignerDataSourceSettingsComponent]
+                }] } });
+
+    var DxReportDesignerRequestOptionsComponent = /** @class */ (function () {
+        function DxReportDesignerRequestOptionsComponent() {
+        }
+        return DxReportDesignerRequestOptionsComponent;
+    }());
+    DxReportDesignerRequestOptionsComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerRequestOptionsComponent, deps: [], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DxReportDesignerRequestOptionsComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DxReportDesignerRequestOptionsComponent, selector: "dxrd-request-options", inputs: { getDesignerModelAction: "getDesignerModelAction", getLocalizationAction: "getLocalizationAction", host: "host" }, ngImport: i0__namespace, template: '', isInline: true });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerRequestOptionsComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        template: '',
+                        selector: 'dxrd-request-options'
+                    }]
+            }], propDecorators: { getDesignerModelAction: [{
+                    type: i0.Input
+                }], getLocalizationAction: [{
+                    type: i0.Input
+                }], host: [{
+                    type: i0.Input
+                }] } });
 
     var DxReportDesignerComponent = /** @class */ (function (_super) {
         __extends(DxReportDesignerComponent, _super);
@@ -458,11 +663,13 @@
             return new dxReportdesigner.JSReportDesignerBinding(options, this.getEventRaiser());
         };
         DxReportDesignerComponent.prototype.getControlOptions = function () {
+            var _a;
             return {
-                rtl: this.rtl,
+                rightToLeft: this.rtl,
                 developmentMode: this.developmentMode,
                 reportUrl: this.koReportUrl,
                 requestOptions: this.requestOptions,
+                designerModelSettings: (_a = this.designerModelSettings) === null || _a === void 0 ? void 0 : _a.getSerializableSettings(),
                 callbacks: { designer: {}, preview: {} }
             };
         };
@@ -471,6 +678,7 @@
             this.requestOptions = null;
             this.callbacksComponent = null;
             this.koReportUrl = null;
+            this.designerModelSettings = null;
         };
         DxReportDesignerComponent.prototype.GetDesignerModel = function () {
             return this.bindingSender.GetDesignerModel();
@@ -489,45 +697,80 @@
             configurable: true
         });
         return DxReportDesignerComponent;
-    }(core$1.DxReportingComponent));
-    DxReportDesignerComponent.decorators = [
-        { type: core.Component, args: [{
-                    selector: 'dx-report-designer',
-                    encapsulation: core.ViewEncapsulation.None,
-                    template: "<div #control [ngClass]=\"cssClass\" [ngStyle]=\"{'width': width, 'height': height }\">\n  <div data-bind=\"dxReportDesigner: $data\"></div>\n</div>"
-                },] }
-    ];
-    DxReportDesignerComponent.ctorParameters = function () { return [
-        { type: core.Renderer2 },
-        { type: Object, decorators: [{ type: core.Inject, args: [core.PLATFORM_ID,] }] }
-    ]; };
-    DxReportDesignerComponent.propDecorators = {
-        requestOptions: [{ type: core.ContentChild, args: [DxReportDesignerRequestOptionsComponent,] }],
-        callbacksComponent: [{ type: core.ContentChild, args: [DxReportDesignerCallbacksComponent,] }],
-        reportUrl: [{ type: core.Input }]
-    };
+    }(core.DxReportingComponent));
+    DxReportDesignerComponent.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerComponent, deps: [{ token: i0__namespace.Renderer2 }, { token: i0.PLATFORM_ID }], target: i0__namespace.ɵɵFactoryTarget.Component });
+    DxReportDesignerComponent.ɵcmp = i0__namespace.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "12.2.17", type: DxReportDesignerComponent, selector: "dx-report-designer", inputs: { reportUrl: "reportUrl" }, queries: [{ propertyName: "requestOptions", first: true, predicate: DxReportDesignerRequestOptionsComponent, descendants: true }, { propertyName: "callbacksComponent", first: true, predicate: DxReportDesignerCallbacksComponent, descendants: true }, { propertyName: "designerModelSettings", first: true, predicate: DxReportDesignerModelSettingsComponent, descendants: true }], usesInheritance: true, ngImport: i0__namespace, template: "<div #control [ngClass]=\"cssClass\" [ngStyle]=\"{'width': width, 'height': height }\">\r\n  <div data-bind=\"dxReportDesigner: $data\"></div>\r\n</div>", directives: [{ type: i1__namespace.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { type: i1__namespace.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }], encapsulation: i0__namespace.ViewEncapsulation.None });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerComponent, decorators: [{
+                type: i0.Component,
+                args: [{
+                        selector: 'dx-report-designer',
+                        encapsulation: i0.ViewEncapsulation.None,
+                        templateUrl: './dx-report-designer.component.html',
+                        styleUrls: []
+                    }]
+            }], ctorParameters: function () {
+            return [{ type: i0__namespace.Renderer2 }, { type: Object, decorators: [{
+                            type: i0.Inject,
+                            args: [i0.PLATFORM_ID]
+                        }] }];
+        }, propDecorators: { requestOptions: [{
+                    type: i0.ContentChild,
+                    args: [DxReportDesignerRequestOptionsComponent]
+                }], callbacksComponent: [{
+                    type: i0.ContentChild,
+                    args: [DxReportDesignerCallbacksComponent]
+                }], designerModelSettings: [{
+                    type: i0.ContentChild,
+                    args: [DxReportDesignerModelSettingsComponent]
+                }], reportUrl: [{
+                    type: i0.Input
+                }] } });
 
     var DxReportDesignerModule = /** @class */ (function () {
         function DxReportDesignerModule() {
         }
         return DxReportDesignerModule;
     }());
-    DxReportDesignerModule.decorators = [
-        { type: core.NgModule, args: [{
-                    id: 'DxReportDesignerModule',
-                    imports: [common.CommonModule],
-                    declarations: [
-                        DxReportDesignerCallbacksComponent,
-                        DxReportDesignerRequestOptionsComponent,
-                        DxReportDesignerComponent
-                    ],
-                    exports: [
-                        DxReportDesignerCallbacksComponent,
-                        DxReportDesignerRequestOptionsComponent,
-                        DxReportDesignerComponent
-                    ]
-                },] }
-    ];
+    DxReportDesignerModule.ɵfac = i0__namespace.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerModule, deps: [], target: i0__namespace.ɵɵFactoryTarget.NgModule });
+    DxReportDesignerModule.ɵmod = i0__namespace.ɵɵngDeclareNgModule({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerModule, declarations: [DxReportDesignerCallbacksComponent,
+            DxReportDesignerRequestOptionsComponent,
+            DxReportDesignerComponent,
+            DxReportDesignerPreviewSettingsComponent,
+            DxReportDesignerWizardSettingsComponent,
+            DxReportDesignerDataSourceSettingsComponent,
+            DxReportDesignerModelSettingsComponent], imports: [i1.CommonModule], exports: [DxReportDesignerCallbacksComponent,
+            DxReportDesignerRequestOptionsComponent,
+            DxReportDesignerComponent,
+            DxReportDesignerPreviewSettingsComponent,
+            DxReportDesignerWizardSettingsComponent,
+            DxReportDesignerDataSourceSettingsComponent,
+            DxReportDesignerModelSettingsComponent], id: 'DxReportDesignerModule' });
+    DxReportDesignerModule.ɵinj = i0__namespace.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerModule, imports: [[i1.CommonModule]] });
+    i0__namespace.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "12.2.17", ngImport: i0__namespace, type: DxReportDesignerModule, decorators: [{
+                type: i0.NgModule,
+                args: [{
+                        id: 'DxReportDesignerModule',
+                        imports: [i1.CommonModule],
+                        declarations: [
+                            DxReportDesignerCallbacksComponent,
+                            DxReportDesignerRequestOptionsComponent,
+                            DxReportDesignerComponent,
+                            DxReportDesignerPreviewSettingsComponent,
+                            DxReportDesignerWizardSettingsComponent,
+                            DxReportDesignerDataSourceSettingsComponent,
+                            DxReportDesignerModelSettingsComponent
+                        ],
+                        exports: [
+                            DxReportDesignerCallbacksComponent,
+                            DxReportDesignerRequestOptionsComponent,
+                            DxReportDesignerComponent,
+                            DxReportDesignerPreviewSettingsComponent,
+                            DxReportDesignerWizardSettingsComponent,
+                            DxReportDesignerDataSourceSettingsComponent,
+                            DxReportDesignerModelSettingsComponent
+                        ]
+                    }]
+            }] });
 
     /*
      * Public API Surface of reporting-angular/report-designer
@@ -539,8 +782,12 @@
 
     exports.DxReportDesignerCallbacksComponent = DxReportDesignerCallbacksComponent;
     exports.DxReportDesignerComponent = DxReportDesignerComponent;
+    exports.DxReportDesignerDataSourceSettingsComponent = DxReportDesignerDataSourceSettingsComponent;
+    exports.DxReportDesignerModelSettingsComponent = DxReportDesignerModelSettingsComponent;
     exports.DxReportDesignerModule = DxReportDesignerModule;
+    exports.DxReportDesignerPreviewSettingsComponent = DxReportDesignerPreviewSettingsComponent;
     exports.DxReportDesignerRequestOptionsComponent = DxReportDesignerRequestOptionsComponent;
+    exports.DxReportDesignerWizardSettingsComponent = DxReportDesignerWizardSettingsComponent;
 
     Object.defineProperty(exports, '__esModule', { value: true });