devexpress-reporting 23.1.2-build-2379-1247 → 23.2.0-build-000-1111

package/viewer/internal/_exportHandler.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.d.ts)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -23,7 +23,7 @@ export declare class ExportHandler extends Disposable {
     reportDisplayName: ko.Observable<string>;
     popupVisible: ko.Observable<boolean>;
     popupWidth: ko.Observable<number>;
-    popupHeight: ko.Observable<number>;
+    popupHeight: ko.Observable<string>;
     exportingFrame: HTMLIFrameElement;
     postingForm: HTMLFormElement;
     exportingFrameName: string;
@@ -61,17 +61,22 @@ export declare class ExportHandler extends Disposable {
     private _setPrintingLinkCallback;
     private _formSubmit;
     private _doExportSync;
+    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 _printUsingBlobFetch;
     private _addQueryParamsToUri;
     private _replaceLocation;
     private _timeouts;
     dispose(): void;
     updateExportStatus(progress: number, operationId: string): void;
     getExportStatus(operationId: string): JQueryPromise<IExportProgressStatus>;
-    getExportResult(operationId: string, inlineDisposition: boolean, useSameTab: boolean, token?: string, printable?: boolean, uri?: string): void;
+    getExportResult(operationId: string, inlineDisposition: boolean, useSameTab: boolean, token?: string, printable?: boolean, uri?: string, abortController?: AbortController): void;
 }

package/viewer/internal/_exportHandler.js

@@ -1,12 +1,12 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.js)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { formatUnicorn, StringId } from '@devexpress/analytics-core/analytics-internal';
-import { Disposable, getLocalization } from '@devexpress/analytics-core/analytics-utils';
+import { Disposable, getLocalization, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils';
 import { getTemplate } from '@devexpress/analytics-core/analytics-widgets';
 import browser from 'devextreme/core/utils/browser';
 import * as $ from 'jquery';
@@ -31,13 +31,13 @@ export class ExportHandler extends Disposable {
         this.reportDisplayName = ko.observable(null);
         this.popupVisible = ko.observable(false);
         this.popupWidth = ko.observable(510);
-        this.popupHeight = ko.observable(260);
+        this.popupHeight = ko.observable('auto');
         this.exportingFrameName = 'dxrd-exporting-frame' + generateGuid();
         this.popupButtons = [
             {
                 toolbar: 'bottom', location: 'after', widget: 'dxButton',
                 options: {
-                    text: getLocalization('Ok', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained',
+                    text: getLocalization('OK', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained',
                     onClick: () => this.popupVisible(false)
                 }
             }
@@ -160,12 +160,15 @@ export class ExportHandler extends Disposable {
             this.postingForm.submit();
         }
     }
-    _doExportSync(_exportWindow, printable, useSameTab) {
+    _doExportSync(_exportWindow, printable, useSameTab, operationId, abortController) {
         this.onExportCustomEvent && this.onExportCustomEvent(this._exportResultRequestData);
         var _requestData = this._exportResultRequestData;
-        useSameTab && printable && this._initPrintingWindow();
         var formTarget = useSameTab ? this.exportingFrameName : '_blank';
         if (!printable || !this._isNewBrowser()) {
+            if (_isFetchConfigured() && this._useSameTabExport) {
+                this._exportUsingFetch(_requestData, operationId, abortController);
+                return;
+            }
             this._useSameTabExport ? this._formSubmit(_requestData, formTarget) : this._replaceLocation(_exportWindow, _requestData);
         }
         else {
@@ -173,8 +176,102 @@ export class ExportHandler extends Disposable {
                 _exportWindow = (useSameTab && this.exportingFrame) ? this.exportingFrame.contentWindow : this._replaceLocation(null, null);
             }
             var method = this._useSameTabExport ? 'POST' : 'GET';
-            this._printUsingBlob(_exportWindow, _requestData, method);
+            this._printUsingBlob(_exportWindow, _requestData, method, useSameTab, operationId, abortController);
+        }
+    }
+    _exportUsingFetch(_requestData, operationId, abortController) {
+        const handleFile = (fileMetadata, _url) => {
+            if (fileMetadata.url) {
+                const link = document.createElement('a');
+                link.href = fileMetadata.url;
+                link.rel = 'noreferrer noopener';
+                link.download = fileMetadata.contentFilename;
+                document.body.appendChild(link);
+                link.click();
+                link.remove();
+                _url.revokeObjectURL(fileMetadata.url);
+            }
+        };
+        const _method = 'POST';
+        this._getExportResultUsingFetch(_requestData, _method, operationId, handleFile, abortController);
+    }
+    _getExportResultUsingFetch(_requestData, _method, operationId, handleFile, abortController) {
+        const _url = this._getUrlObject();
+        const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId);
+        const exportResult = this.preview.requestWrapper.getExportResult(_requestData, shouldIgnoreError(operationId), _method);
+        this.preview.progressBar.text(getLocalization('Downloading the document...', 'WebDocumentViewer_DownloadingDocument'));
+        let progress = ko.observable(0);
+        this._disposables.push(progress.subscribe(value => {
+            this._useSameTabExport && this.updateExportStatus(100 + value, operationId);
+        }));
+        exportResult.done(response => {
+            if (response.ok) {
+                return this._handleBlobUsingFetch(response, _url, progress, abortController)
+                    .then(fileMetadata => {
+                    handleFile(fileMetadata, _url);
+                });
+            }
+        }).catch(response => {
+            this.preview.progressBar.complete(operationId);
+            const message = getLocalization('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError');
+            PreviewRequestWrapper.getProcessErrorCallback(this.preview, message, true)('', this, '');
+        });
+    }
+    _handleBlobUsingFetch(response, _url, progress, abortController) {
+        const contentLength = +response.headers.get('Content-Length');
+        const contentDisposition = response.headers.get('Content-Disposition');
+        const contentFilename = this._getFileName(contentDisposition);
+        const contentType = response.headers.get('Content-Type');
+        const reader = response.body.getReader();
+        abortController && (abortController.signal.onabort = () => {
+            reader.cancel();
+        });
+        const readChunk = (controller) => {
+            reader.read().then(({ done, value }) => {
+                if (done) {
+                    controller.close();
+                    return;
+                }
+                receivedLenght += value.byteLength;
+                progress(Math.round(receivedLenght * 100 / contentLength));
+                controller.enqueue(value);
+                readChunk(controller);
+            });
+        };
+        let receivedLenght = 0;
+        return Promise.resolve(new ReadableStream({
+            start(controller) {
+                readChunk(controller);
+            }
+        }))
+            .then(stream => {
+            return new Response(stream, {
+                headers: {
+                    'Content-Type': contentType
+                }
+            });
+        })
+            .then(response => response.blob())
+            .then(blob => {
+            return {
+                contentType,
+                contentLength,
+                contentFilename,
+                url: !abortController.signal.aborted ? _url.createObjectURL(blob) : null
+            };
+        });
+    }
+    _getFileName(contentDisposition) {
+        const utf8FileNameRegex = /filename\*=UTF-8''(.*?)$/i;
+        const fileNameRegex = /^attachment; filename=\"?(.*[^\"?$])/;
+        let fileName = 'downloaded file';
+        if (utf8FileNameRegex.test(contentDisposition)) {
+            fileName = utf8FileNameRegex.exec(contentDisposition)[1];
+        }
+        else if (fileNameRegex.test(contentDisposition)) {
+            fileName = fileNameRegex.exec(contentDisposition)[1];
         }
+        return decodeURIComponent(fileName);
     }
     _initExportWindow() {
         var message = getLocalization('Do not close this tab to get the resulting file.', 'ASPxReportsStringId.WebDocumentViewer_AsyncExportCloseWarning');
@@ -201,9 +298,9 @@ export class ExportHandler extends Disposable {
         div.style.fontSize = '32px';
         this._window.document.body.appendChild(div);
     }
-    _startExportAsync(args, useSameTabLocal, deferred, inlineResult, printable = false) {
+    _startExportAsync(args, useSameTabLocal, deferred, inlineResult, printable = false, abortController) {
         if (useSameTabLocal) {
-            this._setPrintingLinkCallback(() => this._startExportAsync(args, false, deferred, inlineResult, printable));
+            this._setPrintingLinkCallback(() => this._startExportAsync(args, false, deferred, inlineResult, printable, abortController));
         }
         else {
             if (!this._useSameTabExport) {
@@ -221,11 +318,14 @@ export class ExportHandler extends Disposable {
         var startExportOperationId = generateGuid();
         var shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId || startExportOperationId);
         this.preview.progressBar.startProgress(startExportOperationId, (operationId) => {
-            this.preview.requestWrapper.cancelExportRequest(operationId, shouldIgnoreError(operationId));
+            if (_isFetchConfigured() && this.preview.progressBar.progress() >= 50)
+                abortController.abort();
+            else
+                this.preview.requestWrapper.cancelExportRequest(operationId, shouldIgnoreError(operationId));
         }, exportOperationIdDeferred.promise());
         this.preview.requestWrapper.getStartExportOperation(args, shouldIgnoreError())
             .done((response) => {
-            this.preview.previewHandlersHelper.doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTabLocal, printable);
+            this.preview.previewHandlersHelper.doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTabLocal, printable, abortController);
         })
             .fail((error) => {
             this.preview.previewHandlersHelper.errorStartExportHandler(deferred, startExportOperationId);
@@ -235,12 +335,13 @@ export class ExportHandler extends Disposable {
     }
     export(args, actionUri, inlineResult, printable = false) {
         this._terminateWorker();
+        const abortController = new AbortController();
         var deferred = $.Deferred();
         var requestData = this._exportResultRequestData;
         requestData.RequestUrl = actionUri;
         if (this.preview._editingFields().length > 0 || AsyncExportApproach() || this._useAsynchronousExport || (this.preview.exportOptionsModel() && this.preview.exportOptionsModel().hasSensitiveData())) {
             setTimeout(() => {
-                this._startExportAsync(args(), this._useSameTabExport, deferred, inlineResult, printable);
+                this._startExportAsync(args(), this._useSameTabExport, deferred, inlineResult, printable, abortController);
             });
         }
         else {
@@ -248,13 +349,13 @@ export class ExportHandler extends Disposable {
             if (this._useSameTabExport) {
                 requestData.FormData['arg'] = args();
                 requestData.FormData['actionKey'] = 'exportTo';
-                this._setPrintingLinkCallback(() => this._doExportSync(null, true, false));
+                this._setPrintingLinkCallback(() => this._doExportSync(null, true, false, null, abortController));
             }
             else {
                 requestData.QueryParameters['arg'] = args();
                 requestData.QueryParameters['actionKey'] = 'exportTo';
             }
-            this._doExportSync(null, printable, this._useSameTabExport);
+            this._doExportSync(null, printable, this._useSameTabExport, null, abortController);
         }
         return deferred.promise();
     }
@@ -275,7 +376,12 @@ export class ExportHandler extends Disposable {
             }
         }
     }
-    _printUsingBlob(_exportWindow, _requestData, _method) {
+    _printUsingBlob(_exportWindow, _requestData, _method, useSameTab, operationId, abortControler) {
+        _method === 'GET' && (_requestData.RequestUrl = this._addQueryParamsToUri(_requestData.RequestUrl, _requestData.QueryParameters));
+        if (_isFetchConfigured()) {
+            this._printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, operationId, abortControler);
+            return;
+        }
         var _this = this;
         var xhr = new XMLHttpRequest();
         xhr.onreadystatechange = function () {
@@ -294,14 +400,25 @@ export class ExportHandler extends Disposable {
                 }
             }
         };
-        var _exportUrl = (_method === 'GET') ? this._addQueryParamsToUri(_requestData.RequestUrl, _requestData.QueryParameters) : _requestData.RequestUrl;
-        xhr.open(_method, _exportUrl);
+        xhr.open(_method, _requestData.RequestUrl);
         xhr.responseType = 'blob';
         var formData = new FormData();
         for (var key in _requestData.FormData) {
             formData.append(key, _requestData.FormData[key]);
         }
         xhr.send(formData);
+        useSameTab && this._initPrintingWindow();
+    }
+    _printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, operationId, abortController) {
+        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, handleFile, abortController);
     }
     _addQueryParamsToUri(_exportUri, _queryParameters) {
         var keys = Object.keys(_queryParameters || {});
@@ -325,10 +442,14 @@ export class ExportHandler extends Disposable {
         this.removeProperties();
     }
     updateExportStatus(progress, operationId) {
+        if (_isFetchConfigured() && this._useSameTabExport) {
+            progress = Math.floor(progress / 2);
+        }
         this.preview.progressBar && this.preview.progressBar.progress(progress);
         if (this._window) {
             var div = this._window.document.getElementById('loading');
-            div && (div.innerText = getLocalization('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument') + ' ' + progress + '%');
+            let exportText = getLocalization('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument') + ' ' + progress + '%';
+            div && (div.innerText = exportText);
             this._window.document.title = getLocalization('Exporting...', 'ASPxReportsStringId.WebDocumentViewer_AsyncExportTabTitle') + progress + '%';
         }
         if (progress >= 100) {
@@ -349,7 +470,7 @@ export class ExportHandler extends Disposable {
         }, 250));
         return deferred.promise();
     }
-    getExportResult(operationId, inlineDisposition, useSameTab, token, printable = false, uri = '') {
+    getExportResult(operationId, inlineDisposition, useSameTab, token, printable = false, uri = '', abortController) {
         var requestData = this._exportResultRequestData;
         if (uri) {
             requestData.RequestUrl = uri;
@@ -372,7 +493,7 @@ export class ExportHandler extends Disposable {
             }
         }
         this._window && (this._window.onunload = null);
-        this._doExportSync(this._window, printable, useSameTab);
+        this._doExportSync(this._window, printable, useSameTab, operationId, abortController);
         this._window = null;
     }
 }
@@ -383,6 +504,7 @@ ko.bindingHandlers['dxViewerExport'] = {
         $.fn.constructor(element).append(templateHtml);
         var exportFrame = document.createElement('iframe');
         exportFrame.name = exportHandler.exportingFrameName;
+        exportFrame.setAttribute('role', 'none');
         element.querySelector('.dxrd-visually-hidden').appendChild(exportFrame);
         exportHandler.exportingFrame = exportFrame;
         exportHandler.postingForm = element.querySelector('form');

package/viewer/internal/_initializer.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_initializer.d.ts)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 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,12 +1,12 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_initializer.js)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { appendStaticContextToRootViewModel, initGlobalize, processErrorEvent, RequestHelper, resolveFromPromises, staticContext, ToolbarKeyboardHelper } from '@devexpress/analytics-core/analytics-internal';
-import { addCultureInfo, ajaxSetup, TabPanel } from '@devexpress/analytics-core/analytics-utils';
+import { appendStaticContextToRootViewModel, initGlobalize, processErrorEvent, RequestHelper, resolveFromPromises, staticContext, ToolbarKeyboardHelper, troubleshootingPageWrapper } from '@devexpress/analytics-core/analytics-internal';
+import { addCultureInfo, ajaxSetup, requestManager, TabPanel, fetchSetup, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils';
 import config from 'devextreme/core/config';
 import * as $ from 'jquery';
 import * as ko from 'knockout';
@@ -32,7 +32,7 @@ export function createDesktopPreview(bindingSettings) {
     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, enableKeyboardSupport);
+    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 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);
@@ -46,7 +46,7 @@ export function createDesktopPreview(bindingSettings) {
             searchModel.tabInfo,
             documentMapModel.tabInfo
         ],
-        width: 400,
+        width: 396,
         autoSelectTab: true,
         rtl: bindingModel.rtl
     });
@@ -139,11 +139,20 @@ function _createPreview(bindingSettings) {
         EditablePreviewEnabled(false);
         ReportServerDownloadUri(RequestHelper.generateUri(bindingModel.remoteSettings.serverUri, ReportServerExportUri));
         if (bindingModel.remoteSettings.authToken) {
-            ajaxSetup.ajaxSettings = {
-                headers: {
-                    'Authorization': 'Bearer ' + bindingModel.remoteSettings.authToken
-                }
+            const headers = {
+                'Authorization': `Bearer ${bindingModel.remoteSettings.authToken}`
             };
+            const requestManagerSetup = {
+                ajaxSetup,
+                fetchSetup
+            };
+            const requestManagerInstance = requestManager.getInstance(requestManagerSetup);
+            if (_isFetchConfigured()) {
+                requestManagerInstance['fetchSettings'].headers = Object.assign(Object.assign({}, requestManagerInstance['fetchSettings'].headers), headers);
+            }
+            else {
+                requestManagerInstance['ajaxSettings'].headers = Object.assign(Object.assign({}, requestManagerInstance['ajaxSettings'].headers), headers);
+            }
         }
     }
     var designerModel;
@@ -172,7 +181,9 @@ export function createPreview(bindingSettings) {
     var localizationCallbacks = [];
     bindingSettings.callbacks && bindingSettings.callbacks.customizeLocalization && bindingSettings.callbacks.customizeLocalization(localizationCallbacks);
     return resolveFromPromises(localizationCallbacks, () => {
-        return _createPreview(bindingSettings);
+        return troubleshootingPageWrapper(() => {
+            return _createPreview(bindingSettings);
+        }, bindingSettings.model.developmentMode, bindingSettings.element);
     });
 }
 export function createPreviewModel(viewerModel, element, callbacks, applyBindings) {

package/viewer/internal/_page.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.d.ts)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_page.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.js)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_pageLoader.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_pageLoader.d.ts)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -10,10 +10,17 @@ import { PreviewPage } from './_page';
 export declare class PageLoader {
     private _preview;
     private _defaultResolution;
+    private _requestCyclesLimit;
+    private _currentPrefetchCycle;
+    private _disabled;
+    private _loadTimeout;
     get pages(): PreviewPage[];
+    private _getNextStartingIndex;
+    private _getPagesToUpdate;
+    private _performPrefetch;
+    private _scheduleNextPrefetch;
     constructor(_preview: ReportPreview);
     prefetchPages(startIndex: number, endIndex: number, currentPageIndex: number): void;
     reset(): void;
     isActive(): boolean;
-    loadTimeout: number;
 }

package/viewer/internal/_pageLoader.js

@@ -1,44 +1,73 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_pageLoader.js)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
+import * as $ from 'jquery';
 import { PreloadedPagesOffset } from '../settings';
 export class PageLoader {
     constructor(_preview) {
         this._preview = _preview;
         this._defaultResolution = 0.25;
+        this._requestCyclesLimit = 5;
+        this._currentPrefetchCycle = 0;
+        this._disabled = true;
     }
     get pages() {
         return this._preview.pages && this._preview.pages() || [];
     }
-    prefetchPages(startIndex, endIndex, currentPageIndex) {
-        var loadInLowResolution = currentPageIndex === undefined;
-        var zoom = loadInLowResolution ? this._defaultResolution : this._preview._zoom();
-        if (startIndex > this.pages.length - 1)
-            return;
-        var pagesToUpdate = this.pages.slice(startIndex, endIndex).filter(page => page.pageIndex !== currentPageIndex && (!loadInLowResolution || !page.imageSrc()));
-        pagesToUpdate.forEach(page => this._preview.updatePage(page, zoom));
-        this.loadTimeout = setTimeout(() => {
-            var _a;
-            startIndex = (_a = this.pages.find(page => (page === null || page === void 0 ? void 0 : page.pageIndex) > endIndex && !page.imageSrc())) === null || _a === void 0 ? void 0 : _a.pageIndex;
+    _getNextStartingIndex(currentIndex) {
+        var _a;
+        return (_a = this.pages.find(page => (page === null || page === void 0 ? void 0 : page.pageIndex) > currentIndex && !page.imageSrc())) === null || _a === void 0 ? void 0 : _a.pageIndex;
+    }
+    _getPagesToUpdate(startIndex, endIndex, currentPageIndex) {
+        return this.pages.slice(startIndex, endIndex).filter(page => {
+            if (currentPageIndex !== undefined) {
+                return page.pageIndex !== currentPageIndex;
+            }
+            return !page.imageSrc();
+        });
+    }
+    _performPrefetch(pagesToUpdate, resolution) {
+        pagesToUpdate.forEach(page => this._preview.updatePage(page, resolution));
+    }
+    _scheduleNextPrefetch(currentIndex, pendingPages) {
+        this._loadTimeout = setTimeout(() => {
+            var startIndex = this._getNextStartingIndex(currentIndex);
             if (!startIndex) {
                 this.reset();
                 return;
             }
-            var promises = pagesToUpdate.map(page => { var _a; return (_a = page.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.promise(); }).filter(x => !!x);
-            Promise.all(promises).then(() => {
-                this.prefetchPages(startIndex, startIndex + PreloadedPagesOffset(), undefined);
+            var promises = pendingPages.map(page => { var _a; return (_a = page.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.promise(); }).filter(x => !!x);
+            $.when(...promises).done(() => {
+                !this._disabled && this.prefetchPages(startIndex, startIndex + PreloadedPagesOffset(), undefined);
             });
         }, 700);
     }
+    prefetchPages(startIndex, endIndex, currentPageIndex) {
+        this._disabled = false;
+        var zoom = this._preview._zoom();
+        if (currentPageIndex === undefined) {
+            zoom = this._defaultResolution;
+            this._currentPrefetchCycle++;
+        }
+        if (startIndex > this.pages.length - 1 || this._currentPrefetchCycle >= this._requestCyclesLimit) {
+            this.reset();
+            return;
+        }
+        var pendingPages = this._getPagesToUpdate(startIndex, endIndex, currentPageIndex);
+        this._performPrefetch(pendingPages, zoom);
+        this._scheduleNextPrefetch(endIndex, pendingPages);
+    }
     reset() {
-        this.loadTimeout && clearTimeout(this.loadTimeout);
-        this.loadTimeout = null;
+        this._loadTimeout && clearTimeout(this._loadTimeout);
+        this._loadTimeout = null;
+        this._disabled = true;
+        this._currentPrefetchCycle = 0;
     }
     isActive() {
-        return !!this.loadTimeout;
+        return !!this._loadTimeout;
     }
 }

package/viewer/internal/_previewHandlersHelper.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewHandlersHelper.d.ts)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -25,7 +25,7 @@ export interface IDocumentBuildStatus extends IProgressStatus {
 export declare class PreviewHandlersHelper {
     private _preview;
     constructor(preview: ReportPreview);
-    doneStartExportHandler(deferred: JQueryDeferred<boolean>, inlineResult: boolean, response: string, exportOperationIdDeferred: JQueryDeferred<string>, startExportOperationId: string, useSameTab?: boolean, printable?: boolean): void;
+    doneStartExportHandler(deferred: JQueryDeferred<boolean>, inlineResult: boolean, response: string, exportOperationIdDeferred: JQueryDeferred<string>, startExportOperationId: string, useSameTab?: boolean, printable?: boolean, abortController?: AbortController): void;
     errorStartExportHandler(deferred: JQueryDeferred<boolean>, startExportOperationId: string): void;
     doneExportStatusHandler(deferred: JQueryDeferred<any>, operationId: string, response: IExportProgressStatus): void;
     errorExportStatusHandler(deferred: JQueryDeferred<IDocumentBuildStatus>, operationId: string): void;

package/viewer/internal/_previewHandlersHelper.js

@@ -1,17 +1,17 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewHandlersHelper.js)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { getLocalization } from '@devexpress/analytics-core/analytics-utils';
+import { getLocalization, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils';
 import { PollingDelay } from '../settings';
 export class PreviewHandlersHelper {
     constructor(preview) {
         this._preview = preview;
     }
-    doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTab = false, printable = false) {
+    doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTab = false, printable = false, abortController) {
         try {
             if (!response) {
                 exportOperationIdDeferred.reject();
@@ -22,6 +22,9 @@ export class PreviewHandlersHelper {
             exportOperationIdDeferred.resolve(exportOperationId);
             var progress = 0;
             var doGetExportStatus = (operationId) => {
+                var _a;
+                if (!((_a = this._preview) === null || _a === void 0 ? void 0 : _a.exportHandler))
+                    return;
                 var promise = this._preview.exportHandler.getExportStatus(operationId);
                 promise.done((result) => {
                     if (result && result.requestAgain) {
@@ -33,10 +36,11 @@ export class PreviewHandlersHelper {
                         PollingDelay() ? setTimeout(doStatusRequest, PollingDelay()) : doStatusRequest();
                     }
                     else {
-                        this._preview.progressBar.complete(operationId);
+                        if (!_isFetchConfigured())
+                            this._preview.progressBar.complete(operationId);
                         if (!result.requestAgain && result.completed && !this._preview._cancelExportRequests[operationId]) {
                             this._preview.exportHandler.updateExportStatus(result.progress, operationId);
-                            this._preview.exportHandler.getExportResult(operationId, inlineResult, useSameTab, result.token, printable, result.uri);
+                            this._preview.exportHandler.getExportResult(operationId, inlineResult, useSameTab, result.token, printable, result.uri, abortController);
                         }
                     }
                 });

package/viewer/internal/_previewModel.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewModel.d.ts)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_previewModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewModel.js)
-* Version:  23.1.2-build-2379-1247
-* Build date: Mar 20, 2023
+* Version:  23.2.1-build-23191-1448
+* Build date: Jul 10, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */