devexpress-reporting 23.2.6 → 24.1.2-beta

package/viewer/internal/_previewSelection.js

@@ -1,48 +1,19 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewSelection.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 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:  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 { 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,19 +1,19 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_progressBarUtils.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 { 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;

package/viewer/internal/_progressViewModel.d.ts

@@ -1,12 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_progressViewModel.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 { 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;
@@ -62,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:  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,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 = {};
@@ -24,7 +24,6 @@ export class ProgressViewModel extends BaseRenderingModel {
             this._disposables.push(this.progressBarAccessibility);
         }
     }
-    deferredUpdateViewModel() { return false; }
     updateViewModel(args) {
         const viewModel = this.getViewModel();
         viewModel.visible = !this._forceInvisible && this.inProgress;
@@ -70,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:  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 { 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;

package/viewer/internal/_sizeUtils.js

@@ -1,14 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_sizeUtils.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 { ZoomAutoBy } from '../constants';
 import { getSizeFactor, accessibilityFontSizeZoomFactor, $dx } from '@devexpress/analytics-core/analytics-internal-native';
 import { TabPanel } from '@devexpress/analytics-core/analytics-utils-native';
-import * as $ from 'jquery';
 export function stringToPosition(position) {
     const lowerCased = (position || '').toLowerCase();
     if (!lowerCased || lowerCased === 'default') {
@@ -20,19 +19,19 @@ export function stringToPosition(position) {
 }
 export function getDockedElementCallback($targetElement, $viewer, $window, selector, position = null) {
     if (!selector)
-        return $.noop;
+        return void (0);
     return (viewer) => {
         if ($viewer.length === 0)
-            $viewer = $.fn.constructor(viewer);
+            $viewer = $dx(viewer);
         if ($targetElement.length === 0)
             $targetElement = $viewer.find(selector);
-        if ($window.length === 0)
-            $window = $.fn.constructor(window);
+        if (!$window)
+            $window = window;
         if (!position || position.bottom) {
             const elementTop = parseInt($targetElement.css('bottom')) + $targetElement.height();
             const viewerTop = $viewer.offset().top;
             const viewerHeight = $viewer.height();
-            const windowContentHeight = $window.height() + $window.scrollTop();
+            const windowContentHeight = $window.innerHeight + $window.scrollY;
             let result = viewerTop + viewerHeight - windowContentHeight;
             if (result < viewerHeight - elementTop) {
                 result = Math.max(0, result);

package/viewer/internal/_sortingProcessor.d.ts

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

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

@@ -1,12 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_utils.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" />
 export declare function getCurrentResolution(zoom: any): number;
-export declare function getImageBase64(url: any): JQuery.Promise<string, any, any>;
+export declare function getImageBase64(url: any): import("@devexpress/analytics-core/analytics-internal-native").DxPromise<string>;
 export declare function getEnumValues(enumType: any): string[];
 export declare function safelyRunWindowOpen(url: string, target?: string): Window;

package/viewer/internal/_utils.js

@@ -1,17 +1,17 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_utils.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 { previewDefaultResolution } from '../settings';
-import * as $ from 'jquery';
+import { DxDeferred } from '@devexpress/analytics-core/analytics-internal-native';
 export function getCurrentResolution(zoom) {
     return Math.floor((zoom || 1) * previewDefaultResolution());
 }
 export function getImageBase64(url) {
-    const deferred = $.Deferred();
+    const deferred = new DxDeferred();
     const background = new Image();
     background.src = url;
     background.crossOrigin = 'anonymous';

package/viewer/mobile/constants.d.ts

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

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

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

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

@@ -1,12 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\internal\_eventProcessor.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
 */
 import { Disposable } from '@devexpress/analytics-core/analytics-utils-native';
 import { ISlideOptions } from '../mobilePreview';
+import { IJQueryWrapper } from '@devexpress/analytics-core/analytics-internal-native';
 export declare const slowdownDisctanceFactor = 2.5;
 export declare const minScale = 0.92;
 export declare class EventProcessor extends Disposable {
@@ -32,11 +33,11 @@ export declare class EventProcessor extends Disposable {
     isRightMove: boolean;
     latestY: number;
     latestX: number;
-    $window: any;
-    $element: JQuery;
-    $gallery: JQuery<Element>;
-    $galleryblocks: JQuery<Element>;
-    $body: JQuery;
+    $window: Window & typeof globalThis;
+    $element: IJQueryWrapper;
+    $gallery: IJQueryWrapper;
+    $galleryblocks: IJQueryWrapper;
+    $body: IJQueryWrapper;
     firstMobilePageOffset: {
         left: number;
         top: number;

package/viewer/mobile/internal/_eventProcessor.js

@@ -1,17 +1,17 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\internal\_eventProcessor.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 { SearchAvailable } from '../../settings';
 import { MobileSearchViewModel } from './_mobileSearch';
 import { ZoomAutoBy } from '../../constants';
-import * as $ from 'jquery';
 import Gallery from 'devextreme/ui/gallery';
 import { Disposable } from '@devexpress/analytics-core/analytics-utils-native';
 import { dxGalleryReportPreview } from './gallery/_galleryComponent';
+import { $dx } from '@devexpress/analytics-core/analytics-internal-native';
 export const slowdownDisctanceFactor = 2.5;
 export const minScale = 0.92;
 function setTransform($element, transform) {
@@ -21,52 +21,9 @@ function setTransform($element, transform) {
     });
 }
 export class EventProcessor extends Disposable {
-    constructor(element, slideOptions) {
-        super();
-        this.element = element;
-        this.slideOptions = slideOptions;
-        this._direction = {
-            vertical: false,
-            horizontal: false,
-            scrollDown: false
-        };
-        this.isLeftMove = false;
-        this.isRightMove = false;
-        this.$window = $.fn.constructor(window);
-        this.$element = $.fn.constructor(element),
-            this.$body = $.fn.constructor(document.body),
-            this.$gallery = this.$element.find('.dxrd-mobile-gallery');
-        this.$galleryblocks = this.$gallery.find('.dxrd-gallery-blocks');
-        this.firstMobilePageOffset = this._getFirstPageOffset();
-        this.addDisposable(this.slideOptions.searchPanel.events.on('heightChanged', (args) => {
-            const newVal = args.newValue;
-            if (slideOptions.getDisabled())
-                return;
-            if (!this.firstMobilePageOffset)
-                this.firstMobilePageOffset = this._getFirstPageOffset();
-            if (this.slideOptions.readerMode) {
-                this.slideOptions.setTopOffset(newVal);
-            }
-            else {
-                this.slideOptions.setTopOffset(Math.min(newVal, Math.max(0, MobileSearchViewModel.maxHeight - this.firstMobilePageOffset.top)));
-            }
-            if (!newVal) {
-                this.applySearchAnimation(newVal);
-            }
-            else if (newVal === MobileSearchViewModel.maxHeight) {
-                this.slideOptions.searchPanel.searchPanelVisible = true;
-                this.applySearchAnimation(newVal);
-            }
-            else {
-                const dif = 1 - minScale;
-                const perc = newVal / MobileSearchViewModel.maxHeight;
-                const scale = 1 - dif * perc;
-                setTransform(this.$galleryblocks, 'scale(' + Math.max(minScale, scale) + ')');
-            }
-        }));
-    }
     _getFirstPageOffset() {
-        return this.$galleryblocks.find('.dxrd-mobile-page').eq(0).offset();
+        const page = this.$galleryblocks.find('.dxrd-mobile-page')[0];
+        return $dx(page).offset();
     }
     getDirection(x, y) {
         const differenceY = y - this._startingPositionY;
@@ -123,7 +80,7 @@ export class EventProcessor extends Disposable {
             if (!direction.vertical && !direction.horizontal)
                 return;
             if (direction.vertical && direction.scrollDown || this.slideOptions.searchPanel.height !== 0) {
-                if (this.slideOptions.getReachedTop() && (MobileSearchViewModel.maxHeight + this.$element.offset().top) > this.$window.scrollTop()) {
+                if (this.slideOptions.getReachedTop() && (MobileSearchViewModel.maxHeight + this.$element.offset().top) > this.$window.scrollY) {
                     this.slideOptions.setBrickEventsDisabled(true);
                     e.stopPropagation();
                     const currentHeight = this.slideOptions.searchPanel.height;
@@ -179,6 +136,50 @@ export class EventProcessor extends Disposable {
         this.$body.removeClass('dxrd-prevent-refresh');
         setTimeout(() => { this.slideOptions.setBrickEventsDisabled(false); }, 50);
     }
+    constructor(element, slideOptions) {
+        super();
+        this.element = element;
+        this.slideOptions = slideOptions;
+        this._direction = {
+            vertical: false,
+            horizontal: false,
+            scrollDown: false
+        };
+        this.isLeftMove = false;
+        this.isRightMove = false;
+        this.$window = window;
+        this.$element = $dx(element),
+            this.$body = $dx(document.body),
+            this.$gallery = this.$element.find('.dxrd-mobile-gallery');
+        this.$galleryblocks = this.$gallery.find('.dxrd-gallery-blocks');
+        this.firstMobilePageOffset = this._getFirstPageOffset();
+        this.addDisposable(this.slideOptions.searchPanel.events.on('heightChanged', (args) => {
+            const newVal = args.newValue;
+            if (slideOptions.getDisabled())
+                return;
+            if (!this.firstMobilePageOffset)
+                this.firstMobilePageOffset = this._getFirstPageOffset();
+            if (this.slideOptions.readerMode) {
+                this.slideOptions.setTopOffset(newVal);
+            }
+            else {
+                this.slideOptions.setTopOffset(Math.min(newVal, Math.max(0, MobileSearchViewModel.maxHeight - this.firstMobilePageOffset.top)));
+            }
+            if (!newVal) {
+                this.applySearchAnimation(newVal);
+            }
+            else if (newVal === MobileSearchViewModel.maxHeight) {
+                this.slideOptions.searchPanel.searchPanelVisible = true;
+                this.applySearchAnimation(newVal);
+            }
+            else {
+                const dif = 1 - minScale;
+                const perc = newVal / MobileSearchViewModel.maxHeight;
+                const scale = 1 - dif * perc;
+                setTransform(this.$galleryblocks, 'scale(' + Math.max(minScale, scale) + ')');
+            }
+        }));
+    }
     applySearchAnimation(value) {
         if (this.slideOptions.animationSettings.zoomEnabled) {
             this.$galleryblocks.addClass('dxrdp-animation');

package/viewer/mobile/internal/_ko_mobileBindings.d.ts

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

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

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

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