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

package/viewer/internal/_exportHandler.js

@@ -1,18 +1,24 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.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 { formatUnicorn, StringId } from '@devexpress/analytics-core/analytics-internal';
-import { Disposable, getLocalization, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils';
-import { getTemplate } from '@devexpress/analytics-core/analytics-widgets';
+/**
+* DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.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 { formatUnicorn } from '@devexpress/analytics-core/analytics-internal-native';
+import { BaseRenderingModel, mutable } from '@devexpress/analytics-core/analytics-serializer-native';
+import { getLocalization, _isFetchConfigured } from '@devexpress/analytics-core/analytics-utils-native';
 import browser from 'devextreme/core/utils/browser';
 import * as $ from 'jquery';
-import * as ko from 'knockout';
-import { generateGuid } from '../../common/utils/_utils';
+import { generateGuid, isIOS, isAndroid, isMobile } from '../../common/utils/_utils';
 import { AsyncExportApproach, HandlerUri, ReportServerDownloadUri } from '../settings';
+import { createExportHandlerViewModel, updateExportHandlerViewModel } from './_exportHandler.viewModel';
 import { PreviewRequestWrapper } from './_previewRequestWrapper';
 import { safelyRunWindowOpen } from './_utils';
 export class ExportResultRequestData {
@@ -22,36 +28,21 @@ export class ExportResultRequestData {
         this.QueryParameters = {};
     }
 }
-export class ExportHandler extends Disposable {
+export class ExportHandler extends BaseRenderingModel {
     constructor(exportSetting, preview) {
         super();
         this.preview = preview;
-        this.exportActionUri = ko.observable(null);
-        this.exportFormData = ko.observable([]);
-        this.reportDisplayName = ko.observable(null);
-        this.popupVisible = ko.observable(false);
-        this.popupWidth = ko.observable(510);
-        this.popupHeight = ko.observable('auto');
         this.exportingFrameName = 'dxrd-exporting-frame' + generateGuid();
-        this.popupButtons = [
-            {
-                toolbar: 'bottom', location: 'after', widget: 'dxButton',
-                options: {
-                    text: getLocalization('OK', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained',
-                    onClick: () => this.popupVisible(false)
-                }
-            }
-        ];
         this.printingLinkCallback = () => { };
-        this.printingTextPrefix = ko.observable('');
-        this.printingTextPostfix = ko.observable('');
-        this.getPopupTitle = () => this.reportDisplayName() || '';
+        this.getPopupTitle = () => this.reportDisplayName || '';
         this._exportResultRequestData = new ExportResultRequestData();
         this._showPrintNotificationDialog = true;
         this._useSameTabExport = true;
         this._useAsynchronousExport = true;
         this._workerTicker = null;
         this._workerFunctionBlobUrl = null;
+        this._xhr = null;
+        this._exportResultDeferred = $.Deferred();
         this._workerTickerFunction = function () {
             var started, interval;
             self.onmessage = function (e) {
@@ -68,6 +59,18 @@ export class ExportHandler extends Disposable {
             };
         };
         this._window = null;
+        this._handleFile = (fileMetadata, _url) => {
+            if (fileMetadata.url) {
+                const link = document.createElement('a');
+                link.href = fileMetadata.url;
+                link.rel = 'noreferrer noopener';
+                link.download = fileMetadata.contentFilename;
+                document.body.appendChild(link);
+                link.click();
+                link.remove();
+                _url.revokeObjectURL(fileMetadata.url);
+            }
+        };
         this._timeouts = [];
         if (exportSetting) {
             if (exportSetting.useAsynchronousExport !== undefined)
@@ -78,6 +81,13 @@ export class ExportHandler extends Disposable {
                 this._showPrintNotificationDialog = exportSetting.showPrintNotificationDialog;
         }
     }
+    onPropertyChanged(args) { }
+    createViewModel() {
+        return createExportHandlerViewModel.call(this, super.createViewModel());
+    }
+    updateViewModel(args) {
+        updateExportHandlerViewModel.call(this, args);
+    }
     _getUrlObject() {
         return window.URL || window['webkitURL'] || window['mozURL'] || window['msURL'] || window['oURL'];
     }
@@ -101,8 +111,7 @@ export class ExportHandler extends Disposable {
         }
     }
     _callPrint(_window) {
-        var browserVersion = parseInt(browser.version);
-        if (_window && (browser.chrome && 76 <= browserVersion)) {
+        if (_window && ((browser.chrome && !isAndroid) || isIOS)) {
             var worker = this._createWorker();
             var checkOnTick = () => {
                 try {
@@ -121,26 +130,17 @@ export class ExportHandler extends Disposable {
             worker.postMessage('start');
         }
     }
-    _clearExportingFrame() {
+    clearExportTools() {
         if (this._isNewBrowser()) {
             var iframe = this.exportingFrame.contentWindow;
             iframe && iframe.location.replace('about:blank');
         }
+        this.printingLinkCallback = () => { };
+        this.popupVisible = false;
     }
     _initPrintingWindow() {
-        var printingTextParts = getLocalization('If the operation fails, you can download the {0} and print it out from another application.', 'ASPxReportsStringId.WebDocumentViewer_Print_Popup_Text').split('{0}');
-        this.printingTextPrefix(printingTextParts[0]);
-        this.printingTextPostfix(printingTextParts[1]);
         if (this._showPrintNotificationDialog) {
-            var subscription = this.popupVisible.subscribe((newVal) => {
-                if (!newVal) {
-                    this.printingLinkCallback = () => { };
-                    this._clearExportingFrame();
-                    subscription.dispose();
-                }
-            });
-            this._disposables.push(subscription);
-            this.popupVisible(true);
+            this.popupVisible = true;
         }
     }
     _setPrintingLinkCallback(printingLinkCallback) {
@@ -151,19 +151,19 @@ export class ExportHandler extends Disposable {
     _formSubmit(_requestData, _formTarget) {
         if (this.postingForm) {
             this.postingForm.target = _formTarget;
-            this.exportActionUri(_requestData.RequestUrl);
+            this.exportActionUri = _requestData.RequestUrl;
             var formData = [];
             for (var key in _requestData.FormData) {
                 formData.push({ name: key, value: _requestData.FormData[key] });
             }
-            this.exportFormData(formData);
+            this.exportFormData = formData;
             this.postingForm.submit();
         }
     }
     _doExportSync(_exportWindow, printable, useSameTab, operationId, abortController) {
         this.onExportCustomEvent && this.onExportCustomEvent(this._exportResultRequestData);
-        var _requestData = this._exportResultRequestData;
-        var formTarget = useSameTab ? this.exportingFrameName : '_blank';
+        const _requestData = this._exportResultRequestData;
+        const formTarget = useSameTab ? this.exportingFrameName : '_blank';
         if (!printable || !this._isNewBrowser()) {
             if (_isFetchConfigured() && this._useSameTabExport) {
                 this._exportUsingFetch(_requestData, operationId, abortController);
@@ -173,55 +173,44 @@ export class ExportHandler extends Disposable {
         }
         else {
             if (!_exportWindow) {
-                _exportWindow = (useSameTab && this.exportingFrame) ? this.exportingFrame.contentWindow : this._replaceLocation(null, null);
+                _exportWindow = this.exportingFrame && (useSameTab || this._useSameTabExport && isMobile) ? this.exportingFrame.contentWindow : this._replaceLocation(null, null);
             }
-            var method = this._useSameTabExport ? 'POST' : 'GET';
+            const method = this._useSameTabExport ? 'POST' : 'GET';
             this._printUsingBlob(_exportWindow, _requestData, method, useSameTab, operationId, abortController);
         }
     }
     _exportUsingFetch(_requestData, operationId, abortController) {
-        const handleFile = (fileMetadata, _url) => {
-            if (fileMetadata.url) {
-                const link = document.createElement('a');
-                link.href = fileMetadata.url;
-                link.rel = 'noreferrer noopener';
-                link.download = fileMetadata.contentFilename;
-                document.body.appendChild(link);
-                link.click();
-                link.remove();
-                _url.revokeObjectURL(fileMetadata.url);
-            }
-        };
         const _method = 'POST';
-        this._getExportResultUsingFetch(_requestData, _method, operationId, handleFile, abortController);
+        this._getExportResultUsingFetch(_requestData, _method, operationId, false, this._handleFile, abortController);
     }
-    _getExportResultUsingFetch(_requestData, _method, operationId, handleFile, abortController) {
+    _getExportResultUsingFetch(_requestData, _method, operationId, printable, handleFile, abortController) {
         const _url = this._getUrlObject();
         const shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId);
-        const exportResult = this.preview.requestWrapper.getExportResult(_requestData, shouldIgnoreError(operationId), _method);
-        this.preview.progressBar.text(getLocalization('Downloading the document...', 'WebDocumentViewer_DownloadingDocument'));
-        let progress = ko.observable(0);
-        this._disposables.push(progress.subscribe(value => {
-            this._useSameTabExport && this.updateExportStatus(100 + value, operationId);
-        }));
-        exportResult.done(response => {
+        this._exportResultDeferred = $.Deferred();
+        this.preview.requestWrapper.getExportResult(_requestData, shouldIgnoreError(operationId), _method)
+            .done(response => { var _a; return (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.resolve(response); })
+            .catch(fail => { var _a; return (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.fail(fail); });
+        this.preview.progressBar.text = getLocalization('Downloading the document...', 'WebDocumentViewer_DownloadingDocument');
+        this._exportResultDeferred.done(response => {
             if (response.ok) {
-                return this._handleBlobUsingFetch(response, _url, progress, abortController)
+                return this._handleBlobUsingFetch(response, _url, operationId, printable, abortController)
                     .then(fileMetadata => {
                     handleFile(fileMetadata, _url);
                 });
             }
         }).catch(response => {
+            if (!this.preview)
+                return;
             this.preview.progressBar.complete(operationId);
             const message = getLocalization('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError');
             PreviewRequestWrapper.getProcessErrorCallback(this.preview, message, true)('', this, '');
         });
     }
-    _handleBlobUsingFetch(response, _url, progress, abortController) {
+    _handleBlobUsingFetch(response, _url, operationId, printable, abortController) {
         const contentLength = +response.headers.get('Content-Length');
         const contentDisposition = response.headers.get('Content-Disposition');
         const contentFilename = this._getFileName(contentDisposition);
-        const contentType = response.headers.get('Content-Type');
+        const contentType = !printable && response.headers.get('Content-Type') === 'application/pdf' && isIOS ? 'application/octet-stream' : response.headers.get('Content-Type');
         const reader = response.body.getReader();
         abortController && (abortController.signal.onabort = () => {
             reader.cancel();
@@ -233,7 +222,8 @@ export class ExportHandler extends Disposable {
                     return;
                 }
                 receivedLenght += value.byteLength;
-                progress(Math.round(receivedLenght * 100 / contentLength));
+                const currentProgress = Math.round(receivedLenght * 100 / contentLength) + 100;
+                this._useSameTabExport && this.updateExportStatus(currentProgress, operationId);
                 controller.enqueue(value);
                 readChunk(controller);
             });
@@ -305,20 +295,20 @@ export class ExportHandler extends Disposable {
         else {
             if (!this._useSameTabExport) {
                 this._window = window.open();
-                this._window.onunload = () => {
-                    this.preview.progressBar.stop();
+                this._window && (this._window.onunload = () => {
+                    this.preview.progressBar.cancelAction();
                     this._terminateWorker();
-                };
+                });
                 this._initExportWindow();
             }
         }
-        this.preview.progressBar.text(getLocalization('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument'));
-        this.preview.progressBar.cancelText(getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel'));
+        this.preview.progressBar.text = getLocalization('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument');
+        this.preview.progressBar.cancelText = getLocalization('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel');
         var exportOperationIdDeferred = $.Deferred();
         var startExportOperationId = generateGuid();
         var shouldIgnoreError = (operationId) => () => this.preview.progressBar.wasCancelRequested(operationId || startExportOperationId);
         this.preview.progressBar.startProgress(startExportOperationId, (operationId) => {
-            if (_isFetchConfigured() && this.preview.progressBar.progress() >= 50)
+            if (_isFetchConfigured() && this.preview.progressBar.progress >= 50)
                 abortController.abort();
             else
                 this.preview.requestWrapper.cancelExportRequest(operationId, shouldIgnoreError(operationId));
@@ -339,7 +329,7 @@ export class ExportHandler extends Disposable {
         var deferred = $.Deferred();
         var requestData = this._exportResultRequestData;
         requestData.RequestUrl = actionUri;
-        if (this.preview._editingFields().length > 0 || AsyncExportApproach() || this._useAsynchronousExport || (this.preview.exportOptionsModel() && this.preview.exportOptionsModel().hasSensitiveData())) {
+        if (this.preview._editingFields.length > 0 || AsyncExportApproach() || this._useAsynchronousExport || (this.preview.exportOptionsModel && this.preview.exportOptionsModel.hasSensitiveData())) {
             setTimeout(() => {
                 this._startExportAsync(args(), this._useSameTabExport, deferred, inlineResult, printable, abortController);
             });
@@ -382,12 +372,24 @@ export class ExportHandler extends Disposable {
             this._printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, operationId, abortControler);
             return;
         }
-        var _this = this;
-        var xhr = new XMLHttpRequest();
-        xhr.onreadystatechange = function () {
+        const _this = this;
+        this._xhr = new XMLHttpRequest();
+        this._xhr.onreadystatechange = function () {
             if (this.readyState == 4 && this.status == 200) {
-                var _url = _this._getUrlObject();
-                var blobUrl = _url.createObjectURL(this.response);
+                const _url = _this._getUrlObject();
+                if (_this._useSameTabExport && isMobile && !useSameTab) {
+                    const contentDisposition = _this._xhr.getResponseHeader('Content-Disposition');
+                    const contentType = isIOS && this.response.type === 'application/pdf' ? 'application/octet-stream' : this.response.type;
+                    const fileMetadata = {
+                        contentType,
+                        contentLength: this.response.size,
+                        contentFilename: _this._getFileName(contentDisposition),
+                        url: _url.createObjectURL(new Blob([this.response], { type: contentType }))
+                    };
+                    _this._handleFile(fileMetadata, _url);
+                    return;
+                }
+                const blobUrl = _url.createObjectURL(this.response);
                 _exportWindow && _exportWindow.location.replace(blobUrl);
                 setTimeout(() => { _url.revokeObjectURL(blobUrl); }, 1);
                 _this._callPrint(_exportWindow);
@@ -400,16 +402,21 @@ export class ExportHandler extends Disposable {
                 }
             }
         };
-        xhr.open(_method, _requestData.RequestUrl);
-        xhr.responseType = 'blob';
+        this._xhr.open(_method, _requestData.RequestUrl);
+        this._xhr.responseType = 'blob';
         var formData = new FormData();
         for (var key in _requestData.FormData) {
             formData.append(key, _requestData.FormData[key]);
         }
-        xhr.send(formData);
+        this._xhr.send(formData);
         useSameTab && this._initPrintingWindow();
     }
     _printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, operationId, abortController) {
+        if (this._useSameTabExport && isMobile && !useSameTab) {
+            this._exportUsingFetch(_requestData, operationId, abortController);
+            return;
+        }
+        const printable = true;
         const handleFile = (fileMetadata, _url) => {
             if (fileMetadata.url && _exportWindow) {
                 _exportWindow.location.replace(fileMetadata.url);
@@ -418,7 +425,7 @@ export class ExportHandler extends Disposable {
                 useSameTab && this._initPrintingWindow();
             }
         };
-        this._getExportResultUsingFetch(_requestData, _method, operationId, handleFile, abortController);
+        this._getExportResultUsingFetch(_requestData, _method, operationId, printable, handleFile, abortController);
     }
     _addQueryParamsToUri(_exportUri, _queryParameters) {
         var keys = Object.keys(_queryParameters || {});
@@ -437,7 +444,11 @@ export class ExportHandler extends Disposable {
         return _exportWindow;
     }
     dispose() {
+        var _a;
         super.dispose();
+        (_a = this._exportResultDeferred) === null || _a === void 0 ? void 0 : _a.reject();
+        if (this._xhr)
+            this._xhr.onreadystatechange = null;
         (this._timeouts || []).forEach(tic => clearTimeout(tic));
         this.removeProperties();
     }
@@ -445,7 +456,8 @@ export class ExportHandler extends Disposable {
         if (_isFetchConfigured() && this._useSameTabExport) {
             progress = Math.floor(progress / 2);
         }
-        this.preview.progressBar && this.preview.progressBar.progress(progress);
+        if (this.preview.progressBar)
+            this.preview.progressBar.progress = progress;
         if (this._window) {
             var div = this._window.document.getElementById('loading');
             let exportText = getLocalization('Exporting the document...', 'PreviewStringId.Msg_ExportingDocument') + ' ' + progress + '%';
@@ -497,16 +509,15 @@ export class ExportHandler extends Disposable {
         this._window = null;
     }
 }
-ko.bindingHandlers['dxViewerExport'] = {
-    init: function (element, valueAccessor) {
-        var exportHandler = valueAccessor();
-        var templateHtml = getTemplate('dxrd-export-tool-content');
-        $.fn.constructor(element).append(templateHtml);
-        var exportFrame = document.createElement('iframe');
-        exportFrame.name = exportHandler.exportingFrameName;
-        exportFrame.setAttribute('role', 'none');
-        element.querySelector('.dxrd-visually-hidden').appendChild(exportFrame);
-        exportHandler.exportingFrame = exportFrame;
-        exportHandler.postingForm = element.querySelector('form');
-    }
-};
+__decorate([
+    mutable(null)
+], ExportHandler.prototype, "exportActionUri", void 0);
+__decorate([
+    mutable(() => [])
+], ExportHandler.prototype, "exportFormData", void 0);
+__decorate([
+    mutable(null)
+], ExportHandler.prototype, "reportDisplayName", void 0);
+__decorate([
+    mutable(false)
+], ExportHandler.prototype, "popupVisible", void 0);

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

@@ -0,0 +1,39 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.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 { getParentContainer } from '@devexpress/analytics-core/analytics-internal-native';
+import { IViewModel, PropertyChangedEventArgs } from '@devexpress/analytics-core/analytics-serializer-native';
+import { dxPopupToolbarItem } from 'devextreme/ui/popup';
+import { ExportHandler } from './_exportHandler';
+export interface IExportToolViewModel extends IViewModel {
+    popupOptions: {
+        width: string;
+        height: string;
+        title: string;
+        visible: boolean;
+        toolbarItems: Array<dxPopupToolbarItem>;
+        wrapperAttr: {
+            [key: string]: string;
+        };
+        getPopupContainer: typeof getParentContainer;
+        onHidden: () => void;
+    };
+    printingTexts: {
+        link: string;
+        caption: string;
+        postfix: string;
+        prefix: string;
+    };
+    exportActionUri: string;
+    exportFormData: Array<{
+        name: string;
+        value: string;
+    }>;
+    printingLinkCallback: (data: IExportToolViewModel, event: Event) => void;
+}
+export declare function createExportHandlerViewModel(this: ExportHandler, base: IViewModel): IExportToolViewModel;
+export declare function updateExportHandlerViewModel(this: ExportHandler, args: PropertyChangedEventArgs<ExportHandler>): void;

package/viewer/internal/_exportHandler.viewModel.js

@@ -0,0 +1,55 @@
+/**
+* DevExpress HTML/JS Reporting (viewer\internal\_exportHandler.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 { getLocalization, getParentContainer, StringId } from '@devexpress/analytics-core/analytics-internal-native';
+import { createViewModelGenerator } from '@devexpress/analytics-core/analytics-serializer-native';
+export function createExportHandlerViewModel(base) {
+    const printingTextParts = getLocalization('If the operation fails, you can download the {0} and print it out from another application.', 'ASPxReportsStringId.WebDocumentViewer_Print_Popup_Text').split('{0}');
+    return createViewModelGenerator(base)
+        .generateProperty('popupOptions', createViewModelGenerator()
+        .generateProperty('width', '515px')
+        .generateProperty('height', 'auto')
+        .generateProperty('title', this.getPopupTitle())
+        .generateProperty('visible', this.popupVisible)
+        .generateProperty('toolbarItems', [{
+            toolbar: 'bottom', location: 'after', widget: 'dxButton',
+            options: {
+                text: getLocalization('OK', StringId.DataAccessBtnOK), type: 'default', stylingMode: 'contained',
+                onClick: () => {
+                    this.popupVisible = false;
+                }
+            }
+        }])
+        .generateProperty('wrapperAttr', { class: 'dxrd-print-dialog dx-editors dx-widget' })
+        .generateProperty('getPopupContainer', (element) => getParentContainer(element))
+        .generateProperty('onHidden', () => this.clearExportTools())
+        .getViewModel())
+        .generateProperty('printingTexts', createViewModelGenerator()
+        .generateProperty('link', getLocalization('document in PDF format', 'ASPxReportsStringId.WebDocumentViewer_Print_Popup_LinkText'))
+        .generateProperty('caption', getLocalization('The browser sent the document to the printer.', 'ASPxReportsStringId.WebDocumentViewer_Print_Popup_Caption'))
+        .generateProperty('postfix', printingTextParts[1])
+        .generateProperty('prefix', printingTextParts[0])
+        .getViewModel())
+        .generateProperty('exportActionUri', this.exportActionUri)
+        .generateProperty('exportFormData', this.exportFormData)
+        .generateProperty('printingLinkCallback', (_, event) => {
+        this.printingLinkCallback();
+        event.preventDefault();
+    })
+        .getViewModel();
+}
+export function updateExportHandlerViewModel(args) {
+    const viewModel = this.getViewModel();
+    if (args.propertyName === 'popupVisible')
+        viewModel.popupOptions.visible = this.popupVisible;
+    if (args.propertyName === 'reportDisplayName')
+        viewModel.popupOptions.title = this.getPopupTitle();
+    if (args.propertyName === 'exportActionUri')
+        viewModel.exportActionUri = this.exportActionUri;
+    if (args.propertyName === 'exportFormData')
+        viewModel.exportFormData = this.exportFormData;
+}

package/viewer/internal/_initializer.d.ts

@@ -1,14 +1,14 @@
-/**
-* DevExpress HTML/JS Reporting (viewer\internal\_initializer.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\internal\_initializer.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
+*/
 /// <reference types="jquery" />
 import { IBindingSettings, IPreviewCustomizationHandler, IWebDocumentViewerModel } from '../utils/initializer';
 import { PreviewDisposableModel, PreviewModel } from './_previewModel';
 export declare function createDesktopPreview(bindingSettings: IBindingSettings): PreviewModel;
 export declare function createPreview(bindingSettings: IBindingSettings): JQueryDeferred<PreviewDisposableModel>;
-export declare function createPreviewModel(viewerModel: IWebDocumentViewerModel, element: Element, callbacks?: IPreviewCustomizationHandler, applyBindings?: boolean): JQueryDeferred<PreviewDisposableModel>;
+export declare function createPreviewModel(viewerModel: IWebDocumentViewerModel, element: HTMLElement, callbacks?: IPreviewCustomizationHandler, applyBindings?: boolean): JQueryDeferred<PreviewDisposableModel>;
 export declare function initPreviewModel(previewModel: PreviewDisposableModel, viewerModel: IWebDocumentViewerModel): void;