devexpress-reporting 23.2.6 → 24.1.2-beta

package/viewer/internal/_exportHandler.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -11,11 +11,10 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     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;
 };
-import { formatUnicorn } from '@devexpress/analytics-core/analytics-internal-native';
+import { DxDeferred, formatUnicorn } from '@devexpress/analytics-core/analytics-internal-native';
 import { BaseRenderingModel, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
 import { getLocalization, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils-native';
 import browser from 'devextreme/core/utils/browser';
-import * as $ from 'jquery';
 import { generateGuid, isIOS, isAndroid, isMobile } from '../../common/utils/_utils';
 import { AsyncExportApproach, HandlerUri, ReportServerDownloadUri } from '../settings';
 import { createExportHandlerViewModel, updateExportHandlerViewModel } from './_exportHandler.viewModel';
@@ -29,6 +28,13 @@ export class ExportResultRequestData {
     }
 }
 export class ExportHandler extends BaseRenderingModel {
+    onPropertyChanged(args) { }
+    createViewModel() {
+        return createExportHandlerViewModel.call(this, super.createViewModel());
+    }
+    updateViewModel(args) {
+        updateExportHandlerViewModel.call(this, args);
+    }
     constructor(exportSetting, preview) {
         super();
         this.preview = preview;
@@ -42,7 +48,7 @@ export class ExportHandler extends BaseRenderingModel {
         this._workerTicker = null;
         this._workerFunctionBlobUrl = null;
         this._xhr = null;
-        this._exportResultDeferred = $.Deferred();
+        this._exportResultDeferred = new DxDeferred();
         this._workerTickerFunction = function () {
             let started, interval;
             self.onmessage = function (e) {
@@ -81,13 +87,6 @@ export class ExportHandler extends BaseRenderingModel {
                 this._showPrintNotificationDialog = exportSetting.showPrintNotificationDialog;
         }
     }
-    onPropertyChanged(args) { }
-    createViewModel() {
-        return createExportHandlerViewModel.call(this, super.createViewModel());
-    }
-    updateViewModel(args) {
-        updateExportHandlerViewModel.call(this, args);
-    }
     _getUrlObject() {
         return window.URL || window['webkitURL'] || window['mozURL'] || window['msURL'] || window['oURL'];
     }
@@ -186,9 +185,9 @@ export class ExportHandler extends BaseRenderingModel {
     _getExportResultUsingFetch(_requestData, _method, printable, handleFile, operationId, abortController) {
         const _url = this._getUrlObject();
         const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId);
-        this._exportResultDeferred = $.Deferred();
+        this._exportResultDeferred = new DxDeferred();
         this.preview.requestWrapper.getExportResult(_requestData, shouldIgnoreError(operationId), _method)
-            .done(response => { var _a; return (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.resolve(response); })
+            .then(response => { var _a; return (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.resolve(response); })
             .catch(fail => { var _a; return (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.fail(fail); });
         this.preview.progressBar.text = getLocalization('Downloading the document...', 'WebDocumentViewer_DownloadingDocument');
         this._exportResultDeferred.done(response => {
@@ -198,7 +197,7 @@ export class ExportHandler extends BaseRenderingModel {
                     handleFile(fileMetadata, _url);
                 });
             }
-        }).catch(response => {
+        }).fail(response => {
             if (!this.preview)
                 return;
             this.preview.progressBar.complete(operationId);
@@ -304,7 +303,7 @@ export class ExportHandler extends BaseRenderingModel {
         }
         this.preview.progressBar.text = getLocalization('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument');
         this.preview.progressBar.cancelText = getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel');
-        const exportOperationIdDeferred = $.Deferred();
+        const exportOperationIdDeferred = new DxDeferred();
         const startExportOperationId = generateGuid();
         const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId || startExportOperationId);
         this.preview.progressBar.startProgress(startExportOperationId, (operationId) => {
@@ -314,10 +313,10 @@ export class ExportHandler extends BaseRenderingModel {
                 this.preview.requestWrapper.cancelExportRequest(operationId, shouldIgnoreError(operationId));
         }, exportOperationIdDeferred.promise());
         this.preview.requestWrapper.getStartExportOperation(args, shouldIgnoreError())
-            .done((response) => {
+            .then((response) => {
             this.preview.previewHandlersHelper.doneStartExportHandler(deferred, inlineResult, response, exportOperationIdDeferred, startExportOperationId, useSameTabLocal, printable, abortController);
         })
-            .fail((error) => {
+            .catch((error) => {
             this.preview.previewHandlersHelper.errorStartExportHandler(deferred, startExportOperationId);
             exportOperationIdDeferred.reject();
             !this._useSameTabExport && error.responseJSON && error.responseJSON['error'] && this._showAsyncExportError(this._window, error.responseJSON['error']);
@@ -326,7 +325,7 @@ export class ExportHandler extends BaseRenderingModel {
     export(args, actionUri, inlineResult, printable = false) {
         this._terminateWorker();
         const abortController = new AbortController();
-        const deferred = $.Deferred();
+        const deferred = new DxDeferred();
         const requestData = this._exportResultRequestData;
         requestData.RequestUrl = actionUri;
         if (this.preview._editingFields.length > 0 || AsyncExportApproach() || this._useAsynchronousExport || (this.preview.exportOptionsModel && this.preview.exportOptionsModel.hasSensitiveData())) {
@@ -464,13 +463,13 @@ export class ExportHandler extends BaseRenderingModel {
         }
     }
     getExportStatus(operationId) {
-        const deferred = $.Deferred();
+        const deferred = new DxDeferred();
         this._timeouts.push(setTimeout(() => {
             this.preview.requestWrapper.getExportStatusRequest(operationId)
-                .done((response) => {
+                .then((response) => {
                 this.preview.previewHandlersHelper.doneExportStatusHandler(deferred, operationId, response);
             })
-                .fail((error) => {
+                .catch((error) => {
                 this.preview.previewHandlersHelper.errorExportStatusHandler(deferred, operationId);
                 !this._useSameTabExport && error.responseJSON && error.responseJSON['error'] && this._showAsyncExportError(this._window, error.responseJSON['error']);
             });

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.viewModel.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 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.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_initializer.d.ts

@@ -1,14 +1,16 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_initializer.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-/// <reference types="jquery" />
+import { DxDeferred } from '@devexpress/analytics-core/analytics-internal-native';
 import { IBindingSettings, IPreviewCustomizationHandler, IWebDocumentViewerModel } from '../utils/initializer';
 import { PreviewDisposableModel, PreviewModel } from './_previewModel';
+import { PreviewDisposableModelBase } from './_previewModelBase';
+export declare function createStandaloneParametersPanel(bindingSettings: IBindingSettings): PreviewDisposableModelBase;
 export declare function createDesktopPreview(bindingSettings: IBindingSettings): PreviewModel;
-export declare function createPreview(bindingSettings: IBindingSettings): JQueryDeferred<PreviewDisposableModel>;
-export declare function createPreviewModel(viewerModel: IWebDocumentViewerModel, element: HTMLElement, callbacks?: IPreviewCustomizationHandler, applyBindings?: boolean): JQueryDeferred<PreviewDisposableModel>;
-export declare function initPreviewModel(previewModel: PreviewDisposableModel, viewerModel: IWebDocumentViewerModel): void;
+export declare function createPreview(bindingSettings: IBindingSettings): DxDeferred<PreviewDisposableModel>;
+export declare function createPreviewModel(viewerModel: IWebDocumentViewerModel, element: HTMLElement, callbacks?: IPreviewCustomizationHandler, applyBindings?: boolean): DxDeferred<PreviewDisposableModel>;
+export declare function initPreviewModel(previewModel: PreviewDisposableModelBase, viewerModel: IWebDocumentViewerModel): void;

package/viewer/internal/_initializer.js

@@ -1,31 +1,50 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_initializer.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { initGlobalize, koUtils, processErrorEvent, RequestHelper, resolveFromPromises, troubleshootingPageWrapper } from '@devexpress/analytics-core/analytics-internal-native';
+import { $dx, extend, initGlobalize, koUtils, processErrorEvent, RequestHelper, resolveFromPromises, troubleshootingPageWrapper, _addLicenseTrigger } from '@devexpress/analytics-core/analytics-internal-native';
 import { currentMultiPlatformEngine } from '@devexpress/analytics-core/analytics-serializer-native';
 import { addCultureInfo, ajaxSetup, requestManager, TabPanel, fetchSetup, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils-native';
 import config from 'devextreme/core/config';
-import * as $ from 'jquery';
 import { createFullscreenComputed, cultureInfo, processZoomFactor } from '../../common/utils/_utils';
 import { PreviewElements } from '../constants';
 import { DocumentMapModel } from '../documentMap/_documentMapModel';
 import { ExportOptionsModel } from '../exportOptions/exportOptionsModel';
 import { createMobilePreview } from '../mobile/utils/_mobileInitializer';
 import { PreviewParameterHelper } from '../parameters/previewParameterHelper';
-import { PreviewParametersViewModel } from '../parameters/previewParametersViewModel';
+import { PreviewParametersPanelModel } from '../parameters/previewParametersModel';
 import { ReportPreview } from '../reportPreview';
 import { SearchViewModel } from '../search/_searchViewModel';
 import { AsyncExportApproach, EditablePreviewEnabled, ReportServerDownloadUri, ReportServerExportUri, ReportServerInvokeUri, SearchAvailable } from '../settings';
 import { ActionLists, PreviewActions, PreviewDesignerActions } from './_actions';
 import { PreviewModel } from './_previewModel';
+import { PreviewDisposableModelBase } from './_previewModelBase';
 import { PreviewRequestWrapper } from './_previewRequestWrapper';
 import { getUpdateProgressBarCallback } from './_progressBarUtils';
 import { updatePreviewContentSize } from './_sizeUtils';
 import { BreadcrumbModel } from './_previewBreadcrumbs';
+import { ReportHolder } from '../reportHolder';
+import { ParametersPanelStandalone } from '../parameters/parametersPanelStandalone';
+export function createStandaloneParametersPanel(bindingSettings) {
+    var _a;
+    const bindingModel = bindingSettings.model;
+    const previewWrapper = new PreviewRequestWrapper(null, bindingSettings.callbacks);
+    const reportHolder = new ReportHolder(bindingModel.handlerUri, previewWrapper, bindingSettings.element);
+    const requestHelper = new PreviewParameterHelper((_a = bindingModel.parametersInfo) === null || _a === void 0 ? void 0 : _a.knownEnums, bindingSettings.callbacks);
+    const parametersPanel = new ParametersPanelStandalone(reportHolder, requestHelper, bindingModel.accessibilityCompliant);
+    previewWrapper.initialize(reportHolder, parametersPanel);
+    const designerModel = new PreviewDisposableModelBase({
+        rootStyle: 'dxrd-preview dxd-back-primary2',
+        reportPreview: reportHolder,
+        parametersModel: parametersPanel,
+        rtl: bindingModel.rtl
+    }, 'dxrv-parameters-panel-standalone');
+    designerModel.parts = parametersPanel.getDesignerParts();
+    return designerModel;
+}
 export function createDesktopPreview(bindingSettings) {
     processZoomFactor(bindingSettings.model.accessibilityCompliant);
     const enableKeyboardSupport = !!bindingSettings.model.accessibilityCompliant;
@@ -34,7 +53,7 @@ export function createDesktopPreview(bindingSettings) {
     const bindingElement = bindingSettings.element;
     const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel === null || bindingModel === void 0 ? void 0 : bindingModel.searchSettings, enableKeyboardSupport);
     const documentMapModel = new DocumentMapModel(reportPreview);
-    const parametersModel = new PreviewParametersViewModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
+    const parametersModel = new PreviewParametersPanelModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
     const exportModel = new ExportOptionsModel(reportPreview, enableKeyboardSupport);
     reportPreview.canSwitchToDesigner = !bindingModel.previewVisible;
     reportPreview.previewParametersViewModel = parametersModel;
@@ -84,9 +103,8 @@ export function createDesktopPreview(bindingSettings) {
         { id: PreviewElements.Breadcrumb, templateName: PreviewElements.Breadcrumb, model: designerViewModel.breadcrumb }
     ];
     callbacks && callbacks.customizeParts && callbacks.customizeParts(designerModel.parts);
-    const $window = $.fn.constructor(window);
     const timers = [];
-    let updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, $window);
+    let updateProgressPosition = getUpdateProgressBarCallback(bindingModel.progressBarSettings, designerModel, reportPreview, bindingElement, window);
     let updatePreviewContentSize_ = updatePreviewContentSize(reportPreview, bindingElement, bindingModel.rtl);
     if (bindingModel.tabPanelSettings) {
         if (bindingModel.tabPanelSettings.width)
@@ -132,6 +150,9 @@ function _createPreview(bindingSettings) {
     bindingSettings.applyBindings = bindingSettings.applyBindings !== undefined ? bindingSettings.applyBindings : true;
     const disposableCallback = bindingSettings.callbacks && bindingSettings.callbacks.onServerError && processErrorEvent(bindingSettings.callbacks.onServerError);
     config({ rtlEnabled: !!bindingModel.rtl });
+    if (bindingModel._licenseOptions && !bindingModel._licenseOptions.isLicensed) {
+        _addLicenseTrigger(bindingModel._licenseOptions);
+    }
     if (bindingModel.remoteSettings && (bindingModel.remoteSettings.authToken || bindingModel.remoteSettings.serverUri)) {
         AsyncExportApproach(true);
         bindingModel.handlerUri = RequestHelper.generateUri(bindingModel.remoteSettings.serverUri, ReportServerInvokeUri);
@@ -164,7 +185,7 @@ function _createPreview(bindingSettings) {
     }
     if (bindingSettings.element && bindingSettings.applyBindings && !designerModel.reportPreview.canSwitchToDesigner) {
         ((_a = bindingSettings.callbacks) === null || _a === void 0 ? void 0 : _a.beforeRender) && bindingSettings.callbacks.beforeRender(designerModel);
-        $.fn.constructor(bindingSettings.element).children().remove();
+        $dx(bindingSettings.element).empty();
         currentMultiPlatformEngine.applyBindings(designerModel.getViewModel(), bindingSettings.element);
     }
     if (disposableCallback) {
@@ -189,12 +210,12 @@ export function createPreview(bindingSettings) {
 export function createPreviewModel(viewerModel, element, callbacks, applyBindings) {
     initGlobalize(viewerModel);
     return createPreview({ model: viewerModel, element: element, callbacks: callbacks, applyBindings: applyBindings }).done(() => {
-        $.extend(true, cultureInfo, viewerModel.cultureInfoList);
+        extend(true, cultureInfo, viewerModel.cultureInfoList);
     });
 }
 export function initPreviewModel(previewModel, viewerModel) {
     if (viewerModel.reportId || viewerModel.documentId) {
-        previewModel.reportPreview.initialize($.Deferred().resolve(viewerModel).promise());
+        previewModel.reportPreview.initialize(Promise.resolve(viewerModel));
     }
     else {
         const unwrappedUrl = koUtils.unwrap(viewerModel.reportUrl);

package/viewer/internal/_ko_bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_ko_bindings.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 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.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_page.d.ts

@@ -1,12 +1,12 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-/// <reference types="jquery" />
 import { INumericSize } from '@devexpress/analytics-core/analytics-elements-native';
+import { DxDeferred } from '@devexpress/analytics-core/analytics-internal-native';
 import { ArrayPropertyChangedEventArgs, BaseRenderingModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
 import { PreviewEditingFieldsKeyboardHelper } from '../accessibility/_previewEditingFieldsKeyboardHelper';
 import { ZoomAutoBy } from '../constants';
@@ -89,7 +89,7 @@ export declare class PreviewPage extends BaseRenderingModel<IPreviewPageViewMode
     disableResolutionReduction: boolean;
     editingFieldsKeyboardHelper: PreviewEditingFieldsKeyboardHelper;
     shouldSendRequest: boolean;
-    lastGetPageDeferred: JQueryDeferred<IGetPageResponse>;
+    lastGetPageDeferred: DxDeferred<IGetPageResponse>;
     _onAutoFitChanged: () => void;
     _onPageActiveChanged: (active: boolean) => void;
     private _lastZoom;

package/viewer/internal/_page.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -12,9 +12,8 @@ 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, formatUnicorn, getLocalization } from '@devexpress/analytics-core/analytics-internal-native';
+import { $dx, DxDeferred, 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';
 import { PreviewEditingFieldsKeyboardHelper } from '../accessibility/_previewEditingFieldsKeyboardHelper';
 import { ZoomAutoBy } from '../constants';
@@ -26,97 +25,6 @@ import { PreviewSelection } from './_previewSelection';
 import { getCurrentResolution } from './_utils';
 const imageSrcMutableOptions = { rateLimit: { timeout: 100, method: 'notifyWhenChangesStop' } };
 export class PreviewPage extends BaseRenderingModel {
-    constructor(reportPreview, pageIndex, processClick, subscribeToPageLoading = false) {
-        super();
-        this.reportPreview = reportPreview;
-        this.actualResolution = 0;
-        this.currentScaleFactor = 1;
-        this.imageHeight = 0;
-        this.imageWidth = 0;
-        this.imageSrcOptions = { rateLimit: { timeout: 100, method: 'notifyWhenChangesStop' } };
-        this.shouldSkipBrickLoading = false;
-        this.bricks = [];
-        this.clickableBricks = [];
-        this.maxZoom = 0;
-        this.disableResolutionReduction = false;
-        this.shouldSendRequest = true;
-        this._lastZoom = 0;
-        this._selectedBrickPath = null;
-        this._resizeTimeout = null;
-        this._onResize = () => {
-            imageSrcMutableOptions.rateLimit.timeout = 500;
-            this._resizeTimeout && clearTimeout(this._resizeTimeout);
-            this._resizeTimeout = setTimeout(() => {
-                imageSrcMutableOptions.rateLimit.timeout = 100;
-            }, 500);
-        };
-        this._editingFieldsSubscriptionDispose = null;
-        this.pageIndex = pageIndex;
-        this._onImageSrcChanged = () => {
-            this.lastGetPageDeferred && this.lastGetPageDeferred.resolve(null);
-            const currentGetPageDeferred = $.Deferred();
-            this.lastGetPageDeferred = currentGetPageDeferred;
-            currentGetPageDeferred
-                .done((response) => this._onPageLoaded(response, processClick))
-                .fail((_e) => this._onPageLoadFailed());
-            this.shouldSendRequest && this._requestPage(reportPreview);
-        };
-        this._unifier = reportPreview._unifier || generateGuid();
-        this.originalSize = { height: reportPreview._pageHeight, width: reportPreview._pageWidth };
-        this.addDisposable(reportPreview.events.on('originalZoomChanged', (args) => {
-            this.zoom = args.newValue;
-        }), reportPreview.events.on('previewSizeChanged', (args) => {
-            this.previewSize = args.newValue;
-        }), reportPreview.events.on('autoFitByChanged', (args) => {
-            this.autoFitBy = args.newValue;
-        }), reportPreview.events.on('_unifierChanged', (args) => {
-            this._unifier = args.newValue;
-        }), reportPreview.events.on('pageLoadingChanged', (args) => {
-            if (subscribeToPageLoading) {
-                this.pageLoading = args.newValue;
-            }
-        }), reportPreview.events.on('pagesChanged', () => {
-            this.currentPageAriaLabelImgAlt = this._getAriaLabel();
-        }));
-        this.previewSize = reportPreview.previewSize;
-        this.autoFitBy = reportPreview.autoFitBy;
-        this.imageWidth = this.originalSize.width * this._getPixelRatio();
-        this.imageHeight = this.originalSize.height * this._getPixelRatio();
-        this.color = reportPreview._pageBackColor || '';
-        this.zoom = reportPreview.originalZoom;
-        this.isEmpty = pageIndex === -1 && !this.brick && !processClick;
-        this.currentPageAriaLabelImgAlt = this._getAriaLabel();
-        this._updatePageSize();
-        this.resetBrickRecusive = (brick) => {
-            if (brick && brick.active !== undefined) {
-                this.deactivateBrick(brick);
-                if (brick.bricks) {
-                    brick.bricks.forEach((childBrick) => { this.resetBrickRecusive(childBrick); });
-                }
-            }
-        };
-        this.selectBrick = (path, ctrlKey) => {
-            if (PreviewSelection.started)
-                return;
-            processClick && processClick(null);
-            let currentBrick = this.brick;
-            !ctrlKey && this.resetBrickRecusive(currentBrick);
-            if (!path) {
-                return;
-            }
-            if (!currentBrick) {
-                this._selectedBrickPath = path;
-                return;
-            }
-            const pathElements = path.split(',');
-            pathElements.forEach((el) => {
-                currentBrick = currentBrick.bricks[parseInt(el)];
-            });
-            this.activateBrick(currentBrick);
-        };
-        this.editingFieldsKeyboardHelper = new PreviewEditingFieldsKeyboardHelper(this);
-        this._disposables.push(this.editingFieldsKeyboardHelper);
-    }
     createViewModel() {
         return createPreviewPageViewModel.call(this, super.createViewModel());
     }
@@ -231,6 +139,97 @@ export class PreviewPage extends BaseRenderingModel {
     _getAriaLabel() {
         return formatUnicorn(getLocalization('Report Preview page {0} of {1}', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPreviewPage'), this.pageIndex + 1, this.reportPreview.pages.length);
     }
+    constructor(reportPreview, pageIndex, processClick, subscribeToPageLoading = false) {
+        super();
+        this.reportPreview = reportPreview;
+        this.actualResolution = 0;
+        this.currentScaleFactor = 1;
+        this.imageHeight = 0;
+        this.imageWidth = 0;
+        this.imageSrcOptions = { rateLimit: { timeout: 100, method: 'notifyWhenChangesStop' } };
+        this.shouldSkipBrickLoading = false;
+        this.bricks = [];
+        this.clickableBricks = [];
+        this.maxZoom = 0;
+        this.disableResolutionReduction = false;
+        this.shouldSendRequest = true;
+        this._lastZoom = 0;
+        this._selectedBrickPath = null;
+        this._resizeTimeout = null;
+        this._onResize = () => {
+            imageSrcMutableOptions.rateLimit.timeout = 500;
+            this._resizeTimeout && clearTimeout(this._resizeTimeout);
+            this._resizeTimeout = setTimeout(() => {
+                imageSrcMutableOptions.rateLimit.timeout = 100;
+            }, 500);
+        };
+        this._editingFieldsSubscriptionDispose = null;
+        this.pageIndex = pageIndex;
+        this._onImageSrcChanged = () => {
+            this.lastGetPageDeferred && this.lastGetPageDeferred.resolve(null);
+            const currentGetPageDeferred = new DxDeferred();
+            this.lastGetPageDeferred = currentGetPageDeferred;
+            currentGetPageDeferred
+                .done((response) => this._onPageLoaded(response, processClick))
+                .fail((_e) => this._onPageLoadFailed());
+            this.shouldSendRequest && this._requestPage(reportPreview);
+        };
+        this._unifier = reportPreview._unifier || generateGuid();
+        this.originalSize = { height: reportPreview._pageHeight, width: reportPreview._pageWidth };
+        this.addDisposable(reportPreview.events.on('originalZoomChanged', (args) => {
+            this.zoom = args.newValue;
+        }), reportPreview.events.on('previewSizeChanged', (args) => {
+            this.previewSize = args.newValue;
+        }), reportPreview.events.on('autoFitByChanged', (args) => {
+            this.autoFitBy = args.newValue;
+        }), reportPreview.events.on('_unifierChanged', (args) => {
+            this._unifier = args.newValue;
+        }), reportPreview.events.on('pageLoadingChanged', (args) => {
+            if (subscribeToPageLoading) {
+                this.pageLoading = args.newValue;
+            }
+        }), reportPreview.events.on('pagesChanged', () => {
+            this.currentPageAriaLabelImgAlt = this._getAriaLabel();
+        }));
+        this.previewSize = reportPreview.previewSize;
+        this.autoFitBy = reportPreview.autoFitBy;
+        this.imageWidth = this.originalSize.width * this._getPixelRatio();
+        this.imageHeight = this.originalSize.height * this._getPixelRatio();
+        this.color = reportPreview._pageBackColor || '';
+        this.zoom = reportPreview.originalZoom;
+        this.isEmpty = pageIndex === -1 && !this.brick && !processClick;
+        this.currentPageAriaLabelImgAlt = this._getAriaLabel();
+        this._updatePageSize();
+        this.resetBrickRecusive = (brick) => {
+            if (brick && brick.active !== undefined) {
+                this.deactivateBrick(brick);
+                if (brick.bricks) {
+                    brick.bricks.forEach((childBrick) => { this.resetBrickRecusive(childBrick); });
+                }
+            }
+        };
+        this.selectBrick = (path, ctrlKey) => {
+            if (PreviewSelection.started)
+                return;
+            processClick && processClick(null);
+            let currentBrick = this.brick;
+            !ctrlKey && this.resetBrickRecusive(currentBrick);
+            if (!path) {
+                return;
+            }
+            if (!currentBrick) {
+                this._selectedBrickPath = path;
+                return;
+            }
+            const pathElements = path.split(',');
+            pathElements.forEach((el) => {
+                currentBrick = currentBrick.bricks[parseInt(el)];
+            });
+            this.activateBrick(currentBrick);
+        };
+        this.editingFieldsKeyboardHelper = new PreviewEditingFieldsKeyboardHelper(this);
+        this._disposables.push(this.editingFieldsKeyboardHelper);
+    }
     updateSize(zoom) {
         const newResolution = getCurrentResolution(zoom);
         return newResolution;
@@ -294,9 +293,9 @@ export class PreviewPage extends BaseRenderingModel {
         const currentGetPageDeferred = this.lastGetPageDeferred;
         const ignoreError = preview._closeDocumentRequests && (() => preview._closeDocumentRequests[documentId] || currentGetPageDeferred.state() != 'pending');
         PreviewRequestWrapper.getPage(this.imageSrc, ignoreError)
-            .done((response) => {
+            .then((response) => {
             currentGetPageDeferred.resolve(response);
-        }).fail((_e) => {
+        }).catch((_e) => {
             currentGetPageDeferred.reject(_e);
         });
     }

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.viewModel.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_page.viewModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.viewModel.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 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.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_pageLoader.js

@@ -1,20 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_pageLoader.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import * as $ from 'jquery';
+import { DxDeferred } from '@devexpress/analytics-core/analytics-internal-native';
 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 || [];
     }
@@ -41,11 +34,18 @@ export class PageLoader {
                 return;
             }
             const promises = pendingPages.map(page => { var _a; return (_a = page.lastGetPageDeferred) === null || _a === void 0 ? void 0 : _a.promise(); }).filter(x => !!x);
-            $.when(...promises).done(() => {
+            DxDeferred.when(promises).done(() => {
                 !this._disabled && this.prefetchPages(startIndex, startIndex + PreloadedPagesOffset(), undefined);
             });
         }, 700);
     }
+    constructor(_preview) {
+        this._preview = _preview;
+        this._defaultResolution = 0.25;
+        this._requestCyclesLimit = 5;
+        this._currentPrefetchCycle = 0;
+        this._disabled = true;
+    }
     prefetchPages(startIndex, endIndex, currentPageIndex) {
         this._disabled = false;
         let zoom = this._preview.originalZoom;