devexpress-reporting 24.1.8-build-24309-2232 → 24.2.2-beta

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  24.1.8-build-24309-2232
-* Build date: Nov 4, 2024
+* Version:  24.2.2-beta
+* Build date: Nov 18, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -113,6 +113,7 @@ var reporting_export_metadata_namespaceObject = {};
 __webpack_require__.r(reporting_export_metadata_namespaceObject);
 __webpack_require__.d(reporting_export_metadata_namespaceObject, {
   additionalRecipients: () => (additionalRecipients),
+  allowFloatingPictures: () => (allowFloatingPictures),
   allowURLsWithJSContent: () => (allowURLsWithJSContent),
   characterSet: () => (characterSet),
   csvExportOptionsSerializationInfo: () => (csvExportOptionsSerializationInfo),
@@ -187,6 +188,7 @@ __webpack_require__.d(reporting_internal_namespaceObject, {
   getChartChildComponents: () => (getChartChildComponents),
   isAndroid: () => (isAndroid),
   isIOS: () => (isIOS),
+  isMac: () => (isMac),
   isMobile: () => (isMobile),
   processZoomFactor: () => (processZoomFactor),
   transformNewLineCharacters: () => (transformNewLineCharacters)
@@ -333,6 +335,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 +361,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   SearchResultNavigator: () => (SearchResultNavigator),
   SearchViewModel: () => (SearchViewModel),
   SortingProcessor: () => (SortingProcessor),
+  TextSourceTarget: () => (TextSourceTarget),
   ViewerAction: () => (ViewerAction),
   brickText: () => (brickText),
   convertToPercent: () => (convertToPercent),
@@ -367,6 +371,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   createPreviewModel: () => (createPreviewModel),
   createPreviewPageViewModel: () => (createPreviewPageViewModel),
   createStandaloneParametersPanel: () => (createStandaloneParametersPanel),
+  createViewModel: () => (createViewModel),
   formatSearchResult: () => (formatSearchResult),
   getBrickValueForKey: () => (getBrickValueForKey),
   getCurrentResolution: () => (getCurrentResolution),
@@ -388,6 +393,7 @@ __webpack_require__.d(reporting_viewer_internal_namespaceObject, {
   updateBricksPosition: () => (updateBricksPosition),
   updateExportHandlerViewModel: () => (updateExportHandlerViewModel),
   updatePreviewContentSize: () => (updatePreviewContentSize),
+  updatePreviewPageRendererBinding: () => (updatePreviewPageRendererBinding),
   updatePreviewPageViewModel: () => (updatePreviewPageViewModel),
   updatePreviewZoomWithAutoFit: () => (updatePreviewZoomWithAutoFit)
 });
@@ -450,7 +456,6 @@ __webpack_require__.d(reporting_viewer_parameters_namespaceObject, {
   PreviewParameterHelper: () => (PreviewParameterHelper),
   PreviewParameterValueValidator: () => (PreviewParameterValueValidator),
   PreviewParametersPanelModel: () => (PreviewParametersPanelModel),
-  _convertLocalDateToUTC: () => (_convertLocalDateToUTC),
   createPreviewParametersViewModel: () => (createPreviewParametersViewModel),
   getEditorType: () => (getEditorType),
   updateViewModel: () => (updateViewModel)
@@ -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 {
 ;// external "DevExpress.Analytics.Internal.dxversions"
 const external_DevExpress_Analytics_Internal_dxversions_namespaceObject = DevExpress.Analytics.Internal.dxversions;
 ;// ./node_modules/devexpress-reporting/dx-reporting-version.js
-const version = '24.1.7';
+const version = '24.2.2';
 
 ;// ./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) {
@@ -1324,11 +1334,41 @@ const editorTemplates = {
     }
 };
 
+;// external "DevExpress.Analytics.Serializer.Native"
+const external_DevExpress_Analytics_Serializer_Native_namespaceObject = DevExpress.Analytics.Serializer.Native;
+;// ./node_modules/devexpress-reporting/common/exportOptions/options/docxExportDocumentOptions.js
+
+
+class DocxExportDocumentOptions {
+    static from(model, serializer) {
+        return new DocxExportDocumentOptions(model || {}, serializer);
+    }
+    static toJson(value, serializer, refs) {
+        return serializer.serialize(value, docxExportDocumentOptionsSerializationInfo, refs);
+    }
+    getInfo() {
+        return docxExportDocumentOptionsSerializationInfo;
+    }
+    constructor(model, serializer) {
+        serializer = serializer || (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentModelSerializer)();
+        serializer.deserialize(this, model);
+    }
+}
+const docxExportDocumentOptionsSerializationInfo = [
+    { propertyName: 'title', modelName: '@Title', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Title', displayName: 'Title', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
+    { propertyName: 'subject', modelName: '@Subject', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Subject', displayName: 'Subject', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
+    { propertyName: 'keywords', modelName: '@Keywords', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Keywords', displayName: 'Keywords', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
+    { propertyName: 'category', modelName: '@Category', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Category', displayName: 'Category', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
+    { propertyName: 'comments', modelName: '@Comments', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Comments', displayName: 'Comments', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
+    { propertyName: 'author', modelName: '@Author', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Author', displayName: 'Author', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
+];
+
 ;// ./node_modules/devexpress-reporting/common/exportOptions/metadata.js
 
 
 
 
+
 const pageBorderColor = { propertyName: 'pageBorderColor', modelName: '@PageBorderColor', from: external_DevExpress_Analytics_Utils_namespaceObject.colorFromString, toJsonObject: external_DevExpress_Analytics_Utils_namespaceObject.colorToString, displayName: 'Page Border Color', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.PageBorderColor', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('customColorEditor'), defaultVal: 'Black' };
 const pageBorderWidth = { propertyName: 'pageBorderWidth', modelName: '@PageBorderWidth', displayName: 'Page Border Width', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.PageBorderWidth', from: external_DevExpress_Analytics_Utils_namespaceObject.floatFromModel, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('numeric'), defaultVal: 1 };
 const pageRange = { propertyName: 'pageRange', modelName: '@PageRange', displayName: 'Page Range', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.PageRange', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text'), defaultVal: '' };
@@ -1341,6 +1381,24 @@ const rasterizeImages = { propertyName: 'rasterizeImages', modelName: '@Rasteriz
 const useHRefHyperlinks = { propertyName: 'useHRefHyperlinks', modelName: '@UseHRefHyperlinks', displayName: 'Use HRef Hyperlinks', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.UseHRefHyperlinks', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, defaultVal: false };
 const exportWatermarks = { propertyName: 'exportWatermarks', modelName: '@ExportWatermarks', displayName: 'Export Watermarks', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.ExportWatermarks', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool };
 const inlineCss = { propertyName: 'inlineCss', modelName: '@InlineCss', displayName: 'Inline CSS', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.InlineCss', defaultVal: false, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool };
+const allowFloatingPictures = {
+    propertyName: 'allowFloatingPictures',
+    modelName: '@AllowFloatingPictures',
+    localizationId: 'DevExpress.XtraPrinting.DocxExportOptions.AllowFloatingPictures',
+    displayName: 'Allow Floating Pictures',
+    editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'),
+    from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool,
+    defaultVal: false
+};
+const docxDocumentOptions = {
+    propertyName: 'documentOptions',
+    modelName: 'DocumentOptions',
+    displayName: 'Document Options',
+    localizationId: 'DevExpress.XtraPrinting.DocxExportOptions.DocumentOptions',
+    from: DocxExportDocumentOptions.from,
+    toJsonObject: DocxExportDocumentOptions.toJson,
+    editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor')
+};
 const removeSecondarySymbols = { propertyName: 'removeSecondarySymbols', modelName: '@RemoveSecondarySymbols', displayName: 'Remove Secondary Symbols', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.RemoveSecondarySymbols', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, defaultVal: false };
 const characterSet = {
     propertyName: 'characterSet', modelName: '@CharacterSet', displayName: 'Character Set', localizationId: 'DevExpress.XtraPrinting.HtmlExportOptionsBase.CharacterSet', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('combobox'), defaultVal: 'utf-8',
@@ -1449,8 +1507,6 @@ const csvExportOptionsSerializationInfo = [
     { propertyName: 'skipEmptyColumns', modelName: '@SkipEmptyColumns', displayName: 'Skip Empty Columns', localizationId: 'DevExpress.XtraPrinting.CsvExportOptions.SkipEmptyColumns', defaultVal: true, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool }
 ];
 
-;// external "DevExpress.Analytics.Serializer.Native"
-const external_DevExpress_Analytics_Serializer_Native_namespaceObject = DevExpress.Analytics.Serializer.Native;
 ;// ./node_modules/devexpress-reporting/common/exportOptions/csvExportOptions.js
 
 
@@ -1489,33 +1545,6 @@ class CsvExportOptions extends external_DevExpress_Analytics_Serializer_Native_n
     }
 }
 
-;// ./node_modules/devexpress-reporting/common/exportOptions/options/docxExportDocumentOptions.js
-
-
-class DocxExportDocumentOptions {
-    static from(model, serializer) {
-        return new DocxExportDocumentOptions(model || {}, serializer);
-    }
-    static toJson(value, serializer, refs) {
-        return serializer.serialize(value, docxExportDocumentOptionsSerializationInfo, refs);
-    }
-    getInfo() {
-        return docxExportDocumentOptionsSerializationInfo;
-    }
-    constructor(model, serializer) {
-        serializer = serializer || (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.currentModelSerializer)();
-        serializer.deserialize(this, model);
-    }
-}
-const docxExportDocumentOptionsSerializationInfo = [
-    { propertyName: 'title', modelName: '@Title', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Title', displayName: 'Title', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
-    { propertyName: 'subject', modelName: '@Subject', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Subject', displayName: 'Subject', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
-    { propertyName: 'keywords', modelName: '@Keywords', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Keywords', displayName: 'Keywords', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
-    { propertyName: 'category', modelName: '@Category', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Category', displayName: 'Category', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
-    { propertyName: 'comments', modelName: '@Comments', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Comments', displayName: 'Comments', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
-    { propertyName: 'author', modelName: '@Author', localizationId: 'DevExpress.XtraPrinting.DocxDocumentOptions.Author', displayName: 'Author', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
-];
-
 ;// ./node_modules/devexpress-reporting/common/exportOptions/rtfMetaData.js
 
 
@@ -1537,10 +1566,6 @@ const rtfExportOptionsSerializationInfo = [
 ;// ./node_modules/devexpress-reporting/common/exportOptions/docxMetaData.js
 
 
-
-
-
-const docxDocumentOptions = { propertyName: 'documentOptions', modelName: 'DocumentOptions', displayName: 'Document Options', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions.DocumentOptions', from: DocxExportDocumentOptions.from, toJsonObject: DocxExportDocumentOptions.toJson, editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('objecteditor') };
 const docxExportOptionsSerializationInfo = [
     docxExportMode,
     exportWatermarks,
@@ -1551,7 +1576,7 @@ const docxExportOptionsSerializationInfo = [
     keepRowHeight,
     exportPageBreaks,
     docxTableLayout,
-    { propertyName: 'allowFloatingPictures', modelName: '@AllowFloatingPictures', localizationId: 'DevExpress.XtraPrinting.DocxExportOptions.AllowFloatingPictures', displayName: 'Allow Floating Pictures', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('bool'), from: external_DevExpress_Analytics_Utils_namespaceObject.parseBool, defaultVal: false },
+    allowFloatingPictures,
     docxDocumentOptions,
 ];
 
@@ -1598,7 +1623,6 @@ class AdditionalRecipientModel {
 AdditionalRecipientModel.createNew = () => {
     return new AdditionalRecipientModel({});
 };
-
 const additionalRecipientSerializationsInfo = [
     { propertyName: 'ContactName', modelName: '@ContactName', displayName: 'ContactName', localizationId: 'DevExpress.XtraPrinting.Recipient.ContactName', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
     { propertyName: 'Address', modelName: '@Address', displayName: 'Address', localizationId: 'DevExpress.XtraPrinting.Recipient.Address', defaultVal: '', editor: external_DevExpress_Analytics_Widgets_namespaceObject.editorTemplates.getEditor('text') },
@@ -2639,6 +2663,12 @@ class PreviewPageControlsElement extends external_DevExpress_Analytics_Internal_
 
 ;// ./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 +2689,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)([]);
 
 ;// ./node_modules/devexpress-reporting/viewer/editing/models/editingFieldBase.js
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
@@ -2668,6 +2701,7 @@ var __decorate = (undefined && undefined.__decorate) || function (decorators, ta
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 
+
 class EditingFieldBase extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingModel {
     deferredUpdateViewModel() { return false; }
     constructor(page) {
@@ -2683,6 +2717,7 @@ class EditingFieldBase extends external_DevExpress_Analytics_Serializer_Native_n
             .generateProperty('zoom', this.zoom)
             .generateProperty('template', this.template)
             .generateProperty('field', this.field.getViewModel())
+            .generateProperty('setEditingFieldElement', (elt) => this.editingFieldElement = (0,external_DevExpress_Analytics_Internal_namespaceObject.$unwrap)(elt))
             .generateProperty('canActivateEditor', this.canActivateEditor)
             .generateProperty('activateEditor', (viewModel, event) => this.activateEditor(viewModel.getModel(), event))
             .generateProperty('onClick', (viewModel, event) => this.onClick(viewModel.getModel(), event))
@@ -2728,10 +2763,10 @@ class TextEditingFieldViewModelBase extends EditingFieldBase {
         this.field._editorValue = event.target['value'];
         (0,external_DevExpress_Analytics_Internal_namespaceObject.processTextEditorHotKeys)(event, {
             esc: () => {
-                this.hideEditor(false);
+                this.hideEditor(false, true);
             },
             ctrlEnter: () => {
-                this.hideEditor(true);
+                this.hideEditor(true, true);
             }
         });
     }
@@ -2776,7 +2811,7 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
         if (brickStyle.wordWrap != undefined) {
             this.wordWrap = brickStyle.wordWrap;
         }
-        this.hideEditor = (shouldCommit) => {
+        this.hideEditor = (shouldCommit, preserveFocus) => {
             setTimeout(() => {
                 if (shouldCommit && this.active) {
                     if (editorOptions.onHideEditor) {
@@ -2789,6 +2824,8 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
                 else {
                     field._editorValue = field.getEditValue();
                 }
+                if (preserveFocus)
+                    this.editingFieldElement.focus();
                 this.active = false;
             }, 1);
         };
@@ -2796,7 +2833,7 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
         const editorOptions = (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(true, {}, editor?.options || {});
         this.data = (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)().createDefaultModel(this)
             .generateProperty('value', field._editorValue)
-            .generateProperty('hideEditor', (shouldCommit) => this.hideEditor(shouldCommit))
+            .generateProperty('hideEditor', (shouldCommit) => this.hideEditor(shouldCommit, false))
             .generateProperty('keypressAction', (data, event) => this.keypressAction(data, event))
             .generateProperty('textStyle', this.textStyle)
             .generateProperty('options', editorOptions)
@@ -2816,7 +2853,7 @@ class TextEditingFieldViewModel extends TextEditingFieldViewModelBase {
                     }
                 },
                 onFocusOut: (e) => {
-                    self.hideEditor(true);
+                    self.hideEditor(true, false);
                 }
             });
         }
@@ -3279,8 +3316,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 +3332,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) {
@@ -3383,7 +3420,6 @@ class PreviewSelection {
 }
 PreviewSelection.started = false;
 PreviewSelection.disabled = false;
-
 function initializeBrickSelectionProg(element, options) {
     const selection = new PreviewSelection(element, options.page, options.click);
     return () => {
@@ -3497,7 +3533,6 @@ imageEditingField_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(null)
 ], ImageEditingFieldViewModel.prototype, "sizeMode", void 0);
 
-
 ;// ./node_modules/devexpress-reporting/viewer/editing/models/popupImageEditingField.js
 var popupImageEditingField_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;
@@ -3555,7 +3590,6 @@ class PopupImageEditingFieldViewModel extends ImageEditingFieldViewModel {
             .generateProperty('onHiding', (event) => {
             this.pictureEditor.painter.signaturePainter.resetLastPosition();
             this._resetPainter(this.painter);
-            document.activeElement['blur']();
             this.active = false;
             this._showContent = false;
         })
@@ -4035,6 +4069,7 @@ const docxExportOptionsSerializationInfoPreview = [
     rasterizationResolution,
     exportPageBreaks,
     exportWatermarks,
+    allowFloatingPictures,
     docxDocumentOptions,
 ];
 class DocxExportOptionsPreview extends DocxExportOptions {
@@ -4363,7 +4398,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 +4407,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 +4415,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 +4423,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 +4465,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 +4482,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 +4498,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 +4509,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 +4539,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 +4548,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 +4558,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
@@ -4762,16 +4819,21 @@ class ExportHandler extends external_DevExpress_Analytics_Serializer_Native_name
                 receivedLenght += value.byteLength;
                 const currentProgress = Math.round(receivedLenght * 100 / contentLength) + 100;
                 this._useSameTabExport && this.updateExportStatus(currentProgress, operationId);
+                if (controller.desiredSize <= 0)
+                    console.warn("Can't correctly download a file due to a backpressure");
                 controller.enqueue(value);
                 readChunk(controller);
+            }).catch((reason) => {
+                console.error(reason);
             });
         };
-        let receivedLenght = 0;
-        return Promise.resolve(new ReadableStream({
+        const readableStream = new ReadableStream({
             start(controller) {
                 readChunk(controller);
             }
-        }))
+        });
+        let receivedLenght = 0;
+        return Promise.resolve(readableStream)
             .then(stream => {
             return new Response(stream, {
                 headers: {
@@ -5180,6 +5242,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 +5264,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 +5280,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 +5335,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 +5361,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 +5392,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 +5431,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 +5508,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 +5519,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 +5526,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 +5579,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 +5611,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 +5648,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 +5690,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 +5776,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 +5794,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 +5822,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 +5848,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 +6383,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();
         }));
@@ -6269,7 +6410,7 @@ class BreadcrumbsKeyboardHelper extends external_DevExpress_Analytics_Internal_n
     }
     itemHandleEnterKey(e, index) {
         if (this.controlElements && this.controlElements[index]) {
-            this.controlElements[index].element?.dispatchEvent(new Event('click'));
+            this.controlElements[index].element?.click();
             return true;
         }
         return false;
@@ -6444,6 +6585,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 = [];
     }
@@ -6774,12 +6916,12 @@ class ReportPreview extends ReportHolder {
         this._getBuildStatusDeferreds = [];
         this._timeouts = [];
         this._zoomLocker = new Locker();
-        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;
@@ -6787,7 +6929,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 '';
             }
@@ -6963,7 +7108,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);
@@ -7249,7 +7394,7 @@ class ReportPreview extends ReportHolder {
             this._sortingState = response.sortingState || [];
             const isMerged = this.reportId
                 ? response.canPerformContinuousExport === false
-                : !this._initialDocumentData?.canPerformContinuousExport ?? true;
+                : !this._initialDocumentData?.canPerformContinuousExport;
             const deserializedExportOptions = this._deserializeExportOptions(response.exportOptions, isMerged);
             const customizeExportOptionsArgs = { exportOptions: deserializedExportOptions, panelVisible: true };
             this.customizeExportOptions && this.customizeExportOptions(customizeExportOptionsArgs);
@@ -7362,8 +7507,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) {
@@ -7834,11 +7979,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',
@@ -8212,7 +8359,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;
@@ -8242,6 +8389,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;
@@ -8254,7 +8405,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) {
@@ -8326,7 +8477,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;
@@ -8346,7 +8500,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;
         },
@@ -8420,6 +8574,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',
@@ -8582,6 +8737,7 @@ var _mobilePage_decorate = (undefined && undefined.__decorate) || function (deco
 };
 
 
+
 class MobilePreviewPage extends PreviewPage {
     deferredUpdateViewModel() { return false; }
     createViewModel() {
@@ -8595,6 +8751,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;
@@ -9298,12 +9455,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',
@@ -9439,7 +9598,6 @@ _searchViewModel_decorate([
 _searchViewModel_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(() => new (external_DevExpress_data_DataSource_default())([]))
 ], SearchViewModel.prototype, "searchResultDataSource", void 0);
-
 class SearchAction extends ViewerAction {
     constructor(tabInfo, reportPreview) {
         super(reportPreview, undefined, ['documentId', 'pageIndex', 'documentBuilding']);
@@ -9449,10 +9607,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() {
@@ -9621,7 +9785,6 @@ _mobileSearch_decorate([
 _mobileSearch_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutable)(false)
 ], MobileSearchViewModel.prototype, "enabled", void 0);
-
 class SearchBarModel extends external_DevExpress_Analytics_Utils_namespaceObject.Disposable {
     constructor(viewModel, element, $searchText) {
         super();
@@ -10255,7 +10418,6 @@ multiValuesHelper_decorate([
     (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.mutableArray)(() => [])
 ], MultiValuesHelper.prototype, "_value", void 0);
 
-
 ;// ./node_modules/devexpress-reporting/viewer/parameters/parameterHelper.js
 var parameterHelper_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;
@@ -10282,9 +10444,6 @@ function getEditorType(typeString) {
     }
     return undefined;
 }
-function _convertLocalDateToUTC(localDate) {
-    return new Date(Date.UTC(localDate.getFullYear(), localDate.getMonth(), localDate.getDate(), localDate.getHours(), localDate.getMinutes(), localDate.getSeconds()));
-}
 class MultiValueItem extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseRenderingMultiplatformModel {
     constructor(engine) {
         super(undefined, undefined, engine);
@@ -10338,7 +10497,7 @@ class ParameterHelper extends external_DevExpress_Analytics_Serializer_Native_na
             editor: editorType,
             editorOptions: {}
         };
-        if (parameterDescriptor.type === 'System.Guid') {
+        if (parameterDescriptor.type === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemGuid) {
             info.editorOptions.isNullable = parameterDescriptor.allowNull;
         }
         return info;
@@ -10431,6 +10590,7 @@ parameterHelper_decorate([
 
 
 
+
 class PreviewParameterHelper extends ParameterHelper {
     mapLookUpValues(type, lookUpValues) {
         const converter = this.getValueConverter(type);
@@ -10454,10 +10614,10 @@ class PreviewParameterHelper extends ParameterHelper {
             info.editor = this.getRangeEditor();
             return info;
         }
-        if ((parameter.type === 'System.DateTime' || parameter.isTypesCurrentType(parameter.intTypes.concat(parameter.floatTypes), parameter.type)) && !parameter.allowNull && !parameter.isMultiValue && !parameter.isMultiValueWithLookUp) {
+        if ((parameter.type === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime || parameter.isTypesCurrentType(parameter.intTypes.concat(parameter.floatTypes), parameter.type)) && !parameter.allowNull && !parameter.isMultiValue && !parameter.isMultiValueWithLookUp) {
             info.validationRules = external_DevExpress_Analytics_Widgets_Internal_namespaceObject.requiredValidationRules;
         }
-        else if (parameter.type === 'System.Guid') {
+        else if (parameter.type === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemGuid) {
             info.editorOptions.displayCustomValue = false;
         }
         return info;
@@ -10504,16 +10664,23 @@ class PreviewParameterHelper extends ParameterHelper {
         return parameter.isFilteredLookUpSettings || !!parameter.lookUpValues || super.isEnumType(parameter);
     }
     getValueConverter(type) {
-        if (type === 'System.DateTime') {
-            return (dateString) => { return (0,external_DevExpress_Analytics_Internal_namespaceObject.parseDate)(dateString); };
-        }
-        else if (['System.Int16', 'System.Int32', 'System.Int64'].indexOf(type) > -1) {
-            return val => (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, '0');
+        switch (type) {
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime:
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateOnly:
+                return (dateString) => (0,external_DevExpress_Analytics_Internal_namespaceObject.parseDate)(dateString);
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemTimeOnly:
+                return (timeString) => (0,external_DevExpress_Analytics_Utils_namespaceObject.parseTime)(timeString);
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16:
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt32:
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt64:
+                return val => (0,external_DevExpress_Analytics_Internal_namespaceObject.integerValueConverter)(val, '0');
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSingle:
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDouble:
+            case external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal:
+                return val => (0,external_DevExpress_Analytics_Internal_namespaceObject.floatValueConverter)(val, '0');
+            default:
+                return super.getValueConverter(type);
         }
-        else if (['System.Single', 'System.Double', 'System.Decimal'].indexOf(type) > -1) {
-            return val => (0,external_DevExpress_Analytics_Internal_namespaceObject.floatValueConverter)(val, '0');
-        }
-        return super.getValueConverter(type);
     }
     getRangeEditor() {
         return viewerEditorTemplates.rangeEditor;
@@ -10527,6 +10694,7 @@ class PreviewParameterHelper extends ParameterHelper {
 
 ;// ./node_modules/devexpress-reporting/viewer/parameters/previewParameterValueValidator.js
 
+
 class PreviewParameterValueValidator {
     _registerType(typeName, validator) {
         this._validatorMap[typeName] = validator;
@@ -10534,22 +10702,22 @@ class PreviewParameterValueValidator {
     constructor() {
         this._validatorMap = {};
         this._numericTypes = [
-            'System.SByte',
-            'System.Decimal',
-            'System.Int64',
-            'System.Int32',
-            'System.Int16',
-            'System.Single',
-            'System.Double',
-            'System.Byte',
-            'System.UInt16',
-            'System.UInt32',
-            'System.UInt64'
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSByte,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt64,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt32,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSingle,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDouble,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemByte,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt16,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt32,
+            external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemUInt64
         ];
-        this._registerType('System.String', (value) => typeof value === 'string');
-        this._registerType('System.Guid', (value) => typeof value === 'string' && (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.validateGuid)(value));
-        this._registerType('System.Boolean', (value) => typeof value === 'boolean');
-        this._registerType('System.DateTime', (value) => {
+        this._registerType(external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemString, (value) => typeof value === 'string');
+        this._registerType(external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemGuid, (value) => typeof value === 'string' && (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.validateGuid)(value));
+        this._registerType(external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemBoolean, (value) => typeof value === 'boolean');
+        this._registerType(external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime, (value) => {
             return !isNaN(new Date(value));
         });
         this._numericTypes.forEach((type) => this._registerType(type, (value) => typeof value === 'string' && external_DevExpress_Analytics_Widgets_Internal_namespaceObject.ValueEditorHelper.isValid(type, undefined, value)));
@@ -10577,6 +10745,7 @@ var previewParameter_decorate = (undefined && undefined.__decorate) || function
 
 
 
+
 class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_namespaceObject.BaseModel {
     onPropertyChanged(args) {
         if (args.propertyName === 'lookUpValues') {
@@ -10592,8 +10761,8 @@ class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_n
     constructor(parameterInfo, parameterHelper) {
         super();
         this.valueStoreCache = null;
-        this.intTypes = ['System.Int16', 'System.Int32', 'System.Int64'];
-        this.floatTypes = ['System.Single', 'System.Double', 'System.Decimal'];
+        this.intTypes = [external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt16, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt32, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemInt64];
+        this.floatTypes = [external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemSingle, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDouble, external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDecimal];
         this.isTypesCurrentType = (types, type) => types.indexOf(type) > -1;
         this.tag = parameterInfo.Tag;
         this.type = parameterInfo.TypeName;
@@ -10645,7 +10814,7 @@ class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_n
     safeAssignObservable(name, value) {
         if (name in this) {
             if (PreviewParameter._compareValues(this[name], value))
-                this[name] = this.type === 'System.DateTime' ? new Date(0, 0, 0) : null;
+                this[name] = this.type === external_DevExpress_Analytics_Internal_namespaceObject.DotnetTypes.SystemDateTime ? new Date(0, 0, 0) : null;
             let isEqual = false;
             if (value instanceof MultiValuesHelper && Array.isArray(value.items))
                 isEqual = (0,external_DevExpress_Analytics_Internal_namespaceObject.compareArrays)(this[name].items, value.items);
@@ -10721,16 +10890,13 @@ class PreviewParameter extends external_DevExpress_Analytics_Serializer_Native_n
         this.safeAssignObservable('value', resultValue);
     }
     serialize() {
-        const convertItem = (item) => {
-            return (this.type === 'System.DateTime' && !!item && (item instanceof Date)) ? _convertLocalDateToUTC(item) : item;
-        };
         let value = this.isMultiValueWithLookUp ? this._value : this.value;
         if (this.allowNull) {
             if ((this.isMultiValue && Array.isArray(value) && value['length'] === 0) || value === '') {
                 value = null;
             }
         }
-        return { Value: ParameterHelper.getSerializationValue(value, convertItem), Key: this.path, TypeName: this.type };
+        return { Value: ParameterHelper.getSerializationValue(value, (date) => (0,external_DevExpress_Analytics_Utils_namespaceObject.serializeParameterDateUTC)(date, this.type)), Key: this.path, TypeName: this.type };
     }
 }
 previewParameter_decorate([
@@ -11103,7 +11269,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;
@@ -11169,6 +11335,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',
@@ -11640,7 +11807,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())
@@ -11656,6 +11823,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);
     }
 }
 
@@ -12000,7 +12169,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) {
@@ -12183,6 +12352,583 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
     }
 }
 
+;// 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);
+;// 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);
+;// ./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('getSelecBoxOptions', (options, element) => {
+        return (0,external_DevExpress_Analytics_Internal_namespaceObject.extend)(options, { dropDownOptions: {
+                container: element,
+                position: { boundary: element, my: 'left top', at: 'left bottom', of: element }
+            }
+        });
+    })
+        .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('inputAttr', { 'aria-label': TargetLanguageText })
+        .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);
+    })
+        .generateProperty('inputAttr', { 'aria-label': TargetContentText })
+        .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('inputAttr', { 'aria-label': PageSelectText })
+        .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('copyText', (data, event) => {
+        if (event.keyCode === 13)
+            this.copyResultClick(event);
+        return true;
+    })
+        .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;
+}
+
+;// ./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 Operations', 'ASPxReportsStringId.AIPanel_PanelHeaderLabel'),
+            template: 'dxrd-preview-ai-panel',
+            model: this,
+            localizationId: 'ASPxReportsStringId.AIPanel_PanelHeaderLabel',
+            imageClassName: 'aitab',
+            imageTemplateName: 'dxrd-svg-tabs-aitab',
+            visible: tabInfoVisible()
+        });
+        const 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();
+                }
+            },
+            onSubmenuShowing: (e) => {
+                const popupContainer = (0,external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)(e['element']);
+                e['submenu']._overlay.option('container', popupContainer);
+                e['submenu']._overlay.option('focusStateEnabled', false);
+                e['submenu']._overlay.option('position', { collision: 'none', boundary: popupContainer });
+                e['submenu']._attachHoverEvents();
+            },
+            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: this.reportPreview.rtlViewer ? '0%' : '92.5%',
+            rightP: this.reportPreview.rtlViewer ? '92.5%' : '0%'
+        };
+    }
+    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;
+            viewModel.proceedForAllCheckBoxOptions.value = 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();
+        if (this.summarizeButtonLoader) {
+            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();
+        if (this.translateButtonLoader) {
+            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 (nextChunkPosition === -1 || (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);
+
 ;// ./node_modules/devexpress-reporting/viewer/internal/_initializer.js
 
 
@@ -12205,6 +12951,7 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
 
 
 
+
 
 
 function createStandaloneParametersPanel(bindingSettings) {
@@ -12229,7 +12976,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);
@@ -12242,7 +12989,8 @@ function createDesktopPreview(bindingSettings) {
             parametersModel.tabInfo,
             exportModel.tabInfo,
             searchModel.tabInfo,
-            documentMapModel.tabInfo
+            documentMapModel.tabInfo,
+            aiPanelModel.tabInfo
         ],
         width: 396,
         autoSelectTab: true,
@@ -12360,6 +13108,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();
@@ -12934,6 +13684,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'; } }; });
@@ -13059,6 +13810,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'; } }; });
@@ -13311,6 +14063,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>',
@@ -13436,6 +14189,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>',
@@ -13515,9 +14269,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; } }; });
@@ -13566,7 +14319,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: blocks', function ($context, $element) { return { 'foreach': function () { return $context.$data.blocks; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: page', function ($context, $element) { return { 'if': function () { return $context.$data.page; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name :\'dxrd-preview-page-mobile\', data: page }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-preview-page-mobile', 'data': $context.$data.page }; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: containerStyle, zoom: zoom, css: { active: active, readonly: field.readOnly }', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle; }, 'zoom': function () { return $context.$data.zoom; }, 'css': function () { return { 'active': $context.$data.active, 'readonly': $context.$data.field.readOnly }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: containerStyle, cacheElement: { action: function (elt) { setEditingFieldElement(elt); } }, zoom: zoom, css: { active: active, readonly: field.readOnly }', function ($context, $element) { return { 'style': function () { return $context.$data.containerStyle; }, 'cacheElement': function () { return { 'action': function (elt) { $context.$data.setEditingFieldElement(elt); } }; }, 'zoom': function () { return $context.$data.zoom; }, 'css': function () { return { 'active': $context.$data.active, 'readonly': $context.$data.field.readOnly }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: borderStyle', function ($context, $element) { return { 'style': function () { return $context.$data.borderStyle; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxclick: activateEditor', function ($context, $element) { return { 'dxclick': function () { return $context.$data.activateEditor; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}', function ($context, $element) { return { 'style': function () { return $context.$data.textStyle; }, 'css': function () { return { 'dxrp-editing-field-text-wordwrap': !$context.$data.wordWrap }; } }; });
@@ -13615,16 +14368,24 @@ 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, visible: !pageLoading', function ($context, $element) { return { 'dxPreviewPageRenderer': function () { return $context.$data.imageOptions; }, 'visible': function () { return !$context.$data.pageLoading; } }; });
 (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)('css: { \'dx-icon-spinright\': !$root.rtl, \'dx-icon-spinleft\': $root.rtl }', function ($context, $element) { return { 'css': function () { return { 'dx-icon-spinright': !$context.$root.rtl, 'dx-icon-spinleft': $context.$root.rtl }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: icon', function ($context, $element) { return { 'template': function () { return $context.$data.icon; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('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 }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: { width: containerStyle.width, height: containerStyle.height, position: { boundary: popupData.getPopupContainer($element), of: popupData.getPositionTarget($element), collision: \'flipfit flipfit\' }, container: popupData.getPopupContainer($element), showTitle: false, target: popupData.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: popupData.onContentReady, onHiding: popupData.onHiding, onShown: popupData.onShown, shading: popupData.shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: popupData.visible }, cacheElement: { action: function(elt) { setEditingFieldElement(elt); } }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': $context.$data.containerStyle.width, 'height': $context.$data.containerStyle.height, 'position': { 'boundary': $context.$data.popupData.getPopupContainer($element), 'of': $context.$data.popupData.getPositionTarget($element), 'collision': 'flipfit flipfit' }, 'container': $context.$data.popupData.getPopupContainer($element), 'showTitle': false, 'target': $context.$data.popupData.getPopupContainer($element), 'deferRendering': false, 'hideOnOutsideClick': true, 'showCloseButton': false, 'onContentReady': $context.$data.popupData.onContentReady, 'onHiding': $context.$data.popupData.onHiding, 'onShown': $context.$data.popupData.onShown, 'shading': $context.$data.popupData.shading, 'wrapperAttr': { 'class': 'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen' }, 'animation': { 'show': { 'type': 'slide', 'duration': 0, 'to': { 'opacity': 1 }, 'from': { 'opacity': 0 } }, 'hide': { 'type': 'fade', 'duration': 100, 'to': { 'opacity': 0 }, 'from': { 'opacity': 1 } } }, 'visible': $context.$data.popupData.visible }; }, 'cacheElement': function () { return { 'action': function (elt) { $context.$data.setEditingFieldElement(elt); } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: \'dx-picture-editing-popup\' }', function ($context, $element) { return { 'template': function () { return { 'name': 'dx-picture-editing-popup' }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: popupData.showContent', function ($context, $element) { return { 'if': function () { return $context.$data.popupData.showContent; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: popupData.contentTemplate, afterRender: popupData.renderedHandler }', function ($context, $element) { return { 'template': function () { return { 'name': $context.$data.popupData.contentTemplate, 'afterRender': $context.$data.popupData.renderedHandler }; } }; });
@@ -13653,6 +14414,26 @@ 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: getSelecBoxOptions(targetSelecBoxOptions, $element)', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getSelecBoxOptions($context.$data.targetSelecBoxOptions, $element); } }; });
+(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: getSelecBoxOptions(languageSelecBoxOptions, $element)', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getSelecBoxOptions($context.$data.languageSelecBoxOptions, $element); } }; });
+(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: getSelecBoxOptions(pageSelecBoxOptions, $element)', function ($context, $element) { return { 'dxSelectBox': function () { return $context.$data.getSelecBoxOptions($context.$data.pageSelecBoxOptions, $element); } }; });
+(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)('event: { keydown: copyText }', function ($context, $element) { return { 'event': function () { return { 'keydown': $context.$data.copyText }; } }; });
+(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) { if (e.event.key !== \'Tab\') e.event.preventDefault(); }, hoverStateEnabled: false, inputAttr: { spellcheck: \'false\' }, tabIndex: -1 }', 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) { if (e.event.key !== 'Tab') {
+            e.event.preventDefault();
+        } }, 'hoverStateEnabled': false, 'inputAttr': { 'spellcheck': 'false' }, 'tabIndex': -1 }; } }; });
+(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(); }; } }; });
@@ -13674,6 +14455,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; } }; });
@@ -13687,17 +14470,16 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('styleunit: { \'width\': width, \'height\': height }, toView: { setPageActiveChangedEvent: setPageActiveChangedEvent }, css : { \'dxrd-report-preview-active\': active }', function ($context, $element) { return { 'styleunit': function () { return { 'width': $context.$data.width, 'height': $context.$data.height }; }, 'toView': function () { return { 'setPageActiveChangedEvent': $context.$data.setPageActiveChangedEvent }; }, 'css': function () { return { 'dxrd-report-preview-active': $context.$data.active }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('css: { \'dxrd-visually-hidden\': !!currentPage }', function ($context, $element) { return { 'css': function () { return { 'dxrd-visually-hidden': !!$context.$data.currentPage }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: emptyDocumentCaption', function ($context, $element) { return { 'text': function () { return $context.$data.emptyDocumentCaption; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('attr: { \'aria-label\': $root.getLocalization(\'Clipboard\', \'ASPxReportsStringId.WebDocumentViewer_AriaClipboard\') }', function ($context, $element) { return { 'attr': function () { return { 'aria-label': $context.$root.getLocalization('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard') }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxViewerExport: $data', function ($context, $element) { return { 'dxViewerExport': function () { return $context.$data; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('with: progressBar', function ($context, $element) { return { 'with': function () { return $context.$data.progressBar; } }; });
 (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(); } }; });
@@ -13754,7 +14536,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 || [] }; } }; });
@@ -13774,7 +14555,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>',
@@ -13785,7 +14566,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrv-preview-parameters-mobile': '<div class="dxrdp-parameters-mobile" data-bind="dxValidationGroup: {}, css: className"> <div class="dxrdp-parameters-title" data-bind="text: $data.title"> </div> <div class="dxrdp-parameters-scroll" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, bounceEnabled: false }"> <!-- ko template: { name: $data.contentTemplate, data: model.getViewModel() }--> <!-- /ko --> </div> <div class="dxrdp-parameters-buttons text-buttons" data-bind="foreach: { data: $data.actionButtons }, cacheElement: { action: function(element) { $data.cacheElementContent(element); } }"> <div class="dxrdp-parameter-action" data-bind="dxButton: { text: text, onClick: function(params){ $data.action(params) }, disabled: disabled, visible: visible }, css: className"></div> </div> <div class="dxrdp-parameters-buttons" data-bind="visible: showIcons, foreach: { data: $data.actionIcons }"> <div class="dxrdp-parameter-icon" data-bind="dxButton: { onClick: function(params){ $data.action(params)}, disabled: disabled }, css: className"></div> </div> </div>',
     'dxrv-range-parameter-mobile': '<div data-bind="dxrvDateRangeEditor: {value: value, isMobile: true }"></div>',
     'dxrdp-surface-mobile': '<div class="dxrd-preview-wrapper dxrdp-fullscreen dxrd-preview-surface" data-bind="style: { pointerEvents: surfaceEvents, touchEvents: surfaceEvents }, styleunit: { top: topOffset, height: previewWrapperSizeHeight, width: previewWrapperSizeWidth }, slide: slideOptions, mobileZoom: mobileZoomOptions, dxclick: click, css: { \'dxrp-editing-fields-hightlighted\': editingFieldsHighlighted }"> <!-- ko template: {name: \'dxrd-preview-progress-bar\', data: progressBar }--> <!-- /ko --> <div class="dxrd-mobile-content"> <div class="dxrd-mobile-gallery" data-bind="style: { pointerEvents: galleryEvents, touchEvents: galleryEvents }, dxGalleryReportPreview: { dataSource: gallery.items, gallery: gallery, slideOptions: slideOptions, animationEnabled: gallery.animationEnabled, disabled: zoomUpdating, width:\'100%\', height: \'100%\', showIndicator: false, loop: true, onSelectionChanged: onSlide, onOptionChanged: gallery.onOptionChanged }"> <div data-options="dxTemplate: { name: \'item\' }"> <div class="dxrd-scrollView-mobile" data-bind="dxScrollView: reportPreview.scrollViewOptions"> <div class="dxrd-gallery-blocks" data-bind="style: gallery.contentSize"> <!-- ko foreach: blocks --> <!-- ko if: page --> <div class="dxrd-gallery-block" data-bind="styleunit: position, css: classSet"> <div class="dxrd-gallery-block-content" data-bind="styleunit: { width: Math.max(page.width, position.width), height: Math.max(page.height, position.height) }, style: { \'background-color\': page.color }"> <div class="dxrdp-active-border" data-bind="css: { \'dxrdp-active\': page.active && active, \'dxrdp-page-padding\': page.active && active }, visible: reportPreview.slideOptions.readerMode"></div> <div class="dxrd-mobile-page" data-bind="styleunit: { width: page.width, height: page.height }, style: { pointerEvents: reportPreview.pageEvents, touchEvents: reportPreview.pageEvents }"> <!-- ko template: { name :\'dxrd-preview-page-mobile\', data: page } --> <!-- /ko --> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div> </div> </div> </div> </div> </div> <input type="text" class="dxrd-display-none" />',
-    'dxrp-editing-field-container': '<div class="dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, zoom: zoom, css: { active: active, readonly: field.readOnly }"> <div class="dxrp-editing-field-borders" data-bind="style: borderStyle"></div> <div class="dxrp-editing-field-content" data-bind="dxclick: activateEditor"> <!-- ko if: !active || field.readOnly  --> <!-- ko if: field.htmlValue  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}"> <div class="dxrp-editing-field-text-html dxrp-editing-field-text-html-complex" data-bind="style: breakOffsetStyle, html: field.htmlValue"></div> </div> <!--/ko--> <!-- ko ifnot: field.htmlValue  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}, text: field.editValue"></div> <!--/ko--> <!--/ko--> <!-- ko if: active && !field.readOnly --> <!-- ko template: { name: editorTemplate, data: data } --> <!--/ko--> <!--/ko--> </div> </div>',
+    'dxrp-editing-field-container': '<div class="dxrp-editing-field-container dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="style: containerStyle, cacheElement: { action: function (elt) { setEditingFieldElement(elt); } }, zoom: zoom, css: { active: active, readonly: field.readOnly }"> <div class="dxrp-editing-field-borders" data-bind="style: borderStyle"></div> <div class="dxrp-editing-field-content" data-bind="dxclick: activateEditor"> <!-- ko if: !active || field.readOnly  --> <!-- ko if: field.htmlValue  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}"> <div class="dxrp-editing-field-text-html dxrp-editing-field-text-html-complex" data-bind="style: breakOffsetStyle, html: field.htmlValue"></div> </div> <!--/ko--> <!-- ko ifnot: field.htmlValue  --> <div class="dxrp-editing-field-readonly-text" data-bind="style: textStyle, css: {\'dxrp-editing-field-text-wordwrap\': !wordWrap}, text: field.editValue"></div> <!--/ko--> <!--/ko--> <!-- ko if: active && !field.readOnly --> <!-- ko template: { name: editorTemplate, data: data } --> <!--/ko--> <!--/ko--> </div> </div>',
     'dxrp-editing-field-text': '<textarea class="dxrp-editing-field-text" data-bind="value: value, valueUpdate: \'keypress\', style: textStyle, event: { blur: hideEditor, keyup: keypressAction }"></textarea>',
     'dxrp-editing-field-mask': '<div class="dxrp-editing-field-mask" data-bind="dxTextBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}"></div>',
     'dxrp-editing-field-number': '<div class="dxrp-editing-field-mask" data-bind="dxNumberBox: options, childStyle: { style: textStyle, selector: \'.dx-texteditor-input\'}"></div>',
@@ -13799,19 +14580,20 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-preview-export-options': '<div class="dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: $root.getLocalization(\'Export Options\', \'DevExpress.XtraReports.UI.XtraReport.ExportOptions\')"></span> </div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); }  }"> <div class="dx-fieldset" data-bind="dxMutationObserver: keyboardHelper"> <div class="dxrd-right-panel-content dxrd-export-options-content" role="tree"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <!-- ko template: { name: \'dx-propertygrid-popoverservice\', if: propertyGrid.popover, data: propertyGrid.popover } --> <!-- /ko --> </div> </div></div>',
     'dxrd-preview-export-to': '<div class="dxrd-preview-export-toolbar-item dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented"> <div class="dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted" data-bind="dxMenu: { elementAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\', }"> <div data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: text }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: text"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: imageClassName, template: imageTemplateName"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: hasSeparator"></div> </div>',
     'dxrd-page-brick-clickable': '<div class="dxrd-report-preview-brick" data-bind="dxclick: function(_, event){ onClick(event); event.stopPropagation(); }, style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': $data.active, \'dxrd-report-preview-brick-selectable\': !($data.bricks) }"> <!-- ko if: $data.navigation --> <div class="dxrd-report-preview-brick-navigation" data-bind="css: { \'dxrdp-navigation-brick-drill-down\' : !!navigation.drillDownKey, \'dxrdp-navigation-brick-sorting\' : !!navigation.sortData, \'dxrdp-navigation-brick-sorting-desc\': navigation.sortData && navigation.sortData.order === 1, \'dxrdp-navigation-brick-sorting-asc\': navigation.sortData && navigation.sortData.order === 2 }"></div> <!--/ko--> </div>',
-    'dxrd-preview-page': '<div 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, visible: !pageLoading"> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko foreach: clickableBricks --> <!-- ko template: { name: "dxrd-page-brick-clickable", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && $data.editingFields--> <div data-bind="dxMutationObserver: editingFieldsKeyboardHelper"> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> </div> <!--/ko--> <!-- ko if: 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 dxrd-ai-floating-smart-tag-items" data-bind="css: { \'dx-icon-spinright\': !$root.rtl, \'dx-icon-spinleft\': $root.rtl }"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: $data.icon --> <div class="dxrd-ai-floating-smart-tag-icon"> <div data-bind="template: icon"> </div> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> </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>',
+    'dx-picture-editing-popup': '<div class="dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen" data-bind="dxPopup: { width: containerStyle.width, height: containerStyle.height, position: { boundary: popupData.getPopupContainer($element), of: popupData.getPositionTarget($element), collision: \'flipfit flipfit\' }, container: popupData.getPopupContainer($element), showTitle: false, target: popupData.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: popupData.onContentReady, onHiding: popupData.onHiding, onShown: popupData.onShown, shading: popupData.shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: popupData.visible }, cacheElement: { action: function(elt) { setEditingFieldElement(elt); } }"> <!-- ko if: popupData.showContent --> <!-- ko template: { name: popupData.contentTemplate, afterRender: popupData.renderedHandler } --> <!--/ko--> <!--/ko--> </div>',
     'dxrd-zoom-autofit-select-template': '<div class="dxrd-toolbar-item-zoom" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-toolbar-item-zoom-editor" data-bind="dxSelectBox: { items: widget.dataSource, value: widget.value, onValueChanged: widget.onValueChanged, displayExpr: widget.displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: widget.onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> </div>',
     'dxrd-preview-toolbar-scrollable': '<div class="dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant" data-bind="dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dxrd-toolbar" role="toolbar" data-bind="keyDownActions: actionLists, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-toolbar-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.toolbarItems } --> <!-- /ko --> </div> </div>',
-    'dxrd-preview-breadcrumb': '<!-- ko if: listItems.length > 1 --><div class="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: getSelecBoxOptions(targetSelecBoxOptions, $element)"></div> </div> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-language-select" data-bind="text: targetLanguageText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-language-select" data-bind="dxSelectBox: getSelecBoxOptions(languageSelecBoxOptions, $element)"></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: getSelecBoxOptions(pageSelecBoxOptions, $element)"> </div> </div> <!-- /ko --> <div class="dx-field"> <div class="dxrd-preview-ai-buttons-wrapper"> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.translateTextButton"> </div> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.summarizeTextButton"> </div> </div> </div> </div> <!-- ko if: resultVisible --> <div class="dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text"> <span data-bind="text: textProcessingResultHeaderTest" class="dxrd-right-panel-result-text"></span> <div role="button" class="dxrd-right-panel-copy-button dx-accessibility-focus-border-accented" tabindex="0" data-bind="event: { keydown: copyText }"> <div class="dxd-icon-highlighted" data-bind="template: { name: buttons.copyResultButton.template }, dxclick: buttons.copyResultButton.onClick"></div> </div> </div> <div id="dxrd-ai-panel-text-area-id" tabindex="0" role="presentation" class="dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2" data-bind="dxTextArea: { value: aiProcessingResultText, onInput: function(e) { e.event.preventDefault(); }, onPaste: function(e) { e.event.preventDefault(); }, onKeyDown: function(e) { if (e.event.key !== \'Tab\') e.event.preventDefault(); }, hoverStateEnabled: false, inputAttr: { spellcheck: \'false\' }, tabIndex: -1 }"> </div> <!-- /ko --> </div> <div data-bind="dxPopup: { width: 350, height: 200, shading: false, focusStateEnabled: false, visible: warningTextLimitPopupVisible, container: \'.dxrd-preview-ai-panel\', target: \'.dxrd-preview-ai-panel\', position: { at: \'top\', my: \'top\', collision: \'fit\', of: \'.dxrd-preview-ai-panel\' }, showCloseButton: false, showTitle: false, wrapperAttr: { class: \'dxrd-preview-ai-panel-warning-popup\' }, }"> <span data-bind="text: limitExceededWarningMsg" class="dxrd-preview-ai-panel-warning-popup-text"></span> <div class="dxrd-preview-ai-panel-warning-popup-checkbox" data-bind="dxCheckBox: proceedForAllCheckBoxOptions"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button-group"> <div class="dxrd-preview-ai-panel-warning-popup-button dx-button-default" data-bind="dxButton: { text: proceedNextChunkButtonText, onClick: proceedNextButtonClick }"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button" data-bind="dxButton: { text: cancelChunkedOperationButtonText, onClick: cancelProcessButtonClick }"> </div> </div> </div> <!-- /ko --></div>',
     'dxrd-preview-progress-bar': '<div role="dialog" class="dxrd-preview-progress dxd-popup-back-color dxd-back-primary2 dxd-border-primary" data-bind="visible: visible, css: cssClasses, dxMutationObserver: progressBarAccessibilityKeyboardHelper"> <div class="dxrd-preview-progress-text dxd-text-primary" data-bind="text : text"></div> <div class="dxrd-preview-progress-bar dxd-back-primary"> <div class="dxrd-preview-progress-value dxd-preview-progress-bar-value-color dxd-back-accented" data-bind="style : { width: progress  + \'%\' }"></div> </div> <div role="button" class="dxrd-preview-progress-cancel dxd-hyperlink-color dxd-border-accented dxd-text-accented dx-accessibility-list-item dx-accessibility-border-accented" data-bind="text: cancelButton.text, visible: cancelButton.visible, click: function() { cancelButton.action && cancelButton.action(); }"></div> </div>',
     'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: model.headerText, visible: model.showHeader"></span> <!-- ko if: (model && !model.isEmpty) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: model.emptyText"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, dxMutationObserver: keyboardHelper"> <div role="tree" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container" data-bind="visible: model.showButtons"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <!-- ko foreach: model.buttons --> <div class="dxrd-preview-parameter-action dxrdp-parameters-reset dx-accessibility-focus-border-accented" data-bind="dxButton: $data"></div> <!-- /ko --> </div> </div> <!-- /ko --> </div>',
     'dxrd-preview-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>',
     '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>',
@@ -13944,26 +14726,12 @@ function initializeTextCopierBinding(element, options) {
             || document['selection'] && document['selection'].createRange().text) {
             return;
         }
-        const clipboardContainer = document.querySelector('#clipboard-container');
-        (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(clipboardContainer).empty().show();
-        const textArea = document.createElement('textarea');
-        textArea.id = 'clipboard';
-        textArea.value = value;
-        clipboardContainer.appendChild(textArea);
-        textArea.focus();
-        textArea.select();
-    };
-    const keyUpHandler = function (e) {
-        const target = e.target;
-        if (target instanceof HTMLElement && target.matches('#clipboard')) {
-            (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)('#clipboard-container').empty().hide();
-        }
+        window.navigator.clipboard.writeText(value);
+        e.stopPropagation();
     };
     document.addEventListener('keydown', keyDownHandler);
-    document.addEventListener('keyup', keyUpHandler);
     return () => {
         document.removeEventListener('keydown', keyDownHandler);
-        document.removeEventListener('keyup', keyUpHandler);
     };
 }
 function initializeAutoFitBinding(element, autoFitOptions) {
@@ -13985,13 +14753,66 @@ function initializeChildStyleBinding(element, values) {
 }
 function initializeViewerExportBinding(element, exportHandlerViewModel) {
     const exportHandler = exportHandlerViewModel.getModel();
-    const exportFrame = document.createElement('iframe');
-    exportFrame.name = exportHandler.exportingFrameName;
-    exportFrame.setAttribute('role', 'none');
-    element.querySelector('.dxrd-visually-hidden').appendChild(exportFrame);
+    let exportFrame = document.querySelector(`iframe[name="${exportHandler.exportingFrameName}"]`);
+    if (!exportFrame) {
+        exportFrame = document.createElement('iframe');
+        exportFrame.setAttribute('tabindex', '-1');
+        exportFrame.name = exportHandler.exportingFrameName;
+        exportFrame.setAttribute('role', 'none');
+        element.querySelector('.dxrd-visually-hidden').appendChild(exportFrame);
+    }
     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');
+    }
+}
 
 ;// ./node_modules/devexpress-reporting/viewer/internal/_ko_bindings.js
 
@@ -14029,6 +14850,9 @@ external_ko_namespaceObject.bindingHandlers['dxViewerExport'] = {
         initializeViewerExportBinding(element, valueAccessor());
     }
 };
+external_ko_namespaceObject.bindingHandlers['dxPreviewPageRenderer'] = {
+    update: (element, valueAccessor) => updatePreviewPageRendererBinding(element, valueAccessor())
+};
 
 ;// ./node_modules/devexpress-reporting/scopes/reporting-viewer-internal.js
 
@@ -14081,6 +14905,10 @@ external_ko_namespaceObject.bindingHandlers['dxViewerExport'] = {
 
 
 
+
+
+
+
 
 
 
@@ -15476,7 +16304,6 @@ class PictureEditorActionProvider extends external_DevExpress_Analytics_Utils_na
     }
 }
 PictureEditorActionProvider.colors = ['#FFFFFF', '#FFC0C0', '#FFE0C0', '#FFFFC0', '#C0FFC0', '#C0FFFF', '#C0C0FF', '#FFC0FF', '#E0E0E0', '#FF8080', '#FFC080', '#FFFF80', '#80FF80', '#80FFFF', '#8080FF', '#FF80FF', '#C0C0C0', '#FF0000', '#FF8000', '#FFFF00', '#00FF00', '#00FFFF', '#0000FF', '#FF00FF', '#808080', '#C00000', '#C04000', '#C0C000', '#00C000', '#00C0C0', '#0000C0', '#C000C0', '#404040', '#800000', '#804000', '#808000', '#008000', '#008080', '#000080', '#800080', '#000000', '#400000', '#804040', '#404000', '#004000', '#004040', '#000040', '#400040'];
-
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('style: { fill: $data.templateOptions.contentData.lineColor }', function ($context, $element) {
     return {
         'style': function () {
@@ -15896,6 +16723,7 @@ class PictureEditorModel extends external_DevExpress_Analytics_Serializer_Native
             .generateProperty('getPopupContainer', external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)
             .generateProperty('onContentReady', (event) => {
             event.component && event.component.registerKeyHandler('tab', () => {
+                this.editingFieldModel.editingFieldElement.focus();
                 this.editingFieldModel.active = false;
             });
         })