devexpress-reporting-angular 24.2.8-build-25150-1329 → 25.1.2-beta

package/fesm2022/devexpress-reporting-angular-dx-report-viewer.mjs

@@ -1,9 +1,9 @@
 import * as i0 from '@angular/core';
-import { EventEmitter, Output, Component, Input, Injectable, PLATFORM_ID, Inject, ViewChild, HostListener, Directive, ElementRef, ContentChild, NgModule } from '@angular/core';
+import { EventEmitter, Output, Component, Input, Injectable, PLATFORM_ID, Inject, ContentChild, ViewChild, HostListener, Directive, ElementRef, NgModule } from '@angular/core';
 import { __decorate } from 'tslib';
 import { _inputConverter, _booleanConverter, DxReportingComponent } from 'devexpress-reporting-angular/core';
-import '@devexpress/analytics-core/dx-analytics-core-svg-templates';
-import 'devexpress-reporting/dx-reporting-svg-templates';
+import '@devexpress/analytics-core/dx-dev-analytics-core-svg-templates.generated';
+import 'devexpress-reporting/dx-dev-reporting-svg-templates.generated';
 import { JSReportViewerBinding } from 'devexpress-reporting/viewer/binding/jsReportViewerBinding';
 import { ViewModelChangedEvent } from '@devexpress/analytics-core/serializer/native/viewModels/viewModelGenerator';
 import * as i1 from '@angular/common';
@@ -19,7 +19,7 @@ import { InitButtonWithTemplate } from '@devexpress/analytics-core/core/widgets/
 import { globalResolver } from '@devexpress/analytics-core/property-grid/internal/_codeResolver';
 import { getParentContainer } from '@devexpress/analytics-core/widgets/_utils';
 import * as i2 from 'devextreme-angular';
-import { DxButtonModule, DxTextAreaModule, DxLoadIndicatorModule, DxScrollViewModule, DxSelectBoxModule, DxMenuModule, DxTagBoxModule, DxTextBoxModule, DxValidatorModule, DxDateBoxModule, DxCheckBoxModule, DxNumberBoxModule, DxColorBoxModule, DxPopupModule, DxPopoverModule, DxSliderModule, DxCalendarModule, DxListModule, DxGalleryModule } from 'devextreme-angular';
+import { DxButtonModule, DxTextAreaModule, DxLoadIndicatorModule, DxLoadPanelModule, DxScrollViewModule, DxSelectBoxModule, DxMenuModule, DxTagBoxModule, DxTextBoxModule, DxValidatorModule, DxDateBoxModule, DxCheckBoxModule, DxNumberBoxModule, DxColorBoxModule, DxPopupModule, DxPopoverModule, DxSliderModule, DxCalendarModule, DxListModule, DxGalleryModule } from 'devextreme-angular';
 import { CollectionEditorViewModel } from '@devexpress/analytics-core/property-grid/widgets/collectioneditor/_editor';
 import { noDataText, getLocalization } from '@devexpress/analytics-core/property-grid/localization/_localization';
 import * as i2$1 from 'devextreme-angular/core';
@@ -403,6 +403,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                 type: Input
             }] } });
 
+class DxReportViewerAITranslationSettingsComponent {
+    inlineTranslationEnabled;
+    translationEnabled;
+    languages;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerAITranslationSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerAITranslationSettingsComponent, selector: "dx-translation-settings", inputs: { inlineTranslationEnabled: "inlineTranslationEnabled", translationEnabled: "translationEnabled", languages: "languages" }, ngImport: i0, template: '', isInline: true });
+}
+__decorate([
+    _inputConverter(_booleanConverter)
+], DxReportViewerAITranslationSettingsComponent.prototype, "inlineTranslationEnabled", void 0);
+__decorate([
+    _inputConverter(_booleanConverter)
+], DxReportViewerAITranslationSettingsComponent.prototype, "translationEnabled", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerAITranslationSettingsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    selector: 'dx-translation-settings'
+                }]
+        }], propDecorators: { inlineTranslationEnabled: [{
+                type: Input
+            }], translationEnabled: [{
+                type: Input
+            }], languages: [{
+                type: Input
+            }] } });
+
+class DxReportViewerAISummarizationSettingsComponent {
+    summarizationEnabled;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerAISummarizationSettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerAISummarizationSettingsComponent, selector: "dx-summarization-settings", inputs: { summarizationEnabled: "summarizationEnabled" }, ngImport: i0, template: '', isInline: true });
+}
+__decorate([
+    _inputConverter(_booleanConverter)
+], DxReportViewerAISummarizationSettingsComponent.prototype, "summarizationEnabled", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerAISummarizationSettingsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    selector: 'dx-summarization-settings'
+                }]
+        }], propDecorators: { summarizationEnabled: [{
+                type: Input
+            }] } });
+
+class DxReportViewerAISettingsComponent {
+    translationSettings;
+    summarizationSettings;
+    languages;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerAISettingsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerAISettingsComponent, selector: "dxrv-ai-settings", inputs: { languages: "languages" }, queries: [{ propertyName: "translationSettings", first: true, predicate: DxReportViewerAITranslationSettingsComponent, descendants: true }, { propertyName: "summarizationSettings", first: true, predicate: DxReportViewerAISummarizationSettingsComponent, descendants: true }], ngImport: i0, template: '', isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerAISettingsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    template: '',
+                    selector: 'dxrv-ai-settings'
+                }]
+        }], propDecorators: { translationSettings: [{
+                type: ContentChild,
+                args: [DxReportViewerAITranslationSettingsComponent]
+            }], summarizationSettings: [{
+                type: ContentChild,
+                args: [DxReportViewerAISummarizationSettingsComponent]
+            }], languages: [{
+                type: Input
+            }] } });
+
 class TemplateEngine {
     templates;
     constructor() {
@@ -1582,7 +1650,9 @@ class EllipsisEditorDirective {
         this._editor = new dxEllipsisEditor(this._element.nativeElement, this.options);
     }
     ngOnChanges() {
-        this._editor?._updateOptions(this.options);
+        if (this._editor && this._editor.option('value') != this.options.value) {
+            this._editor.option('value', this.options.value);
+        }
     }
     ngOnDestroy() {
         this._editor?.dispose();
@@ -1632,11 +1702,11 @@ class DateRangeComponent {
         };
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateRangeComponent, selector: "dxv-date-range", inputs: { options: ["data", "options"] }, ngImport: i0, template: "<div class=\"dxrv-daterange-editor\">\n    <div [dxaEllipsisEditor]=\"{\n      buttonAction: processClickEvent,\n      value: data.displayValue,\n      disabled: data.disabled,\n      visible: data.visible,\n      readOnly: true,\n      openOnFieldClick: true,\n      inputAttr: { 'aria-label': data._displayName, id: data._editorInputId }\n    }\"></div>\n    <dxa-template [template]=\"data.popupTemplate\" [data]=\"data.popupModel\"></dxa-template>\n</div>", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: EllipsisEditorDirective, selector: "[dxaEllipsisEditor]", inputs: ["dxaEllipsisEditor"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DateRangeComponent, selector: "dxv-date-range", inputs: { options: ["data", "options"] }, ngImport: i0, template: "<div class=\"dxrv-daterange-editor\">\n    <div [dxaEllipsisEditor]=\"{\n      buttonAction: processClickEvent,\n      value: data.displayValue,\n      readOnly: true,\n      openOnFieldClick: true,\n      inputAttr: { 'aria-label': data._displayName, id: data._editorInputId }\n    }\"></div>\n    <dxa-template [template]=\"data.popupTemplate\" [data]=\"data.popupModel\"></dxa-template>\n</div>", dependencies: [{ kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: EllipsisEditorDirective, selector: "[dxaEllipsisEditor]", inputs: ["dxaEllipsisEditor"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DateRangeComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-date-range', template: "<div class=\"dxrv-daterange-editor\">\n    <div [dxaEllipsisEditor]=\"{\n      buttonAction: processClickEvent,\n      value: data.displayValue,\n      disabled: data.disabled,\n      visible: data.visible,\n      readOnly: true,\n      openOnFieldClick: true,\n      inputAttr: { 'aria-label': data._displayName, id: data._editorInputId }\n    }\"></div>\n    <dxa-template [template]=\"data.popupTemplate\" [data]=\"data.popupModel\"></dxa-template>\n</div>" }]
+            args: [{ selector: 'dxv-date-range', template: "<div class=\"dxrv-daterange-editor\">\n    <div [dxaEllipsisEditor]=\"{\n      buttonAction: processClickEvent,\n      value: data.displayValue,\n      readOnly: true,\n      openOnFieldClick: true,\n      inputAttr: { 'aria-label': data._displayName, id: data._editorInputId }\n    }\"></div>\n    <dxa-template [template]=\"data.popupTemplate\" [data]=\"data.popupModel\"></dxa-template>\n</div>" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { options: [{
                 type: Input,
                 args: ['data']
@@ -1731,11 +1801,11 @@ class SurfaceComponent {
     data;
     clipboardMessage = getLocalization$1('Clipboard', 'ASPxReportsStringId.WebDocumentViewer_AriaClipboard');
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SurfaceComponent, selector: "dxv-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n    <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n    <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n        <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n            <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n            role=\"listitem\" \n            class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n            [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n            [style.width]=\"data.currentPage.width + 'px'\"\n            [style.height]=\"data.currentPage.height  + 'px'\">\n                <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n            </div>\n        </div>\n        <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\"  class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n            <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } }  -->\n            <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n            <ng-container *ngFor=\"let page of data.pages\">\n                <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n                [style.width]=\"page.width + 'px'\"\n                [style.height]=\"page.height + 'px'\"\n                [class.dxrd-report-preview-active]=\"page.active\"\n                [dxvToView]=\"page\">\n                    <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n                </div>\n            </ng-container>\n            <!-- /ko -->\n            <!-- /ko -->\n        </div>\n        <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n            <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n                {{data.emptyDocumentCaption}}\n            </div>\n        </div>\n    </div>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n    <textarea disabled \n    [attr.aria-label]=\"clipboardMessage\"\n    id=\"clipboard\"></textarea>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: SurfaceComponent, selector: "dxv-surface", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n    <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n    <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n        <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n            <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n            role=\"listitem\" \n            class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n            [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n            [style.width]=\"data.currentPage.width + 'px'\"\n            [style.height]=\"data.currentPage.height  + 'px'\">\n                <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n            </div>\n        </div>\n        <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\"  class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n            <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } }  -->\n            <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n            <ng-container *ngFor=\"let page of data.pages\">\n                <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n                [style.width]=\"page.width + 'px'\"\n                [style.height]=\"page.height + 'px'\"\n                [class.dxrd-report-preview-active]=\"page.active\"\n                [dxvToView]=\"page\">\n                    <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n                </div>\n            </ng-container>\n            <!-- /ko -->\n            <!-- /ko -->\n        </div>\n        <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n            <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n                {{data.emptyDocumentCaption}}\n            </div>\n        </div>\n    </div>\n    <dx-popup \n        [width]=\"450\"\n        [height]=\"150\"\n        [visible]=\"data.exportTranslatedDocPopupVisible\"\n        [container]=\"'.dxrd-preview-surface'\"\n        [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n        [dragEnabled]=\"false\"\n        [hideOnOutsideClick]=\"true\"\n        [showCloseButton]=\"false\"\n        [showTitle]=\"false\"\n        (onHiding)=\"data.onExportPopupHiding()\">\n        <span class=\"dxrd-preview-export-warning-popup-text\">{{ data.exportTranslatedDodumentWarningMsg }}</span>\n        <div class=\"dxrd-preview-export-warning-popup-button-group\">\n            <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n            [text]=\"data.exportTranslatedDocumentButtonText\"\n            (onClick)=\"data.exportTranslatedHandler()\"></dx-button>\n            <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n            [text]=\"data.exportOriginalDocumentButtonText\"\n            (onClick)=\"data.exportTranslatedCancel()\"></dx-button>\n        </div>\n    </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n    <textarea disabled \n    [attr.aria-label]=\"clipboardMessage\"\n    id=\"clipboard\"></textarea>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: LazyImagesDirective, selector: "[dxvLazyImages]", inputs: ["dxvLazyImages"] }, { kind: "directive", type: AutoFitDirective, selector: "[dxvAutoFit]", inputs: ["dxvAutoFit"] }, { kind: "directive", type: ToViewDirective, selector: "[dxvToView]", inputs: ["dxvToView"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: SurfaceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" data-bind=\"textCopier\"\n[class.dx-rtl]=\"!!data.rtlReport\"\n[class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n    <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n    <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n        <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n            <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n            role=\"listitem\" \n            class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n            [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n            [style.width]=\"data.currentPage.width + 'px'\"\n            [style.height]=\"data.currentPage.height  + 'px'\">\n                <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n            </div>\n        </div>\n        <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\"  class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n            <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } }  -->\n            <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n            <ng-container *ngFor=\"let page of data.pages\">\n                <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n                [style.width]=\"page.width + 'px'\"\n                [style.height]=\"page.height + 'px'\"\n                [class.dxrd-report-preview-active]=\"page.active\"\n                [dxvToView]=\"page\">\n                    <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n                </div>\n            </ng-container>\n            <!-- /ko -->\n            <!-- /ko -->\n        </div>\n        <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n            <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n                {{data.emptyDocumentCaption}}\n            </div>\n        </div>\n    </div>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n    <textarea disabled \n    [attr.aria-label]=\"clipboardMessage\"\n    id=\"clipboard\"></textarea>\n</div>" }]
+            args: [{ selector: 'dxv-surface', template: "<div class=\"dxrd-preview-wrapper\" [class.dx-rtl]=\"!!data.rtlReport\" [class.dxrp-editing-fields-hightlighted]=\"data.editingFieldsHighlighted\">\n    <dxa-template template=\"dxrd-preview-progress-bar\" [data]=\"data.progressBar\"></dxa-template>\n    <div class=\"dxrd-preview-surface\" [dxMutationObserver]=\"data.previewBrickKeyboardHelper\">\n        <div *ngIf=\"!data.showMultipagePreview\" class=\"dxrd-report-preview-holder\" role=\"list\">\n            <div *ngIf=\"!!data.currentPage && (data.currentPage.pageLoading || (!data.currentPage.pageLoading && data.currentPage.pageLoaded))\" \n            role=\"listitem\" \n            class=\"dxrd-report-preview dx-accessibility-page-item dx-accessibility-border-accented\" \n            [dxvAutoFit]=\"data.currentPage.autoFitOptions\"\n            [style.width]=\"data.currentPage.width + 'px'\"\n            [style.height]=\"data.currentPage.height  + 'px'\">\n                <dxa-template template=\"dxrd-preview-page\" [data]=\"data.currentPage\"></dxa-template>\n            </div>\n        </div>\n        <div *ngIf=\"data.showMultipagePreview && !!data.currentPage\"  class=\"dxrd-report-preview-holder\" role=\"list\" [dxvLazyImages]=\"data.lazyImagesOptions\">\n            <!-- ko foreach: {data: pages, afterRender: function() { delayedInit() } }  -->\n            <!-- ko lazy: { if: pageLoading || (!pageLoading && pageLoaded) } -->\n            <ng-container *ngFor=\"let page of data.pages\">\n                <div *ngIf=\"page.pageLoading || (!page.pageLoading && page.pageLoaded)\" role=\"listitem\" class=\"dxrd-report-preview dxrd-report-preview-multipage dx-accessibility-page-item dx-accessibility-border-accented\" \n                [style.width]=\"page.width + 'px'\"\n                [style.height]=\"page.height + 'px'\"\n                [class.dxrd-report-preview-active]=\"page.active\"\n                [dxvToView]=\"page\">\n                    <dxa-template template=\"dxrd-preview-page\" [data]=\"page\"></dxa-template>\n                </div>\n            </ng-container>\n            <!-- /ko -->\n            <!-- /ko -->\n        </div>\n        <div [class.dxrd-visually-hidden]=\"!!data.currentPage\" class=\"dxrd-report-preview-placeholder\">\n            <div aria-live=\"assertive\" aria-atomic=\"true\" class=\"dxd-empty-area-placeholder-text-color dxd-text-info\">\n                {{data.emptyDocumentCaption}}\n            </div>\n        </div>\n    </div>\n    <dx-popup \n        [width]=\"450\"\n        [height]=\"150\"\n        [visible]=\"data.exportTranslatedDocPopupVisible\"\n        [container]=\"'.dxrd-preview-surface'\"\n        [position]=\"{ at: 'center', my: 'center', collision: 'fit', of: '.dxrd-preview-surface'}\"\n        [dragEnabled]=\"false\"\n        [hideOnOutsideClick]=\"true\"\n        [showCloseButton]=\"false\"\n        [showTitle]=\"false\"\n        (onHiding)=\"data.onExportPopupHiding()\">\n        <span class=\"dxrd-preview-export-warning-popup-text\">{{ data.exportTranslatedDodumentWarningMsg }}</span>\n        <div class=\"dxrd-preview-export-warning-popup-button-group\">\n            <dx-button class=\"dxrd-preview-export-warning-popup-button dx-button-default\"\n            [text]=\"data.exportTranslatedDocumentButtonText\"\n            (onClick)=\"data.exportTranslatedHandler()\"></dx-button>\n            <dx-button class=\"dxrd-preview-export-warning-popup-button\"\n            [text]=\"data.exportOriginalDocumentButtonText\"\n            (onClick)=\"data.exportTranslatedCancel()\"></dx-button>\n        </div>\n    </dx-popup>\n</div>\n<div id=\"dxrd-preview-bricks-live-region\" class=\"dxrd-visually-hidden\" aria-live=\"polite\" aria-atomic=\"true\"></div>\n<div id=\"clipboard-container\" class=\"dxrd-position-absolute dxrd-top--100px\">\n    <textarea disabled \n    [attr.aria-label]=\"clipboardMessage\"\n    id=\"clipboard\"></textarea>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
@@ -1790,15 +1860,19 @@ class PageComponent {
         if (typeof this.data.smartTagAIMenu.onItemClick === 'function')
             this.data.smartTagAIMenu.onItemClick(event);
     }
+    onSubmenuShowing(event) {
+        if (typeof this.data.smartTagAIMenu.onSubmenuShowing === 'function')
+            this.data.smartTagAIMenu.onSubmenuShowing(event);
+    }
     isRtlViewer() {
         return this.data?.getModel()?.reportPreview.rtlViewer ?? false;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageComponent, selector: "dxv-page", inputs: { data: "data" }, ngImport: i0, template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n        </div>\n    </div>\n    <div [dxvPreviewPageRenderer]=\"data.imageOptions\" [hidden]=\"data.pageLoading\">\n        <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n        </dxa-template>\n        <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n        </dxa-template>\n        <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n            <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n            </dxa-template>\n        </div>\n        <div *ngIf=\"data.aiServicesEnabled && data.activeBricks.length > 0\"\n            [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n            <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n                [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n                [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n                [visible]=\"data.smartTagAIMenu.visible\"\n                itemTemplate=\"items\"\n                (onItemClick)=\"onItemClick($event)\">\n                <div *dxTemplate=\"let item of 'items'\">\n                    <div class=\"dxrd-ai-floating-smart-tag-container\">                       \n                        <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n                        <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n                        <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n                            <dxa-template [template]=\"item.icon\"></dxa-template>\n                        </div>                        \n                    </div>\n                </div>\n            </dx-menu>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxMenuComponent, selector: "dx-menu", inputs: ["accessKey", "activeStateEnabled", "adaptivityEnabled", "animation", "cssClass", "dataSource", "disabled", "disabledExpr", "displayExpr", "elementAttr", "focusStateEnabled", "height", "hideSubmenuOnMouseLeave", "hint", "hoverStateEnabled", "items", "itemsExpr", "itemTemplate", "orientation", "rtlEnabled", "selectByClick", "selectedExpr", "selectedItem", "selectionMode", "showFirstSubmenuMode", "showSubmenuMode", "submenuDirection", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "animationChange", "cssClassChange", "dataSourceChange", "disabledChange", "disabledExprChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideSubmenuOnMouseLeaveChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "itemsExprChange", "itemTemplateChange", "orientationChange", "rtlEnabledChange", "selectByClickChange", "selectedExprChange", "selectedItemChange", "selectionModeChange", "showFirstSubmenuModeChange", "showSubmenuModeChange", "submenuDirectionChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: PageComponent, selector: "dxv-page", inputs: { data: "data" }, ngImport: i0, template: "<dx-load-panel [position]=\"{ of: '#' + data.page_id }\" [visible]=\"data.loading\"></dx-load-panel>\n<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    [id] = \"data.page_id\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{ data.loadingText }}</div>\n        </div>\n    </div>\n    <div [dxvPreviewPageRenderer]=\"data.imageOptions\" [hidden]=\"data.pageLoading\">\n        <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n        </dxa-template>\n        <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n        </dxa-template>\n        <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n            <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n            </dxa-template>\n        </div>\n        <div *ngIf=\"data.aiServicesEnabled && data.active\"\n            [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n            <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n                [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n                [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n                [visible]=\"data.smartTagAIMenu.visible\"\n                itemTemplate=\"items\"\n                (onItemClick)=\"onItemClick($event)\"\n                (onSubmenuShowing)=\"onSubmenuShowing($event)\">\n                <div *dxTemplate=\"let item of 'items'\">\n                    <div class=\"dxrd-ai-floating-smart-tag-container\">\n                        <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n                        <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n                        <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n                            <dxa-template [template]=\"item.icon\"></dxa-template>\n                        </div>                        \n                    </div>\n                </div>\n            </dx-menu>\n        </div>\n        <div *ngIf=\"data.aiServicesEnabled && data.aiCustomDocumentStorageId\" class=\"dxrd-report-preview-page-modified\">\n            <span class=\"dxrd-report-preview-page-modified-text\"> {{ data.translatedPageBadgeText }} </span>\n        </div>\n    </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2$1.DxTemplateDirective, selector: "[dxTemplate]", inputs: ["dxTemplateOf"] }, { kind: "component", type: i2.DxLoadPanelComponent, selector: "dx-load-panel", inputs: ["animation", "closeOnOutsideClick", "container", "deferRendering", "delay", "focusStateEnabled", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "indicatorSrc", "maxHeight", "maxWidth", "message", "minHeight", "minWidth", "position", "rtlEnabled", "shading", "shadingColor", "showIndicator", "showPane", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onShowing", "onShown", "animationChange", "closeOnOutsideClickChange", "containerChange", "deferRenderingChange", "delayChange", "focusStateEnabledChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "indicatorSrcChange", "maxHeightChange", "maxWidthChange", "messageChange", "minHeightChange", "minWidthChange", "positionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showIndicatorChange", "showPaneChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: i2.DxMenuComponent, selector: "dx-menu", inputs: ["accessKey", "activeStateEnabled", "adaptivityEnabled", "animation", "cssClass", "dataSource", "disabled", "disabledExpr", "displayExpr", "elementAttr", "focusStateEnabled", "height", "hideSubmenuOnMouseLeave", "hint", "hoverStateEnabled", "items", "itemsExpr", "itemTemplate", "orientation", "rtlEnabled", "selectByClick", "selectedExpr", "selectedItem", "selectionMode", "showFirstSubmenuMode", "showSubmenuMode", "submenuDirection", "tabIndex", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemRendered", "onOptionChanged", "onSelectionChanged", "onSubmenuHidden", "onSubmenuHiding", "onSubmenuShowing", "onSubmenuShown", "accessKeyChange", "activeStateEnabledChange", "adaptivityEnabledChange", "animationChange", "cssClassChange", "dataSourceChange", "disabledChange", "disabledExprChange", "displayExprChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hideSubmenuOnMouseLeaveChange", "hintChange", "hoverStateEnabledChange", "itemsChange", "itemsExprChange", "itemTemplateChange", "orientationChange", "rtlEnabledChange", "selectByClickChange", "selectedExprChange", "selectedItemChange", "selectionModeChange", "showFirstSubmenuModeChange", "showSubmenuModeChange", "submenuDirectionChange", "tabIndexChange", "visibleChange", "widthChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "directive", type: PreviewPageRendererDirective, selector: "[dxvPreviewPageRenderer]", inputs: ["dxvPreviewPageRenderer"] }, { kind: "directive", type: BrickSelectionDirective, selector: "[dxvBrickSelection]", inputs: ["dxvBrickSelection"] }, { kind: "directive", type: DxMutationObserverDirective, selector: "[dxMutationObserver]", inputs: ["dxMutationObserver"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: PageComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-page', template: "<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{data.loadingText}}</div>\n        </div>\n    </div>\n    <div [dxvPreviewPageRenderer]=\"data.imageOptions\" [hidden]=\"data.pageLoading\">\n        <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n        </dxa-template>\n        <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n        </dxa-template>\n        <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n            <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n            </dxa-template>\n        </div>\n        <div *ngIf=\"data.aiServicesEnabled && data.activeBricks.length > 0\"\n            [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n            <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n                [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n                [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n                [visible]=\"data.smartTagAIMenu.visible\"\n                itemTemplate=\"items\"\n                (onItemClick)=\"onItemClick($event)\">\n                <div *dxTemplate=\"let item of 'items'\">\n                    <div class=\"dxrd-ai-floating-smart-tag-container\">                       \n                        <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n                        <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n                        <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n                            <dxa-template [template]=\"item.icon\"></dxa-template>\n                        </div>                        \n                    </div>\n                </div>\n            </dx-menu>\n        </div>\n    </div>\n</div>" }]
+            args: [{ selector: 'dxv-page', template: "<dx-load-panel [position]=\"{ of: '#' + data.page_id }\" [visible]=\"data.loading\"></dx-load-panel>\n<div role=\"img\" class=\"dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100\" \n    [attr.aria-label]=\"data.currentPageAriaLabelImgAlt\"\n    [id] = \"data.page_id\"\n    (click)=\"data.clickToBrick(data, $event)\"\n    [dxvBrickSelection]=\"data.brickSelectionProg\">\n    <div class=\"dxrd-report-preview-content-loading-wrapper dxrd-background-white\" \n        [style.width]=\"data.width + 2 + 'px'\"\n        [style.height]=\"data.height + 2 + 'px'\"\n        [hidden]=\"!data.pageLoading\">\n        <div class=\"dxrd-report-preview-content-loading-panel dxrd-text-align-center\" \n            [style.padding-top]=\"data.height / 2.3 + 'px'\">\n            <div class=\"dxrd-report-preview-content-loading-panel-text\">{{ data.loadingText }}</div>\n        </div>\n    </div>\n    <div [dxvPreviewPageRenderer]=\"data.imageOptions\" [hidden]=\"data.pageLoading\">\n        <dxa-template *ngFor=\"let brick of data.activeBricks\" template=\"dxrd-page-brick-mobile\" [data]=\"brick\">\n        </dxa-template>\n        <dxa-template *ngFor=\"let brick of data.clickableBricks\" template=\"dxrd-page-brick-clickable\" [data]=\"brick\">\n        </dxa-template>\n        <div *ngIf=\"!data.brickLoading && data.editingFields\" [dxMutationObserver]=\"data.editingFieldsKeyboardHelper\">\n            <dxa-template *ngFor=\"let editingField of data.editingFields\" [template]=\"editingField.template\" [data]=\"editingField\">\n            </dxa-template>\n        </div>\n        <div *ngIf=\"data.aiServicesEnabled && data.active\"\n            [style]=\"{ 'position': 'absolute', top: data.smartTagAIMenuPosition.topP, left: data.smartTagAIMenuPosition.leftP, right: data.smartTagAIMenuPosition.rightP, height: data.smartTagAIMenuPosition.heightP, width: data.smartTagAIMenuPosition.widthP }\">\n            <dx-menu [dataSource]=\"data.smartTagAIMenu.dataSource\"\n                [hideSubmenuOnMouseLeave]=\"data.smartTagAIMenu.hideSubmenuOnMouseLeave\"\n                [elementAttr]=\"{ class: 'dxrd-control-ai-smart-tag dxd-icon-accented' }\"\n                [visible]=\"data.smartTagAIMenu.visible\"\n                itemTemplate=\"items\"\n                (onItemClick)=\"onItemClick($event)\"\n                (onSubmenuShowing)=\"onSubmenuShowing($event)\">\n                <div *dxTemplate=\"let item of 'items'\">\n                    <div class=\"dxrd-ai-floating-smart-tag-container\">\n                        <div *ngIf=\"item.text\" class=\"dxrd-ai-floating-smart-tag-text\">{{ item.text }}</div>\n                        <div *ngIf=\"item.items && item.text.length > 0\" [ngClass]=\"{'dx-icon': true, 'dxrd-ai-floating-smart-tag-items':true, 'dx-icon-spinright': !isRtlViewer(), 'dx-icon-spinleft': isRtlViewer()}\"></div>\n                        <div *ngIf=\"item.icon\" class=\"dxrd-ai-floating-smart-tag-icon\">\n                            <dxa-template [template]=\"item.icon\"></dxa-template>\n                        </div>                        \n                    </div>\n                </div>\n            </dx-menu>\n        </div>\n        <div *ngIf=\"data.aiServicesEnabled && data.aiCustomDocumentStorageId\" class=\"dxrd-report-preview-page-modified\">\n            <span class=\"dxrd-report-preview-page-modified-text\"> {{ data.translatedPageBadgeText }} </span>\n        </div>\n    </div>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
@@ -1872,11 +1946,11 @@ class AIPanelComponent {
         return this.data.model?.tabInfo?.visible && this.data.model?.tabInfo?.active;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AIPanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AIPanelComponent, selector: "dxv-aipanel", inputs: { data: "data" }, ngImport: i0, template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelectBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderText }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxTextAreaComponent, selector: "dx-text-area", inputs: ["accessKey", "activeStateEnabled", "autoResizeEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "maxHeight", "maxLength", "minHeight", "name", "placeholder", "readOnly", "rtlEnabled", "spellcheck", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "autoResizeEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxHeightChange", "maxLengthChange", "minHeightChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: AIPanelComponent, selector: "dxv-aipanel", inputs: { data: "data" }, ngImport: i0, template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div *ngIf=\"viewModel.languageSelectBoxOptions.visible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelectBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\"\n                        [visible]=\"viewModel.buttons.translateTextButton.visible\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\"\n                        [visible]=\"viewModel.buttons.summarizeTextButton.visible\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderText }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxButtonComponent, selector: "dx-button", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "icon", "rtlEnabled", "stylingMode", "tabIndex", "template", "text", "type", "useSubmitBehavior", "validationGroup", "visible", "width"], outputs: ["onClick", "onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconChange", "rtlEnabledChange", "stylingModeChange", "tabIndexChange", "templateChange", "textChange", "typeChange", "useSubmitBehaviorChange", "validationGroupChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxTextAreaComponent, selector: "dx-text-area", inputs: ["accessKey", "activeStateEnabled", "autoResizeEnabled", "disabled", "elementAttr", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "label", "labelMode", "maxHeight", "maxLength", "minHeight", "name", "placeholder", "readOnly", "rtlEnabled", "spellcheck", "stylingMode", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "visible", "width"], outputs: ["onChange", "onContentReady", "onCopy", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onKeyDown", "onKeyUp", "onOptionChanged", "onPaste", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "autoResizeEnabledChange", "disabledChange", "elementAttrChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "labelChange", "labelModeChange", "maxHeightChange", "maxLengthChange", "minHeightChange", "nameChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxLoadIndicatorComponent, selector: "dx-load-indicator", inputs: ["elementAttr", "height", "hint", "indicatorSrc", "rtlEnabled", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "elementAttrChange", "heightChange", "hintChange", "indicatorSrcChange", "rtlEnabledChange", "visibleChange", "widthChange"] }, { kind: "component", type: i2.DxSelectBoxComponent, selector: "dx-select-box", inputs: ["acceptCustomValue", "accessKey", "activeStateEnabled", "buttons", "customItemCreateEvent", "dataSource", "deferRendering", "disabled", "displayExpr", "displayValue", "dropDownButtonTemplate", "dropDownOptions", "elementAttr", "fieldTemplate", "focusStateEnabled", "grouped", "groupTemplate", "height", "hint", "hoverStateEnabled", "inputAttr", "isDirty", "isValid", "items", "itemTemplate", "label", "labelMode", "maxLength", "minSearchLength", "name", "noDataText", "opened", "openOnFieldClick", "placeholder", "readOnly", "rtlEnabled", "searchEnabled", "searchExpr", "searchMode", "searchTimeout", "selectedItem", "showClearButton", "showDataBeforeSearch", "showDropDownButton", "showSelectionControls", "spellcheck", "stylingMode", "tabIndex", "text", "useItemTextAsTitle", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "valueChangeEvent", "valueExpr", "visible", "width", "wrapItemText"], outputs: ["onChange", "onClosed", "onContentReady", "onCopy", "onCustomItemCreating", "onCut", "onDisposing", "onEnterKey", "onFocusIn", "onFocusOut", "onInitialized", "onInput", "onItemClick", "onKeyDown", "onKeyUp", "onOpened", "onOptionChanged", "onPaste", "onSelectionChanged", "onValueChanged", "acceptCustomValueChange", "accessKeyChange", "activeStateEnabledChange", "buttonsChange", "customItemCreateEventChange", "dataSourceChange", "deferRenderingChange", "disabledChange", "displayExprChange", "displayValueChange", "dropDownButtonTemplateChange", "dropDownOptionsChange", "elementAttrChange", "fieldTemplateChange", "focusStateEnabledChange", "groupedChange", "groupTemplateChange", "heightChange", "hintChange", "hoverStateEnabledChange", "inputAttrChange", "isDirtyChange", "isValidChange", "itemsChange", "itemTemplateChange", "labelChange", "labelModeChange", "maxLengthChange", "minSearchLengthChange", "nameChange", "noDataTextChange", "openedChange", "openOnFieldClickChange", "placeholderChange", "readOnlyChange", "rtlEnabledChange", "searchEnabledChange", "searchExprChange", "searchModeChange", "searchTimeoutChange", "selectedItemChange", "showClearButtonChange", "showDataBeforeSearchChange", "showDropDownButtonChange", "showSelectionControlsChange", "spellcheckChange", "stylingModeChange", "tabIndexChange", "textChange", "useItemTextAsTitleChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "valueChangeEventChange", "valueExprChange", "visibleChange", "widthChange", "wrapItemTextChange", "onBlur"] }, { kind: "component", type: i2.DxCheckBoxComponent, selector: "dx-check-box", inputs: ["accessKey", "activeStateEnabled", "disabled", "elementAttr", "enableThreeStateBehavior", "focusStateEnabled", "height", "hint", "hoverStateEnabled", "iconSize", "isDirty", "isValid", "name", "readOnly", "rtlEnabled", "tabIndex", "text", "validationError", "validationErrors", "validationMessageMode", "validationMessagePosition", "validationStatus", "value", "visible", "width"], outputs: ["onContentReady", "onDisposing", "onInitialized", "onOptionChanged", "onValueChanged", "accessKeyChange", "activeStateEnabledChange", "disabledChange", "elementAttrChange", "enableThreeStateBehaviorChange", "focusStateEnabledChange", "heightChange", "hintChange", "hoverStateEnabledChange", "iconSizeChange", "isDirtyChange", "isValidChange", "nameChange", "readOnlyChange", "rtlEnabledChange", "tabIndexChange", "textChange", "validationErrorChange", "validationErrorsChange", "validationMessageModeChange", "validationMessagePositionChange", "validationStatusChange", "valueChange", "visibleChange", "widthChange", "onBlur"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: AIPanelComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-aipanel', template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelectBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderText }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>" }]
+            args: [{ selector: 'dxv-aipanel', template: "<div id=\"dxrd-preview-ai-panel-id\" class=\"dxrd-preview-ai-panel\" [hidden]=\"!getVisible()\">\n    <div class=\"dxrd-right-panel-header dxd-text-primary\">\n        <span> {{ viewModel.aiPanelHeaderLabel }} </span>\n    </div>\n    <div class=\"dxrd-preview-ai-panel-wrapper dx-editors\">\n        <div class=\"dx-fieldset\">\n            <div class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-target-select\"> {{ viewModel.targetContentText }}\n                </label>\n                <dx-select-box id=\"dxrv-ai-target-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.targetSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.targetSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.targetSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.targetSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.targetSelectBoxOptions.valueExpr\"\n                    [inputAttr]=\"viewModel.targetSelectBoxOptions.inputAttr\">\n                </dx-select-box>\n            </div>\n            <div *ngIf=\"viewModel.languageSelectBoxOptions.visible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-language-select\"> {{ viewModel.targetLanguageText\n                    }} </label>\n                <dx-select-box id=\"dxrv-ai-language-select\" class=\"dxrd-preview-ai-form-input\"\n                    [dataSource]=\"viewModel.languageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.languageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.languageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.languageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.languageSelectBoxOptions.valueExpr\"\n                    [showClearButton]=\"viewModel.languageSelectBoxOptions.showClearButton\"\n                    [inputAttr]=\"viewModel.languageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n\n            <div *ngIf=\"viewModel.pageSelectBoxVisible\" class=\"dx-field dxrd-preview-ai-select-box\">\n                <label class=\"dxrd-preview-ai-form-label\" for=\"dxrv-ai-page-select\"> {{ viewModel.pageSelectText }}\n                </label>\n                <dx-select-box class=\"dxrd-preview-ai-form-input\" id=\"dxrv-ai-page-select\"\n                    [dataSource]=\"viewModel.pageSelectBoxOptions.dataSource\"\n                    (onValueChanged)=\"viewModel.pageSelectBoxOptions.onValueChanged($event)\"\n                    [value]=\"viewModel.pageSelectBoxOptions.value\"\n                    [displayExpr]=\"viewModel.pageSelectBoxOptions.displayExpr\"\n                    [valueExpr]=\"viewModel.pageSelectBoxOptions.valueExpr\"\n                    [searchExpr]=\"viewModel.pageSelectBoxOptions.searchExpr\"\n                    [searchEnabled]=\"viewModel.pageSelectBoxOptions.searchEnabled\"\n                    [visible]=\"viewModel.pageSelectBoxOptions.visible\"\n                    [inputAttr]=\"viewModel.pageSelectBoxOptions.inputAttr\"></dx-select-box>\n            </div>\n            <div class=\"dx-field\">\n                <div class=\"dxrd-preview-ai-buttons-wrapper\">\n                    <dx-load-indicator class=\"dxrd-preview-ai-buttons\"\n                        [visible]=\"viewModel.buttons.translateTextButton.disabled || viewModel.buttons.summarizeTextButton.disabled\"\n                        height=\"24\" width=\"24\"></dx-load-indicator>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.translateTextButton.text\"\n                        [disabled]=\"viewModel.buttons.translateTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.translateTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.translateTextButton.width\"\n                        [visible]=\"viewModel.buttons.translateTextButton.visible\">\n                    </dx-button>\n                    <dx-button class=\"dxrd-preview-ai-buttons dx-accessibility-focus-border-accented\"\n                        [text]=\"viewModel.buttons.summarizeTextButton.text\"\n                        [disabled]=\"viewModel.buttons.summarizeTextButton.disabled\"\n                        (onClick)=\"viewModel.buttons.summarizeTextButton.onClick($event)\"\n                        [width]=\"viewModel.buttons.summarizeTextButton.width\"\n                        [visible]=\"viewModel.buttons.summarizeTextButton.visible\">\n                    </dx-button>\n                </div>\n            </div>\n        </div>\n        <div *ngIf=\"viewModel.resultVisible\"\n            class=\"dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text\">\n            <span class=\"dxrd-right-panel-result-text\"> {{ viewModel.textProcessingResultHeaderText }} </span>\n            <div role=\"button\" class=\"dxrd-right-panel-copy-button dx-accessibility-focus-border-accented\" tabindex=\"0\"\n                (keydown)=\"viewModel.copyText(data, $event)\">\n                <dxa-template [template]=\"getCopyTemplate()\" class=\"dxd-icon-highlighted\"\n                    (click)=\"viewModel.buttons.copyResultButton.onClick(undefined)\"></dxa-template>\n            </div>\n        </div>\n        <dx-text-area id=\"dxrd-ai-panel-text-area-id\" tabindex=\"0\" role=\"presentation\"\n            class=\"dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2\"\n            [value]=\"viewModel.aiProcessingResultText\" (onInput)=\"($event.event.preventDefault())\"\n            (onPaste)=\"($event.event.preventDefault())\" (onKeyDown)=\"keyDown\" [hoverStateEnabled]=\"false\"\n            [tabIndex]=\"-1\">\n        </dx-text-area>\n\n    </div>\n    <dx-popup [width]=\"350\" [height]=\"200\" [shading]=\"false\" [focusStateEnabled]=\"false\"\n        [visible]=\"viewModel.warningTextLimitPopupVisible\" [container]=\"'#dxrd-preview-ai-panel-id'\"\n        [position]=\"{ at: 'top', my: 'top', collision: 'fit', of: '.dxrd-preview-ai-panel'}\" [showCloseButton]=\"false\"\n        [showTitle]=\"false\" [wrapperAttr]=\"{ class: 'dxrd-preview-ai-panel-warning-popup' }\">\n        <span class=\"dxrd-preview-ai-panel-warning-popup-text\"> {{ viewModel.limitExceededWarningMsg }} </span>\n        <dx-check-box class=\"dxrd-preview-ai-panel-warning-popup-checkbox\"\n            [text]=\"viewModel.proceedForAllCheckBoxOptions.text\" [value]=\"viewModel.proceedForAllCheckBoxOptions.value\"\n            (onValueChanged)=\"viewModel.proceedForAllCheckBoxOptions.onValueChanged($event)\"></dx-check-box>\n        <div class=\"dxrd-preview-ai-panel-warning-popup-button-group\">\n            <dx-button [text]=\"viewModel.proceedNextChunkButtonText\"\n                (onClick)=\"viewModel.proceedNextButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button dx-button-default\"></dx-button>\n            <dx-button [text]=\"viewModel.cancelChunkedOperationButtonText\"\n                (onClick)=\"viewModel.cancelProcessButtonClick($event)\"\n                class=\"dxrd-preview-ai-panel-warning-popup-button\"></dx-button>\n        </div>\n    </dx-popup>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
@@ -1963,11 +2037,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class TextEditingFieldComponent {
     data;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: { data: "data" }, ngImport: i0, template: "<textarea class=\"dxrp-editing-field-text\"\n    [value]=\"data.value\"\n    valueUpdate=\"keypress\"\n    [style]=\"data.textStyle\"\n    (blur)=\"data.hideEditor(true)\"\n    (keyup)=\"data.keypressAction(data, $event)\"\n    (input)=\"data.onInput(data, $event)\">\n</textarea>" });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: TextEditingFieldComponent, selector: "dxv-editing-field-text", inputs: { data: "data" }, ngImport: i0, template: "<textarea class=\"dxrp-editing-field-text\"\n    [value]=\"data.value\"\n    valueUpdate=\"keypress\"\n    [style]=\"data.textStyle\"\n    (blur)=\"data.hideEditor(true)\"\n    (keyup)=\"data.keypressAction(data, $event)\">\n</textarea>" });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: TextEditingFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-editing-field-text', template: "<textarea class=\"dxrp-editing-field-text\"\n    [value]=\"data.value\"\n    valueUpdate=\"keypress\"\n    [style]=\"data.textStyle\"\n    (blur)=\"data.hideEditor(true)\"\n    (keyup)=\"data.keypressAction(data, $event)\"\n    (input)=\"data.onInput(data, $event)\">\n</textarea>" }]
+            args: [{ selector: 'dxv-editing-field-text', template: "<textarea class=\"dxrp-editing-field-text\"\n    [value]=\"data.value\"\n    valueUpdate=\"keypress\"\n    [style]=\"data.textStyle\"\n    (blur)=\"data.hideEditor(true)\"\n    (keyup)=\"data.keypressAction(data, $event)\">\n</textarea>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
@@ -2122,11 +2196,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
 class CharacterCombEditingFieldComponent {
     data;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharacterCombEditingFieldComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n    [style]=\"data.containerStyle\"\n    (click)=\"data.activateEditor(data, $event)\"\n    [dxaZoom]=\"data.zoom\"\n    [class.active]=\"data.active\"\n    [class.readOnly]=\"data.field.readOnly\">\n    <div *ngIf=\"!data.active || data.field.readOnly\">\n        <div *ngFor=\"let cell of data.cells\">\n            <div class=\"dxrp-editing-field-charactercomb-cell\" [style]=\"cell.style\">\n                {{cell.text}}\n            </div>\n        </div>\n    </div>\n    <textarea *ngIf=\"data.active && !data.field.readOnly\" class=\"dxrp-editing-field-text dxrd-background-white\"\n        [value]=\"data.field.editorValue\"\n        valueUpdate=\"keypress\"\n        [style]=\"data.textStyle\"\n        (blur)=\"data.hideEditor(true)\"\n        (keyup)=\"data.keypressAction(data, $event)\"\n        (input)=\"data.onInput(data, $event)\">\n    </textarea>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: CharacterCombEditingFieldComponent, selector: "dxv-editing-field-character-comb", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n    [style]=\"data.containerStyle\"\n    (click)=\"data.activateEditor(data, $event)\"\n    [dxaZoom]=\"data.zoom\"\n    [class.active]=\"data.active\"\n    [class.readOnly]=\"data.field.readOnly\">\n    <div *ngIf=\"!data.active || data.field.readOnly\">\n        <div *ngFor=\"let cell of data.cells\">\n            <div class=\"dxrp-editing-field-charactercomb-cell\" [style]=\"cell.style\">\n                {{cell.text}}\n            </div>\n        </div>\n    </div>\n    <textarea *ngIf=\"data.active && !data.field.readOnly\" class=\"dxrp-editing-field-text dxrd-background-white\"\n        [value]=\"data.field.editorValue\"\n        valueUpdate=\"keypress\"\n        [style]=\"data.textStyle\"\n        (blur)=\"data.hideEditor(true)\"\n        (keyup)=\"data.keypressAction(data, $event)\">\n    </textarea>\n</div>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: ZoomDirective, selector: "[dxaZoom]", inputs: ["dxaZoom"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: CharacterCombEditingFieldComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-editing-field-character-comb', template: "<div class=\"dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n    [style]=\"data.containerStyle\"\n    (click)=\"data.activateEditor(data, $event)\"\n    [dxaZoom]=\"data.zoom\"\n    [class.active]=\"data.active\"\n    [class.readOnly]=\"data.field.readOnly\">\n    <div *ngIf=\"!data.active || data.field.readOnly\">\n        <div *ngFor=\"let cell of data.cells\">\n            <div class=\"dxrp-editing-field-charactercomb-cell\" [style]=\"cell.style\">\n                {{cell.text}}\n            </div>\n        </div>\n    </div>\n    <textarea *ngIf=\"data.active && !data.field.readOnly\" class=\"dxrp-editing-field-text dxrd-background-white\"\n        [value]=\"data.field.editorValue\"\n        valueUpdate=\"keypress\"\n        [style]=\"data.textStyle\"\n        (blur)=\"data.hideEditor(true)\"\n        (keyup)=\"data.keypressAction(data, $event)\"\n        (input)=\"data.onInput(data, $event)\">\n    </textarea>\n</div>" }]
+            args: [{ selector: 'dxv-editing-field-character-comb', template: "<div class=\"dxrp-editing-field-charactercomb dx-accessibility-editing-field-item dx-accessibility-border-accented\"\n    [style]=\"data.containerStyle\"\n    (click)=\"data.activateEditor(data, $event)\"\n    [dxaZoom]=\"data.zoom\"\n    [class.active]=\"data.active\"\n    [class.readOnly]=\"data.field.readOnly\">\n    <div *ngIf=\"!data.active || data.field.readOnly\">\n        <div *ngFor=\"let cell of data.cells\">\n            <div class=\"dxrp-editing-field-charactercomb-cell\" [style]=\"cell.style\">\n                {{cell.text}}\n            </div>\n        </div>\n    </div>\n    <textarea *ngIf=\"data.active && !data.field.readOnly\" class=\"dxrp-editing-field-text dxrd-background-white\"\n        [value]=\"data.field.editorValue\"\n        valueUpdate=\"keypress\"\n        [style]=\"data.textStyle\"\n        (blur)=\"data.hideEditor(true)\"\n        (keyup)=\"data.keypressAction(data, $event)\">\n    </textarea>\n</div>" }]
         }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
@@ -2532,11 +2606,11 @@ class ExportToolComponent {
         this._cd.detectChanges();
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportToolComponent, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExportToolComponent, selector: "dxv-export-tool", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-visually-hidden\">\n    <form method=\"post\">\n    </form>\n</div>\n<dx-popup\n    [width]=\"data.popupOptions.width\"\n    [height]=\"data.popupOptions.height\"\n    [title]=\"data.popupOptions.title\"\n    [visible]=\"data.popupOptions.visible\"\n    [showCloseButton]=\"true\"\n    (onHidden)=\"data.popupOptions.onHidden()\"\n    [toolbarItems]=\"data.popupOptions.toolbarItems\"\n    [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n    [container]=\"popupOptions?.container\"\n    [position]=\"popupOptions?.position\">\n        <div class=\"dxrd-print-dialog-content\">\n            <div>{{data.printingTexts.caption}}</div>\n            <p></p>\n            <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n            </div>&nbsp;<a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n            <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n        </div>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: ExportToolComponent, selector: "dxv-export-tool", inputs: { data: "data" }, ngImport: i0, template: "<div class=\"dxrd-visually-hidden\">\n    <form [attr.action]=\"data.exportActionUri\" method=\"post\">\n        <input *ngFor=\"let input of data.exportFormData\" [attr.name]=\"input.name\" [attr.value]=\"input.value\"/>\n    </form>\n</div>\n<dx-popup\n    [width]=\"data.popupOptions.width\"\n    [height]=\"data.popupOptions.height\"\n    [title]=\"data.popupOptions.title\"\n    [visible]=\"data.popupOptions.visible\"\n    [showCloseButton]=\"true\"\n    (onHidden)=\"data.popupOptions.onHidden()\"\n    [toolbarItems]=\"data.popupOptions.toolbarItems\"\n    [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n    [container]=\"popupOptions?.container\"\n    [position]=\"popupOptions?.position\">\n        <div class=\"dxrd-print-dialog-content\">\n            <div>{{data.printingTexts.caption}}</div>\n            <p></p>\n            <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n            </div>&nbsp;<a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n            <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n        </div>\n</dx-popup>", dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.DxPopupComponent, selector: "dx-popup", inputs: ["accessKey", "animation", "closeOnOutsideClick", "container", "contentTemplate", "deferRendering", "disabled", "dragAndResizeArea", "dragEnabled", "dragOutsideBoundary", "enableBodyScroll", "focusStateEnabled", "fullScreen", "height", "hideOnOutsideClick", "hideOnParentScroll", "hint", "hoverStateEnabled", "maxHeight", "maxWidth", "minHeight", "minWidth", "position", "resizeEnabled", "restorePosition", "rtlEnabled", "shading", "shadingColor", "showCloseButton", "showTitle", "tabIndex", "title", "titleTemplate", "toolbarItems", "visible", "width", "wrapperAttr"], outputs: ["onContentReady", "onDisposing", "onHidden", "onHiding", "onInitialized", "onOptionChanged", "onResize", "onResizeEnd", "onResizeStart", "onShowing", "onShown", "onTitleRendered", "accessKeyChange", "animationChange", "closeOnOutsideClickChange", "containerChange", "contentTemplateChange", "deferRenderingChange", "disabledChange", "dragAndResizeAreaChange", "dragEnabledChange", "dragOutsideBoundaryChange", "enableBodyScrollChange", "focusStateEnabledChange", "fullScreenChange", "heightChange", "hideOnOutsideClickChange", "hideOnParentScrollChange", "hintChange", "hoverStateEnabledChange", "maxHeightChange", "maxWidthChange", "minHeightChange", "minWidthChange", "positionChange", "resizeEnabledChange", "restorePositionChange", "rtlEnabledChange", "shadingChange", "shadingColorChange", "showCloseButtonChange", "showTitleChange", "tabIndexChange", "titleChange", "titleTemplateChange", "toolbarItemsChange", "visibleChange", "widthChange", "wrapperAttrChange"] }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: ExportToolComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'dxv-export-tool', template: "<div class=\"dxrd-visually-hidden\">\n    <form method=\"post\">\n    </form>\n</div>\n<dx-popup\n    [width]=\"data.popupOptions.width\"\n    [height]=\"data.popupOptions.height\"\n    [title]=\"data.popupOptions.title\"\n    [visible]=\"data.popupOptions.visible\"\n    [showCloseButton]=\"true\"\n    (onHidden)=\"data.popupOptions.onHidden()\"\n    [toolbarItems]=\"data.popupOptions.toolbarItems\"\n    [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n    [container]=\"popupOptions?.container\"\n    [position]=\"popupOptions?.position\">\n        <div class=\"dxrd-print-dialog-content\">\n            <div>{{data.printingTexts.caption}}</div>\n            <p></p>\n            <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n            </div>&nbsp;<a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n            <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n        </div>\n</dx-popup>" }]
+            args: [{ selector: 'dxv-export-tool', template: "<div class=\"dxrd-visually-hidden\">\n    <form [attr.action]=\"data.exportActionUri\" method=\"post\">\n        <input *ngFor=\"let input of data.exportFormData\" [attr.name]=\"input.name\" [attr.value]=\"input.value\"/>\n    </form>\n</div>\n<dx-popup\n    [width]=\"data.popupOptions.width\"\n    [height]=\"data.popupOptions.height\"\n    [title]=\"data.popupOptions.title\"\n    [visible]=\"data.popupOptions.visible\"\n    [showCloseButton]=\"true\"\n    (onHidden)=\"data.popupOptions.onHidden()\"\n    [toolbarItems]=\"data.popupOptions.toolbarItems\"\n    [wrapperAttr]=\"data.popupOptions.wrapperAttr\"\n    [container]=\"popupOptions?.container\"\n    [position]=\"popupOptions?.position\">\n        <div class=\"dxrd-print-dialog-content\">\n            <div>{{data.printingTexts.caption}}</div>\n            <p></p>\n            <div *ngIf=\"!!data.printingTexts.prefix\" class=\"dxrdp-print-text-prefix\">{{data.printingTexts.prefix}}\n            </div>&nbsp;<a href=\"\" class=\"dxrd-preview-printing-link\" (click)=\"data.printingLinkCallback(data, $event)\">{{data.printingTexts.link}}</a>\n            <div *ngIf=\"!!data.printingTexts.postfix\" class=\"dxrdp-print-text-postfix\">{{data.printingTexts.postfix}}</div>\n        </div>\n</dx-popup>" }]
         }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }], propDecorators: { data: [{
                 type: Input,
                 args: ['data']
@@ -3163,6 +3237,7 @@ class DxReportViewerComponent extends DxReportViewerBaseComponent {
     progressBarSettingsComponent;
     exportSettingsComponent;
     searchSettingsComponent;
+    aiSettingsComponent;
     constructor(renderer, platformId, viewer, cd, accessibilitySettings) {
         super(renderer, platformId, viewer, cd, accessibilitySettings);
     }
@@ -3184,7 +3259,8 @@ class DxReportViewerComponent extends DxReportViewerBaseComponent {
             tabPanelSettings: this.tabPanelSettingsComponent,
             progressBarSettings: this.progressBarSettingsComponent,
             exportSettings: this.exportSettingsComponent,
-            searchSettings: this.searchSettingsComponent
+            searchSettings: this.searchSettingsComponent,
+            aiSettings: this.aiSettingsComponent
         };
     }
     GetPreviewModel() {
@@ -3192,7 +3268,7 @@ class DxReportViewerComponent extends DxReportViewerBaseComponent {
     }
     isMobile;
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerComponent, deps: [{ token: i0.Renderer2 }, { token: PLATFORM_ID }, { token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: AccessibilitySettings }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerComponent, selector: "dx-report-viewer", inputs: { isMobile: "isMobile" }, providers: [AccessibilitySettings], queries: [{ propertyName: "requestOptionsComponent", first: true, predicate: DxReportViewerRequestOptionsComponent, descendants: true }, { propertyName: "callbacksComponent", first: true, predicate: DxReportViewerCallbacksComponent, descendants: true }, { propertyName: "mobileModeSettingsComponent", first: true, predicate: DxReportViewerMobileModeSettingsComponent, descendants: true }, { propertyName: "remoteSettingsComponent", first: true, predicate: DxReportViewerRemoteSettingsComponent, descendants: true }, { propertyName: "tabPanelSettingsComponent", first: true, predicate: DxReportViewerTabPanelSettingsComponent, descendants: true }, { propertyName: "progressBarSettingsComponent", first: true, predicate: DxReportViewerProgressBarSettingsComponent, descendants: true }, { propertyName: "exportSettingsComponent", first: true, predicate: DxReportViewerExportSettingsComponent, descendants: true }, { propertyName: "searchSettingsComponent", first: true, predicate: DxReportViewerSearchSettingsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #control [ngClass]=\"cssClass\" [ngStyle]=\"{'width': width, 'height': height }\">\n  <dxa-templates></dxa-templates>\n  <dxv-templates></dxv-templates>\n  <div class=\"dx-designer\">\n      <dxa-template *ngIf=\"!!viewModel\" template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplatesComponent, selector: "dxa-templates" }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: ViewerTemplatesComponent, selector: "dxv-templates" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: DxReportViewerComponent, selector: "dx-report-viewer", inputs: { isMobile: "isMobile" }, providers: [AccessibilitySettings], queries: [{ propertyName: "requestOptionsComponent", first: true, predicate: DxReportViewerRequestOptionsComponent, descendants: true }, { propertyName: "callbacksComponent", first: true, predicate: DxReportViewerCallbacksComponent, descendants: true }, { propertyName: "mobileModeSettingsComponent", first: true, predicate: DxReportViewerMobileModeSettingsComponent, descendants: true }, { propertyName: "remoteSettingsComponent", first: true, predicate: DxReportViewerRemoteSettingsComponent, descendants: true }, { propertyName: "tabPanelSettingsComponent", first: true, predicate: DxReportViewerTabPanelSettingsComponent, descendants: true }, { propertyName: "progressBarSettingsComponent", first: true, predicate: DxReportViewerProgressBarSettingsComponent, descendants: true }, { propertyName: "exportSettingsComponent", first: true, predicate: DxReportViewerExportSettingsComponent, descendants: true }, { propertyName: "searchSettingsComponent", first: true, predicate: DxReportViewerSearchSettingsComponent, descendants: true }, { propertyName: "aiSettingsComponent", first: true, predicate: DxReportViewerAISettingsComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "<div #control [ngClass]=\"cssClass\" [ngStyle]=\"{'width': width, 'height': height }\">\n  <dxa-templates></dxa-templates>\n  <dxv-templates></dxv-templates>\n  <div class=\"dx-designer\">\n      <dxa-template *ngIf=\"!!viewModel\" template=\"dx-designer\" [data]=\"viewModel\"></dxa-template>\n  </div>\n</div>", dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: TemplatesComponent, selector: "dxa-templates" }, { kind: "component", type: TemplateComponent, selector: "dxa-template", inputs: ["data", "template"] }, { kind: "component", type: ViewerTemplatesComponent, selector: "dxv-templates" }] });
 }
 __decorate([
     _inputConverter(_booleanConverter)
@@ -3227,6 +3303,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
             }], searchSettingsComponent: [{
                 type: ContentChild,
                 args: [DxReportViewerSearchSettingsComponent]
+            }], aiSettingsComponent: [{
+                type: ContentChild,
+                args: [DxReportViewerAISettingsComponent]
             }], isMobile: [{
                 type: Input
             }] } });
@@ -3296,6 +3375,9 @@ class DxReportViewerModule {
             DxReportViewerExportSettingsComponent,
             DxReportViewerTabPanelSettingsComponent,
             DxReportViewerSearchSettingsComponent,
+            DxReportViewerAISettingsComponent,
+            DxReportViewerAITranslationSettingsComponent,
+            DxReportViewerAISummarizationSettingsComponent,
             TabpanelComponent,
             PopoverComponent,
             PropertygridComponent,
@@ -3404,6 +3486,7 @@ class DxReportViewerModule {
             DxButtonModule,
             DxTextAreaModule,
             DxLoadIndicatorModule,
+            DxLoadPanelModule,
             DxScrollViewModule,
             DxSelectBoxModule,
             DxMenuModule,
@@ -3430,11 +3513,15 @@ class DxReportViewerModule {
             DxReportViewerSearchSettingsComponent,
             DxReportParametersPanelComponent,
             DxReportParametersPanelCallbacksComponent,
-            DxReportParametersPanelRequestOptionsComponent], id: 'DxReportViewerModule' });
+            DxReportParametersPanelRequestOptionsComponent,
+            DxReportViewerAISettingsComponent,
+            DxReportViewerAITranslationSettingsComponent,
+            DxReportViewerAISummarizationSettingsComponent], id: 'DxReportViewerModule' });
     static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: DxReportViewerModule, providers: [TemplateEngine], imports: [CommonModule,
             DxButtonModule,
             DxTextAreaModule,
             DxLoadIndicatorModule,
+            DxLoadPanelModule,
             DxScrollViewModule,
             DxSelectBoxModule,
             DxMenuModule,
@@ -3461,6 +3548,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         DxButtonModule,
                         DxTextAreaModule,
                         DxLoadIndicatorModule,
+                        DxLoadPanelModule,
                         DxScrollViewModule,
                         DxSelectBoxModule,
                         DxMenuModule,
@@ -3488,6 +3576,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         DxReportViewerExportSettingsComponent,
                         DxReportViewerTabPanelSettingsComponent,
                         DxReportViewerSearchSettingsComponent,
+                        DxReportViewerAISettingsComponent,
+                        DxReportViewerAITranslationSettingsComponent,
+                        DxReportViewerAISummarizationSettingsComponent,
                         TabpanelComponent,
                         PopoverComponent,
                         PropertygridComponent,
@@ -3606,7 +3697,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
                         DxReportViewerSearchSettingsComponent,
                         DxReportParametersPanelComponent,
                         DxReportParametersPanelCallbacksComponent,
-                        DxReportParametersPanelRequestOptionsComponent
+                        DxReportParametersPanelRequestOptionsComponent,
+                        DxReportViewerAISettingsComponent,
+                        DxReportViewerAITranslationSettingsComponent,
+                        DxReportViewerAISummarizationSettingsComponent,
                     ],
                     providers: [TemplateEngine]
                 }]
@@ -3620,5 +3714,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { DxReportParametersPanelCallbacksComponent, DxReportParametersPanelComponent, DxReportParametersPanelRequestOptionsComponent, DxReportViewerCallbacksComponent, DxReportViewerComponent, DxReportViewerExportSettingsComponent, DxReportViewerMobileModeSettingsComponent, DxReportViewerModule, DxReportViewerProgressBarSettingsComponent, DxReportViewerRemoteSettingsComponent, DxReportViewerRequestOptionsComponent, DxReportViewerSearchSettingsComponent, DxReportViewerTabPanelSettingsComponent, TemplateEngine };
+export { DxReportParametersPanelCallbacksComponent, DxReportParametersPanelComponent, DxReportParametersPanelRequestOptionsComponent, DxReportViewerAISettingsComponent, DxReportViewerAISummarizationSettingsComponent, DxReportViewerAITranslationSettingsComponent, DxReportViewerCallbacksComponent, DxReportViewerComponent, DxReportViewerExportSettingsComponent, DxReportViewerMobileModeSettingsComponent, DxReportViewerModule, DxReportViewerProgressBarSettingsComponent, DxReportViewerRemoteSettingsComponent, DxReportViewerRequestOptionsComponent, DxReportViewerSearchSettingsComponent, DxReportViewerTabPanelSettingsComponent, TemplateEngine };
 //# sourceMappingURL=devexpress-reporting-angular-dx-report-viewer.mjs.map