devexpress-reporting 25.1.1-alpha → 25.1.3

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  25.1.1-alpha
-* Build date: Apr 2, 2025
+* Version:  25.1.3
+* Build date: Jun 26, 2025
 * Copyright (c) 2012 - 2025 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -336,6 +336,7 @@ var reporting_viewer_internal_namespaceObject = {};
 __webpack_require__.r(reporting_viewer_internal_namespaceObject);
 __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   AIPanelViewModel: () => (AIPanelViewModel),
+  AITabInfo: () => (AITabInfo),
   ActionLists: () => (ActionLists),
   BreadcrumbItem: () => (BreadcrumbItem),
   BreadcrumbModel: () => (BreadcrumbModel),
@@ -465,7 +466,6 @@ __webpack_require__.d(reporting_viewer_parameters_namespaceObject, {
 var reporting_viewer_settings_namespaceObject = {};
 __webpack_require__.r(reporting_viewer_settings_namespaceObject);
 __webpack_require__.d(reporting_viewer_settings_namespaceObject, {
-  AILanguages: () => (AILanguages),
   AIServicesEnabled: () => (AIServicesEnabled),
   AsyncExportApproach: () => (AsyncExportApproach),
   ClipboardSeparator: () => (ClipboardSeparator),
@@ -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.0';
+const version = '25.1.3';
 
 ;// ./dist/common/versions.js
 
@@ -2693,7 +2693,6 @@ const MultipageScrollingThrottle = (0,external_DevExpress_Analytics_Internal_nam
 const PreviewRenderFormat = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(PageRenderFormat.Png);
 const ClipboardSeparator = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)('');
 const AIServicesEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(false);
-const AILanguages = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)([]);
 
 ;// ./dist/viewer/editing/models/editingFieldBase.js
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -2772,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)
@@ -2837,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)
@@ -3029,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) {
@@ -4132,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
@@ -4334,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();
@@ -4348,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
@@ -4432,7 +4435,7 @@ class PreviewRequestWrapper {
             documentId: this._reportPreview.documentId,
         }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), () => ignore);
     }
-    translateTextRequest(text, toLanguage, isWholeDocument, prevResponse, currentChunkPosition, ignore) {
+    translateTextRequest(text, toLanguage, isWholeDocument, prevResponse, currentChunkPosition, summaryTranslation, ignore) {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'translateText', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             text: text,
             documentId: this._reportPreview.documentId,
@@ -4440,7 +4443,7 @@ class PreviewRequestWrapper {
             isWholeDocument: isWholeDocument,
             currentChunkPosition: currentChunkPosition,
             prevResponse: prevResponse,
-            editingFieldValues: this._reportPreview._editingFields?.map(item => item.getEditValue())
+            summaryTranslation: summaryTranslation,
         }), 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);
@@ -5272,6 +5275,7 @@ function initializeBrick(brick, processClick, editingFieldBricks) {
 function createPreviewPageViewModel(base) {
     return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(base)
         .generateProperty('pageLoading', this.pageLoading)
+        .generateProperty('aiOperationInProgress', this.aiOperationInProgress)
         .generateProperty('pageLoaded', !!(this.svgMarkup || this.displayImageSrc))
         .generateProperty('brickLoading', this.brickLoading)
         .generateProperty('width', this.size.width)
@@ -5282,6 +5286,13 @@ function createPreviewPageViewModel(base) {
         .generateProperty('delayedInit', () => this.reportPreview.delayedInit())
         .generateProperty('brickSelectionProg', {
         page: this, preview: this.reportPreview, click: (pageIndex) => this.reportPreview.goToPage(pageIndex)
+    })
+        .generateProperty('getAILoadingPanelOptions', () => {
+        return {
+            visible: true,
+            position: { of: '#' + this.page_id },
+            message: ''
+        };
     })
         .generateProperty('autoFitOptions', {
         setZoom: (newValue) => {
@@ -5305,7 +5316,9 @@ function createPreviewPageViewModel(base) {
         .generateProperty('active', this.active)
         .generateProperty('page_id', this.page_id)
         .generateProperty('aiCustomDocumentStorageId', this.aiCustomDocumentStorageId)
-        .generateProperty('translatedPageBadgeText', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('AI-generated Translation', 'ASPxReportsStringId.WebDocumentViewer_ExportTranslationCancel'))
+        .generateProperty('revertToOriginal', () => this.revertToOriginal())
+        .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) => {
@@ -5338,6 +5351,9 @@ function updatePreviewPageViewModel(args) {
     else if (args.propertyName === 'pageLoading') {
         viewModel.pageLoading = this.pageLoading;
     }
+    else if (args.propertyName === 'aiOperationInProgress') {
+        viewModel.aiOperationInProgress = this.aiOperationInProgress;
+    }
     else if (args.propertyName === 'brickLoading') {
         viewModel.brickLoading = this.brickLoading;
     }
@@ -5676,6 +5692,14 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
         this.reportPreview = null;
         this.lastGetPageDeferred?.reject();
     }
+    revertToOriginal() {
+        if (!!this.aiCustomDocumentStorageId) {
+            this._useOriginal = true;
+            this.shouldSendRequest = true;
+            this._updateImageSrc(true);
+            setTimeout(() => this._onImageSrcChanged(), 10);
+        }
+    }
     _shouldUseSvgEngine(zoom) {
         switch (PreviewRenderFormat()) {
             case PageRenderFormat.Auto:
@@ -5849,6 +5873,9 @@ _page_decorate([
 _page_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
 ], PreviewPage.prototype, "pageLoading", void 0);
+_page_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
+], PreviewPage.prototype, "aiOperationInProgress", void 0);
 _page_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(true)
 ], PreviewPage.prototype, "brickLoading", void 0);
@@ -6201,14 +6228,19 @@ class ProgressViewModel extends external_DevExpress_Analytics_Serializer_Native_
         const newOperationIdDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this._lastOperationDeferred = newOperationDeferred;
         this._lastOperationIdDeferred = newOperationIdDeferred;
-        operationIdPromise
-            .then(operationId => {
-            newOperationIdDeferred.resolve(operationId);
-        }).catch(() => {
-            newOperationIdDeferred.reject();
-            newOperationDeferred.reject();
-            this.complete(startOperationId);
-        });
+        if (operationIdPromise) {
+            operationIdPromise
+                .then(operationId => {
+                newOperationIdDeferred.resolve(operationId);
+            }).catch(() => {
+                newOperationIdDeferred.reject();
+                newOperationDeferred.reject();
+                this.complete(startOperationId);
+            });
+        }
+        else {
+            newOperationIdDeferred.resolve(startOperationId);
+        }
         newOperationIdDeferred.done(operationId => {
             this._operationId = operationId;
         });
@@ -6381,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)
@@ -6407,13 +6440,23 @@ function createReportPreviewViewModel(base) {
         .generateProperty('delayedInit', () => this.delayedInit())
         .generateProperty('emptyDocumentCaption', this.emptyDocumentCaption)
         .generateProperty('previewBrickKeyboardHelper', this.previewBrickKeyboardHelper)
-        .generateProperty('exportTranslatedDocPopupVisible', this.exportTranslatedDocPopupVisible)
-        .generateProperty('exportTranslatedCodumentWarningMsg', this.exportTranslatedCodumentWarningMsg)
-        .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) {
@@ -6421,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));
         }
@@ -6464,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;
+    }
+    else if (args.propertyName === '_exportTranslatedHandler') {
+        viewModel._exportTranslatedHandler = this._exportTranslatedHandler;
     }
-    if (args.propertyName === 'exportTranslatedHandler') {
-        viewModel.exportTranslatedHandler = this.exportTranslatedHandler;
+    else if (args.propertyName === '_aiOperationInProgress') {
+        viewModel._aiOperationInProgress = this._aiOperationInProgress;
     }
 }
 
@@ -6854,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();
@@ -6868,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();
@@ -6964,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];
@@ -7017,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) {
@@ -7076,10 +7127,10 @@ class ReportPreview extends ReportHolder {
             });
             return result;
         };
-        this.exportTranslatedDocPopupVisible = false;
-        this.exportTranslatedCodumentWarningMsg = (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;
@@ -7233,82 +7284,90 @@ class ReportPreview extends ReportHolder {
         }
         this.setPageVisibility(firstPage, true);
     }
+    _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;
         this.reportId = null;
         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) {
@@ -7322,6 +7381,8 @@ class ReportPreview extends ReportHolder {
         this.documentId = null;
     }
     startBuild() {
+        if (this._currentStartBuildPromise)
+            return this._currentStartBuildPromise;
         this._initialize();
         return this._startBuildRequest();
     }
@@ -7331,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) {
@@ -7368,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];
@@ -7384,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() {
@@ -7599,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();
@@ -7686,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;
@@ -7784,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, "exportTranslatedCodumentWarningMsg", 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);
@@ -7863,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);
@@ -8202,7 +8271,6 @@ class PreviewDesignerActions extends external_DevExpress_Analytics_Utils_namespa
             text: 'Design',
             displayText: () => (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Design', 'ASPxReportsStringId.ToolBarItemText_Design'),
             imageClassName: 'dxrd-image-design',
-            imageTemplateName: 'dxrd-svg-preview-report_designer',
             templateName: reportPreview.canSwitchToDesigner ? 'dxrd-toolbar-two-way-switch' : undefined,
             visible: reportPreview.canSwitchToDesigner,
             hotKey: { ctrlKey: true, keyCode: 68 },
@@ -8579,7 +8647,7 @@ class ZoomAction extends ViewerAction {
         this.templateName = 'dxrd-zoom-autofit-select-template';
         this.displayExpr = (val) => {
             if (val === ZoomAutoBy.PageWidth) {
-                return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Page Width', 'DevExpress.XtraReports.UI.XtraReport.PageWidth');
+                return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Page Width', 'DevExpress.XtraReports.UI.XtraReport.PageWidthF');
             }
             else if (Math.round(val * 100) === 0) {
                 return (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Whole Page', 'PreviewStringId.MenuItem_ZoomWholePage');
@@ -10666,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) {
@@ -11112,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 = [];
@@ -11147,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);
@@ -11254,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')
@@ -11276,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));
     }
@@ -11521,7 +11590,10 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
         });
         this.buttons = [{
                 text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Reset', 'ASPxReportsStringId.ParametersPanel_Reset'),
-                onClick: (e) => this.restore()
+                onClick: (e) => this.restore(),
+                elementAttr: {
+                    class: 'dxrdp-parameters-reset'
+                }
             }];
     }
     initialize(originalParametersInfo) {
@@ -11694,7 +11766,10 @@ class PreviewParametersPanelModel extends ParametersPanelModelBase {
         };
         this.buttons.push({
             text: (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Submit', 'ASPxReportsStringId.ParametersPanel_Submit'),
-            onClick: (params) => this._validateAndSubmit(params)
+            onClick: (params) => this._validateAndSubmit(params),
+            elementAttr: {
+                class: 'dxrdp-parameters-submit'
+            }
         });
     }
     initialize(originalParametersInfo) {
@@ -12572,8 +12647,10 @@ function createViewModel(viewModel) {
         .generateProperty('translateTextButton', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
         .generateProperty('text', TranslateActionText)
         .generateProperty('disabled', this.loading)
-        .generateProperty('onClick', () => this.onTranslateClick())
+        .generateProperty('onClick', () => this.onTranslateClick(this.selectedLanguage))
         .generateProperty('width', '110px')
+        .generateProperty('width', this.translationEnabled ? '110px' : '0px')
+        .generateProperty('visible', this.translationEnabled)
         .generateProperty('template', (data, container) => {
         const buttonIndicatorElement = this._preparetextProcessingButtonTemplate(data, container);
         this.translateButtonLoader = new (external_DevExpress_ui_dxLoadIndicator_default())(buttonIndicatorElement, {
@@ -12590,7 +12667,8 @@ function createViewModel(viewModel) {
         .generateProperty('text', SummarizeActionText)
         .generateProperty('onClick', (e) => this.onSummarizeClick())
         .generateProperty('disabled', this.loading)
-        .generateProperty('width', '110px')
+        .generateProperty('width', this.summarizationEnabled ? '110px' : '0px')
+        .generateProperty('visible', this.summarizationEnabled)
         .generateProperty('template', (data, container) => {
         const buttonIndicatorElement = this._preparetextProcessingButtonTemplate(data, container);
         this.summarizeButtonLoader = new (external_DevExpress_ui_dxLoadIndicator_default())(buttonIndicatorElement, {
@@ -12607,12 +12685,13 @@ function createViewModel(viewModel) {
         });
     })
         .generateProperty('languageSelectBoxOptions', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
-        .generateProperty('valueExpr', 'key')
+        .generateProperty('valueExpr', 'id')
         .generateProperty('displayExpr', 'text')
         .generateProperty('dataSource', this.languages)
         .generateProperty('value', this.selectedLanguage)
         .generateProperty('showClearButton', true)
         .generateProperty('inputAttr', { 'aria-label': TargetLanguageText })
+        .generateProperty('visible', this.languages.length > 0)
         .generateProperty('onValueChanged', (event) => {
         this.selectedLanguage = event.value;
         this.languageSelectBoxComponent = event.component;
@@ -12700,6 +12779,20 @@ var _aiPanelModel_decorate = (undefined && undefined.__decorate) || function (de
 
 
 
+
+class AITabInfo extends external_DevExpress_Analytics_Utils_namespaceObject.TabInfo {
+    constructor(model, template, visible) {
+        super({
+            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('AI Operations', 'ASPxReportsStringId.AIPanel_PanelHeaderLabel'),
+            template,
+            model,
+            localizationId: 'ASPxReportsStringId.AIPanel_PanelHeaderLabel',
+            imageClassName: 'aitab',
+            imageTemplateName: 'dxrd-svg-tabs-aitab',
+            visible
+        });
+    }
+}
 class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
     get _currentPage() {
         return this.reportPreview?.currentPage;
@@ -12709,7 +12802,9 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         this.reportPreview = reportPreview;
         this.settings = settings;
         this.aiProcessingRequestDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this.tranlsatePagesDeferred = [];
         this.ignore = true;
+        this.languages = [];
         this.TextSourceTargetText = {
             Document: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Entire Document', 'ASPxReportsStringId.AIPanel_TargetTypeDocument'),
             Page: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Page', 'ASPxReportsStringId.AIPanel_TargetType_Page'),
@@ -12718,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 },
@@ -12726,74 +12821,109 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             { key: TextSourceTarget.Selection, text: this.TextSourceTargetText.Selection }
         ];
         const translationSettings = settings?.translationSettings;
-        const aiEnabled = translationSettings?.enableSummarizeAndTranslate ?? AIServicesEnabled();
+        this.languages = translationSettings?.languages ?? [];
+        this.inlineTranslationEnabled = !!(translationSettings?.inlineTranslationEnabled && this.languages?.length > 0);
+        this.translationEnabled = !!(translationSettings?.translationEnabled && this.languages?.length > 0);
+        this.summarizationEnabled = settings?.summarizationSettings?.summarizationEnabled ?? false;
+        const aiEnabled = this.inlineTranslationEnabled || this.translationEnabled || this.summarizationEnabled || AIServicesEnabled();
         AIServicesEnabled(aiEnabled);
-        this.languages = translationSettings?.languages ?? AILanguages();
-        AILanguages(this.languages);
         const getDisabled = () => reportPreview.documentBuilding || !reportPreview.documentId || reportPreview.pageIndex === -1;
-        const tabInfoVisible = () => !getDisabled() && AIServicesEnabled();
-        this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfo({
-            text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('AI Operations', 'ASPxReportsStringId.AIPanel_PanelHeaderLabel'),
-            template: 'dxrd-preview-ai-panel',
-            model: this,
-            localizationId: 'ASPxReportsStringId.AIPanel_PanelHeaderLabel',
-            imageClassName: 'aitab',
-            imageTemplateName: 'dxrd-svg-tabs-aitab',
-            visible: tabInfoVisible()
-        });
+        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',
-            TranslateInPlace: 'dx_translate_in_place',
-            RevertToOriginal: 'dx_revert_to_original'
+            TranslateInPlaceRoot: 'dx_translate_in_place_root',
+            TranslatePageInPlace: 'dx_translate_page_in_place',
+            TranslateSelectionInPlace: 'dx_translate_selection_in_place',
+            TranslateDocumentInPlace: 'dx_translate_document_in_place',
+            RevertToOriginalRoot: 'dx_revert_to_original_root',
+            RevertPageToOriginal: 'dx_revert_page_to_original_root',
+            RevertAllDocumentToOriginal: 'dx_revert_all_document_to_original_root',
         };
         const aiMenuItems = [{
                 text: this.SummarizeActionText,
-                id: menuItemId.Summarize
+                key: menuItemId.Summarize,
+                visible: this.summarizationEnabled
             },
             {
                 text: this.TranslateActionText,
-                items: AILanguages().map(language => (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(language, { id: menuItemId.Translate })),
+                visible: this.translationEnabled,
+                items: this.languages.map(language => {
+                    return { ...language, key: menuItemId.Translate };
+                }),
             },
             {
                 text: this.TranslateDocumentInPlaceText,
-                items: AILanguages().map(language => (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(language, { id: menuItemId.TranslateInPlace })),
-            },
-            {
-                text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Revert to Original', 'ASPxReportsStringId.AIPanel_RevertPageToOriginal'),
-                id: menuItemId.RevertToOriginal,
-                key: menuItemId.RevertToOriginal
-            }
-        ];
+                visible: this.inlineTranslationEnabled,
+                id: menuItemId.TranslateInPlaceRoot,
+                items: [{
+                        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.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.WebDocumentViewer_AI_RevertToOriginal'),
+                        id: 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) {
                 e.event?.stopPropagation();
                 if (!e.itemData || !e.itemData['key'] || that.loading)
                     return;
-                const itemId = e.itemData['id'];
+                const itemKey = e.itemData['key'];
                 that.selectedTarget = TextSourceTarget.Selection;
-                if (itemId === menuItemId.Summarize) {
+                if (itemKey === menuItemId.Summarize) {
+                    that.selectedPage = that._currentPage?.pageIndex;
+                    that.IsBrickSelected ? that.selectedTarget = TextSourceTarget.Selection : that.selectedTarget = TextSourceTarget.Page;
                     that.expandAITabPanel();
                     that.onSummarizeClick();
                 }
-                else if (itemId === menuItemId.TranslateInPlace) {
-                    that.selectedLanguage = e.itemData['key'];
-                    that.onTranslateClick(true);
+                else if (itemKey === menuItemId.TranslatePageInPlace || itemKey === menuItemId.TranslateSelectionInPlace) {
+                    that.onTranslateClick(e.itemData['id'], true);
+                }
+                else if (itemKey === menuItemId.TranslateDocumentInPlace) {
+                    that.onTranslateClick(e.itemData['id'], true, true);
                 }
-                else if (itemId === menuItemId.Translate) {
+                else if (itemKey === menuItemId.Translate) {
                     that.expandAITabPanel();
-                    that.selectedLanguage = e.itemData['key'];
-                    that.onTranslateClick();
+                    that.selectedLanguage = e.itemData['id'];
+                    that.selectedPage = that._currentPage?.pageIndex;
+                    if (!that.selectedLanguage) {
+                        that.languageSelectBoxComponent?.option({
+                            validationStatus: 'invalid',
+                            validationErrors: [{ message: this.InvalidLanguageErrorMsg }]
+                        });
+                        return;
+                    }
+                    that.IsBrickSelected ? that.selectedTarget = TextSourceTarget.Selection : that.selectedTarget = TextSourceTarget.Page;
+                    that.onTranslateClick(that.selectedLanguage);
                 }
-                else if (itemId === menuItemId.RevertToOriginal) {
-                    that.revertToOriginal();
+                else if (itemKey === menuItemId.RevertPageToOriginal) {
+                    that.revertToOriginal(false);
+                }
+                else if (itemKey === menuItemId.RevertAllDocumentToOriginal) {
+                    that.revertToOriginal(true);
                 }
             },
             onSubmenuShowing: (e) => {
@@ -12804,19 +12934,68 @@ 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) {
-                    if (item.id === menuItemId.RevertToOriginal) {
-                        const visible = !!that._currentPage.aiCustomDocumentStorageId;
-                        if (item.visible !== visible) {
-                            item.visible = visible;
-                            item['internalFields']['item']['visible'] = visible;
-                            updateItems = true;
-                        }
+                    let innerItemsUpdates = false;
+                    let visible = item.visible;
+                    switch (item.id) {
+                        case menuItemId.RevertToOriginalRoot:
+                            visible = !!that._currentPage.aiCustomDocumentStorageId || that.documentHasTranslation;
+                            item.internalFields?.item?.items?.forEach(innterItem => {
+                                const pageHasTranslation = !!that._currentPage?.aiCustomDocumentStorageId;
+                                if (innterItem.id === menuItemId.RevertPageToOriginal && innterItem.visible !== pageHasTranslation) {
+                                    innterItem.visible = pageHasTranslation;
+                                    innerItemsUpdates = true;
+                                }
+                            });
+                            break;
+                        case menuItemId.RevertPageToOriginal:
+                            visible = !!that._currentPage.aiCustomDocumentStorageId;
+                            break;
+                        case menuItemId.RevertAllDocumentToOriginal:
+                            visible = that.documentHasTranslation;
+                            break;
+                        case menuItemId.TranslateInPlaceRoot:
+                            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 (innterItem.id === menuItemId.TranslatePageInPlace && shouldChange) {
+                                    innterItem.visible = !that.IsBrickSelected;
+                                    innerItemsUpdates = 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;
+                        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()
         };
@@ -12838,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();
@@ -12845,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();
@@ -12853,6 +13035,15 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
     expandAITabPanel() {
         this.reportPreview.tabPanel?.toggleTabVisibility({ model: this.tabInfo }, true);
     }
+    get progressBar() {
+        return this.reportPreview?.progressBar;
+    }
+    get documentHasTranslation() {
+        return this.reportPreview?.pages.some(page => !!page.aiCustomDocumentStorageId) ?? false;
+    }
+    get IsBrickSelected() {
+        return this._currentPage?.getActiveBrick()?.length > 0;
+    }
     handleSelectedBrickChangedEvent(selectedBricks) {
         if (selectedBricks.length === 0) {
             this.updateAIMenuToPage();
@@ -12868,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%'
         };
     }
@@ -12925,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;
@@ -12974,7 +13170,8 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             page = this._currentPage;
         else if (!this.translateWholeDocument)
             page = this.reportPreview.pages[this.selectedPage];
-        page.shouldSendRequest = false;
+        if (page)
+            page.shouldSendRequest = false;
         return this.translateWholeDocument ? '' : (page?.getBricksTextContent(useSelectedContent) ?? '');
     }
     copyResultClick(e) {
@@ -13014,16 +13211,9 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         const text = this._getTextContentToProcess();
         this.summarizeText(text, this.selectedLanguage);
     }
-    onTranslateClick(translateInPlace = false) {
-        if (this.loading)
-            return;
-        if (!this.selectedLanguage) {
-            this.languageSelectBoxComponent?.option({
-                validationStatus: 'invalid',
-                validationErrors: [{ message: this.InvalidLanguageErrorMsg }]
-            });
+    onTranslateClick(language, translateInPlace = false, allDocument = false) {
+        if (this.loading && !translateInPlace)
             return;
-        }
         if (!translateInPlace) {
             this.clearProcessing();
             this.loading = true;
@@ -13032,42 +13222,90 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 viewModel.buttons.translateTextButton.text = '';
                 this.translateButtonLoader.option('visible', true);
             }
-        }
-        if (translateInPlace) {
-            let brickIndexes = [];
-            if (this.selectedTarget === TextSourceTarget.Selection)
-                brickIndexes = this._currentPage.getActiveBrick().map(brick => brick.indexes);
-            this.translateDocument(brickIndexes, this._currentPage.pageIndex, this._currentPage.aiCustomDocumentStorageId);
-        }
-        else {
             const text = this._getTextContentToProcess();
             this.translateText(text);
         }
+        else {
+            if (allDocument)
+                this.translateDocument(language);
+            else {
+                const brickIndexes = this._currentPage?.getActiveBrick()?.map(brick => brick.indexes) ?? [];
+                this.translateDocumentPage(brickIndexes, this._currentPage.pageIndex, language, this._currentPage.aiCustomDocumentStorageId);
+            }
+        }
     }
-    revertToOriginal() {
-        if (!!this._currentPage.aiCustomDocumentStorageId) {
-            this._currentPage._useOriginal = true;
-            this._updatePageImage(true);
+    revertPageToOriginal(page) {
+        if (!!page.aiCustomDocumentStorageId) {
+            page._useOriginal = true;
+            this._updatePageImage(page);
+        }
+    }
+    revertToOriginal(allPages = false) {
+        if (allPages) {
+            this.reportPreview.pages.forEach(page => this.revertPageToOriginal(page));
         }
+        else {
+            this.revertPageToOriginal(this._currentPage);
+        }
+    }
+    clearTranslatePagesDeffereds() {
+        this.tranlsatePagesDeferred.length && this.tranlsatePagesDeferred.forEach(deferred => deferred.reject());
+        this.tranlsatePagesDeferred = [];
+    }
+    cancelDocumentTranslation() {
+        this.clearTranslatePagesDeffereds();
+        this.progressBar.complete(this.reportPreview.documentId);
+        this.reportPreview?.pages.forEach(page => page.aiOperationInProgress = false);
+    }
+    startProgressBar() {
+        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());
+    }
+    translateDocument(language) {
+        this.clearTranslatePagesDeffereds();
+        this.startProgressBar();
+        let totalPagesProcessed = 0;
+        const totalPages = this.reportPreview.pages.length;
+        const step = 100 / totalPages;
+        this.reportPreview.pages.forEach(page => {
+            const translatePageDeffered = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+            this.tranlsatePagesDeferred.push(translatePageDeffered);
+            page.aiOperationInProgress = true;
+            this.reportPreview.requestWrapper.translateDocumentInPlaseRequest([], language ?? 'en', false, '', 0, page.pageIndex, page.aiCustomDocumentStorageId, this.ignore)
+                .then(result => translatePageDeffered.resolve(result), fail => translatePageDeffered.reject())
+                .always(() => {
+                page.aiOperationInProgress = false;
+                this.progressBar.progress += step;
+                totalPagesProcessed += 1;
+                if (totalPagesProcessed == totalPages) {
+                    this.loading = false;
+                    this.progressBar.complete(this.reportPreview.documentId);
+                }
+            });
+            translatePageDeffered.done(result => this._handeTranslateInPlaseResult(result, page, (prevResultText, nextChunkPosition, aiCustomDocumentStorageId) => this.translateDocumentPage([], page.pageIndex, language, aiCustomDocumentStorageId, prevResultText, nextChunkPosition)));
+            translatePageDeffered.fail(() => page.loading = false);
+        });
     }
-    translateDocument(brickIndexes, pageIndex, aiCustomDocumentStorageId, prevResponse, currentChunkPosition) {
-        this._currentPage.loading = true;
+    translateDocumentPage(brickIndexes, pageIndex, language, aiCustomDocumentStorageId, prevResponse, currentChunkPosition) {
+        const page = this.reportPreview.pages[pageIndex];
+        if (!page)
+            return;
+        page.aiOperationInProgress = true;
         const ignore = true;
         this.aiProcessingRequestDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
-        this.reportPreview.requestWrapper.translateDocumentInPlaseRequest(brickIndexes, this.selectedLanguage ?? 'en', this.translateWholeDocument, prevResponse, currentChunkPosition, pageIndex, aiCustomDocumentStorageId, ignore)
-            .then(result => this.aiProcessingRequestDeferred.resolve(result))
-            .catch(fail => { })
-            .always(() => this._currentPage.loading = false);
+        this.reportPreview.requestWrapper.translateDocumentInPlaseRequest(brickIndexes, language, false, prevResponse, currentChunkPosition, pageIndex, aiCustomDocumentStorageId, ignore)
+            .then(result => this.aiProcessingRequestDeferred.resolve(result), fail => this.aiProcessingRequestDeferred.reject())
+            .always(() => page && (page.aiOperationInProgress = false));
         this.aiProcessingRequestDeferred.done((result) => {
-            this._handeTranslateInPlaseResult(result, (prevResultText, nextChunkPosition, aiCustomDocumentStorageId) => this.translateDocument(brickIndexes, pageIndex, aiCustomDocumentStorageId, prevResultText, nextChunkPosition));
-        });
+            this._handeTranslateInPlaseResult(result, page, (prevResultText, nextChunkPosition, aiCustomDocumentStorageId) => this.translateDocumentPage(brickIndexes, pageIndex, language, aiCustomDocumentStorageId, prevResultText, nextChunkPosition));
+        }).always(() => page && (page.aiOperationInProgress = false));
     }
     translateText(text, prevResponse, currentChunkPosition) {
         const ignore = true;
         this.aiProcessingRequestDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
-        this.reportPreview.requestWrapper.translateTextRequest(text, this.selectedLanguage ?? 'en', this.translateWholeDocument, prevResponse, currentChunkPosition, ignore)
-            .then(result => this.aiProcessingRequestDeferred.resolve(result))
-            .catch(fail => this.failRequestHandler(fail, ignore));
+        this.reportPreview.requestWrapper.translateTextRequest(text, this.selectedLanguage ?? 'en', this.translateWholeDocument, prevResponse, currentChunkPosition, false, ignore)
+            .then(result => this.aiProcessingRequestDeferred.resolve(result), fail => this.failRequestHandler(fail, ignore));
         this.aiProcessingRequestDeferred.done((result) => {
             this._handleTextProcessingResult(result, (prevResultText, nextChunkPosition) => this.translateText(text, prevResultText, nextChunkPosition));
         });
@@ -13075,14 +13313,13 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
     summarizeText(text, language, prevResponse, currentChunkPosition) {
         this.aiProcessingRequestDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
         this.reportPreview.requestWrapper.summarizeTextRequest(text, this.translateWholeDocument, prevResponse, currentChunkPosition, language, this.ignore)
-            .then(result => this.aiProcessingRequestDeferred.resolve(result))
-            .catch(fail => this.failRequestHandler(fail, this.ignore));
+            .then(result => this.aiProcessingRequestDeferred.resolve(result), fail => this.failRequestHandler(fail, this.ignore));
         this.aiProcessingRequestDeferred.done((result) => {
             result.language = language;
             this._handleTextProcessingResult(result, (prevResultText, nextChunkPosition) => this.summarizeText(text, language, prevResultText, nextChunkPosition), true);
         });
     }
-    _handeTranslateInPlaseResult(result, nextChunkRequestFunc) {
+    _handeTranslateInPlaseResult(result, page, nextChunkRequestFunc) {
         if (result.success) {
             if (result.requestAgain) {
                 let nextChunkPosition = result.chunkIndex;
@@ -13102,11 +13339,13 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 }
             }
             else {
-                const customStorageUpdated = this._currentPage.aiCustomDocumentStorageId === result.aiCustomDocumentStorageId;
-                this._currentPage.aiCustomDocumentStorageId = result.aiCustomDocumentStorageId;
-                this._updatePageImage(customStorageUpdated);
+                page.aiCustomDocumentStorageId = result.aiCustomDocumentStorageId;
+                this._updatePageImage(page);
             }
         }
+        else {
+            this.failRequestHandler(result.errorMessage, false);
+        }
     }
     _handleTextProcessingResult(result, nextChunkRequestFunc, isSummary = false) {
         if (result.success) {
@@ -13132,16 +13371,15 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             else {
                 if (isSummary) {
                     if (result.language) {
-                        this.reportPreview.requestWrapper.translateTextRequest(result.text, result.language, false, '', 0, this.ignore)
+                        this.reportPreview.requestWrapper.translateTextRequest(result.text, result.language, false, '', 0, true, this.ignore)
                             .then(translateResult => {
                             if (translateResult.success) {
                                 this.aiProcessingResultText = translateResult.text;
                                 this.clearProcessing(false);
                             }
                             else
-                                this.failRequestHandler(result.errorMessage, false);
-                        })
-                            .catch(fail => {
+                                this.failRequestHandler(result.errorMessage, this.ignore);
+                        }, fail => {
                             this.aiProcessingResultText = result.text;
                             this.failRequestHandler(fail, this.ignore);
                         });
@@ -13157,14 +13395,16 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             }
         }
         else {
-            this.failRequestHandler(result.errorMessage, false);
+            this.failRequestHandler(result.errorMessage, this.ignore);
         }
     }
-    _updatePageImage(customStorageUpdated) {
-        this._currentPage.shouldSendRequest = true;
-        this._currentPage._updateImageSrc(true);
-        setTimeout(() => { if (customStorageUpdated)
-            this._currentPage._onImageSrcChanged(); }, 10);
+    _updatePageImage(page) {
+        const currentPage = page ?? this._currentPage;
+        currentPage.shouldSendRequest = true;
+        if (currentPage.actualResolution === 0)
+            currentPage.actualResolution = getCurrentResolution(this.reportPreview.zoom);
+        currentPage._updateImageSrc(true);
+        setTimeout(() => { currentPage._onImageSrcChanged(); }, 10);
     }
     resizeResultArea() {
         const aiPanelElement = document.getElementById('dxrd-preview-ai-panel-id');
@@ -13177,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;
@@ -14178,6 +14419,8 @@ class PredefinedDateRangesKeyboardHelper extends external_DevExpress_Analytics_I
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-toolbox-tableofcontents\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-tableofcontents'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-toolbox-unknown\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-unknown'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-toolbox-zipcode\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-toolbox-zipcode'; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-wizard-AIEmptyReport\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-AIEmptyReport'; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-wizard-AIStandardReport\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-AIStandardReport'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-wizard-crosstab-columns\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-columns'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-wizard-crosstab-data\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-data'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-wizard-crosstab-fields\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-wizard-crosstab-fields'; } }; });
@@ -14560,6 +14803,8 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-svg-toolbox-tableofcontents': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><g class="dxd-opacity-50"><path class="dxd-icon-fill" d="M18 5h-2V3h2v2zm0 2h-2v2h2V7zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2zm0 4h-2v2h2v-2z"/></g><path class="dxd-icon-fill" d="M14 5H2V3h12v2zm8-2h-2v2h2V3zm-8 4H2v2h12V7zm8 0h-2v2h2V7zm-8 4H2v2h12v-2zm8 0h-2v2h2v-2zm-8 4H2v2h12v-2zm8 0h-2v2h2v-2zm-8 4H2v2h12v-2zm8 0h-2v2h2v-2z"/></svg>',
     'dxrd-svg-toolbox-unknown': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#606060" d="M9.98 16.864v-.128c.014-1.357.156-2.436.426-3.239.27-.802.653-1.452 1.15-1.95a9.296 9.296 0 011.79-1.374 5.595 5.595 0 001.13-.905c.333-.355.596-.764.788-1.225.199-.462.298-.973.298-1.534 0-.696-.163-1.3-.49-1.812a3.29 3.29 0 00-1.31-1.182 3.974 3.974 0 00-1.822-.416c-.582 0-1.143.121-1.683.363-.54.241-.99.621-1.353 1.14-.362.518-.572 1.196-.629 2.034H5.591c.057-1.207.369-2.24.937-3.1a5.646 5.646 0 012.27-1.97C9.741 1.11 10.79.883 11.94.883c1.25 0 2.337.248 3.26.745.93.497 1.648 1.18 2.152 2.046.511.866.767 1.853.767 2.961 0 .782-.12 1.488-.362 2.12a5.224 5.224 0 01-1.023 1.694c-.44.498-.973.938-1.598 1.321-.625.391-1.126.803-1.502 1.236a3.9 3.9 0 00-.82 1.524c-.17.59-.263 1.324-.277 2.205v.128H9.98zm1.364 6.306c-.526 0-.977-.188-1.353-.564a1.846 1.846 0 01-.565-1.353c0-.526.188-.977.565-1.353a1.846 1.846 0 011.353-.565c.525 0 .976.188 1.353.565.376.376.564.827.564 1.353 0 .348-.089.668-.266.959a1.99 1.99 0 01-.693.703c-.284.17-.603.256-.958.256z"/></svg>',
     'dxrd-svg-toolbox-zipcode': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M2 2h6v2H2zM0 4h2v6H0zM8 4h2v6H8zM0 12h2v8H0zM8 12h2v8H8zM2 10h6v2H2zM2 20h6v2H2zM14 2h6v2h-6zM12 4h2v6h-2zM20 4h2v6h-2zM12 12h2v8h-2zM20 12h2v8h-2zM14 10h6v2h-6zM14 20h6v2h-6z"/></svg>',
+    'dxrd-svg-wizard-AIEmptyReport': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><path class="dxrd-svg-white" d="M6 6h72v84H6z"/><g class="dxrd-svg-st075"><path class="dxrd-svg-black" d="M7 7h70v8.353c.32-.108.66-.232 1-.372V6H6v84h72V35.236c-.382.247-.72.502-1 .762V89H7V7z"/><path class="dxrd-svg-black" d="M78 26.013a7.268 7.268 0 01-1-.761V20.23c.32.108.66.232 1 .372v5.411z"/></g><path class="dxrd-svg-st1 dxrd-svg-black" fill-rule="evenodd" clip-rule="evenodd" d="M57.157 30.625c0 .736.422 1.853 1.657 2.186.894.242 2.277.66 3.659 1.249 1.42.605 2.656 1.313 3.405 2.062.244.244.484.54.718.878H14V25h52.001a4.89 4.89 0 01-.123.128c-.749.749-1.984 1.457-3.405 2.062a28.88 28.88 0 01-3.66 1.248c-1.234.334-1.656 1.451-1.656 2.187zM70 16.86a2.15 2.15 0 00-.812 1.203 28.87 28.87 0 01-1.249 3.66l-.12.276H55v-9h15v3.861zM68.135 40c.486 1.218.839 2.394 1.053 3.186.149.551.454.94.812 1.202V52H53V40h15.135zM14 13h38v9H14v-9zm30 61h26v9H44v-9zm-30 0h27v9H14v-9zm0-19h56v16H14V55zm0-15h17v12H14V40zm20 0h16v12H34V40z"/><path class="dxrd-svg-blue" fill-rule="evenodd" clip-rule="evenodd" d="M84.474 10.333c-.069-.237-.463-.237-.532 0-.382 1.322-1.176 3.6-2.384 4.809-1.208 1.208-3.487 2.002-4.809 2.384-.236.068-.236.463 0 .531 1.322.382 3.6 1.177 4.809 2.385 1.208 1.208 2.002 3.486 2.384 4.808.069.237.463.237.532 0 .382-1.322 1.176-3.6 2.384-4.808 1.208-1.209 3.487-2.003 4.809-2.385.236-.068.236-.463 0-.531-1.322-.382-3.6-1.176-4.809-2.384-1.208-1.209-2.002-3.487-2.385-4.81zM71.63 18.586c-.064-.238-.447-.238-.511 0-.51 1.889-1.785 5.915-3.827 7.956-2.042 2.042-6.068 3.317-7.956 3.827-.238.064-.238.447 0 .512 1.888.51 5.914 1.785 7.956 3.827 2.042 2.041 3.316 6.067 3.827 7.956.064.238.447.238.511 0 .51-1.889 1.785-5.915 3.827-7.956 2.042-2.042 6.068-3.317 7.957-3.827.237-.065.237-.448 0-.512-1.89-.51-5.915-1.785-7.957-3.827-2.042-2.041-3.316-6.067-3.827-7.956z"/></svg>',
+    'dxrd-svg-wizard-AIStandardReport': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 96"><g class="dxrd-svg-st2"><path class="dxrd-svg-black" d="M23.5 15C13.8 15 6 13 6 10.5v32C6 45 13.8 47 23.5 47S41 45 41 42.5v-32C41 13 33.2 15 23.5 15z"/></g><g class="dxrd-svg-st1"><path class="dxrd-svg-black" d="M23.5 13C33.165 13 41 10.985 41 8.5S33.165 4 23.5 4 6 6.015 6 8.5 13.835 13 23.5 13z"/></g><g class="dxrd-svg-st075"><path class="dxrd-svg-black" fill-rule="evenodd" clip-rule="evenodd" d="M68.8 30h13c.5 0 1 .4 1 1v24.837a16.666 16.666 0 01-.722 1.97c-.36.8-.74 1.414-1.092 1.765-.35.35-.964.732-1.766 1.091-.77.346-1.574.61-2.183.786-1.243.36-1.623 1.496-1.623 2.187 0 .691.38 1.828 1.623 2.187.609.176 1.413.44 2.183.786.802.36 1.416.74 1.766 1.092.351.35.733.964 1.092 1.766.306.683.549 1.392.722 1.969v2.241c-.537-.185-1.11-.399-1.681-.643-1.42-.604-2.656-1.313-3.405-2.061-.748-.749-1.457-1.984-2.062-3.405a28.885 28.885 0 01-1.248-3.66c-.334-1.234-1.45-1.656-2.187-1.656-.735 0-1.852.422-2.186 1.657a28.87 28.87 0 01-1.249 3.659c-.605 1.42-1.313 2.656-2.061 3.405-.749.748-1.985 1.457-3.405 2.061a28.864 28.864 0 01-3.66 1.25C58.422 74.616 58 75.733 58 76.47c0 .735.422 1.853 1.657 2.186.894.242 2.277.66 3.659 1.249 1.42.605 2.656 1.313 3.404 2.061.75.749 1.457 1.985 2.062 3.405a28.87 28.87 0 011.249 3.66c.333 1.234 1.45 1.656 2.186 1.656s1.853-.422 2.187-1.657c.242-.894.66-2.277 1.248-3.659.605-1.42 1.314-2.656 2.062-3.405.749-.748 1.984-1.456 3.405-2.061a25.403 25.403 0 011.681-.643V91c0 .6-.4 1-1 1H29.9c-.6 0-1-.4-1-1V31c0-.6.4-1 1-1h13.3L56 42.8 68.8 30z"/></g><path class="dxrd-svg-white" d="M29.865 31.036h51.9v60h-51.9z"/><g class="dxrd-svg-st1"><path class="dxrd-svg-black" d="M36.9 46h8v6h-8v-6zm10 0h8v6h-8v-6zm9.9 0h8v6h-8v-6zm10 0h8v6h-8v-6zm-29.9 8h8v6h-8v-6zm10 0h8v6h-8v-6zm9.9 0h8v6h-8v-6zm10 0h8v6h-8v-6zm-29.9 8h8v6h-8v-6zm10 0h8v6h-8v-6zm9.9 0h8v6h-8v-6zm-19.9 8h8v6h-8v-6zm10 0h8v6h-8v-6zm-10 8h8v6h-8v-6zm10 0h8v6h-8v-6z"/></g><g class="dxrd-svg-st1"><path class="dxrd-svg-black" d="M37 38h8v6h-8v-6zm14.2 0H47v6h8v-2.2L51.2 38zm5.8 3.8V44h8v-6h-4.2L57 41.8zM67 38v6h8v-6h-8z"/></g><path d="M60 30c0-7.2-6.7-13-15-13 3.9 0 7 5.8 7 13h-6l10 10 10-10h-6z" class="dxrd-svg-blue"/><path class="dxrd-svg-blue" fill-rule="evenodd" clip-rule="evenodd" d="M85.316 56.178c-.068-.237-.463-.237-.53 0-.383 1.322-1.177 3.6-2.385 4.808-1.209 1.208-3.487 2.003-4.81 2.385-.236.068-.236.462 0 .53 1.323.383 3.602 1.177 4.81 2.385 1.208 1.209 2.002 3.487 2.384 4.81.069.236.463.236.531 0 .382-1.323 1.177-3.602 2.385-4.81 1.208-1.208 3.486-2.002 4.809-2.384.236-.069.236-.463 0-.531-1.323-.382-3.601-1.177-4.81-2.385-1.207-1.208-2.002-3.486-2.384-4.808zM72.473 64.43c-.064-.238-.447-.238-.511 0-.51 1.888-1.785 5.914-3.827 7.956-2.042 2.042-6.068 3.316-7.957 3.827-.237.064-.237.447 0 .511 1.889.51 5.915 1.785 7.957 3.827 2.041 2.042 3.316 6.068 3.826 7.957.065.237.448.237.512 0 .51-1.89 1.785-5.915 3.827-7.957s6.068-3.316 7.956-3.827c.238-.064.238-.447 0-.511-1.888-.51-5.914-1.785-7.956-3.827-2.042-2.042-3.316-6.068-3.827-7.956z"/></svg>',
     'dxrd-svg-wizard-crosstab-columns': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M21 2H3c-.5 0-1 .5-1 1v18c0 .5.5 1 1 1h18c.5 0 1-.5 1-1V3c0-.5-.5-1-1-1zm-7 2v4h-4V4h4zm-4 6h4v4h-4v-4zM4 4h4v4H4V4zm0 6h4v4H4v-4zm0 10v-4h4v4H4zm6 0v-4h4v4h-4zm10 0h-4v-4h4v4zm0-6h-4v-4h4v4zm0-6h-4V4h4v4z"/><g class="dxd-opacity-50"><path class="dxd-icon-fill" d="M4 10h16v4H4z"/></g></svg>',
     'dxrd-svg-wizard-crosstab-data': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M20 21H4c-.9 0-1.3-1.1-.7-1.7l7.3-7.3-7.3-7.3C2.7 4.1 3.1 3 4 3h16v4h-2V5H6.4l7 7-7 7H18v-2h2v4z"/></svg>',
     'dxrd-svg-wizard-crosstab-fields': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 24 24" xml:space="preserve"><path class="dxd-icon-fill" d="M21 7H3V5h18v2zm0 4H3v2h18v-2zm0 6H3v2h18v-2z"/></svg>',
@@ -14646,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' }; } }; });
@@ -14658,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; } }; });
@@ -14666,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; } }; });
@@ -14689,6 +14932,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('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) }', function ($context, $element) { return { 'dxclick': function () { return function (_, event) { $context.$data.onClick(event); event.stopPropagation(); }; }, 'style': function () { return { 'top': $context.$data.topP, 'left': $context.$data.leftP, 'right': $context.$data.rightP, 'height': $context.$data.heightP, 'width': $context.$data.widthP }; }, 'css': function () { return { 'dxrd-report-preview-brick-selected': $context.$data.active, 'dxrd-report-preview-brick-selectable': !($context.$data.bricks) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('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 }', function ($context, $element) { return { 'css': function () { return { 'dxrdp-navigation-brick-drill-down': !!$context.$data.navigation.drillDownKey, 'dxrdp-navigation-brick-sorting': !!$context.$data.navigation.sortData, 'dxrdp-navigation-brick-sorting-desc': $context.$data.navigation.sortData && $context.$data.navigation.sortData.order === 1, 'dxrdp-navigation-brick-sorting-asc': $context.$data.navigation.sortData && $context.$data.navigation.sortData.order === 2 }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxLoadPanel: { visible: loading, position: { of: \'#\' + page_id } }', function ($context, $element) { return { 'dxLoadPanel': function () { return { 'visible': $context.$data.loading, 'position': { 'of': '#' + $context.$data.page_id } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxAILoadingPanel: getAILoadingPanelOptions()', function ($context, $element) { return { 'dxAILoadingPanel': function () { return $context.$data.getAILoadingPanelOptions(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: {\'aria-label\': currentPageAriaLabelImgAlt, \'id\': page_id }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$data.currentPageAriaLabelImgAlt, 'id': $context.$data.page_id }; }, 'dxclick': function () { return $context.$data.clickToBrick; }, 'brick-selection-prog': function () { return $context.$data.brickSelectionProg; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'width\': width + 2, \'height\': height + 2 }, visible: pageLoading', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width + 2, 'height': $context.$data.height + 2 }; }, 'visible': function () { return $context.$data.pageLoading; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'paddingTop\': height / 2.3 }', function ($context, $element) { return { 'styleunit': function () { return { 'paddingTop': $context.$data.height / 2.3 }; } }; });
@@ -14700,7 +14944,9 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dx-icon-spinright\': !$root.rtl, \'dx-icon-spinleft\': $root.rtl }', function ($context, $element) { return { 'css': function () { return { 'dx-icon-spinright': !$context.$root.rtl, 'dx-icon-spinleft': $context.$root.rtl }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: icon', function ($context, $element) { return { 'template': function () { return $context.$data.icon; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: translatedPageBadgeText', function ($context, $element) { return { 'text': function () { return $context.$data.translatedPageBadgeText; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: { onClick: revertToOriginal, icon: \'revert\', width: 22, height: 22 }, attr: { title: revertToOriginalBtnTxt }', function ($context, $element) { return { 'dxButton': function () { return { 'onClick': $context.$data.revertToOriginal, 'icon': 'revert', 'width': 22, 'height': 22 }; }, 'attr': function () { return { 'title': $context.$data.revertToOriginalBtnTxt }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.navigation', function ($context, $element) { return { 'if': function () { return $context.$data.navigation; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.aiOperationInProgress', function ($context, $element) { return { 'if': function () { return $context.$data.aiOperationInProgress; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: "dxrd-page-brick-mobile", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-mobile', 'data': $context.$data }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: clickableBricks', function ($context, $element) { return { 'foreach': function () { return $context.$data.clickableBricks; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: "dxrd-page-brick-clickable", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-clickable', 'data': $context.$data }; } }; });
@@ -14709,7 +14955,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.text', function ($context, $element) { return { 'if': function () { return $context.$data.text; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.items', function ($context, $element) { return { 'if': function () { return $context.$data.items; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.icon', function ($context, $element) { return { 'if': function () { return $context.$data.icon; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: aiServicesEnabled && aiCustomDocumentStorageId', function ($context, $element) { return { 'if': function () { return $context.$data.aiServicesEnabled && $context.$data.aiCustomDocumentStorageId; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: aiServicesEnabled && !!aiCustomDocumentStorageId', function ($context, $element) { return { 'if': function () { return $context.$data.aiServicesEnabled && !!$context.$data.aiCustomDocumentStorageId; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxclick: activateEditor, css: parentPopupClass', function ($context, $element) { return { 'dxclick': function () { return $context.$data.activateEditor; }, 'css': function () { return $context.$data.parentPopupClass; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPainter: getPainterOptions()', function ($context, $element) { return { 'dxPainter': function () { return $context.$data.getPainterOptions(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: { width: containerStyle.width, height: containerStyle.height, position: { boundary: popupData.getPopupContainer($element), of: popupData.getPositionTarget($element), collision: \'flipfit flipfit\' }, container: popupData.getPopupContainer($element), showTitle: false, target: popupData.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: popupData.onContentReady, onHiding: popupData.onHiding, onShown: popupData.onShown, shading: popupData.shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: popupData.visible }, cacheElement: { action: function(elt) { setEditingFieldElement(elt); } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.containerStyle.width, 'height': $context.$data.containerStyle.height, 'position': { 'boundary': $context.$data.popupData.getPopupContainer($element), 'of': $context.$data.popupData.getPositionTarget($element), 'collision': 'flipfit flipfit' }, 'container': $context.$data.popupData.getPopupContainer($element), 'showTitle': false, 'target': $context.$data.popupData.getPopupContainer($element), 'deferRendering': false, 'hideOnOutsideClick': true, 'showCloseButton': false, 'onContentReady': $context.$data.popupData.onContentReady, 'onHiding': $context.$data.popupData.onHiding, 'onShown': $context.$data.popupData.onShown, 'shading': $context.$data.popupData.shading, 'wrapperAttr': { 'class': 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }, 'animation': { 'show': { 'type': 'slide', 'duration': 0, 'to': { 'opacity': 1 }, 'from': { 'opacity': 0 } }, 'hide': { 'type': 'fade', 'duration': 100, 'to': { 'opacity': 0 }, 'from': { 'opacity': 1 } } }, 'visible': $context.$data.popupData.visible }; }, 'cacheElement': function () { return { 'action': function (elt) { $context.$data.setEditingFieldElement(elt); } }; } }; });
@@ -14783,6 +15029,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('with: model.getViewModel()', function ($context, $element) { return { 'with': function () { return $context.$data.model.getViewModel(); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: (searchResultCount > 0 || loading)', function ($context, $element) { return { 'if': function () { return ($context.$data.searchResultCount > 0 || $context.$data.loading); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: (searchCompleted && searchResultCount == 0)', function ($context, $element) { return { 'if': function () { return ($context.$data.searchCompleted && $context.$data.searchResultCount == 0); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: languageSelectBoxOptions.visible', function ($context, $element) { return { 'if': function () { return $context.$data.languageSelectBoxOptions.visible; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: pageSelectBoxVisible', function ($context, $element) { return { 'if': function () { return $context.$data.pageSelectBoxVisible; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: resultVisible', function ($context, $element) { return { 'if': function () { return $context.$data.resultVisible; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: (model && !model.isEmpty)', function ($context, $element) { return { 'if': function () { return ($context.$data.model && !$context.$data.model.isEmpty); } }; });
@@ -14796,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: exportTranslatedCodumentWarningMsg', function ($context, $element) { return { 'text': function () { return $context.$data.exportTranslatedCodumentWarningMsg; } }; });
-(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 }; } }; });
@@ -14815,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; } }; });
@@ -14923,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>',
@@ -14931,29 +15180,29 @@ 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>',
-    'dxrd-preview-page': '<div data-bind="dxLoadPanel: { visible: loading, position: { of: \'#\' + page_id } }"></div> <div role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': currentPageAriaLabelImgAlt, \'id\': page_id }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg"> <div class="dxrd-report-preview-content-loading-wrapper dxrd-background-white"  data-bind="styleunit: { \'width\': width + 2, \'height\': height + 2 }, visible: pageLoading"> <div class="dxrd-report-preview-content-loading-panel dxrd-text-align-center"  data-bind="styleunit: { \'paddingTop\': height / 2.3 }"> <div class="dxrd-report-preview-content-loading-panel-text" data-bind="text: loadingText"></div> </div> </div> <div data-bind="dxPreviewPageRenderer: imageOptions, visible: !pageLoading"> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko foreach: clickableBricks --> <!-- ko template: { name: "dxrd-page-brick-clickable", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && $data.editingFields--> <div data-bind="dxMutationObserver: editingFieldsKeyboardHelper"> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> </div> <!--/ko--> <!-- ko if: aiServicesEnabled && active --> <div data-bind="style: { \'position\': \'absolute\', top: smartTagAIMenuPosition.topP, left: smartTagAIMenuPosition.leftP, right: smartTagAIMenuPosition.rightP, height: smartTagAIMenuPosition.heightP, width: smartTagAIMenuPosition.widthP }"> <div class="dxrd-control-ai-smart-tag dxd-icon-accented" data-bind="dxMenu: smartTagAIMenu"> <div class="dxrd-ai-floating-smart-tag-container"> <!-- ko if: $data.text --> <div class="dxrd-ai-floating-smart-tag-text" data-bind="text: text"></div> <!-- ko if: $data.items --> <div class="dx-icon dxrd-ai-floating-smart-tag-items" data-bind="css: { \'dx-icon-spinright\': !$root.rtl, \'dx-icon-spinleft\': $root.rtl }"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: $data.icon --> <div class="dxrd-ai-floating-smart-tag-icon"> <div data-bind="template: icon"> </div> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- ko if: aiServicesEnabled && aiCustomDocumentStorageId --> <div class="dxrd-report-preview-page-modified"> <span data-bind="text: translatedPageBadgeText" class="dxrd-report-preview-page-modified-text"></span> </div> <!-- /ko --> </div> </div>',
+    'dxrd-preview-page': '<div data-bind="dxLoadPanel: { visible: loading, position: { of: \'#\' + page_id } }"></div> <!-- ko if: $data.aiOperationInProgress --> <div data-bind="dxAILoadingPanel: getAILoadingPanelOptions()"></div> <!-- /ko --> <div role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': currentPageAriaLabelImgAlt, \'id\': page_id }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg"> <div class="dxrd-report-preview-content-loading-wrapper dxrd-background-white"  data-bind="styleunit: { \'width\': width + 2, \'height\': height + 2 }, visible: pageLoading"> <div class="dxrd-report-preview-content-loading-panel dxrd-text-align-center"  data-bind="styleunit: { \'paddingTop\': height / 2.3 }"> <div class="dxrd-report-preview-content-loading-panel-text" data-bind="text: loadingText"></div> </div> </div> <div data-bind="dxPreviewPageRenderer: imageOptions, visible: !pageLoading"> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko foreach: clickableBricks --> <!-- ko template: { name: "dxrd-page-brick-clickable", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && $data.editingFields--> <div data-bind="dxMutationObserver: editingFieldsKeyboardHelper"> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> </div> <!--/ko--> <!-- ko if: aiServicesEnabled && active --> <div data-bind="style: { \'position\': \'absolute\', top: smartTagAIMenuPosition.topP, left: smartTagAIMenuPosition.leftP, right: smartTagAIMenuPosition.rightP, height: smartTagAIMenuPosition.heightP, width: smartTagAIMenuPosition.widthP }"> <div class="dxrd-control-ai-smart-tag dxd-icon-accented" data-bind="dxMenu: smartTagAIMenu"> <div class="dxrd-ai-floating-smart-tag-container"> <!-- ko if: $data.text --> <div class="dxrd-ai-floating-smart-tag-text" data-bind="text: text"></div> <!-- ko if: $data.items --> <div class="dx-icon dxrd-ai-floating-smart-tag-items" data-bind="css: { \'dx-icon-spinright\': !$root.rtl, \'dx-icon-spinleft\': $root.rtl }"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: $data.icon --> <div class="dxrd-ai-floating-smart-tag-icon"> <div data-bind="template: icon"> </div> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- ko if: aiServicesEnabled && !!aiCustomDocumentStorageId --> <div class="dxrd-report-preview-page-modified"> <span data-bind="text: translatedPageBadgeText" class="dxrd-report-preview-page-modified-text"></span> <div data-bind="dxButton: { onClick: revertToOriginal, icon: \'revert\', width: 22, height: 22 }, attr: { title: revertToOriginalBtnTxt }" class="dxrd-report-preview-page-modified-button"></div> </div> <!-- /ko --> </div> </div>',
     'dxrp-popup-editing-field-image': '<div class="dxrp-editing-field-container" data-bind="style: containerStyle"> <div class="dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="dxclick: activateEditor, css: parentPopupClass"> <div class="dxrp-editing-field-popup-container-cloned" data-bind="dxPainter: getPainterOptions()"></div> <!-- ko template: { name: \'dx-picture-editing-popup\' } --> <!-- /ko --> </div> </div>',
     'dx-picture-editing-popup': '<div class="dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen" data-bind="dxPopup: { width: containerStyle.width, height: containerStyle.height, position: { boundary: popupData.getPopupContainer($element), of: popupData.getPositionTarget($element), collision: \'flipfit flipfit\' }, container: popupData.getPopupContainer($element), showTitle: false, target: popupData.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: popupData.onContentReady, onHiding: popupData.onHiding, onShown: popupData.onShown, shading: popupData.shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: popupData.visible }, cacheElement: { action: function(elt) { setEditingFieldElement(elt); } }"> <!-- ko if: popupData.showContent --> <!-- ko template: { name: popupData.contentTemplate, afterRender: popupData.renderedHandler } --> <!--/ko--> <!--/ko--> </div>',
     'dxrd-zoom-autofit-select-template': '<div class="dxrd-toolbar-item-zoom" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-toolbar-item-zoom-editor" data-bind="dxSelectBox: { items: widget.dataSource, value: widget.value, onValueChanged: widget.onValueChanged, displayExpr: widget.displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: widget.onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> </div>',
     'dxrd-preview-toolbar-scrollable': '<div class="dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant" data-bind="dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dxrd-toolbar" role="toolbar" data-bind="keyDownActions: actionLists, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-toolbar-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.toolbarItems } --> <!-- /ko --> </div> </div>',
     'dxrd-preview-breadcrumb': '<!-- ko if: listItems.length > 1 --><div class="dxrd-breadcrumbs-wrapper" data-bind="dxMutationObserver: keyboardHelper" aria-label="Breadcrumbs" role="navigation"> <!-- ko foreach: listItems --> <!-- ko if: $index() !== ($parent.listItems.length - 1) --> <a class="dxrd-breadcrump-link dxrd-breadcrumb-item dxd-text-accented dx-accessibility-border-accented" data-bind="click: function(s, e) { $parent.onClick($data.position); }"> <span data-bind="text: $data.displayText"></span> </a> <span class="dxrd-breadcrumb-item-seperator" data-bind="template: { name: \'dxrd-svg-preview-breadcrumbs_seperator\' }"> </span> <!-- /ko --> <!-- ko if: $index() === ($parent.listItems.length - 1) --> <div class="dxrd-breadcrumb-item dxd-text-primary dx-accessibility-border-accented" aria-current="location"> <span data-bind="text: $data.displayText"></span> </div> <!-- /ko --> <!-- /ko --></div><!-- /ko -->',
     'dxrd-preview-search': '<div role="search" aria-haspopup="listbox" class="dxrd-preview-search-wrapper" data-bind="visible: active && visible, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-search-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <!-- ko with: model.getViewModel() --> <div class="dxrd-preview-search-tab-header"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: headerText"></span> </div> <div class="dxrd-preview-search-tab-editor-button-container"> <div class="dxrd-preview-search-editor dx-searcheditor" data-bind="dxTextBox: searchEditor"></div> <div data-bind="dxButton: buttons.searchButton" class="dxrd-preview-search-button"></div> </div> <div class="dxrd-preview-search-tab-header-text"> <div class="dxrd-preview-search-checkbox" data-bind="dxCheckBox: matchCaseEditor"></div> <div class="dxrd-preview-search-checkbox dxrd-preview-search-checkbox-second" data-bind="dxCheckBox: matchWholeWordEditor"></div> </div> </div> <!-- ko if: (searchResultCount > 0 || loading) --> <div class="dxrd-preview-search-result-wrapper"> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div class = "dxrd-preview-search-results dxrd-preview-search-result-text" data-bind="attr: { id: searchResultHeaderId, \'aria-busy\': loading ? \'true\' : \'false\' }"> <span class="dxrd-preview-search-result-text-bold" data-bind="text: searchResultCount"></span>&nbsp <span data-bind="text: resultsInText"></span>&nbsp <span class="dxrd-preview-search-result-text-bold" data-bind="text: searchResultPageCount"></span>&nbsp <span data-bind="text: resultsPagesText"></span> </div> <div class="dxrd-preview-search-results-navigation"> <div class="dxrdp-search-loading" data-bind="dxLoadIndicator: { visible: loading }"></div> <div data-bind="dxButton: buttons.upButton " class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> <div data-bind="dxButton: buttons.downButton " class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> </div> </div> </div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <div class="dxrd-preview-search-result dxd-border-accented" data-bind="dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText: \'\', encodeNoDataText: true }, attr: { \'aria-labelledby\': searchResultHeaderId }"> <div class="dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="dxAction: { model: data, action: itemClickAction }, attr: attr" data-options="dxTemplate : { name: \'item\' }" > <div class="dx-accessibility-field-background dxd-back-accented"></div> <div class="dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary" data-bind="text: data.text"></div> <div class="dxrd-preview-search-tab-item-info dxd-text-primary" data-bind="text: info"></div> </div> </div> </div> <!-- /ko --> <!-- ko if: (searchCompleted && searchResultCount == 0) --> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div data-bind="text: noResultText" class = "dxrd-preview-search-result-text"> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div>',
-    'dxrd-preview-ai-panel': '<div id="dxrd-preview-ai-panel-id" class="dxrd-preview-ai-panel" data-bind="visible: active && visible"> <!-- ko with: model.getViewModel() --> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: aiPanelHeaderLabel"></span> </div> <div class="dxrd-preview-ai-panel-wrapper dx-editors"> <div class="dx-fieldset"> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-target-select" data-bind="text: targetContentText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-target-select" data-bind="dxSelectBox: getSelectBoxOptions(targetSelectBoxOptions, $element)"></div> </div> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-language-select" data-bind="text: targetLanguageText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-language-select" data-bind="dxSelectBox: getSelectBoxOptions(languageSelectBoxOptions, $element)"></div> </div> <!-- ko if: pageSelectBoxVisible --> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-page-select" data-bind="text: pageSelectText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-page-select" data-bind="dxSelectBox: getSelectBoxOptions(pageSelectBoxOptions, $element)"> </div> </div> <!-- /ko --> <div class="dx-field"> <div class="dxrd-preview-ai-buttons-wrapper"> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.translateTextButton"> </div> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.summarizeTextButton"> </div> </div> </div> </div> <!-- ko if: resultVisible --> <div class="dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text"> <span data-bind="text: textProcessingResultHeaderText" class="dxrd-right-panel-result-text"></span> <div role="button" class="dxrd-right-panel-copy-button dx-accessibility-focus-border-accented" tabindex="0" data-bind="event: { keydown: copyText }"> <div class="dxd-icon-highlighted" data-bind="template: { name: buttons.copyResultButton.template }, dxclick: buttons.copyResultButton.onClick"></div> </div> </div> <div id="dxrd-ai-panel-text-area-id" tabindex="0" role="presentation" class="dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2" data-bind="dxTextArea: { value: aiProcessingResultText, onInput: function(e) { e.event.preventDefault(); }, onPaste: function(e) { e.event.preventDefault(); }, onKeyDown: function(e) { if (e.event.key !== \'Tab\') e.event.preventDefault(); }, hoverStateEnabled: false, inputAttr: { spellcheck: \'false\' }, tabIndex: -1 }"> </div> <!-- /ko --> </div> <div data-bind="dxPopup: { width: 350, height: 200, shading: false, focusStateEnabled: false, visible: warningTextLimitPopupVisible, container: \'.dxrd-preview-ai-panel\', target: \'.dxrd-preview-ai-panel\', position: { at: \'top\', my: \'top\', collision: \'fit\', of: \'.dxrd-preview-ai-panel\' }, showCloseButton: false, showTitle: false, wrapperAttr: { class: \'dxrd-preview-ai-panel-warning-popup\' }, }"> <span data-bind="text: limitExceededWarningMsg" class="dxrd-preview-ai-panel-warning-popup-text"></span> <div class="dxrd-preview-ai-panel-warning-popup-checkbox" data-bind="dxCheckBox: proceedForAllCheckBoxOptions"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button-group"> <div class="dxrd-preview-ai-panel-warning-popup-button dx-button-default" data-bind="dxButton: { text: proceedNextChunkButtonText, onClick: proceedNextButtonClick }"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button" data-bind="dxButton: { text: cancelChunkedOperationButtonText, onClick: cancelProcessButtonClick }"> </div> </div> </div> <!-- /ko --></div>',
+    'dxrd-preview-ai-panel': '<div id="dxrd-preview-ai-panel-id" class="dxrd-preview-ai-panel" data-bind="visible: active && visible"> <!-- ko with: model.getViewModel() --> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: aiPanelHeaderLabel"></span> </div> <div class="dxrd-preview-ai-panel-wrapper dx-editors"> <div class="dx-fieldset"> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-target-select" data-bind="text: targetContentText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-target-select" data-bind="dxSelectBox: getSelectBoxOptions(targetSelectBoxOptions, $element)"></div> </div> <!-- ko if: languageSelectBoxOptions.visible --> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-language-select" data-bind="text: targetLanguageText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-language-select" data-bind="dxSelectBox: getSelectBoxOptions(languageSelectBoxOptions, $element)"></div> </div> <!-- /ko --> <!-- ko if: pageSelectBoxVisible --> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-page-select" data-bind="text: pageSelectText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-page-select" data-bind="dxSelectBox: getSelectBoxOptions(pageSelectBoxOptions, $element)"> </div> </div> <!-- /ko --> <div class="dx-field"> <div class="dxrd-preview-ai-buttons-wrapper"> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.translateTextButton"> </div> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.summarizeTextButton"> </div> </div> </div> </div> <!-- ko if: resultVisible --> <div class="dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text"> <span data-bind="text: textProcessingResultHeaderText" class="dxrd-right-panel-result-text"></span> <div role="button" class="dxrd-right-panel-copy-button dx-accessibility-focus-border-accented" tabindex="0" data-bind="event: { keydown: copyText }"> <div class="dxd-icon-highlighted" data-bind="template: { name: buttons.copyResultButton.template }, dxclick: buttons.copyResultButton.onClick"></div> </div> </div> <div id="dxrd-ai-panel-text-area-id" tabindex="0" role="presentation" class="dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2" data-bind="dxTextArea: { value: aiProcessingResultText, onInput: function(e) { e.event.preventDefault(); }, onPaste: function(e) { e.event.preventDefault(); }, onKeyDown: function(e) { if (e.event.key !== \'Tab\') e.event.preventDefault(); }, hoverStateEnabled: false, inputAttr: { spellcheck: \'false\' }, tabIndex: -1 }"> </div> <!-- /ko --> </div> <div data-bind="dxPopup: { width: 350, height: 200, shading: false, focusStateEnabled: false, visible: warningTextLimitPopupVisible, container: \'.dxrd-preview-ai-panel\', target: \'.dxrd-preview-ai-panel\', position: { at: \'top\', my: \'top\', collision: \'fit\', of: \'.dxrd-preview-ai-panel\' }, showCloseButton: false, showTitle: false, wrapperAttr: { class: \'dxrd-preview-ai-panel-warning-popup\' }, }"> <span data-bind="text: limitExceededWarningMsg" class="dxrd-preview-ai-panel-warning-popup-text"></span> <div class="dxrd-preview-ai-panel-warning-popup-checkbox" data-bind="dxCheckBox: proceedForAllCheckBoxOptions"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button-group"> <div class="dxrd-preview-ai-panel-warning-popup-button dx-button-default" data-bind="dxButton: { text: proceedNextChunkButtonText, onClick: proceedNextButtonClick }"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button" data-bind="dxButton: { text: cancelChunkedOperationButtonText, onClick: cancelProcessButtonClick }"> </div> </div> </div> <!-- /ko --></div>',
     'dxrd-preview-progress-bar': '<div role="dialog" class="dxrd-preview-progress dxd-popup-back-color dxd-back-primary2 dxd-border-primary" data-bind="visible: visible, css: cssClasses, dxMutationObserver: progressBarAccessibilityKeyboardHelper"> <div class="dxrd-preview-progress-text dxd-text-primary" data-bind="text : text"></div> <div class="dxrd-preview-progress-bar dxd-back-primary"> <div class="dxrd-preview-progress-value dxd-preview-progress-bar-value-color dxd-back-accented" data-bind="style : { width: progress  + \'%\' }"></div> </div> <div role="button" class="dxrd-preview-progress-cancel dxd-hyperlink-color dxd-border-accented dxd-text-accented dx-accessibility-list-item dx-accessibility-border-accented" data-bind="text: cancelButton.text, visible: cancelButton.visible, click: function() { cancelButton.action && cancelButton.action(); }"></div> </div>',
-    'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: model.headerText, visible: model.showHeader"></span> <!-- ko if: (model && !model.isEmpty) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: model.emptyText"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, dxMutationObserver: keyboardHelper"> <div role="tree" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container" data-bind="visible: model.showButtons"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <!-- ko foreach: model.buttons --> <div class="dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented" data-bind="dxButton: $data"></div> <!-- /ko --> </div> </div> <!-- /ko --> </div>',
+    'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: model.headerText, visible: model.showHeader"></span> <!-- ko if: (model && !model.isEmpty) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: model.emptyText"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, dxMutationObserver: keyboardHelper"> <div role="tree" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container" data-bind="visible: model.showButtons"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <!-- ko foreach: model.buttons --> <div class="dxrd-preview-parameter-action dx-accessibility-focus-border-accented" data-bind="dxButton: $data"></div> <!-- /ko --> </div> </div> <!-- /ko --> </div>',
     '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: exportTranslatedCodumentWarningMsg" 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 -->',
@@ -16108,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) => {
@@ -16136,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) => {
@@ -16149,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;
 }
@@ -16196,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();
@@ -16214,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);
@@ -16263,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