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

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  24.1.6-build-24250-2425
-* Build date: Sep 6, 2024
+* Version:  24.2.1-alpha-24260-0214
+* Build date: Sep 16, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -187,6 +187,7 @@ __webpack_require__.d(reporting_internal_namespaceObject, {
   getChartChildComponents: () => (getChartChildComponents),
   isAndroid: () => (isAndroid),
   isIOS: () => (isIOS),
+  isMac: () => (isMac),
   isMobile: () => (isMobile),
   processZoomFactor: () => (processZoomFactor),
   transformNewLineCharacters: () => (transformNewLineCharacters)
@@ -333,6 +334,7 @@ __webpack_require__.d(reporting_viewer_export_metadata_namespaceObject, {
 var reporting_viewer_internal_namespaceObject = {};
 __webpack_require__.r(reporting_viewer_internal_namespaceObject);
 __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
+  AIPanelViewModel: () => (AIPanelViewModel),
   ActionLists: () => (ActionLists),
   BreadcrumbItem: () => (BreadcrumbItem),
   BreadcrumbModel: () => (BreadcrumbModel),
@@ -358,6 +360,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   SearchResultNavigator: () => (SearchResultNavigator),
   SearchViewModel: () => (SearchViewModel),
   SortingProcessor: () => (SortingProcessor),
+  TextSourceTarget: () => (TextSourceTarget),
   ViewerAction: () => (ViewerAction),
   brickText: () => (brickText),
   convertToPercent: () => (convertToPercent),
@@ -367,6 +370,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   createPreviewModel: () => (createPreviewModel),
   createPreviewPageViewModel: () => (createPreviewPageViewModel),
   createStandaloneParametersPanel: () => (createStandaloneParametersPanel),
+  createViewModel: () => (createViewModel),
   formatSearchResult: () => (formatSearchResult),
   getBrickValueForKey: () => (getBrickValueForKey),
   getCurrentResolution: () => (getCurrentResolution),
@@ -388,6 +392,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   updateBricksPosition: () => (updateBricksPosition),
   updateExportHandlerViewModel: () => (updateExportHandlerViewModel),
   updatePreviewContentSize: () => (updatePreviewContentSize),
+  updatePreviewPageRendererBinding: () => (updatePreviewPageRendererBinding),
   updatePreviewPageViewModel: () => (updatePreviewPageViewModel),
   updatePreviewZoomWithAutoFit: () => (updatePreviewZoomWithAutoFit)
 });
@@ -460,13 +465,17 @@ __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),
   EditablePreviewEnabled: () => (EditablePreviewEnabled),
   HandlerUri: () => (HandlerUri),
   MessageHandler: () => (MessageHandler),
   MultipageScrollingThrottle: () => (MultipageScrollingThrottle),
+  PageRenderFormat: () => (PageRenderFormat),
   PollingDelay: () => (PollingDelay),
   PreloadedPagesOffset: () => (PreloadedPagesOffset),
+  PreviewRenderFormat: () => (PreviewRenderFormat),
   ReportServerDownloadUri: () => (ReportServerDownloadUri),
   ReportServerExportUri: () => (ReportServerExportUri),
   ReportServerInvokeUri: () => (ReportServerInvokeUri),
@@ -980,7 +989,7 @@ class EventGenerator {
 ;// CONCATENATED MODULE: external "DevExpress.Analytics.Internal.dxversions"
 const external_DevExpress_Analytics_Internal_dxversions_namespaceObject = DevExpress.Analytics.Internal.dxversions;
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/dx-reporting-version.js
-const version = '24.1.5';
+const version = '24.2.0';
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/common/versions.js
 
@@ -1306,7 +1315,8 @@ function toggleFullscreen(element, value) {
     else
         exitFullscreen();
 }
-const isIOS = external_DevExpress_devices_default().real().ios || external_DevExpress_devices_default().real()['mac'] && window.navigator.maxTouchPoints > 0;
+const isMac = external_DevExpress_devices_default().real()['mac'];
+const isIOS = external_DevExpress_devices_default().real().ios || isMac && window.navigator.maxTouchPoints > 0;
 const isAndroid = external_DevExpress_devices_default().real().android;
 const isMobile = isIOS || isAndroid;
 function transformNewLineCharacters(value) {
@@ -2639,6 +2649,12 @@ class PreviewPageControlsElement extends external_DevExpress_Analytics_Internal_
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/settings.js
 
+var PageRenderFormat;
+(function (PageRenderFormat) {
+    PageRenderFormat[PageRenderFormat["Auto"] = 0] = "Auto";
+    PageRenderFormat[PageRenderFormat["Svg"] = 1] = "Svg";
+    PageRenderFormat[PageRenderFormat["Png"] = 2] = "Png";
+})(PageRenderFormat || (PageRenderFormat = {}));
 const EditablePreviewEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
 const SearchAvailable = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(true);
 const ReportServerInvokeUri = '/RSWebDocumentViewerApi/Invoke';
@@ -2659,6 +2675,9 @@ const PollingDelay = (0,external_DevExpress_Analytics_Internal_namespaceObject.c
 const TimeOut = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(105000);
 const PreloadedPagesOffset = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(15);
 const MultipageScrollingThrottle = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(150);
+const PreviewRenderFormat = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(PageRenderFormat.Png);
+const AIServicesEnabled = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)(false);
+const AILanguages = (0,external_DevExpress_Analytics_Internal_namespaceObject.createGlobalModuleVariableFunc)([]);
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/editing/models/editingFieldBase.js
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -3279,8 +3298,8 @@ class PreviewSelection {
             top: (parseInt(this._$selectionContent.css('top')) - offset.top + this._getBodyScrollTop()) / this._$element.height() * 100,
             height: this._$selectionContent.height() / this._$element.height() * 100
         };
-        currentRect['right'] = currentRect.left + currentRect.width;
-        currentRect['bottom'] = currentRect.top + currentRect.height;
+        currentRect.right = currentRect.left + currentRect.width;
+        currentRect.bottom = currentRect.top + currentRect.height;
         const bricks = this._page.bricks;
         for (let i = 0; i < bricks.length; i++) {
             if (!bricks[i].bricks) {
@@ -3295,7 +3314,7 @@ class PreviewSelection {
         }
     }
     _mouseMove(event) {
-        if (!this._startRect || !this._page.active || PreviewSelection.disabled)
+        if (!this._startRect || !this._page.active || PreviewSelection.disabled || this._page.useSvg)
             return;
         const leftButtonPressed = event.which === 1;
         if (leftButtonPressed) {
@@ -4363,7 +4382,7 @@ class PreviewRequestWrapper {
         this._searchModel = searchModel;
     }
     findTextRequest(text, ignore) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'findText', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'findText', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             text: text,
             documentId: this._reportPreview.documentId,
             matchCase: this._searchModel.matchCase,
@@ -4372,7 +4391,7 @@ class PreviewRequestWrapper {
         }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), () => ignore);
     }
     startSearch(text, ignore) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'startSearch', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'startSearch', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             text: text,
             documentId: this._reportPreview.documentId,
             matchCase: this._searchModel.matchCase,
@@ -4380,7 +4399,7 @@ class PreviewRequestWrapper {
         }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), () => ignore);
     }
     getSearchStatus(searchOperationId, startIndex = 0, resultLimitPerRequest = 1000, ignore) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getSearchStatus', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getSearchStatus', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             searchOperationId: searchOperationId,
             documentId: this._reportPreview.documentId,
             startIndex: startIndex,
@@ -4388,16 +4407,38 @@ class PreviewRequestWrapper {
         }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during search', 'ASPxReportsStringId.WebDocumentViewer_SearchError')), () => ignore);
     }
     stopSearch(searchOperationId, ignore) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'stopSearch', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'stopSearch', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             searchOperationId: searchOperationId,
             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) {
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'translateText', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
+            text: text,
+            documentId: this._reportPreview.documentId,
+            toLanguage: toLanguage,
+            isWholeDocument: isWholeDocument,
+            currentChunkPosition: currentChunkPosition,
+            prevResponse: prevResponse,
+            editingFieldValues: this._reportPreview._editingFields?.map(item => item.getEditValue())
+        }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during Text Translation', 'ASPxReportsStringId.WebDocumentViewer_TranslateTextError')), () => ignore);
+    }
+    summarizeTextRequest(text, isWholeDocument, prevResponse, currentChunkPosition, language, ignore) {
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'summarizeText', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
+            text: text,
+            documentId: this._reportPreview.documentId,
+            toLanguage: language,
+            isWholeDocument: isWholeDocument,
+            currentChunkPosition: currentChunkPosition,
+            prevResponse: prevResponse,
+            editingFieldValues: this._reportPreview._editingFields?.map(item => item.getEditValue())
+        }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during Summarize Text', 'ASPxReportsStringId.WebDocumentViewer_SummarizeTextError')), () => ignore);
+    }
     stopBuild(id) {
         (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'stopBuild', id, undefined, () => true);
     }
     sendCloseRequest(documentId, reportId) {
-        (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'close', JSON.stringify({
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'close', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             reportId: reportId,
             documentId: documentId
         }), undefined, () => true);
@@ -4408,7 +4449,7 @@ class PreviewRequestWrapper {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)({
             uri: HandlerUri(),
             action: 'startBuild',
-            arg: JSON.stringify({
+            arg: (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
                 reportId: this._reportPreview.reportId,
                 reportUrl: this._reportPreview.reportUrl,
                 drillDownKeys: this._reportPreview['_drillDownState'],
@@ -4425,7 +4466,7 @@ class PreviewRequestWrapper {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)({
             uri: HandlerUri(),
             action: 'getBuildStatus',
-            arg: JSON.stringify({
+            arg: (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
                 documentId: documentId,
                 firstPageRequest: firstPageRequest,
                 isFirstRequest: isFirstRequest,
@@ -4441,7 +4482,7 @@ class PreviewRequestWrapper {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getDocumentData', documentId, PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot obtain additional document data for the current document', 'ASPxReportsStringId.WebDocumentViewer_GetDocumentDataError')), shouldIgnoreError);
     }
     customDocumentOperation(documentId, serializedExportOptions, editindFields, customData, hideMessageFromUser) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'documentOperation', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'documentOperation', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             documentId: documentId,
             customData: customData,
             exportOptions: serializedExportOptions,
@@ -4452,14 +4493,14 @@ class PreviewRequestWrapper {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'openReport', reportName, PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Could not open report', 'ASPxReportsStringId.WebDocumentViewer_OpenReportError') + " '" + reportName + "'"));
     }
     drillThrough(drillThroughData) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'drillThrough', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'drillThrough', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             reportId: this._reportPreview.reportId,
             reportUrl: this._reportPreview.reportUrl,
             drillThroughData: drillThroughData
         }), PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Drill through operation failed', 'ASPxReportsStringId.WebDocumentViewer_DrillThroughError')));
     }
     goToReport(customData) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'goToReport', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'goToReport', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             reportId: this._reportPreview.reportId,
             reportUrl: this._reportPreview.reportUrl,
             documentId: this._reportPreview.documentId,
@@ -4482,7 +4523,7 @@ class PreviewRequestWrapper {
         });
     }
     cancelExportRequest(operationId, shouldIgnoreError) {
-        const arg = JSON.stringify({
+        const arg = (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             id: operationId
         });
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'cancelExport', arg, PreviewRequestWrapper.getProcessErrorCallback(this._reportPreview, (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('An error occurred during the export', 'ASPxReportsStringId.WebDocumentViewer_ExportError')), shouldIgnoreError);
@@ -4491,7 +4532,7 @@ class PreviewRequestWrapper {
         return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)({
             uri: HandlerUri(),
             action: 'getExportStatus',
-            arg: JSON.stringify({
+            arg: (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
                 id: operationId,
                 timeOut: Math.max(5000, TimeOut())
             }),
@@ -4501,7 +4542,7 @@ class PreviewRequestWrapper {
         });
     }
     getEditingFieldHtml(value, editingFieldIndex) {
-        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getEditingFieldHtmlValue', JSON.stringify({
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getEditingFieldHtmlValue', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)({
             documentId: this._reportPreview.documentId,
             value: value,
             editingFieldIndex: editingFieldIndex
@@ -5180,6 +5221,7 @@ function initializeBrick(brick, processClick, editingFieldBricks) {
 function createPreviewPageViewModel(base) {
     return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(base)
         .generateProperty('pageLoading', this.pageLoading)
+        .generateProperty('pageLoaded', !!(this.svgMarkup || this.displayImageSrc))
         .generateProperty('brickLoading', this.brickLoading)
         .generateProperty('width', this.size.width)
         .generateProperty('height', this.size.height)
@@ -5201,6 +5243,7 @@ function createPreviewPageViewModel(base) {
         },
         getPageSizeConfiguration: () => this._getPageSizeConfiguration()
     })
+        .generateProperty('imageOptions', this._getImageOptions())
         .generateProperty('clickToBrick', (_, event) => this._clickToBrick(event))
         .generateProperty('currentPageAriaLabelImgAlt', this.currentPageAriaLabelImgAlt)
         .generateProperty('editingFields', this.editingFields)
@@ -5216,11 +5259,19 @@ function createPreviewPageViewModel(base) {
         };
     })
         .generateProperty('editingFieldsKeyboardHelper', this.editingFieldsKeyboardHelper)
-        .generateProperty('unifier', this._unifier)
+        .generateProperty('smartTagAIMenu', this.smartTagAIMenu)
+        .generateProperty('smartTagAIMenuPosition', this.smartTagAIMenuPosition)
         .getViewModel();
 }
 function updatePreviewPageViewModel(args) {
     const viewModel = this.getViewModel();
+    if (args.propertyName === 'displayImageSrc' || args.propertyName === 'svgMarkup'
+        || args.propertyName === 'currentPageAriaLabelImgAlt' || args.propertyName === 'useSvg' || args.propertyName === 'size') {
+        viewModel.imageOptions = this._getImageOptions();
+    }
+    if (args.propertyName === 'displayImageSrc' || args.propertyName === 'svgMarkup') {
+        viewModel.pageLoaded = !!(this.displayImageSrc || this.svgMarkup);
+    }
     if (args.propertyName === 'displayImageSrc') {
         viewModel.displayImageSrc = this.displayImageSrc;
     }
@@ -5263,8 +5314,11 @@ function updatePreviewPageViewModel(args) {
     else if (args.propertyName === 'currentPageAriaLabelImgAlt') {
         viewModel.currentPageAriaLabelImgAlt = this.currentPageAriaLabelImgAlt;
     }
-    else if (args.propertyName === '_unifier') {
-        viewModel.unifier = this._unifier;
+    else if (args.propertyName === 'smartTagAIMenuPosition') {
+        viewModel.smartTagAIMenuPosition = this.smartTagAIMenuPosition;
+    }
+    else if (args.propertyName == 'smartTagAIMenu') {
+        viewModel.smartTagAIMenu = this.smartTagAIMenu;
     }
 }
 
@@ -5286,7 +5340,6 @@ var _page_decorate = (undefined && undefined.__decorate) || function (decorators
 
 
 
-
 const imageSrcMutableOptions = { rateLimit: { timeout: 100, method: 'notifyWhenChangesStop' } };
 class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
     createViewModel() {
@@ -5318,7 +5371,7 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
         }
         if (args.propertyName === 'isClientVisible') {
             if (args.newValue) {
-                this._setPageImgSrc(this.reportPreview.documentId, this._unifier, this.zoom);
+                this._setPageImgSrc(this.reportPreview.documentId, this.reportPreview._unifier, this.zoom);
             }
         }
         if (args.propertyName === 'imageSrc')
@@ -5357,11 +5410,17 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
     _onPageLoaded(result, processClick) {
         if (!result)
             return;
-        this.imageHeight = result.height;
-        this.imageWidth = result.width;
-        this.currentScaleFactor = this._currentScaleFactor;
-        this._updatePageSize();
-        this.displayImageSrc = 'data:image/png;base64,' + result.base64string;
+        this.useSvg = this._useSvg;
+        if (!this.useSvg) {
+            this.imageHeight = result.height;
+            this.imageWidth = result.width;
+            this.currentScaleFactor = this._currentScaleFactor;
+            this._updatePageSize();
+            this.displayImageSrc = 'data:image/png;base64,' + result.base64string;
+        }
+        else {
+            this.svgMarkup = (0,external_DevExpress_Analytics_Internal_namespaceObject.base64DecodeUnicode)(result.base64string);
+        }
         if (this._isDisposed)
             return;
         this.pageLoading = false;
@@ -5428,6 +5487,7 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
             }, 500);
         };
         this._editingFieldsSubscriptionDispose = null;
+        this.useSvg = this._shouldUseSvgEngine();
         this.pageIndex = pageIndex;
         this._onImageSrcChanged = () => {
             this.lastGetPageDeferred && this.lastGetPageDeferred.resolve(null);
@@ -5438,7 +5498,6 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
                 .fail((_e) => this._onPageLoadFailed());
             this.shouldSendRequest && this._requestPage(reportPreview);
         };
-        this._unifier = reportPreview._unifier || generateGuid();
         this.originalSize = { height: reportPreview._pageHeight, width: reportPreview._pageWidth };
         this.addDisposable(reportPreview.events.on('originalZoomChanged', (args) => {
             this.zoom = args.newValue;
@@ -5446,8 +5505,6 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
             this.previewSize = args.newValue;
         }), reportPreview.events.on('autoFitByChanged', (args) => {
             this.autoFitBy = args.newValue;
-        }), reportPreview.events.on('_unifierChanged', (args) => {
-            this._unifier = args.newValue;
         }), reportPreview.events.on('pageLoadingChanged', (args) => {
             if (subscribeToPageLoading) {
                 this.pageLoading = args.newValue;
@@ -5501,6 +5558,16 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
     updateActiveBricks() {
         this.activeBricks = this.bricks.filter(x => x.active);
     }
+    getBricksTextContent(onlySelectedBricks = false) {
+        if (this.shouldSendRequest)
+            this._requestPage(this.reportPreview);
+        if (onlySelectedBricks) {
+            return this.reportPreview.getSelectedContent('');
+        }
+        else {
+            return this.reportPreview.getSelectedContent('', this.bricks);
+        }
+    }
     activateBrick(brick) {
         if (brick.active)
             return;
@@ -5523,7 +5590,29 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
         this.reportPreview = null;
         this.lastGetPageDeferred?.reject();
     }
-    _setPageImgSrc(documentId, unifier, zoom, shouldSkipBricks) {
+    _shouldUseSvgEngine(zoom) {
+        switch (PreviewRenderFormat()) {
+            case PageRenderFormat.Auto:
+                return this.reportPreview.showMultipagePreview ? zoom > 1 : true;
+            case PageRenderFormat.Png:
+                return false;
+            case PageRenderFormat.Svg:
+                return true;
+        }
+    }
+    _getImageOptions() {
+        return {
+            width: this.size.width,
+            height: this.size.height,
+            svgMarkup: this.svgMarkup,
+            displayImageSrc: this.displayImageSrc,
+            useSvg: this.useSvg,
+            color: this.color,
+            currentPageAriaLabelImgAlt: this.currentPageAriaLabelImgAlt,
+            pageLoaded: !!(this.displayImageSrc || this.svgMarkup)
+        };
+    }
+    _setPageImgSrc(documentId, unifier, zoom, shouldSkipBricks, forcePng) {
         if (!documentId || this.pageIndex === -1) {
             return;
         }
@@ -5538,15 +5627,31 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
                 return;
         }
         const newResolution = this.updateSize(zoom);
-        if ((this.actualResolution === newResolution || newResolution < 9) && this.imageSrc) {
-            return;
+        const useSvg = !forcePng && this._shouldUseSvgEngine(zoom);
+        if (useSvg) {
+            if (!this.useSvg && this.svgMarkup) {
+                this.useSvg = this._useSvg = true;
+                return;
+            }
+            else if (this.useSvg && this._unifier === unifier && this.imageSrc)
+                return;
         }
+        else {
+            if ((this.actualResolution === newResolution || newResolution < 9) && this.imageSrc && !this.useSvg) {
+                this.useSvg = this._useSvg = false;
+                return;
+            }
+        }
+        this._useSvg = useSvg;
         this.actualResolution = newResolution;
         this._currentScaleFactor = zoom;
         this.shouldSkipBrickLoading = shouldSkipBricks ?? false;
-        this.imageSrc = HandlerUri() +
-            '?actionKey=getPage&unifier=' + unifier +
-            '&arg=' + encodeURIComponent(JSON.stringify(this._getCurrentPageRequest(documentId, shouldSkipBricks)));
+        this._unifier = unifier;
+        this.imageSrc = HandlerUri() + '?' + (0,external_DevExpress_Analytics_Internal_namespaceObject.toQueryParameters)({
+            actionKey: 'getPage',
+            unifier,
+            arg: JSON.stringify(this._getCurrentPageRequest(documentId, shouldSkipBricks))
+        });
     }
     _requestPage(preview) {
         if (this.isDisposing)
@@ -5564,6 +5669,7 @@ class PreviewPage extends external_DevExpress_Analytics_Serializer_Native_namesp
     }
     _getCurrentPageRequest(documentId, shouldSkipBricks) {
         return {
+            useSvgEngine: this._useSvg,
             pageIndex: this.pageIndex,
             documentId: documentId,
             resolution: Math.floor(this.actualResolution * this._getPixelRatio()),
@@ -5649,6 +5755,12 @@ _page_decorate([
 _page_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => '')
 ], PreviewPage.prototype, "displayImageSrc", void 0);
+_page_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => '')
+], PreviewPage.prototype, "svgMarkup", void 0);
+_page_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
+], PreviewPage.prototype, "useSvg", void 0);
 _page_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
 ], PreviewPage.prototype, "active", void 0);
@@ -5661,6 +5773,12 @@ _page_decorate([
 _page_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('')
 ], PreviewPage.prototype, "currentPageAriaLabelImgAlt", void 0);
+_page_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)({})
+], PreviewPage.prototype, "smartTagAIMenu", void 0);
+_page_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)({})
+], PreviewPage.prototype, "smartTagAIMenuPosition", void 0);
 _page_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
 ], PreviewPage.prototype, "activeBricks", void 0);
@@ -5683,8 +5801,8 @@ class PageLoader {
             return !page.imageSrc;
         });
     }
-    _performPrefetch(pagesToUpdate, resolution) {
-        pagesToUpdate.forEach(page => this._preview.updatePage(page, resolution));
+    _performPrefetch(pagesToUpdate, resolution, forcePng) {
+        pagesToUpdate.forEach(page => this._preview.updatePage(page, resolution, forcePng));
     }
     _scheduleNextPrefetch(currentIndex, pendingPages) {
         this._loadTimeout = setTimeout(() => {
@@ -5709,16 +5827,18 @@ class PageLoader {
     prefetchPages(startIndex, endIndex, currentPageIndex) {
         this._disabled = false;
         let zoom = this._preview.originalZoom;
+        let forcePng = false;
         if (currentPageIndex === undefined) {
             zoom = this._defaultResolution;
             this._currentPrefetchCycle++;
+            forcePng = true;
         }
         if (startIndex > this.pages.length - 1 || this._currentPrefetchCycle >= this._requestCyclesLimit) {
             this.reset();
             return;
         }
         const pendingPages = this._getPagesToUpdate(startIndex, endIndex, currentPageIndex);
-        this._performPrefetch(pendingPages, zoom);
+        this._performPrefetch(pendingPages, zoom, forcePng);
         this._scheduleNextPrefetch(endIndex, pendingPages);
     }
     reset() {
@@ -6242,7 +6362,7 @@ class BreadcrumbsKeyboardHelper extends external_DevExpress_Analytics_Internal_n
     constructor(_breadcrumbsModel) {
         super();
         this._breadcrumbsModel = _breadcrumbsModel;
-        this.controlElementClassName = 'breadcrumb-item';
+        this.controlElementClassName = 'dxrd-breadcrumb-item';
         this.addDisposable(this._breadcrumbsModel.events.on('listItemsChanged', () => {
             this._initialize();
         }));
@@ -6444,6 +6564,7 @@ class BreadcrumbModel extends external_DevExpress_Analytics_Serializer_Native_na
     constructor() {
         super();
         this.keyboardHelper = new BreadcrumbsKeyboardHelper(this);
+        this._disposables.push(this.keyboardHelper);
         this.templateName = PreviewElements.Breadcrumb;
         this.listItems = [];
     }
@@ -6772,12 +6893,12 @@ class ReportPreview extends ReportHolder {
         this._sortingProcessor = new SortingProcessor(() => this._sortingState || []);
         this._getBuildStatusDeferreds = [];
         this._timeouts = [];
-        this.getSelectedContent = (punctuationMark = '') => {
+        this.getSelectedContent = (punctuationMark = '', bricks) => {
             const currentPage = this.pages[this.pageIndex];
             if (!currentPage || !currentPage.brickColumnWidthArray) {
                 return '';
             }
-            const activeBricks = [];
+            let activeBricks = [];
             const getActiveBricks = function (currentBrick, resultArray) {
                 if (!currentBrick) {
                     return;
@@ -6785,7 +6906,10 @@ class ReportPreview extends ReportHolder {
                 currentBrick.active && currentBrick.genlIndex != -1 && activeBricks.push(currentBrick);
                 currentBrick.bricks && currentBrick.bricks.length != 0 && currentBrick.bricks.forEach((innerBrick) => { getActiveBricks(innerBrick, resultArray); });
             };
-            getActiveBricks(currentPage.brick, activeBricks);
+            if (!bricks)
+                getActiveBricks(currentPage.brick, activeBricks);
+            else
+                activeBricks = bricks;
             if (!activeBricks) {
                 return '';
             }
@@ -6961,7 +7085,7 @@ class ReportPreview extends ReportHolder {
     _resolveFirstPage(status) {
         const firstPage = this.pages[0];
         firstPage.shouldSendRequest = !!status.pageCount;
-        if (firstPage.displayImageSrc || status.pageCount === 0)
+        if (firstPage.displayImageSrc || firstPage.svgMarkup || status.pageCount === 0)
             return;
         if (status.firstPageResponse && firstPage.lastGetPageDeferred) {
             firstPage.lastGetPageDeferred.resolve(status.firstPageResponse);
@@ -7360,8 +7484,8 @@ class ReportPreview extends ReportHolder {
             this.pageLoader.prefetchPages(startIndex, endIndex, page.pageIndex);
         }
     }
-    updatePage(page, zoom = this.originalZoom) {
-        page._setPageImgSrc(this.documentId, this._unifier, zoom, this.documentBuilding);
+    updatePage(page, zoom = this.originalZoom, forcePng = false) {
+        page._setPageImgSrc(this.documentId, this._unifier, zoom, this.documentBuilding, forcePng);
     }
     goToPage(pageIndex, forcePageChanging, throttle) {
         if (!forcePageChanging && this.pageIndex === pageIndex || this.pages.length === 0 || pageIndex < 0 || pageIndex >= this.pages.length) {
@@ -7828,11 +7952,13 @@ class DocumentMapModel extends external_DevExpress_Analytics_Serializer_Native_n
             })
         });
         this._disposables.push({ dispose: () => delete reportPreview.brickClickDocumentMapHandler });
+        const keyboardHelper = new external_DevExpress_Analytics_Internal_namespaceObject.TreeListKeyboardHelper(this.treeListController);
+        this._disposables.push(keyboardHelper);
         this._disposables.push(this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfo({
             text: 'Document Map',
             template: 'dxrd-preview-document-map',
             model: this,
-            keyboardHelper: new external_DevExpress_Analytics_Internal_namespaceObject.TreeListKeyboardHelper(this.treeListController),
+            keyboardHelper,
             localizationId: 'DevExpress.XtraPrinting.PrintingSystemCommand.DocumentMap',
             imageClassName: 'reportexplorer',
             imageTemplateName: 'dxrd-svg-tabs-reportexplorer',
@@ -8206,7 +8332,7 @@ class MultipageModeAction extends ViewerAction {
         this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Toggle Multipage Mode', 'ASPxReportsStringId.WebDocumentViewer_ToggleMultipageMode');
         this.imageClassName = this.getMultipageToggleImageClassName(reportPreview.showMultipagePreview);
         this.imageTemplateName = this.getMultipageToggleImageTemplateName(reportPreview.showMultipagePreview);
-        this.hotKey = { ctrlKey: true, keyCode: 77 };
+        this.hotKey = { altKey: true, ctrlKey: undefined, keyCode: 77 };
         this.clickAction = () => {
             const zoom = reportPreview.originalZoom;
             reportPreview.showMultipagePreview = !reportPreview.showMultipagePreview;
@@ -8236,6 +8362,10 @@ class ZoomOutAction extends ViewerAction {
         this.imageClassName = 'dxrd-image-zoomout';
         this.imageTemplateName = 'dxrd-svg-toolbar-zoomout';
         this.hotKey = { ctrlKey: false, keyCode: 109 };
+        this.hotKey = [
+            { ctrlKey: false, keyCode: 109 },
+            { ctrlKey: true, keyCode: 189 }
+        ];
         this.clickAction = () => {
             const currentZoom = reportPreview.zoom;
             const zoomLevel = currentZoom > 0 ? currentZoom : reportPreview.originalZoom;
@@ -8248,7 +8378,7 @@ class ZoomAction extends ViewerAction {
     constructor(reportPreview) {
         super(reportPreview);
         this.id = ActionId.ZoomSelector;
-        this.hotKey = { ctrlKey: true, keyCode: 187 };
+        this.hotKey = { ctrlKey: true, keyCode: 48 };
         this.templateName = 'dxrd-zoom-autofit-select-template';
         this.displayExpr = (val) => {
             if (val === ZoomAutoBy.PageWidth) {
@@ -8320,7 +8450,10 @@ class ZoomInAction extends ViewerAction {
         this.text = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Zoom In', 'DevExpress.XtraPrinting.PrintingSystemCommand.ZoomIn');
         this.imageClassName = 'dxrd-image-zoomin';
         this.imageTemplateName = 'dxrd-svg-toolbar-zoomin';
-        this.hotKey = { ctrlKey: false, keyCode: 107 };
+        this.hotKey = [
+            { ctrlKey: false, keyCode: 107 },
+            { ctrlKey: true, keyCode: 187 }
+        ];
         this.clickAction = () => {
             const currentZoom = reportPreview.zoom;
             const zoomLevel = currentZoom > 0 ? currentZoom : reportPreview.originalZoom;
@@ -8340,7 +8473,7 @@ class HighlightingAction extends ViewerAction {
         this.addDisposable(reportPreview.events.on('editingFieldsHighlightedChanged', (args) => {
             this.selected = args.newValue;
         }));
-        this.hotKey = { ctrlKey: true, keyCode: 72 };
+        this.hotKey = { ctrlKey: undefined, altKey: true, keyCode: 72 };
         this.clickAction = () => {
             reportPreview.editingFieldsHighlighted = !reportPreview.editingFieldsHighlighted;
         },
@@ -8414,6 +8547,7 @@ class ExportOptionsModel extends external_DevExpress_Analytics_Utils_namespaceOb
         const getTabPanelVisible = () => !!reportPreview.exportOptionsModel && reportPreview.exportOptionsTabVisible !== false;
         const keyboardHelperViewModelAccessor = () => this.tabInfo.getViewModel().propertyGrid.editors;
         const keyboardHelper = enableKeyboardSupport ? new external_DevExpress_Analytics_Internal_namespaceObject.PropertyGridKeyboardHelper(keyboardHelperViewModelAccessor) : undefined;
+        this._disposables.push(keyboardHelper);
         this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfoWithPropertyGrid({
             text: 'Export Options',
             template: 'dxrd-preview-export-options',
@@ -8576,6 +8710,7 @@ var _mobilePage_decorate = (undefined && undefined.__decorate) || function (deco
 };
 
 
+
 class MobilePreviewPage extends PreviewPage {
     deferredUpdateViewModel() { return false; }
     createViewModel() {
@@ -8589,6 +8724,7 @@ class MobilePreviewPage extends PreviewPage {
         const viewModel = this.getViewModel();
         viewModel.hasBricks = this.hasBricks;
     }
+    _shouldUseSvgEngine(zoom) { return PreviewRenderFormat() !== PageRenderFormat.Png; }
     constructor(preview, pageIndex, processClick, subscribeToPageLoading = false) {
         super(preview, pageIndex, processClick, subscribeToPageLoading);
         this.maxZoom = 1;
@@ -9292,12 +9428,14 @@ class SearchViewModel extends external_DevExpress_Analytics_Serializer_Native_na
         }), reportPreview.events.on('reportIdChanged', (args) => {
             this.resetSearchResult();
         }));
+        const keyboardHelper = enableKeyboardSupport ? new SearchKeyboardHelper(this) : undefined;
+        this._disposables.push(keyboardHelper);
         const tabInfoVisible = () => !getDisabled() && SearchAvailable();
         this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfo({
             text: 'Search',
             template: 'dxrd-preview-search',
             model: this,
-            keyboardHelper: enableKeyboardSupport ? new SearchKeyboardHelper(this) : undefined,
+            keyboardHelper,
             localizationId: 'ASPxReportsStringId.SearchDialog_Header',
             imageClassName: 'search',
             imageTemplateName: 'dxrd-svg-preview-search',
@@ -9443,10 +9581,16 @@ class SearchAction extends ViewerAction {
         this.imageTemplateName = 'dxrd-svg-preview-search';
         this.addDisposable(SearchAvailable.subscribe(() => this.visible = this.isVisible()));
         this.hasSeparator = true;
-        this.hotKey = { ctrlKey: false, keyCode: 70 };
+        this.hotKey = { ctrlKey: true, keyCode: 70 };
         this.clickAction = () => {
-            tabInfo.active = true;
-            tabInfo.collapsed = false;
+            if (tabInfo.active && !tabInfo.collapsed) {
+                tabInfo.active = false;
+                tabInfo.collapsed = true;
+            }
+            else {
+                tabInfo.active = true;
+                tabInfo.collapsed = false;
+            }
         };
     }
     isVisible() {
@@ -11096,7 +11240,7 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
     constructor(parametersHolder, parameterHelper, enableKeyboardSupport, getRootElement) {
         super(parameterHelper);
         this._getParametersStateRequest = (argsObject) => {
-            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getParametersState', JSON.stringify(argsObject), (message, jqXHR, textStatus) => this._parametersHolder._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot supply filtered lookup values to a report parameter editor', 'ASPxReportsStringId.WebDocumentViewer_GetLookUpValuesError'), jqXHR));
+            return (0,external_DevExpress_Analytics_Internal_namespaceObject.sendRequest)(HandlerUri(), 'getParametersState', (0,external_DevExpress_Analytics_Utils_namespaceObject.PrepareRequestArgs)(argsObject), (message, jqXHR, textStatus) => this._parametersHolder._processError((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Cannot supply filtered lookup values to a report parameter editor', 'ASPxReportsStringId.WebDocumentViewer_GetLookUpValuesError'), jqXHR));
         };
         this._getDoneGetParametersStateHandler = (changedParameter) => {
             const parametersViewModel = this;
@@ -11162,6 +11306,7 @@ class ParametersPanelModelBase extends ParameterPanelItemBase {
         this._popupInfo = { visible: this._popupVisible, notEmpty: !this.isEmpty };
         const keyboardHelperViewModelAccessor = () => this.tabInfo.getViewModel().propertyGrid.editors;
         const keyboardHelper = enableKeyboardSupport ? new external_DevExpress_Analytics_Internal_namespaceObject.PropertyGridKeyboardHelper(keyboardHelperViewModelAccessor) : undefined;
+        this._disposables.push(keyboardHelper);
         this.tabInfo = new external_DevExpress_Analytics_Utils_namespaceObject.TabInfoWithPropertyGrid({
             text: 'Parameters',
             template: 'dxrd-preview-parameters',
@@ -11633,7 +11778,7 @@ class PreviewModel extends PreviewDisposableModel {
             .generateProperty('toolBar', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
             .generateProperty('actionLists', this.actionLists.getViewModel())
             .generateProperty('canSwitchToDesigner', this.reportPreview.canSwitchToDesigner)
-            .generateProperty('keyboardHelper', new external_DevExpress_Analytics_Internal_namespaceObject.ToolbarKeyboardHelper(this.actionLists.toolbarItems))
+            .generateProperty('keyboardHelper', this.keyboardHelper)
             .getViewModel())
             .generateProperty('breadcrumb', this.breadcrumb.getViewModel())
             .generateProperty('tabPanel', this.tabPanel.getViewModel())
@@ -11649,6 +11794,8 @@ class PreviewModel extends PreviewDisposableModel {
         this._disposables.push(options.documentMapModel);
         this._disposables.push(options.tabPanel);
         this._disposables.push(options.actionLists);
+        this.keyboardHelper = new external_DevExpress_Analytics_Internal_namespaceObject.ToolbarKeyboardHelper(this.actionLists.toolbarItems);
+        this._disposables.push(this.keyboardHelper);
     }
 }
 
@@ -11993,7 +12140,7 @@ function updatePreviewContentSize(reportPreview, root, rtl) {
         _cashedSizeFactorClass = sizeFactor;
         const rightAreaWidth = _getRightAreaWidth($root);
         const surfaceWidth = (($root.width() - rightAreaWidth - 10) * (0,external_DevExpress_Analytics_Internal_namespaceObject.accessibilityFontSizeZoomFactor)());
-        const breadcrumbs = $root.find('.breadcrumbs-wrapper');
+        const breadcrumbs = $root.find('.dxrd-breadcrumbs-wrapper');
         const previewWrapper = $root.find('.dxrd-preview-wrapper');
         let topAreaHeight = 84;
         if (breadcrumbs.element) {
@@ -12176,6 +12323,554 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
     }
 }
 
+;// CONCATENATED MODULE: external "DevExpress.ui.themes"
+const external_DevExpress_ui_themes_namespaceObject = DevExpress.ui.themes;
+var external_DevExpress_ui_themes_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_themes_namespaceObject);
+;// CONCATENATED MODULE: external "DevExpress.ui.dxLoadIndicator"
+const external_DevExpress_ui_dxLoadIndicator_namespaceObject = DevExpress.ui.dxLoadIndicator;
+var external_DevExpress_ui_dxLoadIndicator_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_dxLoadIndicator_namespaceObject);
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/ai/_aiPanel.viewmodel.js
+
+
+
+var TextSourceTarget;
+(function (TextSourceTarget) {
+    TextSourceTarget["Document"] = "document";
+    TextSourceTarget["Page"] = "page";
+    TextSourceTarget["Selection"] = "selection";
+})(TextSourceTarget || (TextSourceTarget = {}));
+function createViewModel(viewModel) {
+    const AIPanelHeaderLabel = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('AI Operations', 'ASPxReportsStringId.AIPanel_PanelHeaderLabel');
+    const TargetLanguageText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Output Language', 'ASPxReportsStringId.AIPanel_Language');
+    const TargetContentText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Text to Process', 'ASPxReportsStringId.AIPanel_TargetContent');
+    const PageSelectText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Page', 'ASPxReportsStringId.AIPanel_Page');
+    const SummarizeActionText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Summarize', 'ASPxReportsStringId.AIPanel_SummarizeAction');
+    const TranslateActionText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Translate', 'ASPxReportsStringId.AIPanel_TranslateAction');
+    const ProcessForAllCheckBoxText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('I agree to process all requests in succession/sequentially.');
+    const TextProcessingResultHeaderTest = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Result', 'ASPxReportsStringId.AIPanel_ProcessingResultHeader');
+    const ProceedNextChunkButtonText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Proceed', 'ASPxReportsStringId.AIPanel_ProceedChunk');
+    const CancelChunkedOperationButtonText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Cancel', 'ASPxReportsStringId.AIPanel_CancelChunk');
+    const aiPanelViewModel = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(viewModel)
+        .generateProperty('buttons', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+        .generateProperty('translateTextButton', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+        .generateProperty('text', TranslateActionText)
+        .generateProperty('disabled', this.loading)
+        .generateProperty('onClick', () => this.onTranslateClick())
+        .generateProperty('width', '110px')
+        .generateProperty('template', (data, container) => {
+        const buttonIndicatorElement = this._preparetextProcessingButtonTemplate(data, container);
+        this.translateButtonLoader = new (external_DevExpress_ui_dxLoadIndicator_default())(buttonIndicatorElement, {
+            visible: false
+        });
+    })
+        .getViewModel())
+        .generateProperty('copyResultButton', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+        .generateProperty('template', this.copyButtonTemplate)
+        .generateProperty('hint', (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Copy', 'AnalyticsCoreStringId.Cmd_Copy'))
+        .generateProperty('onClick', (e) => this.copyResultClick(e))
+        .getViewModel())
+        .generateProperty('summarizeTextButton', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+        .generateProperty('text', SummarizeActionText)
+        .generateProperty('onClick', (e) => this.onSummarizeClick())
+        .generateProperty('disabled', this.loading)
+        .generateProperty('width', '110px')
+        .generateProperty('template', (data, container) => {
+        const buttonIndicatorElement = this._preparetextProcessingButtonTemplate(data, container);
+        this.summarizeButtonLoader = new (external_DevExpress_ui_dxLoadIndicator_default())(buttonIndicatorElement, {
+            visible: false
+        });
+    })
+        .getViewModel())
+        .getViewModel())
+        .generateProperty('languageSelecBoxOptions', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+        .generateProperty('valueExpr', 'key')
+        .generateProperty('displayExpr', 'text')
+        .generateProperty('dataSource', this.languages)
+        .generateProperty('value', this.selectedLanguage)
+        .generateProperty('showClearButton', true)
+        .generateProperty('onValueChanged', (event) => {
+        this.selectedLanguage = event.value;
+        this.languageSelectBoxComponent = event.component;
+        if (event.value) {
+            event.component?.option({
+                validationStatus: 'valid',
+                validationErrors: []
+            });
+        }
+    })
+        .getViewModel())
+        .generateProperty('proceedForAllCheckBoxOptions', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+        .generateProperty('text', ProcessForAllCheckBoxText)
+        .generateProperty('value', this.proceedForAllChunks)
+        .generateProperty('onValueChanged', (event) => {
+        this.proceedForAllChunks = event.value;
+    })
+        .getViewModel())
+        .generateProperty('targetSelecBoxOptions', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+        .generateProperty('valueExpr', 'key')
+        .generateProperty('displayExpr', 'text')
+        .generateProperty('dataSource', this.targets)
+        .generateProperty('value', this.selectedTarget)
+        .generateProperty('onValueChanged', (event) => {
+        this.selectedTarget = event.value ?? TextSourceTarget.Document;
+        this.pageSelecBoxVisible = (this.selectedTarget === TextSourceTarget.Page);
+    })
+        .getViewModel())
+        .generateProperty('pageSelecBoxOptions', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
+        .generateProperty('valueExpr', 'key')
+        .generateProperty('displayExpr', 'text')
+        .generateProperty('dataSource', this.pagesListDataSource)
+        .generateProperty('value', this.selectedPage)
+        .generateProperty('visible', this.pageSelecBoxVisible)
+        .generateProperty('searchEnabled', true)
+        .generateProperty('searchExpr', 'text')
+        .generateProperty('onValueChanged', (data) => {
+        if (data.value !== null) {
+            this.selectedPage = data.value;
+            this.reportPreview.goToPage(this.selectedPage, true);
+        }
+        else {
+            data.component.option('value', this.selectedPage);
+        }
+    })
+        .getViewModel())
+        .generateProperty('aiProcessingResultText', this.aiProcessingResultText)
+        .generateProperty('warningTextLimitPopupVisible', this.warningTextLimitPopupVisible)
+        .generateProperty('proceedForAllChunks', this.proceedForAllChunks)
+        .generateProperty('pageSelecBoxVisible', this.pageSelecBoxVisible)
+        .generateProperty('proceedNextButtonClick', this.proceedNextButtonClick)
+        .generateProperty('resultVisible', false)
+        .generateProperty('cancelProcessButtonClick', (event) => {
+        this.clearProcessing(false);
+    })
+        .generateProperty('targetLanguageText', TargetLanguageText)
+        .generateProperty('targetContentText', TargetContentText)
+        .generateProperty('pageSelectText', PageSelectText)
+        .generateProperty('summarizeActionText', SummarizeActionText)
+        .generateProperty('translateActionText', TranslateActionText)
+        .generateProperty('textProcessingResultHeaderTest', TextProcessingResultHeaderTest)
+        .generateProperty('proceedNextChunkButtonText', ProceedNextChunkButtonText)
+        .generateProperty('cancelChunkedOperationButtonText', CancelChunkedOperationButtonText)
+        .generateProperty('aiPanelHeaderLabel', AIPanelHeaderLabel)
+        .generateProperty('limitExceededWarningMsg', this.limitExceededWarningMsg)
+        .getViewModel();
+    return aiPanelViewModel;
+}
+
+;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/ai/_aiPanelModel.js
+var _aiPanelModel_decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+
+
+
+
+
+
+class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
+    constructor(reportPreview) {
+        super();
+        this.reportPreview = reportPreview;
+        this.aiProcessingRequestDeferred = new external_DevExpress_Analytics_Internal_namespaceObject.DxDeferred();
+        this.ignore = false;
+        this.languages = AILanguages();
+        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'),
+            Selection: (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Selection', 'ASPxReportsStringId.AIPanel_TargetTypeSelection')
+        };
+        this.InvalidLanguageErrorMsg = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Select a language', 'ASPxReportsStringId.AIPanel_InvalidLanguageValueErrorMsg');
+        this.SummarizeActionText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Summarize', 'ASPxReportsStringId.AIPanel_SummarizeAction');
+        this.TranslateActionText = (0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)('Translate', 'ASPxReportsStringId.AIPanel_TranslateAction');
+        this.warningMsg = 'Text is too long to process within a single request. Text will be split into sections and processed in {0} steps. Proceed?';
+        this.targets = [
+            { key: TextSourceTarget.Document, text: this.TextSourceTargetText.Document },
+            { key: TextSourceTarget.Page, text: this.TextSourceTargetText.Page },
+            { key: TextSourceTarget.Selection, text: this.TextSourceTargetText.Selection }
+        ];
+        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 Panel', 'ASPxReportsStringId.AIPanel_PanelHeaderLabel'),
+            template: 'dxrd-preview-ai-panel',
+            model: this,
+            localizationId: 'ASPxReportsStringId.AIPanel_PanelHeaderLabel',
+            imageClassName: 'aitab',
+            imageTemplateName: 'dxrd-svg-tabs-aitab',
+            visible: tabInfoVisible()
+        });
+        const summarizeMenuItem = {
+            text: this.SummarizeActionText,
+            key: 'dx_summarize_text'
+        };
+        const that = this;
+        this.smartTagAIMenu = {
+            dataSource: [{
+                    text: '',
+                    icon: 'dxrd-svg-menu-aimenu',
+                    items: [
+                        summarizeMenuItem,
+                        {
+                            text: this.TranslateActionText,
+                            items: AILanguages()
+                        }
+                    ],
+                }],
+            hideSubmenuOnMouseLeave: false,
+            onItemClick(e) {
+                e.event?.stopPropagation();
+                if (!e.itemData || !e.itemData['key'] || that.loading)
+                    return;
+                that.selectedTarget = TextSourceTarget.Selection;
+                that.expandAITabPanel();
+                if (e.itemData['key'] === 'dx_summarize_text') {
+                    that.onSummarizeClick();
+                }
+                else if (e.itemData['key']) {
+                    that.selectedLanguage = e.itemData['key'];
+                    that.onTranslateClick();
+                }
+            },
+            visible: AIServicesEnabled()
+        };
+        window.addEventListener('resize', that.resizeResultArea);
+        this.addDisposable(() => window.removeEventListener('resize', that.resizeResultArea), reportPreview.events.on('documentIdChanged', (args) => {
+            this.tabInfo.visible = tabInfoVisible();
+            this.dispose();
+        }), reportPreview.events.on('documentBuildingChanged', (args) => {
+            this.tabInfo.visible = tabInfoVisible();
+            this.pagesListDataSource = [];
+            if (!args.newValue && args.oldValue && this.reportPreview.pageIndex !== -1) {
+                this.reportPreview.pages.forEach(page => {
+                    this.pagesListDataSource.push({ key: page.pageIndex, text: (page.pageIndex + 1).toString() });
+                });
+            }
+            this.dispose();
+        }), reportPreview.events.on('reportIdChanged', (args) => {
+            this.dispose();
+        }), reportPreview.events.on('currentPageChanged', (args) => {
+            if (args.newValue) {
+                const currentPage = args.newValue;
+                currentPage.smartTagAIMenu = this.smartTagAIMenu;
+                this.currentPageSelectionSubcriber && this.currentPageSelectionSubcriber();
+                this.currentPageSelectionSubcriber = currentPage.events.on('activeBricksChanged', (args) => {
+                    this.handleSelectedBrickChangedEvent(args.newValue);
+                });
+            }
+        }));
+        this.addDisposable(AIServicesEnabled.subscribe(() => {
+            this.tabInfo.visible = tabInfoVisible();
+        }));
+    }
+    expandAITabPanel() {
+        this.reportPreview.tabPanel?.toggleTabVisibility({ model: this.tabInfo }, true);
+    }
+    handleSelectedBrickChangedEvent(selectedBricks) {
+        if (selectedBricks.length === 0)
+            return;
+        let topBrick = selectedBricks[0];
+        selectedBricks.forEach(brick => {
+            if (brick.top < topBrick.top)
+                topBrick = brick;
+            else if (brick.top == topBrick.top && brick.left < topBrick.left)
+                topBrick = brick;
+        });
+        const topP = topBrick.topP;
+        this.reportPreview.currentPage.smartTagAIMenuPosition = {
+            heightP: topBrick.heightP,
+            topP: topP,
+            widthP: topBrick.widthP,
+            leftP: '92.5%'
+        };
+    }
+    updateViewModel(args) {
+        const viewModel = this.getViewModel();
+        if (args.propertyName === 'aiProcessingResultText') {
+            viewModel.aiProcessingResultText = this.aiProcessingResultText;
+            if (this.aiProcessingResultText && this.aiProcessingResultText.length > 0)
+                viewModel.resultVisible = true;
+            else
+                viewModel.resultVisible = false;
+            this.resizeResultArea();
+        }
+        else if (args.propertyName === 'warningTextLimitPopupVisible') {
+            viewModel.warningTextLimitPopupVisible = this.warningTextLimitPopupVisible;
+        }
+        else if (args.propertyName === 'pageSelecBoxVisible' || args.propertyName === 'pagesListDataSource') {
+            viewModel.pageSelecBoxOptions.dataSource = this.pagesListDataSource;
+            viewModel.pageSelecBoxOptions.visible = this.pageSelecBoxVisible;
+            viewModel.pageSelecBoxVisible = this.pageSelecBoxVisible;
+        }
+        else if (args.propertyName === 'proceedForAllChunks') {
+            viewModel.proceedForAllChunks = this.proceedForAllChunks;
+        }
+        else if (args.propertyName === 'proceedNextButtonClick') {
+            viewModel.proceedNextButtonClick = this.proceedNextButtonClick;
+        }
+        else if (args.propertyName === 'loading') {
+            if (!this.loading) {
+                viewModel.buttons.summarizeTextButton.text = this.SummarizeActionText;
+                viewModel.buttons.translateTextButton.text = this.TranslateActionText;
+                viewModel.buttons.translateTextButton.disabled = false;
+                viewModel.buttons.summarizeTextButton.disabled = false;
+            }
+            else {
+                viewModel.buttons.translateTextButton.disabled = true;
+                viewModel.buttons.summarizeTextButton.disabled = true;
+            }
+        }
+        else if (args.propertyName === 'selectedPage') {
+            viewModel.selectedPage = this.selectedPage;
+        }
+        else if (args.propertyName === 'selectedTarget') {
+            viewModel.targetSelecBoxOptions.value = this.selectedTarget;
+        }
+        else if (args.propertyName === 'selectedLanguage') {
+            viewModel.languageSelecBoxOptions.value = this.selectedLanguage;
+        }
+        else if (args.propertyName === 'copyButtonTemplate') {
+            viewModel.buttons.copyResultButton.template = this.copyButtonTemplate;
+        }
+        else if (args.propertyName === 'limitExceededWarningMsg') {
+            viewModel.limitExceededWarningMsg = this.limitExceededWarningMsg;
+        }
+    }
+    createViewModel() {
+        return createViewModel.call(this, super.createViewModel());
+    }
+    onPropertyChanged(args) {
+        if (args.propertyName === 'aiProcessingResultText') {
+            this.resizeResultArea();
+        }
+        else if (args.propertyName === 'loading') {
+            if (!this.loading) {
+                this.summarizeButtonLoader.option('visible', false);
+                this.translateButtonLoader.option('visible', false);
+            }
+        }
+    }
+    get translateWholeDocument() {
+        return this.selectedTarget === TextSourceTarget.Document;
+    }
+    _preparetextProcessingButtonTemplate(data, container) {
+        const buttonIndicatorElement = document.createElement('div');
+        const buttonContainer = document.createElement('div');
+        const buttonTextElement = document.createElement('span');
+        buttonIndicatorElement.style.height = '20px';
+        buttonIndicatorElement.style.width = '20px';
+        buttonContainer.className = 'dxrd-ai-button-container';
+        buttonTextElement.className = 'dxrd-ai-button-text';
+        buttonTextElement.textContent = data.text;
+        buttonContainer.appendChild(buttonTextElement);
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(container).append(buttonIndicatorElement);
+        (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(container).append(buttonContainer);
+        return buttonIndicatorElement;
+    }
+    _getTextContentToProcess() {
+        let page;
+        const useSelectedContent = this.selectedTarget === TextSourceTarget.Selection;
+        if (useSelectedContent)
+            page = this.reportPreview.currentPage;
+        else if (!this.translateWholeDocument)
+            page = this.reportPreview.pages[this.selectedPage];
+        return this.translateWholeDocument ? '' : (page?.getBricksTextContent(useSelectedContent) ?? '');
+    }
+    copyResultClick(e) {
+        const animateCopy = () => {
+            this.copyButtonTemplate = 'dxrd-svg-toolbox-checkbox';
+            setTimeout(() => {
+                this.copyButtonTemplate = 'dxrd-svg-toolbar-copy';
+            }, 3000);
+        };
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+            navigator.clipboard.writeText(this.aiProcessingResultText).then(() => {
+                animateCopy();
+            });
+        }
+        else {
+            const tempTextArea = document.createElement('textarea');
+            tempTextArea.value = this.aiProcessingResultText;
+            tempTextArea.style.position = 'absolute';
+            tempTextArea.style.left = '-9999px';
+            document.body.appendChild(tempTextArea);
+            tempTextArea.select();
+            document.execCommand('copy');
+            document.body.removeChild(tempTextArea);
+            animateCopy();
+        }
+    }
+    onSummarizeClick() {
+        if (this.loading)
+            return;
+        this.clearProcessing();
+        this.loading = true;
+        const viewModel = this.getViewModel();
+        viewModel.buttons.summarizeTextButton.text = '';
+        this.summarizeButtonLoader.option('visible', true);
+        const text = this._getTextContentToProcess();
+        this.summarizeText(text, this.selectedLanguage);
+    }
+    onTranslateClick() {
+        if (this.loading)
+            return;
+        if (!this.selectedLanguage) {
+            this.languageSelectBoxComponent?.option({
+                validationStatus: 'invalid',
+                validationErrors: [{ message: this.InvalidLanguageErrorMsg }]
+            });
+            return;
+        }
+        this.clearProcessing();
+        this.loading = true;
+        const viewModel = this.getViewModel();
+        viewModel.buttons.translateTextButton.text = '';
+        this.translateButtonLoader.option('visible', true);
+        const text = this._getTextContentToProcess();
+        this.translateText(text);
+    }
+    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.aiProcessingRequestDeferred.done((result) => {
+            this._handleTextProcessingResult(result, (prevResultText, nextChunkPosition) => this.translateText(text, prevResultText, nextChunkPosition));
+        });
+    }
+    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));
+        this.aiProcessingRequestDeferred.done((result) => {
+            result.language = language;
+            this._handleTextProcessingResult(result, (prevResultText, nextChunkPosition) => this.summarizeText(text, language, prevResultText, nextChunkPosition), true);
+        });
+    }
+    _handleTextProcessingResult(result, nextChunkRequestFunc, isSummary = false) {
+        if (result.success) {
+            if (!isSummary)
+                this.aiProcessingResultText += result.text;
+            if (result.requestAgain) {
+                let nextChunkPosition = result.chunkIndex;
+                if (result.text && result.text.length)
+                    nextChunkPosition += 1;
+                if (this.proceedForAllChunks) {
+                    nextChunkRequestFunc(result.text, nextChunkPosition);
+                }
+                else {
+                    const remainingChunkRequests = parseInt(result.totalChunks) - nextChunkPosition;
+                    this.limitExceededWarningMsg = (0,external_DevExpress_Analytics_Internal_namespaceObject.formatUnicorn)((0,external_DevExpress_Analytics_Utils_namespaceObject.getLocalization)(this.warningMsg, 'ASPxReportsStringId.AIPanel_LimitExceededWarning'), remainingChunkRequests);
+                    this.warningTextLimitPopupVisible = true;
+                    this.proceedNextButtonClick = (e) => {
+                        this.warningTextLimitPopupVisible = false;
+                        nextChunkRequestFunc(result.text, nextChunkPosition);
+                    };
+                }
+            }
+            else {
+                if (isSummary) {
+                    if (result.language) {
+                        this.reportPreview.requestWrapper.translateTextRequest(result.text, result.language, false, '', 0, this.ignore)
+                            .then(translateResult => {
+                            if (translateResult.success) {
+                                this.aiProcessingResultText = translateResult.text;
+                                this.clearProcessing(false);
+                            }
+                            else
+                                this.failRequestHandler(result.ErrorMessage, false);
+                        })
+                            .catch(fail => {
+                            this.aiProcessingResultText = result.text;
+                            this.failRequestHandler(fail, this.ignore);
+                        });
+                    }
+                    else {
+                        this.aiProcessingResultText = result.text;
+                        this.clearProcessing(false);
+                    }
+                }
+                else {
+                    this.clearProcessing(false);
+                }
+            }
+        }
+        else {
+            this.failRequestHandler(result.ErrorMessage, false);
+        }
+    }
+    resizeResultArea() {
+        const aiPanelElement = document.getElementById('dxrd-preview-ai-panel-id');
+        const resultTextElement = document.getElementById('dxrd-ai-panel-text-area-id');
+        if (aiPanelElement && resultTextElement) {
+            const offset = (external_DevExpress_ui_themes_default().current()?.startsWith('material') ?? false) ? 245 : 225;
+            resultTextElement.style.height = (aiPanelElement.clientHeight - offset) + 'px';
+        }
+        else {
+            resultTextElement && (resultTextElement.style.height = '100%');
+        }
+    }
+    failRequestHandler(errorMessage, ignore) {
+        this.clearProcessing(false);
+    }
+    clearProcessing(clearContent = true) {
+        this.loading = false;
+        this.prevRespose = '';
+        if (clearContent)
+            this.aiProcessingResultText = '';
+        this.aiProcessingRequestDeferred?.reject();
+        this.warningTextLimitPopupVisible = false;
+        this.proceedForAllChunks = false;
+        this.warningTextLimitPopupVisible = false;
+    }
+    disabled() {
+        return false;
+    }
+    dispose() {
+        this.clearProcessing();
+    }
+}
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('')
+], AIPanelViewModel.prototype, "aiProcessingResultText", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('en')
+], AIPanelViewModel.prototype, "selectedLanguage", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('document')
+], AIPanelViewModel.prototype, "selectedTarget", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(0)
+], AIPanelViewModel.prototype, "selectedPage", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
+], AIPanelViewModel.prototype, "proceedForAllChunks", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
+], AIPanelViewModel.prototype, "warningTextLimitPopupVisible", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
+], AIPanelViewModel.prototype, "pageSelecBoxVisible", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)()
+], AIPanelViewModel.prototype, "proceedNextButtonClick", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('dxrd-svg-toolbar-copy')
+], AIPanelViewModel.prototype, "copyButtonTemplate", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)('')
+], AIPanelViewModel.prototype, "limitExceededWarningMsg", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
+], AIPanelViewModel.prototype, "loading", void 0);
+_aiPanelModel_decorate([
+    (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)([])
+], AIPanelViewModel.prototype, "pagesListDataSource", void 0);
+
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_initializer.js
 
 
@@ -12198,6 +12893,7 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
 
 
 
+
 
 
 function createStandaloneParametersPanel(bindingSettings) {
@@ -12222,7 +12918,7 @@ function createDesktopPreview(bindingSettings) {
     const callbacks = bindingSettings.callbacks;
     const bindingModel = bindingSettings.model;
     const bindingElement = bindingSettings.element;
-    const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel?.searchSettings, enableKeyboardSupport);
+    const previewWrapper = new PreviewRequestWrapper(null, callbacks), breadcrumb = new BreadcrumbModel(), reportPreview = new ReportPreview(bindingModel.handlerUri, previewWrapper, undefined, callbacks, bindingModel.rtl, enableKeyboardSupport, bindingModel.exportSettings, bindingSettings.element, breadcrumb), searchModel = new SearchViewModel(reportPreview, bindingModel?.searchSettings, enableKeyboardSupport), aiPanelModel = new AIPanelViewModel(reportPreview);
     const documentMapModel = new DocumentMapModel(reportPreview);
     const parametersModel = new PreviewParametersPanelModel(reportPreview, new PreviewParameterHelper(bindingModel.parametersInfo && bindingModel.parametersInfo.knownEnums, bindingSettings.callbacks), enableKeyboardSupport);
     const exportModel = new ExportOptionsModel(reportPreview, enableKeyboardSupport);
@@ -12235,7 +12931,8 @@ function createDesktopPreview(bindingSettings) {
             parametersModel.tabInfo,
             exportModel.tabInfo,
             searchModel.tabInfo,
-            documentMapModel.tabInfo
+            documentMapModel.tabInfo,
+            aiPanelModel.tabInfo
         ],
         width: 396,
         autoSelectTab: true,
@@ -12353,6 +13050,8 @@ function _createPreview(bindingSettings) {
     else {
         designerModel = createDesktopPreview(bindingSettings);
     }
+    if (bindingModel.requestContentType)
+        external_DevExpress_Analytics_Utils_namespaceObject.requestManager._setRequestContentType(bindingModel.requestContentType.toString());
     if (bindingSettings.element && bindingSettings.applyBindings && !designerModel.reportPreview.canSwitchToDesigner) {
         bindingSettings.callbacks?.beforeRender && bindingSettings.callbacks.beforeRender(designerModel);
         (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(bindingSettings.element).empty();
@@ -12927,6 +13626,7 @@ class PredefinedDateRangesKeyboardHelper extends external_DevExpress_Analytics_I
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-fieldlist-xrzipcode\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-fieldlist-xrzipcode'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-landscape\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-landscape'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-menu-add_datasource\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-add_datasource'; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-menu-aimenu\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-aimenu'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-menu-back\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-back'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-menu-exit\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-exit'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-menu-localization\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-menu-localization'; } }; });
@@ -13052,6 +13752,7 @@ class PredefinedDateRangesKeyboardHelper extends external_DevExpress_Analytics_I
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-stock\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-stock'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-swift_plot\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-swift_plot'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-series-waterfall\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-series-waterfall'; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-tabs-aitab\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-aitab'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-tabs-collapse\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-collapse'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-tabs-expand\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-expand'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-svg-tabs-expressions\'', function ($context, $element) { return { 'template': function () { return 'dxrd-svg-tabs-expressions'; } }; });
@@ -13304,6 +14005,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-svg-fieldlist-xrzipcode': '<svg data-bind="svgAttrs" version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" x="0" y="0" viewBox="0 0 16 16" xml:space="preserve"><path class="dxd-icon-fill" d="M5 3H2V1.5c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5V3zM2 3H.5c-.3 0-.5.2-.5.5v2c0 .3.2.5.5.5H2V3zm3 3H2v2h3V6zm1.5-3H5v3h1.5c.3 0 .5-.2.5-.5v-2c0-.3-.2-.5-.5-.5zM2 8H.5c-.3 0-.5.2-.5.5v3c0 .3.2.5.5.5H2V8zm3 4H2v1.5c0 .3.2.5.5.5h2c.3 0 .5-.2.5-.5V12zm1.5-4H5v4h1.5c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5zM13 3h-3V1.5c0-.3.2-.5.5-.5h2c.3 0 .5.2.5.5V3zm-3 0H8.5c-.3 0-.5.2-.5.5v2c0 .3.2.5.5.5H10V3zm3 3h-3v2h3V6zm1.5-3H13v3h1.5c.3 0 .5-.2.5-.5v-2c0-.3-.2-.5-.5-.5zM10 8H8.5c-.3 0-.5.2-.5.5v3c0 .3.2.5.5.5H10V8zm3 4h-3v1.5c0 .3.2.5.5.5h2c.3 0 .5-.2.5-.5V12zm1.5-4H13v4h1.5c.3 0 .5-.2.5-.5v-3c0-.3-.2-.5-.5-.5z"/></svg>',
     'dxrd-svg-landscape': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 34 34"><path class="dxd-icon-fill" d="M33 4H1c-.5 0-1 .5-1 1v24c0 .5.5 1 1 1h32c.5 0 1-.5 1-1V5c0-.5-.5-1-1-1zm-1 24H2V6h30v22z"/><g class="dxrd-svg-st2"><path class="dxd-icon-fill" d="M28 12H6v-2h22v2zm0 2H6v2h22v-2zm0 4H6v2h22v-2zm0 4H6v2h22v-2z"/></g></svg>',
     'dxrd-svg-menu-add_datasource': '<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="M24 19c0 .6-.4 1-1 1h-3v3c0 .6-.4 1-1 1s-1-.4-1-1v-3h-3c-.6 0-1-.4-1-1s.4-1 1-1h3v-3c0-.6.4-1 1-1s1 .4 1 1v3h3c.6 0 1 .4 1 1zM9 0C5.1 0 2 1.5 2 3.5v10C2 15.4 5.1 17 9 17s7-1.6 7-3.5v-10c0-2-3.1-3.5-7-3.5zm0 2c2.9 0 4.4 1.1 4.5 1.5C13.4 3.8 11.9 5 9 5S4.6 3.8 4.5 3.4C4.6 3.1 6.1 2 9 2z"/></svg>',
+    'dxrd-svg-menu-aimenu': '<svg data-bind="svgAttrs" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none"><path class="dxd-icon-fill" d="M13.319 11.156c-.689 3.825-3.339 6.475-7.169 7.169a.18.18 0 000 .356c3.825.688 6.475 3.338 7.169 7.169a.18.18 0 00.356 0c.688-3.825 3.337-6.475 7.169-7.169a.18.18 0 000-.356c-3.825-.688-6.475-3.337-7.169-7.169a.18.18 0 00-.356 0zm7.561-5.05c-.462 2.55-2.225 4.319-4.775 4.775a.12.12 0 00-.075.198.12.12 0 00.075.04c2.55.462 4.319 2.225 4.775 4.775a.12.12 0 00.238 0c.462-2.55 2.225-4.319 4.775-4.775a.12.12 0 00.075-.198.12.12 0 00-.075-.04c-2.55-.462-4.319-2.225-4.775-4.775a.12.12 0 00-.238 0z"/></svg>',
     'dxrd-svg-menu-back': '<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="M6 12l9-9 2 2-7 7 7 7-2 2z"/></svg>',
     'dxrd-svg-menu-exit': '<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="M15 20c.6 0 1 .4 1 1 0 .5-.4 1-1 1H4c-.5 0-1-.5-1-1V3c0-.5.5-1 1-1h11c.6 0 1 .5 1 1 0 .6-.4 1-1 1H5v16h10zm4.3-12.7c-.4-.4-1-.4-1.4 0-.4.4-.4 1 0 1.4l2.3 2.3H11c-.5 0-1 .5-1 1s.5 1 1 1h9.2l-2.3 2.3c-.4.4-.4 1 0 1.4.4.4 1 .4 1.4 0L24 12l-4.7-4.7z"/></svg>',
     'dxrd-svg-menu-localization': '<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 6h-8V4c0-.5-.5-1-1-1s-1 .5-1 1v2H3c-.5 0-1 .5-1 1s.5 1 1 1h11c0 2.5-.7 4.7-2 6.6-.8-1.1-1.3-2.4-1.7-3.8-.1-.5-.5-.8-1-.8-.6 0-1.1.6-1 1.2.4 1.8 1.2 3.5 2.3 4.9C8.9 17.9 6.6 19 4 19c-.6 0-1 .4-1 1s.4 1 1 1c3.1 0 5.9-1.3 8-3.3 2.1 2.1 4.9 3.3 8 3.3.6 0 1-.4 1-1s-.4-1-1-1c-2.6 0-4.9-1.1-6.7-2.8C15 13.9 16 11.1 16 8h5c.5 0 1-.5 1-1s-.5-1-1-1z"/></svg>',
@@ -13429,6 +14131,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-svg-series-stock': '<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="M8 0H4v4H0v4h4v14h4v-4h4v-4H8zM20 18V0h-8v4h4v18h8v-4z"/></svg>',
     'dxrd-svg-series-swift_plot': '<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="M24 8l-4 4-2-2-6 6-4-4-2 2-4-4-2 2v-2l2-2 4 4 2-2 4 4 6-6 2 2 4-4"/></svg>',
     'dxrd-svg-series-waterfall': '<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="M19 1h4v22h-4V1zm-6 14h4V1h-4v14zm-6 0h4V9H7v6zm-6 8h4V9H1v14z"/><g class="dxd-icon-fill"><path class="dxd-icon-fill" d="M17 1h2v2h-2V1zM5 11h2V9H5v2zm6 4h2v-2h-2v2z"/></g></svg>',
+    'dxrd-svg-tabs-aitab': '<svg data-bind="svgAttrs" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs></defs><path class="dxd-icon-fill" d="M11.71 8.25C10.61 14.37 6.37 18.61.24 19.72c-.33.06-.33.51 0 .57 6.12 1.1 10.36 5.34 11.47 11.47.06.33.51.33.57 0 1.1-6.12 5.34-10.36 11.47-11.47.33-.06.33-.51 0-.57-6.12-1.1-10.36-5.34-11.47-11.47a.288.288 0 00-.57 0zM23.81.17c-.74 4.08-3.56 6.91-7.64 7.64-.22.04-.22.34 0 .38 4.08.74 6.91 3.56 7.64 7.64.04.22.34.22.38 0 .74-4.08 3.56-6.91 7.64-7.64.22-.04.22-.34 0-.38-4.08-.74-6.91-3.56-7.64-7.64a.192.192 0 00-.38 0z" fill="#fff"/></svg>',
     'dxrd-svg-tabs-collapse': '<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="M16 12l-6 6-2-2 4-4-4-4 2-2z"/></svg>',
     'dxrd-svg-tabs-expand': '<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="M8 12l6 6 2-2-4-4 4-4-2-2z"/></svg>',
     'dxrd-svg-tabs-expressions': '<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="M18 2c-.9 0-2.2.1-3.6.4-2.4.5-2.7 2.2-2.9 3.1L10.9 9H9c-.6 0-1 .4-1 1s.4 1 1 1h1.5l-1.1 6.1-.2 1.4c-.1.5-.2 1-.9 1.2-1.2.2-1.9.3-2.3.3-.6 0-1 .4-1 1s.4 1 1 1c.9 0 1.5-.1 2.9-.4 2.4-.5 2.7-2.2 2.9-3.1l.3-1.4 1.1-6.1h2.9c.6 0 1-.4 1-1s-.4-1-1-1h-2.5l.6-3.5c.1-.5.2-1 .9-1.2 1.1-.2 2.5-.3 2.9-.3.6 0 1-.4 1-1s-.4-1-1-1z"/></svg>',
@@ -13508,9 +14211,8 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrv-daterange-calendar\', data: startRange }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-daterange-calendar', 'data': $context.$data.startRange }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: popupModel.endButton.focused', function ($context, $element) { return { 'if': function () { return $context.$data.popupModel.endButton.focused; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrv-daterange-calendar\', data: endRange }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrv-daterange-calendar', 'data': $context.$data.endRange }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: autoFitOptions', function ($context, $element) { return { 'dxclick': function () { return $context.$data.clickToBrick; }, 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; }, 'autoFit': function () { return $context.$data.autoFitOptions; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: autoFitOptions, dxPreviewPageRenderer: imageOptions', function ($context, $element) { return { 'dxclick': function () { return $context.$data.clickToBrick; }, 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; }, 'autoFit': function () { return $context.$data.autoFitOptions; }, 'dxPreviewPageRenderer': function () { return $context.$data.imageOptions; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { width: width, height: height, lineHeight: height }, style: { \'background-color\': color }, visible: pageLoading, text: loadingText', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height, 'lineHeight': $context.$data.height }; }, 'style': function () { return { 'background-color': $context.$data.color }; }, 'visible': function () { return $context.$data.pageLoading; }, 'text': function () { return $context.$data.loadingText; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { src: displayImageSrc }, style:{ \'background-color\': color }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.displayImageSrc }; }, 'style': function () { return { 'background-color': $context.$data.color }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dxrdp-active\': active && hasBricks }, visible: !readerMode', function ($context, $element) { return { 'css': function () { return { 'dxrdp-active': $context.$data.active && $context.$data.hasBricks }; }, 'visible': function () { return !$context.$data.readerMode; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { top: topP, left: leftP, right: rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': active }', function ($context, $element) { return { '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 }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: activeBricks', function ($context, $element) { return { 'foreach': function () { return $context.$data.activeBricks; } }; });
@@ -13608,13 +14310,20 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (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 }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: loadingText', function ($context, $element) { return { 'text': function () { return $context.$data.loadingText; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { src: displayImageSrc, \'alt\': currentPageAriaLabelImgAlt }', function ($context, $element) { return { 'attr': function () { return { 'src': $context.$data.displayImageSrc, 'alt': $context.$data.currentPageAriaLabelImgAlt }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPreviewPageRenderer: imageOptions', function ($context, $element) { return { 'dxPreviewPageRenderer': function () { return $context.$data.imageOptions; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxMutationObserver: editingFieldsKeyboardHelper', function ($context, $element) { return { 'dxMutationObserver': function () { return $context.$data.editingFieldsKeyboardHelper; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { \'position\': \'absolute\', top: smartTagAIMenuPosition.topP, left: smartTagAIMenuPosition.leftP, right: smartTagAIMenuPosition.rightP, height: smartTagAIMenuPosition.heightP, width: smartTagAIMenuPosition.widthP }', function ($context, $element) { return { 'style': function () { return { 'position': 'absolute', 'top': $context.$data.smartTagAIMenuPosition.topP, 'left': $context.$data.smartTagAIMenuPosition.leftP, 'right': $context.$data.smartTagAIMenuPosition.rightP, 'height': $context.$data.smartTagAIMenuPosition.heightP, 'width': $context.$data.smartTagAIMenuPosition.widthP }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxMenu: smartTagAIMenu', function ($context, $element) { return { 'dxMenu': function () { return $context.$data.smartTagAIMenu; } }; });
+(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)('if: $data.navigation', function ($context, $element) { return { 'if': function () { return $context.$data.navigation; } }; });
 (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 }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !brickLoading && $data.editingFields', function ($context, $element) { return { 'if': function () { return !$context.$data.brickLoading && $context.$data.editingFields; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: activeBricks.length > 0', function ($context, $element) { return { 'if': function () { return $context.$data.activeBricks.length > 0; } }; });
+(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)('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 }', 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 }; } }; });
@@ -13646,6 +14355,23 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: data.text', function ($context, $element) { return { 'text': function () { return $context.$data.data.text; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: info', function ($context, $element) { return { 'text': function () { return $context.$data.info; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: noResultText', function ($context, $element) { return { 'text': function () { return $context.$data.noResultText; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: aiPanelHeaderLabel', function ($context, $element) { return { 'text': function () { return $context.$data.aiPanelHeaderLabel; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: targetContentText', function ($context, $element) { return { 'text': function () { return $context.$data.targetContentText; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: targetSelecBoxOptions', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.targetSelecBoxOptions; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: targetLanguageText', function ($context, $element) { return { 'text': function () { return $context.$data.targetLanguageText; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: languageSelecBoxOptions', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.languageSelecBoxOptions; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: pageSelectText', function ($context, $element) { return { 'text': function () { return $context.$data.pageSelectText; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: pageSelecBoxOptions', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.pageSelecBoxOptions; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: buttons.translateTextButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.buttons.translateTextButton; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: buttons.summarizeTextButton', function ($context, $element) { return { 'dxButton': function () { return $context.$data.buttons.summarizeTextButton; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: textProcessingResultHeaderTest', function ($context, $element) { return { 'text': function () { return $context.$data.textProcessingResultHeaderTest; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: buttons.copyResultButton.template }, dxclick: buttons.copyResultButton.onClick', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.buttons.copyResultButton.template }; }, 'dxclick': function () { return $context.$data.buttons.copyResultButton.onClick; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextArea: { value: aiProcessingResultText, onInput: function(e) { e.event.preventDefault(); }, onPaste: function(e) { e.event.preventDefault(); }, onKeyDown: function(e) { e.event.preventDefault(); }, hoverStateEnabled: false, }', function ($context, $element) { return { 'dxTextArea': function () { return { 'value': $context.$data.aiProcessingResultText, 'onInput': function (e) { e.event.preventDefault(); }, 'onPaste': function (e) { e.event.preventDefault(); }, 'onKeyDown': function (e) { e.event.preventDefault(); }, 'hoverStateEnabled': false }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('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\' }, }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 350, 'height': 200, 'shading': false, 'focusStateEnabled': false, 'visible': $context.$data.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' } }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: limitExceededWarningMsg', function ($context, $element) { return { 'text': function () { return $context.$data.limitExceededWarningMsg; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCheckBox: proceedForAllCheckBoxOptions', function ($context, $element) { return { 'dxCheckBox': function () { return $context.$data.proceedForAllCheckBoxOptions; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: { text: proceedNextChunkButtonText, onClick: proceedNextButtonClick }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$data.proceedNextChunkButtonText, 'onClick': $context.$data.proceedNextButtonClick }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxButton: { text: cancelChunkedOperationButtonText, onClick: cancelProcessButtonClick }', function ($context, $element) { return { 'dxButton': function () { return { 'text': $context.$data.cancelChunkedOperationButtonText, 'onClick': $context.$data.cancelProcessButtonClick }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('visible: visible, css: cssClasses, dxMutationObserver: progressBarAccessibilityKeyboardHelper', function ($context, $element) { return { 'visible': function () { return $context.$data.visible; }, 'css': function () { return $context.$data.cssClasses; }, 'dxMutationObserver': function () { return $context.$data.progressBarAccessibilityKeyboardHelper; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style : { width: progress  + \'%\' }', function ($context, $element) { return { 'style': function () { return { 'width': $context.$data.progress + '%' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: cancelButton.text, visible: cancelButton.visible, click: function() { cancelButton.action && cancelButton.action(); }', function ($context, $element) { return { 'text': function () { return $context.$data.cancelButton.text; }, 'visible': function () { return $context.$data.cancelButton.visible; }, 'click': function () { return function () { $context.$data.cancelButton.action && $context.$data.cancelButton.action(); }; } }; });
@@ -13667,6 +14393,8 @@ 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: pageSelecBoxVisible', function ($context, $element) { return { 'if': function () { return $context.$data.pageSelecBoxVisible; } }; });
+(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); } }; });
 (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); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: model.buttons', function ($context, $element) { return { 'foreach': function () { return $context.$data.model.buttons; } }; });
@@ -13686,11 +14414,11 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-preview-progress-bar\'', function ($context, $element) { return { 'template': function () { return 'dxrd-preview-progress-bar'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !showMultipagePreview', function ($context, $element) { return { 'if': function () { return !$context.$data.showMultipagePreview; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('with: currentPage', function ($context, $element) { return { 'with': function () { return $context.$data.currentPage; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: pageLoading || (!pageLoading && displayImageSrc)', function ($context, $element) { return { 'if': function () { return $context.$data.pageLoading || (!$context.$data.pageLoading && $context.$data.displayImageSrc); } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: pageLoading || (!pageLoading && pageLoaded)', function ($context, $element) { return { 'if': function () { return $context.$data.pageLoading || (!$context.$data.pageLoading && $context.$data.pageLoaded); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dxrd-preview-page\', afterRender: function() { delayedInit() } }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-preview-page', 'afterRender': function () { $context.$data.delayedInit(); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: showMultipagePreview && !!currentPage', function ($context, $element) { return { 'if': function () { return $context.$data.showMultipagePreview && !!$context.$data.currentPage; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: {data: pages, afterRender: function() { delayedInit() } }', function ($context, $element) { return { 'foreach': function () { return { 'data': $context.$data.pages, 'afterRender': function () { $context.$data.delayedInit(); } }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('lazy: { if: pageLoading || (!pageLoading && displayImageSrc) }', function ($context, $element) { return { 'lazy': function () { return { 'if': $context.$data.pageLoading || (!$context.$data.pageLoading && $context.$data.displayImageSrc) }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('lazy: { if: pageLoading || (!pageLoading && pageLoaded) }', function ($context, $element) { return { 'lazy': function () { return { 'if': $context.$data.pageLoading || (!$context.$data.pageLoading && $context.$data.pageLoaded) }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dxrd-preview-page\'', function ($context, $element) { return { 'template': function () { return 'dxrd-preview-page'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('cacheElement: { action: cacheElement }, dxEllipsisEditor: { value: displayValue, readOnly: true, inputAttr: { \'aria-label\': _displayName, id: _editorInputId }, openOnFieldClick: true, buttonAction: function() { showPopup(); } }', function ($context, $element) { return { 'cacheElement': function () { return { 'action': $context.$data.cacheElement }; }, 'dxEllipsisEditor': function () { return { 'value': $context.$data.displayValue, 'readOnly': true, 'inputAttr': { 'aria-label': $context.$data._displayName, 'id': $context.$data._editorInputId }, 'openOnFieldClick': true, 'buttonAction': function () { $context.$data.showPopup(); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: getPopupSettings()', function ($context, $element) { return { 'dxPopup': function () { return $context.$data.getPopupSettings(); } }; });
@@ -13747,7 +14475,6 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: contentTemplate, data: contentData }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.contentTemplate, 'data': $context.$data.contentData }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: \'dx-picture-editing-imagespicker\'', function ($context, $element) { return { 'template': function () { return 'dx-picture-editing-imagespicker'; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: images', function ($context, $element) { return { 'foreach': function () { return $context.$data.images; } }; });
-(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: $parent.filterEnabled', function ($context, $element) { return { 'if': function () { return $context.$parent.filterEnabled; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('ifnot: $parent.filterEnabled', function ($context, $element) { return { 'ifnot': function () { return $context.$parent.filterEnabled; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxSelectBox: getOptions({ dataSource: values, value: value, valueExpr: \'value\', displayExpr: \'displayValue\', displayCustomValue: true, disabled: disabled, useItemTextAsTitle: true, noDataText: $root.dx._static.noDataText(), encodeNoDataText: true, dropDownOptions: { container: $root.getPopupContainer($element) }, popupPosition: { boundary: $root.getPopupContainer($element) }, inputAttr: { \'aria-label\': displayName, id: editorInputId } }), dxValidator: { validationRules: $data.validationRules || [] }', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getOptions({ 'dataSource': $context.$data.values, 'value': $context.$data.value, 'valueExpr': 'value', 'displayExpr': 'displayValue', 'displayCustomValue': true, 'disabled': $context.$data.disabled, 'useItemTextAsTitle': true, 'noDataText': $context.$root.dx._static.noDataText(), 'encodeNoDataText': true, 'dropDownOptions': { 'container': $context.$root.getPopupContainer($element) }, 'popupPosition': { 'boundary': $context.$root.getPopupContainer($element) }, 'inputAttr': { 'aria-label': $context.$data.displayName, 'id': $context.$data.editorInputId } }); }, 'dxValidator': function () { return { 'validationRules': $context.$data.validationRules || [] }; } }; });
@@ -13767,7 +14494,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngine.addTemplates({
     'dxrd-checkboxcustomglyph': '<div class="dxrd-checkbox-custom-glyph" data-bind="style: $data.customGlyphStyleCss"></div>',
     'dxrv-preview-date-range-mobile': '<div class="dxrv-preview-date-range-mobile"> <div class="dx-fieldset"> <div class="dx-field"> <div data-bind="dxSelectBox: { dataSource: items, displayExpr: \'displayName\', onValueChanged: popupModel.onTextChanged, useItemTextAsTitle: true , placeholder: popupModel.selectPeriodPlaceholder }"></div> </div> <div class="dx-field"> <div class="dx-fieldset-column"> <div class="dx-fieldset-header" data-bind="text: popupModel.fromText"></div> <div class="dxrv-daterange-editor-button" data-bind="css: { \'dx-button-default\': popupModel.startButton.focused }, dxButton: popupModel.startButton"></div> </div> <div class="dx-fieldset-column dx-fieldset-column-right"> <div class="dx-fieldset-header" data-bind="text: popupModel.untilText"></div> <div class="dxd-back-secondary dx-fieldset-column-separator"></div> <div class="dxrv-daterange-editor-button" data-bind="css: { \'dx-button-default\': popupModel.endButton.focused }, dxButton: popupModel.endButton"></div> </div> </div> <div class="dx-field"> <div class="dxrv-daterange-editor-item"> <!-- ko if: popupModel.startButton.focused --> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: startRange } --> <!-- /ko --> <!-- /ko --> <!-- ko if: popupModel.endButton.focused --> <!-- ko template: { name: \'dxrv-daterange-calendar\', data: endRange } --> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div>',
-    'dxrd-preview-page-mobile': '<div class="dxrdp-content" data-bind="dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: autoFitOptions"> <div class="dxrdp-loading-wrapper" data-bind="styleunit: { width: width, height: height, lineHeight: height }, style: { \'background-color\': color }, visible: pageLoading, text: loadingText"> </div> <img class="dxrd-width-100 dxrd-height-100" data-bind="attr: { src: displayImageSrc }, style:{ \'background-color\': color }" /> <div class="dxrdp-active-border" data-bind="css: { \'dxrdp-active\': active && hasBricks }, visible: !readerMode"></div> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile" } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && editingFields--> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> <!--/ko--> </div>',
+    'dxrd-preview-page-mobile': '<div class="dxrdp-content" data-bind="dxclick: clickToBrick, styleunit: { width: width, height: height }, autoFit: autoFitOptions, dxPreviewPageRenderer: imageOptions"> <div class="dxrdp-loading-wrapper" data-bind="styleunit: { width: width, height: height, lineHeight: height }, style: { \'background-color\': color }, visible: pageLoading, text: loadingText"> </div> <div class="dxrdp-active-border" data-bind="css: { \'dxrdp-active\': active && hasBricks }, visible: !readerMode"></div> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile" } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && editingFields--> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> <!--/ko--> </div>',
     'dxrd-page-brick-mobile': '<div class="dxrd-report-preview-brick" data-bind="style: { top: topP, left: leftP, right: rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': active }"> </div>',
     'dxrdp-search-mobile': '<!-- ko if: $data.enabled --> <div class="dxrdp-search-wrapper" data-bind="styleunit:{ height: height }, dxrdSearchBar: $data"> <div class="dxrd-mobile-search"> <div class="dxrdp-taptosearch" data-bind="visible: !editorVisible, dxclick: focusEditor"> <div class="dxrdp-taptosearch-text" data-bind="text: tapToSearchText"></div> </div> <div class="dxrdp-search-panel" data-bind="visible: editorVisible"> <div class="dxrdp-search-editor" data-bind="dxTextBox: { value: searchText, onValueChanged: onSearchTextChanged, onEnterKey: startSearch }"></div> </div> </div> </div> <!-- /ko -->',
     'dxrd-preview-export-to-mobile': '<div class="dxrd-preview-export-to" data-bind="dxMenu: { wrapperAttr: { class: \'dxrd-preview-export-to\' }, items: items, onItemClick: clickAction }, attr: { title: $root.getLocalization(text, $data.textId) }"> <div data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: $root.getLocalization(text, $data.textId) }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: $root.getLocalization($data.text, $data.textId)"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: ko.unwrap($data.imageClassName), template: { name: ko.unwrap($data.imageTemplateName), if: !!ko.unwrap($data.imageTemplateName)}"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div>',
@@ -13792,19 +14519,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\', focusStateEnabled: false }"> <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 role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': currentPageAriaLabelImgAlt }, 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> <img class="dxrd-pointer-events-none dxrd-width-100 dxrd-height-100" data-bind="attr: { src: displayImageSrc, \'alt\': currentPageAriaLabelImgAlt }" /> <!-- 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--> </div> </div>',
+    'dxrd-preview-page': '<div role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': currentPageAriaLabelImgAlt }, 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"> <!-- 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: activeBricks.length > 0 --> <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 dx-icon-spinright dx-icon-right dxrd-ai-floating-smart-tag-items"></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 --> </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 }"> <!-- 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="breadcrumbs-wrapper" data-bind="dxMutationObserver: keyboardHelper" aria-label="Breadcrumbs" role="navigation"> <!-- ko foreach: listItems --> <!-- ko if: $index() !== ($parent.listItems.length - 1) --> <a class="breadcrump-link 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="breadcrumb-item-seperator" data-bind="template: { name: \'dxrd-svg-preview-breadcrumbs_seperator\' }"> </span> <!-- /ko --> <!-- ko if: $index() === ($parent.listItems.length - 1) --> <div class="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"> <span class="dxrd-preview-search-tab-header-text dxrd-right-panel-header dxd-text-primary" data-bind="text: headerText"></span> <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-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: targetSelecBoxOptions"></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: languageSelecBoxOptions"></div> </div> <!-- ko if: pageSelecBoxVisible --> <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: pageSelecBoxOptions"> </div> </div> <!-- /ko --> <div class="dx-field"> <div class="dxrd-preview-ai-buttons-wrapper"> <div class="dxrd-preview-ai-buttons" data-bind="dxButton: buttons.translateTextButton"> </div> <div class="dxrd-preview-ai-buttons" 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: textProcessingResultHeaderTest" class="dxrd-right-panel-result-text"></span> <div role="button" class="dxrd-right-panel-copy-button"> <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" class="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) { e.event.preventDefault(); }, hoverStateEnabled: false, }"> </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-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 && displayImageSrc) --> <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 && displayImageSrc) } --> <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> <div id="dxrd-preview-bricks-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div id="clipboard-container" class="dxrd-position-absolute dxrd-top--100px"><textarea disabled data-bind="attr: { \'aria-label\': $root.getLocalization(\'Clipboard\', \'ASPxReportsStringId.WebDocumentViewer_AriaClipboard\') }" id="clipboard"></textarea></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> <div id="dxrd-preview-bricks-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div id="clipboard-container" class="dxrd-position-absolute dxrd-top--100px"><textarea disabled data-bind="attr: { \'aria-label\': $root.getLocalization(\'Clipboard\', \'ASPxReportsStringId.WebDocumentViewer_AriaClipboard\') }" id="clipboard"></textarea></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>',
@@ -13985,6 +14713,55 @@ function initializeViewerExportBinding(element, exportHandlerViewModel) {
     exportHandler.exportingFrame = exportFrame;
     exportHandler.postingForm = element.querySelector('form');
 }
+function createSvgElement(imageData) {
+    const container = document.createElement('div');
+    container.innerHTML = imageData.svgMarkup;
+    const svg = container.querySelector('svg');
+    const svgId = (0,external_DevExpress_Analytics_Internal_namespaceObject.guid)();
+    svg.id = svgId;
+    svg.querySelectorAll('clipPath').forEach(clip => {
+        clip.id += '_' + svgId;
+    });
+    svg.querySelectorAll('g').forEach(glyph => {
+        const clipPath = glyph.getAttribute('clip-path');
+        if (clipPath) {
+            const url = /#([^)]*)/.exec(clipPath)[1];
+            glyph.setAttribute('clip-path', `url(#${url}_${svgId})`);
+        }
+    });
+    return svg;
+}
+function updatePreviewPageRendererBinding(element, imageData) {
+    const pointerEventsClass = 'dxrd-pointer-events-none';
+    const backupField = '__imageBackup';
+    const findImage = (imageType) => {
+        return Array.from(element.children).find(x => x.matches(imageType));
+    };
+    if (!imageData.svgMarkup || !imageData.useSvg) {
+        findImage('svg')?.remove();
+        let image = findImage('img');
+        if (!image) {
+            image = document.createElement('img');
+            element.prepend(image);
+        }
+        image.setAttribute('src', imageData.displayImageSrc);
+        image.setAttribute('alt', imageData.currentPageAriaLabelImgAlt);
+        image.style.setProperty('background-color', imageData.color);
+        image.classList.add(pointerEventsClass, 'dxrd-width-100', 'dxrd-height-100');
+    }
+    else {
+        findImage('img')?.remove();
+        let svg = findImage('svg');
+        if (!svg || imageData.svgMarkup !== element[backupField]) {
+            svg?.remove();
+            svg = createSvgElement(imageData);
+            element[backupField] = imageData.svgMarkup;
+            element.prepend(svg);
+        }
+        svg.setAttribute('width', imageData.width + 'px');
+        svg.setAttribute('height', imageData.height + 'px');
+    }
+}
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/viewer/internal/_ko_bindings.js
 
@@ -14022,6 +14799,9 @@ external_ko_namespaceObject.bindingHandlers['dxViewerExport'] = {
         initializeViewerExportBinding(element, valueAccessor());
     }
 };
+external_ko_namespaceObject.bindingHandlers['dxPreviewPageRenderer'] = {
+    update: (element, valueAccessor) => updatePreviewPageRendererBinding(element, valueAccessor())
+};
 
 ;// CONCATENATED MODULE: ./node_modules/devexpress-reporting/scopes/reporting-viewer-internal.js
 
@@ -14074,6 +14854,10 @@ external_ko_namespaceObject.bindingHandlers['dxViewerExport'] = {
 
 
 
+
+
+
+