devexpress-reporting 23.2.0-build-000-1111 → 23.2.1-alpha-23254-1700

package/viewer/mobile/internal/_eventProcessor.js

@@ -1,15 +1,17 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_eventProcessor.js)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_eventProcessor.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 { 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';
 export var slowdownDisctanceFactor = 2.5;
 export var minScale = 0.92;
 function setTransform($element, transform) {
@@ -18,8 +20,9 @@ function setTransform($element, transform) {
         'transform': transform
     });
 }
-export class EventProcessor {
+export class EventProcessor extends Disposable {
     constructor(element, slideOptions) {
+        super();
         this.element = element;
         this.slideOptions = slideOptions;
         this._direction = {
@@ -35,22 +38,23 @@ export class EventProcessor {
             this.$gallery = this.$element.find('.dxrd-mobile-gallery');
         this.$galleryblocks = this.$gallery.find('.dxrd-gallery-blocks');
         this.firstMobilePageOffset = this._getFirstPageOffset();
-        this.slideOptions.searchPanel.height.subscribe((newVal) => {
-            if (slideOptions.disabled())
+        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.topOffset(newVal);
+                this.slideOptions.setTopOffset(newVal);
             }
             else {
-                this.slideOptions.topOffset(Math.min(newVal, Math.max(0, MobileSearchViewModel.maxHeight - this.firstMobilePageOffset.top)));
+                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.slideOptions.searchPanel.searchPanelVisible = true;
                 this.applySearchAnimation(newVal);
             }
             else {
@@ -59,7 +63,7 @@ export class EventProcessor {
                 var scale = 1 - dif * perc;
                 setTransform(this.$galleryblocks, 'scale(' + Math.max(minScale, scale) + ')');
             }
-        });
+        }));
     }
     _getFirstPageOffset() {
         return this.$galleryblocks.find('.dxrd-mobile-page').eq(0).offset();
@@ -102,7 +106,7 @@ export class EventProcessor {
     start(e) {
         this.$body.addClass('dxrd-prevent-refresh');
         this.$galleryblocks = this.$gallery.find('.dxrd-gallery-blocks');
-        if (!this.slideOptions.topOffset()) {
+        if (!this.slideOptions.getTopOffset()) {
             this.firstMobilePageOffset = this._getFirstPageOffset();
             if (this.firstMobilePageOffset) {
                 this.firstMobilePageOffset.top = this.firstMobilePageOffset.top * minScale;
@@ -111,70 +115,72 @@ export class EventProcessor {
         this.initialize(e.pageX, e.pageY);
     }
     move(e) {
-        if (this.slideOptions.zoomUpdating() || this.slideOptions.galleryIsAnimated() || this.slideOptions.disabled()) {
+        if (this.slideOptions.getZoomUpdating() || this.slideOptions.getGalleryIsAnimated() || this.slideOptions.getDisabled()) {
             return;
         }
-        if (SearchAvailable() && !this.slideOptions.searchPanel.editorVisible()) {
+        if (SearchAvailable() && !this.slideOptions.searchPanel.editorVisible) {
             var direction = this.getDirection(e.pageX, e.pageY);
             if (!direction.vertical && !direction.horizontal)
                 return;
-            if (direction.vertical && direction.scrollDown || this.slideOptions.searchPanel.height() !== 0) {
-                if (this.slideOptions.reachedTop() && (MobileSearchViewModel.maxHeight + this.$element.offset().top) > this.$window.scrollTop()) {
-                    this.slideOptions.brickEventsDisabled(true);
+            if (direction.vertical && direction.scrollDown || this.slideOptions.searchPanel.height !== 0) {
+                if (this.slideOptions.getReachedTop() && (MobileSearchViewModel.maxHeight + this.$element.offset().top) > this.$window.scrollTop()) {
+                    this.slideOptions.setBrickEventsDisabled(true);
                     e.stopPropagation();
-                    var currentHeight = this.slideOptions.searchPanel.height();
+                    var currentHeight = this.slideOptions.searchPanel.height;
                     var difference = currentHeight + (e.clientY - this.latestY) / slowdownDisctanceFactor;
                     var distance = difference > 0 ? Math.min(difference, MobileSearchViewModel.maxHeight) : 0;
-                    this.slideOptions.searchPanel.height(distance);
+                    this.slideOptions.searchPanel.height = distance;
                 }
             }
         }
         this.setPosition(e.clientX, e.clientY);
     }
     end(e) {
-        if (this.slideOptions.zoomUpdating() || this.slideOptions.galleryIsAnimated()) {
+        const zoomUpdating = this.slideOptions.getZoomUpdating();
+        if (zoomUpdating || this.slideOptions.getGalleryIsAnimated()) {
             var touches = e['touches'];
             if (!touches || touches.length === 0) {
-                if (this.slideOptions.zoomUpdating()) {
+                if (zoomUpdating) {
                     e.stopPropagation();
                 }
-                this.slideOptions.zoomUpdating(false);
+                this.slideOptions.setZoomUpdating(false);
             }
             return;
         }
         var direction = this.getDirection(e.pageX, e.pageY);
-        if (this.slideOptions.scrollAvailable()) {
-            if (direction.horizontal && this.slideOptions.swipeEnabled()) {
-                var galleryInstance = Gallery.getInstance(this.$gallery.get(0));
-                var repaintTimeout = this.slideOptions.repaintTimeout;
-                if (this.slideOptions.reachedLeft() && this.isRightMove && galleryInstance.gallery.swipeLeftEnable()) {
+        if (this.slideOptions.getScrollAvailable()) {
+            if (direction.horizontal && this.slideOptions.getSwipeEnabled()) {
+                var galleryInstance = Gallery.getInstance(this.$gallery.get(0)) || dxGalleryReportPreview.getInstance(this.$gallery.get(0));
+                var gallery = galleryInstance.option('gallery').getModel();
+                var repaintTimeout = this.slideOptions.getRepaintTimeout();
+                if (this.slideOptions.getReachedLeft() && this.isRightMove && gallery.getSwipeLeftEnabled()) {
                     galleryInstance.prevItem();
-                    clearTimeout(repaintTimeout());
-                    repaintTimeout(setTimeout(() => galleryInstance.repaint(), 410));
+                    clearTimeout(repaintTimeout);
+                    this.slideOptions.setRepaintTimeout(setTimeout(() => galleryInstance.repaint(), 410));
                 }
-                else if (this.slideOptions.reachedRight() && this.isLeftMove && galleryInstance.gallery.swipeRightEnable()) {
+                else if (this.slideOptions.getReachedRight() && this.isLeftMove && gallery.getSwipeRightEnabled()) {
                     galleryInstance.nextItem();
-                    clearTimeout(repaintTimeout());
-                    repaintTimeout(setTimeout(() => galleryInstance.repaint(), 410));
+                    clearTimeout(repaintTimeout);
+                    this.slideOptions.setRepaintTimeout(setTimeout(() => galleryInstance.repaint(), 410));
                 }
             }
         }
-        if (SearchAvailable() && !this.slideOptions.searchPanel.editorVisible()) {
-            if (this.slideOptions.searchPanel.height() >= MobileSearchViewModel.maxHeight / 2) {
-                this.slideOptions.searchPanel.height(MobileSearchViewModel.maxHeight);
+        if (SearchAvailable() && !this.slideOptions.searchPanel.editorVisible) {
+            if (this.slideOptions.searchPanel.height >= MobileSearchViewModel.maxHeight / 2) {
+                this.slideOptions.searchPanel.height = MobileSearchViewModel.maxHeight;
             }
             else {
-                this.slideOptions.searchPanel.height(0);
+                this.slideOptions.searchPanel.height = 0;
             }
-            if (this.slideOptions.searchPanel.height() == MobileSearchViewModel.maxHeight) {
-                this.slideOptions.autoFitBy(ZoomAutoBy.PageWidth);
+            if (this.slideOptions.searchPanel.height == MobileSearchViewModel.maxHeight) {
+                this.slideOptions.setAutoFitBy(ZoomAutoBy.PageWidth);
             }
         }
         this.$body.removeClass('dxrd-prevent-refresh');
-        setTimeout(() => { this.slideOptions.brickEventsDisabled(false); }, 10);
+        setTimeout(() => { this.slideOptions.setBrickEventsDisabled(false); }, 50);
     }
     applySearchAnimation(value) {
-        if (this.slideOptions.animationSettings.zoomEnabled()) {
+        if (this.slideOptions.animationSettings.zoomEnabled) {
             this.$galleryblocks.addClass('dxrdp-animation');
             this.$element.addClass('dxrdp-animation');
             setTimeout(() => {

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

@@ -0,0 +1,8 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_ko_mobileBindings.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
+*/
+export {};

package/viewer/mobile/internal/_ko_mobileBindings.js

@@ -0,0 +1,22 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_ko_mobileBindings.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 * as ko from 'knockout';
+import { initializeMobilePaginatorBinding, initializeMobileSearchBinding, initializeMobileZoomBinding, initializeSlideBinding } from './_mobileBindings';
+import { addDisposeCallback } from '@devexpress/analytics-core/analytics-internal-native';
+ko.bindingHandlers['mobileZoom'] = {
+    init: (element, valueAccessor) => initializeMobileZoomBinding(element, valueAccessor())
+};
+ko.bindingHandlers['slide'] = {
+    init: (element, valueAccessor) => addDisposeCallback(element, initializeSlideBinding(element, valueAccessor()))
+};
+ko.bindingHandlers['dxrdMobilePaginator'] = {
+    init: (element, valueAccessor) => initializeMobilePaginatorBinding(element, valueAccessor())
+};
+ko.bindingHandlers['dxrdSearchBar'] = {
+    init: (element, valueAccessor) => addDisposeCallback(element, initializeMobileSearchBinding(element, valueAccessor()))
+};

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

@@ -1,9 +1,17 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobileBindings.d.ts)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobileBindings.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 'devextreme/events/transform';
 import 'devextreme/events/pointer';
+import { IZoomOptions } from '../mobilePreview.viewModel';
+import { IMobileSearchViewModel } from './_mobileSearch';
+import { IMobilePaginatorViewModel } from './_paginator';
+import { ISlideOptions } from '../mobilePreview';
+export declare function initializeMobileZoomBinding(element: HTMLElement, options: IZoomOptions): void;
+export declare function initializeSlideBinding(element: HTMLElement, options: ISlideOptions): () => void;
+export declare function initializeMobileSearchBinding(element: HTMLDivElement, viewModel: IMobileSearchViewModel): () => void;
+export declare function initializeMobilePaginatorBinding(element: HTMLElement, viewModel: IMobilePaginatorViewModel): void;

package/viewer/mobile/internal/_mobileBindings.js

@@ -1,67 +1,75 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobileBindings.js)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
-import { EventProcessor } from './_eventProcessor';
-import { on } from 'devextreme/events';
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobileBindings.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 'devextreme/events/transform';
 import 'devextreme/events/pointer';
-import * as ko from 'knockout';
+import { EventProcessor } from './_eventProcessor';
+import { on } from 'devextreme/events';
 import dxScrollView from 'devextreme/ui/scroll_view';
-ko.bindingHandlers['mobileZoom'] = {
-    init: function (element, valueAccessor) {
-        var options = valueAccessor();
-        var scroll;
-        var zoom = options.zoom();
-        on(element, 'dxpinch', (e) => {
-            e.stopPropagation();
-            e.preventDefault();
-            var scale = e['scale'];
-            var newZoom = zoom;
-            newZoom *= scale;
-            newZoom = Math.max(0.15, Math.min(2, newZoom));
-            options.zoom(newZoom);
-        });
-        on(element, 'dxpinchstart', (e) => {
-            scroll = dxScrollView.getInstance(element.getElementsByClassName('dxrd-scrollView-mobile')[0]);
-            e.stopPropagation();
-            e.preventDefault();
-            options.zoomUpdating(true);
-            scroll && scroll.option('disabled', true);
-            zoom = options.zoom.peek();
-        });
-        on(element, 'dxpinchend', (e) => {
-            e.stopPropagation();
-            options.zoomUpdating(false);
-            setTimeout(() => {
-                scroll && scroll.option('disabled', false);
-                scroll && scroll.refresh();
-            }, 10);
-        });
-    }
-};
-ko.bindingHandlers['slide'] = {
-    init: function (element, valueAccessor) {
-        var slideOptionsValue = valueAccessor();
-        var isStarted = false;
-        var processor = new EventProcessor(element, slideOptionsValue);
-        on(element, 'dxpointerdown', (e) => {
-            processor.start(e);
-            isStarted = true;
-        });
-        on(element, 'dxpointermove', (e) => {
-            isStarted && processor.move(e);
-        });
-        ['dxpointercancel', 'dxpointerleave', 'dxpointerup'].forEach((value) => {
-            on(element, value, (e) => {
-                if (isStarted) {
-                    processor.end(e);
-                    isStarted = false;
-                }
-            });
+import { $dx } from '@devexpress/analytics-core/analytics-internal-native';
+import { SearchBarModel } from './_mobileSearch';
+export function initializeMobileZoomBinding(element, options) {
+    var scroll;
+    var zoom = options.getZoom();
+    on(element, 'dxpinch', (e) => {
+        e.stopPropagation();
+        e.preventDefault();
+        var scale = e['scale'];
+        var newZoom = zoom;
+        newZoom *= scale;
+        newZoom = Math.max(0.15, Math.min(2, newZoom));
+        options.setZoom(newZoom);
+    });
+    on(element, 'dxpinchstart', (e) => {
+        scroll = dxScrollView.getInstance(element.getElementsByClassName('dxrd-scrollView-mobile')[0]);
+        e.stopPropagation();
+        e.preventDefault();
+        options.setZoomUpdating(true);
+        scroll && scroll.option('disabled', true);
+        zoom = options.getZoom();
+    });
+    on(element, 'dxpinchend', (e) => {
+        e.stopPropagation();
+        options.setZoomUpdating(false);
+        setTimeout(() => {
+            scroll && scroll.option('disabled', false);
+            scroll && scroll.refresh();
+        }, 10);
+    });
+}
+export function initializeSlideBinding(element, options) {
+    var isStarted = false;
+    var processor = new EventProcessor(element, options);
+    on(element, 'dxpointerdown', (e) => {
+        processor.start(e);
+        isStarted = true;
+    });
+    on(element, 'dxpointermove', (e) => {
+        isStarted && processor.move(e);
+    });
+    ['dxpointercancel', 'dxpointerleave', 'dxpointerup'].forEach((value) => {
+        on(element, value, (e) => {
+            if (isStarted) {
+                processor.end(e);
+                isStarted = false;
+            }
         });
-    }
-};
+    });
+    return () => processor.dispose();
+}
+export function initializeMobileSearchBinding(element, viewModel) {
+    const model = viewModel.getModel();
+    var $element = $dx(element);
+    element.style.display = 'none';
+    var $searchText = $element.find('.dxrdp-taptosearch-text');
+    var searchBarModel = new SearchBarModel(model, element, $searchText);
+    return () => searchBarModel.dispose();
+}
+export function initializeMobilePaginatorBinding(element, viewModel) {
+    const values = viewModel.getModel();
+    values.initialize(element);
+}

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

@@ -1,13 +1,25 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePage.d.ts)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
-import { PreviewPage, IPreviewPageOwner } from '../../internal/_page';
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePage.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 { PreviewPage } from '../../internal/_page';
+import { IPreviewPageViewModel } from '../../internal/_page.viewModel';
 import { IBrickNode } from '../../utils/utils';
+import { MobileReportPreview } from '../mobilePreview';
+export interface IMobilePageViewModel extends IPreviewPageViewModel {
+    readerMode: boolean;
+    hasBricks: boolean;
+}
 export declare class MobilePreviewPage extends PreviewPage {
-    constructor(preview: IPreviewPageOwner, pageIndex: number, processClick?: (target: IBrickNode) => void, loading?: ko.Observable<boolean>);
+    deferredUpdateViewModel(): boolean;
+    createViewModel(): IMobilePageViewModel;
+    updateViewModel(args: PropertyChangedEventArgs<MobilePreviewPage> | ArrayPropertyChangedEventArgs<MobilePreviewPage>): void;
+    constructor(preview: MobileReportPreview, pageIndex: number, processClick?: (target: IBrickNode) => void, subscribeToPageLoading?: boolean);
+    hasBricks: boolean;
+    readerMode: boolean;
     maxZoom: number;
 }

package/viewer/mobile/internal/_mobilePage.js

@@ -1,26 +1,50 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePage.js)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePage.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
+*/
+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 { createViewModelGenerator, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
 import { PreviewPage } from '../../internal/_page';
 export class MobilePreviewPage extends PreviewPage {
-    constructor(preview, pageIndex, processClick, loading) {
-        super(preview, pageIndex, processClick, loading);
+    constructor(preview, pageIndex, processClick, subscribeToPageLoading = false) {
+        super(preview, pageIndex, processClick, subscribeToPageLoading);
         this.maxZoom = 1;
+        this.readerMode = preview.readerMode;
         this.selectBrick = (path, ctrlKey) => {
-            var currentBrick = this.brick();
+            var currentBrick = this.brick;
             !ctrlKey && this.resetBrickRecusive(currentBrick);
             if (!path) {
                 return;
             }
             if (!currentBrick) {
-                this['_selectedBrickPath'] = path;
+                this._selectedBrickPath = path;
                 return;
             }
-            this.bricks().forEach((brick) => { brick.indexes === path && brick.active(true); });
+            this.bricks.forEach((brick) => { if (brick.indexes === path)
+                this.activateBrick(brick); });
         };
     }
+    deferredUpdateViewModel() { return false; }
+    createViewModel() {
+        return createViewModelGenerator(super.createViewModel())
+            .generateProperty('readerMode', this.readerMode)
+            .generateProperty('hasBricks', this.hasBricks)
+            .getViewModel();
+    }
+    updateViewModel(args) {
+        super.updateViewModel(args);
+        const viewModel = this.getViewModel();
+        viewModel.hasBricks = this.hasBricks;
+    }
 }
+__decorate([
+    mutable(false)
+], MobilePreviewPage.prototype, "hasBricks", void 0);

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

@@ -1,24 +1,34 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePreviewModel.d.ts)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
-import * as ko from 'knockout';
-import { PreviewDisposableModel } from '../../internal/_previewModel';
-import { ISlideOptions } from '../mobilePreview';
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePreviewModel.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 { IPreviewViewModelBase, PreviewDisposableModel } from '../../internal/_previewModel';
 import { GalleryModel } from './gallery/_galleryModel';
-import { MobilePaginator } from './_paginator';
+import { IMobilePaginatorViewModel, MobilePaginator } from './_paginator';
 import { IMobileDesignerModel } from '../utils/_mobileInitializer';
+import { MobileReportPreview } from '../mobilePreview';
+import { MobileSearchViewModel } from './_mobileSearch';
+import { IMobileReportPreviewViewModel } from '../mobilePreview.viewModel';
+import { ISearchViewModel } from '../../search/_searchViewModel';
+export interface IMobilePreviewViewModel extends IPreviewViewModelBase {
+    paginator: IMobilePaginatorViewModel;
+    searchModel: ISearchViewModel;
+}
 export declare class MobilePreviewModel extends PreviewDisposableModel {
-    slideOptions: ISlideOptions;
+    deferredUpdateViewModel(): boolean;
     gallery: GalleryModel;
-    brickEventsDisabled: ko.Observable<boolean> | ko.Computed<boolean>;
     paginator: MobilePaginator;
-    availableFormats: ko.ObservableArray<{
+    availableFormats: Array<{
         text: string;
         format: string;
     }>;
     constructor(options: IMobileDesignerModel);
+    createViewModel(): IMobilePreviewViewModel;
+    reportPreviewViewModel: IMobileReportPreviewViewModel;
+    reportPreview: MobileReportPreview;
+    searchModel: MobileSearchViewModel;
+    getViewModel: () => IMobilePreviewViewModel;
 }

package/viewer/mobile/internal/_mobilePreviewModel.js

@@ -1,28 +1,37 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePreviewModel.js)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
-import * as ko from 'knockout';
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePreviewModel.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
+*/
+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 { PreviewDisposableModel } from '../../internal/_previewModel';
+import { createViewModelGenerator, mutableArray } from '@devexpress/analytics-core/analytics-serializer-native';
 export class MobilePreviewModel extends PreviewDisposableModel {
     constructor(options) {
         super(options);
-        this.slideOptions = options.slideOptions;
         this.gallery = options.gallery;
-        this.paginator = options.paginator;
-        this.brickEventsDisabled = options.brickEventsDisabled;
         this.availableFormats = options.availableFormats;
         this._disposables.push(options.gallery);
-        if (ko.isComputed(options.brickEventsDisabled))
-            this._disposables.push(options.brickEventsDisabled);
-        if (options.slideOptions && ko.isComputed(options.slideOptions.scrollAvailable))
-            this._disposables.push(options.slideOptions.scrollAvailable);
-        if (options.slideOptions && ko.isComputed(options.slideOptions.swipeEnabled))
-            this._disposables.push(options.slideOptions.swipeEnabled);
         this._disposables.push(options.paginator);
         this._disposables.push(options.searchModel);
+        this.paginator = options.paginator;
+        this.reportPreview.initializeSlideOptions(options.searchModel, options.gallery);
+    }
+    deferredUpdateViewModel() { return false; }
+    createViewModel() {
+        return createViewModelGenerator(super.createViewModel())
+            .generateProperty('paginator', this.paginator.getViewModel())
+            .generateProperty('searchModel', this.searchModel.getViewModel())
+            .getViewModel();
     }
 }
+__decorate([
+    mutableArray(() => [])
+], MobilePreviewModel.prototype, "availableFormats", void 0);

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

@@ -1,10 +1,10 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePreviewParameterHelper.d.ts)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePreviewParameterHelper.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 { PreviewParameterHelper } from '../../parameters/previewParameterHelper';
 export declare class MobilePreviewParameterHelper extends PreviewParameterHelper {
     getRangeEditor(): {

package/viewer/mobile/internal/_mobilePreviewParameterHelper.js

@@ -1,10 +1,10 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePreviewParameterHelper.js)
-* Version:  23.2.1-build-23191-1448
-* Build date: Jul 10, 2023
-* Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
-* License: https://www.devexpress.com/Support/EULAs/universal.xml
-*/
+/**
+* DevExpress HTML/JS Reporting (viewer\mobile\internal\_mobilePreviewParameterHelper.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 { PreviewParameterHelper } from '../../parameters/previewParameterHelper';
 import { editorTemplates } from './_editorTemplates';
 export class MobilePreviewParameterHelper extends PreviewParameterHelper {