npm - devexpress-reporting - Versions diffs - 23.2.1-alpha-23254-1700 → 23.2.3 - Mend

devexpress-reporting 23.2.1-alpha-23254-1700 → 23.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1439) hide show

package/dist/js/dx-webdocumentviewer.js CHANGED Viewed

@@ -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.3
+* Build date: Dec 1, 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.3';
 // 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];
     }
@@ -1506,7 +1509,7 @@ var htmlExportMode = {
 };
 var embedImagesInHTML = {
     propertyName: 'embedImagesInHTML', modelName: '@EmbedImagesInHTML', defaultVal: false,
-    editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], displayName: 'Embed Images In HTML', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions.EmbedImagesInHTML'
+    editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"], displayName: 'Embed Images In HTML', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions.EmbedImagesInHTML', descriptionLocalizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.EmbedImagesInHTML.Description'
 };
 var imageExportMode = {
     propertyName: 'imageExportMode', modelName: '@ExportMode', defaultVal: 'SingleFile',
@@ -1537,7 +1540,7 @@ var xlsTextExportMode = {
     propertyName: 'textExportMode', modelName: '@TextExportMode', displayName: 'Text Export Mode', localizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.TextExportMode', defaultVal: 'Value', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'),
     valuesArray: getTextExportModeValues()
 };
-var csvTextSeparator = { propertyName: 'separator', modelName: '@Separator', defaultVal: '', displayName: 'Separator', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.Separator', editor: editorTemplates.csvSeparator };
+var csvTextSeparator = { propertyName: 'separator', modelName: '@Separator', defaultVal: '', displayName: 'Separator', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.Separator', descriptionLocalizationId: 'DevExpress.XtraPrinting.CsvExportOptions.Separator.Description', editor: editorTemplates.csvSeparator };
 var useCustomSeparator = { propertyName: 'useCustomSeparator', displayName: 'Use Custom Separator', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions.UseCustomSeparator', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool') };
 var textEncodingType = {
     propertyName: 'encodingType', modelName: '@EncodingType', displayName: 'Encoding', localizationId: 'DevExpress.XtraPrinting.TextExportOptionsBase.Encoding', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('combobox'), defaultVal: 'Default', from: external_DevExpress_Analytics_Utils_["fromEnum"],
@@ -1552,16 +1555,16 @@ var textEncodingType = {
     ]
 };
 var xlsExportHyperlinks = {
-    propertyName: 'exportHyperlinks', modelName: '@ExportHyperlinks', displayName: 'Export Hyperlinks', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.ExportHyperlinks', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"]
+    propertyName: 'exportHyperlinks', modelName: '@ExportHyperlinks', displayName: 'Export Hyperlinks', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.ExportHyperlinks', descriptionLocalizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.ExportHyperlinks.Description', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"]
 };
 var xlsRawDataMode = {
-    propertyName: 'rawDataMode', modelName: '@RawDataMode', displayName: 'Raw Data Mode', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.RawDataMode', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"]
+    propertyName: 'rawDataMode', modelName: '@RawDataMode', displayName: 'Raw Data Mode', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.RawDataMode', descriptionLocalizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.RawDataMode.Description', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"]
 };
 var xlsShowGridLines = {
-    propertyName: 'showGridLines', modelName: '@ShowGridLines', displayName: 'Show Grid Lines', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.ShowGridLines', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"]
+    propertyName: 'showGridLines', modelName: '@ShowGridLines', displayName: 'Show Grid Lines', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.ShowGridLines', descriptionLocalizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.ShowGridLines.Description', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"]
 };
 var xlsExportOptionsSheetName = {
-    propertyName: 'sheetName', modelName: '@SheetName', displayName: 'Sheet Name', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.SheetName', defaultVal: 'Sheet', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text')
+    propertyName: 'sheetName', modelName: '@SheetName', displayName: 'Sheet Name', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions.SheetName', descriptionLocalizationId: 'DevExpress.XtraPrinting.XlExportOptionsBase.SheetName.Description', defaultVal: 'Sheet', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('text')
 };
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/exportOptions/csvMetaData.js
@@ -1746,7 +1749,7 @@ var additionalRecipientSerializationsInfo = [
 var nativeFormatOptionsSerializationInfo = [
-    { propertyName: 'compressed', modelName: '@Compressed', displayName: 'Compressed', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.Compressed', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"] },
+    { propertyName: 'compressed', modelName: '@Compressed', displayName: 'Compressed', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions.Compressed', descriptionLocalizationId: 'DevExpress.XtraPrinting.NativeFormatOptions.Compressed.Description', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"] },
     { propertyName: 'showOptionsBeforeSave', modelName: '@ShowOptionsBeforeSave', displayName: 'Show Options Before Save', localizationId: 'DevExpress.XtraPrinting.NativeFormatOptions.ShowOptionsBeforeSave', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('bool'), from: external_DevExpress_Analytics_Utils_["parseBool"] }
 ];
 var additionalRecipients = { propertyName: 'additionalRecipients', modelName: 'AdditionalRecipients', displayName: 'Additional Recipients', localizationId: 'DevExpress.XtraPrinting.EmailOptions.AdditionalRecipients', array: true, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('commonCollection'), addHandler: emailExportOptions_AdditionalRecipientModel.createNew, template: '#dxrd-commonCollectionItem' };
@@ -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: [
@@ -2291,20 +2295,20 @@ class xlsxExportOptions_XlsxExportOptions extends external_DevExpress_Analytics_
 var exportOptionsSerializationInfo = [
-    { propertyName: 'csv', modelName: 'Csv', displayName: 'CSV Export Options', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions', from: csvExportOptions_CsvExportOptions.from, toJsonObject: csvExportOptions_CsvExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'email', modelName: 'Email', displayName: 'E-mail Options', localizationId: 'DevExpress.XtraPrinting.EmailOptions', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: emailOptionsSerializationInfo },
-    { propertyName: 'html', modelName: 'Html', displayName: 'HTML Export Options', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions', from: htmlExportOptions_HtmlExportOptions.from, toJsonObject: htmlExportOptions_HtmlExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'image', modelName: 'Image', displayName: 'Image Export Options', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions', from: imageExportOptions_ImageExportOptions.from, toJsonObject: imageExportOptions_ImageExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'mailMessage', modelName: 'MailMessage', displayName: 'Mail Message Export Options', localizationId: 'DevExpress.XtraPrinting.MailMessageExportOptions', from: mhtExportOptions_MhtExportOptions.from, toJsonObject: mhtExportOptions_MhtExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'mht', modelName: 'Mht', displayName: 'MHT Export Options', localizationId: 'DevExpress.XtraPrinting.MhtExportOptions', from: mhtExportOptions_MhtExportOptions.from, toJsonObject: mhtExportOptions_MhtExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'nativeFormat', modelName: 'NativeFormat', displayName: 'Native Format Options', localizationId: 'DevExpress.XtraPrinting.NativeFormatOptions', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: nativeFormatOptionsSerializationInfo },
-    { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', from: pdfExportOptions_PdfExportOptions.from, toJsonObject: pdfExportOptions_PdfExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'printPreview', modelName: 'PrintPreview', displayName: 'Print Preview Options', localizationId: 'DevExpress.XtraPrinting.PrintPreviewOptions', from: printPreviewOptions_PrintPreviewOptions.from, toJsonObject: printPreviewOptions_PrintPreviewOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'rtf', modelName: 'Rtf', displayName: 'RTF Export Options', localizationId: 'DevExpress.XtraPrinting.RtfExportOptions', from: rtfExportOptions_RtfExportOptions.from, toJsonObject: rtfExportOptions_RtfExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'textExportOptions', modelName: 'Text', displayName: 'Text Export Options', localizationId: 'DevExpress.XtraPrinting.TextExportOptions', from: textExportOptions_TextExportOptions.from, toJsonObject: textExportOptions_TextExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'xls', modelName: 'Xls', displayName: 'XLS Export Options', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions', from: xlsExportOptions_XlsExportOptions.from, toJsonObject: xlsExportOptions_XlsExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'xlsx', modelName: 'Xlsx', displayName: 'XLSx Export Options', localizationId: 'DevExpress.XtraPrinting.XlsxExportOptions', from: xlsxExportOptions_XlsxExportOptions.from, toJsonObject: xlsxExportOptions_XlsxExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
-    { propertyName: 'docx', modelName: 'Docx', displayName: 'Docx Export Options', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions', from: docxExportOptions_DocxExportOptions.from, toJsonObject: docxExportOptions_DocxExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') }
+    { propertyName: 'csv', modelName: 'Csv', displayName: 'CSV Export Options', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Csv.Description', from: csvExportOptions_CsvExportOptions.from, toJsonObject: csvExportOptions_CsvExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'email', modelName: 'Email', displayName: 'E-mail Options', localizationId: 'DevExpress.XtraPrinting.EmailOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Email.Description', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: emailOptionsSerializationInfo },
+    { propertyName: 'html', modelName: 'Html', displayName: 'HTML Export Options', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Html.Description', from: htmlExportOptions_HtmlExportOptions.from, toJsonObject: htmlExportOptions_HtmlExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'image', modelName: 'Image', displayName: 'Image Export Options', localizationId: 'DevExpress.XtraPrinting.ImageExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Image.Description', from: imageExportOptions_ImageExportOptions.from, toJsonObject: imageExportOptions_ImageExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'mailMessage', modelName: 'MailMessage', displayName: 'Mail Message Export Options', localizationId: 'DevExpress.XtraPrinting.MailMessageExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.MailMessage.Description', from: mhtExportOptions_MhtExportOptions.from, toJsonObject: mhtExportOptions_MhtExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'mht', modelName: 'Mht', displayName: 'MHT Export Options', localizationId: 'DevExpress.XtraPrinting.MhtExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Mht.Description', from: mhtExportOptions_MhtExportOptions.from, toJsonObject: mhtExportOptions_MhtExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'nativeFormat', modelName: 'NativeFormat', displayName: 'Native Format Options', localizationId: 'DevExpress.XtraPrinting.NativeFormatOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.NativeFormat.Description', editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor'), info: nativeFormatOptionsSerializationInfo },
+    { propertyName: 'pdf', modelName: 'Pdf', displayName: 'PDF Export Options', localizationId: 'DevExpress.XtraPrinting.PdfExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Pdf.Description', from: pdfExportOptions_PdfExportOptions.from, toJsonObject: pdfExportOptions_PdfExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'printPreview', modelName: 'PrintPreview', displayName: 'Print Preview Options', localizationId: 'DevExpress.XtraPrinting.PrintPreviewOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.PrintPreview.Description', from: printPreviewOptions_PrintPreviewOptions.from, toJsonObject: printPreviewOptions_PrintPreviewOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'rtf', modelName: 'Rtf', displayName: 'RTF Export Options', localizationId: 'DevExpress.XtraPrinting.RtfExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Rtf.Description', from: rtfExportOptions_RtfExportOptions.from, toJsonObject: rtfExportOptions_RtfExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'textExportOptions', modelName: 'Text', displayName: 'Text Export Options', localizationId: 'DevExpress.XtraPrinting.TextExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Text.Description', from: textExportOptions_TextExportOptions.from, toJsonObject: textExportOptions_TextExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'xls', modelName: 'Xls', displayName: 'XLS Export Options', localizationId: 'DevExpress.XtraPrinting.XlsExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Xls.Description', from: xlsExportOptions_XlsExportOptions.from, toJsonObject: xlsExportOptions_XlsExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'xlsx', modelName: 'Xlsx', displayName: 'XLSx Export Options', localizationId: 'DevExpress.XtraPrinting.XlsxExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Xlsx.Description', from: xlsxExportOptions_XlsxExportOptions.from, toJsonObject: xlsxExportOptions_XlsxExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') },
+    { propertyName: 'docx', modelName: 'Docx', displayName: 'Docx Export Options', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions', descriptionLocalizationId: 'DevExpress.XtraPrinting.ExportOptions.Docx.Description', from: docxExportOptions_DocxExportOptions.from, toJsonObject: docxExportOptions_DocxExportOptions.toJson, editor: external_DevExpress_Analytics_Widgets_["editorTemplates"].getEditor('objecteditor') }
 ];
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/exportOptions/exportOptions.js
@@ -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)
@@ -4240,6 +4248,12 @@ class _multiValueEditor_MultiValueEditor extends external_DevExpress_Analytics_W
             .generateProperty('getOptions', (options) => {
             return Object.assign(Object.assign({}, this.getOptions(options)), { onValueChanged: (e) => {
                     currentValue.value = e.value;
+                }, onMultiTagPreparing: (args) => {
+                    var selectedItemsLength = args.selectedItems.length, totalCount = currentValue.items.length;
+                    if (selectedItemsLength === totalCount) {
+                        var stringFormat = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('All selected ({0})', 'ASPxReportsStringId.WebDocumentViewer_MultiValueEditor_AllSelected');
+                        args.text = Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(stringFormat, selectedItemsLength);
+                    }
                 } });
         })
             .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_["getParentContainer"])
@@ -4275,21 +4289,8 @@ class _multiValueEditor_MultiValueEditor extends external_DevExpress_Analytics_W
 // CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/widgets/editorTemplates.js
 var viewerEditorTemplates = {
-    multiValue: {
-        header: 'dxrd-multivalue', extendedOptions: {
-            onMultiTagPreparing: (args) => {
-                var selectedItemsLength = args.selectedItems.length, totalCount = args.model.items.length;
-                if (selectedItemsLength === totalCount) {
-                    var stringFormat = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('All selected ({0})', 'ASPxReportsStringId.WebDocumentViewer_MultiValueEditor_AllSelected');
-                    args.text = Object(external_DevExpress_Analytics_Internal_["formatUnicorn"])(stringFormat, selectedItemsLength);
-                }
-            }
-        },
-        editorType: _multiValueEditor_MultiValueEditor
-    },
+    multiValue: { header: 'dxrd-multivalue', editorType: _multiValueEditor_MultiValueEditor },
     groupEditor: { header: 'dx-emptyHeader', custom: 'dxrd-parameters-property-editor', content: 'dxrd-parameters-editor-content', editorType: _groupEditor_ParametersGroupEditor },
     rangeEditor: { header: 'dxrv-range-parameter' },
     multiValueEditable: { custom: 'dxrd-multivalue-editable' },
@@ -4387,7 +4388,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 +4403,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 +4574,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 +4793,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 +4820,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 +5001,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 +5024,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 +5162,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 +5302,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 +5312,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 +5327,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 +5384,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 +5460,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 +5470,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 +5612,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 +5638,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 +5780,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 +6336,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 +6549,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 +6635,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 +6706,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 +6740,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 +6763,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 +6816,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 +6830,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 +6875,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 +6889,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 +6926,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 +7085,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 +7199,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 +7289,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 +8107,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 +8300,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 +9500,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 +9635,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
@@ -9490,18 +9755,17 @@ class parameterHelper_ParameterHelper extends external_DevExpress_Analytics_Seri
     createInfo(parameter) {
         var parameterDescriptor = parameter.getParameterDescriptor();
         var typeString = this.isEnumType(parameter) ? 'Enum' : external_DevExpress_Analytics_Internal_["koUtils"].unwrap(parameterDescriptor.type);
-        var editorType = getEditorType(typeString);
+        const editorType = Object.assign({}, getEditorType(typeString) || Object(external_DevExpress_Analytics_Internal_["getEditorType"])(typeString));
         var info = {
             propertyName: 'value',
             displayName: parameterDescriptor['displayName'],
             localizationId: parameterDescriptor['localizationId'],
-            editor: editorType || Object(external_DevExpress_Analytics_Internal_["getEditorType"])(typeString),
+            editor: editorType,
             editorOptions: {}
         };
         if (parameterDescriptor.type === 'System.Guid') {
             info.editorOptions.isNullable = parameterDescriptor.allowNull;
         }
-        this.assignValueStore(info, parameter);
         return info;
     }
     addShowCleanButton(info, parameter) {
@@ -9516,7 +9780,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,11 +9826,13 @@ 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);
         }
         if (external_DevExpress_Analytics_Internal_["koUtils"].unwrap(parameter.isMultiValue)) {
-            valueInfo.editor = getEditorType(parameter['isMultiValueWithLookUp'] ? 'multiValueWithLookUp' : 'multiValue');
+            const editorType = Object.assign({}, getEditorType(parameter['isMultiValueWithLookUp'] ? 'multiValueWithLookUp' : 'multiValue'));
+            valueInfo.editor = editorType;
             valueInfo['addHandler'] = () => { return this.createMultiValue(parameter); };
         }
         valueInfo.editor.custom = valueInfo.editor.custom || 'dxrd-parameters-property-editor';
@@ -9628,7 +9896,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 +9923,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) {
@@ -9794,7 +10069,7 @@ class previewParameter_PreviewParameter extends external_DevExpress_Analytics_Se
         return value1 === value2;
     }
     safeAssignObservable(name, value) {
-        if (this[name]) {
+        if (name in this) {
             if (previewParameter_PreviewParameter._compareValues(this[name], value))
                 this[name] = this.type === 'System.DateTime' ? new Date(0, 0, 0) : null;
             var isEqual = false;
@@ -10042,6 +10317,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 +10959,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 +10968,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();
     }
@@ -10910,7 +11190,7 @@ class _parametersPopup_ParametersPopupModel extends _parametersPopup_ParametersP
         }), model.events.on('_getInfoChanged', (args) => {
             this.objectProperties.updateEditorsInfo(model, model.getInfo());
         }));
-        this.addDisposable(this.objectProperties = new external_DevExpress_Analytics_Widgets_["ObjectProperties"](model, undefined, undefined, undefined, undefined, undefined, undefined, 'native'));
+        this.addDisposable(this.objectProperties = new external_DevExpress_Analytics_Widgets_["ObjectProperties"](model, undefined, undefined, undefined, undefined, undefined, undefined, undefined, 'native'));
         this.contentTemplate = 'dx-propertieseditor';
         this.title = Object(external_DevExpress_Analytics_Utils_["getLocalization"])('Parameters', 'DevExpress.XtraReports.UI.XtraReport.Parameters');
     }
@@ -11039,9 +11319,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 +11337,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 +11397,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 +12073,7 @@ class _actions_PreviewActions extends external_DevExpress_Analytics_Utils_["Disp
 function createDesktopPreview(bindingSettings) {
     processZoomFactor(bindingSettings.model.accessibilityCompliant);
@@ -11791,11 +12081,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 +12118,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 +12129,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 +12147,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 +12362,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 +12383,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 +12421,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 +12448,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 +12722,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 +13098,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>',
@@ -13027,13 +13365,14 @@ Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('d
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('attr: { title: text }', function ($context, $element) { return { 'attr': function () { return { 'title': $context.$data.text }; } }; });
 Object(external_DevExpress_Analytics_Widgets_Internal_["addToBindingsCache"])('css: imageClassName, template: imageTemplateName', function ($context, $element) { return { 'css': function () { return $context.$data.imageClassName; }, 'template': function () { return $context.$data.imageTemplateName; } }; });
 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"])('template: { name: \'dx-propertygrid-popoverservice\', if: propertyGrid.popover, data: propertyGrid.popover }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-propertygrid-popoverservice', 'if': $context.$data.propertyGrid.popover, 'data': $context.$data.propertyGrid.popover }; } }; });
 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 +13388,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 +13423,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 +13474,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; } }; });
@@ -13201,14 +13550,15 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrp-editing-field-radio': '<div class="dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, zoom: zoom, click: onClick"> <div class="dxrp-editing-field-check" data-bind="style: checkStyle"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 760 760" preserveAspectRatio="xMidYMid meet"> <g fill="#010101" stroke="none"> <path d="M32,380a348,348 0 1,0 696,0a348,348 0 1,0 -696,0" class="highlight dxrd-stroke-width-50 dxrd-stroke-rgb-0"  /> <path d="M185,380a195,195 0 1,0 390,0a195,195 0 1,0 -390,0" data-bind="style: { fill: checked ? \'black\' : \'transparent\' }" /> </g> </svg> </div> </div>',
     'dxrp-character-comb-editing-field': '<div class="dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, dxclick: activateEditor, zoom: zoom, css: { active: active, readonly: field.readOnly }"> <!-- ko if: !active || field.readOnly  --> <!-- ko foreach: cells --> <div class="dxrp-editing-field-charactercomb-cell" data-bind="style: style, text: text"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: active && !field.readOnly --> <textarea  class="dxrp-editing-field-text dxrd-background-white" data-bind="value: field.editorValue, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }"></textarea> <!--/ko--> </div>',
     'dxrd-export-tool-content': '<div class="dxrd-visually-hidden"> <form data-bind="attr: { \'action\': exportActionUri }, foreach: exportFormData" method="post"> <input data-bind="attr: {\'name\': name, \'value\': value}"/> </form> </div> <div data-bind="dxPopup: { width: popupOptions.width, height: popupOptions.height, title: popupOptions.title, visible: popupOptions.visible, showCloseButton: true, onHidden: popupOptions.onHidden, toolbarItems: popupOptions.toolbarItems, wrapperAttr: popupOptions.wrapperAttr, container: popupOptions.getPopupContainer($element), position: { of: popupOptions.getPopupContainer($element) } }"> <div class="dxrd-print-dialog-content"> <div data-bind="text: printingTexts.caption"></div> <p></p> <!-- ko if: printingTexts.prefix --> <div class="dxrdp-print-text-prefix" data-bind="text: printingTexts.prefix"></div> <!-- /ko --> <a href="" class="dxrd-preview-printing-link" data-bind="click: printingLinkCallback, text: printingTexts.link"></a> <!-- ko if: printingTexts.postfix --> <div class="dxrdp-print-text-postfix" data-bind="text: printingTexts.postfix"></div> <!-- /ko --> </div> </div>',
-    '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-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> <!-- ko template: { name: \'dx-propertygrid-popoverservice\', if: propertyGrid.popover, data: propertyGrid.popover } --> <!-- /ko --> </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>',
@@ -13226,7 +13576,7 @@ external_DevExpress_Analytics_Widgets_Internal_["SvgTemplatesEngine"].addTemplat
     'dxrd-parameters-separator': '<div class="dxrd-parameters-item-separator"> <div class="dxrd-item-separator dxd-border-secondary"></div> </div>',
     'dxrd-multivalue': '<!-- ko with: value --> <div data-bind="dxTagBox: getOptions({ dataSource: dataSource, searchEnabled: true, useItemTextAsTitle: true, searchExpr: searchExpr || [\'displayValue\'], value: value, displayExpr: displayExpr || \'displayValue\', valueExpr: valueExpr || \'value\', multiline: false, showSelectionControls: true, showDropDownButton: !!showDropDownButton, selectAllMode: \'allPages\', selectedItems: selectedItems, inputAttr: { \'aria-label\': displayName, id: editorInputId }, disabled: disabled, selectAllText: selectAllText, placeholder: placeholder, maxDisplayedTags: maxDisplayedTags, showMultiTagOnly: true, dropDownOptions: { container: getPopupContainer($element), position: { boundary: getPopupContainer($element), collision: \'flipfit flipfit\', of: $element, at: \'bottom\', my: \'top\' } } }), dxValidator: { validationRules: validationRules || [] }"> </div> <!-- /ko -->',
     'dxrd-multivalue-editable': '<!-- ko if: value --> <div class="dxrd-editor" data-bind="visible: visible"> <div data-bind="dxCollectionEditor: { values: value, info: info, level: level, displayName: $root.getLocalization(displayName) }"> <div data-bind="template: { name: \'dx-propertieseditor\', data: getProperties() }"></div> </div> </div> <!-- /ko -->',
-    'dxrd-parameters-property-editor': '<div class="dx-editor" data-bind="visible: visible"> <div class="dx-group" data-bind="dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }"> <div class="dx-editor-header" data-bind="css: { \'dxrd-empty-header\': hideEditorHeader }"> <!-- ko ifnot: $data.hideEditorHeader --> <div class="dx-field" data-bind="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 }"> <div class="dx-field-label dxrd-group-label dxd-back-secondary dx-accordion-header dxd-text-primary" data-bind="styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': isGroupLabel, \'dx-accordion-hide-collapsing-image\': alwaysShow }"> <!-- ko if: isComplexEditor --> <div data-bind="enable: templateName === \'dx-emptyHeader\'"> <!-- ko ifnot: $data.alwaysShow --> <div class="propertygrid-editor-collapsed dx-collapsing-image" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed }"></div> <!-- /ko --> <!-- ko if: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }"></div> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="text: displayName, attr: { \'title\': displayName }"></div> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: !isComplexEditor --> <!-- ko if: !!$data.textToSearch --> <label class="propertygrid-editor-displayName" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName, \'for\': editorInputId }, css: { \'dx-field-label-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}"></label> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <label class="propertygrid-editor-displayName" data-bind="text: displayName, attr: { \'title\': displayName, for: editorInputId }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}"></label> <!-- /ko --> <!-- /ko --> </div> <div class="dx-field-value" data-bind="css: { \'dxd-border-accented\': $data.isPropertyHighlighted }"> <div data-bind="service: { name: \'createEditorAddOn\' }"></div> <!-- ko if: templateName !== \'dx-emptyHeader\' --> <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: function(val) { $data.setIsRendered(val) } } --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- ko if: isComplexEditor --> <div class="dx-editor-content dx-accordion-content" role="group" data-bind="attr: { \'aria-labelledby\': headerId, \'id\': contentId, \'aria-hidden\': !alwaysShow && collapsed ? \'true\' : \'false\' }"> <!-- ko if: editorCreated --> <!-- ko template: contentTemplateName --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
+    'dxrd-parameters-property-editor': '<div class="dx-editor" data-bind="visible: visible"> <div class="dx-group" data-bind="dxdAccordion: { collapsed: collapsed, alwaysShow: alwaysShow, setCollapsed: setCollapsed, getCollapsed: getCollapsed, setCollapsedChangedEvent: setCollapsedChangedEvent }"> <div class="dx-editor-header" data-bind="css: { \'dxrd-empty-header\': hideEditorHeader }"> <!-- ko ifnot: $data.hideEditorHeader --> <div class="dx-field" data-bind="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 }"> <div class="dx-field-label dxrd-group-label dxd-back-secondary dx-accordion-header dxd-text-primary" data-bind="styleunit: padding, css: { \'dx-accordion-empty\': templateName === \'dx-emptyHeader\', \'dxd-back-secondary\': isGroupLabel, \'dx-accordion-hide-collapsing-image\': alwaysShow }"> <!-- ko if: isComplexEditor --> <div data-bind="enable: templateName === \'dx-emptyHeader\'"> <!-- ko ifnot: $data.alwaysShow --> <div class="dx-collapsing-image dxrd-display-inline-block" data-bind="template: \'dxrd-svg-collapsed\', css: { \'dx-image-expanded\': !collapsed }"></div> <!-- /ko --> <!-- ko if: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName }"></div> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <div class="dx-group-header-font" data-bind="text: displayName, attr: { \'title\': displayName }"></div> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: !isComplexEditor --> <!-- ko if: !!$data.textToSearch --> <label class="propertygrid-editor-displayName" data-bind="searchHighlighting: { text: displayName, textToSearch: textToSearch }, attr: { \'title\': displayName, \'for\': editorInputId }, css: { \'dx-field-label-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}"></label> <!-- /ko --> <!-- ko ifnot: !!$data.textToSearch --> <label class="propertygrid-editor-displayName" data-bind="text: displayName, attr: { \'title\': displayName, for: editorInputId }, css: { \'dx-property-required\': isRequired }, style: { fontWeight: isPropertyModified ? \'Bold\' : \'\'}"></label> <!-- /ko --> <!-- /ko --> </div> <div class="dx-field-value" data-bind="css: { \'dxd-border-accented\': $data.isPropertyHighlighted }"> <div data-bind="service: { name: \'createEditorAddOn\' }"></div> <!-- ko if: templateName !== \'dx-emptyHeader\' --> <!-- ko lazy: { innerBindings: { template: templateName }, isResolved: function(val) { $data.setIsRendered(val) } } --> <!-- /ko --> <!-- /ko --> </div> </div> <!-- /ko --> </div> <!-- ko if: isComplexEditor --> <div class="dx-editor-content dx-accordion-content" role="group" data-bind="attr: { \'aria-labelledby\': headerId, \'id\': contentId, \'aria-hidden\': !alwaysShow && collapsed ? \'true\' : \'false\' }"> <!-- ko if: editorCreated --> <!-- ko template: contentTemplateName --> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> </div> </div>',
     'dx-picture-editing': '<div class="dx-picture-editing"> <canvas data-bind="zoom: painter.scale"></canvas> <div class="dx-picture-editing-active" data-bind="dxPopup: { width: 48, height: \'auto\', wrapperAttr: { class: \'dx-picture-editing-active\' }, position:{ my: \'left top\', at: \'right top\', boundary: getPopupContainer($element), of: element, collision: \'fit fit\', offset: \'1 -1\' }, container: shadingEnabled ? \'.dx-overlay-wrapper.dx-picture-edit-popup-content-fullscreen\' : getPopupContainer($element), target: getPopupContainer($element), showTitle: false, onContentReady: onContentReady, showCloseButton: false, animation: {}, shading: false, visible: true }"> <div data-options="dxTemplate: { name: \'content\' }"> <div class="dx-picture-editing-toolbar" data-bind="foreach: actions"> <div class="dx-picture-editing-toolbar-item" data-bind="dxclick: action, attr: { title: title }"> <div class="dx-picture-editing-toolbar-item-icon" data-bind="template: { name: icon }"> </div> </div> <!-- ko template: { if: $data.template, name: $data.template, data: $data.templateOptions }--> <!-- /ko --> </div> </div> </div> </div>',
     'dx-painter': '<div class="dx-painter"> <canvas data-bind="zoom: scale"></canvas> </div>',
     'dx-picture-editing-toolbar-popup': '<div class="dx-picture-edit-popup-content" data-bind="dxPopover: { width: width, height: height, wrapperAttr: { class: \'dx-picture-edit-popup-content\' }, hideOnOutsideClick: hideOnOutsideClick, onShown: onShown, onHidden: onHidden, onContentReady: onContentReady, position: { my: \'left top\', at: \'right top\', boundary: $root.getPopupContainer($element), of: getPositionTarget($element), collision: \'flipfit fit\', offset: \'-10 0\' }, container: getPositionTarget($element), showTitle: false, target: getPositionTarget($element), showCloseButton: false, shading: false, animation: {}, visible: visible }"> <!-- ko template: { name: contentTemplate, data: contentData } --> <!--/ko--> </div>',
@@ -13479,6 +13829,8 @@ external_ko_["bindingHandlers"]['dxViewerExport'] = {
@@ -13489,7 +13841,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 +14284,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 +14732,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 +14753,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();