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

package/viewer/mobile/mobilePreview.d.ts

@@ -1,77 +1,83 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\mobilePreview.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 { IMobileSearchPanel } from './internal/_mobileSearch';
 import { ReportPreview } from '../reportPreview';
 import { PreviewRequestWrapper } from '../internal/_previewRequestWrapper';
 import { PreviewHandlersHelper } from '../internal/_previewHandlersHelper';
 import { IPreviewCustomizationHandler, IMobileModeSettings } from '../utils/initializer';
 import { IBrickNode } from '../utils/utils';
 import { MobilePreviewPage } from './internal/_mobilePage';
-import * as ko from 'knockout';
+import { ArrayPropertyChangedEventArgs, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { IReportPreviewViewModel } from '../reportPreview.viewModel';
+import { ScrollEvent } from 'devextreme/ui/scroll_view';
+import { SelectionChangedEvent } from 'devextreme/ui/gallery';
+import { INumericSize } from '@devexpress/analytics-core/analytics-elements-native';
+import { MobileSearchViewModel } from './internal/_mobileSearch';
+import { GalleryModel } from './internal/gallery/_galleryModel';
 export interface ISlideOptions {
-    dispose: () => void;
-    disabled: ko.Observable<boolean> | ko.Computed<boolean>;
+    getDisabled: () => boolean;
     readerMode: boolean;
     animationSettings: IPreviewAnimationSettings;
-    repaintTimeout: ko.Observable<number>;
-    searchPanel: IMobileSearchPanel;
-    swipeEnabled: ko.Observable<boolean> | ko.Computed<boolean>;
-    reachedTop: ko.Observable<boolean> | ko.Computed<boolean>;
-    reachedLeft: ko.Observable<boolean> | ko.Computed<boolean>;
-    reachedRight: ko.Observable<boolean> | ko.Computed<boolean>;
-    scrollAvailable: ko.Observable<boolean> | ko.Computed<boolean>;
-    zoomUpdating: ko.Observable<boolean> | ko.Computed<boolean>;
-    galleryIsAnimated: ko.Observable<boolean> | ko.Computed<boolean>;
-    autoFitBy: ko.Observable<number> | ko.Computed<number>;
-    topOffset: ko.Observable<number> | ko.Computed<number>;
-    brickEventsDisabled: ko.Observable<boolean> | ko.Computed<boolean>;
-}
-export interface IZoomOptions {
-    zoomUpdating: ko.Observable<boolean> | ko.Computed<boolean>;
-    zoom: ko.Observable<number> | ko.Computed<number>;
+    getRepaintTimeout: () => ReturnType<typeof setTimeout>;
+    setRepaintTimeout: (value: ReturnType<typeof setTimeout>) => void;
+    searchPanel: MobileSearchViewModel;
+    getReachedTop: () => boolean;
+    getReachedLeft: () => boolean;
+    getReachedRight: () => boolean;
+    getZoomUpdating: () => boolean;
+    setZoomUpdating: (value: boolean) => void;
+    getGalleryIsAnimated: () => boolean;
+    setAutoFitBy: (value: number) => void;
+    getTopOffset: () => number;
+    setTopOffset: (value: number) => void;
+    getBrickEventsDisabled: () => boolean;
+    setBrickEventsDisabled: (value: boolean) => void;
+    getSwipeEnabled: () => boolean;
+    getScrollAvailable: () => boolean;
 }
 export interface IPreviewAnimationSettings {
-    zoomEnabled: ko.Observable<boolean> | ko.Computed<boolean>;
-    swipeEnabled: ko.Observable<boolean> | ko.Computed<boolean>;
+    zoomEnabled: boolean;
+    swipeEnabled: boolean;
 }
 export declare class MobileReportPreview extends ReportPreview {
+    deferredUpdateViewModel(): boolean;
+    private _getSwipeEnabled;
+    private _getScrollAvailable;
     constructor(handlerUri?: string, previewRequestWrapper?: PreviewRequestWrapper, previewHandlersHelper?: PreviewHandlersHelper, callbacks?: IPreviewCustomizationHandler, rtl?: boolean, mobileSettings?: IMobileModeSettings);
-    createPage(pageIndex: number, processClick?: (target: IBrickNode) => void, loading?: ko.Observable<boolean>): MobilePreviewPage;
+    onPropertyChanged(args: PropertyChangedEventArgs<MobileReportPreview>): void;
+    createViewModel(): IReportPreviewViewModel;
+    updateViewModel(args: PropertyChangedEventArgs<MobileReportPreview> | ArrayPropertyChangedEventArgs<MobileReportPreview>): void;
+    setZoomUpdating(newValue: boolean): void;
+    createPage(pageIndex: number, processClick?: (target: IBrickNode) => void, subscribeToPageLoading?: boolean): MobilePreviewPage;
     createBrickClickProcessor(cyclePageIndex: number): (brick: IBrickNode) => void;
     _hasActiveEditingFields(): boolean;
-    showActions(s: MobileReportPreview): void;
-    onSlide(e: any): void;
-    availablePages: ko.Observable<number[]>;
-    visiblePages: ko.Computed<import("../internal/_page").PreviewPage[]>;
-    goToPage(pageIndex: any, forcePage?: any): void;
-    getScrollViewOptions(): {
-        onUpdated: (e: any) => void;
-        direction: string;
-        pushBackValue: number;
-        bounceEnabled: boolean;
-        disabled: ko.Observable<boolean>;
-    };
-    setScrollReached(e: any): void;
-    dispose(): void;
+    showActions(): void;
+    onSlide(e: SelectionChangedEvent): void;
+    goToPage(pageIndex: number, forcePage?: boolean): void;
+    setScrollReached(e: ScrollEvent): void;
+    initializeSlideOptions(searchModel: MobileSearchViewModel, gallery: GalleryModel): void;
+    slideOptions: ISlideOptions;
     readerMode: boolean;
     animationSettings: IPreviewAnimationSettings;
-    topOffset: ko.Observable<number>;
-    previewWrapperSize: ko.Observable<{
-        width: number;
-        height: number;
-    }>;
-    searchPanelVisible: ko.Observable<boolean>;
-    interactionDisabled: ko.Observable<boolean> | ko.Computed<boolean>;
-    actionsVisible: ko.Observable<boolean>;
-    scrollReachedLeft: ko.Observable<boolean>;
-    scrollReachedRight: ko.Observable<boolean>;
-    scrollReachedTop: ko.Observable<boolean>;
-    scrollReachedBottom: ko.Observable<boolean>;
-    zoomUpdating: ko.Observable<boolean>;
-    mobileZoom: ko.Computed<number>;
+    pages: MobilePreviewPage[];
+    topOffset: number;
+    previewWrapperSize: INumericSize;
+    interactionDisabled: boolean;
+    availablePages: number[];
+    visiblePages: MobilePreviewPage[];
+    searchPanelVisible: boolean;
+    actionsVisible: boolean;
+    scrollReachedLeft: boolean;
+    scrollReachedRight: boolean;
+    scrollReachedTop: boolean;
+    scrollReachedBottom: boolean;
+    zoomUpdating: boolean;
+    mobileZoom: number;
+    mobileZoomRead: number;
+    brickEventsDisabled: boolean;
+    scrollAvailable: boolean;
 }

package/viewer/mobile/mobilePreview.js

@@ -1,69 +1,88 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\mobilePreview.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
 */
+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 { ReportPreview } from '../reportPreview';
 import { ZoomAutoBy } from '../constants';
 import { MobilePreviewPage } from './internal/_mobilePage';
-import * as ko from 'knockout';
+import { mutable } from '@devexpress/analytics-core/analytics-serializer-native';
+import { createMobileReportPreviewViewModel, updateMobileReportPreviewViewModel } from './mobilePreview.viewModel';
 export class MobileReportPreview extends ReportPreview {
     constructor(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl = false, mobileSettings = { readerMode: true, animationEnabled: true }) {
         super(handlerUri, previewRequestWrapper, previewHandlersHelper, callbacks, rtl);
-        this.availablePages = ko.observable(null);
-        this.visiblePages = ko.computed(() => {
-            if (!this.availablePages()) {
-                return this.pages();
-            }
-            else {
-                return this.pages().filter((x) => { return this.availablePages().indexOf(x.pageIndex) !== -1; });
-            }
-        });
-        this.topOffset = ko.observable(0);
-        this.previewWrapperSize = ko.observable({ width: 0, height: 0 });
-        this.searchPanelVisible = ko.observable(false);
-        this.actionsVisible = ko.observable(false);
-        this.scrollReachedLeft = ko.observable(false);
-        this.scrollReachedRight = ko.observable(false);
-        this.scrollReachedTop = ko.observable(true);
-        this.scrollReachedBottom = ko.observable(true);
-        this.zoomUpdating = ko.observable(false);
-        this.mobileZoom = ko.computed({
-            read: () => {
-                var currentZoom = this.zoom();
-                return currentZoom > 0 ? currentZoom : this._zoom();
-            },
-            write: (newVal) => {
-                this.zoom(newVal);
-            }
-        });
         this.readerMode = mobileSettings.readerMode;
         var globalAnimationEnabled = mobileSettings.animationEnabled;
-        this.animationSettings = { zoomEnabled: ko.observable(globalAnimationEnabled), swipeEnabled: ko.observable(globalAnimationEnabled) };
+        this.animationSettings = { zoomEnabled: globalAnimationEnabled, swipeEnabled: globalAnimationEnabled };
         this.canSwitchToDesigner = false;
-        this.autoFitBy(ZoomAutoBy.PageWidth);
-        this.showMultipagePreview(true);
-        this._disposables.push(this.interactionDisabled = ko.pureComputed(() => this.pages().length === 0), this.searchPanelVisible.subscribe((newVal) => {
-            if (newVal) {
-                this.actionsVisible(false);
+        this.autoFitBy = ZoomAutoBy.PageWidth;
+        this.showMultipagePreview = true;
+    }
+    deferredUpdateViewModel() { return false; }
+    _getScrollAvailable() {
+        return !(this.scrollReachedTop && this.scrollReachedLeft
+            && this.scrollReachedRight && this.scrollReachedBottom);
+    }
+    onPropertyChanged(args) {
+        super.onPropertyChanged(args);
+        if (args.propertyName === 'mobileZoom') {
+            this.zoom = args.newValue;
+        }
+        if (args.propertyName === 'zoom' || args.propertyName === 'originalZoom') {
+            var currentZoom = this.zoom;
+            this.mobileZoomRead = currentZoom > 0 ? currentZoom : this.originalZoom;
+        }
+        if (args.propertyName === 'searchPanelVisible') {
+            if (args.newValue) {
+                this.actionsVisible = false;
+            }
+        }
+        if (args.propertyName == 'pageIndex') {
+            this.actionsVisible = false;
+        }
+        if (args.propertyName === 'pages') {
+            this.interactionDisabled = this.pages.length === 0;
+        }
+        if (args.propertyName === 'pages' || args.propertyName === 'availablePages') {
+            if (!this.availablePages) {
+                this.visiblePages = [].concat(this.pages);
+            }
+            else {
+                this.visiblePages = this.pages.filter((x) => this.availablePages.indexOf(x.pageIndex) !== -1);
             }
-        }));
+        }
+    }
+    createViewModel() {
+        return createMobileReportPreviewViewModel.call(this, super.createViewModel());
     }
-    createPage(pageIndex, processClick, loading) {
-        return new MobilePreviewPage(this, pageIndex, processClick, loading);
+    updateViewModel(args) {
+        super.updateViewModel(args);
+        updateMobileReportPreviewViewModel.call(this, args);
+    }
+    setZoomUpdating(newValue) {
+        this.zoomUpdating = newValue;
+    }
+    createPage(pageIndex, processClick, subscribeToPageLoading = false) {
+        return new MobilePreviewPage(this, pageIndex, processClick, subscribeToPageLoading);
     }
     createBrickClickProcessor(cyclePageIndex) {
         var _clickHandler = super.createBrickClickProcessor(cyclePageIndex);
         var func = (brick) => {
-            if (this.zoomUpdating())
+            if (this.zoomUpdating)
                 return;
-            if (cyclePageIndex !== this.pageIndex()) {
-                this.actionsVisible(false);
-                var supscription = this.actionsVisible.subscribe((newVal) => {
-                    supscription.dispose();
-                    this.actionsVisible(false);
+            if (cyclePageIndex !== this.pageIndex) {
+                this.actionsVisible = false;
+                var supscriptionDispose = this.events.on('actionsVisibleChanged', (args) => {
+                    supscriptionDispose();
+                    this.actionsVisible = false;
                 });
             }
             _clickHandler(brick);
@@ -71,52 +90,121 @@ export class MobileReportPreview extends ReportPreview {
         return func;
     }
     _hasActiveEditingFields() {
-        return this.visiblePages().some(p => {
-            var pageEditFields = ko.unwrap(p.editingFields);
-            return pageEditFields && pageEditFields.some(x => ko.unwrap(x.active));
+        return this.visiblePages.some(p => {
+            var pageEditFields = p.editingFields;
+            return pageEditFields && pageEditFields.some(x => x.active);
         });
     }
-    showActions(s) {
-        if (s.zoomUpdating() || s.interactionDisabled())
+    showActions() {
+        if (this.zoomUpdating || this.interactionDisabled)
             return;
-        var searchVisible = s.searchPanelVisible();
+        var searchVisible = this.searchPanelVisible;
         if (!searchVisible) {
             if (!this._hasActiveEditingFields()) {
-                s.actionsVisible(!s.actionsVisible());
+                this.actionsVisible = !this.actionsVisible;
             }
         }
         else {
-            s.searchPanelVisible(!searchVisible);
+            this.searchPanelVisible = !searchVisible;
         }
     }
     onSlide(e) {
-        this.scrollReachedLeft(true);
-        this.scrollReachedRight(true);
-        if (this.autoFitBy() === ZoomAutoBy.None && e.removedItems && e.removedItems[0].blocks().length === 1 && e.addedItems && e.addedItems[0].blocks().length === 1)
-            this.autoFitBy(ZoomAutoBy.PageWidth);
+        this.scrollReachedLeft = true;
+        this.scrollReachedRight = true;
+        if (this.autoFitBy === ZoomAutoBy.None && e.removedItems && e.removedItems[0].blocks.length === 1 && e.addedItems && e.addedItems[0].blocks.length === 1)
+            this.autoFitBy = ZoomAutoBy.PageWidth;
     }
     goToPage(pageIndex, forcePage) {
         super.goToPage(pageIndex, forcePage);
     }
-    getScrollViewOptions() {
-        var options = {
-            onUpdated: (e) => { this.setScrollReached(e); },
-            direction: 'both',
-            pushBackValue: 0,
-            bounceEnabled: false,
-            disabled: this.zoomUpdating
-        };
-        return options;
-    }
     setScrollReached(e) {
-        this.scrollReachedLeft(e.reachedLeft);
-        this.scrollReachedRight(e.reachedRight);
-        this.scrollReachedTop(e.reachedTop);
-        this.scrollReachedBottom(e.reachedBottom);
+        this.scrollReachedLeft = e.reachedLeft;
+        this.scrollReachedRight = e.reachedRight;
+        this.scrollReachedTop = e.reachedTop;
+        this.scrollReachedBottom = e.reachedBottom;
     }
-    dispose() {
-        this.mobileZoom.dispose();
-        this.visiblePages.dispose();
-        super.dispose();
+    initializeSlideOptions(searchModel, gallery) {
+        const viewModel = this.getViewModel();
+        viewModel.gallery = gallery.getViewModel();
+        viewModel.slideOptions = {
+            readerMode: this.readerMode,
+            animationSettings: this.animationSettings,
+            searchPanel: searchModel,
+            getTopOffset: () => this.topOffset,
+            setTopOffset: (value) => this.topOffset = value,
+            getReachedTop: () => this.scrollReachedTop,
+            getReachedLeft: () => this.scrollReachedLeft,
+            getReachedRight: () => this.scrollReachedRight,
+            getDisabled: () => this.interactionDisabled,
+            setAutoFitBy: (value) => this.autoFitBy = value,
+            getGalleryIsAnimated: () => gallery.isAnimated,
+            getRepaintTimeout: () => gallery.repaintTimeout,
+            setRepaintTimeout: (value) => gallery.repaintTimeout = value,
+            setZoomUpdating: (value) => this.zoomUpdating = value,
+            getZoomUpdating: () => this.zoomUpdating,
+            getBrickEventsDisabled: () => this.brickEventsDisabled,
+            setBrickEventsDisabled: (value) => this.brickEventsDisabled = value,
+            getScrollAvailable: () => this._getScrollAvailable(),
+            getSwipeEnabled: () => {
+                if (this.zoomUpdating) {
+                    return false;
+                }
+                if (searchModel.height > 0 && !searchModel.editorVisible) {
+                    return false;
+                }
+                if (!this.scrollReachedLeft && !this.scrollReachedRight) {
+                    return false;
+                }
+                return true;
+            }
+        };
     }
 }
+__decorate([
+    mutable(null)
+], MobileReportPreview.prototype, "slideOptions", void 0);
+__decorate([
+    mutable(0)
+], MobileReportPreview.prototype, "topOffset", void 0);
+__decorate([
+    mutable({ width: 0, height: 0 })
+], MobileReportPreview.prototype, "previewWrapperSize", void 0);
+__decorate([
+    mutable(() => [])
+], MobileReportPreview.prototype, "availablePages", void 0);
+__decorate([
+    mutable(() => [])
+], MobileReportPreview.prototype, "visiblePages", void 0);
+__decorate([
+    mutable(false)
+], MobileReportPreview.prototype, "searchPanelVisible", void 0);
+__decorate([
+    mutable(false)
+], MobileReportPreview.prototype, "actionsVisible", void 0);
+__decorate([
+    mutable(false)
+], MobileReportPreview.prototype, "scrollReachedLeft", void 0);
+__decorate([
+    mutable(false)
+], MobileReportPreview.prototype, "scrollReachedRight", void 0);
+__decorate([
+    mutable(true)
+], MobileReportPreview.prototype, "scrollReachedTop", void 0);
+__decorate([
+    mutable(true)
+], MobileReportPreview.prototype, "scrollReachedBottom", void 0);
+__decorate([
+    mutable(false)
+], MobileReportPreview.prototype, "zoomUpdating", void 0);
+__decorate([
+    mutable(1)
+], MobileReportPreview.prototype, "mobileZoom", void 0);
+__decorate([
+    mutable(1)
+], MobileReportPreview.prototype, "mobileZoomRead", void 0);
+__decorate([
+    mutable(false)
+], MobileReportPreview.prototype, "brickEventsDisabled", void 0);
+__decorate([
+    mutable(true)
+], MobileReportPreview.prototype, "scrollAvailable", void 0);

package/viewer/mobile/mobilePreview.viewModel.d.ts

@@ -0,0 +1,39 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\mobilePreview.viewModel.d.ts)
+* 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 { ArrayPropertyChangedEventArgs, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { OptionChangedEvent, SelectionChangedEvent } from 'devextreme/ui/gallery';
+import { dxScrollViewOptions } from 'devextreme/ui/scroll_view';
+import { IReportPreviewViewModel } from '../reportPreview.viewModel';
+import { IGalleryViewModel } from './internal/gallery/_galleryModel';
+import { ISlideOptions, MobileReportPreview } from './mobilePreview';
+export interface IZoomOptions {
+    setZoomUpdating: (newValue: boolean) => void;
+    getZoom: () => number;
+    setZoom: (newValue: number) => void;
+}
+export interface IScrollViewOptions extends dxScrollViewOptions {
+    pushBackValue: string;
+}
+export interface IMobileReportPreviewViewModel extends IReportPreviewViewModel {
+    mobileZoomOptions: IZoomOptions;
+    zoomUpdating: boolean;
+    previewWrapperSizeHeight: number;
+    previewWrapperSizeWidth: number;
+    surfaceEvents: string;
+    galleryEvents: string;
+    pageEvents: string;
+    slideOptions: ISlideOptions;
+    gallery: IGalleryViewModel;
+    topOffset: number;
+    scrollViewOptions: IScrollViewOptions;
+    onSlide: (event: SelectionChangedEvent) => void;
+    onOptionChanged: (event: OptionChangedEvent) => void;
+    click: () => void;
+}
+export declare function createMobileReportPreviewViewModel(this: MobileReportPreview, base: IReportPreviewViewModel): IMobileReportPreviewViewModel;
+export declare function updateMobileReportPreviewViewModel(this: MobileReportPreview, args: PropertyChangedEventArgs<MobileReportPreview> | ArrayPropertyChangedEventArgs<MobileReportPreview>): void;

package/viewer/mobile/mobilePreview.viewModel.js

@@ -0,0 +1,60 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\mobilePreview.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 { createViewModelGenerator } from '@devexpress/analytics-core/analytics-serializer-native';
+export function createMobileReportPreviewViewModel(base) {
+    return createViewModelGenerator(base)
+        .generateProperty('mobileZoomOptions', {
+        getZoom: () => this.mobileZoomRead,
+        setZoomUpdating: (newValue) => this.setZoomUpdating(newValue),
+        setZoom: (newValue) => this.mobileZoom = newValue,
+    })
+        .generateProperty('zoomUpdating', this.zoomUpdating)
+        .generateProperty('previewWrapperSizeWidth', this.previewWrapperSize.width)
+        .generateProperty('previewWrapperSizeHeight', this.previewWrapperSize.height)
+        .generateProperty('surfaceEvents', this.documentId === null ? 'none' : '')
+        .generateProperty('galleryEvents', this.zoomUpdating ? 'none' : '')
+        .generateProperty('pageEvents', this.brickEventsDisabled ? 'none' : '')
+        .generateProperty('slideOptions', this.slideOptions)
+        .generateProperty('topOffset', this.topOffset)
+        .generateProperty('click', () => !this.brickEventsDisabled && this.showActions())
+        .generateProperty('scrollViewOptions', createViewModelGenerator()
+        .generateProperty('direction', 'both')
+        .generateProperty('pushBackValue', '0')
+        .generateProperty('bounceEnabled', false)
+        .generateProperty('disabled', this.zoomUpdating)
+        .generateProperty('onUpdated', (e) => { this.setScrollReached(e); })
+        .getViewModel())
+        .generateProperty('onSlide', (event) => this.onSlide(event))
+        .getViewModel();
+}
+export function updateMobileReportPreviewViewModel(args) {
+    const viewModel = this.getViewModel();
+    if (args.propertyName === 'zoomUpdating') {
+        viewModel.zoomUpdating = this.zoomUpdating;
+    }
+    if (args.propertyName === 'previewWrapperSize') {
+        viewModel.previewWrapperSizeHeight = this.previewWrapperSize.height;
+        viewModel.previewWrapperSizeWidth = this.previewWrapperSize.width;
+    }
+    if (args.propertyName === 'documentId') {
+        viewModel.surfaceEvents = this.documentId === null ? 'none' : '';
+    }
+    if (args.propertyName === 'brickEventsDisabled') {
+        viewModel.pageEvents = this.brickEventsDisabled ? 'none' : '';
+    }
+    if (args.propertyName === 'zoomUpdating') {
+        viewModel.surfaceEvents = this.zoomUpdating ? 'none' : '';
+        viewModel.scrollViewOptions.disabled = this.zoomUpdating;
+    }
+    if (args.propertyName === 'slideOptions') {
+        viewModel.slideOptions = this.slideOptions;
+    }
+    if (args.propertyName === 'topOffset') {
+        viewModel.topOffset = this.topOffset;
+    }
+}

package/viewer/mobile/utils/_mobileActionList.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\mobile\utils\_mobileActionList.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
 */
@@ -10,8 +10,8 @@ import { ExportOptionsModel } from '../../exportOptions/exportOptionsModel';
 import { PreviewParametersViewModel } from '../../parameters/previewParametersViewModel';
 import { MobileSearchViewModel } from '../internal/_mobileSearch';
 import { IPreviewCustomizationHandler } from '../../utils/initializer';
-import * as ko from 'knockout';
-import { Disposable } from '@devexpress/analytics-core/analytics-utils';
+import { BaseRenderingModel, IViewModel } from '@devexpress/analytics-core/analytics-serializer-native';
+import { MobilePreviewModel } from '../internal/_mobilePreviewModel';
 export interface IMobileActionContent {
     name: string;
     data: any;
@@ -19,25 +19,41 @@ export interface IMobileActionContent {
 }
 export interface IMobileAction {
     imageClassName: string;
+    imageTemplateName: string;
     clickAction: () => void;
-    visible?: any;
+    visible?: boolean;
     content?: IMobileActionContent;
 }
-export declare class MobileActionList extends Disposable {
+export interface IMobileActionListViewModel extends IViewModel {
+    visible: boolean;
     actions: IMobileAction[];
-    constructor(actions: IMobileAction[]);
+}
+export declare class MobileActionList extends BaseRenderingModel<IMobileActionListViewModel> {
+    actions: IMobileAction[];
+    constructor(actions: IMobileAction[], reportPreview: MobileReportPreview);
+    createViewModel(): IMobileActionListViewModel;
+    updateViewModel(): void;
+    onPropertyChanged(): void;
     dispose(): void;
-    visible: ko.Observable<boolean>;
+    visible: boolean;
 }
 export interface IPreviewActionsMobileOptions {
+    designerModel: MobilePreviewModel;
     reportPreview: MobileReportPreview;
     exportModel: ExportOptionsModel;
     parametersModel: PreviewParametersViewModel;
     searchModel: MobileSearchViewModel;
-    exportTypes: ko.ObservableArray<{
+    exportTypes: {
         text: string;
         format: string;
-    }>;
+    }[];
     callbacks: IPreviewCustomizationHandler;
 }
+export interface IMobileExportAction {
+    visible: boolean;
+    items: {
+        text: string;
+        action: () => void;
+    }[];
+}
 export declare function getPreviewActionsMobile(options: IPreviewActionsMobileOptions): MobileActionList;