devexpress-reporting 23.2.6-build-2474-1904 → 24.1.1-alpha-2485-0223

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  23.2.6-build-2474-1904
-* Build date: Mar 14, 2024
+* Version:  24.1.1-alpha-2485-0223
+* Build date: Mar 25, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -218,14 +218,20 @@ __webpack_require__.d(reporting_viewer_namespaceObject, {
   ActionId: () => (ActionId),
   DateRangeDialogElementWithHighlight: () => (DateRangeDialogElementWithHighlight),
   DateRangeDialogElementsKeyboardHelper: () => (DateRangeDialogElementsKeyboardHelper),
+  DxReportParametersPanel: () => (DxReportParametersPanel),
   DxReportViewer: () => (DxReportViewer),
   ExportFormatID: () => (ExportFormatID),
+  JSReportParametersPanel: () => (JSReportParametersPanel),
+  JSReportParametersPanelBinding: () => (JSReportParametersPanelBinding),
   JSReportViewer: () => (JSReportViewer),
+  JSReportViewerBase: () => (JSReportViewerBase),
+  JSReportViewerBindingBase: () => (JSReportViewerBindingBase),
   MobilePreviewElements: () => (MobilePreviewElements),
   PredefinedDateRangesKeyboardHelper: () => (PredefinedDateRangesKeyboardHelper),
   PreviewBricksKeyboardHelper: () => (PreviewBricksKeyboardHelper),
   PreviewEditingFieldsKeyboardHelper: () => (PreviewEditingFieldsKeyboardHelper),
   PreviewElements: () => (PreviewElements),
+  ReportHolder: () => (ReportHolder),
   ReportPreview: () => (ReportPreview),
   SearchKeyboardHelper: () => (SearchKeyboardHelper),
   ZoomAutoBy: () => (ZoomAutoBy),
@@ -341,6 +347,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   PreviewActions: () => (PreviewActions),
   PreviewDesignerActions: () => (PreviewDesignerActions),
   PreviewDisposableModel: () => (PreviewDisposableModel),
+  PreviewDisposableModelBase: () => (PreviewDisposableModelBase),
   PreviewHandlersHelper: () => (PreviewHandlersHelper),
   PreviewModel: () => (PreviewModel),
   PreviewPage: () => (PreviewPage),
@@ -358,6 +365,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   createPreview: () => (createPreview),
   createPreviewModel: () => (createPreviewModel),
   createPreviewPageViewModel: () => (createPreviewPageViewModel),
+  createStandaloneParametersPanel: () => (createStandaloneParametersPanel),
   formatSearchResult: () => (formatSearchResult),
   getBrickValueForKey: () => (getBrickValueForKey),
   getCurrentResolution: () => (getCurrentResolution),
@@ -435,10 +443,12 @@ __webpack_require__.d(reporting_viewer_parameters_namespaceObject, {
   MultiValuesHelper: () => (MultiValuesHelper),
   ParameterHelper: () => (ParameterHelper),
   ParameterPanelItemBase: () => (ParameterPanelItemBase),
+  ParametersPanelModelBase: () => (ParametersPanelModelBase),
+  ParametersPanelStandalone: () => (ParametersPanelStandalone),
   PreviewParameter: () => (PreviewParameter),
   PreviewParameterHelper: () => (PreviewParameterHelper),
   PreviewParameterValueValidator: () => (PreviewParameterValueValidator),
-  PreviewParametersViewModel: () => (PreviewParametersViewModel),
+  PreviewParametersPanelModel: () => (PreviewParametersPanelModel),
   _convertLocalDateToUTC: () => (_convertLocalDateToUTC),
   createPreviewParametersViewModel: () => (createPreviewParametersViewModel),
   getEditorType: () => (getEditorType),
@@ -939,7 +949,7 @@ class EventGenerator {
 ;// CONCATENATED MODULE: external "DevExpress.Analytics.Internal.dxversions"
 const external_DevExpress_Analytics_Internal_dxversions_namespaceObject = DevExpress.Analytics.Internal.dxversions;
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/dx-reporting-version.js
-const version = '23.2.5';
+const version = '24.1.0';
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/versions.js
 
@@ -2361,7 +2371,8 @@ const PreviewElements = {
     Breadcrumb: 'dxrd-preview-breadcrumb',
     Surface: 'dxrdp-surface',
     RightPanel: 'dxrd-right-panel-template-base',
-    ExportTool: 'dxrd-export-tool'
+    ExportTool: 'dxrd-export-tool',
+    ParametersPanel: 'dxrd-preview-parameters'
 };
 var ZoomAutoBy;
 (function (ZoomAutoBy) {
@@ -6359,6 +6370,107 @@ _previewBreadcrumbs_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
 ], BreadcrumbModel.prototype, "listItems", void 0);
 
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/reportHolder.js
+var reportHolder_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+class ReportHolder extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    constructor(handlerUri, previewRequestWrapper, element) {
+        super();
+        this.element = element;
+        this._deferreds = [];
+        this._closeReportRequests = {};
+        HandlerUri(handlerUri || HandlerUri());
+        this.requestWrapper = previewRequestWrapper;
+    }
+    _clearReportInfo() {
+        this.closeReport();
+        this.originalParametersInfo = null;
+    }
+    onPropertyChanged(args) { }
+    dispose() {
+        super.dispose();
+        (this._deferreds || []).forEach(deferred => deferred.reject());
+    }
+    closeReport() {
+        this._openReportOperationDeferred && this._openReportOperationDeferred.reject();
+        const currentReportId = this.reportId;
+        if (!currentReportId) {
+            return;
+        }
+        this._closeReportRequests[currentReportId] = true;
+        this.requestWrapper.sendCloseRequest(null, currentReportId);
+    }
+    deactivate() {
+        this.closeReport();
+        this.reportId = null;
+        this.reportUrl = null;
+        this.originalParametersInfo = null;
+    }
+    openReport(reportName) {
+        this._clearReportInfo();
+        const deferred = external_jQuery_namespaceObject.Deferred();
+        this._deferreds.push(deferred);
+        this._openReportOperationDeferred = deferred;
+        this.requestWrapper.openReport(reportName).done((response) => {
+            deferred.resolve(response);
+        }).fail((error) => {
+            deferred.reject(error);
+        });
+        return this.initialize(deferred.promise());
+    }
+    initialize(initializeDataPromise) {
+        this.reportId = null;
+        this.reportUrl = null;
+        const _initializeDeferred = external_jQuery_namespaceObject.Deferred();
+        this._deferreds.push(_initializeDeferred);
+        _initializeDeferred.done(() => {
+            initializeDataPromise.done((previewInitialize) => {
+                if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
+                    this.reportId = previewInitialize.reportId;
+                    this.reportUrl = previewInitialize.reportUrl;
+                    this.originalParametersInfo = previewInitialize.parametersInfo;
+                }
+            });
+        }).resolve();
+        return initializeDataPromise;
+    }
+    _getErrorMessage(jqXHR) {
+        const serverError = (0,external_DevExpress_Analytics_Internal_namespaceObject.getErrorMessage)(jqXHR);
+        if (!serverError)
+            return jqXHR && jqXHR.responseJSON && jqXHR.responseJSON.result && jqXHR.responseJSON.result.faultMessage ?
+                jqXHR.responseJSON.result.faultMessage :
+                serverError;
+        return serverError;
+    }
+    _processError(error, jqXHR, showForUser = true, serverError) {
+        const prefix = error + ': ';
+        serverError = serverError || this._getErrorMessage(jqXHR);
+        serverError && (error = prefix + serverError);
+        MessageHandler().processError(error, showForUser, serverError && prefix, this._getToastMessageContainer());
+    }
+    _getToastMessageContainer() {
+        var _a;
+        return (_a = this.element) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('dx-designer-viewport')[0];
+    }
+}
+reportHolder_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
+], ReportHolder.prototype, "originalParametersInfo", void 0);
+reportHolder_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
+], ReportHolder.prototype, "reportId", void 0);
+reportHolder_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
+], ReportHolder.prototype, "reportUrl", void 0);
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/reportPreview.js
 var reportPreview_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -6387,11 +6499,11 @@ var reportPreview_decorate = (undefined && undefined.__decorate) || function (de
 
 
 
-class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+
+class ReportPreview extends ReportHolder {
     constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, enableKeyboardSupport, exportSettings, element, breadcrumb) {
-        super();
+        super(handlerUri, previewRequestWrapper, element);
         this.enableKeyboardSupport = enableKeyboardSupport;
-        this.element = element;
         this.predefinedZoomLevels = [5, 2, 1.5, 1, 0.75, 0.5, 0.25];
         this._stopBuildRequests = {};
         this._closeReportRequests = {};
@@ -6403,7 +6515,6 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
         this._sortingProcessor = new SortingProcessor(() => this._sortingState || []);
         this._getBuildStatusDeferreds = [];
         this._timeouts = [];
-        this._deferreds = [];
         this.getSelectedContent = (punctuationMark = '') => {
             const currentPage = this.pages[this.pageIndex];
             if (!currentPage || !currentPage.brickColumnWidthArray) {
@@ -6464,7 +6575,6 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
         this.allowURLsWithJSContent = false;
         this.zoomStep = 0.05;
         this._progressFirstTime = false;
-        HandlerUri(handlerUri || HandlerUri());
         this.pageLoader = new PageLoader(this);
         this.progressBar = new ProgressViewModel(enableKeyboardSupport);
         this.editingFieldChanged = callbacks && callbacks.editingFieldChanged;
@@ -6635,8 +6745,7 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
     }
     _clearReportInfo() {
         this._cleanTabInfo();
-        this.closeReport();
-        this.originalParametersInfo = null;
+        super._clearReportInfo();
     }
     createBrickClickProcessor(cyclePageIndex) {
         const _self = this;
@@ -6700,18 +6809,6 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
     delayedInit() {
         this.previewBrickKeyboardHelper && this.previewBrickKeyboardHelper.delayedInit();
     }
-    openReport(reportName) {
-        this._clearReportInfo();
-        const deferred = external_jQuery_namespaceObject.Deferred();
-        this._deferreds.push(deferred);
-        this._openReportOperationDeferred = deferred;
-        this.requestWrapper.openReport(reportName).done((response) => {
-            deferred.resolve(response);
-        }).fail((error) => {
-            deferred.reject(error);
-        });
-        return this.initialize(deferred.promise());
-    }
     goToReport(customData, closeCurrentReport = true) {
         const deferred = external_jQuery_namespaceObject.Deferred();
         this._deferreds.push(deferred);
@@ -6805,19 +6902,7 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
                         }
                         if (parameters) {
                             Object.keys(parameters).forEach(path => {
-                                const setParameterValueByPath = (parameterViewModel, parameterPath, value) => {
-                                    var _a;
-                                    if (parameterViewModel[parameterPath] !== undefined) {
-                                        parameterViewModel[parameterPath].value ? parameterViewModel[parameterPath].value = value
-                                            : parameterViewModel[parameterPath] = value;
-                                    }
-                                    else {
-                                        (_a = parameterViewModel.groupLayoutItems) === null || _a === void 0 ? void 0 : _a.forEach(groupLayoutItem => {
-                                            setParameterValueByPath(groupLayoutItem, parameterPath, value);
-                                        });
-                                    }
-                                };
-                                setParameterValueByPath(this.previewParametersViewModel, path, parameters[path]);
+                                this.previewParametersViewModel.setParameterValueByPath(path, parameters[path]);
                             });
                         }
                         this._breadcrumb.updatePreviewSize && this._breadcrumb.updatePreviewSize();
@@ -6860,11 +6945,8 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
     deactivate() {
         this._initialize();
         this._cleanTabInfo();
-        this.closeReport();
+        super.deactivate();
         this.documentId = null;
-        this.reportId = null;
-        this.reportUrl = null;
-        this.originalParametersInfo = null;
     }
     startBuild() {
         this._initialize();
@@ -7155,15 +7237,6 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
         this.progressBar.complete(documentId);
         this.requestWrapper.sendCloseRequest(_documentId);
     }
-    closeReport() {
-        this._openReportOperationDeferred && this._openReportOperationDeferred.reject();
-        const currentReportId = this.reportId;
-        if (!currentReportId) {
-            return;
-        }
-        this._closeReportRequests[currentReportId] = true;
-        this.requestWrapper.sendCloseRequest(null, currentReportId);
-    }
     setPageVisibility(page, visible) {
         page.isClientVisible = visible;
         if (visible) {
@@ -7256,24 +7329,6 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
     updateViewModel(args) {
         updateReportPreviewViewModel.call(this, args);
     }
-    _getErrorMessage(jqXHR) {
-        const serverError = (0,external_DevExpress_Analytics_Internal_namespaceObject.getErrorMessage)(jqXHR);
-        if (!serverError)
-            return jqXHR && jqXHR.responseJSON && jqXHR.responseJSON.result && jqXHR.responseJSON.result.faultMessage ?
-                jqXHR.responseJSON.result.faultMessage :
-                serverError;
-        return serverError;
-    }
-    _processError(error, jqXHR, showForUser = true, serverError) {
-        const prefix = error + ': ';
-        serverError = serverError || this._getErrorMessage(jqXHR);
-        serverError && (error = prefix + serverError);
-        MessageHandler().processError(error, showForUser, serverError && prefix, this._getToastMessageContainer());
-    }
-    _getToastMessageContainer() {
-        var _a;
-        return (_a = this.element) === null || _a === void 0 ? void 0 : _a.getElementsByClassName('dx-designer-viewport')[0];
-    }
     _updateEmptyDocumentCaption() {
         const parametersInfo = this.originalParametersInfo;
         const parametersExist = parametersInfo && parametersInfo.parameters.some(x => x.Visible);
@@ -7312,9 +7367,6 @@ class ReportPreview extends external_DevExpress_Analytics_Serializer_Native_name
         this.emptyDocumentCaption = newCaption;
     }
 }
-reportPreview_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
-], ReportPreview.prototype, "originalParametersInfo", void 0);
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
 ], ReportPreview.prototype, "exportOptionsModel", void 0);
@@ -7366,12 +7418,6 @@ reportPreview_decorate([
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
 ], ReportPreview.prototype, "documentId", void 0);
-reportPreview_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
-], ReportPreview.prototype, "reportId", void 0);
-reportPreview_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
-], ReportPreview.prototype, "reportUrl", void 0);
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
 ], ReportPreview.prototype, "documentBuilding", void 0);
@@ -7403,8 +7449,8 @@ reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => [])
 ], ReportPreview.prototype, "signatures", void 0);
 
-;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportViewer.js
-var jsReportViewer_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportViewerBase.js
+var jsReportViewerBase_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -7412,8 +7458,7 @@ var jsReportViewer_decorate = (undefined && undefined.__decorate) || function (d
 };
 
 
-
-class JSReportViewer extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseModel {
+class JSReportViewerBase extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseModel {
     constructor(_previewModel) {
         super();
         this.previewModel = external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(_previewModel);
@@ -7449,21 +7494,36 @@ class JSReportViewer extends external_DevExpress_Analytics_Serializer_Native_nam
     previewExists() {
         return this.previewModel && this.previewModel.reportPreview;
     }
-    GetReportPreview() {
-        return this.previewExists();
-    }
     GetPreviewModel() {
         return this.previewModel;
     }
     GetParametersModel() {
         return this.previewModel && this.previewModel.GetParametersModel();
     }
-    PerformCustomDocumentOperation(customData, hideMessageFromUser) {
-        return this.previewExists() && this.previewModel.PerformCustomDocumentOperation(customData, hideMessageFromUser);
-    }
     OpenReport(reportName) {
         return this.previewExists() && this.previewModel.OpenReport(reportName);
     }
+    Close() {
+        this.previewExists() && this.previewModel.Close();
+    }
+    ResetParameters() {
+        this.previewModel && this.previewModel.ResetParameters();
+    }
+}
+jsReportViewerBase_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
+], JSReportViewerBase.prototype, "previewModel", void 0);
+
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportViewer.js
+
+
+class JSReportViewer extends JSReportViewerBase {
+    GetReportPreview() {
+        return this.previewExists();
+    }
+    PerformCustomDocumentOperation(customData, hideMessageFromUser) {
+        return this.previewExists() && this.previewModel.PerformCustomDocumentOperation(customData, hideMessageFromUser);
+    }
     Print(pageIndex) {
         return this.previewExists() && this.previewModel.Print(pageIndex);
     }
@@ -7476,12 +7536,6 @@ class JSReportViewer extends external_DevExpress_Analytics_Serializer_Native_nam
     GoToPage(pageIndex) {
         this.previewExists() && this.previewModel.GoToPage(pageIndex);
     }
-    Close() {
-        this.previewExists() && this.previewModel.Close();
-    }
-    ResetParameters() {
-        this.previewModel && this.previewModel.ResetParameters();
-    }
     StartBuild() {
         return this.previewModel && this.previewModel.StartBuild();
     }
@@ -7492,9 +7546,6 @@ class JSReportViewer extends external_DevExpress_Analytics_Serializer_Native_nam
         this.previewModel && this.previewModel.updateSurfaceSize && this.previewModel.updateSurfaceSize();
     }
 }
-jsReportViewer_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
-], JSReportViewer.prototype, "previewModel", void 0);
 
 ;// CONCATENATED MODULE: external "DevExpress.config"
 const external_DevExpress_config_namespaceObject = DevExpress.config;
@@ -10766,6 +10817,18 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
         layoutInfo && this._proceedLayoutInfo(layoutInfo, parameters);
         this._groupLayoutItems.forEach(item => item.initialize({}, parameters));
     }
+    setParameterValueByPath(parameterPath, value) {
+        var _a;
+        if (this[parameterPath] !== undefined) {
+            this[parameterPath].value ? this[parameterPath].value = value
+                : this[parameterPath] = value;
+        }
+        else {
+            (_a = this.groupLayoutItems) === null || _a === void 0 ? void 0 : _a.forEach(groupLayoutItem => {
+                groupLayoutItem.setParameterValueByPath(parameterPath, value);
+            });
+        }
+    }
 }
 parameterPanelItemBase_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
@@ -10780,27 +10843,27 @@ parameterPanelItemBase_decorate([
 function createPreviewParametersViewModel(baseModel) {
     return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(baseModel)
         .generateProperty('headerText', (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Preview Parameters', 'ASPxReportsStringId.ReportDesigner_Preview_ParametersTitle'))
+        .generateProperty('showHeader', this.showHeader)
         .generateProperty('emptyText', (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('The report does not contain any parameters.', 'ASPxReportsStringId.WebDocumentViewer_NoParameters'))
         .generateProperty('isEmpty', this.isEmpty)
-        .generateProperty('resetButton', {
-        text: (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Reset', 'ASPxReportsStringId.ParametersPanel_Reset'),
-        onClick: (e) => this.restore()
-    })
-        .generateProperty('submitButton', {
-        text: (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Submit', 'ASPxReportsStringId.ParametersPanel_Submit'),
-        onClick: (params) => this.validateAndSubmit(params)
-    })
+        .generateProperty('buttons', this.buttons)
+        .generateProperty('showButtons', this.showButtons)
         .generateProperty('parametersLoading', this.parametersLoading)
         .getViewModel();
 }
-function updateViewModel() {
+function updateViewModel(args) {
     const viewModel = this.getViewModel();
     viewModel.isEmpty = this.isEmpty;
     viewModel.parametersLoading = this.parametersLoading;
+    viewModel.showHeader = this.showHeader;
+    viewModel.showButtons = this.showButtons;
+    if (args.propertyName === 'buttons') {
+        viewModel.buttons = [].concat(this.buttons);
+    }
 }
 
-;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/parameters/previewParametersViewModel.js
-var previewParametersViewModel_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/parameters/parametersPanelModelBase.js
+var parametersPanelModelBase_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -10814,11 +10877,11 @@ var previewParametersViewModel_decorate = (undefined && undefined.__decorate) ||
 
 
 
-class PreviewParametersViewModel extends ParameterPanelItemBase {
-    constructor(reportPreview, parameterHelper, enableKeyboardSupport) {
+class ParametersPanelModelBase extends ParameterPanelItemBase {
+    constructor(parametersHolder, parameterHelper, enableKeyboardSupport, getRootElement) {
         super(parameterHelper);
         this._getParametersStateRequest = (argsObject) => {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getParametersState', JSON.stringify(argsObject), (message, jqXHR, textStatus) => this._reportPreview._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot supply filtered lookup values to a report parameter editor', 'ASPxReportsStringId.WebDocumentViewer_GetLookUpValuesError'), jqXHR));
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getParametersState', JSON.stringify(argsObject), (message, jqXHR, textStatus) => this._parametersHolder._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot supply filtered lookup values to a report parameter editor', 'ASPxReportsStringId.WebDocumentViewer_GetLookUpValuesError'), jqXHR));
         };
         this._getDoneGetParametersStateHandler = (changedParameter) => {
             const parametersViewModel = this;
@@ -10867,25 +10930,19 @@ class PreviewParametersViewModel extends ParameterPanelItemBase {
                 this.parametersLoading = false;
             }
         };
+        this.submit = () => { };
         this.processInvisibleParameters = false;
         this.prevParametersStateRequest = external_jQuery_namespaceObject.Deferred();
-        this._reportPreview = reportPreview;
+        this._parametersHolder = parametersHolder;
         this.validateAndSubmit = (params) => {
             const result = params && params.validationGroup && params.validationGroup.validate && params.validationGroup.validate();
             if (!result || result.isValid)
                 this.submit();
         };
-        this.submit = () => {
-            if (this.parametersLoading)
-                return;
-            this.parametersLoading = true;
-            const promise = reportPreview.startBuild();
-            promise && promise.done((val) => { this.parametersLoading = false; });
-        };
-        this.addDisposable(reportPreview.events.on('originalParametersInfoChanged', (args) => {
+        this.addDisposable(parametersHolder.events.on('originalParametersInfoChanged', (args) => {
             this.initialize(args.newValue);
         }));
-        this.initialize(reportPreview.originalParametersInfo);
+        this.initialize(parametersHolder.originalParametersInfo);
         this._popupVisible = !this.isEmpty && this._popupVisibleSwitch;
         this.popupInfo = { visible: this._popupVisible, notEmpty: !this.isEmpty };
         const keyboardHelperViewModelAccessor = () => this.tabInfo.getViewModel().propertyGrid.editors;
@@ -10909,12 +10966,19 @@ class PreviewParametersViewModel extends ParameterPanelItemBase {
                 (_a = this.prevParametersStateRequest) === null || _a === void 0 ? void 0 : _a.reject();
             }
         });
+        this.buttons = [{
+                text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Reset', 'ASPxReportsStringId.ParametersPanel_Reset'),
+                onClick: (e) => this.restore()
+            }];
+    }
+    get parameters() {
+        return this._parameters;
     }
     createViewModel() {
         return createPreviewParametersViewModel.call(this, super.createViewModel());
     }
     updateViewModel(args) {
-        updateViewModel.call(this);
+        updateViewModel.call(this, args);
     }
     get _visibleParameters() {
         return this._parameters.filter((p) => { return p.visible; });
@@ -11056,19 +11120,6 @@ class PreviewParametersViewModel extends ParameterPanelItemBase {
         if (this.parameterHelper.callbacks && this.parameterHelper.callbacks.parametersInitialized) {
             this.parameterHelper.callbacks.parametersInitialized(this, actualParametersInfo, this.submit, originalParametersInfo.shouldRequestParameters);
         }
-        if (this._reportPreview.documentId)
-            return;
-        if (!originalParametersInfo.shouldRequestParameters || this.isEmpty) {
-            this.submit();
-        }
-        else {
-            this._reportPreview.removeEmptyPages();
-            this.tabInfo.active = true;
-            if (this.tabInfo.visible && this.tabInfo.collapsed !== undefined)
-                this.tabInfo.collapsed = false;
-            this._popupVisible = true;
-            this._reportPreview.pageLoading = false;
-        }
     }
     getPathsAfterPath(parameterPath) {
         let startIndex = 0;
@@ -11109,8 +11160,8 @@ class PreviewParametersViewModel extends ParameterPanelItemBase {
         this._updateParametersTimeOut = setTimeout(() => {
             this.parametersLoading = true;
             const argsObject = {
-                reportId: this._reportPreview.reportId,
-                reportUrl: this._reportPreview.reportUrl,
+                reportId: this._parametersHolder.reportId,
+                reportUrl: this._parametersHolder.reportUrl,
                 requiredParameterPaths: this._topChangedParameter.requiredParameterPaths,
                 changedParameterPath: this._topChangedParameter.changedParameter.path,
                 parameters: this.serializeParameters(),
@@ -11126,18 +11177,63 @@ class PreviewParametersViewModel extends ParameterPanelItemBase {
         }, 20);
     }
 }
-previewParametersViewModel_decorate([
+parametersPanelModelBase_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
-], PreviewParametersViewModel.prototype, "_needToUpdateParameter", void 0);
-previewParametersViewModel_decorate([
+], ParametersPanelModelBase.prototype, "_needToUpdateParameter", void 0);
+parametersPanelModelBase_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
+], ParametersPanelModelBase.prototype, "showButtons", void 0);
+parametersPanelModelBase_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
+], ParametersPanelModelBase.prototype, "showHeader", void 0);
+parametersPanelModelBase_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
+], ParametersPanelModelBase.prototype, "buttons", void 0);
+parametersPanelModelBase_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
-], PreviewParametersViewModel.prototype, "parametersLoading", void 0);
-previewParametersViewModel_decorate([
+], ParametersPanelModelBase.prototype, "parametersLoading", void 0);
+parametersPanelModelBase_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
-], PreviewParametersViewModel.prototype, "_popupVisible", void 0);
-previewParametersViewModel_decorate([
+], ParametersPanelModelBase.prototype, "_popupVisible", void 0);
+parametersPanelModelBase_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
-], PreviewParametersViewModel.prototype, "_popupVisibleSwitch", void 0);
+], ParametersPanelModelBase.prototype, "_popupVisibleSwitch", void 0);
+
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/parameters/previewParametersModel.js
+
+
+class PreviewParametersPanelModel extends ParametersPanelModelBase {
+    constructor(reportPreview, parameterHelper, enableKeyboardSupport) {
+        super(reportPreview, parameterHelper, enableKeyboardSupport);
+        this.submit = () => {
+            if (this.parametersLoading)
+                return;
+            this.parametersLoading = true;
+            const promise = reportPreview.startBuild();
+            promise && promise.done((val) => { this.parametersLoading = false; });
+        };
+        this.buttons.push({
+            text: (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Submit', 'ASPxReportsStringId.ParametersPanel_Submit'),
+            onClick: (params) => this.validateAndSubmit(params)
+        });
+    }
+    initialize(originalParametersInfo) {
+        super.initialize(originalParametersInfo);
+        if (!originalParametersInfo || this._parametersHolder.documentId)
+            return;
+        if (!originalParametersInfo.shouldRequestParameters || this.isEmpty) {
+            this.submit();
+        }
+        else {
+            this._parametersHolder.removeEmptyPages();
+            this.tabInfo.active = true;
+            if (this.tabInfo.visible && this.tabInfo.collapsed !== undefined)
+                this.tabInfo.collapsed = false;
+            this._popupVisible = true;
+            this._parametersHolder.pageLoading = false;
+        }
+    }
+}
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/mobile/internal/_sizeUtils.js
 function updatePreviewContentSizeMobile(mobilePreview, $root) {
@@ -11284,8 +11380,8 @@ function getPreviewActionsMobile(options) {
     return actionList;
 }
 
-;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_previewModel.js
-var _previewModel_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_previewModelBase.js
+var _previewModelBase_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
     var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
     if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
@@ -11294,31 +11390,27 @@ var _previewModel_decorate = (undefined && undefined.__decorate) || function (de
 
 
 
-class PreviewDisposableModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
-    constructor(options) {
+class PreviewDisposableModelBase extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    constructor(options, viewPortCss) {
         super();
         this.rootStyle = options.rootStyle;
         this.reportPreview = options.reportPreview;
         this.parametersModel = options.parametersModel;
-        this.exportModel = options.exportModel;
-        this.searchModel = options.searchModel;
         this.rtl = options.rtl;
+        this.viewPortCss = viewPortCss;
         this._disposables.push(options.reportPreview);
         this._disposables.push(options.parametersModel);
-        this._disposables.push(options.exportModel);
-        this._disposables.push(options.searchModel);
     }
+    onPropertyChanged(args) { }
     createViewModel() {
         const viewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('parts', this.parts)
-            .generateProperty('reportPreview', this.reportPreview.getViewModel())
-            .generateProperty('exportHandler', this.reportPreview.exportHandler.getViewModel())
             .generateProperty('rootStyle', this.rootStyle)
             .generateProperty('rtl', this.rtl)
             .getViewModel();
         (0,external_DevExpress_Analytics_Internal_namespaceObject.appendStaticContextToRootViewModel)(viewModel, {
             _static: Object.assign(Object.assign({}, external_DevExpress_Analytics_Internal_namespaceObject.staticContext._static), { formatSearchResult: formatSearchResult })
-        }, 'dx-report-viewer');
+        }, this.viewPortCss);
         return viewModel;
     }
     updateViewModel(args) {
@@ -11326,19 +11418,48 @@ class PreviewDisposableModel extends external_DevExpress_Analytics_Serializer_Na
         if (args.propertyName === 'parts')
             viewModel.parts = this.parts;
     }
-    onPropertyChanged(args) { }
-    _addDisposable(object) {
-        this._disposables.push(object);
+    OpenReport(reportName) {
+        this.reportPreview.openReport(reportName);
+    }
+    GetParametersModel() {
+        return this.parametersModel;
+    }
+    ResetParameters() {
+        this.parametersModel && this.parametersModel.restore();
+    }
+    Close() {
+        this.reportPreview.deactivate();
     }
     dispose() {
         super.dispose();
         this.removeProperties();
     }
-    GetParametersModel() {
-        return this.parametersModel;
+}
+_previewModelBase_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => [])
+], PreviewDisposableModelBase.prototype, "parts", void 0);
+
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_previewModel.js
+
+
+
+class PreviewDisposableModel extends PreviewDisposableModelBase {
+    constructor(options) {
+        super(options, 'dx-report-viewer');
+        this.exportModel = options.exportModel;
+        this.searchModel = options.searchModel;
+        this._disposables.push(options.exportModel);
+        this._disposables.push(options.searchModel);
     }
-    OpenReport(reportName) {
-        this.reportPreview.openReport(reportName);
+    createViewModel() {
+        const viewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
+            .generateProperty('reportPreview', this.reportPreview.getViewModel())
+            .generateProperty('exportHandler', this.reportPreview.exportHandler.getViewModel())
+            .getViewModel();
+        return viewModel;
+    }
+    _addDisposable(object) {
+        this._disposables.push(object);
     }
     Print(pageIndex) {
         this.reportPreview.printDocument(pageIndex);
@@ -11354,12 +11475,6 @@ class PreviewDisposableModel extends external_DevExpress_Analytics_Serializer_Na
     GoToPage(pageIndex) {
         this.reportPreview.goToPage(pageIndex);
     }
-    Close() {
-        this.reportPreview.deactivate();
-    }
-    ResetParameters() {
-        this.parametersModel && this.parametersModel.restore();
-    }
     StartBuild() {
         this.parametersModel && this.parametersModel.submit();
     }
@@ -11367,9 +11482,6 @@ class PreviewDisposableModel extends external_DevExpress_Analytics_Serializer_Na
         return this.reportPreview.customDocumentOperation(customData, hideMessageFromUser);
     }
 }
-_previewModel_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => [])
-], PreviewDisposableModel.prototype, "parts", void 0);
 class PreviewModel extends PreviewDisposableModel {
     constructor(options) {
         super(options);
@@ -11384,6 +11496,7 @@ class PreviewModel extends PreviewDisposableModel {
     }
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
+            .generateProperty('reportPreview', this.reportPreview.getViewModel())
             .generateProperty('accessibilityCompliant', this.accessibilityCompliant)
             .generateProperty('toolBar', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
             .generateProperty('actionLists', this.actionLists.getViewModel())
@@ -11826,7 +11939,7 @@ function createMobilePreview(bindingSettings) {
     updatePreviewContentSize_();
     const gallery = new GalleryModel(reportPreview);
     const searchModel = new MobileSearchViewModel(reportPreview, gallery);
-    const parametersModel = new PreviewParametersViewModel(reportPreview, new MobilePreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, callbacks));
+    const parametersModel = new PreviewParametersPanelModel(reportPreview, new MobilePreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, callbacks));
     const exportModel = new ExportOptionsModel(reportPreview);
     reportPreview.allowURLsWithJSContent = bindingModel.allowURLsWithJSContent;
     reportPreview.previewParametersViewModel = parametersModel;
@@ -11897,6 +12010,29 @@ function createMobilePreview(bindingSettings) {
     return designerModel;
 }
 
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/parameters/parametersPanelStandalone.js
+
+
+class ParametersPanelStandalone extends ParametersPanelModelBase {
+    constructor() {
+        super(...arguments);
+        this.showButtons = false;
+        this.showHeader = false;
+    }
+    getDesignerParts() {
+        return [
+            { id: PreviewElements.ParametersPanel, templateName: PreviewElements.ParametersPanel, model: this.tabInfo, viewModel: this.tabInfo.getViewModel() }
+        ];
+    }
+    initialize(originalParametersInfo) {
+        super.initialize(originalParametersInfo);
+        if (originalParametersInfo) {
+            this.tabInfo.visible = true;
+            this.tabInfo.active = true;
+        }
+    }
+}
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_initializer.js
 
 
@@ -11919,6 +12055,26 @@ function createMobilePreview(bindingSettings) {
 
 
 
+
+
+
+function createStandaloneParametersPanel(bindingSettings) {
+    var _a;
+    const bindingModel = bindingSettings.model;
+    const previewWrapper = new PreviewRequestWrapper(null, bindingSettings.callbacks);
+    const reportHolder = new ReportHolder(bindingModel.handlerUri, previewWrapper, bindingSettings.element);
+    const requestHelper = new PreviewParameterHelper((_a = bindingModel.parametersInfo) === null || _a === void 0 ? void 0 : _a.knownEnums, bindingSettings.callbacks);
+    const parametersPanel = new ParametersPanelStandalone(reportHolder, requestHelper, bindingModel.accessibilityCompliant);
+    previewWrapper.initialize(reportHolder, parametersPanel);
+    const designerModel = new PreviewDisposableModelBase({
+        rootStyle: 'dxrd-preview dxd-back-primary2',
+        reportPreview: reportHolder,
+        parametersModel: parametersPanel,
+        rtl: bindingModel.rtl
+    }, 'dxrv-parameters-panel-standalone');
+    designerModel.parts = parametersPanel.getDesignerParts();
+    return designerModel;
+}
 function createDesktopPreview(bindingSettings) {
     processZoomFactor(bindingSettings.model.accessibilityCompliant);
     const enableKeyboardSupport = !!bindingSettings.model.accessibilityCompliant;
@@ -11927,7 +12083,7 @@ function createDesktopPreview(bindingSettings) {
     const bindingElement = bindingSettings.element;
     const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel === null || bindingModel === void 0 ? void 0 : bindingModel.searchSettings, enableKeyboardSupport);
     const documentMapModel = new DocumentMapModel(reportPreview);
-    const parametersModel = new PreviewParametersViewModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
+    const parametersModel = new PreviewParametersPanelModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
     const exportModel = new ExportOptionsModel(reportPreview, enableKeyboardSupport);
     reportPreview.canSwitchToDesigner = !bindingModel.previewVisible;
     reportPreview.previewParametersViewModel = parametersModel;
@@ -12097,21 +12253,20 @@ function initPreviewModel(previewModel, viewerModel) {
     }
 }
 
-;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportViewerBinding.js
-
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportViewerBindingBase.js
 
 
 
 
 
 
-class JSReportViewerBinding extends external_DevExpress_Analytics_Internal_namespaceObject.JSDesignerBindingCommon {
+class JSReportViewerBindingBase extends external_DevExpress_Analytics_Internal_namespaceObject.JSDesignerBindingCommon {
     constructor(_options, customEventRaiser, _shouldApplyBindings = true) {
         super(_options, customEventRaiser);
         this._shouldApplyBindings = _shouldApplyBindings;
         this._deferreds = [];
         _options.viewerModel = (0,external_DevExpress_Analytics_Internal_namespaceObject._wrapModelInObservable)(_options.viewerModel);
-        this.sender = new JSReportViewer(_options.viewerModel);
+        this.sender = this._createSender(_options.viewerModel);
         this._closeReportOnDisposing = !_options.keepReportOnComponentDisposal;
         _options.callbacks && _options.callbacks._eventSenderCreated && _options.callbacks._eventSenderCreated(this.sender);
         this._callbacks = this._initializeCallbacks();
@@ -12151,11 +12306,14 @@ class JSReportViewerBinding extends external_DevExpress_Analytics_Internal_names
                 external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentMultiPlatformEngine.applyBindings(model.getViewModel(), child);
             }
             this._fireEvent('Init');
-        }, this.developmentMode, _$element);
+        }, this._showTroubleshootingPageWrapper(), _$element);
     }
     _createModel(element) {
         return createPreviewModel(this._options, element, this._callbacks, false);
     }
+    _showTroubleshootingPageWrapper() {
+        return this.developmentMode;
+    }
     applyBindings(element) {
         const _$element = external_jQuery_namespaceObject.fn.constructor(element);
         _$element.addClass('dx-designer');
@@ -12196,6 +12354,19 @@ class JSReportViewerBinding extends external_DevExpress_Analytics_Internal_names
     }
 }
 
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportViewerBinding.js
+
+
+
+class JSReportViewerBinding extends JSReportViewerBindingBase {
+    _createModel(element) {
+        return createPreviewModel(this._options, element, this._callbacks, false);
+    }
+    _createSender(viewModel) {
+        return new JSReportViewer(viewModel);
+    }
+}
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportViewerBinding.binding.js
 
 
@@ -12225,6 +12396,67 @@ external_ko_namespaceObject.bindingHandlers[dxReportViewerBindingName] = {
     }
 };
 
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportParametersPanel.js
+
+class JSReportParametersPanel extends JSReportViewerBase {
+    SerializeParametersState() {
+        var _a;
+        const parametersModelState = (_a = this.GetParametersModel()) === null || _a === void 0 ? void 0 : _a.serializeParameters();
+        return JSON.stringify(parametersModelState);
+    }
+}
+
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportParametersPanelBinding.js
+
+
+
+
+class JSReportParametersPanelBinding extends JSReportViewerBindingBase {
+    _createModel(element) {
+        const model = createStandaloneParametersPanel({
+            model: this._options,
+            callbacks: this._callbacks,
+            element
+        });
+        return external_jQuery_namespaceObject.Deferred().resolve(model);
+    }
+    _createSender(viewModel) {
+        return new JSReportParametersPanel(viewModel);
+    }
+    _showTroubleshootingPageWrapper() {
+        return false;
+    }
+}
+
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/binding/jsReportParametersPanelBinding.binding.js
+
+
+
+
+
+
+
+
+
+
+const dxReportParametersPanelBindingName = 'dxReportParametersPanel';
+class DxReportParametersPanel extends external_DevExpress_Analytics_Internal_namespaceObject.DxAnalyticsComponentCommon {
+    constructor(_element, _options) {
+        super(_element, _options);
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.useKoIntegration)();
+    }
+    getBindingName() {
+        return dxReportParametersPanelBindingName;
+    }
+}
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.registerBaseBinding)(dxReportParametersPanelBindingName, '$data');
+external_ko_namespaceObject.bindingHandlers[dxReportParametersPanelBindingName] = {
+    init: function (element, valueAccessor) {
+        new JSReportParametersPanelBinding(external_ko_namespaceObject.unwrap(valueAccessor()) || {}).applyBindings(element);
+        return { controlsDescendantBindings: true };
+    }
+};
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/accessibility/_dateRangeKeyboardHelper.js
 
 class DateRangeDialogElementWithHighlight extends external_DevExpress_Analytics_Internal_namespaceObject.ControlElementWithParentHighlight {
@@ -12343,6 +12575,18 @@ class PredefinedDateRangesKeyboardHelper extends external_DevExpress_Analytics_I
 
 
 
+
+
+
+
+
+
+
+
+
+
+
+
 
 
 
@@ -13257,12 +13501,12 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: visible, css: cssClasses, dxMutationObserver: progressBarAccessibilityKeyboardHelper', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'css': function () { return $context.$data.cssClasses; }, 'dxMutationObserver': function () { return $context.$data.progressBarAccessibilityKeyboardHelper; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style : { width: progress  + \'%\' }', function ($context, $element) { return { 'style': function () { return { 'width': $context.$data.progress + '%' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: cancelButton.text, visible: cancelButton.visible, click: function() { cancelButton.action && cancelButton.action(); }', function ($context, $element) { return { 'text': function () { return $context.$data.cancelButton.text; }, 'visible': function () { return $context.$data.cancelButton.visible; }, 'click': function () { return function () { $context.$data.cancelButton.action && $context.$data.cancelButton.action(); }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: model.headerText', function ($context, $element) { return { 'text': function () { return $context.$data.model.headerText; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: model.headerText, visible: model.showHeader', function ($context, $element) { return { 'text': function () { return $context.$data.model.headerText; }, 'visible': function () { return $context.$data.model.showHeader; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: model.emptyText', function ($context, $element) { return { 'text': function () { return $context.$data.model.emptyText; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; }, 'dxValidationGroup': function () { return {}; }, 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: model.showButtons', function ($context, $element) { return { 'visible': function () { return $context.$data.model.showButtons; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxLoadIndicator: { visible: model.parametersLoading }', function ($context, $element) { return { 'dxLoadIndicator': function () { return { 'visible': $context.$data.model.parametersLoading }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: model.resetButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.model.resetButton; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: model.submitButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.model.submitButton; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: $data', function ($context, $element) { return { 'dxButton': function () { return $context.$data; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, opened: widget.opened, displayExpr: widget.displayExpr, useItemTextAsTitle: true, onKeyUp: widget.onKeyUp, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'dataSource': $context.$data.widget.dataSource, 'onValueChanged': $context.$data.widget.onValueChanged, 'value': $context.$data.widget.value, 'opened': $context.$data.widget.opened, 'displayExpr': $context.$data.widget.displayExpr, 'useItemTextAsTitle': true, 'onKeyUp': $context.$data.widget.onKeyUp, 'itemTemplate': $context.$data.widget.itemTemplate, 'searchMode': $context.$data.widget.searchMode, 'searchEnabled': $context.$data.widget.searchEnabled, 'searchTimeout': $context.$data.widget.searchTimeout, 'disabled': $context.$data.widget.disabled, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'wrapperAttr': $context.$data.widget.wrapperAttr }, 'tabIndex': '-1', 'inputAttr': $context.$data.widget.inputAttr }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: $root.getLocalization(\'Document Map\', \'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\')', function ($context, $element) { return { 'text': function () { return $context.$root.getLocalization('Document Map', 'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap'); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; }, 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
@@ -13277,6 +13521,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: (searchCompleted && searchResultCount == 0)', function ($context, $element) { return { 'if': function () { return ($context.$data.searchCompleted && $context.$data.searchResultCount == 0); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: (model && !model.isEmpty)', function ($context, $element) { return { 'if': function () { return ($context.$data.model && !$context.$data.model.isEmpty); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: (!model || model.isEmpty)', function ($context, $element) { return { 'if': function () { return (!$context.$data.model || $context.$data.model.isEmpty); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: model.buttons', function ($context, $element) { return { 'foreach': function () { return $context.$data.model.buttons; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: model', function ($context, $element) { return { 'if': function () { return $context.$data.model; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTemplate : { name: \'item\' }', function () { return { dxTemplate: { name: 'item' } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: reportPreview.previewVisible, cssArray: [ $data.rootStyle , { \'dx-rtl\' : $data.rtl, \'dx-ltr\': !$data.rtl } ]', function ($context, $element) { return { 'visible': function () { return $context.$data.reportPreview.previewVisible; }, 'cssArray': function () { return [$context.$data.rootStyle, { 'dx-rtl': $context.$data.rtl, 'dx-ltr': !$context.$data.rtl }]; } }; });
@@ -13405,7 +13650,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-preview-breadcrumb': '<!-- ko if: listItems.length > 1 --><div class="breadcrumbs-wrapper"> <!-- ko foreach: listItems --> <!-- ko if: $index() !== ($parent.listItems.length - 1) --> <a class="breadcrump-link breadcrumb-item dxd-text-accented" data-bind="click: function(s, e) { $parent.onClick($data.position); }"> <span data-bind="text: $data.displayText"></span> </a> <span class="breadcrumb-item-seperator" data-bind="template: { name: \'dxrd-svg-preview-breadcrumbs_seperator\' }"> </span> <!-- /ko --> <!-- ko if: $index() === ($parent.listItems.length - 1) --> <div class="breadcrumb-item dxd-text-primary"> <span data-bind="text: $data.displayText"></span> </div> <!-- /ko --> <!-- /ko --></div><!-- /ko -->',
     'dxrd-preview-search': '<div role="search" aria-haspopup="listbox" class="dxrd-preview-search-wrapper" data-bind="visible: active && visible, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-search-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <!-- ko with: model.getViewModel() --> <div class="dxrd-preview-search-tab-header"> <span class="dxrd-preview-search-tab-header-text dxrd-right-panel-header dxd-text-primary" data-bind="text: headerText"></span> <div class="dxrd-preview-search-tab-editor-button-container"> <div class="dxrd-preview-search-editor dx-searcheditor" data-bind="dxTextBox: searchEditor"></div> <div data-bind="dxButton: buttons.searchButton" class="dxrd-preview-search-button"></div> </div> <div class="dxrd-preview-search-tab-header-text"> <div class="dxrd-preview-search-checkbox" data-bind="dxCheckBox: matchCaseEditor"></div> <div class="dxrd-preview-search-checkbox dxrd-preview-search-checkbox-second" data-bind="dxCheckBox: matchWholeWordEditor"></div> </div> </div> <!-- ko if: (searchResultCount > 0 || loading) --> <div class="dxrd-preview-search-result-wrapper"> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div class = "dxrd-preview-search-results dxrd-preview-search-result-text" data-bind="attr: { id: searchResultHeaderId, \'aria-busy\': loading ? \'true\' : \'false\' }"> <span class="dxrd-preview-search-result-text-bold" data-bind="text: searchResultCount"></span>&nbsp <span data-bind="text: resultsInText"></span>&nbsp <span class="dxrd-preview-search-result-text-bold" data-bind="text: searchResultPageCount"></span>&nbsp <span data-bind="text: resultsPagesText"></span> </div> <div class="dxrd-preview-search-results-navigation"> <div class="dxrdp-search-loading" data-bind="dxLoadIndicator: { visible: loading }"></div> <div data-bind="dxButton: buttons.upButton " class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> <div data-bind="dxButton: buttons.downButton " class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> </div> </div> </div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <div class="dxrd-preview-search-result dxd-border-accented" data-bind="dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText: \'\', encodeNoDataText: true }, attr: { \'aria-labelledby\': searchResultHeaderId }"> <div class="dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="dxAction: { model: data, action: itemClickAction }, attr: attr" data-options="dxTemplate : { name: \'item\' }" > <div class="dx-accessibility-field-background dxd-back-accented"></div> <div class="dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary" data-bind="text: data.text"></div> <div class="dxrd-preview-search-tab-item-info dxd-text-primary" data-bind="text: info"></div> </div> </div> </div> <!-- /ko --> <!-- ko if: (searchCompleted && searchResultCount == 0) --> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div data-bind="text: noResultText" class = "dxrd-preview-search-result-text"> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div>',
     'dxrd-preview-progress-bar': '<div role="dialog" class="dxrd-preview-progress dxd-popup-back-color dxd-back-primary2 dxd-border-primary" data-bind="visible: visible, css: cssClasses, dxMutationObserver: progressBarAccessibilityKeyboardHelper"> <div class="dxrd-preview-progress-text dxd-text-primary" data-bind="text : text"></div> <div class="dxrd-preview-progress-bar dxd-back-primary"> <div class="dxrd-preview-progress-value dxd-preview-progress-bar-value-color dxd-back-accented" data-bind="style : { width: progress  + \'%\' }"></div> </div> <div role="button" class="dxrd-preview-progress-cancel dxd-hyperlink-color dxd-border-accented dxd-text-accented dx-accessibility-list-item dx-accessibility-border-accented" data-bind="text: cancelButton.text, visible: cancelButton.visible, click: function() { cancelButton.action && cancelButton.action(); }"></div> </div>',
-    'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: model.headerText"></span> <!-- ko if: (model && !model.isEmpty) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: model.emptyText"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, dxMutationObserver: keyboardHelper"> <div role="tree" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <div class="dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented" data-bind="dxButton: model.resetButton"></div> <div class="dxrd-preview-parameter-action dxrdp-parameters-submit dx-accessibility-focus-border-accented" data-bind="dxButton: model.submitButton"></div> </div> </div> <!-- /ko --> </div>',
+    'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: model.headerText, visible: model.showHeader"></span> <!-- ko if: (model && !model.isEmpty) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: model.emptyText"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, dxMutationObserver: keyboardHelper"> <div role="tree" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container" data-bind="visible: model.showButtons"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <!-- ko foreach: model.buttons --> <div class="dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented" data-bind="dxButton: $data"></div> <!-- /ko --> </div> </div> <!-- /ko --> </div>',
     'dxrd-preview-pager': '<div class="dxrd-preview-pager dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-preview-pager-selectbox" data-bind="dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, opened: widget.opened, displayExpr: widget.displayExpr, useItemTextAsTitle: true, onKeyUp: widget.onKeyUp, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
     'dxrd-preview-document-map': '<div class="dxrd-preview-document-map dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-display-inline-block" data-bind="text: $root.getLocalization(\'Document Map\', \'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\')"></div> </div> <!-- ko if: model --> <!-- ko with: model.getViewModel() --> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxMutationObserver: keyboardHelper"> <div role="tree" id="documentMapTree" data-bind="treelist: treeListOptions" class="dxrd-width-100 dxrd-height-100"></div> </div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-report-preview': '<div class="dxrd-preview dxrd-designer-wrapper dxd-scrollbar-color dxd-surface-back-color" data-bind="visible: reportPreview.previewVisible, cssArray: [ $data.rootStyle , { \'dx-rtl\' : $data.rtl, \'dx-ltr\': !$data.rtl } ]"> <!-- ko foreach: parts --> <!-- ko template: { name: templateName, data: viewModel || model }--> <!-- /ko --> <!-- /ko --> </div>',
@@ -13675,6 +13920,8 @@ external_ko_namespaceObject.bindingHandlers['dxViewerExport'] = {
 
 
 
+
+
 
 
 
@@ -14272,6 +14519,10 @@ external_ko_namespaceObject.bindingHandlers['dxrdSearchBar'] = {
 
 
 
+
+
+
+
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-viewer-settings.js