devexpress-reporting 24.1.1-alpha-2485-0223 → 24.1.2-beta

package/viewer/internal/_previewBreadcrumbs.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewBreadcrumbs.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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
 */
@@ -76,11 +76,6 @@ __decorate([
     mutable()
 ], BreadcrumbItem.prototype, "parameterValues", void 0);
 export class BreadcrumbModel extends BaseRenderingModel {
-    constructor() {
-        super();
-        this.templateName = PreviewElements.Breadcrumb;
-        this.listItems = [];
-    }
     addItem(previewInitData, itemClick, displayText) {
         const position = this.listItems.length;
         this.listItems.push(new BreadcrumbItem(position, previewInitData, itemClick));
@@ -122,7 +117,7 @@ export class BreadcrumbModel extends BaseRenderingModel {
             this.listItems.push(newItemData);
         }
         else {
-            this.listItems[this._currentIndex()] = newItemData;
+            this.listItems.splice(this._currentIndex(), 1, newItemData);
             this.listItems[this._currentIndex()].position = this._currentIndex();
         }
     }
@@ -158,6 +153,11 @@ export class BreadcrumbModel extends BaseRenderingModel {
         const activeItem = this.listItems[itemIndex];
         activeItem.onItemClick(activeItem.previewInitData, activeItem.parameterValues, activeItem.pageIndex);
     }
+    constructor() {
+        super();
+        this.templateName = PreviewElements.Breadcrumb;
+        this.listItems = [];
+    }
     dispose() {
         super.dispose();
         this.listItems.splice(0);

package/viewer/internal/_previewHandlersHelper.d.ts

@@ -1,16 +1,15 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewHandlersHelper.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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" />
-/// <reference types="jquery" />
+import { DxDeferred } from '@devexpress/analytics-core/analytics-internal-native';
 import { ReportPreview } from '../reportPreview';
 import { IGetPageResponse } from './_previewRequestWrapper';
 export interface IProgressStatus {
-    requestAgain: boolean;
+    requestAgain?: boolean;
     completed?: boolean;
     progress?: number;
     error?: string;
@@ -26,15 +25,15 @@ 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, 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;
-    doneStartBuildHandler(deferred: JQueryDeferred<boolean>, response: {
+    doneStartExportHandler(deferred: DxDeferred<boolean>, inlineResult: boolean, response: string, exportOperationIdDeferred: DxDeferred<string>, startExportOperationId: string, useSameTab?: boolean, printable?: boolean, abortController?: AbortController): void;
+    errorStartExportHandler(deferred: DxDeferred<boolean>, startExportOperationId: string): void;
+    doneExportStatusHandler(deferred: DxDeferred<any>, operationId: string, response: IExportProgressStatus): void;
+    errorExportStatusHandler(deferred: DxDeferred<IDocumentBuildStatus>, operationId: string): void;
+    doneStartBuildHandler(deferred: DxDeferred<boolean>, response: {
         documentId: string;
-    }, startBuildOperationId: string, doucmentIdDeferred: JQueryDeferred<string>): void;
-    errorStartBuildHandler(deferred: JQuery.Deferred<boolean>, startBuildOperationId: string): void;
-    errorGetBuildStatusHandler(deferred: JQueryDeferred<IDocumentBuildStatus>): void;
+    }, startBuildOperationId: string, doucmentIdDeferred: DxDeferred<string>): void;
+    errorStartBuildHandler(deferred: DxDeferred<boolean>, startBuildOperationId: string): void;
+    errorGetBuildStatusHandler(deferred: DxDeferred<IDocumentBuildStatus>): void;
     processPages(pageCount: number, stopProcessingPredicate: () => boolean): void;
-    doneGetBuildStatusHandler(deferred: JQueryDeferred<IDocumentBuildStatus>, documentId: string, response: IDocumentBuildStatus, stopProcessingPredicate: () => boolean): void;
+    doneGetBuildStatusHandler(deferred: DxDeferred<IDocumentBuildStatus>, documentId: string, response: IDocumentBuildStatus, stopProcessingPredicate: () => boolean): void;
 }

package/viewer/internal/_previewHandlersHelper.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewHandlersHelper.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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
 */
@@ -26,7 +26,7 @@ export class PreviewHandlersHelper {
                 if (!((_a = this._preview) === null || _a === void 0 ? void 0 : _a.exportHandler))
                     return;
                 const promise = this._preview.exportHandler.getExportStatus(operationId);
-                promise.done((result) => {
+                promise.then((result) => {
                     if (result && result.requestAgain) {
                         if (progress < result.progress) {
                             progress = result.progress;

package/viewer/internal/_previewModel.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewModel.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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
 */
@@ -66,7 +66,7 @@ export declare class PreviewDisposableModel extends PreviewDisposableModelBase i
     GetCurrentPageIndex(): number;
     GoToPage(pageIndex: number): void;
     StartBuild(): void;
-    PerformCustomDocumentOperation(customData?: string, hideMessageFromUser?: boolean): JQueryPromise<IDocumentOperationResult>;
+    PerformCustomDocumentOperation(customData?: string, hideMessageFromUser?: boolean): Promise<IDocumentOperationResult>;
 }
 export declare class PreviewModel extends PreviewDisposableModel implements IPreviewModel {
     documentMapModel: DocumentMapModel;

package/viewer/internal/_previewModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewModel.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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
 */
@@ -48,17 +48,6 @@ export class PreviewDisposableModel extends PreviewDisposableModelBase {
     }
 }
 export class PreviewModel extends PreviewDisposableModel {
-    constructor(options) {
-        super(options);
-        this.documentMapModel = options.documentMapModel;
-        this.tabPanel = options.tabPanel;
-        this.actionLists = options.actionLists;
-        this.accessibilityCompliant = options.accessibilityCompliant;
-        this.breadcrumb = options.breadcrumb;
-        this._disposables.push(options.documentMapModel);
-        this._disposables.push(options.tabPanel);
-        this._disposables.push(options.actionLists);
-    }
     createViewModel() {
         return createViewModelGenerator(super.createViewModel())
             .generateProperty('reportPreview', this.reportPreview.getViewModel())
@@ -72,4 +61,15 @@ export class PreviewModel extends PreviewDisposableModel {
             .generateProperty('tabPanel', this.tabPanel.getViewModel())
             .getViewModel();
     }
+    constructor(options) {
+        super(options);
+        this.documentMapModel = options.documentMapModel;
+        this.tabPanel = options.tabPanel;
+        this.actionLists = options.actionLists;
+        this.accessibilityCompliant = options.accessibilityCompliant;
+        this.breadcrumb = options.breadcrumb;
+        this._disposables.push(options.documentMapModel);
+        this._disposables.push(options.tabPanel);
+        this._disposables.push(options.actionLists);
+    }
 }

package/viewer/internal/_previewModelBase.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewModelBase.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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
 */
@@ -9,6 +9,7 @@ import { IDesignerPart } from '@devexpress/analytics-core/analytics-internal-nat
 import { ArrayPropertyChangedEventArgs, BaseRenderingModel, IViewModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
 import { ParametersPanelModelBase } from '../parameters/parametersPanelModelBase';
 import { ReportHolder } from '../reportHolder';
+import { IPreviewInitialize } from '../utils/initializer';
 export interface IPreviewDisposableModelBase {
     rootStyle: string | {
         [key: string]: boolean;
@@ -37,7 +38,8 @@ export declare class PreviewDisposableModelBase extends BaseRenderingModel<IPrev
     onPropertyChanged(args: PropertyChangedEventArgs<any> | ArrayPropertyChangedEventArgs<any>): void;
     createViewModel(): IPreviewDisposableViewModelBase;
     updateViewModel(args: PropertyChangedEventArgs<any> | ArrayPropertyChangedEventArgs<any>): void;
-    OpenReport(reportName: string): void;
+    subscribeViewModelToDesignerParts(): void;
+    OpenReport(reportName: string): PromiseLike<IPreviewInitialize>;
     GetParametersModel(): ParametersPanelModelBase;
     ResetParameters(): void;
     Close(): void;

package/viewer/internal/_previewModelBase.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewModelBase.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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,7 +12,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { appendStaticContextToRootViewModel, staticContext } from '@devexpress/analytics-core/analytics-internal-native';
-import { BaseRenderingModel, createViewModelGenerator, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
+import { BaseRenderingModel, createViewModelGenerator, mutable, ViewModelChangedEvent } from '@devexpress/analytics-core/analytics-serializer-native';
 import { formatSearchResult } from '../search/_utils';
 export class PreviewDisposableModelBase extends BaseRenderingModel {
     constructor(options, viewPortCss) {
@@ -42,8 +42,23 @@ export class PreviewDisposableModelBase extends BaseRenderingModel {
         if (args.propertyName === 'parts')
             viewModel.parts = this.parts;
     }
+    subscribeViewModelToDesignerParts() {
+        const viewModel = this.getViewModel();
+        const viewModelEventManager = viewModel;
+        viewModel
+            .parts
+            .filter(part => part.viewModel)
+            .forEach(part => {
+            var _a;
+            const disposeCallback = (_a = part.viewModel._viewModelEvents) === null || _a === void 0 ? void 0 : _a.on(ViewModelChangedEvent, args => {
+                const eventArgs = Object.assign(Object.assign({}, args), { propertyName: `parts.${part.id}.${args.propertyName}` });
+                viewModelEventManager._viewModelEvents.call(ViewModelChangedEvent, eventArgs);
+            });
+            this._disposables.push({ dispose: disposeCallback });
+        });
+    }
     OpenReport(reportName) {
-        this.reportPreview.openReport(reportName);
+        return this.reportPreview.openReport(reportName);
     }
     GetParametersModel() {
         return this.parametersModel;

package/viewer/internal/_previewRequestWrapper.d.ts

@@ -1,11 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewRequestWrapper.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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 { DxPromise } from '@devexpress/analytics-core/analytics-internal-native';
 import { IKeyValuePair } from '../../common/types';
 import { IBookmarkNode } from '../documentMap/_documentMapModel';
 import { IEditingFieldHtmlProvider, IEditingFieldSerializedModel } from '../editing/editingField';
@@ -75,24 +75,24 @@ export declare class PreviewRequestWrapper implements IEditingFieldHtmlProvider
         [key in keyof PreviewRequestWrapper]?: PreviewRequestWrapper[key];
     }, _callbacks?: IPreviewCustomizationHandler);
     static getProcessErrorCallback(reportPreview?: ReportPreview, defaultErrorMessage?: string, showMessage?: boolean): (message: string, jqXHR: JQuery.jqXHR<any>, textStatus: string) => void;
-    static getPage(url: string, ignoreError?: () => boolean): JQueryPromise<IGetPageResponse>;
+    static getPage(url: string, ignoreError?: () => boolean): DxPromise<IGetPageResponse>;
     initialize(reportPreview: ReportPreview, parametersModel: ParametersPanelModelBase, searchModel?: SearchViewModel): void;
-    findTextRequest(text: string, ignore: boolean): JQueryPromise<any>;
-    startSearch(text: string, ignore: boolean): JQueryPromise<any>;
-    getSearchStatus(searchOperationId: string, startIndex: number, resultLimitPerRequest: number, ignore: boolean): JQueryPromise<any>;
+    findTextRequest(text: string, ignore: boolean): DxPromise<any>;
+    startSearch(text: string, ignore: boolean): DxPromise<any>;
+    getSearchStatus(searchOperationId: string, startIndex: number, resultLimitPerRequest: number, ignore: boolean): DxPromise<any>;
     stopSearch(searchOperationId: string, ignore: boolean): any;
     stopBuild(id: string): void;
     sendCloseRequest(documentId: string, reportId?: string): void;
-    startBuildRequest(shouldIgnoreError?: () => boolean): JQueryPromise<any>;
-    getBuildStatusRequest(documentId: string, shouldIgnoreError: () => boolean, isFirstRequest: boolean, firstPageRequest: IGetPageRequest): JQueryPromise<IDocumentBuildStatus>;
-    getDocumentData(documentId: string, shouldIgnoreError: () => boolean): JQueryPromise<IGeneratedDocumentData>;
-    customDocumentOperation(documentId: string, serializedExportOptions: string, editindFields: any[], customData: string, hideMessageFromUser?: boolean): JQueryPromise<IDocumentOperationResult>;
-    openReport(reportName: string): JQueryDeferred<IPreviewInitialize>;
-    drillThrough(drillThroughData: string): JQueryDeferred<IPreviewInitialize>;
-    goToReport(customData: string): JQueryDeferred<IPreviewInitialize>;
-    getStartExportOperation(arg: string, shouldIgnoreError: () => boolean): JQueryDeferred<string>;
-    getExportResult(requestData: any, shouldIgnoreError: () => boolean, method?: string): JQueryDeferred<Response>;
-    cancelExportRequest(operationId: string, shouldIgnoreError: () => boolean): void;
-    getExportStatusRequest(operationId: string): JQueryDeferred<IExportProgressStatus>;
-    getEditingFieldHtml(value: unknown, editingFieldIndex: number): JQueryPromise<string>;
+    startBuildRequest(shouldIgnoreError?: () => boolean): DxPromise<any>;
+    getBuildStatusRequest(documentId: string, shouldIgnoreError: () => boolean, isFirstRequest: boolean, firstPageRequest: IGetPageRequest): DxPromise<IDocumentBuildStatus>;
+    getDocumentData(documentId: string, shouldIgnoreError: () => boolean): DxPromise<IGeneratedDocumentData>;
+    customDocumentOperation(documentId: string, serializedExportOptions: string, editindFields: any[], customData: string, hideMessageFromUser?: boolean): DxPromise<IDocumentOperationResult>;
+    openReport(reportName: string): DxPromise<IPreviewInitialize>;
+    drillThrough(drillThroughData: string): DxPromise<IPreviewInitialize>;
+    goToReport(customData: string): DxPromise<IPreviewInitialize>;
+    getStartExportOperation(arg: string, shouldIgnoreError: () => boolean): DxPromise<string>;
+    getExportResult(requestData: any, shouldIgnoreError: () => boolean, method?: string): DxPromise<Response>;
+    cancelExportRequest(operationId: string, shouldIgnoreError: () => boolean): DxPromise<void>;
+    getExportStatusRequest(operationId: string): DxPromise<IExportProgressStatus>;
+    getEditingFieldHtml(value: unknown, editingFieldIndex: number): DxPromise<string>;
 }

package/viewer/internal/_previewRequestWrapper.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewRequestWrapper.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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/_previewSelection.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewSelection.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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/_previewSelection.js

@@ -1,48 +1,19 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewSelection.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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 dxPopup from 'devextreme/ui/popup';
-import * as $ from 'jquery';
+import { $dx } from '@devexpress/analytics-core/analytics-internal-native';
 function rectIntersection(r1, r2) {
     return !(r2.left > r1.right ||
         r2.right < r1.left ||
         r2.top > r1.bottom ||
         r2.bottom < r1.top);
 }
-export class PreviewSelection {
-    constructor(_element, _page, _click) {
-        this._element = _element;
-        this._page = _page;
-        this._click = _click;
-        this._bodyEvents = {
-            move: null,
-            up: null
-        };
-        this.dispose = () => this._dispose && this._dispose();
-        this._$element = $.fn.constructor(this._element);
-        let mousemove = event => this._mouseMove(event);
-        let mouseup = event => this._mouseUp(event);
-        let mousedown = event => this._mouseDown(event);
-        this._element.addEventListener('mousemove', mousemove);
-        this._element.addEventListener('mouseup', mouseup);
-        this._element.addEventListener('mousedown', mousedown);
-        this._dispose = () => {
-            this._element.removeEventListener('mousemove', mousemove);
-            this._element.removeEventListener('mouseup', mouseup);
-            this._element.removeEventListener('mousedown', mousedown);
-            this._dispose = null;
-            this._click = null;
-            this._page = null;
-            this._element = null;
-            mousemove = null;
-            mouseup = null;
-            mousedown = null;
-        };
-    }
+class PreviewSelection {
     _getBodyScrollTop() {
         return document.documentElement && document.documentElement.scrollTop || (document.body && document.body.scrollTop);
     }
@@ -51,16 +22,16 @@ export class PreviewSelection {
     }
     _updateSelectionContent(event) {
         if (this._startRect.left > event.clientX) {
-            this._$selectionContent.css('left', event.clientX);
+            this._$selectionContent.css('left', event.clientX + 'px');
         }
         else {
-            this._$selectionContent.css('right', document.documentElement.clientWidth - event.clientX);
+            this._$selectionContent.css('right', document.documentElement.clientWidth - event.clientX + 'px');
         }
         if (this._startRect.top > event.clientY) {
-            this._$selectionContent.css('top', event.clientY);
+            this._$selectionContent.css('top', event.clientY + 'px');
         }
         else {
-            this._$selectionContent.css('bottom', document.documentElement.clientHeight - event.clientY);
+            this._$selectionContent.css('bottom', document.documentElement.clientHeight - event.clientY + 'px');
         }
         const offset = this._$element.offset();
         const currentRect = {
@@ -92,11 +63,18 @@ export class PreviewSelection {
             if (!this._$selectionContainer) {
                 if (Math.abs(this._startRect.left - event.clientX) >= 2 || Math.abs(this._startRect.top - event.clientY) >= 2) {
                     PreviewSelection.started = true;
-                    const selectionContainer = $.fn.constructor('<div>');
+                    const selectionContainer = $dx(document.createElement('div'));
                     selectionContainer.css({ position: 'fixed', top: '0', bottom: '0', left: '0', right: '0' });
                     this._$selectionContainer = selectionContainer.appendTo(document.body);
-                    this._$selectionContent = $.fn.constructor('<div>').appendTo(this._$selectionContainer);
-                    this._$selectionContent.css(this._startRect);
+                    this._$selectionContent = $dx(document.createElement('div')).appendTo(this._$selectionContainer[0]);
+                    this._$selectionContent.css({
+                        'left': this._startRect.left + 'px',
+                        'right': this._startRect.right + 'px',
+                        'top': this._startRect.top + 'px',
+                        'bottom': this._startRect.bottom + 'px',
+                        'width': this._startRect.width + 'px',
+                        'height': this._startRect.height + 'px',
+                    });
                     this._$selectionContent.addClass('dxrd-selection-content ui-selectable-helper');
                     if (dxPopup.prototype._zIndexInitValue)
                         this._$selectionContent.css('z-index', dxPopup.prototype._zIndexInitValue() + 100);
@@ -134,9 +112,39 @@ export class PreviewSelection {
         };
         this._click(this._page.pageIndex);
     }
+    constructor(_element, _page, _click) {
+        this._element = _element;
+        this._page = _page;
+        this._click = _click;
+        this._bodyEvents = {
+            move: null,
+            up: null
+        };
+        this.dispose = () => this._dispose && this._dispose();
+        this._$element = $dx(this._element);
+        let mousemove = event => this._mouseMove(event);
+        let mouseup = event => this._mouseUp(event);
+        let mousedown = event => this._mouseDown(event);
+        this._element.addEventListener('mousemove', mousemove);
+        this._element.addEventListener('mouseup', mouseup);
+        this._element.addEventListener('mousedown', mousedown);
+        this._dispose = () => {
+            this._element.removeEventListener('mousemove', mousemove);
+            this._element.removeEventListener('mouseup', mouseup);
+            this._element.removeEventListener('mousedown', mousedown);
+            this._dispose = null;
+            this._click = null;
+            this._page = null;
+            this._element = null;
+            mousemove = null;
+            mouseup = null;
+            mousedown = null;
+        };
+    }
 }
 PreviewSelection.started = false;
 PreviewSelection.disabled = false;
+export { PreviewSelection };
 export function initializeBrickSelectionProg(element, options) {
     const selection = new PreviewSelection(element, options.page, options.click);
     return () => {

package/viewer/internal/_progressBarUtils.d.ts

@@ -1,11 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_progressBarUtils.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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 { IProgressBarSettings } from '../utils/initializer';
 import { PreviewDisposableModel } from './_previewModel';
 import { ReportPreview } from '../reportPreview';
-export declare function getUpdateProgressBarCallback(progressBarSettings: IProgressBarSettings, designerModel: PreviewDisposableModel, reportPreview: ReportPreview, rootElement: Element, $window?: JQuery<Window>): () => void;
+export declare function getUpdateProgressBarCallback(progressBarSettings: IProgressBarSettings, designerModel: PreviewDisposableModel, reportPreview: ReportPreview, rootElement: HTMLElement, $window?: Window): () => void;

package/viewer/internal/_progressBarUtils.js

@@ -1,28 +1,30 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_progressBarUtils.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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 { stringToPosition, getDockedElementCallback } from './_sizeUtils';
-import * as $ from 'jquery';
-export function getUpdateProgressBarCallback(progressBarSettings, designerModel, reportPreview, rootElement, $window = $.fn.constructor(window)) {
+import { $dx } from '@devexpress/analytics-core/analytics-internal-native';
+export function getUpdateProgressBarCallback(progressBarSettings, designerModel, reportPreview, rootElement, $window = window) {
     const keepProgressBarVisible = !progressBarSettings || progressBarSettings.keepOnVisibleArea !== false;
     const position = stringToPosition(progressBarSettings && progressBarSettings.position);
     reportPreview.progressBar.setPosition(position);
     if (!keepProgressBarVisible)
-        return $.noop;
-    const $root = $.fn.constructor(rootElement);
+        return void (0);
+    const $root = $dx(rootElement);
     const $progress = $root.find('.dxrd-preview-progress');
     const updateProgressBarPosition = getDockedElementCallback($progress, $root, $window, '.dxrd-preview-progress', position);
     const progressBar = reportPreview.progressBar;
-    const unsubscribe = progressBar && progressBar.events.on('visibleChanged', (args) => {
-        progressBar.visible && this.updateProgressBarPosition();
+    const unsubscribe = progressBar && progressBar.events.on('inProgressChanged', (args) => {
+        setTimeout(() => {
+            progressBar.inProgress && updateProgressBarPosition(rootElement);
+        });
     });
     designerModel.addDisposable(unsubscribe);
     const wrappedUpdateProgressPosition = () => {
-        if (reportPreview.progressBar && reportPreview.progressBar.visible)
+        if (reportPreview.progressBar && reportPreview.progressBar.inProgress)
             updateProgressBarPosition(rootElement);
     };
     window.addEventListener('scroll', wrappedUpdateProgressPosition);

package/viewer/internal/_progressViewModel.d.ts

@@ -1,12 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_progressViewModel.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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 { ListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal-native';
+import { DxPromise, ListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal-native';
 import { ArrayPropertyChangedEventArgs, BaseRenderingModel, IViewModel, PropertyChangedEventArgs, IRenderingModel } from '@devexpress/analytics-core/analytics-serializer-native';
 import { IDisposable } from '@devexpress/analytics-core/analytics-utils-native';
 export interface IElementPosition {
@@ -22,7 +21,7 @@ export interface IProgressHandler extends IRenderingModel, IDisposable {
     inProgress: boolean;
     cancelText: string;
     cancelAction: () => void;
-    startProgress: (startOperationId: string, onStop: (operationId: string) => void, getOperationIdPromise: JQueryPromise<string>) => JQuery.Promise<string>;
+    startProgress: (startOperationId: string, onStop: (operationId: string) => void, getOperationIdPromise: DxPromise<string>) => DxPromise<string>;
     complete: (operationId: string) => void;
     wasCancelRequested(id: string): boolean;
     setPosition: (position: IElementPosition) => void;
@@ -44,6 +43,7 @@ export declare class ProgressViewModel extends BaseRenderingModel<IProgressBarVi
     private _lastOperationIdDeferred;
     private _lastOperationDeferred;
     private _cancelExportRequests;
+    deferredUpdateViewModel(): boolean;
     constructor(enableKeyboardSupport?: boolean);
     updateViewModel(args: PropertyChangedEventArgs<any> | ArrayPropertyChangedEventArgs<any>): void;
     createViewModel(): IProgressBarViewModel;
@@ -61,7 +61,7 @@ export declare class ProgressViewModel extends BaseRenderingModel<IProgressBarVi
     private _isCancelling;
     private _forceInvisible;
     private _cssClasses;
-    startProgress(startOperationId: string, onStop?: (operationId: string) => void, operationIdPromise?: JQueryPromise<string>): JQuery.Promise<string>;
+    startProgress(startOperationId: string, onStop?: (operationId: string) => void, operationIdPromise?: DxPromise<string>): DxPromise<string>;
     complete(completeOperationId: string): void;
     wasCancelRequested(id: string): boolean;
     setPosition(position: IElementPosition): void;

package/viewer/internal/_progressViewModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_progressViewModel.js)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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,11 @@ 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 { isFunction, ListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal-native';
+import { DxDeferred, isFunction, ListKeyboardHelper } from '@devexpress/analytics-core/analytics-internal-native';
 import { BaseRenderingModel, createViewModelGenerator, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
 import { getLocalization } from '@devexpress/analytics-core/analytics-utils-native';
-import * as $ from 'jquery';
 export class ProgressViewModel extends BaseRenderingModel {
+    deferredUpdateViewModel() { return false; }
     constructor(enableKeyboardSupport) {
         super();
         this._cancelExportRequests = {};
@@ -69,14 +69,14 @@ export class ProgressViewModel extends BaseRenderingModel {
         this._startOperationId = startOperationId;
         this.inProgress = true;
         this.progress = 0;
-        const newOperationDeferred = $.Deferred();
-        const newOperationIdDeferred = $.Deferred();
+        const newOperationDeferred = new DxDeferred();
+        const newOperationIdDeferred = new DxDeferred();
         this._lastOperationDeferred = newOperationDeferred;
         this._lastOperationIdDeferred = newOperationIdDeferred;
         operationIdPromise
-            .done(operationId => {
+            .then(operationId => {
             newOperationIdDeferred.resolve(operationId);
-        }).fail(() => {
+        }).catch(() => {
             newOperationIdDeferred.reject();
             newOperationDeferred.reject();
             this.complete(startOperationId);

package/viewer/internal/_sizeUtils.d.ts

@@ -1,14 +1,15 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_sizeUtils.d.ts)
-* Version:  24.1.1-alpha-2485-0223
-* Build date: Mar 25, 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 { IElementPosition } from './_progressViewModel';
 import { ZoomAutoBy } from '../constants';
+import { IJQueryWrapper } from '@devexpress/analytics-core/analytics-internal-native';
 import { ReportPreview } from '../reportPreview';
 export declare function stringToPosition(position: string): IElementPosition;
-export declare function getDockedElementCallback($targetElement: JQuery<Element>, $viewer: JQuery<Element>, $window: JQuery<Window>, selector: string, position?: IElementPosition): (element: Element) => void;
+export declare function getDockedElementCallback($targetElement: IJQueryWrapper, $viewer: IJQueryWrapper, $window: Window, selector: string, position?: IElementPosition): (element: Element) => void;
 export declare function updatePreviewContentSize(reportPreview: ReportPreview, root: HTMLElement, rtl?: boolean): (position: string) => void;
 export declare function updatePreviewZoomWithAutoFit(width: number, height: number, element: HTMLElement, autoFitBy?: ZoomAutoBy): number;