devexpress-reporting 24.1.6-build-24250-2425 → 24.2.1-alpha-24260-0214

package/viewer/internal/_bindings.js

@@ -1,13 +1,13 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_bindings.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 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 { updatePreviewZoomWithAutoFit } from './_sizeUtils';
-import { roundingXDecimals, $dx } from '@devexpress/analytics-core/analytics-internal-native';
+import { roundingXDecimals, $dx, guid } from '@devexpress/analytics-core/analytics-internal-native';
 import { MultipageScrollingThrottle } from '../settings';
 export function initializeToViewBinding(previewPage, options) {
     const container = previewPage.closest('.dxrd-report-preview-holder'), dispose = options.setPageActiveChangedEvent((active) => {
@@ -112,3 +112,52 @@ export function initializeViewerExportBinding(element, exportHandlerViewModel) {
     exportHandler.exportingFrame = exportFrame;
     exportHandler.postingForm = element.querySelector('form');
 }
+function createSvgElement(imageData) {
+    const container = document.createElement('div');
+    container.innerHTML = imageData.svgMarkup;
+    const svg = container.querySelector('svg');
+    const svgId = guid();
+    svg.id = svgId;
+    svg.querySelectorAll('clipPath').forEach(clip => {
+        clip.id += '_' + svgId;
+    });
+    svg.querySelectorAll('g').forEach(glyph => {
+        const clipPath = glyph.getAttribute('clip-path');
+        if (clipPath) {
+            const url = /#([^)]*)/.exec(clipPath)[1];
+            glyph.setAttribute('clip-path', `url(#${url}_${svgId})`);
+        }
+    });
+    return svg;
+}
+export function updatePreviewPageRendererBinding(element, imageData) {
+    const pointerEventsClass = 'dxrd-pointer-events-none';
+    const backupField = '__imageBackup';
+    const findImage = (imageType) => {
+        return Array.from(element.children).find(x => x.matches(imageType));
+    };
+    if (!imageData.svgMarkup || !imageData.useSvg) {
+        findImage('svg')?.remove();
+        let image = findImage('img');
+        if (!image) {
+            image = document.createElement('img');
+            element.prepend(image);
+        }
+        image.setAttribute('src', imageData.displayImageSrc);
+        image.setAttribute('alt', imageData.currentPageAriaLabelImgAlt);
+        image.style.setProperty('background-color', imageData.color);
+        image.classList.add(pointerEventsClass, 'dxrd-width-100', 'dxrd-height-100');
+    }
+    else {
+        findImage('img')?.remove();
+        let svg = findImage('svg');
+        if (!svg || imageData.svgMarkup !== element[backupField]) {
+            svg?.remove();
+            svg = createSvgElement(imageData);
+            element[backupField] = imageData.svgMarkup;
+            element.prepend(svg);
+        }
+        svg.setAttribute('width', imageData.width + 'px');
+        svg.setAttribute('height', imageData.height + 'px');
+    }
+}

package/viewer/internal/_brickUtils.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_brickUtils.d.ts)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_brickUtils.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_brickUtils.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_exportHandler.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.d.ts)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_exportHandler.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_exportHandler.viewModel.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.viewModel.d.ts)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_exportHandler.viewModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.viewModel.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_initializer.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_initializer.d.ts)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_initializer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_initializer.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -28,6 +28,7 @@ import { updatePreviewContentSize } from './_sizeUtils';
 import { BreadcrumbModel } from './_previewBreadcrumbs';
 import { ReportHolder } from '../reportHolder';
 import { ParametersPanelStandalone } from '../parameters/parametersPanelStandalone';
+import { AIPanelViewModel } from '../ai/_aiPanelModel';
 export function createStandaloneParametersPanel(bindingSettings) {
     const bindingModel = bindingSettings.model;
     const previewWrapper = new PreviewRequestWrapper(null, bindingSettings.callbacks);
@@ -50,7 +51,7 @@ export function createDesktopPreview(bindingSettings) {
     const callbacks = bindingSettings.callbacks;
     const bindingModel = bindingSettings.model;
     const bindingElement = bindingSettings.element;
-    const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel?.searchSettings, enableKeyboardSupport);
+    const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel?.searchSettings, enableKeyboardSupport), aiPanelModel = new AIPanelViewModel(reportPreview);
     const documentMapModel = new DocumentMapModel(reportPreview);
     const parametersModel = new PreviewParametersPanelModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
     const exportModel = new ExportOptionsModel(reportPreview, enableKeyboardSupport);
@@ -63,7 +64,8 @@ export function createDesktopPreview(bindingSettings) {
             parametersModel.tabInfo,
             exportModel.tabInfo,
             searchModel.tabInfo,
-            documentMapModel.tabInfo
+            documentMapModel.tabInfo,
+            aiPanelModel.tabInfo
         ],
         width: 396,
         autoSelectTab: true,
@@ -181,6 +183,8 @@ function _createPreview(bindingSettings) {
     else {
         designerModel = createDesktopPreview(bindingSettings);
     }
+    if (bindingModel.requestContentType)
+        requestManager._setRequestContentType(bindingModel.requestContentType.toString());
     if (bindingSettings.element && bindingSettings.applyBindings && !designerModel.reportPreview.canSwitchToDesigner) {
         bindingSettings.callbacks?.beforeRender && bindingSettings.callbacks.beforeRender(designerModel);
         $dx(bindingSettings.element).empty();

package/viewer/internal/_ko_bindings.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_ko_bindings.d.ts)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/viewer/internal/_ko_bindings.js

@@ -1,12 +1,12 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_ko_bindings.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import * as ko from 'knockout';
-import { initializeAutoFitBinding, initializeChildStyleBinding, initializeLazyImagesBinding, initializeTextCopierBinding, initializeToViewBinding, initializeViewerExportBinding } from './_bindings';
+import { initializeAutoFitBinding, initializeChildStyleBinding, initializeLazyImagesBinding, initializeTextCopierBinding, initializeToViewBinding, initializeViewerExportBinding, updatePreviewPageRendererBinding } from './_bindings';
 import { $dx, addDisposeCallback } from '@devexpress/analytics-core/analytics-internal-native';
 import { getTemplate } from '@devexpress/analytics-core/analytics-utils-native';
 import { initializeBrickSelectionProg } from './_previewSelection';
@@ -40,3 +40,6 @@ ko.bindingHandlers['dxViewerExport'] = {
         initializeViewerExportBinding(element, valueAccessor());
     }
 };
+ko.bindingHandlers['dxPreviewPageRenderer'] = {
+    update: (element, valueAccessor) => updatePreviewPageRendererBinding(element, valueAccessor())
+};

package/viewer/internal/_page.d.ts

@@ -1,26 +1,29 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.d.ts)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { INumericSize } from '@devexpress/analytics-core/analytics-elements-native';
 import { DxDeferred } from '@devexpress/analytics-core/analytics-internal-native';
 import { ArrayPropertyChangedEventArgs, BaseRenderingModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { Properties as DxMenuOptions } from 'devextreme/ui/menu';
 import { PreviewEditingFieldsKeyboardHelper } from '../accessibility/_previewEditingFieldsKeyboardHelper';
 import { ZoomAutoBy } from '../constants';
 import { EditingFieldBase } from '../editing/models/editingFieldBase';
 import { ReportPreview } from '../reportPreview';
 import { IBrickNode } from '../utils/utils';
-import { IPageSizeConfiguration } from './_bindings';
+import { IPageSizeConfiguration, IPreviewImageOptions } from './_bindings';
 import { IPreviewPageViewModel } from './_page.viewModel';
 import { IGetPageResponse } from './_previewRequestWrapper';
+import { SurfacePosition } from '../ai/_aiPanelModel';
 export interface IGetPageRequest {
     pageIndex: number;
     documentId: string;
     resolution: number;
     includeBricks: boolean;
+    useSvgEngine: boolean;
 }
 export declare class PreviewPage extends BaseRenderingModel<IPreviewPageViewModel> {
     reportPreview: ReportPreview;
@@ -36,11 +39,14 @@ export declare class PreviewPage extends BaseRenderingModel<IPreviewPageViewMode
     constructor(reportPreview: ReportPreview, pageIndex: number, processClick?: (target: IBrickNode) => void, subscribeToPageLoading?: boolean);
     updateSize(zoom?: number): number;
     updateActiveBricks(): void;
+    getBricksTextContent(onlySelectedBricks?: boolean): string;
     activateBrick(brick: IBrickNode): void;
     deactivateBrick(brick: IBrickNode): void;
     clearBricks(): void;
     dispose(): void;
-    _setPageImgSrc(documentId: string, unifier: string, zoom?: number, shouldSkipBricks?: boolean): void;
+    _shouldUseSvgEngine(zoom?: number): boolean;
+    _getImageOptions(): IPreviewImageOptions;
+    _setPageImgSrc(documentId: string, unifier: string, zoom?: number, shouldSkipBricks?: boolean, forcePng?: boolean): void;
     _requestPage(preview: ReportPreview): void;
     _getCurrentPageRequest(documentId: string, shouldSkipBricks?: boolean): IGetPageRequest;
     _getPageSizeConfiguration(): IPageSizeConfiguration;
@@ -76,12 +82,16 @@ export declare class PreviewPage extends BaseRenderingModel<IPreviewPageViewMode
     pageLoading: boolean;
     brickLoading: boolean;
     displayImageSrc: string;
+    svgMarkup: string;
+    useSvg: boolean;
     active: boolean;
     brick: IBrickNode;
     _unifier: string;
     currentPageAriaLabelImgAlt: string;
     shouldSkipBrickLoading: boolean;
     brickColumnWidthArray: Array<number>;
+    smartTagAIMenu: DxMenuOptions;
+    smartTagAIMenuPosition: SurfacePosition;
     bricks: IBrickNode[];
     activeBricks: IBrickNode[];
     clickableBricks: IBrickNode[];
@@ -93,6 +103,7 @@ export declare class PreviewPage extends BaseRenderingModel<IPreviewPageViewMode
     _onAutoFitChanged: () => void;
     _onPageActiveChanged: (active: boolean) => void;
     private _lastZoom;
+    private _useSvg;
     protected _selectedBrickPath: string;
     private _isDisposed;
     private _resizeTimeout;

package/viewer/internal/_page.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -12,12 +12,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 import { compareSizes } from '@devexpress/analytics-core/analytics-elements-native';
-import { $dx, DxDeferred, formatUnicorn, getLocalization } from '@devexpress/analytics-core/analytics-internal-native';
+import { $dx, DxDeferred, formatUnicorn, getLocalization, toQueryParameters, base64DecodeUnicode } from '@devexpress/analytics-core/analytics-internal-native';
 import { BaseRenderingModel, mutable, mutableArray } from '@devexpress/analytics-core/analytics-serializer-native';
-import { generateGuid } from '../../common/utils/_utils';
 import { PreviewEditingFieldsKeyboardHelper } from '../accessibility/_previewEditingFieldsKeyboardHelper';
 import { ZoomAutoBy } from '../constants';
-import { HandlerUri } from '../settings';
+import { HandlerUri, PageRenderFormat, PreviewRenderFormat } from '../settings';
 import { brickText, initializeBrick, updateBricksPosition } from './_brickUtils';
 import { createPreviewPageViewModel, updatePreviewPageViewModel } from './_page.viewModel';
 import { PreviewRequestWrapper } from './_previewRequestWrapper';
@@ -54,7 +53,7 @@ export class PreviewPage extends BaseRenderingModel {
         }
         if (args.propertyName === 'isClientVisible') {
             if (args.newValue) {
-                this._setPageImgSrc(this.reportPreview.documentId, this._unifier, this.zoom);
+                this._setPageImgSrc(this.reportPreview.documentId, this.reportPreview._unifier, this.zoom);
             }
         }
         if (args.propertyName === 'imageSrc')
@@ -93,11 +92,17 @@ export class PreviewPage extends BaseRenderingModel {
     _onPageLoaded(result, processClick) {
         if (!result)
             return;
-        this.imageHeight = result.height;
-        this.imageWidth = result.width;
-        this.currentScaleFactor = this._currentScaleFactor;
-        this._updatePageSize();
-        this.displayImageSrc = 'data:image/png;base64,' + result.base64string;
+        this.useSvg = this._useSvg;
+        if (!this.useSvg) {
+            this.imageHeight = result.height;
+            this.imageWidth = result.width;
+            this.currentScaleFactor = this._currentScaleFactor;
+            this._updatePageSize();
+            this.displayImageSrc = 'data:image/png;base64,' + result.base64string;
+        }
+        else {
+            this.svgMarkup = base64DecodeUnicode(result.base64string);
+        }
         if (this._isDisposed)
             return;
         this.pageLoading = false;
@@ -164,6 +169,7 @@ export class PreviewPage extends BaseRenderingModel {
             }, 500);
         };
         this._editingFieldsSubscriptionDispose = null;
+        this.useSvg = this._shouldUseSvgEngine();
         this.pageIndex = pageIndex;
         this._onImageSrcChanged = () => {
             this.lastGetPageDeferred && this.lastGetPageDeferred.resolve(null);
@@ -174,7 +180,6 @@ export class PreviewPage extends BaseRenderingModel {
                 .fail((_e) => this._onPageLoadFailed());
             this.shouldSendRequest && this._requestPage(reportPreview);
         };
-        this._unifier = reportPreview._unifier || generateGuid();
         this.originalSize = { height: reportPreview._pageHeight, width: reportPreview._pageWidth };
         this.addDisposable(reportPreview.events.on('originalZoomChanged', (args) => {
             this.zoom = args.newValue;
@@ -182,8 +187,6 @@ export class PreviewPage extends BaseRenderingModel {
             this.previewSize = args.newValue;
         }), reportPreview.events.on('autoFitByChanged', (args) => {
             this.autoFitBy = args.newValue;
-        }), reportPreview.events.on('_unifierChanged', (args) => {
-            this._unifier = args.newValue;
         }), reportPreview.events.on('pageLoadingChanged', (args) => {
             if (subscribeToPageLoading) {
                 this.pageLoading = args.newValue;
@@ -237,6 +240,16 @@ export class PreviewPage extends BaseRenderingModel {
     updateActiveBricks() {
         this.activeBricks = this.bricks.filter(x => x.active);
     }
+    getBricksTextContent(onlySelectedBricks = false) {
+        if (this.shouldSendRequest)
+            this._requestPage(this.reportPreview);
+        if (onlySelectedBricks) {
+            return this.reportPreview.getSelectedContent('');
+        }
+        else {
+            return this.reportPreview.getSelectedContent('', this.bricks);
+        }
+    }
     activateBrick(brick) {
         if (brick.active)
             return;
@@ -259,7 +272,29 @@ export class PreviewPage extends BaseRenderingModel {
         this.reportPreview = null;
         this.lastGetPageDeferred?.reject();
     }
-    _setPageImgSrc(documentId, unifier, zoom, shouldSkipBricks) {
+    _shouldUseSvgEngine(zoom) {
+        switch (PreviewRenderFormat()) {
+            case PageRenderFormat.Auto:
+                return this.reportPreview.showMultipagePreview ? zoom > 1 : true;
+            case PageRenderFormat.Png:
+                return false;
+            case PageRenderFormat.Svg:
+                return true;
+        }
+    }
+    _getImageOptions() {
+        return {
+            width: this.size.width,
+            height: this.size.height,
+            svgMarkup: this.svgMarkup,
+            displayImageSrc: this.displayImageSrc,
+            useSvg: this.useSvg,
+            color: this.color,
+            currentPageAriaLabelImgAlt: this.currentPageAriaLabelImgAlt,
+            pageLoaded: !!(this.displayImageSrc || this.svgMarkup)
+        };
+    }
+    _setPageImgSrc(documentId, unifier, zoom, shouldSkipBricks, forcePng) {
         if (!documentId || this.pageIndex === -1) {
             return;
         }
@@ -274,15 +309,31 @@ export class PreviewPage extends BaseRenderingModel {
                 return;
         }
         const newResolution = this.updateSize(zoom);
-        if ((this.actualResolution === newResolution || newResolution < 9) && this.imageSrc) {
-            return;
+        const useSvg = !forcePng && this._shouldUseSvgEngine(zoom);
+        if (useSvg) {
+            if (!this.useSvg && this.svgMarkup) {
+                this.useSvg = this._useSvg = true;
+                return;
+            }
+            else if (this.useSvg && this._unifier === unifier && this.imageSrc)
+                return;
+        }
+        else {
+            if ((this.actualResolution === newResolution || newResolution < 9) && this.imageSrc && !this.useSvg) {
+                this.useSvg = this._useSvg = false;
+                return;
+            }
         }
+        this._useSvg = useSvg;
         this.actualResolution = newResolution;
         this._currentScaleFactor = zoom;
         this.shouldSkipBrickLoading = shouldSkipBricks ?? false;
-        this.imageSrc = HandlerUri() +
-            '?actionKey=getPage&unifier=' + unifier +
-            '&arg=' + encodeURIComponent(JSON.stringify(this._getCurrentPageRequest(documentId, shouldSkipBricks)));
+        this._unifier = unifier;
+        this.imageSrc = HandlerUri() + '?' + toQueryParameters({
+            actionKey: 'getPage',
+            unifier,
+            arg: JSON.stringify(this._getCurrentPageRequest(documentId, shouldSkipBricks))
+        });
     }
     _requestPage(preview) {
         if (this.isDisposing)
@@ -300,6 +351,7 @@ export class PreviewPage extends BaseRenderingModel {
     }
     _getCurrentPageRequest(documentId, shouldSkipBricks) {
         return {
+            useSvgEngine: this._useSvg,
             pageIndex: this.pageIndex,
             documentId: documentId,
             resolution: Math.floor(this.actualResolution * this._getPixelRatio()),
@@ -385,6 +437,12 @@ __decorate([
 __decorate([
     mutable(() => '')
 ], PreviewPage.prototype, "displayImageSrc", void 0);
+__decorate([
+    mutable(() => '')
+], PreviewPage.prototype, "svgMarkup", void 0);
+__decorate([
+    mutable(false)
+], PreviewPage.prototype, "useSvg", void 0);
 __decorate([
     mutable(false)
 ], PreviewPage.prototype, "active", void 0);
@@ -397,6 +455,12 @@ __decorate([
 __decorate([
     mutable('')
 ], PreviewPage.prototype, "currentPageAriaLabelImgAlt", void 0);
+__decorate([
+    mutable({})
+], PreviewPage.prototype, "smartTagAIMenu", void 0);
+__decorate([
+    mutable({})
+], PreviewPage.prototype, "smartTagAIMenuPosition", void 0);
 __decorate([
     mutableArray(() => [])
 ], PreviewPage.prototype, "activeBricks", void 0);

package/viewer/internal/_page.viewModel.d.ts

@@ -1,18 +1,21 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.viewModel.d.ts)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { ArrayPropertyChangedEventArgs, IViewModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { Properties as DxMenuOptions } from 'devextreme/ui/menu';
 import { ReportPreview } from '../reportPreview';
 import { IBrickNode } from '../utils/utils';
-import { IAutoFitOptions } from './_bindings';
+import { IAutoFitOptions, IPreviewImageOptions } from './_bindings';
 import { PreviewPage } from './_page';
 import { PreviewEditingFieldsKeyboardHelper } from '../accessibility/_previewEditingFieldsKeyboardHelper';
+import { SurfacePosition } from '../ai/_aiPanelModel';
 export interface IPreviewPageViewModel extends IViewModel {
     pageLoading: boolean;
+    pageLoaded: boolean;
     brickLoading: boolean;
     displayImageSrc: string;
     width: number;
@@ -36,7 +39,9 @@ export interface IPreviewPageViewModel extends IViewModel {
     color: string;
     active: boolean;
     editingFieldsKeyboardHelper: PreviewEditingFieldsKeyboardHelper;
-    unifier: string;
+    imageOptions: IPreviewImageOptions;
+    smartTagAIMenu: DxMenuOptions;
+    smartTagAIMenuPosition: SurfacePosition;
 }
 export declare function createPreviewPageViewModel(this: PreviewPage, base: IPreviewPageViewModel): IPreviewPageViewModel;
 export declare function updatePreviewPageViewModel(this: PreviewPage, args: PropertyChangedEventArgs<PreviewPage> | ArrayPropertyChangedEventArgs<PreviewPage>): void;

package/viewer/internal/_page.viewModel.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_page.viewModel.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -10,6 +10,7 @@ import { getLocalization, } from '@devexpress/analytics-core/analytics-utils-nat
 export function createPreviewPageViewModel(base) {
     return createViewModelGenerator(base)
         .generateProperty('pageLoading', this.pageLoading)
+        .generateProperty('pageLoaded', !!(this.svgMarkup || this.displayImageSrc))
         .generateProperty('brickLoading', this.brickLoading)
         .generateProperty('width', this.size.width)
         .generateProperty('height', this.size.height)
@@ -31,6 +32,7 @@ export function createPreviewPageViewModel(base) {
         },
         getPageSizeConfiguration: () => this._getPageSizeConfiguration()
     })
+        .generateProperty('imageOptions', this._getImageOptions())
         .generateProperty('clickToBrick', (_, event) => this._clickToBrick(event))
         .generateProperty('currentPageAriaLabelImgAlt', this.currentPageAriaLabelImgAlt)
         .generateProperty('editingFields', this.editingFields)
@@ -46,11 +48,19 @@ export function createPreviewPageViewModel(base) {
         };
     })
         .generateProperty('editingFieldsKeyboardHelper', this.editingFieldsKeyboardHelper)
-        .generateProperty('unifier', this._unifier)
+        .generateProperty('smartTagAIMenu', this.smartTagAIMenu)
+        .generateProperty('smartTagAIMenuPosition', this.smartTagAIMenuPosition)
         .getViewModel();
 }
 export function updatePreviewPageViewModel(args) {
     const viewModel = this.getViewModel();
+    if (args.propertyName === 'displayImageSrc' || args.propertyName === 'svgMarkup'
+        || args.propertyName === 'currentPageAriaLabelImgAlt' || args.propertyName === 'useSvg' || args.propertyName === 'size') {
+        viewModel.imageOptions = this._getImageOptions();
+    }
+    if (args.propertyName === 'displayImageSrc' || args.propertyName === 'svgMarkup') {
+        viewModel.pageLoaded = !!(this.displayImageSrc || this.svgMarkup);
+    }
     if (args.propertyName === 'displayImageSrc') {
         viewModel.displayImageSrc = this.displayImageSrc;
     }
@@ -93,7 +103,10 @@ export function updatePreviewPageViewModel(args) {
     else if (args.propertyName === 'currentPageAriaLabelImgAlt') {
         viewModel.currentPageAriaLabelImgAlt = this.currentPageAriaLabelImgAlt;
     }
-    else if (args.propertyName === '_unifier') {
-        viewModel.unifier = this._unifier;
+    else if (args.propertyName === 'smartTagAIMenuPosition') {
+        viewModel.smartTagAIMenuPosition = this.smartTagAIMenuPosition;
+    }
+    else if (args.propertyName == 'smartTagAIMenu') {
+        viewModel.smartTagAIMenu = this.smartTagAIMenu;
     }
 }

package/viewer/internal/_pageLoader.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (viewer\internal\_pageLoader.d.ts)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 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:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -22,8 +22,8 @@ export class PageLoader {
             return !page.imageSrc;
         });
     }
-    _performPrefetch(pagesToUpdate, resolution) {
-        pagesToUpdate.forEach(page => this._preview.updatePage(page, resolution));
+    _performPrefetch(pagesToUpdate, resolution, forcePng) {
+        pagesToUpdate.forEach(page => this._preview.updatePage(page, resolution, forcePng));
     }
     _scheduleNextPrefetch(currentIndex, pendingPages) {
         this._loadTimeout = setTimeout(() => {
@@ -48,16 +48,18 @@ export class PageLoader {
     prefetchPages(startIndex, endIndex, currentPageIndex) {
         this._disabled = false;
         let zoom = this._preview.originalZoom;
+        let forcePng = false;
         if (currentPageIndex === undefined) {
             zoom = this._defaultResolution;
             this._currentPrefetchCycle++;
+            forcePng = true;
         }
         if (startIndex > this.pages.length - 1 || this._currentPrefetchCycle >= this._requestCyclesLimit) {
             this.reset();
             return;
         }
         const pendingPages = this._getPagesToUpdate(startIndex, endIndex, currentPageIndex);
-        this._performPrefetch(pendingPages, zoom);
+        this._performPrefetch(pendingPages, zoom, forcePng);
         this._scheduleNextPrefetch(endIndex, pendingPages);
     }
     reset() {