devexpress-reporting 25.1.2-beta → 25.1.4-build-25190-1932

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  25.1.2-beta
-* Build date: May 14, 2025
+* Version:  25.1.0
+* Build date: Jul 9, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -990,7 +990,7 @@ class EventGenerator {
 ;// external "DevExpress.Analytics.Internal.dxversions"
 const external_DevExpress_Analytics_Internal_dxversions_namespaceObject = DevExpress.Analytics.Internal.dxversions;
 ;// ./dist/dx-reporting-version.js
-const version = '25.1.2';
+const version = '25.1.0';
 
 ;// ./dist/common/versions.js
 
@@ -2771,6 +2771,9 @@ class TextEditingFieldViewModelBase extends EditingFieldBase {
             }
         });
     }
+    onInput(data, event) {
+        this.field._editorValue = event.target['value'];
+    }
     createViewModel() {
         return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(super.createViewModel())
             .generateProperty('textStyle', this.textStyle)
@@ -2836,6 +2839,7 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
             .generateProperty('value', field._editorValue)
             .generateProperty('hideEditor', (shouldCommit) => this.hideEditor(shouldCommit, false))
             .generateProperty('keypressAction', (data, event) => this.keypressAction(data, event))
+            .generateProperty('onInput', (data, event) => this.onInput(data, event))
             .generateProperty('textStyle', this.textStyle)
             .generateProperty('options', editorOptions)
             .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)
@@ -3028,6 +3032,7 @@ class CharacterCombEditingFieldViewModel extends TextEditingFieldViewModelBase {
             .generateProperty('cells', this.cells)
             .generateProperty('hideEditor', (data) => this.hideEditor(!!data))
             .generateProperty('keypressAction', (data, event) => this.keypressAction(data, event))
+            .generateProperty('onInput', (data, event) => this.onInput(data, event))
             .getViewModel();
     }
     activateEditor(viewModel, event) {
@@ -4131,6 +4136,11 @@ class ParametersGroupEditor extends external_DevExpress_Analytics_Widgets_namesp
         this._set('editorCreated', true);
         return super.createObjectProperties();
     }
+    _checkVisibility() {
+        const viewmodel = this._get('viewmodel');
+        const groupVisible = viewmodel?._get('_editors').filter(editor => editor.editorTemplate !== 'dxrd-parameters-separator').some(editor => editor._get('visible')) ?? true;
+        return groupVisible && super._checkVisibility();
+    }
 }
 
 ;// ./dist/viewer/widgets/_multiValueEditor.js
@@ -4333,8 +4343,6 @@ function createExportHandlerViewModel(base) {
         .generateProperty('postfix', printingTextParts[1])
         .generateProperty('prefix', printingTextParts[0])
         .getViewModel())
-        .generateProperty('exportActionUri', this.exportActionUri)
-        .generateProperty('exportFormData', this.exportFormData)
         .generateProperty('printingLinkCallback', (_, event) => {
         this.printingLinkCallback();
         event.preventDefault();
@@ -4347,10 +4355,6 @@ function updateExportHandlerViewModel(args) {
         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;
 }
 
 ;// ./dist/viewer/internal/_previewRequestWrapper.js
@@ -4440,7 +4444,6 @@ class PreviewRequestWrapper {
             currentChunkPosition: currentChunkPosition,
             prevResponse: prevResponse,
             summaryTranslation: summaryTranslation,
-            editingFieldValues: this._reportPreview._editingFields?.map(item => item.getEditValue())
         }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during Text Translation', 'ASPxReportsStringId.WebDocumentViewer_TranslateTextError')), () => ignore);
     }
     translateDocumentInPlaseRequest(brickIndexes, toLanguage, isWholeDocument, prevResponse, currentChunkPosition, pageIndex, aiCustomDocumentStorageId, ignore) {
@@ -4453,7 +4456,6 @@ class PreviewRequestWrapper {
             currentChunkPosition: currentChunkPosition,
             prevResponse: prevResponse,
             aiCustomDocumentStorageId: aiCustomDocumentStorageId,
-            editingFieldValues: this._reportPreview._editingFields?.map(item => item.getEditValue())
         }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during Text Translation', 'ASPxReportsStringId.WebDocumentViewer_TranslateTextError')), () => ignore);
     }
     summarizeTextRequest(text, isWholeDocument, prevResponse, currentChunkPosition, language, ignore) {
@@ -4760,13 +4762,19 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
     }
     _formSubmit(_requestData, _formTarget) {
         if (this.postingForm) {
+            const parent = this.postingForm.parentElement;
+            parent.removeChild(this.postingForm);
+            const form = document.createElement('form');
+            this.postingForm = form;
+            parent.prepend(form);
             this.postingForm.target = _formTarget;
-            this.exportActionUri = _requestData.RequestUrl;
-            const formData = [];
+            this.postingForm.action = _requestData.RequestUrl;
             for (const key in _requestData.FormData) {
-                formData.push({ name: key, value: _requestData.FormData[key] });
+                const input = document.createElement('input');
+                input.name = key;
+                input.value = _requestData.FormData[key];
+                this.postingForm.appendChild(input);
             }
-            this.exportFormData = formData;
             this.postingForm.submit();
         }
     }
@@ -4942,11 +4950,11 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
             });
         };
         if (this.preview._documentHasTranslation() && !printable) {
-            this.preview.exportTranslatedHandler = () => {
+            this.preview._exportTranslatedHandler = () => {
                 startExportProcessAsync();
-                this.preview.exportTranslatedDocPopupVisible = false;
+                this.preview._exportTranslatedDocPopupVisible = false;
             };
-            this.preview.exportTranslatedDocPopupVisible = true;
+            this.preview._exportTranslatedDocPopupVisible = true;
         }
         else {
             startExportProcessAsync();
@@ -5006,11 +5014,11 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
     }
     _executeXhr(_exportWindow, _requestData, _method, _handleXhrReady) {
         this._prepareXhr(_exportWindow, _requestData, _method, _requestData.RequestUrl, _handleXhrReady);
-        const formData = new FormData();
+        const data = new URLSearchParams();
         for (const key in _requestData.FormData) {
-            formData.append(key, _requestData.FormData[key]);
+            data.append(key, _requestData.FormData[key]);
         }
-        this._xhr.send(formData);
+        this._xhr.send(data);
     }
     _printUsingBlobFetch(_exportWindow, _requestData, _method, useSameTab, printable, operationId, abortController) {
         if (this._useSameTabExport && (!printable || (isMobile && !useSameTab))) {
@@ -5033,6 +5041,7 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
             _handleXhrReady(_this, this, _exportWindow, _requestData);
         };
         this._xhr.open(_method, _exportUrl);
+        this._xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
         this._xhr.responseType = 'blob';
     }
     _handleXhrReady(_this, _xmlHttpRequest, _exportWindow, _requestData) {
@@ -5132,12 +5141,6 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
         this._window = null;
     }
 }
-_exportHandler_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
-], ExportHandler.prototype, "exportActionUri", void 0);
-_exportHandler_decorate([
-    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => [])
-], ExportHandler.prototype, "exportFormData", void 0);
 _exportHandler_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
 ], ExportHandler.prototype, "reportDisplayName", void 0);
@@ -5314,8 +5317,8 @@ function createPreviewPageViewModel(base) {
         .generateProperty('page_id', this.page_id)
         .generateProperty('aiCustomDocumentStorageId', this.aiCustomDocumentStorageId)
         .generateProperty('revertToOriginal', () => this.revertToOriginal())
-        .generateProperty('revertToOriginalBtnTxt', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Revert to Original', 'ASPxReportsStringId.AIPanel_RevertPageToOriginal'))
-        .generateProperty('translatedPageBadgeText', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('AI-generated Translation', 'ASPxReportsStringId.WebDocumentViewer_AIGeneratedTranslation'))
+        .generateProperty('revertToOriginalBtnTxt', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Revert to Original', 'ASPxReportsStringId.WebDocumentViewer_AI_RevertToOriginal'))
+        .generateProperty('translatedPageBadgeText', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('AI-generated Translation', 'ASPxReportsStringId.WebDocumentViewer_AIGeneratedTranslation_Label'))
         .generateProperty('loading', this.loading)
         .generateProperty('clickableBricks', this.clickableBricks)
         .generateProperty('setPageActiveChangedEvent', (callback) => {
@@ -6410,6 +6413,7 @@ class SortingProcessor {
 
 ;// ./dist/viewer/reportPreview.viewModel.js
 
+
 function createReportPreviewViewModel(base) {
     return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(base)
         .generateProperty('editingFieldsHighlighted', this.editingFieldsHighlighted)
@@ -6436,13 +6440,23 @@ function createReportPreviewViewModel(base) {
         .generateProperty('delayedInit', () => this.delayedInit())
         .generateProperty('emptyDocumentCaption', this.emptyDocumentCaption)
         .generateProperty('previewBrickKeyboardHelper', this.previewBrickKeyboardHelper)
-        .generateProperty('exportTranslatedDocPopupVisible', this.exportTranslatedDocPopupVisible)
-        .generateProperty('exportTranslatedDodumentWarningMsg', this.exportTranslatedDodumentWarningMsg)
-        .generateProperty('exportTranslatedDocumentButtonText', this.exportTranslatedDocumentButtonText)
-        .generateProperty('exportOriginalDocumentButtonText', this.exportOriginalDocumentButtonText)
-        .generateProperty('exportTranslatedHandler', this.exportTranslatedHandler)
-        .generateProperty('exportTranslatedCancel', this.exportTranslatedCancel)
-        .generateProperty('onExportPopupHiding', () => this.exportTranslatedDocPopupVisible = false)
+        .generateProperty('_exportTranslatedDocPopupVisible', this._exportTranslatedDocPopupVisible)
+        .generateProperty('_exportTranslatedDodumentWarningMsg', this._exportTranslatedDodumentWarningMsg)
+        .generateProperty('_exportTranslatedDocumentButtonText', this._exportTranslatedDocumentButtonText)
+        .generateProperty('_exportOriginalDocumentButtonText', this._exportOriginalDocumentButtonText)
+        .generateProperty('_exportTranslatedHandler', this._exportTranslatedHandler)
+        .generateProperty('_exportTranslatedCancel', this._exportTranslatedCancel)
+        .generateProperty('onExportPopupHiding', () => this._exportTranslatedDocPopupVisible = false)
+        .generateProperty('_aiOperationInProgress', this._aiOperationInProgress)
+        .generateProperty('_getAILoadingPanelOptions', (element) => {
+        const container = (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(element).closest('.dxrd-preview-surface')[0];
+        return {
+            visible: true,
+            position: { of: container },
+            container: container,
+            text: (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('AI operation in progress...', 'ASPxReportsStringId.AI_OperationInProgress'),
+        };
+    })
         .getViewModel();
 }
 function updateReportPreviewViewModel(args) {
@@ -6450,22 +6464,22 @@ function updateReportPreviewViewModel(args) {
     if (args.propertyName === 'editingFieldsHighlighted') {
         viewModel.editingFieldsHighlighted = this.editingFieldsHighlighted;
     }
-    if (args.propertyName === 'showMultipagePreview') {
+    else if (args.propertyName === 'showMultipagePreview') {
         viewModel.showMultipagePreview = this.showMultipagePreview;
     }
-    if (args.propertyName === 'rtlReport') {
+    else if (args.propertyName === 'rtlReport') {
         viewModel.rtlReport = this.rtlReport;
     }
-    if (args.propertyName === 'emptyDocumentCaption') {
+    else if (args.propertyName === 'emptyDocumentCaption') {
         viewModel.emptyDocumentCaption = this.emptyDocumentCaption;
     }
-    if (args.propertyName === 'previewVisible') {
+    else if (args.propertyName === 'previewVisible') {
         viewModel.previewVisible = this.previewVisible;
     }
-    if (args.propertyName === 'currentPage') {
+    else if (args.propertyName === 'currentPage') {
         viewModel.currentPage = this.currentPage?.getViewModel();
     }
-    if (args.propertyName === 'pages') {
+    else if (args.propertyName === 'pages') {
         if ('removed' in args) {
             args.removed.forEach(removed => viewModel.pages.splice(removed.index, 1));
         }
@@ -6493,14 +6507,17 @@ function updateReportPreviewViewModel(args) {
             viewModel.pages = this._getPagesViewModels();
         }
     }
-    if (args.propertyName === 'signatures') {
+    else if (args.propertyName === 'signatures') {
         viewModel.signatures = this.signatures;
     }
-    if (args.propertyName === 'exportTranslatedDocPopupVisible') {
-        viewModel.exportTranslatedDocPopupVisible = this.exportTranslatedDocPopupVisible;
+    else if (args.propertyName === '_exportTranslatedDocPopupVisible') {
+        viewModel._exportTranslatedDocPopupVisible = this._exportTranslatedDocPopupVisible;
     }
-    if (args.propertyName === 'exportTranslatedHandler') {
-        viewModel.exportTranslatedHandler = this.exportTranslatedHandler;
+    else if (args.propertyName === '_exportTranslatedHandler') {
+        viewModel._exportTranslatedHandler = this._exportTranslatedHandler;
+    }
+    else if (args.propertyName === '_aiOperationInProgress') {
+        viewModel._aiOperationInProgress = this._aiOperationInProgress;
     }
 }
 
@@ -6883,6 +6900,8 @@ var reportPreview_decorate = (undefined && undefined.__decorate) || function (de
 
 class ReportPreview extends ReportHolder {
     _doDrillDown(drillDownKey) {
+        if (this._currentStartBuildPromise)
+            return this._currentStartBuildPromise;
         this._drillDownState.forEach((x) => x.Key === drillDownKey && (x.Value = !x.Value));
         const documentId = this.documentId;
         this.closeDocument();
@@ -6897,15 +6916,17 @@ class ReportPreview extends ReportHolder {
                 page._clear();
             }
         }
-        this._startBuildRequest();
+        return this._startBuildRequest();
     }
     _doSorting(sortData, shiftKey, ctrlKey) {
+        if (this._currentStartBuildPromise)
+            return this._currentStartBuildPromise;
         if (!this._sortingProcessor.doSorting(sortData, shiftKey, ctrlKey))
             return;
         this.closeDocument();
         this.documentMap = null;
         this.pages.forEach(page => page._clear());
-        this._startBuildRequest();
+        return this._startBuildRequest();
     }
     dispose() {
         super.dispose();
@@ -6993,12 +7014,12 @@ class ReportPreview extends ReportHolder {
                     else if (brickNavigation.drillDownKey && _self.reportId && _self._doDrillDown && _self._drillDownState.length > 0) {
                         if (_self._startBuildOperationId)
                             return;
-                        _self._doDrillDown(brickNavigation.drillDownKey);
+                        return _self._doDrillDown(brickNavigation.drillDownKey);
                     }
                     else if (brickNavigation.sortData && _self.reportId && _self._doSorting && _self._sortingState.length > 0) {
                         if (_self._startBuildOperationId)
                             return;
-                        _self._doSorting(brickNavigation.sortData, shiftKey, ctrlKey);
+                        return _self._doSorting(brickNavigation.sortData, shiftKey, ctrlKey);
                     }
                     else if (brickNavigation.pageIndex >= 0) {
                         const targetPage = _self.pages.filter(page => page.pageIndex === brickNavigation.pageIndex)[0];
@@ -7046,6 +7067,7 @@ class ReportPreview extends ReportHolder {
         this._timeouts = [];
         this._zoomLocker = new Locker();
         this._currentDrillThroughPromise = null;
+        this._currentStartBuildPromise = null;
         this.getSelectedContent = (punctuationMark = '', bricks) => {
             const currentPage = this.pages[this.pageIndex];
             if (!currentPage || !currentPage.brickColumnWidthArray) {
@@ -7105,10 +7127,10 @@ class ReportPreview extends ReportHolder {
             });
             return result;
         };
-        this.exportTranslatedDocPopupVisible = false;
-        this.exportTranslatedDodumentWarningMsg = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('You are about to export a document that contains AI-generated translations. Do you want to proceed?', 'ASPxReportsStringId.WebDocumentViewer_DocumentContainsTranslationMsg');
-        this.exportTranslatedDocumentButtonText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('OK', 'ASPxReportsStringId.WebDocumentViewer_ExportTranslatedProceed');
-        this.exportOriginalDocumentButtonText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cancel', 'ASPxReportsStringId.WebDocumentViewer_ExportTranslationCancel');
+        this._exportTranslatedDocPopupVisible = false;
+        this._exportTranslatedDodumentWarningMsg = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('You are about to export a document that contains AI-generated translations. Do you want to proceed?', 'ASPxReportsStringId.WebDocumentViewer_AI_ExportDocumentWithTranslations_Message');
+        this._exportTranslatedDocumentButtonText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('OK', 'ASPxReportsStringId.WebDocumentViewer_AI_ExportDocumentWithTranslations_OK');
+        this._exportOriginalDocumentButtonText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cancel', 'ASPxReportsStringId.WebDocumentViewer_AI_ExportDocumentWithTranslations_Cancel');
         this.editingFieldsProvider = () => this._editingFields;
         this._raiseOnSizeChanged = () => { this._loadVisibleImages && this._loadVisibleImages(); };
         this._loadVisibleImages = null;
@@ -7262,10 +7284,17 @@ class ReportPreview extends ReportHolder {
         }
         this.setPageVisibility(firstPage, true);
     }
-    _show(initializeDataPromise) {
+    _show(initializeDataPromise, isAIOperation = false) {
         this.previewVisible = true;
         this._breadcrumb.reset();
         this.initialize(initializeDataPromise);
+        if (isAIOperation) {
+            this._aiOperationInProgress = true;
+            const onfulfilled = () => {
+                this._aiOperationInProgress = false;
+            };
+            initializeDataPromise.then(onfulfilled, onfulfilled);
+        }
     }
     initialize(initializeDataPromise, closeDocument = true) {
         this.reportOpening = true;
@@ -7273,76 +7302,72 @@ class ReportPreview extends ReportHolder {
         this.reportUrl = null;
         this.documentId = null;
         this._initialize(closeDocument);
-        const _initializeDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
-        this._deferreds.push(_initializeDeferred);
-        _initializeDeferred.done(() => {
-            initializeDataPromise.then((previewInitialize) => {
-                (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(previewInitialize?._licenseOptions);
-                this.reportOpening = false;
-                if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
-                    const setReport = (previewInitialize, parameters, pageIndex) => {
-                        this._initialize(false);
-                        this.documentBuilding = false;
-                        this.progressBar.inProgress = false;
-                        this.reportId = previewInitialize.reportId;
-                        this.reportUrl = previewInitialize.reportUrl;
-                        this.documentId = previewInitialize.documentId;
-                        this.rtlReport = previewInitialize.rtlReport;
-                        const pageSettings = previewInitialize.pageSettings;
-                        if (pageSettings) {
-                            if (pageSettings.height)
-                                this._pageHeight = pageSettings.height;
-                            if (pageSettings.width)
-                                this._pageWidth = pageSettings.width;
-                            this._pageBackColor = (pageSettings.color && this.readerMode) ? 'rgba(' + pageSettings.color + ')' : '';
-                        }
-                        this._initialDocumentData = previewInitialize.documentData;
-                        this._sortCustomParametersLookUpValues(previewInitialize.parametersInfo);
-                        this.originalParametersInfo = previewInitialize.parametersInfo;
-                        if (previewInitialize.documentId && !this.documentBuilding) {
-                            const documentIdPromise = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().resolve(previewInitialize.documentId).promise();
-                            this.progressBar.startProgress(null, () => { this.stopBuild(); }, documentIdPromise)
-                                .always(() => { this.documentBuilding = false; });
-                            this.documentBuilding = true;
-                            const doGetBuildStatusFunc = this.getDoGetBuildStatusFunc(true);
-                            doGetBuildStatusFunc(previewInitialize.documentId);
-                        }
-                        if (parameters) {
-                            Object.keys(parameters).forEach(path => {
-                                this.previewParametersViewModel.setParameterValueByPath(path, parameters[path]);
-                            });
-                        }
-                        this._breadcrumb.updatePreviewSize && this._breadcrumb.updatePreviewSize();
-                        this.disposePagesChangedEvent && this.disposePagesChangedEvent();
-                        if (pageIndex !== undefined) {
-                            this.disposePagesChangedEvent = this.events.on('pagesChanged', (args) => {
-                                const pageInfo = this._breadcrumb.getCurrentPageInfo();
-                                if (this.pages.length && this.pages.length > pageInfo.pageIndex) {
-                                    const targetPage = this.pages[pageInfo.pageIndex];
-                                    if (targetPage) {
-                                        this.pageIndex !== pageInfo.pageIndex && this.goToPage(pageInfo.pageIndex);
-                                        pageInfo.indexes && pageInfo.indexes.length && targetPage.selectBrick(pageInfo.indexes);
-                                        this.disposePagesChangedEvent && this.disposePagesChangedEvent();
-                                    }
+        initializeDataPromise.then((previewInitialize) => {
+            (0,external_DevExpress_Analytics_Internal_namespaceObject._addLicenseTrigger)(previewInitialize?._licenseOptions);
+            this.reportOpening = false;
+            if (previewInitialize && !previewInitialize.error && !previewInitialize.startBuildFaultMessage && (previewInitialize.reportId || previewInitialize.documentId)) {
+                const setReport = (previewInitialize, parameters, pageIndex) => {
+                    this._initialize(false);
+                    this.documentBuilding = false;
+                    this.progressBar.inProgress = false;
+                    this.reportId = previewInitialize.reportId;
+                    this.reportUrl = previewInitialize.reportUrl;
+                    this.documentId = previewInitialize.documentId;
+                    this.rtlReport = previewInitialize.rtlReport;
+                    const pageSettings = previewInitialize.pageSettings;
+                    if (pageSettings) {
+                        if (pageSettings.height)
+                            this._pageHeight = pageSettings.height;
+                        if (pageSettings.width)
+                            this._pageWidth = pageSettings.width;
+                        this._pageBackColor = (pageSettings.color && this.readerMode) ? 'rgba(' + pageSettings.color + ')' : '';
+                    }
+                    this._initialDocumentData = previewInitialize.documentData;
+                    this._sortCustomParametersLookUpValues(previewInitialize.parametersInfo);
+                    this.originalParametersInfo = previewInitialize.parametersInfo;
+                    if (previewInitialize.documentId && !this.documentBuilding) {
+                        const documentIdPromise = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred().resolve(previewInitialize.documentId).promise();
+                        this.progressBar.startProgress(null, () => { this.stopBuild(); }, documentIdPromise)
+                            .always(() => { this.documentBuilding = false; });
+                        this.documentBuilding = true;
+                        const doGetBuildStatusFunc = this.getDoGetBuildStatusFunc(true);
+                        doGetBuildStatusFunc(previewInitialize.documentId);
+                    }
+                    if (parameters) {
+                        Object.keys(parameters).forEach(path => {
+                            this.previewParametersViewModel.setParameterValueByPath(path, parameters[path]);
+                        });
+                    }
+                    this._breadcrumb.updatePreviewSize && this._breadcrumb.updatePreviewSize();
+                    this.disposePagesChangedEvent && this.disposePagesChangedEvent();
+                    if (pageIndex !== undefined) {
+                        this.disposePagesChangedEvent = this.events.on('pagesChanged', (args) => {
+                            const pageInfo = this._breadcrumb.getCurrentPageInfo();
+                            if (this.pages.length && this.pages.length > pageInfo.pageIndex) {
+                                const targetPage = this.pages[pageInfo.pageIndex];
+                                if (targetPage) {
+                                    this.pageIndex !== pageInfo.pageIndex && this.goToPage(pageInfo.pageIndex);
+                                    pageInfo.indexes && pageInfo.indexes.length && targetPage.selectBrick(pageInfo.indexes);
+                                    this.disposePagesChangedEvent && this.disposePagesChangedEvent();
                                 }
-                            });
-                        }
-                    };
-                    setReport(previewInitialize);
-                    this._breadcrumb.updateCurrentItem(previewInitialize, setReport, previewInitialize.documentData?.displayName);
-                }
-                else if (previewInitialize.startBuildFaultMessage) {
-                    this._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot create a document for the current report', 'ASPxReportsStringId.WebDocumentViewer_DocumentCreationError'), null, true, previewInitialize.startBuildFaultMessage);
-                }
-                else {
-                    this.pageLoading = false;
-                    this._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('The report preview initialization has failed', 'ASPxReportsStringId.WebDocumentViewer_InitializationError'), previewInitialize && previewInitialize.error);
-                }
-            }, (error) => {
-                this.reportOpening = false;
-                this.removeEmptyPages();
-            });
-        }).resolve();
+                            }
+                        });
+                    }
+                };
+                setReport(previewInitialize);
+                this._breadcrumb.updateCurrentItem(previewInitialize, setReport, previewInitialize.documentData?.displayName);
+            }
+            else if (previewInitialize.startBuildFaultMessage) {
+                this._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot create a document for the current report', 'ASPxReportsStringId.WebDocumentViewer_DocumentCreationError'), null, true, previewInitialize.startBuildFaultMessage);
+            }
+            else {
+                this.pageLoading = false;
+                this._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('The report preview initialization has failed', 'ASPxReportsStringId.WebDocumentViewer_InitializationError'), previewInitialize && previewInitialize.error);
+            }
+        }, (error) => {
+            this.reportOpening = false;
+            this.removeEmptyPages();
+        });
         return initializeDataPromise;
     }
     _deserializeExportOptions(exportOptionsString, isMerged) {
@@ -7356,6 +7381,8 @@ class ReportPreview extends ReportHolder {
         this.documentId = null;
     }
     startBuild() {
+        if (this._currentStartBuildPromise)
+            return this._currentStartBuildPromise;
         this._initialize();
         return this._startBuildRequest();
     }
@@ -7365,29 +7392,28 @@ class ReportPreview extends ReportHolder {
             return;
         const serializedExportOptions = this.exportOptionsModel ? JSON.stringify((0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.nativeModelSerializer)().serialize(this.exportOptionsModel)) : null;
         const editingFields = () => this._editingFields.map(item => item.getEditValue());
-        const customDocumentOperationPromise = new Promise((resolve, reject) => {
-            setTimeout(() => this.requestWrapper.customDocumentOperation(documentId, serializedExportOptions, editingFields(), customData, hideMessageFromUser)
-                .then((response) => {
-                try {
-                    if (response && response.message) {
-                        if (response.succeeded) {
-                            MessageHandler().processMessage(response.message, !hideMessageFromUser, this._getToastMessageContainer());
-                        }
-                        else {
-                            MessageHandler().processError(response.message, !hideMessageFromUser, undefined, this._getToastMessageContainer());
-                        }
+        const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        setTimeout(() => this.requestWrapper.customDocumentOperation(documentId, serializedExportOptions, editingFields(), customData, hideMessageFromUser)
+            .done((response) => {
+            try {
+                if (response && response.message) {
+                    if (response.succeeded) {
+                        MessageHandler().processMessage(response.message, !hideMessageFromUser, this._getToastMessageContainer());
+                    }
+                    else {
+                        MessageHandler().processError(response.message, !hideMessageFromUser, undefined, this._getToastMessageContainer());
                     }
                 }
-                finally {
-                    resolve(response);
-                }
-            })
-                .catch(error => {
-                const response = { message: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('The requested document operation cannot be performed.', 'ASPxReportsStringId.WebDocumentViewer_CustomDocumentOperationsDenied_Error') };
-                reject(response);
-            }));
-        });
-        return customDocumentOperationPromise;
+            }
+            finally {
+                deferred.resolve(response);
+            }
+        })
+            .fail(error => {
+            const response = { message: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('The requested document operation cannot be performed.', 'ASPxReportsStringId.WebDocumentViewer_CustomDocumentOperationsDenied_Error') };
+            deferred.reject(response);
+        }));
+        return deferred.promise();
     }
     _initializeStartBuild(documentIdPromise) {
         if (this.documentBuilding || this._startBuildOperationId) {
@@ -7402,10 +7428,13 @@ class ReportPreview extends ReportHolder {
     }
     _startBuildRequest() {
         const documentIdDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this._deferreds.push(documentIdDeferred);
         if (!this._initializeStartBuild(documentIdDeferred.promise())) {
             return null;
         }
         const deferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this._currentStartBuildPromise = deferred.promise();
+        this._deferreds.push(deferred);
         const currentReportId = this.reportId;
         const startBuildOperationId = this._startBuildOperationId;
         const shouldIgnoreError = () => this._closeReportRequests[currentReportId];
@@ -7418,7 +7447,10 @@ class ReportPreview extends ReportHolder {
             this.previewHandlersHelper && this.previewHandlersHelper.errorStartBuildHandler(deferred, startBuildOperationId);
             documentIdDeferred.reject();
         });
-        deferred.always(() => this._startBuildOperationId = '');
+        deferred.always(() => {
+            this._startBuildOperationId = '';
+            this._currentStartBuildPromise = null;
+        });
         return deferred.promise();
     }
     _documentHasTranslation() {
@@ -7633,11 +7665,11 @@ class ReportPreview extends ReportHolder {
             this.exportOptionsModel.pdf._set('pageRange', previousPageRange);
         };
         if (this._documentHasTranslation()) {
-            this.exportTranslatedHandler = () => {
+            this._exportTranslatedHandler = () => {
                 printDocument();
-                this.exportTranslatedDocPopupVisible = false;
+                this._exportTranslatedDocPopupVisible = false;
             };
-            this.exportTranslatedDocPopupVisible = true;
+            this._exportTranslatedDocPopupVisible = true;
         }
         else {
             printDocument();
@@ -7720,8 +7752,8 @@ class ReportPreview extends ReportHolder {
     createEditingField(item, index) {
         return new EditingField(item, index, this.requestWrapper);
     }
-    exportTranslatedCancel() {
-        this.exportTranslatedDocPopupVisible = false;
+    _exportTranslatedCancel() {
+        this._exportTranslatedDocPopupVisible = false;
     }
     _updateExportDisabled() {
         this.exportDisabled = this.progressBar.inProgress || !this.exportOptionsModel;
@@ -7818,19 +7850,19 @@ class ReportPreview extends ReportHolder {
 }
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
-], ReportPreview.prototype, "exportTranslatedDocPopupVisible", void 0);
+], ReportPreview.prototype, "_exportTranslatedDocPopupVisible", void 0);
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('')
-], ReportPreview.prototype, "exportTranslatedDodumentWarningMsg", void 0);
+], ReportPreview.prototype, "_exportTranslatedDodumentWarningMsg", void 0);
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('')
-], ReportPreview.prototype, "exportTranslatedDocumentButtonText", void 0);
+], ReportPreview.prototype, "_exportTranslatedDocumentButtonText", void 0);
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('')
-], ReportPreview.prototype, "exportOriginalDocumentButtonText", void 0);
+], ReportPreview.prototype, "_exportOriginalDocumentButtonText", void 0);
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => { })
-], ReportPreview.prototype, "exportTranslatedHandler", void 0);
+], ReportPreview.prototype, "_exportTranslatedHandler", void 0);
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
 ], ReportPreview.prototype, "exportOptionsModel", void 0);
@@ -7897,6 +7929,9 @@ reportPreview_decorate([
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('')
 ], ReportPreview.prototype, "_pageBackColor", void 0);
+reportPreview_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
+], ReportPreview.prototype, "_aiOperationInProgress", void 0);
 reportPreview_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('', { rateLimit: { timeout: 1000 } })
 ], ReportPreview.prototype, "emptyDocumentCaption", void 0);
@@ -10699,9 +10734,6 @@ class ParameterHelper extends external_DevExpress_Analytics_Serializer_Native_na
             editor: editorType,
             editorOptions: {}
         };
-        if (parameterDescriptor.type === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemGuid) {
-            info.editorOptions.isNullable = parameterDescriptor.allowNull;
-        }
         return info;
     }
     addShowCleanButton(info, parameter) {
@@ -11013,7 +11045,7 @@ class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_n
         ]));
         this.initialize(this._originalValue, parameterHelper);
     }
-    safeAssignObservable(name, value) {
+    safeAssignObservable(name, value, forceUpdateValue = false) {
         if (name in this) {
             if (PreviewParameter._compareValues(this[name], value))
                 this[name] = this.type === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime ? new Date(0, 0, 0) : null;
@@ -11022,7 +11054,7 @@ class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_n
                 isEqual = (0,external_DevExpress_Analytics_Internal_namespaceObject.compareArrays)(this[name].items, value.items);
             else if (Array.isArray(value))
                 isEqual = (0,external_DevExpress_Analytics_Internal_namespaceObject.compareArrays)(this[name], value);
-            if (!isEqual) {
+            if (!isEqual || forceUpdateValue) {
                 this[name] = value;
             }
         }
@@ -11054,12 +11086,12 @@ class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_n
     }
     initialize(value, parameterHelper) {
         let resultValue;
+        let forceUpdateValue = false;
         if (this.isMultiValueWithLookUp) {
+            forceUpdateValue = !(0,external_DevExpress_Analytics_Internal_namespaceObject.compareArrays)(this?.value?.value, value?.value);
             this.safeAssignObservable('_value', (value || []).map((arrayItem) => {
                 return parameterHelper.getValueConverter(this.type)(arrayItem);
             }));
-            if (this.value)
-                this.value._value = this._value;
             const multiValuesHelper = new MultiValuesHelper(this);
             let newItems;
             if (parameterHelper.customizeParameterLookUpSource)
@@ -11089,7 +11121,7 @@ class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_n
         else {
             resultValue = parameterHelper.getValueConverter(this.type)(value);
         }
-        this.safeAssignObservable('value', resultValue);
+        this.safeAssignObservable('value', resultValue, forceUpdateValue);
     }
     serialize() {
         let value = this.isMultiValueWithLookUp ? this._value : this.value;
@@ -11145,10 +11177,11 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
             this['events'] && this['events'].call('propertyChanged', newArgs);
         }
     }
-    constructor(parameterHelper, layoutInfo) {
+    constructor(parameterHelper, _layoutInfo, _root) {
         super();
         this.parameterHelper = parameterHelper;
-        this.layoutInfo = layoutInfo;
+        this._layoutInfo = _layoutInfo;
+        this._root = _root;
         this._parameters = [];
         this._separatorNames = [];
         this._groupLayoutItems = [];
@@ -11180,7 +11213,7 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
                         orientation: groupItemInfo.orientation
                     }
                 };
-                const item = new ParameterPanelItemBase(this.parameterHelper, groupItemInfo);
+                const item = new ParameterPanelItemBase(this.parameterHelper, groupItemInfo, this._root || this);
                 this[name] = item;
                 this._groupLayoutItems.push(item);
                 const newinfo = this._getInfo.concat(info);
@@ -11287,6 +11320,9 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
     }
     getPropertyDependencies(name, status) {
         const parameter = this._getParameterByPath(name);
+        if (!parameter && status === 'visible') {
+            return (this._root || this)._parameters.map(parameter => (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.subscribableProperty)(parameter, [status]));
+        }
         if (status === 'visible')
             return [(0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.subscribableProperty)(parameter, ['visible'])];
         if (status === 'disabled')
@@ -11309,7 +11345,7 @@ class ParameterPanelItemBase extends external_DevExpress_Analytics_Serializer_Na
             this._parameters.push(previewParameter);
             return previewParameter;
         });
-        const layoutInfo = originalParametersInfo.parameterPanelLayout || this.layoutInfo;
+        const layoutInfo = originalParametersInfo.parameterPanelLayout || this._layoutInfo;
         layoutInfo && this._proceedLayoutInfo(layoutInfo, parameters);
         this._groupLayoutItems.forEach(item => item.initialize({}, parameters));
     }
@@ -12777,7 +12813,7 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         this.InvalidLanguageErrorMsg = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Select a language', 'ASPxReportsStringId.AIPanel_InvalidLanguageValueErrorMsg');
         this.SummarizeActionText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Summarize', 'ASPxReportsStringId.AIPanel_SummarizeAction');
         this.TranslateActionText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Translate', 'ASPxReportsStringId.AIPanel_TranslateAction');
-        this.TranslateDocumentInPlaceText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Translate Inline', 'ASPxReportsStringId.AIPanel_TranslateInPlase');
+        this.TranslateDocumentInPlaceText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Translate Inline', 'ASPxReportsStringId.WebDocumentViewer_AI_TranslateInline_MenuAction');
         this.warningMsg = 'Text is too long to process within a single request. Text will be split into sections and processed in {0} steps. Proceed?';
         this.targets = [
             { key: TextSourceTarget.Document, text: this.TextSourceTargetText.Document },
@@ -12795,6 +12831,7 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         const tabInfoVisible = () => !getDisabled() && AIServicesEnabled() && (this.translationEnabled || this.summarizationEnabled);
         this.tabInfo = new AITabInfo(this, 'dxrd-preview-ai-panel', tabInfoVisible());
         const menuItemId = {
+            MenuRoot: 'dx_ai_menu_root_item',
             Summarize: 'dx_summarize_text',
             Translate: 'dx_translate',
             TranslateInPlaceRoot: 'dx_translate_in_place_root',
@@ -12822,42 +12859,32 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 visible: this.inlineTranslationEnabled,
                 id: menuItemId.TranslateInPlaceRoot,
                 items: [{
-                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Current Page', 'ASPxReportsStringId.AIPanel_TranslateCurrentPage'),
+                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Current Page', 'ASPxReportsStringId.WebDocumentViewer_AI_CurrentPage_MenuActions'),
                         id: menuItemId.TranslatePageInPlace,
                         items: this.languages.map(language => {
                             return { ...language, key: menuItemId.TranslatePageInPlace };
                         }),
                     }, {
-                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Entire Document', 'ASPxReportsStringId.AIPanel_TranslateAllDocument'),
+                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Entire Document', 'ASPxReportsStringId.WebDocumentViewer_AI_EntireDocument_MenuAction'),
                         id: menuItemId.TranslateDocumentInPlace,
                         items: this.languages.map(language => {
                             return { ...language, key: menuItemId.TranslateDocumentInPlace };
                         }),
                     },
-                    ...this.languages.map(language => { return { ...language, key: menuItemId.TranslateSelectionInPlace }; })
-                ]
-            },
-            {
-                text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Revert to Original', 'ASPxReportsStringId.AIPanel_RevertPageToOriginal'),
-                id: menuItemId.RevertToOriginalRoot,
-                key: menuItemId.RevertToOriginalRoot,
-                items: [{
-                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Current Page', 'ASPxReportsStringId.AIPanel_RevertPageToOriginal'),
-                        id: menuItemId.RevertPageToOriginal,
-                        key: menuItemId.RevertPageToOriginal,
-                    }, {
-                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Entire Document', 'ASPxReportsStringId.AIPanel_RevertAllDocumentToOriginal'),
+                    ...this.languages.map(language => { return { ...language, key: menuItemId.TranslateSelectionInPlace }; }),
+                    {
+                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Revert to Original', 'ASPxReportsStringId.WebDocumentViewer_AI_RevertToOriginal'),
                         id: menuItemId.RevertAllDocumentToOriginal,
-                        key: menuItemId.RevertAllDocumentToOriginal,
+                        key: menuItemId.RevertAllDocumentToOriginal
                     }]
-            }
-        ];
+            }];
         const that = this;
         this.smartTagAIMenu = {
             dataSource: [{
                     text: '',
                     icon: 'dxrd-svg-menu-aimenu',
-                    items: aiMenuItems
+                    items: aiMenuItems,
+                    id: menuItemId.MenuRoot
                 }],
             hideSubmenuOnMouseLeave: false,
             onItemClick(e) {
@@ -12867,8 +12894,9 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 const itemKey = e.itemData['key'];
                 that.selectedTarget = TextSourceTarget.Selection;
                 if (itemKey === menuItemId.Summarize) {
-                    that.expandAITabPanel();
+                    that.selectedPage = that._currentPage?.pageIndex;
                     that.IsBrickSelected ? that.selectedTarget = TextSourceTarget.Selection : that.selectedTarget = TextSourceTarget.Page;
+                    that.expandAITabPanel();
                     that.onSummarizeClick();
                 }
                 else if (itemKey === menuItemId.TranslatePageInPlace || itemKey === menuItemId.TranslateSelectionInPlace) {
@@ -12880,6 +12908,7 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 else if (itemKey === menuItemId.Translate) {
                     that.expandAITabPanel();
                     that.selectedLanguage = e.itemData['id'];
+                    that.selectedPage = that._currentPage?.pageIndex;
                     if (!that.selectedLanguage) {
                         that.languageSelectBoxComponent?.option({
                             validationStatus: 'invalid',
@@ -12905,17 +12934,18 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 e['submenu']._overlay.option('position', { collision: 'none', boundary: popupContainer });
                 e['submenu']._attachHoverEvents();
                 const submenuItems = e['submenu'].option('items');
-                let updateItems = false;
+                let repaint = false;
                 submenuItems.forEach(function (item) {
+                    let innerItemsUpdates = false;
                     let visible = item.visible;
                     switch (item.id) {
                         case menuItemId.RevertToOriginalRoot:
                             visible = !!that._currentPage.aiCustomDocumentStorageId || that.documentHasTranslation;
-                            item.internalFields?.item?.items?.forEach(item => {
+                            item.internalFields?.item?.items?.forEach(innterItem => {
                                 const pageHasTranslation = !!that._currentPage?.aiCustomDocumentStorageId;
-                                if (item.id === menuItemId.RevertPageToOriginal && item.visible !== pageHasTranslation) {
-                                    item.visible = pageHasTranslation;
-                                    updateItems = true;
+                                if (innterItem.id === menuItemId.RevertPageToOriginal && innterItem.visible !== pageHasTranslation) {
+                                    innterItem.visible = pageHasTranslation;
+                                    innerItemsUpdates = true;
                                 }
                             });
                             break;
@@ -12926,31 +12956,46 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                             visible = that.documentHasTranslation;
                             break;
                         case menuItemId.TranslateInPlaceRoot:
-                            item.internalFields?.item?.items?.forEach(item => {
-                                const shouldChange = item.visible !== !that.IsBrickSelected;
-                                if (item.id === menuItemId.TranslateDocumentInPlace && shouldChange) {
-                                    item.visible = !that.IsBrickSelected;
-                                    updateItems = true;
+                            item.internalFields?.item?.items?.forEach(innterItem => {
+                                const shouldChange = innterItem.visible !== !that.IsBrickSelected;
+                                if (innterItem.id === menuItemId.TranslateDocumentInPlace && shouldChange) {
+                                    innterItem.visible = !that.IsBrickSelected;
+                                    innerItemsUpdates = true;
                                 }
-                                if (item.id === menuItemId.TranslatePageInPlace && shouldChange) {
-                                    item.visible = !that.IsBrickSelected;
-                                    updateItems = true;
+                                if (innterItem.id === menuItemId.TranslatePageInPlace && shouldChange) {
+                                    innterItem.visible = !that.IsBrickSelected;
+                                    innerItemsUpdates = true;
                                 }
-                                if (item.key === menuItemId.TranslateSelectionInPlace && item.visible !== that.IsBrickSelected) {
-                                    item.visible = that.IsBrickSelected;
-                                    updateItems = true;
+                                if (innterItem.key === menuItemId.TranslateSelectionInPlace && innterItem.visible !== that.IsBrickSelected) {
+                                    innterItem.visible = that.IsBrickSelected;
+                                    innerItemsUpdates = true;
+                                }
+                                if (innterItem.id === menuItemId.RevertAllDocumentToOriginal && innterItem.visible != that.documentHasTranslation) {
+                                    innterItem.visible = that.documentHasTranslation;
+                                    innerItemsUpdates = true;
                                 }
                             });
                             break;
                     }
                     if (item.visible !== visible) {
                         item.visible = visible;
-                        item['internalFields']['item']['visible'] = visible;
-                        updateItems = true;
+                        repaint = true;
+                    }
+                    if (innerItemsUpdates && item.internalFields?.item) {
+                        item.internalFields.item.visible = visible;
+                        item.items = item.internalFields.item.items;
+                        repaint = true;
                     }
                 });
-                if (updateItems)
-                    e['submenu'].option('items', submenuItems);
+                if (repaint) {
+                    e['submenu'].option('visible', true);
+                    e['submenu'].repaint();
+                }
+            },
+            onItemRendered(e) {
+                if (e?.itemData?.id === menuItemId.MenuRoot) {
+                    e.itemElement?.setAttribute?.('aria-label', 'AI Menu');
+                }
             },
             visible: AIServicesEnabled()
         };
@@ -12972,6 +13017,7 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         }), reportPreview.events.on('currentPageChanged', (args) => {
             if (args.newValue) {
                 const currentPage = args.newValue;
+                this.selectedPage = currentPage.pageIndex;
                 currentPage.smartTagAIMenu = this.smartTagAIMenu;
                 this.currentPageSelectionSubcriber && this.currentPageSelectionSubcriber();
                 this.updateAIMenuToPage();
@@ -12979,6 +13025,8 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                     this.handleSelectedBrickChangedEvent(args.newValue);
                 });
             }
+        }), reportPreview.events.on('showMultipagePreviewChanged', (args) => {
+            this.updateAIMenuToPage();
         }));
         this.addDisposable(AIServicesEnabled.subscribe(() => {
             this.tabInfo.visible = tabInfoVisible();
@@ -13011,19 +13059,21 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         const topP = topBrick.topP;
         this._currentPage.smartTagAIMenuPosition = {
             heightP: topBrick.heightP,
-            topP: topP,
+            topP: topBrick.top >= 0 ? topP : '0%',
             widthP: topBrick.widthP,
-            leftP: this.reportPreview.rtlViewer ? '0%' : '92.5%',
-            rightP: this.reportPreview.rtlViewer ? '92.5%' : '0%'
+            leftP: this.reportPreview.rtlViewer ? '0%' : 'calc(100% - 40px)',
+            rightP: this.reportPreview.rtlViewer ? 'calc(100% + 40px)' : '0%'
         };
     }
     updateAIMenuToPage() {
+        if (!this._currentPage)
+            return;
         this.selectedTarget = TextSourceTarget.Page;
         this._currentPage.smartTagAIMenuPosition = {
             heightP: '3%',
-            topP: '0%',
+            topP: this.reportPreview?.showMultipagePreview ? '2px' : '0%',
             widthP: '11%',
-            leftP: this.reportPreview?.showMultipagePreview ? '94%' : '100%',
+            leftP: this.reportPreview?.showMultipagePreview ? 'calc(100% - 40px)' : '100%',
             rightP: '0%'
         };
     }
@@ -13068,6 +13118,9 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         }
         else if (args.propertyName === 'selectedTarget') {
             viewModel.targetSelectBoxOptions.value = this.selectedTarget;
+            this.pageSelectBoxVisible = (this.selectedTarget === TextSourceTarget.Page);
+            viewModel.pageSelectBoxVisible = this.pageSelectBoxVisible;
+            viewModel.pageSelectBoxOptions.visible = this.pageSelectBoxVisible;
         }
         else if (args.propertyName === 'selectedLanguage') {
             viewModel.languageSelectBoxOptions.value = this.selectedLanguage;
@@ -13205,7 +13258,7 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         this.reportPreview?.pages.forEach(page => page.aiOperationInProgress = false);
     }
     startProgressBar() {
-        this.progressBar.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Translating the document...', 'ASPxReportsStringId.WebDocumentViewer_TranslatingDocument');
+        this.progressBar.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Translating the document...', 'ASPxReportsStringId.WebDocumentViewer_AI_TranslatingDocument');
         this.progressBar.cancelText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cancel', 'AnalyticsCoreStringId.SearchDialog_Cancel');
         this.progressBar.startProgress(this.reportPreview.documentId, (documentId) => this.cancelDocumentTranslation());
     }
@@ -13290,6 +13343,9 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 this._updatePageImage(page);
             }
         }
+        else {
+            this.failRequestHandler(result.errorMessage, false);
+        }
     }
     _handleTextProcessingResult(result, nextChunkRequestFunc, isSummary = false) {
         if (result.success) {
@@ -13322,7 +13378,7 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                                 this.clearProcessing(false);
                             }
                             else
-                                this.failRequestHandler(result.errorMessage, false);
+                                this.failRequestHandler(result.errorMessage, this.ignore);
                         }, fail => {
                             this.aiProcessingResultText = result.text;
                             this.failRequestHandler(fail, this.ignore);
@@ -13339,7 +13395,7 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             }
         }
         else {
-            this.failRequestHandler(result.errorMessage, false);
+            this.failRequestHandler(result.errorMessage, this.ignore);
         }
     }
     _updatePageImage(page) {
@@ -13361,8 +13417,9 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             resultTextElement && (resultTextElement.style.height = '100%');
         }
     }
-    failRequestHandler(errorMessage, ignore) {
-        this.clearProcessing(false);
+    failRequestHandler(errorMessage, clear) {
+        errorMessage && MessageHandler().processError(errorMessage, true);
+        clear && this.clearProcessing(false);
     }
     clearProcessing(clearContent = true) {
         this.loading = false;
@@ -14834,7 +14891,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle; }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: breakOffsetStyle, html: field.htmlValue', function ($context, $element) { return { 'style': function () { return $context.$data.breakOffsetStyle; }, 'html': function () { return $context.$data.field.htmlValue; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}, text: field.editValue', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle; }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; }, 'text': function () { return $context.$data.field.editValue; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.value; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle; }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { $context.$data.value = _z; } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.value; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle; }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'input': $context.$data.onInput, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { $context.$data.value = _z; } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}', function ($context, $element) { return { 'dxTextBox': function () { return $context.$data.options; }, 'childStyle': function () { return { 'style': $context.$data.textStyle, 'selector': '.dx-texteditor-input' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxNumberBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}', function ($context, $element) { return { 'dxNumberBox': function () { return $context.$data.options; }, 'childStyle': function () { return { 'style': $context.$data.textStyle, 'selector': '.dx-texteditor-input' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxDateBox: $data.getOptions({ dropDownOptions: { container: $root.getPopupContainer($element), position: { at: \'left bottom\', collision: \'flipfit flip\', my: \'left top\', boundary: $root.getPopupContainer($element), of: $element } } }), childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}', function ($context, $element) { return { 'dxDateBox': function () { return $context.$data.getOptions({ 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element), 'position': { 'at': 'left bottom', 'collision': 'flipfit flip', 'my': 'left top', 'boundary': $context.$root.getPopupContainer($element), 'of': $element } } }); }, 'childStyle': function () { return { 'style': $context.$data.textStyle, 'selector': '.dx-texteditor-input' }; } }; });
@@ -14846,7 +14903,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { fill: checked ? \'black\' : \'transparent\' }', function ($context, $element) { return { 'style': function () { return { 'fill': $context.$data.checked ? 'black' : 'transparent' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: containerStyle, dxclick: activateEditor, zoom: zoom, css: { active: active, readonly: field.readOnly }', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle; }, 'dxclick': function () { return $context.$data.activateEditor; }, 'zoom': function () { return $context.$data.zoom; }, 'css': function () { return { 'active': $context.$data.active, 'readonly': $context.$data.field.readOnly }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: style, text: text', function ($context, $element) { return { 'style': function () { return $context.$data.style; }, 'text': function () { return $context.$data.text; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('value: field.editorValue, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.field.editorValue; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle; }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { Object($context.$data.field).editorValue = _z; } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('value: field.editorValue, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }', function ($context, $element) { return { 'value': function () { return $context.$data.field.editorValue; }, 'valueUpdate': function () { return 'keypress'; }, 'style': function () { return $context.$data.textStyle; }, 'event': function () { return { 'blur': $context.$data.hideEditor, 'input': $context.$data.onInput, 'keyup': $context.$data.keypressAction }; }, '_ko_property_writers': function () { return { 'value': function (_z) { Object($context.$data.field).editorValue = _z; } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !active || field.readOnly', function ($context, $element) { return { 'if': function () { return !$context.$data.active || $context.$data.field.readOnly; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: field.htmlValue', function ($context, $element) { return { 'if': function () { return $context.$data.field.htmlValue; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: field.htmlValue', function ($context, $element) { return { 'ifnot': function () { return $context.$data.field.htmlValue; } }; });
@@ -14854,8 +14911,6 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: editorTemplate, data: data }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.editorTemplate, 'data': $context.$data.data }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrp-editing-field-image-editor\'', function ($context, $element) { return { 'template': function () { return 'dxrp-editing-field-image-editor'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: cells', function ($context, $element) { return { 'foreach': function () { return $context.$data.cells; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { \'action\': exportActionUri }, foreach: exportFormData', function ($context, $element) { return { 'attr': function () { return { 'action': $context.$data.exportActionUri }; }, 'foreach': function () { return $context.$data.exportFormData; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: {\'name\': name, \'value\': value}', function ($context, $element) { return { 'attr': function () { return { 'name': $context.$data.name, 'value': $context.$data.value }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: { width: popupOptions.width, height: popupOptions.height, title: popupOptions.title, visible: popupOptions.visible, showCloseButton: true, onHidden: popupOptions.onHidden, toolbarItems: popupOptions.toolbarItems, wrapperAttr: popupOptions.wrapperAttr, container: popupOptions.getPopupContainer($element), position: { of: popupOptions.getPopupContainer($element) } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.popupOptions.width, 'height': $context.$data.popupOptions.height, 'title': $context.$data.popupOptions.title, 'visible': $context.$data.popupOptions.visible, 'showCloseButton': true, 'onHidden': $context.$data.popupOptions.onHidden, 'toolbarItems': $context.$data.popupOptions.toolbarItems, 'wrapperAttr': $context.$data.popupOptions.wrapperAttr, 'container': $context.$data.popupOptions.getPopupContainer($element), 'position': { 'of': $context.$data.popupOptions.getPopupContainer($element) } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: printingTexts.caption', function ($context, $element) { return { 'text': function () { return $context.$data.printingTexts.caption; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: printingTexts.prefix', function ($context, $element) { return { 'text': function () { return $context.$data.printingTexts.prefix; } }; });
@@ -14988,12 +15043,13 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('autoFit: autoFitOptions, styleunit: { width: width, height: height }', function ($context, $element) { return { 'autoFit': function () { return $context.$data.autoFitOptions; }, 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('lazyImages: lazyImagesOptions', function ($context, $element) { return { 'lazyImages': function () { return $context.$data.lazyImagesOptions; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'width\': width, \'height\': height }, toView: { setPageActiveChangedEvent: setPageActiveChangedEvent }, css : { \'dxrd-report-preview-active\': active }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; }, 'toView': function () { return { 'setPageActiveChangedEvent': $context.$data.setPageActiveChangedEvent }; }, 'css': function () { return { 'dxrd-report-preview-active': $context.$data.active }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dxrd-visually-hidden\': !!currentPage }', function ($context, $element) { return { 'css': function () { return { 'dxrd-visually-hidden': !!$context.$data.currentPage }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dxrd-visually-hidden\': !!currentPage || _aiOperationInProgress }', function ($context, $element) { return { 'css': function () { return { 'dxrd-visually-hidden': !!$context.$data.currentPage || $context.$data._aiOperationInProgress }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: emptyDocumentCaption', function ($context, $element) { return { 'text': function () { return $context.$data.emptyDocumentCaption; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: { width: 450, height: 150, visible: exportTranslatedDocPopupVisible, container: \'.dxrd-preview-surface\', target: \'.dxrd-preview-surface\', position: { at: \'center\', my: \'center\', collision: \'fit\', of: \'.dxrd-preview-surface\' }, dragEnabled: false, hideOnOutsideClick: true, showCloseButton: false, showTitle: false, onHiding: function(e) { onExportPopupHiding(); } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 450, 'height': 150, 'visible': $context.$data.exportTranslatedDocPopupVisible, 'container': '.dxrd-preview-surface', 'target': '.dxrd-preview-surface', 'position': { 'at': 'center', 'my': 'center', 'collision': 'fit', 'of': '.dxrd-preview-surface' }, 'dragEnabled': false, 'hideOnOutsideClick': true, 'showCloseButton': false, 'showTitle': false, 'onHiding': function (e) { $context.$data.onExportPopupHiding(); } }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: exportTranslatedDodumentWarningMsg', function ($context, $element) { return { 'text': function () { return $context.$data.exportTranslatedDodumentWarningMsg; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: { text: exportTranslatedDocumentButtonText, onClick: exportTranslatedHandler }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$data.exportTranslatedDocumentButtonText, 'onClick': $context.$data.exportTranslatedHandler }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: { text: exportOriginalDocumentButtonText, onClick: exportTranslatedCancel }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$data.exportOriginalDocumentButtonText, 'onClick': $context.$data.exportTranslatedCancel }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxAILoadingPanel: _getAILoadingPanelOptions($element)', function ($context, $element) { return { 'dxAILoadingPanel': function () { return $context.$data._getAILoadingPanelOptions($element); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: { width: 450, height: 150, visible: _exportTranslatedDocPopupVisible, container: \'.dxrd-preview-surface\', target: \'.dxrd-preview-surface\', position: { at: \'center\', my: \'center\', collision: \'fit\', of: \'.dxrd-preview-surface\' }, dragEnabled: false, hideOnOutsideClick: true, showCloseButton: false, showTitle: false, onHiding: function(e) { onExportPopupHiding(); } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 450, 'height': 150, 'visible': $context.$data._exportTranslatedDocPopupVisible, 'container': '.dxrd-preview-surface', 'target': '.dxrd-preview-surface', 'position': { 'at': 'center', 'my': 'center', 'collision': 'fit', 'of': '.dxrd-preview-surface' }, 'dragEnabled': false, 'hideOnOutsideClick': true, 'showCloseButton': false, 'showTitle': false, 'onHiding': function (e) { $context.$data.onExportPopupHiding(); } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: _exportTranslatedDodumentWarningMsg', function ($context, $element) { return { 'text': function () { return $context.$data._exportTranslatedDodumentWarningMsg; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: { text: _exportTranslatedDocumentButtonText, onClick: _exportTranslatedHandler }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$data._exportTranslatedDocumentButtonText, 'onClick': $context.$data._exportTranslatedHandler }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: { text: _exportOriginalDocumentButtonText, onClick: _exportTranslatedCancel }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$data._exportOriginalDocumentButtonText, 'onClick': $context.$data._exportTranslatedCancel }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxViewerExport: $data', function ($context, $element) { return { 'dxViewerExport': function () { return $context.$data; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: parts', function ($context, $element) { return { 'foreach': function () { return $context.$data.parts; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: templateName, data: viewModel || model }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.templateName, 'data': $context.$data.viewModel || $context.$data.model }; } }; });
@@ -15007,7 +15063,8 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: {data: pages, afterRender: function() { delayedInit() } }', function ($context, $element) { return { 'foreach': function () { return { 'data': $context.$data.pages, 'afterRender': function () { $context.$data.delayedInit(); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('lazy: { if: pageLoading || (!pageLoading && pageLoaded) }', function ($context, $element) { return { 'lazy': function () { return { 'if': $context.$data.pageLoading || (!$context.$data.pageLoading && $context.$data.pageLoaded) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-preview-page\'', function ($context, $element) { return { 'template': function () { return 'dxrd-preview-page'; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }', function ($context, $element) { return { 'cacheElement': function () { return { 'action': $context.$data.cacheElement }; }, 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'readOnly': true, 'inputAttr': { 'aria-label': $context.$data._displayName, 'id': $context.$data._editorInputId }, 'openOnFieldClick': true, 'buttonAction': function () { $context.$data.showPopup(); } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: _aiOperationInProgress', function ($context, $element) { return { 'if': function () { return $context.$data._aiOperationInProgress; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, disabled: disabled, visible: visible, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }', function ($context, $element) { return { 'cacheElement': function () { return { 'action': $context.$data.cacheElement }; }, 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'disabled': $context.$data.disabled, 'visible': $context.$data.visible, 'readOnly': true, 'inputAttr': { 'aria-label': $context.$data._displayName, 'id': $context.$data._editorInputId }, 'openOnFieldClick': true, 'buttonAction': function () { $context.$data.showPopup(); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: getPopupSettings()', function ($context, $element) { return { 'dxPopup': function () { return $context.$data.getPopupSettings(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxScrollView: scrollViewOptions', function ($context, $element) { return { 'dxScrollView': function () { return $context.$data.scrollViewOptions; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxMutationObserver: dialogKeyboardHelper', function ($context, $element) { return { 'dxMutationObserver': function () { return $context.$data.dialogKeyboardHelper; } }; });
@@ -15115,7 +15172,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrv-range-parameter-mobile': '<div data-bind="dxrvDateRangeEditor: {value: value, isMobile: true }"></div>',
     'dxrdp-surface-mobile': '<div class="dxrd-preview-wrapper dxrdp-fullscreen dxrd-preview-surface" data-bind="style: { pointerEvents: surfaceEvents, touchEvents: surfaceEvents }, styleunit: { top: topOffset, height: previewWrapperSizeHeight, width: previewWrapperSizeWidth }, slide: slideOptions, mobileZoom: mobileZoomOptions, dxclick: click, css: { \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted }"> <!-- ko template: {name: \'dxrd-preview-progress-bar\', data: progressBar }--> <!-- /ko --> <div class="dxrd-mobile-content"> <div class="dxrd-mobile-gallery" data-bind="style: { pointerEvents: galleryEvents, touchEvents: galleryEvents }, dxGalleryReportPreview: { dataSource: gallery.items, gallery: gallery, slideOptions: slideOptions, animationEnabled: gallery.animationEnabled, disabled: zoomUpdating, width:\'100%\', height: \'100%\', showIndicator: false, loop: true, onSelectionChanged: onSlide, onOptionChanged: gallery.onOptionChanged }"> <div data-options="dxTemplate: { name: \'item\' }"> <div class="dxrd-scrollView-mobile" data-bind="dxScrollView: reportPreview.scrollViewOptions"> <div class="dxrd-gallery-blocks" data-bind="style: gallery.contentSize"> <!-- ko foreach: blocks --> <!-- ko if: page --> <div class="dxrd-gallery-block" data-bind="styleunit: position, css: classSet"> <div class="dxrd-gallery-block-content" data-bind="styleunit: { width: Math.max(page.width, position.width), height: Math.max(page.height, position.height) }, style: { \'background-color\': page.color }"> <div class="dxrdp-active-border" data-bind="css: { \'dxrdp-active\': page.active && active, \'dxrdp-page-padding\': page.active && active }, visible: reportPreview.slideOptions.readerMode"></div> <div class="dxrd-mobile-page" data-bind="styleunit: { width: page.width, height: page.height }, style: { pointerEvents: reportPreview.pageEvents, touchEvents: reportPreview.pageEvents }"> <!-- ko template: { name :\'dxrd-preview-page-mobile\', data: page } --> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div> </div> </div> <input type="text" class="dxrd-display-none" />',
     'dxrp-editing-field-container': '<div class="dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, cacheElement: { action: function (elt) { setEditingFieldElement(elt); } }, zoom: zoom, css: { active: active, readonly: field.readOnly }"> <div class="dxrp-editing-field-borders" data-bind="style: borderStyle"></div> <div class="dxrp-editing-field-content" data-bind="dxclick: activateEditor"> <!-- ko if: !active || field.readOnly  --> <!-- ko if: field.htmlValue  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}"> <div class="dxrp-editing-field-text-html dxrp-editing-field-text-html-complex" data-bind="style: breakOffsetStyle, html: field.htmlValue"></div> </div> <!--/ko--> <!-- ko ifnot: field.htmlValue  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}, text: field.editValue"></div> <!--/ko--> <!--/ko--> <!-- ko if: active && !field.readOnly --> <!-- ko template: { name: editorTemplate, data: data } --> <!--/ko--> <!--/ko--> </div> </div>',
-    'dxrp-editing-field-text': '<textarea class="dxrp-editing-field-text" data-bind="value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }"></textarea>',
+    'dxrp-editing-field-text': '<textarea class="dxrp-editing-field-text" data-bind="value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }"></textarea>',
     'dxrp-editing-field-mask': '<div class="dxrp-editing-field-mask" data-bind="dxTextBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}"></div>',
     'dxrp-editing-field-number': '<div class="dxrp-editing-field-mask" data-bind="dxNumberBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}"></div>',
     'dxrp-editing-field-datetime': '<div  class="dxrp-editing-field-datetime dxrd-width-100" data-bind="dxDateBox: $data.getOptions({ dropDownOptions: { container: $root.getPopupContainer($element), position: { at: \'left bottom\', collision: \'flipfit flip\', my: \'left top\', boundary: $root.getPopupContainer($element), of: $element } } }), childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}"></div>',
@@ -15123,8 +15180,8 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrp-editing-field-image-editor': '<div class="dxrd-height-100 dxrd-width-100" data-bind="dxPictureEditor: $data"></div>',
     'dxrp-editing-field-checkbox': '<div class="dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, zoom: zoom, click: onClick"> <div class="dxrp-editing-field-check" tabindex="1" data-bind="style: checkStyle, template: { name: checkStateStyleIcon, if: !!checkStateStyleIcon }"> </div> </div>',
     'dxrp-editing-field-radio': '<div class="dxrp-editing-field-check-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, zoom: zoom, click: onClick"> <div class="dxrp-editing-field-check" data-bind="style: checkStyle"> <svg version="1.0" xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" viewBox="0 0 760 760" preserveAspectRatio="xMidYMid meet"> <g fill="#010101" stroke="none"> <path d="M32,380a348,348 0 1,0 696,0a348,348 0 1,0 -696,0" class="highlight dxrd-stroke-width-50 dxrd-stroke-rgb-0"  /> <path d="M185,380a195,195 0 1,0 390,0a195,195 0 1,0 -390,0" data-bind="style: { fill: checked ? \'black\' : \'transparent\' }" /> </g> </svg> </div> </div>',
-    'dxrp-character-comb-editing-field': '<div class="dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, dxclick: activateEditor, zoom: zoom, css: { active: active, readonly: field.readOnly }"> <!-- ko if: !active || field.readOnly  --> <!-- ko foreach: cells --> <div class="dxrp-editing-field-charactercomb-cell" data-bind="style: style, text: text"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: active && !field.readOnly --> <textarea  class="dxrp-editing-field-text dxrd-background-white" data-bind="value: field.editorValue, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }"></textarea> <!--/ko--> </div>',
-    'dxrd-export-tool-content': '<div class="dxrd-visually-hidden"> <form data-bind="attr: { \'action\': exportActionUri }, foreach: exportFormData" method="post"> <input data-bind="attr: {\'name\': name, \'value\': value}"/> </form> </div> <div data-bind="dxPopup: { width: popupOptions.width, height: popupOptions.height, title: popupOptions.title, visible: popupOptions.visible, showCloseButton: true, onHidden: popupOptions.onHidden, toolbarItems: popupOptions.toolbarItems, wrapperAttr: popupOptions.wrapperAttr, container: popupOptions.getPopupContainer($element), position: { of: popupOptions.getPopupContainer($element) } }"> <div class="dxrd-print-dialog-content"> <div data-bind="text: printingTexts.caption"></div> <p></p> <!-- ko if: printingTexts.prefix --> <div class="dxrdp-print-text-prefix" data-bind="text: printingTexts.prefix"></div> <!-- /ko --> <a href="" class="dxrd-preview-printing-link" data-bind="click: printingLinkCallback, text: printingTexts.link"></a> <!-- ko if: printingTexts.postfix --> <div class="dxrdp-print-text-postfix" data-bind="text: printingTexts.postfix"></div> <!-- /ko --> </div> </div>',
+    'dxrp-character-comb-editing-field': '<div class="dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, dxclick: activateEditor, zoom: zoom, css: { active: active, readonly: field.readOnly }"> <!-- ko if: !active || field.readOnly  --> <!-- ko foreach: cells --> <div class="dxrp-editing-field-charactercomb-cell" data-bind="style: style, text: text"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: active && !field.readOnly --> <textarea  class="dxrp-editing-field-text dxrd-background-white" data-bind="value: field.editorValue, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, input: onInput, keyup: keypressAction }"></textarea> <!--/ko--> </div>',
+    'dxrd-export-tool-content': '<div class="dxrd-visually-hidden"> <form method="post"> </form> </div> <div data-bind="dxPopup: { width: popupOptions.width, height: popupOptions.height, title: popupOptions.title, visible: popupOptions.visible, showCloseButton: true, onHidden: popupOptions.onHidden, toolbarItems: popupOptions.toolbarItems, wrapperAttr: popupOptions.wrapperAttr, container: popupOptions.getPopupContainer($element), position: { of: popupOptions.getPopupContainer($element) } }"> <div class="dxrd-print-dialog-content"> <div data-bind="text: printingTexts.caption"></div> <p></p> <!-- ko if: printingTexts.prefix --> <div class="dxrdp-print-text-prefix" data-bind="text: printingTexts.prefix"></div> <!-- /ko --> <a href="" class="dxrd-preview-printing-link" data-bind="click: printingLinkCallback, text: printingTexts.link"></a> <!-- ko if: printingTexts.postfix --> <div class="dxrdp-print-text-postfix" data-bind="text: printingTexts.postfix"></div> <!-- /ko --> </div> </div>',
     'dxrd-preview-export-options': '<div class="dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: $root.getLocalization(\'Export Options\', \'DevExpress.XtraReports.UI.XtraReport.ExportOptions\')"></span> </div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); }  }"> <div class="dx-fieldset" data-bind="dxMutationObserver: keyboardHelper"> <div class="dxrd-right-panel-content dxrd-export-options-content" role="tree"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <!-- ko template: { name: \'dx-propertygrid-popoverservice\', if: propertyGrid.popover, data: propertyGrid.popover } --> <!-- /ko --> </div> </div></div>',
     'dxrd-preview-export-to': '<div class="dxrd-preview-export-toolbar-item dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented"> <div class="dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted" data-bind="dxMenu: { elementAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\', }"> <div data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: text }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: text"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: imageClassName, template: imageTemplateName"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: hasSeparator"></div> </div>',
     'dxrd-page-brick-clickable': '<div class="dxrd-report-preview-brick" data-bind="dxclick: function(_, event){ onClick(event); event.stopPropagation(); }, style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': $data.active, \'dxrd-report-preview-brick-selectable\': !($data.bricks) }"> <!-- ko if: $data.navigation --> <div class="dxrd-report-preview-brick-navigation" data-bind="css: { \'dxrdp-navigation-brick-drill-down\' : !!navigation.drillDownKey, \'dxrdp-navigation-brick-sorting\' : !!navigation.sortData, \'dxrdp-navigation-brick-sorting-desc\': navigation.sortData && navigation.sortData.order === 1, \'dxrdp-navigation-brick-sorting-asc\': navigation.sortData && navigation.sortData.order === 2 }"></div> <!--/ko--> </div>',
@@ -15141,11 +15198,11 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-preview-pager': '<div class="dxrd-preview-pager dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-preview-pager-selectbox" data-bind="dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, displayExpr: widget.displayExpr, useItemTextAsTitle: true, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',
     'dxrd-preview-document-map': '<div class="dxrd-preview-document-map dxrd-height-100 dxrd-overflow-hidden" data-bind="visible: active && visible" > <div class="dxrd-right-panel-header dxd-text-primary"> <div class="dxrd-display-inline-block" data-bind="text: $root.getLocalization(\'Document Map\', \'ASPxReportsStringId.DocumentViewer_RibbonCommandText_DocumentMap\')"></div> </div> <!-- ko if: model --> <!-- ko with: model.getViewModel() --> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxMutationObserver: keyboardHelper"> <div role="tree" id="documentMapTree" data-bind="treelist: treeListOptions" class="dxrd-width-100 dxrd-height-100"></div> </div> <!-- /ko --> <!-- /ko --></div>',
     'dxrd-report-preview': '<div class="dxrd-preview dxrd-designer-wrapper dxd-scrollbar-color dxd-surface-back-color" data-bind="visible: reportPreview.previewVisible, cssArray: [ $data.rootStyle , { \'dx-rtl\' : $data.rtl, \'dx-ltr\': !$data.rtl } ]"> <!-- ko foreach: parts --> <!-- ko template: { name: templateName, data: viewModel || model }--> <!-- /ko --> <!-- /ko --> </div>',
-    'dxrdp-surface': '<div class="dxrd-preview-wrapper" data-bind="textCopier, css: { \'dx-rtl\': rtlReport, \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted } "> <!-- ko with: progressBar --> <!-- ko template: \'dxrd-preview-progress-bar\'--> <!-- /ko --> <!-- /ko --> <div class="dxrd-preview-surface" data-bind="dxMutationObserver: previewBrickKeyboardHelper"> <!-- ko if: !showMultipagePreview --> <div class="dxrd-report-preview-holder" role="tablist"> <!-- ko with: currentPage --> <!-- ko if: pageLoading || (!pageLoading && pageLoaded) --> <div role="tab" class="dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented" data-bind="autoFit: autoFitOptions, styleunit: { width: width, height: height }"> <!-- ko template: { name: \'dxrd-preview-page\', afterRender: function() { delayedInit() } }--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: showMultipagePreview && !!currentPage --> <div class="dxrd-report-preview-holder" role="list" data-bind="lazyImages: lazyImagesOptions"> <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } }  --> <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } --> <div role="listitem" class="dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented" data-bind="styleunit: { \'width\': width, \'height\': height }, toView: { setPageActiveChangedEvent: setPageActiveChangedEvent }, css : { \'dxrd-report-preview-active\': active }"> <!-- ko template: \'dxrd-preview-page\'--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div data-bind="css: { \'dxrd-visually-hidden\': !!currentPage }" class="dxrd-report-preview-placeholder"> <div aria-live="assertive" aria-atomic="true" class="dxd-empty-area-placeholder-text-color dxd-text-info" data-bind="text: emptyDocumentCaption"></div> </div> </div> <div data-bind="dxPopup: { width: 450, height: 150, visible: exportTranslatedDocPopupVisible, container: \'.dxrd-preview-surface\', target: \'.dxrd-preview-surface\', position: { at: \'center\', my: \'center\', collision: \'fit\', of: \'.dxrd-preview-surface\' }, dragEnabled: false, hideOnOutsideClick: true, showCloseButton: false, showTitle: false, onHiding: function(e) { onExportPopupHiding(); } }"> <span data-bind="text: exportTranslatedDodumentWarningMsg" class="dxrd-preview-export-warning-popup-text"></span> <div class="dxrd-preview-export-warning-popup-button-group"> <div class="dxrd-preview-export-warning-popup-button dx-button-default" data-bind="dxButton: { text: exportTranslatedDocumentButtonText, onClick: exportTranslatedHandler }"> </div> <div class="dxrd-preview-export-warning-popup-button" data-bind="dxButton: { text: exportOriginalDocumentButtonText, onClick: exportTranslatedCancel }"> </div> </div> </div> </div> <div id="dxrd-preview-bricks-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div>',
+    'dxrdp-surface': '<div class="dxrd-preview-wrapper" data-bind="textCopier, css: { \'dx-rtl\': rtlReport, \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted } "> <!-- ko with: progressBar --> <!-- ko template: \'dxrd-preview-progress-bar\'--> <!-- /ko --> <!-- /ko --> <div class="dxrd-preview-surface" data-bind="dxMutationObserver: previewBrickKeyboardHelper"> <!-- ko if: !showMultipagePreview --> <div class="dxrd-report-preview-holder" role="tablist"> <!-- ko with: currentPage --> <!-- ko if: pageLoading || (!pageLoading && pageLoaded) --> <div role="tab" class="dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented" data-bind="autoFit: autoFitOptions, styleunit: { width: width, height: height }"> <!-- ko template: { name: \'dxrd-preview-page\', afterRender: function() { delayedInit() } }--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <!-- ko if: showMultipagePreview && !!currentPage --> <div class="dxrd-report-preview-holder" role="list" data-bind="lazyImages: lazyImagesOptions"> <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } }  --> <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } --> <div role="listitem" class="dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented" data-bind="styleunit: { \'width\': width, \'height\': height }, toView: { setPageActiveChangedEvent: setPageActiveChangedEvent }, css : { \'dxrd-report-preview-active\': active }"> <!-- ko template: \'dxrd-preview-page\'--> <!-- /ko --> </div> <!-- /ko --> <!-- /ko --> </div> <!-- /ko --> <div data-bind="css: { \'dxrd-visually-hidden\': !!currentPage || _aiOperationInProgress }" class="dxrd-report-preview-placeholder"> <div aria-live="assertive" aria-atomic="true" class="dxd-empty-area-placeholder-text-color dxd-text-info" data-bind="text: emptyDocumentCaption"></div> </div> <!-- ko if: _aiOperationInProgress --> <div data-bind="dxAILoadingPanel: _getAILoadingPanelOptions($element)"></div> <!-- /ko --> </div> <div data-bind="dxPopup: { width: 450, height: 150, visible: _exportTranslatedDocPopupVisible, container: \'.dxrd-preview-surface\', target: \'.dxrd-preview-surface\', position: { at: \'center\', my: \'center\', collision: \'fit\', of: \'.dxrd-preview-surface\' }, dragEnabled: false, hideOnOutsideClick: true, showCloseButton: false, showTitle: false, onHiding: function(e) { onExportPopupHiding(); } }"> <span data-bind="text: _exportTranslatedDodumentWarningMsg" class="dxrd-preview-export-warning-popup-text"></span> <div class="dxrd-preview-export-warning-popup-button-group"> <div class="dxrd-preview-export-warning-popup-button dx-button-default" data-bind="dxButton: { text: _exportTranslatedDocumentButtonText, onClick: _exportTranslatedHandler }"> </div> <div class="dxrd-preview-export-warning-popup-button" data-bind="dxButton: { text: _exportOriginalDocumentButtonText, onClick: _exportTranslatedCancel }"> </div> </div> </div> </div> <div id="dxrd-preview-bricks-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div>',
     'dxrd-export-tool': '<div data-bind="dxViewerExport: $data"></div>',
-    'dxrv-daterange-editor': '<div class="dxrv-daterange-editor"> <div data-bind="cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }"></div> <!-- ko template: { name: popupTemplate, data: popupModel } --> <!-- /ko --> </div>',
+    'dxrv-daterange-editor': '<div class="dxrv-daterange-editor"> <div data-bind="cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, disabled: disabled, visible: visible, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }"></div> <!-- ko template: { name: popupTemplate, data: popupModel } --> <!-- /ko --> </div>',
     'dxrv-daterange-editor-popup': '<div role="dialog" aria-modal="true" data-bind="dxPopup: getPopupSettings()"> <div data-bind="dxScrollView: scrollViewOptions"> <div class="dxrv-daterange-editor-popup-container" data-bind="dxMutationObserver: dialogKeyboardHelper"> <div role="listbox" class="dxrv-daterange-editor-list dxrv-daterange-editor-item dxd-border-primary dx-accessibility-daterange-item" data-bind="attr: predefinedRanges.attr, dxScrollView: predefinedRanges.scrollViewOptions, dxMutationObserver: predefinedRanges.accessibilityKeyboardHelper"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko foreach: predefinedRanges.items --> <div role="option" class="dxrv-daterange-editor-list-item dxd-state-normal dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="attr: { \'aria-selected\': selected }, css: { \'dxd-state-selected\': selected }, dxAction: { action: click }"> <div class="dx-accessibility-field-background dxd-back-accented"></div> <!-- ko text: displayName --> <!-- /ko --> </div> <!-- /ko --> </div> <div class="dxrv-daterange-editor-item"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: startRange } --> <!-- /ko --> </div> <div class="dxrv-daterange-editor-item"> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: endRange } --> <!-- /ko --> </div> </div> </div> </div>',
-    'dxrv-daterange-calendar': '<div tabIndex="0" class="dx-accessibility-calendar-item dx-accessibility-daterange-item" data-bind="dxCalendar: { value: value, onValueChanged: onValueChanged, cellTemplate: \'select_cell\', height: height, min: min }"> <div class="dxrv-daterange-cell" data-options="dxTemplate:{ name:\'select_cell\' }"> <div class="dxrv-daterange-cell-text" data-bind="text: text"></div> <div data-bind="css: { \'dxd-back-accented\': $parent.inRange(date) }"></div> </div> </div>',
+    'dxrv-daterange-calendar': '<div tabIndex="0" class="dx-accessibility-calendar-item dx-accessibility-daterange-item" data-bind="dxCalendar: { value: value, onValueChanged: onValueChanged, cellTemplate: \'select_cell\', height: height, min: min }"> <div class="dxrv-daterange-cell dx-calendar-cell" data-options="dxTemplate:{ name:\'select_cell\' }"> <span class="dxrv-daterange-cell-text" data-bind="text: text"></span> <div data-bind="css: { \'dxd-back-accented\': $parent.inRange(date) }"></div> </div> </div>',
     'dxrv-range-parameter': '<div data-bind="dxrvDateRangeEditor: {value: value }"></div>',
     'dxrd-propertieseditor': '<div data-bind="css: { \'dx-rtl\' : viewmodel.rtl }"> <div class="dx-editors"> <div class="dx-fieldset dxrd-parameters-fieldset dxd-border-primary" data-bind="style: { \'display\': showHorizontally ? \'flex\' : \'block\' }"> <!-- ko foreach: viewmodel.editors --> <!-- ko template: editorTemplate --> <!-- /ko --> <!-- /ko --> </div> </div> </div>',
     'dxrd-parameters-editor-content': '<!-- ko if: visible --> <div class="dxrd-parameters-group" data-bind="template: { name: \'dxrd-propertieseditor\', data: $data }, css: { \'dxrd-parameters-border\' : !$data.hideBorder, \'dxrd-parameters-horizontal\' : $data.showHorizontally, }"> </div> <!-- /ko -->',
@@ -16300,6 +16357,8 @@ function createDateRangeEditorViewModel(baseViewModel) {
         .generateProperty('value', this.endDate)
         .generateProperty('min', this.startDate)
         .getViewModel())
+        .generateProperty('disabled', this.disabled)
+        .generateProperty('visible', this.visible)
         .generateProperty('displayValue', this._displayText)
         .getViewModel();
     this.addDisposable(predefinedDateRangesModel.events.on('rangesChanged', (e) => {
@@ -16328,6 +16387,8 @@ function createDateRangeEditor(_options, element, model) {
     const editor = model instanceof external_DevExpress_Analytics_Widgets_namespaceObject.Editor ? model : model?.getModel();
     const rangeEditorOptions = {
         ..._options,
+        visible: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(model?.visible),
+        disabled: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(model?.disabled),
         displayName: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(model?.displayName),
         value: external_DevExpress_Analytics_Internal_namespaceObject.koUtils.unwrap(_options.value),
         onValueChanged: (e) => {
@@ -16341,7 +16402,17 @@ function createDateRangeEditor(_options, element, model) {
     if (external_DevExpress_Analytics_Internal_namespaceObject.koUtils.isSubscribable(_options.value))
         rangeEditor.addDisposable(_options.value.subscribe((newVal) => rangeEditor.applyDate(newVal)));
     else if (editor) {
-        rangeEditor.addDisposable(editor.events.on('valueChanged', (args) => rangeEditor.applyDate(args.newValue)));
+        rangeEditor.addDisposable(editor.events.on('propertyChanged', (args) => {
+            if (args.propertyName === 'value') {
+                rangeEditor.applyDate(args.newValue);
+            }
+            else if (args.propertyName === 'disabled') {
+                rangeEditor.disabled = args.newValue;
+            }
+            else if (args.propertyName === 'visible') {
+                rangeEditor.visible = args.newValue;
+            }
+        }));
     }
     return rangeEditor;
 }
@@ -16388,6 +16459,8 @@ class DateRangeEditor extends external_DevExpress_Analytics_Serializer_Native_na
         viewModel.endRange.value = this.endDate;
         viewModel.endRange.min = this.startDate;
         viewModel.displayValue = this._displayText;
+        viewModel.disabled = this.disabled;
+        viewModel.visible = this.visible;
     }
     constructor(_options, editorInputId, visibilityChangedCallback) {
         super();
@@ -16406,6 +16479,8 @@ class DateRangeEditor extends external_DevExpress_Analytics_Serializer_Native_na
         this._visibilityChangedCallback = visibilityChangedCallback;
         this._displayText = this._getStringValue([this.startDate, this.endDate]);
         this.applyDate(this._options.value);
+        this.disabled = this._options.disabled;
+        this.visible = this._options.visible;
         if (_options.isMobile) {
             this.popupTemplate = 'dxrd-menu-parameters-content';
             this.popupModel = new DateRangeParemeterPopupModel(this);
@@ -16455,6 +16530,12 @@ dateRangeEditor_decorate([
 dateRangeEditor_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => '')
 ], DateRangeEditor.prototype, "_displayText", void 0);
+dateRangeEditor_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => false)
+], DateRangeEditor.prototype, "disabled", void 0);
+dateRangeEditor_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => true)
+], DateRangeEditor.prototype, "visible", void 0);
 
 ;// ./dist/viewer/widgets/dateRange/dateRangeEditor.binding.js