devexpress-reporting 23.2.1-alpha-23254-1700 → 23.2.2-beta

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  23.2.1-alpha-23254-1700
-* Build date: Sep 11, 2023
+* Version:  23.2.2-beta
+* Build date: Nov 13, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -143,67 +143,67 @@ module.exports = DevExpress.events;
 /* 8 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.utils.browser;
+module.exports = DevExpress.Analytics.Elements;
 
 /***/ }),
 /* 9 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.Analytics.Elements;
+module.exports = DevExpress.ui.dxGallery;
 
 /***/ }),
 /* 10 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.ui.dxGallery;
+module.exports = DevExpress.ui.dxPopup;
 
 /***/ }),
 /* 11 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.ui.dxPopup;
+module.exports = DevExpress.data.DataSource;
 
 /***/ }),
 /* 12 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.data.DataSource;
+module.exports = DevExpress.data.ArrayStore;
 
 /***/ }),
 /* 13 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.data.ArrayStore;
+module.exports = DevExpress.devices;
 
 /***/ }),
 /* 14 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.devices;
+module.exports = DevExpress.Analytics.Internal.dxversions;
 
 /***/ }),
 /* 15 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.Analytics.Internal.dxversions;
+module.exports = "";
 
 /***/ }),
 /* 16 */
 /***/ (function(module, exports) {
 
-module.exports = "";
+module.exports = DevExpress.Analytics.Localization;
 
 /***/ }),
 /* 17 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.Analytics.Localization;
+module.exports = DevExpress.localization;
 
 /***/ }),
 /* 18 */
 /***/ (function(module, exports) {
 
-module.exports = DevExpress.localization;
+module.exports = DevExpress.utils.browser;
 
 /***/ }),
 /* 19 */
@@ -398,6 +398,7 @@ __webpack_require__.d(reporting_viewer_namespaceObject, "createReportPreviewView
 __webpack_require__.d(reporting_viewer_namespaceObject, "updateReportPreviewViewModel", function() { return updateReportPreviewViewModel; });
 __webpack_require__.d(reporting_viewer_namespaceObject, "JSReportViewer", function() { return jsReportViewer_JSReportViewer; });
 __webpack_require__.d(reporting_viewer_namespaceObject, "DxReportViewer", function() { return jsReportViewerBinding_binding_DxReportViewer; });
+__webpack_require__.d(reporting_viewer_namespaceObject, "DateRangeDialogElementWithHighlight", function() { return _dateRangeKeyboardHelper_DateRangeDialogElementWithHighlight; });
 __webpack_require__.d(reporting_viewer_namespaceObject, "DateRangeDialogElementsKeyboardHelper", function() { return _dateRangeKeyboardHelper_DateRangeDialogElementsKeyboardHelper; });
 __webpack_require__.d(reporting_viewer_namespaceObject, "PredefinedDateRangesKeyboardHelper", function() { return _dateRangeKeyboardHelper_PredefinedDateRangesKeyboardHelper; });
 __webpack_require__.d(reporting_viewer_namespaceObject, "PreviewBricksKeyboardHelper", function() { return _previewBricksKeyboardHelper_PreviewBricksKeyboardHelper; });
@@ -522,6 +523,8 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, "PageLoader", f
 __webpack_require__.d(reporting_viewer_internal_namespaceObject, "PreviewHandlersHelper", function() { return _previewHandlersHelper_PreviewHandlersHelper; });
 __webpack_require__.d(reporting_viewer_internal_namespaceObject, "PreviewDisposableModel", function() { return _previewModel_PreviewDisposableModel; });
 __webpack_require__.d(reporting_viewer_internal_namespaceObject, "PreviewModel", function() { return _previewModel_PreviewModel; });
+__webpack_require__.d(reporting_viewer_internal_namespaceObject, "BreadcrumbItem", function() { return _previewBreadcrumbs_BreadcrumbItem; });
+__webpack_require__.d(reporting_viewer_internal_namespaceObject, "BreadcrumbModel", function() { return _previewBreadcrumbs_BreadcrumbModel; });
 __webpack_require__.d(reporting_viewer_internal_namespaceObject, "ColumnSortOrder", function() { return ColumnSortOrder; });
 __webpack_require__.d(reporting_viewer_internal_namespaceObject, "PreviewRequestWrapper", function() { return _previewRequestWrapper_PreviewRequestWrapper; });
 __webpack_require__.d(reporting_viewer_internal_namespaceObject, "PreviewSelection", function() { return _previewSelection_PreviewSelection; });
@@ -689,10 +692,10 @@ function convertMapToKeyValuePair(object) {
 }
 
 // EXTERNAL MODULE: external "DevExpress.Analytics.Localization"
-var external_DevExpress_Analytics_Localization_ = __webpack_require__(17);
+var external_DevExpress_Analytics_Localization_ = __webpack_require__(16);
 
 // EXTERNAL MODULE: external "DevExpress.localization"
-var external_DevExpress_localization_ = __webpack_require__(18);
+var external_DevExpress_localization_ = __webpack_require__(17);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/defaultCulture.js
 
@@ -1101,10 +1104,10 @@ class eventGenerator_EventGenerator {
 }
 
 // EXTERNAL MODULE: external "DevExpress.Analytics.Internal.dxversions"
-var external_DevExpress_Analytics_Internal_dxversions_ = __webpack_require__(15);
+var external_DevExpress_Analytics_Internal_dxversions_ = __webpack_require__(14);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/dx-reporting-version.js
-const version = '23.2.0';
+const version = '23.2.2';
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/versions.js
 
@@ -1341,7 +1344,7 @@ class editingFieldExtensions_EditingFieldExtensions {
 var external_DevExpress_Analytics_Widgets_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "DevExpress.devices"
-var external_DevExpress_devices_ = __webpack_require__(14);
+var external_DevExpress_devices_ = __webpack_require__(13);
 var external_DevExpress_devices_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_devices_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/utils/_utils.js
@@ -1475,9 +1478,9 @@ var characterSet = {
     valuesArray: [{ value: 'windows-1256', displayValue: 'Arabic (Windows)' }, { value: 'iso-8859-4', displayValue: 'Baltic (ISO)' }, { value: 'windows-1257', displayValue: 'Baltic (Windows)' }, { value: 'iso-8859-2', displayValue: 'Central European (ISO)' }, { value: 'windows-1250', displayValue: 'Central European (Windows)' }, { value: 'iso-8859-5', displayValue: 'Cyrillic (ISO)' }, { value: 'koi8-r', displayValue: 'Cyrillic (KOI8-r)' }, { value: 'windows-1251', displayValue: 'Cyrillic (Windows)' }, { value: 'iso-8859-15', displayValue: 'Latin 9 (ISO)' }, { value: 'utf-7', displayValue: 'Unicode (UTF-7)' }, { value: 'utf-8', displayValue: 'Unicode (UTF-8)' }, { value: 'iso-8859-1', displayValue: 'Western European (ISO)' }, { value: 'windows-1252', displayValue: 'Western European (Windows)' }]
 };
 function getExportModeValues(format = 'Html', preview, merged) {
-    var singleFile = { value: 'SingleFile', displayValue: 'Single File', localizationId: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])('PreviewStringId.ExportOption_{0}ExportMode_SingleFile', format) };
-    var singleFilePageByPage = { value: 'SingleFilePageByPage', displayValue: 'Single File PageByPage', localizationId: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])('PreviewStringId.ExportOption_{0}ExportMode_SingleFilePageByPage', format) };
-    var differentFiles = { value: 'DifferentFiles', displayValue: 'Different Files', localizationId: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])('PreviewStringId.ExportOption_{0}ExportMode_DifferentFiles', format) };
+    var singleFile = { value: 'SingleFile', displayValue: 'Single File', localizationId: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])('DevExpress.XtraPrinting.{0}ExportMode.SingleFile', format) };
+    var singleFilePageByPage = { value: 'SingleFilePageByPage', displayValue: 'Single File (Page-by-Page)', localizationId: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])('DevExpress.XtraPrinting.{0}ExportMode.SingleFilePageByPage', format) };
+    var differentFiles = { value: 'DifferentFiles', displayValue: 'Different Files', localizationId: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])('DevExpress.XtraPrinting.{0}ExportMode.DifferentFiles', format) };
     if (merged) {
         return [singleFilePageByPage];
     }
@@ -1817,7 +1820,8 @@ var imageExportOptionsSerializationInfoBase = [
         ]
     }
 ];
-var imageExportOptionsSerializationInfo = [imageExportMode, { propertyName: 'retainBackgroundTransparency', modelName: '@RetainBackgroundTransparency', displayName: 'Retain Background Transparency', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.RetainBackgroundTransparency', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"] },
+var imageExportOptionsSerializationInfo = [imageExportMode,
+    { propertyName: 'retainBackgroundTransparency', modelName: '@RetainBackgroundTransparency', displayName: 'Retain Background Transparency', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.RetainBackgroundTransparency', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"] },
     {
         propertyName: 'textRenderingMode', modelName: '@TextRenderingMode', displayName: 'Text Rendering Mode', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions.TextRenderingMode', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), defaultVal: 'SystemDefault', from: external_DevExpress_Analytics_Utils_["fromEnum"],
         valuesArray: [
@@ -2451,7 +2455,7 @@ function _getChartSubComponents(component, path, displayPath) {
 
 
 // EXTERNAL MODULE: external "DevExpress.Analytics.Elements"
-var external_DevExpress_Analytics_Elements_ = __webpack_require__(9);
+var external_DevExpress_Analytics_Elements_ = __webpack_require__(8);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/metadata.js
 
@@ -2518,6 +2522,7 @@ var ExportFormatID = {
 };
 var PreviewElements = {
     Toolbar: 'dxrd-preview-toolbar-scrollable',
+    Breadcrumb: 'dxrd-preview-breadcrumb',
     Surface: 'dxrdp-surface',
     RightPanel: 'dxrd-right-panel-template-base',
     ExportTool: 'dxrd-export-tool'
@@ -2806,6 +2811,7 @@ class editingFieldBase_EditingFieldBase extends external_DevExpress_Analytics_Se
             this.zoom = page.zoom;
         }));
     }
+    deferredUpdateViewModel() { return false; }
     createViewModel() {
         return Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])(super.createViewModel())
             .generateProperty('zoom', this.zoom)
@@ -3369,7 +3375,7 @@ checkEditingField_decorate([
 ], checkEditingField_CheckEditingFieldViewModel.prototype, "checked", void 0);
 
 // EXTERNAL MODULE: external "DevExpress.ui.dxPopup"
-var external_DevExpress_ui_dxPopup_ = __webpack_require__(11);
+var external_DevExpress_ui_dxPopup_ = __webpack_require__(10);
 var external_DevExpress_ui_dxPopup_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_dxPopup_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_previewSelection.js
@@ -3663,7 +3669,7 @@ class popupImageEditingField_PopupImageEditingFieldViewModel extends imageEditin
         return this.painterData;
     }
     createViewModel() {
-        return Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])(super.createViewModel())
+        const viewModel = Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])(super.createViewModel())
             .generateProperty('parentPopupClass', this._parentPopupClass)
             .generateProperty('getPainterOptions', () => this._getPainterOptions())
             .generateProperty('popupData', Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])()
@@ -3683,13 +3689,14 @@ class popupImageEditingField_PopupImageEditingFieldViewModel extends imageEditin
             .generateProperty('onContentReady', (event) => {
             this._resetPainter(this.painter);
             event.component && event.component.registerKeyHandler('tab', (_) => {
-                this.popupData.onHiding(event);
+                viewModel.popupData.onHiding(event);
             });
         })
             .generateProperty('renderedHandler', () => this._renderedHandler())
             .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_["getParentContainer"])
             .getViewModel())
             .getViewModel();
+        return viewModel;
     }
     _renderedHandler() {
         this._resetPictureEditor(this.pictureEditor);
@@ -3713,6 +3720,7 @@ class popupImageEditingField_PopupImageEditingFieldViewModel extends imageEditin
             this.active = true;
         }
     }
+    deferredUpdateViewModel() { return false; }
 }
 popupImageEditingField_decorate([
     Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])(false)
@@ -4387,7 +4395,7 @@ class exportOptionsPreview_ExportOptionsMergedPreview extends exportOptionsPrevi
 }
 
 // EXTERNAL MODULE: external "DevExpress.utils.browser"
-var external_DevExpress_utils_browser_ = __webpack_require__(8);
+var external_DevExpress_utils_browser_ = __webpack_require__(18);
 var external_DevExpress_utils_browser_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_utils_browser_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_exportHandler.viewModel.js
@@ -4402,10 +4410,8 @@ function createExportHandlerViewModel(base) {
         .generateProperty('title', this.getPopupTitle())
         .generateProperty('visible', this.popupVisible)
         .generateProperty('toolbarItems', [{
-            toolbar: 'bottom', location: 'after', widget: 'dxButton',
-            options: {
-                text: Object(external_DevExpress_Analytics_Internal_["getLocalization"])('OK', external_DevExpress_Analytics_Internal_["StringId"].DataAccessBtnOK), type: 'default', stylingMode: 'contained',
-                onClick: () => {
+            toolbar: 'bottom', location: 'after', widget: 'dxButton', options: {
+                text: Object(external_DevExpress_Analytics_Internal_["getLocalization"])('OK', external_DevExpress_Analytics_Internal_["StringId"].DataAccessBtnOK), type: 'default', stylingMode: 'contained', onClick: () => {
                     this.popupVisible = false;
                 }
             }
@@ -4575,15 +4581,22 @@ class _previewRequestWrapper_PreviewRequestWrapper {
     openReport(reportName) {
         return Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'openReport', encodeURIComponent(reportName), _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Could not open report', 'ASPxReportsStringId.WebDocumentViewer_OpenReportError') + " '" + reportName + "'"));
     }
-    drillThrough(customData) {
+    drillThrough(drillThroughData) {
         return Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'drillThrough', encodeURIComponent(JSON.stringify({
+            reportId: this._reportPreview.reportId,
+            reportUrl: this._reportPreview.reportUrl,
+            drillThroughData: drillThroughData
+        })), _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Drill through operation failed', 'ASPxReportsStringId.WebDocumentViewer_DrillThroughError')));
+    }
+    goToReport(customData) {
+        return Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'goToReport', encodeURIComponent(JSON.stringify({
             reportId: this._reportPreview.reportId,
             reportUrl: this._reportPreview.reportUrl,
             documentId: this._reportPreview.documentId,
             parameters: this._parametersModel.serializeParameters(),
             editingFields: this._reportPreview.editingFieldsProvider().map(field => field.model()),
             customData: customData
-        })), _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Drill through operation failed', 'ASPxReportsStringId.WebDocumentViewer_DrillThroughError')));
+        })), _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Go to report operation failed', 'ASPxReportsStringId.WebDocumentViewer_DrillThroughError')));
     }
     getStartExportOperation(arg, shouldIgnoreError) {
         return Object(external_DevExpress_Analytics_Internal_["ajax"])(HandlerUri(), 'startExport', arg, _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError')), shouldIgnoreError);
@@ -4787,10 +4800,8 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Seriali
         }
     }
     clearExportTools() {
-        if (this._isNewBrowser()) {
-            var iframe = this.exportingFrame.contentWindow;
-            iframe && iframe.location.replace('about:blank');
-        }
+        var iframe = this.exportingFrame.contentWindow;
+        iframe && iframe.location.replace('about:blank');
         this.printingLinkCallback = () => { };
         this.popupVisible = false;
     }
@@ -4816,30 +4827,32 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Seriali
             this.postingForm.submit();
         }
     }
-    _doExportSync(_exportWindow, printable, useSameTab, operationId, abortController) {
+    _doExportSync(_exportWindow, printable, useSameTab, shouldChangePrintJobName, operationId, abortController) {
         this.onExportCustomEvent && this.onExportCustomEvent(this._exportResultRequestData);
         const _requestData = this._exportResultRequestData;
-        const formTarget = useSameTab ? this.exportingFrameName : '_blank';
-        if (!printable || !this._isNewBrowser()) {
-            if (Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])() && this._useSameTabExport) {
-                this._exportUsingFetch(_requestData, operationId, abortController);
-                return;
+        useSameTab && printable && this._initPrintingWindow();
+        const formTarget = useSameTab || (this._useSameTabExport && !useSameTab && isMobile) ? this.exportingFrameName : '_blank';
+        if (!this._useSameTabExport && !printable) {
+            this._replaceLocation(_exportWindow, _requestData);
+        }
+        else if (this._useSameTabExport && (!printable || (!useSameTab && isMobile))) {
+            if (Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])()) {
+                const method = 'POST';
+                this._getExportResultUsingFetch(_requestData, method, printable, this._handleFile, operationId, abortController);
+            }
+            else {
+                this._formSubmit(_requestData, formTarget);
             }
-            this._useSameTabExport ? this._formSubmit(_requestData, formTarget) : this._replaceLocation(_exportWindow, _requestData);
         }
         else {
             if (!_exportWindow) {
-                _exportWindow = this.exportingFrame && (useSameTab || this._useSameTabExport && isMobile) ? this.exportingFrame.contentWindow : this._replaceLocation(null, null);
+                _exportWindow = this.exportingFrame && (useSameTab || (this._useSameTabExport && isMobile)) ? this.exportingFrame.contentWindow : this._replaceLocation(null, null);
             }
             const method = this._useSameTabExport ? 'POST' : 'GET';
-            this._printUsingBlob(_exportWindow, _requestData, method, useSameTab, operationId, abortController);
+            this._printUsingBlob(_exportWindow, _requestData, method, useSameTab, printable, shouldChangePrintJobName, operationId, abortController);
         }
     }
-    _exportUsingFetch(_requestData, operationId, abortController) {
-        const _method = 'POST';
-        this._getExportResultUsingFetch(_requestData, _method, operationId, false, this._handleFile, abortController);
-    }
-    _getExportResultUsingFetch(_requestData, _method, operationId, printable, handleFile, abortController) {
+    _getExportResultUsingFetch(_requestData, _method, printable, handleFile, operationId, abortController) {
         const _url = this._getUrlObject();
         const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId);
         this._exportResultDeferred = external_jQuery_["Deferred"]();
@@ -4995,20 +5008,16 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Seriali
             if (this._useSameTabExport) {
                 requestData.FormData['arg'] = args();
                 requestData.FormData['actionKey'] = 'exportTo';
-                this._setPrintingLinkCallback(() => this._doExportSync(null, true, false, null, abortController));
+                this._setPrintingLinkCallback(() => this._doExportSync(null, true, false, false, null, abortController));
             }
             else {
                 requestData.QueryParameters['arg'] = args();
                 requestData.QueryParameters['actionKey'] = 'exportTo';
             }
-            this._doExportSync(null, printable, this._useSameTabExport, null, abortController);
+            this._doExportSync(null, printable, this._useSameTabExport, false, null, abortController);
         }
         return deferred.promise();
     }
-    _isNewBrowser() {
-        var isNewChrome = external_DevExpress_utils_browser_default.a.chrome && (parseInt(external_DevExpress_utils_browser_default.a.version) >= 76);
-        return (isNewChrome || external_DevExpress_utils_browser_default.a.mozilla || external_DevExpress_utils_browser_default.a['safari']);
-    }
     _showAsyncExportError(window, message, status, statusText) {
         if (window) {
             var div = window.document.getElementById('loading');
@@ -5022,66 +5031,65 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Seriali
             }
         }
     }
-    _printUsingBlob(_exportWindow, _requestData, _method, useSameTab, operationId, abortControler) {
+    _printUsingBlob(_exportWindow, _requestData, _method, useSameTab, printable, shouldChangePrintJobName, operationId, abortControler) {
+        if (!this._useSameTabExport && _exportWindow && shouldChangePrintJobName) {
+            _exportWindow.location.replace(_requestData.RequestUrl);
+            this.preview.progressBar.complete(operationId);
+            return;
+        }
         _method === 'GET' && (_requestData.RequestUrl = this._addQueryParamsToUri(_requestData.RequestUrl, _requestData.QueryParameters));
         if (Object(external_DevExpress_Analytics_Utils_["_isFetchConfigured"])()) {
-            this._printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, operationId, abortControler);
+            this._printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, printable, operationId, abortControler);
             return;
         }
-        const _this = this;
-        this._xhr = new XMLHttpRequest();
-        this._xhr.onreadystatechange = function () {
-            if (this.readyState == 4 && this.status == 200) {
-                const _url = _this._getUrlObject();
-                if (_this._useSameTabExport && isMobile && !useSameTab) {
-                    const contentDisposition = _this._xhr.getResponseHeader('Content-Disposition');
-                    const contentType = isIOS && this.response.type === 'application/pdf' ? 'application/octet-stream' : this.response.type;
-                    const fileMetadata = {
-                        contentType,
-                        contentLength: this.response.size,
-                        contentFilename: _this._getFileName(contentDisposition),
-                        url: _url.createObjectURL(new Blob([this.response], { type: contentType }))
-                    };
-                    _this._handleFile(fileMetadata, _url);
-                    return;
-                }
-                const blobUrl = _url.createObjectURL(this.response);
-                _exportWindow && _exportWindow.location.replace(blobUrl);
-                setTimeout(() => { _url.revokeObjectURL(blobUrl); }, 1);
-                _this._callPrint(_exportWindow);
-            }
-            else if (this.readyState == 4 && this.status >= 400) {
-                var message = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError');
-                _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(_this.preview, message, true)('', this, '');
-                if (_exportWindow && _exportWindow.name != _this.exportingFrameName) {
-                    _this._showAsyncExportError(_exportWindow, message, this.status, this.statusText);
-                }
-            }
-        };
-        this._xhr.open(_method, _requestData.RequestUrl);
-        this._xhr.responseType = 'blob';
-        var formData = new FormData();
-        for (var key in _requestData.FormData) {
+        this._executeXhr(_exportWindow, _requestData, _method, this._handleXhrReady);
+    }
+    _executeXhr(_exportWindow, _requestData, _method, _handleXhrReady) {
+        this._prepareXhr(_exportWindow, _requestData, _method, _requestData.RequestUrl, _handleXhrReady);
+        const formData = new FormData();
+        for (let key in _requestData.FormData) {
             formData.append(key, _requestData.FormData[key]);
         }
         this._xhr.send(formData);
-        useSameTab && this._initPrintingWindow();
     }
-    _printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, operationId, abortController) {
-        if (this._useSameTabExport && isMobile && !useSameTab) {
-            this._exportUsingFetch(_requestData, operationId, abortController);
+    _printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, printable, operationId, abortController) {
+        if (this._useSameTabExport && (!printable || (isMobile && !useSameTab))) {
+            this._getExportResultUsingFetch(_requestData, _method, printable, this._handleFile, operationId, abortController);
             return;
         }
-        const printable = true;
         const handleFile = (fileMetadata, _url) => {
             if (fileMetadata.url && _exportWindow) {
                 _exportWindow.location.replace(fileMetadata.url);
                 setTimeout(() => { _url.revokeObjectURL(fileMetadata.url); }, 1);
                 this._callPrint(_exportWindow);
-                useSameTab && this._initPrintingWindow();
             }
         };
-        this._getExportResultUsingFetch(_requestData, _method, operationId, printable, handleFile, abortController);
+        this._getExportResultUsingFetch(_requestData, _method, printable, handleFile, operationId, abortController);
+    }
+    _prepareXhr(_exportWindow, _requestData, _method, _exportUrl, _handleXhrReady) {
+        const _this = this;
+        this._xhr = new XMLHttpRequest();
+        this._xhr.onreadystatechange = function () {
+            _handleXhrReady(_this, this, _exportWindow, _requestData);
+        };
+        this._xhr.open(_method, _exportUrl);
+        this._xhr.responseType = 'blob';
+    }
+    _handleXhrReady(_this, _xmlHttpRequest, _exportWindow, _requestData) {
+        if (_xmlHttpRequest.readyState == 4 && _xmlHttpRequest.status == 200) {
+            const _url = _this._getUrlObject();
+            const blobUrl = _url.createObjectURL(_xmlHttpRequest.response);
+            _exportWindow && _exportWindow.location.replace(blobUrl);
+            setTimeout(() => { _url.revokeObjectURL(blobUrl); }, 1);
+            _this._callPrint(_exportWindow);
+        }
+        else if (_xmlHttpRequest.readyState == 4 && _xmlHttpRequest.status >= 400) {
+            var message = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError');
+            _previewRequestWrapper_PreviewRequestWrapper.getProcessErrorCallback(_this.preview, message, true)('', this, '');
+            if (_exportWindow && _exportWindow.name != _this.exportingFrameName) {
+                _this._showAsyncExportError(_exportWindow, message, _xmlHttpRequest.status, _xmlHttpRequest.statusText);
+            }
+        }
     }
     _addQueryParamsToUri(_exportUri, _queryParameters) {
         var keys = Object.keys(_queryParameters || {});
@@ -5161,7 +5169,7 @@ class _exportHandler_ExportHandler extends external_DevExpress_Analytics_Seriali
             }
         }
         this._window && (this._window.onunload = null);
-        this._doExportSync(this._window, printable, useSameTab, operationId, abortController);
+        this._doExportSync(this._window, printable, useSameTab, !!uri, operationId, abortController);
         this._window = null;
     }
 }
@@ -5301,7 +5309,6 @@ function initializeBrick(brick, processClick, editingFieldBricks) {
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_page.viewModel.js
 
 
-
 function createPreviewPageViewModel(base) {
     return Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])(base)
         .generateProperty('pageLoading', this.pageLoading)
@@ -5312,8 +5319,7 @@ function createPreviewPageViewModel(base) {
         .generateProperty('loadingText', Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Loading...', 'AnalyticsCoreStringId.Loading'))
         .generateProperty('delayedInit', () => this.reportPreview.delayedInit())
         .generateProperty('brickSelectionProg', {
-        page: this, preview: this.reportPreview,
-        click: (pageIndex) => this.reportPreview.goToPage(pageIndex)
+        page: this, preview: this.reportPreview, click: (pageIndex) => this.reportPreview.goToPage(pageIndex)
     })
         .generateProperty('autoFitOptions', {
         setZoom: (newValue) => {
@@ -5328,9 +5334,7 @@ function createPreviewPageViewModel(base) {
         getPageSizeConfiguration: () => this._getPageSizeConfiguration()
     })
         .generateProperty('clickToBrick', (_, event) => this._clickToBrick(event))
-        .generateProperty('currentPageAriaLabelImgAlt', () => {
-        return Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Report Preview page {0} of {1}', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPreviewPage'), this.pageIndex + 1, this.reportPreview.pages.length);
-    })
+        .generateProperty('currentPageAriaLabelImgAlt', this.currentPageAriaLabelImgAlt)
         .generateProperty('editingFields', this.editingFields)
         .generateProperty('color', this.color)
         .generateProperty('bricks', this.bricks)
@@ -5387,6 +5391,9 @@ function updatePreviewPageViewModel(args) {
     else if (args.propertyName === 'editingFields') {
         viewModel.editingFields = this.editingFields.map(x => x.getViewModel());
     }
+    else if (args.propertyName === 'currentPageAriaLabelImgAlt') {
+        viewModel.currentPageAriaLabelImgAlt = this.currentPageAriaLabelImgAlt;
+    }
 }
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_page.js
@@ -5460,6 +5467,8 @@ class _page_PreviewPage extends external_DevExpress_Analytics_Serializer_Native_
             if (subscribeToPageLoading) {
                 this.pageLoading = args.newValue;
             }
+        }), reportPreview.events.on('pagesChanged', () => {
+            this.currentPageAriaLabelImgAlt = this._getAriaLabel();
         }));
         this.previewSize = reportPreview.previewSize;
         this.autoFitBy = reportPreview.autoFitBy;
@@ -5468,6 +5477,7 @@ class _page_PreviewPage extends external_DevExpress_Analytics_Serializer_Native_
         this.color = reportPreview._pageBackColor || '';
         this.zoom = reportPreview.originalZoom;
         this.isEmpty = pageIndex === -1 && !this.brick && !processClick;
+        this.currentPageAriaLabelImgAlt = this._getAriaLabel();
         this.resetBrickRecusive = (brick) => {
             if (brick && brick.active !== undefined) {
                 this.deactivateBrick(brick);
@@ -5609,6 +5619,9 @@ class _page_PreviewPage extends external_DevExpress_Analytics_Serializer_Native_
             this.size = newSize;
         }
     }
+    _getAriaLabel() {
+        return Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(Object(external_DevExpress_Analytics_Internal_["getLocalization"])('Report Preview page {0} of {1}', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPreviewPage'), this.pageIndex + 1, this.reportPreview.pages.length);
+    }
     updateSize(zoom) {
         var newResolution = getCurrentResolution(zoom);
         return newResolution;
@@ -5632,10 +5645,12 @@ class _page_PreviewPage extends external_DevExpress_Analytics_Serializer_Native_
         this.brickLoading = true;
     }
     dispose() {
+        var _a;
         super.dispose();
         this._isDisposed = true;
         this._editingFieldsSubscriptionDispose && this._editingFieldsSubscriptionDispose();
         this.reportPreview = null;
+        (_a = this.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.reject();
     }
     _setPageImgSrc(documentId, unifier, zoom, shouldSkipBricks) {
         if (!documentId || this.pageIndex === -1) {
@@ -5772,6 +5787,9 @@ _page_decorate([
 _page_decorate([
     Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])('')
 ], _page_PreviewPage.prototype, "_unifier", void 0);
+_page_decorate([
+    Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])('')
+], _page_PreviewPage.prototype, "currentPageAriaLabelImgAlt", void 0);
 _page_decorate([
     Object(external_DevExpress_Analytics_Serializer_Native_["mutableArray"])(() => [])
 ], _page_PreviewPage.prototype, "activeBricks", void 0);
@@ -6325,6 +6343,193 @@ function updateReportPreviewViewModel(args) {
     }
 }
 
+// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_previewBreadcrumbs.js
+var _previewBreadcrumbs_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 _previewBreadcrumbs_BreadcrumbItem extends external_DevExpress_Analytics_Serializer_Native_["BaseRenderingModel"] {
+    constructor(position, previewInitData, onItemClick) {
+        super();
+        this.previewInitData = previewInitData;
+        this.onItemClick = onItemClick;
+        this.position = position;
+    }
+    getModel() {
+        return this;
+    }
+    onPropertyChanged(args) {
+        this.updateViewModel(args);
+    }
+    updateViewModel(args) {
+        const viewModel = this.getViewModel();
+        if (args.propertyName === 'displayText') {
+            viewModel.displayText = this.displayText;
+        }
+        else if (args.propertyName === 'previewInitData') {
+            viewModel.previewInitData = this.previewInitData;
+        }
+        else if (args.propertyName === 'parameterValues') {
+            viewModel.parameterValues = this.parameterValues;
+        }
+        else if (args.propertyName === 'position') {
+            viewModel.position = this.position;
+        }
+        else if (args.propertyName === 'pageIndex') {
+            viewModel.pageIndex = this.pageIndex;
+        }
+        else if (args.propertyName === 'indexes') {
+            viewModel.indexes = this.indexes;
+        }
+    }
+    createViewModel() {
+        var viewModel = Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])(super.createViewModel())
+            .generateProperty('displayText', this.displayText)
+            .generateProperty('position', this.position)
+            .generateProperty('onItemClick', this.onItemClick)
+            .generateProperty('previewInitData', this.previewInitData)
+            .generateProperty('parameterValues', this.parameterValues)
+            .generateProperty('pageIndex', this.pageIndex)
+            .generateProperty('indexes', this.indexes)
+            .getViewModel();
+        return viewModel;
+    }
+}
+_previewBreadcrumbs_decorate([
+    Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])(0)
+], _previewBreadcrumbs_BreadcrumbItem.prototype, "pageIndex", void 0);
+_previewBreadcrumbs_decorate([
+    Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])('')
+], _previewBreadcrumbs_BreadcrumbItem.prototype, "indexes", void 0);
+_previewBreadcrumbs_decorate([
+    Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])('')
+], _previewBreadcrumbs_BreadcrumbItem.prototype, "displayText", void 0);
+_previewBreadcrumbs_decorate([
+    Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])(0)
+], _previewBreadcrumbs_BreadcrumbItem.prototype, "position", void 0);
+_previewBreadcrumbs_decorate([
+    Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])()
+], _previewBreadcrumbs_BreadcrumbItem.prototype, "parameterValues", void 0);
+class _previewBreadcrumbs_BreadcrumbModel extends external_DevExpress_Analytics_Serializer_Native_["BaseRenderingModel"] {
+    constructor() {
+        super();
+        this.templateName = PreviewElements.Breadcrumb;
+        this.listItems = [];
+    }
+    addItem(previewInitData, itemClick, displayText) {
+        var position = this.listItems.length;
+        this.listItems.push(new _previewBreadcrumbs_BreadcrumbItem(position, previewInitData, itemClick));
+    }
+    reset() {
+        var model = this.getModel();
+        model.listItems = [];
+        this.listItems = model.listItems;
+    }
+    updateCurrentParameters(parametersViewModel) {
+        var currentItem = this._currentIndex() !== -1 && this.listItems[this._currentIndex()];
+        var parameterValues = {};
+        if (currentItem) {
+            parametersViewModel['_parameters'].forEach(parameter => {
+                if (!parameter.visible)
+                    return;
+                var getValue = (parameter) => parameter.value ? [...parameter.value] : parameter;
+                var searchForValue = (groupLayoutItem, parameterPath) => {
+                    var _a;
+                    var parameterValue;
+                    if (groupLayoutItem[parameterPath])
+                        return getValue(groupLayoutItem[parameterPath]);
+                    (_a = groupLayoutItem.groupLayoutItems) === null || _a === void 0 ? void 0 : _a.forEach(groupLayoutItem => {
+                        const valueFound = searchForValue(groupLayoutItem, parameterPath);
+                        if (valueFound)
+                            parameterValue = valueFound;
+                    });
+                    return parameterValue;
+                };
+                parameterValues[parameter.path] = searchForValue(parametersViewModel, parameter.path);
+            });
+            this.listItems[this._currentIndex()].parameterValues = parameterValues;
+        }
+    }
+    updateCurrentItem(previewInitData, itemClick, displayText) {
+        var newItemData = new _previewBreadcrumbs_BreadcrumbItem(0, previewInitData, itemClick);
+        newItemData.setProperty('displayText', displayText);
+        if (this._currentIndex() === -1) {
+            this.listItems.push(newItemData);
+        }
+        else {
+            this.listItems[this._currentIndex()] = newItemData;
+            this.listItems[this._currentIndex()].position = this._currentIndex();
+        }
+    }
+    updateCurrentDocumentId(documentId) {
+        if (this.listItems[this._currentIndex()] && this.listItems[this._currentIndex()].previewInitData)
+            this.listItems[this._currentIndex()].previewInitData.documentId = documentId;
+    }
+    updateCurrentPosition(pageIndex, indexes) {
+        const currentItemIndex = this._currentIndex();
+        this.listItems[currentItemIndex].pageIndex = pageIndex;
+        this.listItems[currentItemIndex].indexes = indexes;
+    }
+    updateCurrentReportName(displayText) {
+        if (displayText && displayText.length)
+            this.listItems[this._currentIndex()].displayText = displayText;
+        this.updatePreviewSize && this.updatePreviewSize();
+    }
+    getCurrentPageInfo() {
+        const index = this._currentIndex();
+        return index < 0 ? {} : { pageIndex: this.listItems[index].pageIndex, indexes: this.listItems[index].indexes };
+    }
+    _currentIndex() {
+        return this.listItems.length - 1;
+    }
+    onClick(itemIndex) {
+        if (this.listItems.length > itemIndex + 1) {
+            this.listItems = this.listItems.slice(0, itemIndex + 1);
+            var model = this.getModel();
+            model.listItems = this.listItems.map(item => item.getModel());
+        }
+        var activeItem = this.listItems[itemIndex];
+        activeItem.onItemClick(activeItem.previewInitData, activeItem.parameterValues, activeItem.pageIndex);
+    }
+    dispose() {
+        super.dispose();
+        this.listItems.splice(0);
+    }
+    getModel() {
+        return this;
+    }
+    onPropertyChanged(args) {
+        if (args.propertyName === 'listItems') {
+            this.visible = args.newValue.length > 0;
+            const viewModel = this.getViewModel();
+            viewModel.listItems = this.listItems.map(item => (item.getViewModel && item.getViewModel())).filter(item => item);
+        }
+    }
+    updateViewModel(args) {
+        const viewModel = this.getViewModel();
+        viewModel.listItems = this.listItems.map(item => (item.getViewModel && item.getViewModel())).filter(item => item);
+    }
+    createViewModel() {
+        var viewModel = Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])(super.createViewModel())
+            .generateProperty('visible', this.visible)
+            .generateProperty('listItems', this.listItems.map(item => item.getViewModel()))
+            .generateProperty('templateName', this.templateName)
+            .generateProperty('onClick', this.onClick)
+            .getViewModel();
+        return viewModel;
+    }
+}
+_previewBreadcrumbs_decorate([
+    Object(external_DevExpress_Analytics_Serializer_Native_["mutable"])(false)
+], _previewBreadcrumbs_BreadcrumbModel.prototype, "visible", void 0);
+_previewBreadcrumbs_decorate([
+    Object(external_DevExpress_Analytics_Serializer_Native_["mutableArray"])(() => [])
+], _previewBreadcrumbs_BreadcrumbModel.prototype, "listItems", 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;
@@ -6351,9 +6556,10 @@ var reportPreview_decorate = (undefined && undefined.__decorate) || function (de
 
 
 
+
 
 class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializer_Native_["BaseRenderingModel"] {
-    constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, enableKeyboardSupport, exportSettings, element) {
+    constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, enableKeyboardSupport, exportSettings, element, breadcrumb) {
         super();
         this.enableKeyboardSupport = enableKeyboardSupport;
         this.element = element;
@@ -6436,6 +6642,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
         this.previewHandlersHelper = previewHandlersHelper || new _previewHandlersHelper_PreviewHandlersHelper(this);
         this.requestWrapper = previewRequestWrapper || new _previewRequestWrapper_PreviewRequestWrapper(null, callbacks);
         this.rtlViewer = rtl;
+        this._breadcrumb = breadcrumb !== null && breadcrumb !== void 0 ? breadcrumb : new _previewBreadcrumbs_BreadcrumbModel();
         this.exportHandler = new _exportHandler_ExportHandler(exportSettings, this);
         if (callbacks) {
             this.customProcessBrickClick = callbacks.previewClick;
@@ -6506,6 +6713,10 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
             if (this.currentPage) {
                 this._updateEmptyDocumentCaption();
             }
+        }), this.exportHandler.events.on('reportDisplayNameChanged', (args) => {
+            this._breadcrumb.updateCurrentReportName(args.newValue);
+        }), this.events.on('documentIdChanged', (args) => {
+            this._breadcrumb.updateCurrentDocumentId(this.documentId);
         }));
         this._updateExportDisabled();
     }
@@ -6536,6 +6747,8 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
     }
     dispose() {
         super.dispose();
+        this.pageLoader.reset();
+        this.removeAllPages();
         (this._timeouts || []).forEach(tic => clearTimeout(tic));
         (this._deferreds || []).forEach(deferred => deferred.reject());
         this.exportHandler && this.exportHandler.dispose();
@@ -6557,14 +6770,15 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
             (tempPage.isEmpty || tempPage.pageIndex === -1) && this.removePage(tempPage);
         }
     }
-    _initialize() {
+    _initialize(closeDocument = true) {
         var _a, _b, _c;
         this._drillDownState = [];
         this._sortingState = [];
         this._initialDocumentData = null;
         if (this.requestWrapper && ((_a = this.requestWrapper['_searchModel']) === null || _a === void 0 ? void 0 : _a.loading) && ((_b = this.requestWrapper['_searchModel']) === null || _b === void 0 ? void 0 : _b.useAsyncSearch))
             (_c = this.requestWrapper['_searchModel']) === null || _c === void 0 ? void 0 : _c.stopSearchProcess();
-        this.closeDocument();
+        if (closeDocument)
+            this.closeDocument();
         this._editingFields = [];
         this.disposeArray(this._editingFields);
         this.documentMap = null;
@@ -6609,7 +6823,11 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
             var brickNavigation = brick && brick.navigation;
             var defaultHandler = () => {
                 if (brickNavigation) {
-                    if (brickNavigation.drillDownKey && _self.reportId && _self._doDrillDown && _self._drillDownState.length > 0) {
+                    if (brickNavigation.drillThroughData && _self.reportId) {
+                        this._breadcrumb.updateCurrentPosition(this.pageIndex, brick.indexes);
+                        _self.drillThrough(brickNavigation.drillThroughData);
+                    }
+                    else if (brickNavigation.drillDownKey && _self.reportId && _self._doDrillDown && _self._drillDownState.length > 0) {
                         if (_self._startBuildOperationId)
                             return;
                         _self._doDrillDown(brickNavigation.drillDownKey);
@@ -6619,7 +6837,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
                             return;
                         _self._doSorting(brickNavigation.sortData, shiftKey, ctrlKey);
                     }
-                    if (brickNavigation.pageIndex >= 0) {
+                    else if (brickNavigation.pageIndex >= 0) {
                         var targetPage = _self.pages.filter(page => page.pageIndex === brickNavigation.pageIndex)[0];
                         if (targetPage) {
                             _self.goToPage(brickNavigation.pageIndex);
@@ -6664,9 +6882,10 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
         });
         return this.initialize(deferred.promise());
     }
-    drillThrough(customData, closeCurrentReport = true) {
+    goToReport(customData, closeCurrentReport = true) {
         var deferred = external_jQuery_["Deferred"]();
-        this.requestWrapper.drillThrough(customData).done(response => {
+        this._deferreds.push(deferred);
+        this.requestWrapper.goToReport(customData).done(response => {
             if (closeCurrentReport) {
                 this._clearReportInfo();
                 this.initialize(deferred.promise());
@@ -6677,6 +6896,18 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
         });
         return deferred.promise();
     }
+    drillThrough(drillThroughData) {
+        var deferred = external_jQuery_["Deferred"]();
+        this._deferreds.push(deferred);
+        this.requestWrapper.drillThrough(drillThroughData).done(response => {
+            this._breadcrumb.addItem(response);
+            this.initialize(deferred.promise(), false, true);
+            deferred.resolve(response);
+        }).fail((error) => {
+            deferred.reject(error);
+        });
+        return deferred.promise();
+    }
     _sortCustomParametersLookUpValues(reportParameterInfo) {
         var _a;
         if (!reportParameterInfo || !reportParameterInfo.knownEnums)
@@ -6702,41 +6933,81 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
         }
         this.setPageVisibility(firstPage, true);
     }
-    initialize(initializeDataPromise) {
+    initialize(initializeDataPromise, closeDocument = true, submitParams = false) {
         this.reportOpening = true;
         this.reportId = null;
         this.reportUrl = null;
         this.documentId = null;
-        this._initialize();
+        this._initialize(closeDocument);
         var _initializeDeferred = external_jQuery_["Deferred"]();
         this._deferreds.push(_initializeDeferred);
         _initializeDeferred.done(() => {
             initializeDataPromise.done((previewInitialize) => {
+                var _a;
                 this.reportOpening = false;
                 if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
-                    this.reportId = previewInitialize.reportId;
-                    this.reportUrl = previewInitialize.reportUrl;
-                    this.documentId = previewInitialize.documentId;
-                    this.rtlReport = previewInitialize.rtlReport;
-                    var pageSettings = previewInitialize.pageSettings;
-                    if (pageSettings) {
-                        if (pageSettings.height)
-                            this._pageHeight = pageSettings.height;
-                        if (pageSettings.width)
-                            this._pageWidth = pageSettings.width;
-                        this._pageBackColor = (pageSettings.color && this.readerMode) ? 'rgba(' + pageSettings.color + ')' : '';
-                    }
-                    this._initialDocumentData = previewInitialize.documentData;
-                    this._sortCustomParametersLookUpValues(previewInitialize.parametersInfo);
-                    this.originalParametersInfo = previewInitialize.parametersInfo;
-                    if (previewInitialize.documentId && !this.documentBuilding) {
-                        var documentIdPromise = external_jQuery_["Deferred"]().resolve(previewInitialize.documentId).promise();
-                        this.progressBar.startProgress(null, () => { this.stopBuild(); }, documentIdPromise)
-                            .always(() => { this.documentBuilding = false; });
-                        this.documentBuilding = true;
-                        var doGetBuildStatusFunc = this.getDoGetBuildStatusFunc(true);
-                        doGetBuildStatusFunc(previewInitialize.documentId);
-                    }
+                    var setReport = (previewInitialize, parameters, pageIndex) => {
+                        this._initialize(false);
+                        this.documentBuilding = false;
+                        this.progressBar.inProgress = false;
+                        this.reportId = previewInitialize.reportId;
+                        this.reportUrl = previewInitialize.reportUrl;
+                        this.documentId = previewInitialize.documentId;
+                        this.rtlReport = previewInitialize.rtlReport;
+                        var pageSettings = previewInitialize.pageSettings;
+                        if (pageSettings) {
+                            if (pageSettings.height)
+                                this._pageHeight = pageSettings.height;
+                            if (pageSettings.width)
+                                this._pageWidth = pageSettings.width;
+                            this._pageBackColor = (pageSettings.color && this.readerMode) ? 'rgba(' + pageSettings.color + ')' : '';
+                        }
+                        this._initialDocumentData = previewInitialize.documentData;
+                        this._sortCustomParametersLookUpValues(previewInitialize.parametersInfo);
+                        this.originalParametersInfo = previewInitialize.parametersInfo;
+                        if (previewInitialize.documentId && !this.documentBuilding) {
+                            var documentIdPromise = external_jQuery_["Deferred"]().resolve(previewInitialize.documentId).promise();
+                            this.progressBar.startProgress(null, () => { this.stopBuild(); }, documentIdPromise)
+                                .always(() => { this.documentBuilding = false; });
+                            this.documentBuilding = true;
+                            var doGetBuildStatusFunc = this.getDoGetBuildStatusFunc(true);
+                            doGetBuildStatusFunc(previewInitialize.documentId);
+                        }
+                        if (parameters) {
+                            Object.keys(parameters).forEach(path => {
+                                var 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._breadcrumb.updatePreviewSize && this._breadcrumb.updatePreviewSize();
+                        this.disposePagesChangedEvent && this.disposePagesChangedEvent();
+                        if (pageIndex !== undefined) {
+                            this.disposePagesChangedEvent = this.events.on('pagesChanged', (args) => {
+                                const pageInfo = this._breadcrumb.getCurrentPageInfo();
+                                if (this.pages.length && this.pages.length > pageInfo.pageIndex) {
+                                    var targetPage = this.pages[pageInfo.pageIndex];
+                                    if (targetPage) {
+                                        this.pageIndex !== pageInfo.pageIndex && this.goToPage(pageInfo.pageIndex);
+                                        pageInfo.indexes && pageInfo.indexes.length && targetPage.selectBrick(pageInfo.indexes);
+                                        this.disposePagesChangedEvent && this.disposePagesChangedEvent();
+                                    }
+                                }
+                            });
+                        }
+                    };
+                    setReport(previewInitialize);
+                    this._breadcrumb.updateCurrentItem(previewInitialize, setReport, (_a = previewInitialize.documentData) === null || _a === void 0 ? void 0 : _a.displayName);
                 }
                 else if (previewInitialize.startBuildFaultMessage) {
                     this._processError(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Cannot create a document for the current report', 'ASPxReportsStringId.WebDocumentViewer_DocumentCreationError'), null, true, previewInitialize.startBuildFaultMessage);
@@ -6821,6 +7092,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
         this.requestWrapper.startBuildRequest(shouldIgnoreError)
             .done((response) => {
             this.previewHandlersHelper && this.previewHandlersHelper.doneStartBuildHandler(deferred, response, startBuildOperationId, documentIdDeferred);
+            this._breadcrumb.updateCurrentParameters(this.previewParametersViewModel);
         })
             .fail(() => {
             this.previewHandlersHelper && this.previewHandlersHelper.errorStartBuildHandler(deferred, startBuildOperationId);
@@ -6934,7 +7206,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
                     });
                 if (x.validFrom && x.validTo)
                     fields.push({
-                        value: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Valid from {0:d} to {1:d}', 'PreviewStringId.ExportOption_PdfSignature_ValidRange'), x.validFrom, x.validTo)
+                        value: Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Valid From: {0:d} to {1:d}', 'PreviewStringId.ExportOption_PdfSignature_ValidRange'), x.validFrom, x.validTo)
                     });
                 if (x.image)
                     image = imageSource_ImageSource.parse(x.image).getDataUrl();
@@ -7024,7 +7296,7 @@ class reportPreview_ReportPreview extends external_DevExpress_Analytics_Serializ
         const args = () => encodeURIComponent(JSON.stringify({
             documentId: this.documentId,
             exportOptions: serializedExportOptions,
-            format: isIOS ? 'pdf' : 'printpdf',
+            format: 'printpdf',
             signature,
             inlineResult: !isIOS,
             editingFieldValues: this._editingFields.map(item => item.getEditValue())
@@ -7842,8 +8114,8 @@ var mobilePreview_decorate = (undefined && undefined.__decorate) || function (de
 
 
 class mobilePreview_MobileReportPreview extends reportPreview_ReportPreview {
-    constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, mobileSettings = { readerMode: true, animationEnabled: true }) {
-        super(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl);
+    constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, mobileSettings = { readerMode: true, animationEnabled: true }, breadcrumb) {
+        super(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl, undefined, undefined, undefined, breadcrumb);
         this.readerMode = mobileSettings.readerMode;
         var globalAnimationEnabled = mobileSettings.animationEnabled;
         this.animationSettings = { zoomEnabled: globalAnimationEnabled, swipeEnabled: globalAnimationEnabled };
@@ -8035,7 +8307,7 @@ mobilePreview_decorate([
 ], mobilePreview_MobileReportPreview.prototype, "scrollAvailable", void 0);
 
 // EXTERNAL MODULE: external "DevExpress.data.DataSource"
-var external_DevExpress_data_DataSource_ = __webpack_require__(12);
+var external_DevExpress_data_DataSource_ = __webpack_require__(11);
 var external_DevExpress_data_DataSource_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_data_DataSource_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/accessibility/_searchKeyboardHelper.js
@@ -9235,7 +9507,7 @@ class _galleryModel_GalleryModel extends external_DevExpress_Analytics_Serialize
             var self = this;
             if (useAnimation) {
                 this._animationTimeout = setTimeout(() => {
-                    self.updateBlockPositions(galleryItem.blocks, false);
+                    !self.isDisposing && self.updateBlockPositions(galleryItem.blocks, false);
                 }, 400);
             }
             else {
@@ -9370,7 +9642,7 @@ _paginator_decorate([
 ], _paginator_MobilePaginator.prototype, "text", void 0);
 
 // EXTERNAL MODULE: external "DevExpress.data.ArrayStore"
-var external_DevExpress_data_ArrayStore_ = __webpack_require__(13);
+var external_DevExpress_data_ArrayStore_ = __webpack_require__(12);
 var external_DevExpress_data_ArrayStore_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_data_ArrayStore_);
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/parameters/multiValuesHelper.js
@@ -9501,7 +9773,6 @@ class parameterHelper_ParameterHelper extends external_DevExpress_Analytics_Seri
         if (parameterDescriptor.type === 'System.Guid') {
             info.editorOptions.isNullable = parameterDescriptor.allowNull;
         }
-        this.assignValueStore(info, parameter);
         return info;
     }
     addShowCleanButton(info, parameter) {
@@ -9516,7 +9787,9 @@ class parameterHelper_ParameterHelper extends external_DevExpress_Analytics_Seri
     }
     assignValueStore(info, parameter) {
         var items = this.getEnumCollection(parameter);
-        info['valueStore'] = this.getItemsSource(parameter.getParameterDescriptor(), items, true);
+        info.valueStore = this.getItemsSource(parameter.getParameterDescriptor(), items, true);
+        const multiValueInfo = this._getEngine().getPropertyValue(parameter, 'multiValueInfo');
+        multiValueInfo.valueStore = info.valueStore;
     }
     createMultiValue(parameter, value) {
         const model = new parameterHelper_MultiValueItem(this._engineType);
@@ -9560,6 +9833,7 @@ class parameterHelper_ParameterHelper extends external_DevExpress_Analytics_Seri
     getParameterInfo(parameter) {
         var valueInfo = this.createInfo(parameter);
         this._getEngine().setPropertyValue(parameter, 'multiValueInfo', (external_jQuery_["extend"](true, {}, valueInfo, { propertyName: 'value' })));
+        this.assignValueStore(valueInfo, parameter);
         if (parameter.allowNull !== undefined) {
             this.addShowCleanButton(valueInfo, parameter);
         }
@@ -9628,7 +9902,8 @@ class previewParameterHelper_PreviewParameterHelper extends parameterHelper_Para
     assignValueStore(info, parameter) {
         var _helper = this;
         if (!parameter.isMultiValueWithLookUp) {
-            info['events'] = new external_DevExpress_Analytics_Utils_["EventPropertyManager"]();
+            parameter.multiValueInfo['events'] = new external_DevExpress_Analytics_Utils_["EventPropertyManager"]();
+            info.events = new external_DevExpress_Analytics_Utils_["EventPropertyManager"]();
             this.addDisposable(external_DevExpress_Analytics_Serializer_Native_["nativeMultiPlatformEngine"].createComputedProperty(info, 'valueStore', {
                 read: () => {
                     var items = [];
@@ -9654,6 +9929,12 @@ class previewParameterHelper_PreviewParameterHelper extends parameterHelper_Para
             }, [
                 Object(external_DevExpress_Analytics_Serializer_Native_["subscribableProperty"])(parameter, ['lookUpValues'])
             ]));
+            this.addDisposable(external_DevExpress_Analytics_Serializer_Native_["nativeMultiPlatformEngine"].createComputedProperty(parameter.multiValueInfo, 'valueStore', {
+                read: () => info.valueStore,
+                write: (value) => info.valueStore = value
+            }, [
+                Object(external_DevExpress_Analytics_Serializer_Native_["subscribableProperty"])(info, ['valueStore'])
+            ]));
         }
     }
     isEnumType(parameter) {
@@ -10042,6 +10323,9 @@ class parameterPanelItemBase_ParameterPanelItemBase extends external_DevExpress_
         this._getInfo = newinfo;
         return parameter;
     }
+    get groupLayoutItems() {
+        return this._groupLayoutItems;
+    }
     isPropertyDisabled(name) {
         var parameter = this._parameters.filter(parameter => previewParameterHelper_PreviewParameterHelper.getPrivatePropertyName(parameter.path) === name)[0];
         return parameter && !parameter.enabled;
@@ -10681,6 +10965,7 @@ class _previewModel_PreviewModel extends _previewModel_PreviewDisposableModel {
         this.tabPanel = options.tabPanel;
         this.actionLists = options.actionLists;
         this.accessibilityCompliant = options.accessibilityCompliant;
+        this.breadcrumb = options.breadcrumb;
         this._disposables.push(options.documentMapModel);
         this._disposables.push(options.tabPanel);
         this._disposables.push(options.actionLists);
@@ -10689,10 +10974,11 @@ class _previewModel_PreviewModel extends _previewModel_PreviewDisposableModel {
         return Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])(super.createViewModel())
             .generateProperty('accessibilityCompliant', this.accessibilityCompliant)
             .generateProperty('toolBar', Object(external_DevExpress_Analytics_Serializer_Native_["createViewModelGenerator"])()
-            .generateProperty('actionLists', this.actionLists)
+            .generateProperty('actionLists', this.actionLists.getViewModel())
             .generateProperty('canSwitchToDesigner', this.reportPreview.canSwitchToDesigner)
             .generateProperty('keyboardHelper', new external_DevExpress_Analytics_Internal_["ToolbarKeyboardHelper"](this.actionLists.toolbarItems))
             .getViewModel())
+            .generateProperty('breadcrumb', this.breadcrumb.getViewModel())
             .generateProperty('tabPanel', this.tabPanel.getViewModel())
             .getViewModel();
     }
@@ -11039,9 +11325,17 @@ function updatePreviewContentSize(reportPreview, root, rtl) {
         }
         _cashedSizeFactorClass = sizeFactor;
         var rightAreaWidth = _getRightAreaWidth($root);
-        var surfaceWidth = ($root.width() - rightAreaWidth - 10) * Object(external_DevExpress_Analytics_Internal_["accessibilityFontSizeZoomFactor"])();
-        var cssStyleData = (tabPanelPosition === external_DevExpress_Analytics_Utils_["TabPanel"].Position.Left) ? { 'right': '', 'left': rightAreaWidth + 'px' } : { 'right': rightAreaWidth + 'px', 'left': '' };
-        $root.find('.dxrd-preview-wrapper').css(cssStyleData);
+        var surfaceWidth = (($root.width() - rightAreaWidth - 10) * Object(external_DevExpress_Analytics_Internal_["accessibilityFontSizeZoomFactor"])());
+        var breadcrumbs = $root.find('.breadcrumbs-wrapper');
+        var previewWrapper = $root.find('.dxrd-preview-wrapper');
+        var topAreaHeight = 84;
+        if (breadcrumbs.element) {
+            var padding = 18;
+            breadcrumbs.css({ 'width': (surfaceWidth - padding) + 'px' });
+            topAreaHeight += Object(external_DevExpress_Analytics_Internal_["$dx"])(breadcrumbs.element).height() - padding;
+        }
+        var cssStyleData = (tabPanelPosition === external_DevExpress_Analytics_Utils_["TabPanel"].Position.Left) ? { 'right': '', 'left': rightAreaWidth + 'px', top: topAreaHeight + 'px' } : { 'right': rightAreaWidth + 'px', 'left': '', top: topAreaHeight + 'px' };
+        previewWrapper.css(cssStyleData);
         reportPreview.previewSize = surfaceWidth;
     };
 }
@@ -11049,7 +11343,7 @@ function updatePreviewZoomWithAutoFit(width, height, element, autoFitBy = ZoomAu
     var $element = Object(external_DevExpress_Analytics_Internal_["$dx"])(element);
     var $previewWrapper = $element.closest('.dxrd-preview-wrapper');
     var $preview = $element.closest('.dxrd-preview');
-    if ($previewWrapper.length === 0 || $preview.length === 0) {
+    if ($previewWrapper.length === 0 || $preview.length === 0 || $preview.width() === 0) {
         return 1;
     }
     var surfaceWidth = $preview.width() - _getRightAreaWidth($preview) - 10;
@@ -11109,11 +11403,12 @@ function getUpdateProgressBarCallback(progressBarSettings, designerModel, report
 
 
 
+
 function createMobilePreview(bindingSettings) {
     var callbacks = bindingSettings.callbacks;
     var bindingModel = bindingSettings.model;
     var bindingElement = bindingSettings.element;
-    var previewWrapper = new _previewRequestWrapper_PreviewRequestWrapper(null, callbacks), reportPreview = new mobilePreview_MobileReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, undefined, bindingModel.mobileModeSettings);
+    var previewWrapper = new _previewRequestWrapper_PreviewRequestWrapper(null, callbacks), breadcrumb = new _previewBreadcrumbs_BreadcrumbModel(), reportPreview = new mobilePreview_MobileReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, undefined, bindingModel.mobileModeSettings, breadcrumb);
     var $root = external_jQuery_["fn"].constructor(bindingElement);
     var updatePreviewContentSize_ = updatePreviewContentSizeMobile(reportPreview, $root);
     updatePreviewContentSize_();
@@ -11784,6 +12079,7 @@ class _actions_PreviewActions extends external_DevExpress_Analytics_Utils_["Disp
 
 
 
+
 
 function createDesktopPreview(bindingSettings) {
     processZoomFactor(bindingSettings.model.accessibilityCompliant);
@@ -11791,11 +12087,12 @@ function createDesktopPreview(bindingSettings) {
     var callbacks = bindingSettings.callbacks;
     var bindingModel = bindingSettings.model;
     var bindingElement = bindingSettings.element;
-    var previewWrapper = new _previewRequestWrapper_PreviewRequestWrapper(null, callbacks), reportPreview = new reportPreview_ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element), searchModel = new _searchViewModel_SearchViewModel(reportPreview, bindingModel === null || bindingModel === void 0 ? void 0 : bindingModel.searchSettings, enableKeyboardSupport);
+    var previewWrapper = new _previewRequestWrapper_PreviewRequestWrapper(null, callbacks), breadcrumb = new _previewBreadcrumbs_BreadcrumbModel(), reportPreview = new reportPreview_ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new _searchViewModel_SearchViewModel(reportPreview, bindingModel === null || bindingModel === void 0 ? void 0 : bindingModel.searchSettings, enableKeyboardSupport);
     var documentMapModel = new _documentMapModel_DocumentMapModel(reportPreview);
     var parametersModel = new previewParametersViewModel_PreviewParametersViewModel(reportPreview, new previewParameterHelper_PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
     var exportModel = new exportOptionsModel_ExportOptionsModel(reportPreview, enableKeyboardSupport);
     reportPreview.canSwitchToDesigner = !bindingModel.previewVisible;
+    reportPreview.previewParametersViewModel = parametersModel;
     reportPreview.allowURLsWithJSContent = bindingModel.allowURLsWithJSContent;
     previewWrapper.initialize(reportPreview, parametersModel, searchModel);
     var tabPanel = new external_DevExpress_Analytics_Utils_["TabPanel"]({
@@ -11827,7 +12124,8 @@ function createDesktopPreview(bindingSettings) {
         tabPanel: tabPanel,
         actionLists: actionLists,
         rtl: reportPreview.rtlViewer,
-        accessibilityCompliant: bindingModel.accessibilityCompliant
+        accessibilityCompliant: bindingModel.accessibilityCompliant,
+        breadcrumb: breadcrumb
     };
     var designerModel = new _previewModel_PreviewModel(designerModelOptions);
     designerModel.addDisposable(previewActions);
@@ -11837,7 +12135,8 @@ function createDesktopPreview(bindingSettings) {
         { id: PreviewElements.Toolbar, templateName: PreviewElements.Toolbar, model: designerViewModel.toolBar, viewModel: designerViewModel.toolBar },
         { id: PreviewElements.Surface, templateName: PreviewElements.Surface, model: designerModel.reportPreview, viewModel: designerViewModel.reportPreview },
         { id: PreviewElements.RightPanel, templateName: PreviewElements.RightPanel, model: designerModel, viewModel: designerViewModel.tabPanel },
-        { id: PreviewElements.ExportTool, templateName: PreviewElements.ExportTool, model: designerModel.reportPreview.exportHandler, viewModel: designerViewModel.exportHandler }
+        { id: PreviewElements.ExportTool, templateName: PreviewElements.ExportTool, model: designerModel.reportPreview.exportHandler, viewModel: designerViewModel.exportHandler },
+        { id: PreviewElements.Breadcrumb, templateName: PreviewElements.Breadcrumb, model: designerViewModel.breadcrumb }
     ];
     callbacks && callbacks.customizeParts && callbacks.customizeParts(designerModel.parts);
     var $window = external_jQuery_["fn"].constructor(window);
@@ -11854,6 +12153,7 @@ function createDesktopPreview(bindingSettings) {
         updatePreviewContentSize_ && updatePreviewContentSize_(tabPanel.position);
         updateProgressPosition && updateProgressPosition();
     };
+    breadcrumb.updatePreviewSize = updateSizesCallback;
     designerModel.updateSurfaceSize = updateSizesCallback;
     designerModel.resizeCallback = updateSizesCallback;
     window.addEventListener('resize', designerModel.resizeCallback);
@@ -12068,8 +12368,13 @@ class jsReportViewerBinding_JSReportViewerBinding extends external_DevExpress_An
 
 
 
+
 const dxReportViewerBindingName = 'dxReportViewer';
 class jsReportViewerBinding_binding_DxReportViewer extends external_DevExpress_Analytics_Internal_["DxAnalyticsComponentCommon"] {
+    constructor(_element, _options) {
+        super(_element, _options);
+        Object(external_DevExpress_Analytics_Internal_["useKoIntegration"])();
+    }
     getBindingName() {
         return dxReportViewerBindingName;
     }
@@ -12084,11 +12389,37 @@ external_ko_["bindingHandlers"][dxReportViewerBindingName] = {
 
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/accessibility/_dateRangeKeyboardHelper.js
 
+class _dateRangeKeyboardHelper_DateRangeDialogElementWithHighlight extends external_DevExpress_Analytics_Internal_["ControlElementWithParentHighlight"] {
+    constructor(element, _parentElement) {
+        super(element, _parentElement);
+        this.element = element;
+        this.elementClassName = '.dx-calendar-views-wrapper';
+        this.dateRangeItemHandleFocus = () => {
+            const target = this._getTargetElement();
+            target === null || target === void 0 ? void 0 : target.focus();
+            if (!this._parentElement.classList.contains(this._borderCssClassName[1]))
+                this._parentElement.classList.add(...this._borderCssClassName);
+        };
+        this.element.addEventListener('focus', this.dateRangeItemHandleFocus);
+        const target = this._getTargetElement();
+        target && target.addEventListener('blur', this.toolbarItemHandleBlur);
+    }
+    _getTargetElement() {
+        return this.element.querySelector(this.elementClassName);
+    }
+    dispose() {
+        this.element.removeEventListener('focus', this.dateRangeItemHandleFocus);
+        const target = this._getTargetElement();
+        target && target.removeEventListener('blur', this.toolbarItemHandleBlur);
+        super.dispose();
+    }
+}
 class _dateRangeKeyboardHelper_DateRangeDialogElementsKeyboardHelper extends external_DevExpress_Analytics_Internal_["AccessibilityKeyboardHelperBase"] {
     constructor(_dateRangeEditor) {
         super();
         this._dateRangeEditor = _dateRangeEditor;
         this.controlElementClassName = 'dx-accessibility-daterange-item';
+        this._next = 1;
         this.predefinedDateRangesKeyboardHelper = new _dateRangeKeyboardHelper_PredefinedDateRangesKeyboardHelper(this);
         this.addDisposable(this.predefinedDateRangesKeyboardHelper, this._dateRangeEditor.events.on('_popupVisibleChanged', (args) => {
             var timeout = setTimeout(() => { this._dateRangeEditor._popupVisible && this.predefinedDateRangesKeyboardHelper.focus(); }, 300);
@@ -12096,7 +12427,7 @@ class _dateRangeKeyboardHelper_DateRangeDialogElementsKeyboardHelper extends ext
         }));
     }
     createControlElement(element, index) {
-        return new external_DevExpress_Analytics_Internal_["ControlElementWithParentHighlight"](element, this.getContainer().getElementsByClassName('dxrv-daterange-editor-item')[index]);
+        return new _dateRangeKeyboardHelper_DateRangeDialogElementWithHighlight(element, this.getContainer().getElementsByClassName('dxrv-daterange-editor-item')[index]);
     }
     itemHandleEscKey(e, index) {
         this._dateRangeEditor._hidePopup();
@@ -12123,6 +12454,17 @@ class _dateRangeKeyboardHelper_DateRangeDialogElementsKeyboardHelper extends ext
         }
         return true;
     }
+    handleTabKey(e) {
+        var nextIndex = this.setFocusToNext(this._next, true);
+        if (nextIndex == 0) {
+            this.predefinedDateRangesKeyboardHelper.focus();
+        }
+        return true;
+    }
+    setFocusToNext(currentIndex, roundTrip) {
+        this._next = currentIndex + 1;
+        return super.setFocusToNext(currentIndex, roundTrip);
+    }
 }
 class _dateRangeKeyboardHelper_PredefinedDateRangesKeyboardHelper extends external_DevExpress_Analytics_Internal_["ListKeyboardHelper"] {
     constructor(owner) {
@@ -12386,6 +12728,7 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-pictureeditor-toolbar_reset\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-toolbar_reset'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-pictureeditor-toolbar_size_mode_and_alignment\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-pictureeditor-toolbar_size_mode_and_alignment'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-portrait\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-portrait'; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-breadcrumbs_seperator\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-breadcrumbs_seperator'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-export-export-to-csv\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-csv'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-export-export-to-html\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-html'; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: \'dxrd-svg-preview-export-export-to-image\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-preview-export-export-to-image'; } }; });
@@ -12761,6 +13104,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-svg-pictureeditor-toolbar_reset': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="dxrd-svg-white" d="M12 3C9.5 3 7.3 4 5.6 5.6L3 3v8h8L7.8 7.8C8.9 6.7 10.3 6 12 6c3.3 0 6 2.7 6 6s-2.7 6-6 6c-2.6 0-4.8-1.7-5.6-4H3.2c.9 4 4.5 7 8.8 7 5 0 9-4 9-9s-4-9-9-9z"/></svg>',
     'dxrd-svg-pictureeditor-toolbar_size_mode_and_alignment': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path class="dxrd-svg-white" d="M20 12V4h-8l3 3-8 8-3-3v8h8l-3-3 8-8z"/></svg>',
     'dxrd-svg-portrait': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path class="dxd-icon-fill" d="M29 0H5c-.5 0-1 .5-1 1v32c0 .5.5 1 1 1h24c.5 0 1-.5 1-1V1c0-.5-.5-1-1-1zm-1 32H6V2h22v30z"/><g class="dxrd-svg-st2"><path class="dxd-icon-fill" d="M24 8H10V6h14v2zm0 2H10v2h14v-2zm0 4H10v2h14v-2zm0 4H10v2h14v-2zm0 4H10v2h14v-2zm0 4H10v2h14v-2z"/></g></svg>',
+    'dxrd-svg-preview-breadcrumbs_seperator': '<svg data-bind="svgAttrs" width="11" height="9" xmlns="http://www.w3.org/2000/svg"><path class="dxd-icon-fill" d="M6.527 9l-.766-.756 3.152-3.152H.75V4h8.163L5.761.857 6.527.09l4.455 4.454L6.527 9z"/></svg>',
     'dxrd-svg-preview-export-export-to-csv': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M2 0v2h12v9H2v11h10v-7l2-2h7V0z"/><path class="dxd-icon-fill" d="M17 14h3v3h-3zM0 3v7h13V3H0zm4 2H2v3h2v1H2V8H1V5h1V4h2v1zm4 0H6v1h1v1h1v1H7v1H5V8h2V7H6V6H5V5h1V4h2v1zm4 3h-1v1h-1V8H9V4h1v4h1V4h1v4z"/><path class="dxd-icon-fill" d="M21 14v4h-6v-4l-2 2v8h10V14h-2zm0 9h-6v-4h6v4z"/></svg>',
     'dxrd-svg-preview-export-export-to-html': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M2 0v2h18v9H2v12h10v-8l2-2h7V0z"/><path class="dxd-icon-fill" d="M17 14h3v3h-3z"/><path class="dxd-icon-fill" d="M21 14v4h-6v-4l-2 2v8h10V14h-2zm0 9h-6v-4h6v4zM0 3v7h19V3H0zm4 6H3V7H2v2H1V4h1v2h1V4h1v5zm4-4H7v4H6V5H5V4h3v1zm6 4h-1V6h-1v1h-1V6h-1v3H9V4h1v1h1v1h1V5h1V4h1v5zm4 0h-3V4h1v4h2v1z"/></svg>',
     'dxrd-svg-preview-export-export-to-image': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M2 0v2h14v9H2v12h10v-8l2-2h7V0z"/><path class="dxd-icon-fill" d="M17 14h3v3h-3z"/><path class="dxd-icon-fill" d="M21 14v4h-6v-4l-2 2v8h10V14h-2zm0 9h-6v-4h6v4zM0 3v7h15V3H0zm2 6H1V4h1v5zm6 0H7V6H6v1H5V6H4v3H3V4h1v1h1v1h1V5h1V4h1v5zm5-4h-3v3h2V7h1v2h-3V8H9V5h1V4h3v1z"/></svg>',
@@ -13029,11 +13373,11 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('c
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dx-propertieseditor\', data: propertyGrid }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertieseditor', 'data': $context.$data.propertyGrid }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxclick: function(_, event){ onClick(event); event.stopPropagation(); }, style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': $data.active, \'dxrd-report-preview-brick-selectable\': !($data.bricks) }', function ($context, $element) { return { 'dxclick': function () { return function (_, event) { $context.$data.onClick(event); event.stopPropagation(); }; }, 'style': function () { return { 'top': $context.$data.topP, 'left': $context.$data.leftP, 'right': $context.$data.rightP, 'height': $context.$data.heightP, 'width': $context.$data.widthP }; }, 'css': function () { return { 'dxrd-report-preview-brick-selected': $context.$data.active, 'dxrd-report-preview-brick-selectable': !($context.$data.bricks) }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dxrdp-navigation-brick-drill-down\' : !!navigation.drillDownKey, \'dxrdp-navigation-brick-sorting\' : !!navigation.sortData, \'dxrdp-navigation-brick-sorting-desc\': navigation.sortData && navigation.sortData.order === 1, \'dxrdp-navigation-brick-sorting-asc\': navigation.sortData && navigation.sortData.order === 2 }', function ($context, $element) { return { 'css': function () { return { 'dxrdp-navigation-brick-drill-down': !!$context.$data.navigation.drillDownKey, 'dxrdp-navigation-brick-sorting': !!$context.$data.navigation.sortData, 'dxrdp-navigation-brick-sorting-desc': $context.$data.navigation.sortData && $context.$data.navigation.sortData.order === 1, 'dxrdp-navigation-brick-sorting-asc': $context.$data.navigation.sortData && $context.$data.navigation.sortData.order === 2 }; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: {\'aria-label\': currentPageAriaLabelImgAlt() }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$data.currentPageAriaLabelImgAlt() }; }, 'dxclick': function () { return $context.$data.clickToBrick; }, 'brick-selection-prog': function () { return $context.$data.brickSelectionProg; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: {\'aria-label\': currentPageAriaLabelImgAlt }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$data.currentPageAriaLabelImgAlt }; }, 'dxclick': function () { return $context.$data.clickToBrick; }, 'brick-selection-prog': function () { return $context.$data.brickSelectionProg; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: { \'width\': width + 2, \'height\': height + 2 }, visible: pageLoading', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width + 2, 'height': $context.$data.height + 2 }; }, 'visible': function () { return $context.$data.pageLoading; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: { \'paddingTop\': height / 2.3 }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingTop': $context.$data.height / 2.3 }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: loadingText', function ($context, $element) { return { 'text': function () { return $context.$data.loadingText; } }; });
-Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { src: displayImageSrc, \'alt\': currentPageAriaLabelImgAlt() }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.displayImageSrc, 'alt': $context.$data.currentPageAriaLabelImgAlt() }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { src: displayImageSrc, \'alt\': currentPageAriaLabelImgAlt }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.displayImageSrc, 'alt': $context.$data.currentPageAriaLabelImgAlt }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxMutationObserver: editingFieldsKeyboardHelper', function ($context, $element) { return { 'dxMutationObserver': function () { return $context.$data.editingFieldsKeyboardHelper; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $data.navigation', function ($context, $element) { return { 'if': function () { return $context.$data.navigation; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: "dxrd-page-brick-mobile", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-mobile', 'data': $context.$data }; } }; });
@@ -13049,6 +13393,9 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('t
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxSelectBox: { items: widget.dataSource, value: widget.value, onValueChanged: widget.onValueChanged, displayExpr: widget.displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: widget.onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: widget.inputAttr }', function ($context, $element) { return { 'dxSelectBox': function () { return { 'items': $context.$data.widget.dataSource, 'value': $context.$data.widget.value, 'onValueChanged': $context.$data.widget.onValueChanged, 'displayExpr': $context.$data.widget.displayExpr, 'displayCustomValue': true, 'acceptCustomValue': true, 'onCustomItemCreating': $context.$data.widget.onCustomItemCreating, 'useItemTextAsTitle': true, 'width': 140, 'dropDownOptions': { 'container': $context.$data.getPopupContainer($element), 'position': { 'my': 'left top', 'at': 'left bottom', 'of': $element }, 'wrapperAttr': { 'class': 'dx-zoom-selectbox-popup-wrapper' } }, 'tabIndex': '-1', 'inputAttr': $context.$data.widget.inputAttr }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }', function ($context, $element) { return { 'dxScrollView': function () { return { 'showScrollbar': 'onHover', 'direction': 'horizontal', 'useNative': false, 'scrollByThumb': true, 'onInitialized': function (e) { e.component.option('useKeyboard', false); } }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('keyDownActions: actionLists, dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'keyDownActions': function () { return $context.$data.actionLists; }, 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('click: function(s, e) { $parent.onClick($data.position); }', function ($context, $element) { return { 'click': function () { return function (s, e) { $context.$parent.onClick($context.$data.position); }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: $data.displayText', function ($context, $element) { return { 'text': function () { return $context.$data.displayText; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: { name: \'dxrd-svg-preview-breadcrumbs_seperator\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-svg-preview-breadcrumbs_seperator' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('visible: active && visible, dxMutationObserver: keyboardHelper', function ($context, $element) { return { 'visible': function () { return $context.$data.active && $context.$data.visible; }, 'dxMutationObserver': function () { return $context.$data.keyboardHelper; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: headerText', function ($context, $element) { return { 'text': function () { return $context.$data.headerText; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('dxTextBox: searchEditor', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.searchEditor; } }; });
@@ -13081,6 +13428,11 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["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'); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["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; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('treelist: treeListOptions', function ($context, $element) { return { 'treelist': function () { return $context.$data.treeListOptions; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.toolbarItems }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-toolbar-tmplt', 'data': $context.$data.actionLists.toolbarItems }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: listItems.length > 1', function ($context, $element) { return { 'if': function () { return $context.$data.listItems.length > 1; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('foreach: listItems', function ($context, $element) { return { 'foreach': function () { return $context.$data.listItems; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $index() !== ($parent.listItems.length - 1)', function ($context, $element) { return { 'if': function () { return $context.$index() !== ($context.$parent.listItems.length - 1); } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: $index() === ($parent.listItems.length - 1)', function ($context, $element) { return { 'if': function () { return $context.$index() === ($context.$parent.listItems.length - 1); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('with: model.getViewModel()', function ($context, $element) { return { 'with': function () { return $context.$data.model.getViewModel(); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: (searchResultCount > 0 || loading)', function ($context, $element) { return { 'if': function () { return ($context.$data.searchResultCount > 0 || $context.$data.loading); } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('if: (searchCompleted && searchResultCount == 0)', function ($context, $element) { return { 'if': function () { return ($context.$data.searchCompleted && $context.$data.searchResultCount == 0); } }; });
@@ -13127,6 +13479,8 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: { \'dxrd-empty-header\': hideEditorHeader }', function ($context, $element) { return { 'css': function () { return { 'dxrd-empty-header': $context.$data.hideEditorHeader }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { role: \'treeitem\', \'id\': isComplexEditor && headerId, \'aria-owns\': isComplexEditor && contentId, \'aria-expanded\': isComplexEditor && (alwaysShow || !collapsed ? \'true\' : \'false\') }, css: { \'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented\': isComplexEditor, \'dxrd-vertical-label\': editorOptions && editorOptions.hasVerticalLabel }', function ($context, $element) { return { 'attr': function () { return { 'role': 'treeitem', 'id': $context.$data.isComplexEditor && $context.$data.headerId, 'aria-owns': $context.$data.isComplexEditor && $context.$data.contentId, 'aria-expanded': $context.$data.isComplexEditor && ($context.$data.alwaysShow || !$context.$data.collapsed ? 'true' : 'false') }; }, 'css': function () { return { 'dxrd-accessibility-accordion-trigger dx-accessibility-focus-border-accented': $context.$data.isComplexEditor, 'dxrd-vertical-label': $context.$data.editorOptions && $context.$data.editorOptions.hasVerticalLabel }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': isGroupLabel, \'dx-accordion-hide-collapsing-image\': alwaysShow }', function ($context, $element) { return { 'styleunit': function () { return $context.$data.padding; }, 'css': function () { return { 'dx-accordion-empty': $context.$data.templateName === 'dx-emptyHeader', 'dxd-back-secondary': $context.$data.isGroupLabel, 'dx-accordion-hide-collapsing-image': $context.$data.alwaysShow }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$data.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });
+Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: displayName, attr: { \'title\': displayName }', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName, \'for\': editorInputId }, css: { \'dx-field-label-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}', function ($context, $element) { return { 'searchHighlighting': function () { return { 'text': $context.$data.displayName, 'textToSearch': $context.$data.textToSearch }; }, 'attr': function () { return { 'title': $context.$data.displayName, 'for': $context.$data.editorInputId }; }, 'css': function () { return { 'dx-field-label-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.$data.isPropertyModified ? 'Bold' : '' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('text: displayName, attr: { \'title\': displayName, for: editorInputId }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}', function ($context, $element) { return { 'text': function () { return $context.$data.displayName; }, 'attr': function () { return { 'title': $context.$data.displayName, 'for': $context.$data.editorInputId }; }, 'css': function () { return { 'dx-property-required': $context.$data.isRequired }; }, 'style': function () { return { 'fontWeight': $context.$data.isPropertyModified ? 'Bold' : '' }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('ifnot: $data.hideEditorHeader', function ($context, $element) { return { 'ifnot': function () { return $context.$data.hideEditorHeader; } }; });
@@ -13204,11 +13558,12 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-preview-export-options': '<div class="dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: $root.getLocalization(\'Export Options\', \'DevExpress.XtraReports.UI.XtraReport.ExportOptions\')"></span> </div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); }  }"> <div class="dx-fieldset" data-bind="dxMutationObserver: keyboardHelper"> <div class="dxrd-right-panel-content dxrd-export-options-content" role="tree"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> </div> </div></div>',
     'dxrd-preview-export-to': '<div class="dxrd-preview-export-toolbar-item dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented"> <div class="dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted" data-bind="dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\' }"> <div class="dxrd-preview-export-menu-item" data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: text }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: text"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: imageClassName, template: imageTemplateName"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: hasSeparator"></div> </div>',
     'dxrd-page-brick-clickable': '<div class="dxrd-report-preview-brick" data-bind="dxclick: function(_, event){ onClick(event); event.stopPropagation(); }, style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': $data.active, \'dxrd-report-preview-brick-selectable\': !($data.bricks) }"> <!-- ko if: $data.navigation --> <div class="dxrd-report-preview-brick-navigation" data-bind="css: { \'dxrdp-navigation-brick-drill-down\' : !!navigation.drillDownKey, \'dxrdp-navigation-brick-sorting\' : !!navigation.sortData, \'dxrdp-navigation-brick-sorting-desc\': navigation.sortData && navigation.sortData.order === 1, \'dxrdp-navigation-brick-sorting-asc\': navigation.sortData && navigation.sortData.order === 2 }"></div> <!--/ko--> </div>',
-    'dxrd-preview-page': '<div role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': currentPageAriaLabelImgAlt() }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg"> <div class="dxrd-report-preview-content-loading-wrapper dxrd-background-white"  data-bind="styleunit: { \'width\': width + 2, \'height\': height + 2 }, visible: pageLoading"> <div class="dxrd-report-preview-content-loading-panel dxrd-text-align-center"  data-bind="styleunit: { \'paddingTop\': height / 2.3 }"> <div class="dxrd-report-preview-content-loading-panel-text" data-bind="text: loadingText"></div> </div> </div> <div> <img class="dxrd-pointer-events-none dxrd-width-100 dxrd-height-100" data-bind="attr: { src: displayImageSrc, \'alt\': currentPageAriaLabelImgAlt() }" /> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko foreach: clickableBricks --> <!-- ko template: { name: "dxrd-page-brick-clickable", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && $data.editingFields--> <div data-bind="dxMutationObserver: editingFieldsKeyboardHelper"> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> </div> <!--/ko--> </div> </div>',
+    'dxrd-preview-page': '<div role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': currentPageAriaLabelImgAlt }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg"> <div class="dxrd-report-preview-content-loading-wrapper dxrd-background-white"  data-bind="styleunit: { \'width\': width + 2, \'height\': height + 2 }, visible: pageLoading"> <div class="dxrd-report-preview-content-loading-panel dxrd-text-align-center"  data-bind="styleunit: { \'paddingTop\': height / 2.3 }"> <div class="dxrd-report-preview-content-loading-panel-text" data-bind="text: loadingText"></div> </div> </div> <div> <img class="dxrd-pointer-events-none dxrd-width-100 dxrd-height-100" data-bind="attr: { src: displayImageSrc, \'alt\': currentPageAriaLabelImgAlt }" /> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko foreach: clickableBricks --> <!-- ko template: { name: "dxrd-page-brick-clickable", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && $data.editingFields--> <div data-bind="dxMutationObserver: editingFieldsKeyboardHelper"> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> </div> <!--/ko--> </div> </div>',
     'dxrp-popup-editing-field-image': '<div class="dxrp-editing-field-container" data-bind="style: containerStyle"> <div class="dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="dxclick: activateEditor, css: parentPopupClass"> <div class="dxrp-editing-field-popup-container-cloned" data-bind="dxPainter: getPainterOptions()"></div> <!-- ko template: { name: \'dx-picture-editing-popup\' } --> <!-- /ko --> </div> </div>',
     'dx-picture-editing-popup': '<div class="dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen" data-bind="dxPopup: { width: containerStyle.width, height: containerStyle.height, position: { boundary: popupData.getPopupContainer($element), of: popupData.getPositionTarget($element), collision: \'flipfit flipfit\' }, container: popupData.getPopupContainer($element), showTitle: false, target: popupData.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: popupData.onContentReady, onHiding: popupData.onHiding, onShown: popupData.onShown, shading: popupData.shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: popupData.visible }"> <!-- ko if: popupData.showContent --> <!-- ko template: { name: popupData.contentTemplate, afterRender: popupData.renderedHandler } --> <!--/ko--> <!--/ko--> </div>',
     'dxrd-zoom-autofit-select-template': '<div class="dxrd-toolbar-item-zoom" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-toolbar-item-zoom-editor" data-bind="dxSelectBox: { items: widget.dataSource, value: widget.value, onValueChanged: widget.onValueChanged, displayExpr: widget.displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: widget.onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> </div>',
-    'dxrd-preview-toolbar-scrollable': '<div class="dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant" data-bind="dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dxrd-toolbar" role="toolbar" data-bind="keyDownActions: actionLists, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-toolbar-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.getViewModel().toolbarItems } --> <!-- /ko --> </div> </div>',
+    'dxrd-preview-toolbar-scrollable': '<div class="dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant" data-bind="dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dxrd-toolbar" role="toolbar" data-bind="keyDownActions: actionLists, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-toolbar-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.toolbarItems } --> <!-- /ko --> </div> </div>',
+    '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>',
@@ -13479,6 +13834,8 @@ external_ko_["bindingHandlers"]['dxViewerExport'] = {
 
 
 
+
+
 
 
 
@@ -13489,7 +13846,7 @@ external_ko_["bindingHandlers"]['dxViewerExport'] = {
 
 
 // EXTERNAL MODULE: external "DevExpress.ui.dxGallery"
-var external_DevExpress_ui_dxGallery_ = __webpack_require__(10);
+var external_DevExpress_ui_dxGallery_ = __webpack_require__(9);
 var external_DevExpress_ui_dxGallery_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_dxGallery_);
 
 // EXTERNAL MODULE: external "DevExpress.registerComponent"
@@ -13932,7 +14289,7 @@ class _eventProcessor_EventProcessor extends external_DevExpress_Analytics_Utils
 }
 
 // EXTERNAL MODULE: external "\"\""
-var external_ = __webpack_require__(16);
+var external_ = __webpack_require__(15);
 
 // EXTERNAL MODULE: external "DevExpress.events"
 var external_DevExpress_events_ = __webpack_require__(7);
@@ -14380,6 +14737,9 @@ class dateRangeEditor_DateRangeEditor extends external_DevExpress_Analytics_Seri
             this.applyValue();
         }
     }
+    deferredUpdateViewModel() {
+        return false;
+    }
     updateViewModel(args) {
         const viewModel = this.getViewModel();
         if (args.propertyName === '_popupVisible') {
@@ -14398,14 +14758,8 @@ class dateRangeEditor_DateRangeEditor extends external_DevExpress_Analytics_Seri
     }
     applyDate(range, force = false) {
         this._locker.lock(() => {
-            if (range[1] < this.startDate) {
-                this.startDate = range[0];
-                this.endDate = range[1];
-            }
-            else {
-                this.endDate = range[1];
-                this.startDate = range[0];
-            }
+            this.startDate = range[0];
+            this.endDate = range[1];
         });
         if (force)
             this.applyValue();