devexpress-reporting 25.1.1-alpha → 25.1.2-beta

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.2-beta
+* Build date: May 14, 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.2';
 
 ;// ./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) {
@@ -4432,7 +4431,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,6 +4439,7 @@ class PreviewRequestWrapper {
             isWholeDocument: isWholeDocument,
             currentChunkPosition: currentChunkPosition,
             prevResponse: prevResponse,
+            summaryTranslation: summaryTranslation,
             editingFieldValues: this._reportPreview._editingFields?.map(item => item.getEditValue())
         }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during Text Translation', 'ASPxReportsStringId.WebDocumentViewer_TranslateTextError')), () => ignore);
     }
@@ -5272,6 +5272,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 +5283,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 +5313,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.AIPanel_RevertPageToOriginal'))
+        .generateProperty('translatedPageBadgeText', (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('AI-generated Translation', 'ASPxReportsStringId.WebDocumentViewer_AIGeneratedTranslation'))
         .generateProperty('loading', this.loading)
         .generateProperty('clickableBricks', this.clickableBricks)
         .generateProperty('setPageActiveChangedEvent', (callback) => {
@@ -5338,6 +5348,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 +5689,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 +5870,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 +6225,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;
         });
@@ -6408,7 +6437,7 @@ function createReportPreviewViewModel(base) {
         .generateProperty('emptyDocumentCaption', this.emptyDocumentCaption)
         .generateProperty('previewBrickKeyboardHelper', this.previewBrickKeyboardHelper)
         .generateProperty('exportTranslatedDocPopupVisible', this.exportTranslatedDocPopupVisible)
-        .generateProperty('exportTranslatedCodumentWarningMsg', this.exportTranslatedCodumentWarningMsg)
+        .generateProperty('exportTranslatedDodumentWarningMsg', this.exportTranslatedDodumentWarningMsg)
         .generateProperty('exportTranslatedDocumentButtonText', this.exportTranslatedDocumentButtonText)
         .generateProperty('exportOriginalDocumentButtonText', this.exportOriginalDocumentButtonText)
         .generateProperty('exportTranslatedHandler', this.exportTranslatedHandler)
@@ -7077,7 +7106,7 @@ 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.exportTranslatedDodumentWarningMsg = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('You are about to export a document that contains AI-generated translations. Do you want to proceed?', 'ASPxReportsStringId.WebDocumentViewer_DocumentContainsTranslationMsg');
         this.exportTranslatedDocumentButtonText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('OK', 'ASPxReportsStringId.WebDocumentViewer_ExportTranslatedProceed');
         this.exportOriginalDocumentButtonText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cancel', 'ASPxReportsStringId.WebDocumentViewer_ExportTranslationCancel');
         this.editingFieldsProvider = () => this._editingFields;
@@ -7233,6 +7262,11 @@ class ReportPreview extends ReportHolder {
         }
         this.setPageVisibility(firstPage, true);
     }
+    _show(initializeDataPromise) {
+        this.previewVisible = true;
+        this._breadcrumb.reset();
+        this.initialize(initializeDataPromise);
+    }
     initialize(initializeDataPromise, closeDocument = true) {
         this.reportOpening = true;
         this.reportId = null;
@@ -7787,7 +7821,7 @@ reportPreview_decorate([
 ], 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);
@@ -8202,7 +8236,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 +8612,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');
@@ -11521,7 +11554,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 +11730,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 +12611,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 +12631,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 +12649,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 +12743,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 +12766,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'),
@@ -12726,43 +12785,71 @@ 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 = {
             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 })),
+                visible: this.inlineTranslationEnabled,
+                id: menuItemId.TranslateInPlaceRoot,
+                items: [{
+                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Current Page', 'ASPxReportsStringId.AIPanel_TranslateCurrentPage'),
+                        id: menuItemId.TranslatePageInPlace,
+                        items: this.languages.map(language => {
+                            return { ...language, key: menuItemId.TranslatePageInPlace };
+                        }),
+                    }, {
+                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Entire Document', 'ASPxReportsStringId.AIPanel_TranslateAllDocument'),
+                        id: menuItemId.TranslateDocumentInPlace,
+                        items: this.languages.map(language => {
+                            return { ...language, key: menuItemId.TranslateDocumentInPlace };
+                        }),
+                    },
+                    ...this.languages.map(language => { return { ...language, key: menuItemId.TranslateSelectionInPlace }; })
+                ]
             },
             {
                 text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Revert to Original', 'ASPxReportsStringId.AIPanel_RevertPageToOriginal'),
-                id: menuItemId.RevertToOriginal,
-                key: menuItemId.RevertToOriginal
+                id: menuItemId.RevertToOriginalRoot,
+                key: menuItemId.RevertToOriginalRoot,
+                items: [{
+                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Current Page', 'ASPxReportsStringId.AIPanel_RevertPageToOriginal'),
+                        id: menuItemId.RevertPageToOriginal,
+                        key: menuItemId.RevertPageToOriginal,
+                    }, {
+                        text: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Entire Document', 'ASPxReportsStringId.AIPanel_RevertAllDocumentToOriginal'),
+                        id: menuItemId.RevertAllDocumentToOriginal,
+                        key: menuItemId.RevertAllDocumentToOriginal,
+                    }]
             }
         ];
         const that = this;
@@ -12777,23 +12864,37 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 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.expandAITabPanel();
+                    that.IsBrickSelected ? that.selectedTarget = TextSourceTarget.Selection : that.selectedTarget = TextSourceTarget.Page;
                     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 (itemId === menuItemId.Translate) {
+                else if (itemKey === menuItemId.TranslateDocumentInPlace) {
+                    that.onTranslateClick(e.itemData['id'], true, true);
+                }
+                else if (itemKey === menuItemId.Translate) {
                     that.expandAITabPanel();
-                    that.selectedLanguage = e.itemData['key'];
-                    that.onTranslateClick();
+                    that.selectedLanguage = e.itemData['id'];
+                    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 (itemKey === menuItemId.RevertPageToOriginal) {
+                    that.revertToOriginal(false);
                 }
-                else if (itemId === menuItemId.RevertToOriginal) {
-                    that.revertToOriginal();
+                else if (itemKey === menuItemId.RevertAllDocumentToOriginal) {
+                    that.revertToOriginal(true);
                 }
             },
             onSubmenuShowing: (e) => {
@@ -12806,13 +12907,46 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                 const submenuItems = e['submenu'].option('items');
                 let updateItems = 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 visible = item.visible;
+                    switch (item.id) {
+                        case menuItemId.RevertToOriginalRoot:
+                            visible = !!that._currentPage.aiCustomDocumentStorageId || that.documentHasTranslation;
+                            item.internalFields?.item?.items?.forEach(item => {
+                                const pageHasTranslation = !!that._currentPage?.aiCustomDocumentStorageId;
+                                if (item.id === menuItemId.RevertPageToOriginal && item.visible !== pageHasTranslation) {
+                                    item.visible = pageHasTranslation;
+                                    updateItems = 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(item => {
+                                const shouldChange = item.visible !== !that.IsBrickSelected;
+                                if (item.id === menuItemId.TranslateDocumentInPlace && shouldChange) {
+                                    item.visible = !that.IsBrickSelected;
+                                    updateItems = true;
+                                }
+                                if (item.id === menuItemId.TranslatePageInPlace && shouldChange) {
+                                    item.visible = !that.IsBrickSelected;
+                                    updateItems = true;
+                                }
+                                if (item.key === menuItemId.TranslateSelectionInPlace && item.visible !== that.IsBrickSelected) {
+                                    item.visible = that.IsBrickSelected;
+                                    updateItems = true;
+                                }
+                            });
+                            break;
+                    }
+                    if (item.visible !== visible) {
+                        item.visible = visible;
+                        item['internalFields']['item']['visible'] = visible;
+                        updateItems = true;
                     }
                 });
                 if (updateItems)
@@ -12853,6 +12987,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();
@@ -12974,7 +13117,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 +13158,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 +13169,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);
         }
     }
-    translateDocument(brickIndexes, pageIndex, aiCustomDocumentStorageId, prevResponse, currentChunkPosition) {
-        this._currentPage.loading = true;
+    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_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);
+        });
+    }
+    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 +13260,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,9 +13286,8 @@ 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);
             }
         }
     }
@@ -13132,7 +13315,7 @@ 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;
@@ -13140,8 +13323,7 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
                             }
                             else
                                 this.failRequestHandler(result.errorMessage, false);
-                        })
-                            .catch(fail => {
+                        }, fail => {
                             this.aiProcessingResultText = result.text;
                             this.failRequestHandler(fail, this.ignore);
                         });
@@ -13160,11 +13342,13 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             this.failRequestHandler(result.errorMessage, false);
         }
     }
-    _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');
@@ -14178,6 +14362,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 +14746,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>',
@@ -14689,6 +14877,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 +14889,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 +14900,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 +14974,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); } }; });
@@ -14799,7 +14991,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (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)('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)('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; } }; });
@@ -14936,20 +15128,20 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     '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 }" class="dxrd-report-preview-placeholder"> <div aria-live="assertive" aria-atomic="true" class="dxd-empty-area-placeholder-text-color dxd-text-info" data-bind="text: emptyDocumentCaption"></div> </div> </div> <div data-bind="dxPopup: { width: 450, height: 150, visible: exportTranslatedDocPopupVisible, container: \'.dxrd-preview-surface\', target: \'.dxrd-preview-surface\', position: { at: \'center\', my: \'center\', collision: \'fit\', of: \'.dxrd-preview-surface\' }, dragEnabled: false, hideOnOutsideClick: true, showCloseButton: false, showTitle: false, onHiding: function(e) { onExportPopupHiding(); } }"> <span data-bind="text: exportTranslatedDodumentWarningMsg" class="dxrd-preview-export-warning-popup-text"></span> <div class="dxrd-preview-export-warning-popup-button-group"> <div class="dxrd-preview-export-warning-popup-button dx-button-default" data-bind="dxButton: { text: exportTranslatedDocumentButtonText, onClick: exportTranslatedHandler }"> </div> <div class="dxrd-preview-export-warning-popup-button" data-bind="dxButton: { text: exportOriginalDocumentButtonText, onClick: exportTranslatedCancel }"> </div> </div> </div> </div> <div id="dxrd-preview-bricks-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div>',
     '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-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>',