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

package/viewer/internal/_page.viewModel.js

@@ -0,0 +1,96 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\internal\_page.viewModel.js)
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
+* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
+* License: https://www.devexpress.com/Support/EULAs/universal.xml
+*/
+import { formatUnicorn } from '@devexpress/analytics-core/analytics-internal-native';
+import { createViewModelGenerator } from '@devexpress/analytics-core/analytics-serializer-native';
+import { getLocalization, } from '@devexpress/analytics-core/analytics-utils-native';
+export function createPreviewPageViewModel(base) {
+    return createViewModelGenerator(base)
+        .generateProperty('pageLoading', this.pageLoading)
+        .generateProperty('brickLoading', this.brickLoading)
+        .generateProperty('width', this.size.width)
+        .generateProperty('height', this.size.height)
+        .generateProperty('displayImageSrc', this.displayImageSrc)
+        .generateProperty('loadingText', getLocalization('Loading...', 'AnalyticsCoreStringId.Loading'))
+        .generateProperty('delayedInit', () => this.reportPreview.delayedInit())
+        .generateProperty('brickSelectionProg', {
+        page: this, preview: this.reportPreview,
+        click: (pageIndex) => this.reportPreview.goToPage(pageIndex)
+    })
+        .generateProperty('autoFitOptions', {
+        setZoom: (newValue) => {
+            if (this.isDisposing)
+                return;
+            this.reportPreview.originalZoom = newValue;
+        },
+        setAutoFitChangedEvent: (callback) => {
+            this._onAutoFitChanged = callback;
+            return () => this._onAutoFitChanged = undefined;
+        },
+        getPageSizeConfiguration: () => this._getPageSizeConfiguration()
+    })
+        .generateProperty('clickToBrick', (_, event) => this._clickToBrick(event))
+        .generateProperty('currentPageAriaLabelImgAlt', () => {
+        return formatUnicorn(getLocalization('Report Preview page {0} of {1}', 'ASPxReportsStringId.WebDocumentViewer_AriaLabelPreviewPage'), this.pageIndex + 1, this.reportPreview.pages.length);
+    })
+        .generateProperty('editingFields', this.editingFields)
+        .generateProperty('color', this.color)
+        .generateProperty('bricks', this.bricks)
+        .generateProperty('activeBricks', this.activeBricks)
+        .generateProperty('active', this.active)
+        .generateProperty('clickableBricks', this.clickableBricks)
+        .generateProperty('setPageActiveChangedEvent', (callback) => {
+        this._onPageActiveChanged = callback;
+        return () => {
+            this._onPageActiveChanged = undefined;
+        };
+    })
+        .generateProperty('editingFieldsKeyboardHelper', this.editingFieldsKeyboardHelper)
+        .getViewModel();
+}
+export function updatePreviewPageViewModel(args) {
+    const viewModel = this.getViewModel();
+    if (args.propertyName === 'displayImageSrc') {
+        viewModel.displayImageSrc = this.displayImageSrc;
+    }
+    else if (args.propertyName === 'pageLoading') {
+        viewModel.pageLoading = this.pageLoading;
+    }
+    else if (args.propertyName === 'brickLoading') {
+        viewModel.brickLoading = this.brickLoading;
+    }
+    else if (args.propertyName === 'isClientVisible') {
+        viewModel.isClientVisible = this.isClientVisible;
+    }
+    else if (args.propertyName === 'active') {
+        viewModel.active = this.active;
+    }
+    else if (args.propertyName === 'size') {
+        viewModel.width = args.newValue['width'];
+        viewModel.height = args.newValue['height'];
+    }
+    else if (args.propertyName === 'brick') {
+        viewModel.bricks = this.bricks;
+        viewModel.activeBricks = this.activeBricks;
+        viewModel.clickableBricks = this.clickableBricks;
+    }
+    else if (args.propertyName === 'activeBricks') {
+        if ('added' in args) {
+            const arrayArgs = args;
+            viewModel.activeBricks.push(...arrayArgs.added.map(x => x.item));
+            arrayArgs.removed.forEach((x) => {
+                viewModel.activeBricks.splice(viewModel.activeBricks.indexOf(x.item), 1);
+            });
+        }
+        else {
+            viewModel.activeBricks = this.activeBricks;
+        }
+    }
+    else if (args.propertyName === 'editingFields') {
+        viewModel.editingFields = this.editingFields.map(x => x.getViewModel());
+    }
+}

package/viewer/internal/_pageLoader.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_pageLoader.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_pageLoader.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_pageLoader.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -16,18 +16,18 @@ export class PageLoader {
         this._disabled = true;
     }
     get pages() {
-        return this._preview.pages && this._preview.pages() || [];
+        return this._preview.pages || [];
     }
     _getNextStartingIndex(currentIndex) {
         var _a;
-        return (_a = this.pages.find(page => (page === null || page === void 0 ? void 0 : page.pageIndex) > currentIndex && !page.imageSrc())) === null || _a === void 0 ? void 0 : _a.pageIndex;
+        return (_a = this.pages.find(page => (page === null || page === void 0 ? void 0 : page.pageIndex) > currentIndex && !page.imageSrc)) === null || _a === void 0 ? void 0 : _a.pageIndex;
     }
     _getPagesToUpdate(startIndex, endIndex, currentPageIndex) {
         return this.pages.slice(startIndex, endIndex).filter(page => {
             if (currentPageIndex !== undefined) {
                 return page.pageIndex !== currentPageIndex;
             }
-            return !page.imageSrc();
+            return !page.imageSrc;
         });
     }
     _performPrefetch(pagesToUpdate, resolution) {
@@ -48,7 +48,7 @@ export class PageLoader {
     }
     prefetchPages(startIndex, endIndex, currentPageIndex) {
         this._disabled = false;
-        var zoom = this._preview._zoom();
+        var zoom = this._preview.originalZoom;
         if (currentPageIndex === undefined) {
             zoom = this._defaultResolution;
             this._currentPrefetchCycle++;

package/viewer/internal/_previewHandlersHelper.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewHandlersHelper.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_previewHandlersHelper.js

@@ -1,11 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewHandlersHelper.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { getLocalization, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils';
+import { getLocalization, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils-native';
 import { PollingDelay } from '../settings';
 export class PreviewHandlersHelper {
     constructor(preview) {
@@ -63,7 +63,8 @@ export class PreviewHandlersHelper {
                 this._preview.progressBar.complete(operationId);
                 return;
             }
-            this._preview.progressBar && this._preview.progressBar.progress() < response.progress && this._preview.progressBar.progress(response.progress);
+            if (this._preview.progressBar && this._preview.progressBar.progress < response.progress)
+                this._preview.progressBar.progress = response.progress;
             deferred.resolve(response);
         }
         finally {
@@ -79,7 +80,7 @@ export class PreviewHandlersHelper {
     doneStartBuildHandler(deferred, response, startBuildOperationId, doucmentIdDeferred) {
         try {
             var removeAllEmptyPages = (all) => {
-                all && this._preview.pages.removeAll();
+                all && this._preview.removeAllPages();
                 this._preview.removeEmptyPages();
             };
             if (!response || !response.documentId) {
@@ -103,7 +104,7 @@ export class PreviewHandlersHelper {
                 removeAllEmptyPages();
                 return;
             }
-            this._preview._currentDocumentId(documentId);
+            this._preview.documentId = documentId;
             doucmentIdDeferred.resolve(documentId);
             var doGetBuildStatus = this._preview.getDoGetBuildStatusFunc();
             doGetBuildStatus(documentId);
@@ -113,8 +114,8 @@ export class PreviewHandlersHelper {
         }
     }
     errorStartBuildHandler(deferred, startBuildOperationId) {
-        this._preview.pageLoading(false);
-        this._preview.errorMessage(getLocalization('Document creation was cancelled due to server error', 'WebDocumentViewer_DocumentCreationCancelled'));
+        this._preview.pageLoading = false;
+        this._preview.errorMessage = getLocalization('Document creation was cancelled due to server error', 'WebDocumentViewer_DocumentCreationCancelled');
         this._preview.progressBar.complete(startBuildOperationId);
         deferred.resolve(true);
         this._preview.removeEmptyPages();
@@ -123,23 +124,25 @@ export class PreviewHandlersHelper {
         deferred.resolve({ requestAgain: false, completed: false });
     }
     processPages(pageCount, stopProcessingPredicate) {
-        var wereNoPagesAndNewOnesExist = this._preview.pageIndex() === -1 && pageCount > 0;
+        var _a;
+        var wereNoPagesAndNewOnesExist = this._preview.pageIndex === -1 && pageCount > 0;
         if (wereNoPagesAndNewOnesExist) {
-            this._preview.pageIndex(0);
+            this._preview.pageIndex = 0;
         }
         for (var i = 0; i < pageCount && !stopProcessingPredicate(); i++) {
             var createNewPage = (index) => {
                 return this._preview.createPage(index, this._preview.createBrickClickProcessor(index));
             };
-            if (i < this._preview.pages().length) {
-                var page = this._preview.pages()[i];
+            if (i < this._preview.pages.length) {
+                var page = this._preview.pages[i];
                 if (!page || page.isEmpty) {
                     page = createNewPage(i);
-                    this._preview.pages.splice(i, 1, page);
+                    const deleted = this._preview.pages.splice(i, 1, page);
+                    (_a = deleted[0]) === null || _a === void 0 ? void 0 : _a.dispose();
                 }
                 if (page.pageIndex === -1) {
                     page.pageIndex = i;
-                    if (this._preview.pageIndex.peek() === i) {
+                    if (this._preview.pageIndex === i) {
                         this._preview.setPageVisibility(page, true);
                     }
                 }
@@ -151,7 +154,7 @@ export class PreviewHandlersHelper {
         }
         this._preview._raiseOnSizeChanged();
         if (wereNoPagesAndNewOnesExist) {
-            var pageIndex = this._preview.pages().length ? 0 : -1;
+            var pageIndex = this._preview.pages.length ? 0 : -1;
             this._preview.goToPage(pageIndex, true);
         }
     }
@@ -161,8 +164,8 @@ export class PreviewHandlersHelper {
                 deferred.resolve({ requestAgain: false });
                 return;
             }
-            this._preview.progressBar.progress() < response.progress && !this._preview._stopBuildRequests[documentId] && !stopProcessingPredicate()
-                && this._preview.progressBar.progress(response.progress);
+            if (this._preview.progressBar.progress < response.progress && !this._preview._stopBuildRequests[documentId] && !stopProcessingPredicate())
+                this._preview.progressBar.progress = response.progress;
             this.processPages(response.pageCount, stopProcessingPredicate);
             this._preview._resolveFirstPage(response);
             deferred.resolve(response);

package/viewer/internal/_previewModel.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewModel.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -11,9 +11,12 @@ import { ExportOptionsModel } from '../exportOptions/exportOptionsModel';
 import { SearchViewModel } from '../search/_searchViewModel';
 import { DocumentMapModel } from '../documentMap/_documentMapModel';
 import { ActionLists } from './_actions';
-import { Disposable, TabPanel, DisposableType } from '@devexpress/analytics-core/analytics-utils';
-import { IDesignerPart } from '@devexpress/analytics-core/analytics-internal';
+import { TabPanel, DisposableType, ITabPanelViewModel } from '@devexpress/analytics-core/analytics-utils-native';
+import { IDesignerPart, ToolbarKeyboardHelper } from '@devexpress/analytics-core/analytics-internal-native';
 import { IDocumentOperationResult } from '../utils/utils';
+import { ArrayPropertyChangedEventArgs, BaseRenderingModel, IViewModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { IReportPreviewViewModel } from '../reportPreview.viewModel';
+import { IExportToolViewModel } from './_exportHandler.viewModel';
 export interface IPreviewModelBase {
     rootStyle: string | {
         [key: string]: boolean;
@@ -26,7 +29,6 @@ export interface IPreviewModelBase {
     parts?: IDesignerPart[];
     updateSurfaceSize?: () => void;
     resizeCallback?: () => void;
-    _addDisposable?: (obj: any) => void;
 }
 export interface IPreviewModel extends IPreviewModelBase {
     documentMapModel: DocumentMapModel;
@@ -34,7 +36,26 @@ export interface IPreviewModel extends IPreviewModelBase {
     actionLists: ActionLists;
     accessibilityCompliant: boolean;
 }
-export declare class PreviewDisposableModel extends Disposable implements IPreviewModelBase {
+export interface IPreviewViewModelBase extends IViewModel {
+    parts: IDesignerPart[];
+    reportPreview: IReportPreviewViewModel;
+    exportHandler: IExportToolViewModel;
+    rootStyle: string | {
+        [key: string]: boolean;
+    };
+    rtl: boolean;
+}
+export interface IPreviewViewModel extends IPreviewViewModelBase {
+    toolBar: IToolbarViewModel;
+    accessibilityCompliant: boolean;
+    tabPanel: ITabPanelViewModel;
+}
+export interface IToolbarViewModel extends IViewModel {
+    actionLists: ActionLists;
+    keyboardHelper: ToolbarKeyboardHelper;
+    canSwitchToDesigner: boolean;
+}
+export declare class PreviewDisposableModel extends BaseRenderingModel<IPreviewViewModelBase> implements IPreviewModelBase {
     rootStyle: string | {
         [key: string]: boolean;
     };
@@ -47,6 +68,9 @@ export declare class PreviewDisposableModel extends Disposable implements IPrevi
     resizeCallback?: () => void;
     updateSurfaceSize?: () => void;
     constructor(options: IPreviewModelBase);
+    createViewModel(): IPreviewViewModelBase;
+    updateViewModel(args: PropertyChangedEventArgs<any> | ArrayPropertyChangedEventArgs<any>): void;
+    onPropertyChanged(args: PropertyChangedEventArgs<any> | ArrayPropertyChangedEventArgs<any>): void;
     _addDisposable(object: DisposableType): void;
     dispose(): void;
     GetParametersModel(): PreviewParametersViewModel;
@@ -65,5 +89,7 @@ export declare class PreviewModel extends PreviewDisposableModel implements IPre
     tabPanel: TabPanel;
     actionLists: ActionLists;
     accessibilityCompliant: boolean;
+    createViewModel(): IPreviewViewModel;
     constructor(options: IPreviewModel);
+    getViewModel: () => IPreviewViewModel;
 }

package/viewer/internal/_previewModel.js

@@ -1,12 +1,20 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewModel.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { Disposable } from '@devexpress/analytics-core/analytics-utils';
-export class PreviewDisposableModel extends Disposable {
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    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 { appendStaticContextToRootViewModel, staticContext, ToolbarKeyboardHelper } from '@devexpress/analytics-core/analytics-internal-native';
+import { BaseRenderingModel, createViewModelGenerator, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
+import { formatSearchResult } from '../search/_utils';
+export class PreviewDisposableModel extends BaseRenderingModel {
     constructor(options) {
         super();
         this.rootStyle = options.rootStyle;
@@ -20,6 +28,25 @@ export class PreviewDisposableModel extends Disposable {
         this._disposables.push(options.exportModel);
         this._disposables.push(options.searchModel);
     }
+    createViewModel() {
+        const viewModel = createViewModelGenerator(super.createViewModel())
+            .generateProperty('parts', this.parts)
+            .generateProperty('reportPreview', this.reportPreview.getViewModel())
+            .generateProperty('exportHandler', this.reportPreview.exportHandler.getViewModel())
+            .generateProperty('rootStyle', this.rootStyle)
+            .generateProperty('rtl', this.rtl)
+            .getViewModel();
+        appendStaticContextToRootViewModel(viewModel, {
+            _static: Object.assign(Object.assign({}, staticContext._static), { formatSearchResult: formatSearchResult })
+        }, 'dx-report-viewer');
+        return viewModel;
+    }
+    updateViewModel(args) {
+        const viewModel = this.getViewModel();
+        if (args.propertyName === 'parts')
+            viewModel.parts = this.parts;
+    }
+    onPropertyChanged(args) { }
     _addDisposable(object) {
         this._disposables.push(object);
     }
@@ -37,12 +64,12 @@ export class PreviewDisposableModel extends Disposable {
         this.reportPreview.printDocument(pageIndex);
     }
     ExportTo(format, inlineResult) {
-        if (!this.reportPreview.exportDisabled()) {
+        if (!this.reportPreview.exportDisabled) {
             this.reportPreview.exportDocumentTo(format || 'pdf', inlineResult);
         }
     }
     GetCurrentPageIndex() {
-        return this.reportPreview.pageIndex();
+        return this.reportPreview.pageIndex;
     }
     GoToPage(pageIndex) {
         this.reportPreview.goToPage(pageIndex);
@@ -60,6 +87,9 @@ export class PreviewDisposableModel extends Disposable {
         return this.reportPreview.customDocumentOperation(customData, hideMessageFromUser);
     }
 }
+__decorate([
+    mutable(() => [])
+], PreviewDisposableModel.prototype, "parts", void 0);
 export class PreviewModel extends PreviewDisposableModel {
     constructor(options) {
         super(options);
@@ -71,4 +101,15 @@ export class PreviewModel extends PreviewDisposableModel {
         this._disposables.push(options.tabPanel);
         this._disposables.push(options.actionLists);
     }
+    createViewModel() {
+        return createViewModelGenerator(super.createViewModel())
+            .generateProperty('accessibilityCompliant', this.accessibilityCompliant)
+            .generateProperty('toolBar', createViewModelGenerator()
+            .generateProperty('actionLists', this.actionLists)
+            .generateProperty('canSwitchToDesigner', this.reportPreview.canSwitchToDesigner)
+            .generateProperty('keyboardHelper', new ToolbarKeyboardHelper(this.actionLists.toolbarItems))
+            .getViewModel())
+            .generateProperty('tabPanel', this.tabPanel.getViewModel())
+            .getViewModel();
+    }
 }

package/viewer/internal/_previewRequestWrapper.d.ts

@@ -1,14 +1,14 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewRequestWrapper.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 /// <reference types="jquery" />
 import { IKeyValuePair } from '../../common/types';
 import { IBookmarkNode } from '../documentMap/_documentMapModel';
-import { IEditingFieldHtmlProvider, IEditingFieldModel } from '../editing/editingField';
+import { IEditingFieldHtmlProvider, IEditingFieldSerializedModel } from '../editing/editingField';
 import { PreviewParametersViewModel } from '../parameters/previewParametersViewModel';
 import { ReportPreview } from '../reportPreview';
 import { SearchViewModel } from '../search/_searchViewModel';
@@ -60,7 +60,7 @@ export interface IGeneratedDocumentData {
     sortingState?: Array<IKeyValuePair<Array<ISortingFieldInfo>>>;
     exportOptions?: string;
     canPerformContinuousExport?: boolean;
-    editingFields?: Array<IEditingFieldModel>;
+    editingFields?: Array<IEditingFieldSerializedModel>;
     displayName?: string;
     errors?: any;
     pageCount?: number;
@@ -77,10 +77,10 @@ export declare class PreviewRequestWrapper implements IEditingFieldHtmlProvider
     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>;
     initialize(reportPreview: ReportPreview, parametersModel: PreviewParametersViewModel, searchModel: SearchViewModel): void;
-    findTextRequest(text: string, ignore: ko.Observable<boolean>): JQueryPromise<any>;
-    startSearch(text: string, ignore: ko.Observable<boolean>): JQueryPromise<any>;
-    getSearchStatus(searchOperationId: string, startIndex: number, resultLimitPerRequest: number, ignore: ko.Observable<boolean>): JQueryPromise<any>;
-    stopSearch(searchOperationId: string, ignore: ko.Observable<boolean>): any;
+    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>;
+    stopSearch(searchOperationId: string, ignore: boolean): any;
     stopBuild(id: string): void;
     sendCloseRequest(documentId: string, reportId?: string): void;
     startBuildRequest(shouldIgnoreError?: () => boolean): JQueryPromise<any>;
@@ -93,5 +93,5 @@ export declare class PreviewRequestWrapper implements IEditingFieldHtmlProvider
     getExportResult(requestData: any, shouldIgnoreError: () => boolean, method?: string): JQueryDeferred<Response>;
     cancelExportRequest(operationId: string, shouldIgnoreError: () => boolean): void;
     getExportStatusRequest(operationId: string): JQueryDeferred<IExportProgressStatus>;
-    getEditingFieldHtml(value: string, editingFieldIndex: number): JQueryPromise<string>;
+    getEditingFieldHtml(value: unknown, editingFieldIndex: number): JQueryPromise<string>;
 }

package/viewer/internal/_previewRequestWrapper.js

@@ -1,12 +1,12 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewRequestWrapper.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { ajax, formatUnicorn, getErrorMessage } from '@devexpress/analytics-core/analytics-internal';
-import { getLocalization } from '@devexpress/analytics-core/analytics-utils';
+import { ajax, formatUnicorn, getErrorMessage } from '@devexpress/analytics-core/analytics-internal-native';
+import { getLocalization } from '@devexpress/analytics-core/analytics-utils-native';
 import { HandlerUri, MessageHandler, TimeOut } from '../settings';
 export var ColumnSortOrder;
 (function (ColumnSortOrder) {
@@ -54,18 +54,18 @@ export class PreviewRequestWrapper {
         return ajax(HandlerUri(), 'findText', encodeURIComponent(JSON.stringify({
             text: text,
             documentId: this._reportPreview.documentId,
-            matchCase: this._searchModel.matchCase(),
-            wholeWord: this._searchModel.matchWholeWord(),
-            searchUp: this._searchModel.searchUp()
-        })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);
+            matchCase: this._searchModel.matchCase,
+            wholeWord: this._searchModel.matchWholeWord,
+            searchUp: this._searchModel.searchUp
+        })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), () => ignore);
     }
     startSearch(text, ignore) {
         return ajax(HandlerUri(), 'startSearch', encodeURIComponent(JSON.stringify({
             text: text,
             documentId: this._reportPreview.documentId,
-            matchCase: this._searchModel.matchCase(),
-            wholeWord: this._searchModel.matchWholeWord(),
-        })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);
+            matchCase: this._searchModel.matchCase,
+            wholeWord: this._searchModel.matchWholeWord,
+        })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), () => ignore);
     }
     getSearchStatus(searchOperationId, startIndex = 0, resultLimitPerRequest = 1000, ignore) {
         return ajax(HandlerUri(), 'getSearchStatus', encodeURIComponent(JSON.stringify({
@@ -73,13 +73,13 @@ export class PreviewRequestWrapper {
             documentId: this._reportPreview.documentId,
             startIndex: startIndex,
             resultLimitPerRequest: resultLimitPerRequest
-        })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);
+        })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), () => ignore);
     }
     stopSearch(searchOperationId, ignore) {
         return ajax(HandlerUri(), 'stopSearch', encodeURIComponent(JSON.stringify({
             searchOperationId: searchOperationId,
             documentId: this._reportPreview.documentId,
-        })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), ignore);
+        })), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, getLocalization('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), () => ignore);
     }
     stopBuild(id) {
         ajax(HandlerUri(), 'stopBuild', encodeURIComponent(id), undefined, () => true);

package/viewer/internal/_previewSelection.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewSelection.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -27,3 +27,8 @@ export declare class PreviewSelection {
     private _dispose;
     dispose: () => void;
 }
+export interface IBrickSelectionOptions {
+    page: PreviewPage;
+    click: (pageIndex: number) => void;
+}
+export declare function initializeBrickSelectionProg(element: HTMLElement, options: IBrickSelectionOptions): () => void;

package/viewer/internal/_previewSelection.js

@@ -1,13 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_previewSelection.js)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { addDisposeCallback } from '@devexpress/analytics-core/analytics-internal';
 import dxPopup from 'devextreme/ui/popup';
-import * as ko from 'knockout';
 import * as $ from 'jquery';
 function rectIntersection(r1, r2) {
     return !(r2.left > r1.right ||
@@ -73,20 +71,21 @@ export class PreviewSelection {
         };
         currentRect['right'] = currentRect.left + currentRect.width;
         currentRect['bottom'] = currentRect.top + currentRect.height;
-        var bricks = this._page.bricks();
+        var bricks = this._page.bricks;
         for (var i = 0; i < bricks.length; i++) {
             if (!bricks[i].bricks) {
-                bricks[i].active(rectIntersection({
+                const isActive = rectIntersection({
                     left: parseFloat(bricks[i].leftP),
                     top: parseFloat(bricks[i].topP),
                     right: parseFloat(bricks[i].leftP) + parseFloat(bricks[i].widthP),
                     bottom: parseFloat(bricks[i].topP) + parseFloat(bricks[i].heightP),
-                }, currentRect));
+                }, currentRect);
+                isActive ? this._page.activateBrick(bricks[i]) : this._page.deactivateBrick(bricks[i]);
             }
         }
     }
     _mouseMove(event) {
-        if (!this._startRect || !this._page.active() || PreviewSelection.disabled)
+        if (!this._startRect || !this._page.active || PreviewSelection.disabled)
             return;
         var leftButtonPressed = event.which === 1;
         if (leftButtonPressed) {
@@ -138,12 +137,9 @@ export class PreviewSelection {
 }
 PreviewSelection.started = false;
 PreviewSelection.disabled = false;
-ko.bindingHandlers['brick-selection-prog'] = {
-    init: function (element, valueAccessor, allBindings, viewModel, bindingContext) {
-        var values = valueAccessor(), unwrappedValues = ko.unwrap(values);
-        var selection = new PreviewSelection(element, unwrappedValues.page, unwrappedValues.click);
-        addDisposeCallback(element, () => {
-            selection.dispose();
-        });
-    }
-};
+export function initializeBrickSelectionProg(element, options) {
+    var selection = new PreviewSelection(element, options.page, options.click);
+    return () => {
+        selection.dispose();
+    };
+}

package/viewer/internal/_progressBarUtils.d.ts

@@ -1,11 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_progressBarUtils.d.ts)
-* Version:  23.1.5
-* Build date: Aug 29, 2023
+* Version:  23.2.1-alpha-23254-1700
+* Build date: Sep 11, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { IProgressBarSettings } from '../utils/initializer';
-import { IPreviewModelBase } from './_previewModel';
+import { PreviewDisposableModel } from './_previewModel';
 import { ReportPreview } from '../reportPreview';
-export declare function getUpdateProgressBarCallback(progressBarSettings: IProgressBarSettings, designerModel: IPreviewModelBase, reportPreview: ReportPreview, rootElement: Element, $window?: JQuery<Window>): () => void;
+export declare function getUpdateProgressBarCallback(progressBarSettings: IProgressBarSettings, designerModel: PreviewDisposableModel, reportPreview: ReportPreview, rootElement: Element, $window?: JQuery<Window>): () => void;