devexpress-reporting-angular 22.2.2-beta → 22.2.4-build-22354-0229

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

@@ -2,7 +2,7 @@
     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, core, dxReportdesigner, ko, core$1, dxReportViewer, common) { 'use strict';
+})(this, (function (exports, i0, dxReportdesigner, ko, core, dxReportViewer, i1) { 'use strict';
 
     function _interopNamespace(e) {
         if (e && e.__esModule) return e;
@@ -22,7 +22,9 @@
         return Object.freeze(n);
     }
 
+    var i0__namespace = /*#__PURE__*/_interopNamespace(i0);
     var ko__namespace = /*#__PURE__*/_interopNamespace(ko);
+    var i1__namespace = /*#__PURE__*/_interopNamespace(i1);
 
     /******************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -353,79 +355,111 @@
 
     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() {
@@ -439,26 +473,30 @@
         };
         return DxReportDesignerDataSourceSettingsComponent;
     }());
-    DxReportDesignerDataSourceSettingsComponent.decorators = [
-        { type: core.Component, args: [{
-                    template: '',
-                    selector: 'dxrd-datasource-settings'
-                },] }
-    ];
-    DxReportDesignerDataSourceSettingsComponent.propDecorators = {
-        allowAddDataSource: [{ type: core.Input }],
-        allowRemoveDataSource: [{ type: core.Input }],
-        allowEditDataSource: [{ type: core.Input }]
-    };
+    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$1._inputConverter(core$1._booleanConverter)
+        core._inputConverter(core._booleanConverter)
     ], DxReportDesignerDataSourceSettingsComponent.prototype, "allowAddDataSource", void 0);
     __decorate([
-        core$1._inputConverter(core$1._booleanConverter)
+        core._inputConverter(core._booleanConverter)
     ], DxReportDesignerDataSourceSettingsComponent.prototype, "allowRemoveDataSource", void 0);
     __decorate([
-        core$1._inputConverter(core$1._booleanConverter)
-    ], DxReportDesignerDataSourceSettingsComponent.prototype, "allowEditDataSource", void 0);
+        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() {
@@ -472,16 +510,21 @@
         };
         return DxReportDesignerPreviewSettingsComponent;
     }());
-    DxReportDesignerPreviewSettingsComponent.decorators = [
-        { type: core.Component, args: [{
-                    template: '',
-                    selector: 'dxrd-preview-settings'
-                },] }
-    ];
-    DxReportDesignerPreviewSettingsComponent.propDecorators = {
-        porgressbarSettings: [{ type: core.ContentChild, args: [dxReportViewer.DxReportViewerProgressBarSettingsComponent,] }],
-        exportSettings: [{ type: core.ContentChild, args: [dxReportViewer.DxReportViewerExportSettingsComponent,] }]
-    };
+    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() {
@@ -499,39 +542,47 @@
         };
         return DxReportDesignerWizardSettingsComponent;
     }());
-    DxReportDesignerWizardSettingsComponent.decorators = [
-        { type: core.Component, args: [{
-                    template: '',
-                    selector: 'dxrd-wizard-settings'
-                },] }
-    ];
-    DxReportDesignerWizardSettingsComponent.propDecorators = {
-        useMasterDetailWizard: [{ type: core.Input }],
-        enableJsonDataSource: [{ type: core.Input }],
-        enableSqlDataSource: [{ type: core.Input }],
-        enableObjectDataSource: [{ type: core.Input }],
-        enableFederationDataSource: [{ type: core.Input }],
-        useFullscreenWizard: [{ type: core.Input }],
-        reportWizardTemplatesSearchBoxVisibility: [{ type: core.Input }]
-    };
+    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$1._inputConverter(core$1._booleanConverter)
+        core._inputConverter(core._booleanConverter)
     ], DxReportDesignerWizardSettingsComponent.prototype, "useMasterDetailWizard", void 0);
     __decorate([
-        core$1._inputConverter(core$1._booleanConverter)
+        core._inputConverter(core._booleanConverter)
     ], DxReportDesignerWizardSettingsComponent.prototype, "enableJsonDataSource", void 0);
     __decorate([
-        core$1._inputConverter(core$1._booleanConverter)
+        core._inputConverter(core._booleanConverter)
     ], DxReportDesignerWizardSettingsComponent.prototype, "enableSqlDataSource", void 0);
     __decorate([
-        core$1._inputConverter(core$1._booleanConverter)
+        core._inputConverter(core._booleanConverter)
     ], DxReportDesignerWizardSettingsComponent.prototype, "enableObjectDataSource", void 0);
     __decorate([
-        core$1._inputConverter(core$1._booleanConverter)
+        core._inputConverter(core._booleanConverter)
     ], DxReportDesignerWizardSettingsComponent.prototype, "enableFederationDataSource", void 0);
     __decorate([
-        core$1._inputConverter(core$1._booleanConverter)
-    ], DxReportDesignerWizardSettingsComponent.prototype, "useFullscreenWizard", void 0);
+        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() {
@@ -548,42 +599,55 @@
         };
         return DxReportDesignerModelSettingsComponent;
     }());
-    DxReportDesignerModelSettingsComponent.decorators = [
-        { type: core.Component, args: [{
-                    template: '',
-                    selector: 'dxrd-designer-model-settings'
-                },] }
-    ];
-    DxReportDesignerModelSettingsComponent.propDecorators = {
-        allowMDI: [{ type: core.Input }],
-        rightToLeft: [{ type: core.Input }],
-        previewSettings: [{ type: core.ContentChild, args: [DxReportDesignerPreviewSettingsComponent,] }],
-        wizardSettings: [{ type: core.ContentChild, args: [DxReportDesignerWizardSettingsComponent,] }],
-        dataSourceSettings: [{ type: core.ContentChild, args: [DxReportDesignerDataSourceSettingsComponent,] }]
-    };
+    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$1._inputConverter(core$1._booleanConverter)
+        core._inputConverter(core._booleanConverter)
     ], DxReportDesignerModelSettingsComponent.prototype, "allowMDI", void 0);
     __decorate([
-        core$1._inputConverter(core$1._booleanConverter)
-    ], DxReportDesignerModelSettingsComponent.prototype, "rightToLeft", void 0);
+        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.decorators = [
-        { type: core.Component, args: [{
-                    template: '',
-                    selector: 'dxrd-request-options'
-                },] }
-    ];
-    DxReportDesignerRequestOptionsComponent.propDecorators = {
-        getDesignerModelAction: [{ type: core.Input }],
-        getLocalizationAction: [{ type: core.Input }],
-        host: [{ type: core.Input }]
-    };
+    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);
@@ -633,54 +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 }\">\r\n  <div data-bind=\"dxReportDesigner: $data\"></div>\r\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,] }],
-        designerModelSettings: [{ type: core.ContentChild, args: [DxReportDesignerModelSettingsComponent,] }],
-        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,
-                        DxReportDesignerPreviewSettingsComponent,
-                        DxReportDesignerWizardSettingsComponent,
-                        DxReportDesignerDataSourceSettingsComponent,
-                        DxReportDesignerModelSettingsComponent
-                    ],
-                    exports: [
-                        DxReportDesignerCallbacksComponent,
-                        DxReportDesignerRequestOptionsComponent,
-                        DxReportDesignerComponent,
-                        DxReportDesignerPreviewSettingsComponent,
-                        DxReportDesignerWizardSettingsComponent,
-                        DxReportDesignerDataSourceSettingsComponent,
-                        DxReportDesignerModelSettingsComponent
-                    ]
-                },] }
-    ];
+    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