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

package/viewer/exportOptions/xlsExportOptionsPreview.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\exportOptions\xlsExportOptionsPreview.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
 */

package/viewer/exportOptions/xlsxExportOptionsPreview.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\exportOptions\xlsxExportOptionsPreview.d.ts)
-* 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
 */

package/viewer/exportOptions/xlsxExportOptionsPreview.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\exportOptions\xlsxExportOptionsPreview.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
 */

package/viewer/internal/_actions.d.ts

@@ -1,16 +1,17 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_actions.d.ts)
-* 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
 */
 /// <reference types="jquery" />
 import { ReportPreview } from '../reportPreview';
+import { ExportOptionsEventHandlers } from '../exportOptions/exportOptionsModel';
 import { Disposable, IAction, IActionViewModel } from '@devexpress/analytics-core/analytics-utils-native';
 import { IActionsProvider, IGlobalSubscribableValue, ActionListsBase } from '@devexpress/analytics-core/analytics-internal-native';
-import { ExportOptionsEventHandlers } from '../exportOptions/exportOptionsModel';
 import { ArrayPropertyChangedEventArgs, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { SimplifiedSearchMode } from 'devextreme/common';
 interface IPageItem {
     index: number;
     text: number;
@@ -31,7 +32,7 @@ export interface IPaginationAction extends IAction {
     setPageItemsChangedEvent: (callback: (pageItems: IPageItemsStore) => void) => () => void;
     _isPageChanged: (page: string) => boolean;
     itemTemplate: (value: any) => any;
-    searchMode: string;
+    searchMode: SimplifiedSearchMode;
     searchTimeout: number;
 }
 export interface IExportActionItem {

package/viewer/internal/_actions.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_actions.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
 */

package/viewer/internal/_bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_bindings.d.ts)
-* 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
 */

package/viewer/internal/_bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_bindings.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
 */

package/viewer/internal/_brickUtils.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_brickUtils.d.ts)
-* 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
 */

package/viewer/internal/_brickUtils.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_brickUtils.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
 */

package/viewer/internal/_exportHandler.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.d.ts)
-* 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
 */
@@ -55,17 +55,18 @@ export declare class ExportHandler extends BaseRenderingModel<IExportToolViewMod
     private _formSubmit;
     private _doExportSync;
     private _handleFile;
-    private _exportUsingFetch;
     private _getExportResultUsingFetch;
     private _handleBlobUsingFetch;
     private _getFileName;
     private _initExportWindow;
     private _startExportAsync;
     export(args: () => string, actionUri: string, inlineResult?: boolean, printable?: boolean): JQuery.Promise<boolean>;
-    private _isNewBrowser;
     private _showAsyncExportError;
     private _printUsingBlob;
+    private _executeXhr;
     private _printUsingBlobFetch;
+    private _prepareXhr;
+    private _handleXhrReady;
     private _addQueryParamsToUri;
     private _replaceLocation;
     private _timeouts;

package/viewer/internal/_exportHandler.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.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
 */
@@ -131,10 +131,8 @@ export class ExportHandler extends BaseRenderingModel {
         }
     }
     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;
     }
@@ -160,30 +158,32 @@ export class ExportHandler extends BaseRenderingModel {
             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 (_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 (_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 = $.Deferred();
@@ -339,20 +339,16 @@ export class ExportHandler extends BaseRenderingModel {
             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 = browser.chrome && (parseInt(browser.version) >= 76);
-        return (isNewChrome || browser.mozilla || browser['safari']);
-    }
     _showAsyncExportError(window, message, status, statusText) {
         if (window) {
             var div = window.document.getElementById('loading');
@@ -366,66 +362,65 @@ export class ExportHandler extends BaseRenderingModel {
             }
         }
     }
-    _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 (_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 = getLocalization('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError');
-                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 = getLocalization('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError');
+            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 || {});
@@ -505,7 +500,7 @@ export class ExportHandler extends BaseRenderingModel {
             }
         }
         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;
     }
 }

package/viewer/internal/_exportHandler.viewModel.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.viewModel.d.ts)
-* 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
 */

package/viewer/internal/_exportHandler.viewModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.viewModel.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
 */
@@ -16,10 +16,8 @@ export function createExportHandlerViewModel(base) {
         .generateProperty('title', this.getPopupTitle())
         .generateProperty('visible', this.popupVisible)
         .generateProperty('toolbarItems', [{
-            toolbar: 'bottom', location: 'after', widget: 'dxButton',
-            options: {
-                text: getLocalization('OK', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained',
-                onClick: () => {
+            toolbar: 'bottom', location: 'after', widget: 'dxButton', options: {
+                text: getLocalization('OK', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained', onClick: () => {
                     this.popupVisible = false;
                 }
             }

package/viewer/internal/_initializer.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_initializer.d.ts)
-* 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
 */

package/viewer/internal/_initializer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_initializer.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
 */
@@ -25,17 +25,19 @@ import { PreviewModel } from './_previewModel';
 import { PreviewRequestWrapper } from './_previewRequestWrapper';
 import { getUpdateProgressBarCallback } from './_progressBarUtils';
 import { updatePreviewContentSize } from './_sizeUtils';
+import { BreadcrumbModel } from './_previewBreadcrumbs';
 export function createDesktopPreview(bindingSettings) {
     processZoomFactor(bindingSettings.model.accessibilityCompliant);
     var enableKeyboardSupport = !!bindingSettings.model.accessibilityCompliant;
     var callbacks = bindingSettings.callbacks;
     var bindingModel = bindingSettings.model;
     var bindingElement = bindingSettings.element;
-    var previewWrapper = new PreviewRequestWrapper(null, callbacks), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element), searchModel = new SearchViewModel(reportPreview, bindingModel === null || bindingModel === void 0 ? void 0 : bindingModel.searchSettings, enableKeyboardSupport);
+    var previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel === null || bindingModel === void 0 ? void 0 : bindingModel.searchSettings, enableKeyboardSupport);
     var documentMapModel = new DocumentMapModel(reportPreview);
     var parametersModel = new PreviewParametersViewModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
     var exportModel = new ExportOptionsModel(reportPreview, enableKeyboardSupport);
     reportPreview.canSwitchToDesigner = !bindingModel.previewVisible;
+    reportPreview.previewParametersViewModel = parametersModel;
     reportPreview.allowURLsWithJSContent = bindingModel.allowURLsWithJSContent;
     previewWrapper.initialize(reportPreview, parametersModel, searchModel);
     var tabPanel = new TabPanel({
@@ -67,7 +69,8 @@ export function createDesktopPreview(bindingSettings) {
         tabPanel: tabPanel,
         actionLists: actionLists,
         rtl: reportPreview.rtlViewer,
-        accessibilityCompliant: bindingModel.accessibilityCompliant
+        accessibilityCompliant: bindingModel.accessibilityCompliant,
+        breadcrumb: breadcrumb
     };
     var designerModel = new PreviewModel(designerModelOptions);
     designerModel.addDisposable(previewActions);
@@ -77,7 +80,8 @@ export 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 = $.fn.constructor(window);
@@ -94,6 +98,7 @@ export function createDesktopPreview(bindingSettings) {
         updatePreviewContentSize_ && updatePreviewContentSize_(tabPanel.position);
         updateProgressPosition && updateProgressPosition();
     };
+    breadcrumb.updatePreviewSize = updateSizesCallback;
     designerModel.updateSurfaceSize = updateSizesCallback;
     designerModel.resizeCallback = updateSizesCallback;
     window.addEventListener('resize', designerModel.resizeCallback);

package/viewer/internal/_ko_bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_ko_bindings.d.ts)
-* 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
 */

package/viewer/internal/_ko_bindings.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_ko_bindings.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
 */

package/viewer/internal/_page.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.d.ts)
-* 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
 */
@@ -32,6 +32,7 @@ export declare class PreviewPage extends BaseRenderingModel<IPreviewPageViewMode
     private _onPageLoaded;
     private _onPageLoadFailed;
     private _updatePageSize;
+    private _getAriaLabel;
     constructor(reportPreview: ReportPreview, pageIndex: number, processClick?: (target: IBrickNode) => void, subscribeToPageLoading?: boolean);
     updateSize(zoom?: number): number;
     updateActiveBricks(): void;
@@ -78,6 +79,7 @@ export declare class PreviewPage extends BaseRenderingModel<IPreviewPageViewMode
     active: boolean;
     brick: IBrickNode;
     _unifier: string;
+    currentPageAriaLabelImgAlt: string;
     shouldSkipBrickLoading: boolean;
     brickColumnWidthArray: Array<number>;
     bricks: IBrickNode[];

package/viewer/internal/_page.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.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
 */
@@ -12,7 +12,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { compareSizes } from '@devexpress/analytics-core/analytics-elements-native';
-import { $dx } from '@devexpress/analytics-core/analytics-internal-native';
+import { $dx, formatUnicorn, getLocalization } from '@devexpress/analytics-core/analytics-internal-native';
 import { BaseRenderingModel, mutable, mutableArray } from '@devexpress/analytics-core/analytics-serializer-native';
 import * as $ from 'jquery';
 import { generateGuid } from '../../common/utils/_utils';
@@ -75,6 +75,8 @@ export class PreviewPage extends BaseRenderingModel {
             if (subscribeToPageLoading) {
                 this.pageLoading = args.newValue;
             }
+        }), reportPreview.events.on('pagesChanged', () => {
+            this.currentPageAriaLabelImgAlt = this._getAriaLabel();
         }));
         this.previewSize = reportPreview.previewSize;
         this.autoFitBy = reportPreview.autoFitBy;
@@ -83,6 +85,7 @@ export class PreviewPage extends BaseRenderingModel {
         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);
@@ -224,6 +227,9 @@ export class PreviewPage extends BaseRenderingModel {
             this.size = newSize;
         }
     }
+    _getAriaLabel() {
+        return formatUnicorn(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;
@@ -247,10 +253,12 @@ export class PreviewPage extends BaseRenderingModel {
         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) {
@@ -387,6 +395,9 @@ __decorate([
 __decorate([
     mutable('')
 ], PreviewPage.prototype, "_unifier", void 0);
+__decorate([
+    mutable('')
+], PreviewPage.prototype, "currentPageAriaLabelImgAlt", void 0);
 __decorate([
     mutableArray(() => [])
 ], PreviewPage.prototype, "activeBricks", void 0);

package/viewer/internal/_page.viewModel.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.viewModel.d.ts)
-* 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
 */
@@ -27,7 +27,7 @@ export interface IPreviewPageViewModel extends IViewModel {
     editingFields: any[];
     delayedInit: () => void;
     clickToBrick: (sender: IPreviewPageViewModel, event: any) => void;
-    currentPageAriaLabelImgAlt: () => string;
+    currentPageAriaLabelImgAlt: string;
     bricks: IBrickNode[];
     activeBricks: IBrickNode[];
     clickableBricks: IBrickNode[];

package/viewer/internal/_page.viewModel.js

@@ -1,11 +1,10 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.viewModel.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
 */
-import { formatUnicorn } from '@devexpress/analytics-core/analytics-internal-native';
 import { createViewModelGenerator } from '@devexpress/analytics-core/analytics-serializer-native';
 import { getLocalization, } from '@devexpress/analytics-core/analytics-utils-native';
 export function createPreviewPageViewModel(base) {
@@ -18,8 +17,7 @@ export function createPreviewPageViewModel(base) {
         .generateProperty('loadingText', 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) => {
@@ -34,9 +32,7 @@ export function createPreviewPageViewModel(base) {
         getPageSizeConfiguration: () => this._getPageSizeConfiguration()
     })
         .generateProperty('clickToBrick', (_, event) => this._clickToBrick(event))
-        .generateProperty('currentPageAriaLabelImgAlt', () => {
-        return formatUnicorn(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)
@@ -93,4 +89,7 @@ export 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;
+    }
 }