devexpress-reporting 25.2.5 → 25.2.6

package/dist/js/dx-reporting.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reporting.d.ts)
-* Version:  25.2.5
-* Build date: Feb 25, 2026
+* Version:  25.2.6
+* Build date: Mar 31, 2026
 * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -2054,9 +2054,6 @@ declare module DevExpress.Reporting.Designer.Internal {
             text: any;
         };
     }
-    export class PageSetupHelper {
-        static getConverter(from: DevExpress.Reporting.Designer.Wizard.ReportUnit, to: DevExpress.Reporting.Designer.Wizard.ReportUnit): (val: number) => number;
-    }
     export class ReportWizardStateHelper {
         static applyDataBindings(state: DevExpress.Reporting.Designer.Wizard.IReportWizardState, model: DevExpress.Reporting.Designer.Controls.ReportViewModel): void;
         static applyPageSetup(state: DevExpress.Reporting.Designer.Wizard.IReportWizardState, model: DevExpress.Reporting.Designer.Controls.ReportViewModel): void;
@@ -3186,6 +3183,9 @@ declare module DevExpress.Reporting.Designer.Internal {
         static updatePreview(value: string, typeString: string, format: string): DevExpress.Analytics.Internal.DxPromise<any>;
         static actions: DevExpress.Analytics.Widgets.IFormatStringEditorActions;
     }
+    export class PageSetupHelper {
+        static getConverter(from: DevExpress.Reporting.Designer.Wizard.ReportUnit, to: DevExpress.Reporting.Designer.Wizard.ReportUnit): (val: number) => number;
+    }
 }
 declare module DevExpress.Reporting.Chart.Internal.Widgets {
     import FieldListEditor = DevExpress.Analytics.Widgets.FieldListEditor;
@@ -5949,7 +5949,6 @@ declare module DevExpress.Reporting.Designer.Widgets {
     import dxFileImagePicker = DevExpress.Analytics.Widgets.Internal.dxFileImagePicker;
     import DataSourceSelectBox = DevExpress.Reporting.Designer.Widgets.DataSourceSelectBox;
     import IDisplayedObject = DevExpress.Analytics.Internal.IDisplayedObject;
-    import MultiPlatformObservable = DevExpress.Analytics.Serializer.Native.MultiPlatformObservable;
     import PropertyGridEditor = DevExpress.Analytics.Widgets.PropertyGridEditor;
     import ReportExpressionEditor = DevExpress.Reporting.Designer.Widgets.ReportExpressionEditor;
     import ReportExpressionEditorWrapper = DevExpress.Reporting.Designer.Widgets.ReportExpressionEditorWrapper;
@@ -5959,7 +5958,7 @@ declare module DevExpress.Reporting.Designer.Widgets {
     import SummaryEditorPopup = DevExpress.Reporting.Designer.Widgets.Internal.SummaryEditorPopup;
     import NameEditor = DevExpress.Reporting.Designer.Widgets.NameEditor;
     export const reportFunctionDisplay: DevExpress.Analytics.Widgets.Internal.IExpressionEditorFunction[];
-    type ReportDesignerEditors = "formatEditor" | "dataSource" | "dataBindings" | "dataBinding" | "reportExplorer" | "reportSourceUrl" | "bands" | "runningBand" | "sortingBand" | "style" | "stylePriority" | "contentByType" | "lookUpValues" | "reportexpression" | "reportexpressionComplex" | "drillDownControls" | "pivotGridFields" | "scriptsBox" | "formattingRule" | "toclevel" | "calculatedFields" | "watermarks" | "parameters" | "reportRtlProperty" | "comboboxUndo" | "comboboxPageBreak" | "fontUndo" | "chartValueBinding" | "name" | "watermarkId" | "bandLevel" | "pivotCriteria" | "fieldsCombobox" | "richTextLoad" | "summaryEditor" | "expressionableFont" | "fontModificatorsHighlightable" | "parametersCheckbox" | "dataSourceSelectBox" | "localizationSelectBox" | "viewStyle" | "pdfContentLoad" | "canPublishEditor" | "pageSize";
+    type ReportDesignerEditors = "formatEditor" | "dataSource" | "dataBindings" | "dataBinding" | "reportExplorer" | "reportSourceUrl" | "bands" | "runningBand" | "sortingBand" | "style" | "stylePriority" | "contentByType" | "lookUpValues" | "reportexpression" | "reportexpressionComplex" | "drillDownControls" | "pivotGridFields" | "scriptsBox" | "formattingRule" | "toclevel" | "calculatedFields" | "watermarks" | "parameters" | "reportRtlProperty" | "comboboxUndo" | "comboboxPageBreak" | "fontUndo" | "chartValueBinding" | "name" | "watermarkId" | "bandLevel" | "pivotCriteria" | "fieldsCombobox" | "richTextLoad" | "summaryEditor" | "expressionableFont" | "fontModificatorsHighlightable" | "parametersCheckbox" | "dataSourceSelectBox" | "localizationSelectBox" | "viewStyle" | "pdfContentLoad" | "canPublishEditor";
     export const designerEditorTemplates: DevExpress.Analytics.Widgets.EditorTemplates<ReportDesignerEditors>;
     export {};
     export class ReportExpressionEditorAdapter extends Disposable {
@@ -6190,20 +6189,6 @@ declare module DevExpress.Reporting.Designer.Widgets {
         generateRules(allControls: ko.ObservableArray<DevExpress.Analytics.Internal.IDisplayedObject>): any[];
         currentValidationRules: ko.Observable<any[]>;
     }
-    export const PageSizeEditorFormatMapper: {
-        measureUnit: {
-            Inches: string;
-            HundredthsOfAnInch: string;
-            Millimeters: string;
-            TenthsOfAMillimeter: string;
-            Pixels: string;
-        };
-    };
-    export class PageSizeEditor extends Editor {
-        constructor(info: DevExpress.Analytics.Utils.ISerializationInfo, level: any, parentDisabled?: ko.Computed<boolean>, textToSearch?: any);
-        getOptions(templateOptions: any): object;
-        _format: DevExpress.Analytics.Serializer.Native.MultiPlatformObservable<string>;
-    }
     export class PivotGridCriteriaEditor extends Editor {
         private _createItemsProvider;
         private _getFieldName;
@@ -8285,7 +8270,6 @@ declare module DevExpress.Reporting.Viewer.Internal {
     import IExportProgressStatus = DevExpress.Reporting.Viewer.Internal.IExportProgressStatus;
     import TabInfo = DevExpress.Analytics.Utils.TabInfo;
     import DxMenuOptions = DevExpress.ui.dxMenu.DxMenuOptions;
-    import dxLoadIndicator = DevExpress.ui.dxLoadIndicator;
     import IBrickNode = DevExpress.Reporting.Viewer.Utils.IBrickNode;
     import AILanguageInfo = DevExpress.Reporting.Viewer.Settings.AILanguageInfo;
     import IAIPanelViewModel = DevExpress.Reporting.Viewer.Internal.IAIPanelViewModel;
@@ -8490,6 +8474,8 @@ declare module DevExpress.Reporting.Viewer.Internal {
         limitExceededWarningMsg: string;
         proceedNextButtonClick: (e: any) => void;
         cancelProcessButtonClick: (e: any) => void;
+        loading: boolean;
+        getLoadPanelOptions: (element: HTMLElement) => any;
         copyText: (data: any, event: any) => void;
     }
     export function createViewModel(this: DevExpress.Reporting.Viewer.Internal.AIPanelViewModel, viewModel: DevExpress.Analytics.Serializer.Native.IViewModel): DevExpress.Reporting.Viewer.Internal.IAIPanelViewModel;
@@ -8637,8 +8623,6 @@ declare module DevExpress.Reporting.Viewer.Internal {
         copyButtonTemplate: string;
         limitExceededWarningMsg: string;
         model: DevExpress.Reporting.Viewer.Internal.AIPanelViewModel;
-        translateButtonLoader: DevExpress.ui.dxLoadIndicator;
-        summarizeButtonLoader: DevExpress.ui.dxLoadIndicator;
         languages: DevExpress.Reporting.Viewer.Settings.AILanguageInfo[];
         translationEnabled: boolean;
         inlineTranslationEnabled: boolean;
@@ -8676,9 +8660,16 @@ declare module DevExpress.Reporting.Viewer.Internal {
         updateAIMenuToPage(): void;
         updateViewModel(args: DevExpress.Analytics.Serializer.Native.PropertyChangedEventArgs<AIPanelViewModel> | DevExpress.Analytics.Serializer.Native.ArrayPropertyChangedEventArgs<AIPanelViewModel>): void;
         createViewModel(): DevExpress.Reporting.Viewer.Internal.IAIPanelViewModel;
+        getLoadPanelOptions(element: HTMLElement): {
+            visible: boolean;
+            position: {
+                of: HTMLElement;
+            };
+            container: HTMLElement;
+        };
         onPropertyChanged(args: DevExpress.Analytics.Serializer.Native.PropertyChangedEventArgs<AIPanelViewModel> | DevExpress.Analytics.Serializer.Native.ArrayPropertyChangedEventArgs<AIPanelViewModel>): void;
         get translateWholeDocument(): boolean;
-        _preparetextProcessingButtonTemplate(data: any, container: any): HTMLDivElement;
+        _preparetextProcessingButtonTemplate(data: any, container: any): void;
         _getTextContentToProcess(): string;
         copyResultClick(e: any): void;
         onSummarizeClick(): void;
@@ -13633,6 +13624,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
         marginTop: ko.Observable<number>;
         marginBottom: ko.Observable<number>;
         valueFormat: ko.Computed<string>;
+        pageSizeValueFormat: ko.Computed<string>;
         lookupData: {
             paperKind: {
                 value: string;
@@ -13647,6 +13639,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
         previewPageHelper: DevExpress.Reporting.Designer.Wizard.PreviewPageHelper;
         initialize(state: DevExpress.Reporting.Designer.Wizard.IPageSetup): JQuery.Promise<any, any, any>;
         commit(): JQueryPromise<any>;
+        private getDpi;
     }
     export function _applyPageSetting(data: DevExpress.Reporting.Designer.Wizard.IPageSetup, state: DevExpress.Reporting.Designer.Wizard.IPageSetup): void;
     export function _registerConfigureReportPageSettingsPage(factory: DevExpress.Analytics.Wizard.PageFactory): void;

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  25.2.5
-* Build date: Feb 25, 2026
+* Version:  25.2.6
+* Build date: Mar 31, 2026
 * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -993,7 +993,7 @@ class EventGenerator {
 ;// external "DevExpress.Analytics.Internal.dxversions"
 const external_DevExpress_Analytics_Internal_dxversions_namespaceObject = DevExpress.Analytics.Internal.dxversions;
 ;// ./dist/dx-reporting-version.js
-const version = '25.2.5';
+const version = '25.2.6';
 
 ;// ./dist/common/versions.js
 
@@ -12661,13 +12661,9 @@ class ParametersPanelStandalone extends ParametersPanelModelBase {
 ;// external "DevExpress.ui.themes"
 const external_DevExpress_ui_themes_namespaceObject = DevExpress.ui.themes;
 var external_DevExpress_ui_themes_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_themes_namespaceObject);
-;// external "DevExpress.ui.dxLoadIndicator"
-const external_DevExpress_ui_dxLoadIndicator_namespaceObject = DevExpress.ui.dxLoadIndicator;
-var external_DevExpress_ui_dxLoadIndicator_default = /*#__PURE__*/__webpack_require__.n(external_DevExpress_ui_dxLoadIndicator_namespaceObject);
 ;// ./dist/viewer/ai/_aiPanel.viewmodel.js
 
 
-
 var TextSourceTarget;
 (function (TextSourceTarget) {
     TextSourceTarget["Document"] = "document";
@@ -12695,10 +12691,7 @@ function createViewModel(viewModel) {
         .generateProperty('width', this.translationEnabled ? '110px' : '0px')
         .generateProperty('visible', this.translationEnabled)
         .generateProperty('template', (data, container) => {
-        const buttonIndicatorElement = this._preparetextProcessingButtonTemplate(data, container);
-        this.translateButtonLoader = new (external_DevExpress_ui_dxLoadIndicator_default())(buttonIndicatorElement, {
-            visible: false
-        });
+        this._preparetextProcessingButtonTemplate(data, container);
     })
         .getViewModel())
         .generateProperty('copyResultButton', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
@@ -12713,10 +12706,7 @@ function createViewModel(viewModel) {
         .generateProperty('width', this.summarizationEnabled ? '110px' : '0px')
         .generateProperty('visible', this.summarizationEnabled)
         .generateProperty('template', (data, container) => {
-        const buttonIndicatorElement = this._preparetextProcessingButtonTemplate(data, container);
-        this.summarizeButtonLoader = new (external_DevExpress_ui_dxLoadIndicator_default())(buttonIndicatorElement, {
-            visible: false
-        });
+        this._preparetextProcessingButtonTemplate(data, container);
     })
         .getViewModel())
         .getViewModel())
@@ -12730,6 +12720,7 @@ function createViewModel(viewModel) {
         .generateProperty('languageSelectBoxOptions', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
         .generateProperty('valueExpr', 'id')
         .generateProperty('displayExpr', 'text')
+        .generateProperty('disabled', this.loading)
         .generateProperty('dataSource', this.languages)
         .generateProperty('value', this.selectedLanguage)
         .generateProperty('showClearButton', true)
@@ -12757,6 +12748,7 @@ function createViewModel(viewModel) {
         .generateProperty('valueExpr', 'key')
         .generateProperty('displayExpr', 'text')
         .generateProperty('dataSource', this.targets)
+        .generateProperty('disabled', this.loading)
         .generateProperty('value', this.selectedTarget)
         .generateProperty('onValueChanged', (event) => {
         this.selectedTarget = event.value ?? TextSourceTarget.Document;
@@ -12767,6 +12759,7 @@ function createViewModel(viewModel) {
         .generateProperty('pageSelectBoxOptions', (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)()
         .generateProperty('valueExpr', 'key')
         .generateProperty('displayExpr', 'text')
+        .generateProperty('disabled', this.loading)
         .generateProperty('dataSource', this.pagesListDataSource)
         .generateProperty('value', this.selectedPage)
         .generateProperty('visible', this.pageSelectBoxVisible)
@@ -12804,6 +12797,8 @@ function createViewModel(viewModel) {
         .generateProperty('cancelChunkedOperationButtonText', CancelChunkedOperationButtonText)
         .generateProperty('aiPanelHeaderLabel', AIPanelHeaderLabel)
         .generateProperty('limitExceededWarningMsg', this.limitExceededWarningMsg)
+        .generateProperty('getLoadPanelOptions', this.getLoadPanelOptions)
+        .generateProperty('loading', this.loading)
         .getViewModel();
     return aiPanelViewModel;
 }
@@ -13145,9 +13140,11 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             viewModel.proceedNextButtonClick = this.proceedNextButtonClick;
         }
         else if (args.propertyName === 'loading') {
+            viewModel.loading = this.loading;
+            viewModel.pageSelectBoxOptions.disabled = this.loading;
+            viewModel.languageSelectBoxOptions.disabled = this.loading;
+            viewModel.targetSelectBoxOptions.disabled = this.loading;
             if (!this.loading) {
-                viewModel.buttons.summarizeTextButton.text = this.SummarizeActionText;
-                viewModel.buttons.translateTextButton.text = this.TranslateActionText;
                 viewModel.buttons.translateTextButton.disabled = false;
                 viewModel.buttons.summarizeTextButton.disabled = false;
             }
@@ -13178,33 +13175,30 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
     createViewModel() {
         return createViewModel.call(this, super.createViewModel());
     }
+    getLoadPanelOptions(element) {
+        const position = (0,external_DevExpress_Analytics_Internal_namespaceObject.getParentContainer)(element, '.dxrd-ai-panel-result-container');
+        return {
+            visible: true,
+            position: { of: position },
+            container: position
+        };
+    }
     onPropertyChanged(args) {
         if (args.propertyName === 'aiProcessingResultText') {
             this.resizeResultArea();
         }
-        else if (args.propertyName === 'loading') {
-            if (!this.loading) {
-                this.summarizeButtonLoader?.option('visible', false);
-                this.translateButtonLoader?.option('visible', false);
-            }
-        }
     }
     get translateWholeDocument() {
         return this.selectedTarget === TextSourceTarget.Document;
     }
     _preparetextProcessingButtonTemplate(data, container) {
-        const buttonIndicatorElement = document.createElement('div');
         const buttonContainer = document.createElement('div');
         const buttonTextElement = document.createElement('span');
-        buttonIndicatorElement.style.height = '20px';
-        buttonIndicatorElement.style.width = '20px';
         buttonContainer.className = 'dxrd-ai-button-container';
         buttonTextElement.className = 'dxrd-ai-button-text';
         buttonTextElement.textContent = data.text;
         buttonContainer.appendChild(buttonTextElement);
-        (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(container).append(buttonIndicatorElement);
         (0,external_DevExpress_Analytics_Internal_namespaceObject.$dx)(container).append(buttonContainer);
-        return buttonIndicatorElement;
     }
     _getTextContentToProcess() {
         let page;
@@ -13246,11 +13240,6 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
             return;
         this.clearProcessing();
         this.loading = true;
-        const viewModel = this.getViewModel();
-        if (this.summarizeButtonLoader) {
-            viewModel.buttons.summarizeTextButton.text = '';
-            this.summarizeButtonLoader.option('visible', true);
-        }
         const text = this._getTextContentToProcess();
         this.summarizeText(text, this.selectedLanguage);
     }
@@ -13260,11 +13249,6 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         if (!translateInPlace) {
             this.clearProcessing();
             this.loading = true;
-            const viewModel = this.getViewModel();
-            if (this.translateButtonLoader) {
-                viewModel.buttons.translateTextButton.text = '';
-                this.translateButtonLoader.option('visible', true);
-            }
             const text = this._getTextContentToProcess();
             this.translateText(text);
         }
@@ -13473,10 +13457,6 @@ class AIPanelViewModel extends external_DevExpress_Analytics_Serializer_Native_n
         this.warningTextLimitPopupVisible = false;
         this.proceedForAllChunks = false;
         this.warningTextLimitPopupVisible = false;
-        this.summarizeButtonLoader?.dispose();
-        this.summarizeButtonLoader = null;
-        this.translateButtonLoader?.dispose();
-        this.translateButtonLoader = null;
     }
     disabled() {
         return false;
@@ -15100,6 +15080,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxTextArea: { value: aiProcessingResultText, onInput: function(e) { e.event.preventDefault(); }, onPaste: function(e) { e.event.preventDefault(); }, onKeyDown: function(e) { if (e.event.key !== \'Tab\') e.event.preventDefault(); }, hoverStateEnabled: false, inputAttr: { spellcheck: \'false\' }, tabIndex: -1 }', function ($context, $element) { return { 'dxTextArea': function () { return { 'value': $context.$data.aiProcessingResultText, 'onInput': function (e) { e.event.preventDefault(); }, 'onPaste': function (e) { e.event.preventDefault(); }, 'onKeyDown': function (e) { if (e.event.key !== 'Tab') {
             e.event.preventDefault();
         } }, 'hoverStateEnabled': false, 'inputAttr': { 'spellcheck': 'false' }, 'tabIndex': -1 }; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxAILoadingPanel: getLoadPanelOptions($element)', function ($context, $element) { return { 'dxAILoadingPanel': function () { return $context.$data.getLoadPanelOptions($element); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxPopup: { width: 350, height: 200, shading: false, focusStateEnabled: false, visible: warningTextLimitPopupVisible, container: \'.dxrd-preview-ai-panel\', target: \'.dxrd-preview-ai-panel\', position: { at: \'top\', my: \'top\', collision: \'fit\', of: \'.dxrd-preview-ai-panel\' }, showCloseButton: false, showTitle: false, wrapperAttr: { class: \'dxrd-preview-ai-panel-warning-popup\' }, }', function ($context, $element) { return { 'dxPopup': function () { return { 'width': 350, 'height': 200, 'shading': false, 'focusStateEnabled': false, 'visible': $context.$data.warningTextLimitPopupVisible, 'container': '.dxrd-preview-ai-panel', 'target': '.dxrd-preview-ai-panel', 'position': { 'at': 'top', 'my': 'top', 'collision': 'fit', 'of': '.dxrd-preview-ai-panel' }, 'showCloseButton': false, 'showTitle': false, 'wrapperAttr': { 'class': 'dxrd-preview-ai-panel-warning-popup' } }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('text: limitExceededWarningMsg', function ($context, $element) { return { 'text': function () { return $context.$data.limitExceededWarningMsg; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('dxCheckBox: proceedForAllCheckBoxOptions', function ($context, $element) { return { 'dxCheckBox': function () { return $context.$data.proceedForAllCheckBoxOptions; } }; });
@@ -15130,6 +15111,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: languageSelectBoxOptions.visible', function ($context, $element) { return { 'if': function () { return $context.$data.languageSelectBoxOptions.visible; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: pageSelectBoxVisible', function ($context, $element) { return { 'if': function () { return $context.$data.pageSelectBoxVisible; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: resultVisible', function ($context, $element) { return { 'if': function () { return $context.$data.resultVisible; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: loading', function ($context, $element) { return { 'if': function () { return $context.$data.loading; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: (model && !model.isEmpty)', function ($context, $element) { return { 'if': function () { return ($context.$data.model && !$context.$data.model.isEmpty); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: (!model || model.isEmpty)', function ($context, $element) { return { 'if': function () { return (!$context.$data.model || $context.$data.model.isEmpty); } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: model.buttons', function ($context, $element) { return { 'foreach': function () { return $context.$data.model.buttons; } }; });
@@ -15300,7 +15282,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-preview-toolbar-scrollable': '<div class="dxrd-toolbar-wrapper dxrdp-toolbar-scrollable dx-shadow-top dxd-back-secondary-invariant" data-bind="dxScrollView: { showScrollbar: \'onHover\', direction: \'horizontal\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }"> <div class="dxrd-toolbar" role="toolbar" data-bind="keyDownActions: actionLists, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-toolbar-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <!-- ko template: {name: \'dxrd-toolbar-tmplt\', data: actionLists.toolbarItems } --> <!-- /ko --> </div> </div>',
     'dxrd-preview-breadcrumb': '<!-- ko if: listItems.length > 1 --><div class="dxrd-breadcrumbs-wrapper" data-bind="dxMutationObserver: keyboardHelper" aria-label="Breadcrumbs" role="navigation"> <!-- ko foreach: listItems --> <!-- ko if: $index() !== ($parent.listItems.length - 1) --> <a class="dxrd-breadcrump-link dxrd-breadcrumb-item dxd-text-accented dx-accessibility-border-accented" data-bind="click: function(s, e) { $parent.onClick($data.position); }"> <span data-bind="text: $data.displayText"></span> </a> <span class="dxrd-breadcrumb-item-seperator" data-bind="template: { name: \'dxrd-svg-preview-breadcrumbs_seperator\' }"> </span> <!-- /ko --> <!-- ko if: $index() === ($parent.listItems.length - 1) --> <div class="dxrd-breadcrumb-item dxd-text-primary dx-accessibility-border-accented" aria-current="location"> <span data-bind="text: $data.displayText"></span> </div> <!-- /ko --> <!-- /ko --></div><!-- /ko -->',
     'dxrd-preview-search': '<div role="search" aria-haspopup="listbox" class="dxrd-preview-search-wrapper" data-bind="visible: active && visible, dxMutationObserver: keyboardHelper"> <div id="dxrd-preview-search-live-region" class="dxrd-visually-hidden" aria-live="polite" aria-atomic="true"></div> <!-- ko with: model.getViewModel() --> <div class="dxrd-preview-search-tab-header"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: headerText"></span> </div> <div class="dxrd-preview-search-tab-editor-button-container"> <div class="dxrd-preview-search-editor dx-searcheditor" data-bind="dxTextBox: searchEditor"></div> <div data-bind="dxButton: buttons.searchButton" class="dxrd-preview-search-button"></div> </div> <div class="dxrd-preview-search-tab-header-text"> <div class="dxrd-preview-search-checkbox" data-bind="dxCheckBox: matchCaseEditor"></div> <div class="dxrd-preview-search-checkbox dxrd-preview-search-checkbox-second" data-bind="dxCheckBox: matchWholeWordEditor"></div> </div> </div> <!-- ko if: (searchResultCount > 0 || loading) --> <div class="dxrd-preview-search-result-wrapper"> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div class = "dxrd-preview-search-results dxrd-preview-search-result-text" data-bind="attr: { id: searchResultHeaderId, \'aria-busy\': loading ? \'true\' : \'false\' }"> <span class="dxrd-preview-search-result-text-bold" data-bind="text: searchResultCount"></span>&nbsp <span data-bind="text: resultsInText"></span>&nbsp <span class="dxrd-preview-search-result-text-bold" data-bind="text: searchResultPageCount"></span>&nbsp <span data-bind="text: resultsPagesText"></span> </div> <div class="dxrd-preview-search-results-navigation"> <div class="dxrdp-search-loading" data-bind="dxLoadIndicator: { visible: loading }"></div> <div data-bind="dxButton: buttons.upButton " class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> <div data-bind="dxButton: buttons.downButton " class="dxrd-preview-search-results-navigation-button dx-searcheditor-button dx-widget dx-dropdowneditor-button dxd-icon-highlighted dx-shape-standard"></div> </div> </div> </div> <div class="dx-accessibility-container-background dxd-back-accented"></div> <div class="dxrd-preview-search-result dxd-border-accented" data-bind="dxList: { dataSource: searchResultDataSource, pageLoadMode: \'scrollBottom\', focusStateEnabled:false, hoverStateEnabled:false, onItemRendered: onItemRendered, noDataText: \'\', encodeNoDataText: true }, attr: { \'aria-labelledby\': searchResultHeaderId }"> <div class="dxrd-preview-search-result-item dxd-list-item-back-color dxd-back-highlighted dx-accessibility-list-item dx-accessibility-focus-border-accented" data-bind="dxAction: { model: data, action: itemClickAction }, attr: attr" data-options="dxTemplate : { name: \'item\' }" > <div class="dx-accessibility-field-background dxd-back-accented"></div> <div class="dxrd-preview-search-tab-item-text propertygrid-editor-displayName dxd-text-primary" data-bind="text: data.text"></div> <div class="dxrd-preview-search-tab-item-info dxd-text-primary" data-bind="text: info"></div> </div> </div> </div> <!-- /ko --> <!-- ko if: (searchCompleted && searchResultCount == 0) --> <div  class="dxrd-preview-search-result-header dxd-border-primary dxd-text-primary"> <div class="dxrd-preview-search-tab-header dxrd-preview-search-indicator-group"> <div data-bind="text: noResultText" class = "dxrd-preview-search-result-text"> </div> </div> </div> <!-- /ko --> <!-- /ko --> </div>',
-    'dxrd-preview-ai-panel': '<div id="dxrd-preview-ai-panel-id" class="dxrd-preview-ai-panel" data-bind="visible: active && visible"> <!-- ko with: model.getViewModel() --> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: aiPanelHeaderLabel"></span> </div> <div class="dxrd-preview-ai-panel-wrapper dx-editors"> <div class="dx-fieldset"> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-target-select" data-bind="text: targetContentText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-target-select" data-bind="dxSelectBox: getSelectBoxOptions(targetSelectBoxOptions, $element)"></div> </div> <!-- ko if: languageSelectBoxOptions.visible --> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-language-select" data-bind="text: targetLanguageText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-language-select" data-bind="dxSelectBox: getSelectBoxOptions(languageSelectBoxOptions, $element)"></div> </div> <!-- /ko --> <!-- ko if: pageSelectBoxVisible --> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-page-select" data-bind="text: pageSelectText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-page-select" data-bind="dxSelectBox: getSelectBoxOptions(pageSelectBoxOptions, $element)"> </div> </div> <!-- /ko --> <div class="dx-field"> <div class="dxrd-preview-ai-buttons-wrapper"> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.translateTextButton"> </div> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.summarizeTextButton"> </div> </div> </div> </div> <!-- ko if: resultVisible --> <div class="dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text"> <span data-bind="text: textProcessingResultHeaderText" class="dxrd-right-panel-result-text"></span> <div role="button" class="dxrd-right-panel-copy-button dx-accessibility-focus-border-accented" tabindex="0" data-bind="event: { keydown: copyText }"> <div class="dxd-icon-highlighted" data-bind="template: { name: buttons.copyResultButton.template }, dxclick: buttons.copyResultButton.onClick"></div> </div> </div> <div id="dxrd-ai-panel-text-area-id" tabindex="0" role="presentation" class="dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2" data-bind="dxTextArea: { value: aiProcessingResultText, onInput: function(e) { e.event.preventDefault(); }, onPaste: function(e) { e.event.preventDefault(); }, onKeyDown: function(e) { if (e.event.key !== \'Tab\') e.event.preventDefault(); }, hoverStateEnabled: false, inputAttr: { spellcheck: \'false\' }, tabIndex: -1 }"> </div> <!-- /ko --> </div> <div data-bind="dxPopup: { width: 350, height: 200, shading: false, focusStateEnabled: false, visible: warningTextLimitPopupVisible, container: \'.dxrd-preview-ai-panel\', target: \'.dxrd-preview-ai-panel\', position: { at: \'top\', my: \'top\', collision: \'fit\', of: \'.dxrd-preview-ai-panel\' }, showCloseButton: false, showTitle: false, wrapperAttr: { class: \'dxrd-preview-ai-panel-warning-popup\' }, }"> <span data-bind="text: limitExceededWarningMsg" class="dxrd-preview-ai-panel-warning-popup-text"></span> <div class="dxrd-preview-ai-panel-warning-popup-checkbox" data-bind="dxCheckBox: proceedForAllCheckBoxOptions"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button-group"> <div class="dxrd-preview-ai-panel-warning-popup-button dx-button-default" data-bind="dxButton: { text: proceedNextChunkButtonText, onClick: proceedNextButtonClick }"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button" data-bind="dxButton: { text: cancelChunkedOperationButtonText, onClick: cancelProcessButtonClick }"> </div> </div> </div> <!-- /ko --></div>',
+    'dxrd-preview-ai-panel': '<div id="dxrd-preview-ai-panel-id" class="dxrd-preview-ai-panel" data-bind="visible: active && visible"> <!-- ko with: model.getViewModel() --> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: aiPanelHeaderLabel"></span> </div> <div class="dxrd-preview-ai-panel-wrapper dx-editors"> <div class="dx-fieldset"> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-target-select" data-bind="text: targetContentText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-target-select" data-bind="dxSelectBox: getSelectBoxOptions(targetSelectBoxOptions, $element)"></div> </div> <!-- ko if: languageSelectBoxOptions.visible --> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-language-select" data-bind="text: targetLanguageText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-language-select" data-bind="dxSelectBox: getSelectBoxOptions(languageSelectBoxOptions, $element)"></div> </div> <!-- /ko --> <!-- ko if: pageSelectBoxVisible --> <div class="dx-field dxrd-preview-ai-select-box"> <label class="dxrd-preview-ai-form-label" for="dxrv-ai-page-select" data-bind="text: pageSelectText"></label> <div class="dxrd-preview-ai-form-input" id="dxrv-ai-page-select" data-bind="dxSelectBox: getSelectBoxOptions(pageSelectBoxOptions, $element)"> </div> </div> <!-- /ko --> <div class="dx-field"> <div class="dxrd-preview-ai-buttons-wrapper"> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.translateTextButton"> </div> <div class="dxrd-preview-ai-buttons dx-accessibility-focus-border-accented" data-bind="dxButton: buttons.summarizeTextButton"> </div> </div> </div> </div> <div class="dxrd-ai-panel-result-container"> <!-- ko if: resultVisible --> <div class="dxrd-right-panel-header dxd-text-primary dxd-border-primary dxrd-ai-result-text"> <span data-bind="text: textProcessingResultHeaderText" class="dxrd-right-panel-result-text"></span> <div role="button" class="dxrd-right-panel-copy-button dx-accessibility-focus-border-accented" tabindex="0" data-bind="event: { keydown: copyText }"> <div class="dxd-icon-highlighted" data-bind="template: { name: buttons.copyResultButton.template }, dxclick: buttons.copyResultButton.onClick"></div> </div> </div> <div id="dxrd-ai-panel-text-area-id" tabindex="0" role="presentation" class="dx-accessibility-focus-border-accented dxrd-preview-ai-panel-textarea dxd-back-primary2" data-bind="dxTextArea: { value: aiProcessingResultText, onInput: function(e) { e.event.preventDefault(); }, onPaste: function(e) { e.event.preventDefault(); }, onKeyDown: function(e) { if (e.event.key !== \'Tab\') e.event.preventDefault(); }, hoverStateEnabled: false, inputAttr: { spellcheck: \'false\' }, tabIndex: -1 }"> </div> <!-- /ko --> <!-- ko if: loading --> <div data-bind="dxAILoadingPanel: getLoadPanelOptions($element)"></div> <!-- /ko --> </div> </div> <div data-bind="dxPopup: { width: 350, height: 200, shading: false, focusStateEnabled: false, visible: warningTextLimitPopupVisible, container: \'.dxrd-preview-ai-panel\', target: \'.dxrd-preview-ai-panel\', position: { at: \'top\', my: \'top\', collision: \'fit\', of: \'.dxrd-preview-ai-panel\' }, showCloseButton: false, showTitle: false, wrapperAttr: { class: \'dxrd-preview-ai-panel-warning-popup\' }, }"> <span data-bind="text: limitExceededWarningMsg" class="dxrd-preview-ai-panel-warning-popup-text"></span> <div class="dxrd-preview-ai-panel-warning-popup-checkbox" data-bind="dxCheckBox: proceedForAllCheckBoxOptions"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button-group"> <div class="dxrd-preview-ai-panel-warning-popup-button dx-button-default" data-bind="dxButton: { text: proceedNextChunkButtonText, onClick: proceedNextButtonClick }"> </div> <div class="dxrd-preview-ai-panel-warning-popup-button" data-bind="dxButton: { text: cancelChunkedOperationButtonText, onClick: cancelProcessButtonClick }"> </div> </div> </div> <!-- /ko --></div>',
     'dxrd-preview-progress-bar': '<div role="dialog" class="dxrd-preview-progress dxd-popup-back-color dxd-back-primary2 dxd-border-primary" data-bind="visible: visible, css: cssClasses, dxMutationObserver: progressBarAccessibilityKeyboardHelper"> <div class="dxrd-preview-progress-text dxd-text-primary" data-bind="text : text"></div> <div class="dxrd-preview-progress-bar dxd-back-primary"> <div class="dxrd-preview-progress-value dxd-preview-progress-bar-value-color dxd-back-accented" data-bind="style : { width: progress  + \'%\' }"></div> </div> <div role="button" class="dxrd-preview-progress-cancel dxd-hyperlink-color dxd-border-accented dxd-text-accented dx-accessibility-list-item dx-accessibility-border-accented" data-bind="text: cancelButton.text, visible: cancelButton.visible, click: function() { cancelButton.action && cancelButton.action(); }"></div> </div>',
     'dxrd-preview-parameters': '<div class="dxrd-preview-parameters-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: model.headerText, visible: model.showHeader"></span> <!-- ko if: (model && !model.isEmpty) --> <!-- /ko --> </div> <!-- ko if: (!model || model.isEmpty) --> <div class="dxrd-group-header-parameters-empty dxd-text-primary" data-bind="text: model.emptyText"></div> <!-- /ko --> <!-- ko if: (model && !model.isEmpty) --> <div class="dxrd-right-panel-body" id="propertiesPanel" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); } }, dxValidationGroup: {}, dxMutationObserver: keyboardHelper"> <div role="tree" class="dx-fieldset dxrd-right-panel-content"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <div class="dxrd-preview-parameter-actions-container" data-bind="visible: model.showButtons"> <div class="dxrd-preview-parameter-action dxrd-preview-loading" data-bind="dxLoadIndicator: { visible: model.parametersLoading }"></div> <!-- ko foreach: model.buttons --> <div class="dxrd-preview-parameter-action dx-accessibility-focus-border-accented" data-bind="dxButton: $data"></div> <!-- /ko --> </div> </div> <!-- /ko --> </div>',
     'dxrd-preview-pager': '<div class="dxrd-preview-pager dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-preview-pager-selectbox" data-bind="dxSelectBox: { dataSource: widget.dataSource, onValueChanged: widget.onValueChanged, value: widget.value, displayExpr: widget.displayExpr, useItemTextAsTitle: true, itemTemplate: widget.itemTemplate, searchMode: widget.searchMode, searchEnabled: widget.searchEnabled, searchTimeout: widget.searchTimeout, disabled: widget.disabled, dropDownOptions: { container: getPopupContainer($element), wrapperAttr: widget.wrapperAttr, }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: $data.hasSeparator"></div> </div>',