devexpress-reporting 24.2.2-beta → 24.2.3

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-reporting.d.ts)
-* Version:  24.2.2-beta
-* Build date: Nov 18, 2024
+* Version:  24.2.3
+* Build date: Dec 9, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -1256,6 +1256,7 @@ declare module DevExpress.Reporting.Designer.Internal {
         static getRichImage(surface: DevExpress.Reporting.Designer.Controls.XRRichSurface, propertyName: any): any;
         static getPdfContentData(control: DevExpress.Reporting.Designer.Controls.XRPdfContentViewModel): any;
     }
+    /// <reference types="jquery" />
     export class TextElementSizeHelper {
         private _spaceSymbol;
         private _$createElement;
@@ -1294,6 +1295,7 @@ declare module DevExpress.Reporting.Designer.Internal {
         addCalculationNode(node: ITableCalculationNode): void;
         hasCalculationNode(rowIndex: number, cellIndex: number): boolean;
     }
+    /// <reference types="jquery" />
     export function selectTreeListItem(item: DevExpress.Analytics.Widgets.Internal.ITreeListItemViewModel, event: JQueryEventObject): void;
     export function getClosestDataMember(control: DevExpress.Reporting.Designer.Controls.XRReportElementViewModel): string;
     export function getExpressionPath(container: DevExpress.Reporting.Designer.Controls.XRReportElementViewModel, pathRequest: string | DevExpress.Analytics.Utils.PathRequest): string;
@@ -1491,6 +1493,8 @@ declare module DevExpress.Reporting.Designer.Internal {
         createArrayItem(currentTarget: DevExpress.Reporting.Designer.Data.ParameterPanelLayoutItem[], result: DevExpress.Analytics.Utils.IDataMemberInfo[], propertyName?: any): void;
         private _noDragable;
     }
+    /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export abstract class ObjectExplorerDragDropHelper extends ReorderTreeListDragDropHelper {
         private _orderingAreaHeight;
         protected _isInTopOrderArea(targetElement: JQuery<HTMLElement>, mouseLocationY?: number): boolean;
@@ -1499,6 +1503,7 @@ declare module DevExpress.Reporting.Designer.Internal {
         protected _shouldCheckAreas(): boolean;
         setNewDropTarget(elementModel: any, element: HTMLElement, mouseLocationY?: number): void;
     }
+    /// <reference types="jquery" />
     export class ObjectExplorerDragDropHandler extends DragDropHandler {
         private _canAddItems;
         protected undoEngine: ko.Observable<DevExpress.Analytics.Utils.UndoEngine> | ko.Computed<DevExpress.Analytics.Utils.UndoEngine>;
@@ -1508,6 +1513,7 @@ declare module DevExpress.Reporting.Designer.Internal {
         drag(event: MouseEvent | JQueryEventObject, ui: HTMLElement): void;
         reportControlsDragDropHelper: DevExpress.Reporting.Designer.Internal.ObjectExplorerDragDropHelper;
     }
+    /// <reference types="jquery" />
     class ParameterLayoutDragDropHelper extends ObjectExplorerDragDropHelper {
         private _selectedItem;
         private _dropBefore;
@@ -1691,6 +1697,7 @@ declare module DevExpress.Reporting.Designer.Internal {
         };
         getActions(context: any): DevExpress.Analytics.Utils.IAction[];
     }
+    /// <reference types="jquery" />
     export interface IReportWizardCallbacks extends IMultiQueryDataSourceWizardCallbacks {
         createSqlDataSourceInfo?: (dataSource: DevExpress.Analytics.Data.SqlDataSource) => DevExpress.Analytics.Internal.DxPromise<IDataSourceInfo>;
         createJsonDataSourceInfo?: (dataSource: DevExpress.Analytics.Data.JsonDataSource) => DevExpress.Analytics.Internal.DxPromise<IDataSourceInfo>;
@@ -1982,6 +1989,7 @@ declare module DevExpress.Reporting.Designer.Internal {
         static getLabelReportWizardData(): any;
         static createNewJsonDataSource(state: DevExpress.Analytics.Wizard.IJsonDataSourceWizardState, createJsonCallback: (dataSource: DevExpress.Analytics.Data.JsonDataSource) => DevExpress.Analytics.Internal.DxPromise<IDataSourceInfo>): DevExpress.Analytics.Internal.DxPromise<string>;
     }
+    /// <reference types="jquery" />
     export let labelReportWizardPromise: JQueryPromise<{
         labelProducts: DevExpress.Reporting.Designer.Wizard.ILabelProduct[];
         paperKinds: DevExpress.Reporting.Designer.Wizard.IPaperKind[];
@@ -2649,6 +2657,7 @@ declare module DevExpress.Reporting.Designer.Internal {
         getSiblings(): ko.ObservableArray<any>;
         stop(): DevExpress.Analytics.Internal.ISelectionTarget;
     }
+    /// <reference types="jquery" />
     export class ReportExplorerDragDropHandler extends ObjectExplorerDragDropHandler {
         private _isStyle;
         private _isFormatingRule;
@@ -2805,6 +2814,8 @@ declare module DevExpress.Reporting.Designer.Internal {
     export function registerCustomControls(controls: DevExpress.Reporting.Designer.Utils.ICustomControlTypeInfo[]): void;
     export function registerCustomGlobalExpressions(expressions: DevExpress.Reporting.Designer.Utils.ICustomExpressionInfo[]): void;
     export function registerCustomReportExpressions(expressions: DevExpress.Reporting.Designer.Utils.ICustomExpressionInfo[]): void;
+    /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class ReportMenuSettings extends MenuSettings {
         _appMenuVisible: ko.Observable<boolean>;
         dispose(): void;
@@ -3851,6 +3862,11 @@ declare module DevExpress.Reporting.Designer.Controls.Metadata {
         disabled: boolean;
         defaultVal: number;
     };
+    export const useSvgRendering: {
+        propertyName: string;
+        modelName: string;
+        defaultVal: boolean;
+    };
     export const pdfContentSerializationInfo: DevExpress.Analytics.Utils.ISerializationInfoArray;
     export const popularPropertiesPdfContent: string[];
     export const shapeType: DevExpress.Analytics.Utils.ISerializationInfo;
@@ -4798,6 +4814,8 @@ declare module DevExpress.Reporting.Designer.Controls {
         style: ko.Observable<string> | ko.Computed<string>;
         customGlyphs: ICheckBoxCustomGlyphs;
     }
+    /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class XRTextControlSurfaceBase<M extends DevExpress.Analytics.Elements.ElementViewModel<ControlType>> extends XRControlSurfaceBase<M> {
         private _$element;
         private _font;
@@ -4978,6 +4996,8 @@ declare module DevExpress.Reporting.Designer.Controls {
         resizeOptions: DevExpress.Analytics.Internal.IResizeHandler;
     }
     export const levelDefaultHeight = 23;
+    /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class TableOfContentsLevel extends ElementViewModel<DevExpress.Reporting.Designer.Internal.ControlType> {
         dispose(): void;
         static createNew(parent: DevExpress.Reporting.Designer.Controls.XRTableOfContentsViewModel): DevExpress.Reporting.Designer.Controls.TableOfContentsLevel;
@@ -7731,6 +7751,8 @@ declare module DevExpress.Reporting.Viewer.Widgets {
     export const predefinedDateRangesModel: PredefinedDateRangeModel;
     export const predefinedDateRanges: DevExpress.Reporting.Viewer.Widgets.IDateRangeEditorItem[];
     export {};
+    /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export type IDateRangeEditorPredefinedItemViewModel = DevExpress.Reporting.Viewer.Widgets.IDateRangeEditorItem & {
         click: () => void;
         selected: boolean;
@@ -8207,6 +8229,7 @@ declare module DevExpress.Reporting.Viewer.Internal {
         smartTagAIMenu: null;
         DxMenuOptions;
         smartTagAIMenuPosition: DevExpress.Reporting.Viewer.Internal.SurfacePosition;
+        aiServicesEnabled: boolean;
     }
     export function createPreviewPageViewModel(this: DevExpress.Reporting.Viewer.Internal.PreviewPage, base: DevExpress.Reporting.Viewer.Internal.IPreviewPageViewModel): DevExpress.Reporting.Viewer.Internal.IPreviewPageViewModel;
     export function updatePreviewPageViewModel(this: DevExpress.Reporting.Viewer.Internal.PreviewPage, args: DevExpress.Analytics.Serializer.Native.PropertyChangedEventArgs<PreviewPage> | DevExpress.Analytics.Serializer.Native.ArrayPropertyChangedEventArgs<PreviewPage>): void;
@@ -8377,11 +8400,13 @@ declare module DevExpress.Reporting.Viewer.Internal {
         color: string;
     }
     export function updatePreviewPageRendererBinding(element: HTMLElement, imageData: DevExpress.Reporting.Viewer.Internal.IPreviewImageOptions): void;
+    /// <reference types="jquery" />
     export function convertToPercent(childSize: any, parentSize: any): string;
     export function getBrickValueForKey(brick: DevExpress.Reporting.Viewer.Utils.IBrickNode, key?: string): any;
     export function brickText(brick: DevExpress.Reporting.Viewer.Utils.IBrickNode, editingFieldsProvider?: () => DevExpress.Reporting.Viewer.Editing.EditingField[]): any;
     export function updateBricksPosition(brick: DevExpress.Reporting.Viewer.Utils.IBrickNode, height: any, width: any): void;
     export function initializeBrick(brick: DevExpress.Reporting.Viewer.Utils.IBrickNode, processClick: (target: DevExpress.Reporting.Viewer.Utils.IBrickNode, e?: JQueryEventObject) => void, editingFieldBricks: DevExpress.Reporting.Viewer.Utils.IBrickNode[]): void;
+    /// <reference types="jquery" />
     export interface IGetPageRequest {
         pageIndex: number;
         documentId: string;
@@ -9220,14 +9245,8 @@ declare module DevExpress.Reporting.Viewer.Editing {
         visible: boolean;
         getPositionTarget: (element: HTMLElement) => HTMLElement;
         showContent: boolean;
-        onShown: (e: {
-            element: any;
-            component: any;
-        }) => void;
-        onHiding: (e: {
-            element: any;
-            component: any;
-        }) => void;
+        onShown: (e: Object) => void;
+        onHiding: (e: Object) => void;
         onContentReady: (event: DevExpress.ui.dxPopup.ContentReadyEvent) => void;
         renderedHandler: () => void;
         shading: boolean;
@@ -9660,6 +9679,7 @@ declare module DevExpress.Reporting.Viewer {
         itemHandleUpArrowKey(e: any, index?: any): boolean;
         itemHandleRightArrowKey(e: any, index?: any): boolean;
     }
+    /// <reference types="jquery" />
     export class ReportPreview extends ReportHolder {
         private enableKeyboardSupport?;
         predefinedZoomLevels: number[];
@@ -10128,6 +10148,7 @@ declare module DevExpress.Reporting.Designer.Data.Metadata {
         valuesArray: {
             displayValue: string;
             value: string;
+            localizationId: string;
         }[];
     };
     export const groupLayoutItemInfo: DevExpress.Analytics.Utils.ISerializationInfoArray;
@@ -11043,6 +11064,7 @@ declare module DevExpress.Reporting.Designer {
             name: string;
         }): void;
     }
+    /// <reference types="jquery" />
     export class JSReportDesigner {
         private _designerModel;
         get designerModel(): DevExpress.Reporting.Designer.IReportDesignerRootContext;
@@ -12609,6 +12631,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
         get createNewOperationText(): any;
     }
     export function _registerChooseAvailableDataSourcePage(factory: DevExpress.Analytics.Wizard.PageFactory, reportWizardOptions: DevExpress.Reporting.Designer.Wizard._ReportWizardOptions): void;
+    /// <reference types="jquery" />
     interface ISelectReportTypePageOptions {
         canCreateDatabound: boolean | (() => boolean);
         showVertical?: boolean;
@@ -12638,6 +12661,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
     export function _registerChooseDataSourceTypePage(factory: DevExpress.Analytics.Wizard.PageFactory, dataSourceWizardOptions: DevExpress.Reporting.Designer.Wizard._ReportWizardOptions): void;
     export {};
     /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class SelectDataMembersPage extends WizardPageBase {
         private _fieldListCallBack;
         protected _hideDataMemberSubItems: boolean;
@@ -12897,6 +12921,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
     }
     export function _registerSpecifyFederationDataSourceSettingsPage(factory: DevExpress.Analytics.Wizard.FullscreenWizardPageFactory, wizardOptions: DevExpress.Reporting.Designer.Wizard._ReportWizardOptions): void;
     /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class ChooseJsonSchemaPage extends ChooseAnalyticJsonSchemaPage {
         private _dataSourceWizardHelper;
         private _dataSourceId;
@@ -12910,6 +12935,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
     }
     export function _registerSpecifyJsonDataSourceSettingsPage(factory: DevExpress.Analytics.Wizard.FullscreenWizardPageFactory, wizardOptions: DevExpress.Reporting.Designer.Wizard._ReportWizardOptions): void;
     /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class CustomizeLabelPage extends WizardPageBase {
         static _CONVERSION_COEEFICIENT: number;
         private _id;
@@ -12963,6 +12989,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
     }
     export function _registerCustomizeLabelPage(factory: DevExpress.Analytics.Wizard.PageFactory): void;
     /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class SelectLabelTypePage extends WizardPageBase {
         constructor();
         initialize(state: DevExpress.Reporting.Designer.Wizard.IReportWizardState): JQueryPromise<{
@@ -13044,6 +13071,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
     export function _applyColorSchemeState(data: DevExpress.Reporting.Designer.Wizard.IColorSchemeState, state: DevExpress.Reporting.Designer.Wizard.IColorSchemeState): void;
     export function _registerChooseReportColorSchemePage(factory: DevExpress.Analytics.Wizard.PageFactory): void;
     /// <reference types="jquery" />
+    /// <reference types="jquery" />
     interface IPageSettings {
         width: ko.Observable<number>;
         height: ko.Observable<number>;
@@ -13103,6 +13131,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
     export function _registerConfigureReportPageSettingsPage(factory: DevExpress.Analytics.Wizard.PageFactory): void;
     export {};
     /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class ConfigurePageSettingsPage extends WizardPageBase {
         _configureReportPageSettingsPage: DevExpress.Reporting.Designer.Wizard.ConfigureReportPageSettingsPage;
         _colorSchemePage: DevExpress.Reporting.Designer.Wizard.ChooseReportColorSchemePage;
@@ -13204,6 +13233,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
         reportTitle: ko.Observable<string>;
     }
     export function _registerSetReportTitlePage(factory: DevExpress.Analytics.Wizard.PageFactory): void;
+    /// <reference types="jquery" />
     export class ReportWizard extends PopupWizard {
         private _reportWizardOptions;
         protected _callBeforeFinishHandler(state: any, wizardModel?: any): void;
@@ -13339,6 +13369,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
     }
     export function _registerLegacySelectColumnsPage(factory: DevExpress.Analytics.Wizard.PageFactory, fieldListItemsCallback: DevExpress.Reporting.Designer.Internal.IReportWizardFieldsCallback): void;
     /// <reference types="jquery" />
+    /// <reference types="jquery" />
     export class LegacyChooseDataMemberPage extends WizardPageBase {
         private _rootItems;
         private _selectedPath;
@@ -13365,6 +13396,7 @@ declare module DevExpress.Reporting.Designer.Wizard {
         };
     }
     export function _registerLegacyChooseDataMemberPage(factory: DevExpress.Analytics.Wizard.PageFactory, reportWizardOptions: DevExpress.Reporting.Designer.Wizard._ReportWizardOptions): void;
+    /// <reference types="jquery" />
     export class LegacyReportWizard extends PopupWizard {
         private _reportWizardOptions;
         protected _callBeforeFinishHandler(state: any, wizardModel?: any): void;
@@ -14381,6 +14413,7 @@ declare module DevExpress.Reporting.Viewer.Mobile.Internal {
         initializeBlockItems: () => void;
         swipeEnabled: boolean;
     }
+    /// <reference types="jquery" />
     export const slowdownDisctanceFactor = 2.5;
     export const minScale = 0.92;
     export class EventProcessor extends Disposable {

package/dist/js/dx-webdocumentviewer.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (dist\js\dx-webdocumentviewer.js)
-* Version:  24.2.2-beta
-* Build date: Nov 18, 2024
+* Version:  24.2.3
+* Build date: Dec 9, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -989,7 +989,7 @@ class EventGenerator {
 ;// external "DevExpress.Analytics.Internal.dxversions"
 const external_DevExpress_Analytics_Internal_dxversions_namespaceObject = DevExpress.Analytics.Internal.dxversions;
 ;// ./node_modules/devexpress-reporting/dx-reporting-version.js
-const version = '24.2.2';
+const version = '24.2.3';
 
 ;// ./node_modules/devexpress-reporting/common/versions.js
 
@@ -5239,6 +5239,7 @@ function initializeBrick(brick, processClick, editingFieldBricks) {
 ;// ./node_modules/devexpress-reporting/viewer/internal/_page.viewModel.js
 
 
+
 function createPreviewPageViewModel(base) {
     return (0,external_DevExpress_Analytics_Serializer_Native_namespaceObject.createViewModelGenerator)(base)
         .generateProperty('pageLoading', this.pageLoading)
@@ -5282,6 +5283,7 @@ function createPreviewPageViewModel(base) {
         .generateProperty('editingFieldsKeyboardHelper', this.editingFieldsKeyboardHelper)
         .generateProperty('smartTagAIMenu', this.smartTagAIMenu)
         .generateProperty('smartTagAIMenuPosition', this.smartTagAIMenuPosition)
+        .generateProperty('aiServicesEnabled', AIServicesEnabled())
         .getViewModel();
 }
 function updatePreviewPageViewModel(args) {
@@ -8304,7 +8306,7 @@ class PaginationAction extends NavigationAction {
         if (this.reportPreview.pageIndex < 0) {
             return null;
         }
-        const items = this.getPageItems();
+        const items = this.pageItems;
         return items && items.store && (items.store.length > this.reportPreview.pageIndex) && items.store[this.reportPreview.pageIndex];
     }
     isDisabled() {
@@ -12375,7 +12377,7 @@ function createViewModel(viewModel) {
     const PageSelectText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Page', 'ASPxReportsStringId.AIPanel_Page');
     const SummarizeActionText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Summarize', 'ASPxReportsStringId.AIPanel_SummarizeAction');
     const TranslateActionText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Translate', 'ASPxReportsStringId.AIPanel_TranslateAction');
-    const ProcessForAllCheckBoxText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('I agree to process all requests in succession/sequentially.');
+    const ProcessForAllCheckBoxText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('I agree to process all requests in succession/sequentially.', 'ASPxReportsStringId.AIPanel_AgreeToAllChunks');
     const TextProcessingResultHeaderTest = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Result', 'ASPxReportsStringId.AIPanel_ProcessingResultHeader');
     const ProceedNextChunkButtonText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Proceed', 'ASPxReportsStringId.AIPanel_ProceedChunk');
     const CancelChunkedOperationButtonText = (0,external_DevExpress_Analytics_Internal_namespaceObject.getLocalization)('Cancel', 'ASPxReportsStringId.AIPanel_CancelChunk');
@@ -14379,7 +14381,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('foreach: clickableBricks', function ($context, $element) { return { 'foreach': function () { return $context.$data.clickableBricks; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('template: { name: "dxrd-page-brick-clickable", data: $data }', function ($context, $element) { return { 'template': function () { return { 'name': 'dxrd-page-brick-clickable', 'data': $context.$data }; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: !brickLoading && $data.editingFields', function ($context, $element) { return { 'if': function () { return !$context.$data.brickLoading && $context.$data.editingFields; } }; });
-(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: activeBricks.length > 0', function ($context, $element) { return { 'if': function () { return $context.$data.activeBricks.length > 0; } }; });
+(0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: aiServicesEnabled && activeBricks.length > 0', function ($context, $element) { return { 'if': function () { return $context.$data.aiServicesEnabled && $context.$data.activeBricks.length > 0; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.text', function ($context, $element) { return { 'if': function () { return $context.$data.text; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.items', function ($context, $element) { return { 'if': function () { return $context.$data.items; } }; });
 (0,external_DevExpress_Analytics_Widgets_Internal_namespaceObject.addToBindingsCache)('if: $data.icon', function ($context, $element) { return { 'if': function () { return $context.$data.icon; } }; });
@@ -14580,7 +14582,7 @@ external_DevExpress_Analytics_Widgets_Internal_namespaceObject.SvgTemplatesEngin
     'dxrd-preview-export-options': '<div class="dxrd-preview-export-options-wrapper dxrd-preview-property-wrapper" data-bind="visible: active && visible"> <div class="dxrd-right-panel-header dxd-text-primary"> <span data-bind="text: $root.getLocalization(\'Export Options\', \'DevExpress.XtraReports.UI.XtraReport.ExportOptions\')"></span> </div> <div class="dxrd-right-panel-body" data-bind="dxScrollView: { showScrollbar: \'onHover\', useNative: false, scrollByThumb: true, onInitialized: function(e) { e.component.option(\'useKeyboard\', false); }  }"> <div class="dx-fieldset" data-bind="dxMutationObserver: keyboardHelper"> <div class="dxrd-right-panel-content dxrd-export-options-content" role="tree"> <!-- ko template: { name: \'dx-propertieseditor\', data: propertyGrid } --> <!-- /ko --> </div> <!-- ko template: { name: \'dx-propertygrid-popoverservice\', if: propertyGrid.popover, data: propertyGrid.popover } --> <!-- /ko --> </div> </div></div>',
     'dxrd-preview-export-to': '<div class="dxrd-preview-export-toolbar-item dxrd-toolbar-item" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented"> <div class="dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted" data-bind="dxMenu: { elementAttr: { class: \'dxrd-preview-export-to dxd-button-back-color dxd-state-normal dxd-icon-highlighted\' }, disabled: disabled, items: widget.items, cssClass: \'dxrdp-export-to-menu\', onItemClick: click, onSubmenuShowing: widget.onSubmenuShowing(getPopupContainer($element), $element), onSubmenuShown: widget.onSubmenuShown, onSubmenuHiding: widget.onSubmenuHiding, onItemRendered: widget.onItemRendered, tabIndex: \'-1\', }"> <div data-options="dxTemplate: { name: \'item\' }" data-bind="attr: { title: text }"> <!--ko if: $data.format --> <div class="dxrd-preview-export-item-text" data-bind="text: text"></div> <!-- /ko --> <!--ko ifnot: $data.format --> <div class="dxrd-preview-export-item-image-wrapper"> <div class="dxrd-preview-export-item-image" data-bind="css: imageClassName, template: imageTemplateName"> </div> </div> <div class="dx-menu-item-popout-container"> <div class="dx-menu-item-popout"></div> </div> <!-- /ko --> </div> </div> </div> <div class="dxrd-toolbar-item-separator dxd-toolbar-separator-color dxd-border-secondary" data-bind="visible: hasSeparator"></div> </div>',
     'dxrd-page-brick-clickable': '<div class="dxrd-report-preview-brick" data-bind="dxclick: function(_, event){ onClick(event); event.stopPropagation(); }, style: { top: topP, left: $data.leftP, right: $data.rightP, height: heightP, width: widthP }, css: { \'dxrd-report-preview-brick-selected\': $data.active, \'dxrd-report-preview-brick-selectable\': !($data.bricks) }"> <!-- ko if: $data.navigation --> <div class="dxrd-report-preview-brick-navigation" data-bind="css: { \'dxrdp-navigation-brick-drill-down\' : !!navigation.drillDownKey, \'dxrdp-navigation-brick-sorting\' : !!navigation.sortData, \'dxrdp-navigation-brick-sorting-desc\': navigation.sortData && navigation.sortData.order === 1, \'dxrdp-navigation-brick-sorting-asc\': navigation.sortData && navigation.sortData.order === 2 }"></div> <!--/ko--> </div>',
-    'dxrd-preview-page': '<div role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': currentPageAriaLabelImgAlt }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg"> <div class="dxrd-report-preview-content-loading-wrapper dxrd-background-white"  data-bind="styleunit: { \'width\': width + 2, \'height\': height + 2 }, visible: pageLoading"> <div class="dxrd-report-preview-content-loading-panel dxrd-text-align-center"  data-bind="styleunit: { \'paddingTop\': height / 2.3 }"> <div class="dxrd-report-preview-content-loading-panel-text" data-bind="text: loadingText"></div> </div> </div> <div data-bind="dxPreviewPageRenderer: imageOptions, visible: !pageLoading"> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko foreach: clickableBricks --> <!-- ko template: { name: "dxrd-page-brick-clickable", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && $data.editingFields--> <div data-bind="dxMutationObserver: editingFieldsKeyboardHelper"> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> </div> <!--/ko--> <!-- ko if: activeBricks.length > 0 --> <div data-bind="style: { \'position\': \'absolute\', top: smartTagAIMenuPosition.topP, left: smartTagAIMenuPosition.leftP, right: smartTagAIMenuPosition.rightP, height: smartTagAIMenuPosition.heightP, width: smartTagAIMenuPosition.widthP }"> <div class="dxrd-control-ai-smart-tag dxd-icon-accented" data-bind="dxMenu: smartTagAIMenu"> <div class="dxrd-ai-floating-smart-tag-container"> <!-- ko if: $data.text --> <div class="dxrd-ai-floating-smart-tag-text" data-bind="text: text"></div> <!-- ko if: $data.items --> <div class="dx-icon dxrd-ai-floating-smart-tag-items" data-bind="css: { \'dx-icon-spinright\': !$root.rtl, \'dx-icon-spinleft\': $root.rtl }"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: $data.icon --> <div class="dxrd-ai-floating-smart-tag-icon"> <div data-bind="template: icon"> </div> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> </div> </div>',
+    'dxrd-preview-page': '<div role="img" class="dxrd-report-preview-content dxrd-position-relative dxrd-width-100 dxrd-height-100"  data-bind="attr: {\'aria-label\': currentPageAriaLabelImgAlt }, dxclick: clickToBrick, \'brick-selection-prog\': brickSelectionProg"> <div class="dxrd-report-preview-content-loading-wrapper dxrd-background-white"  data-bind="styleunit: { \'width\': width + 2, \'height\': height + 2 }, visible: pageLoading"> <div class="dxrd-report-preview-content-loading-panel dxrd-text-align-center"  data-bind="styleunit: { \'paddingTop\': height / 2.3 }"> <div class="dxrd-report-preview-content-loading-panel-text" data-bind="text: loadingText"></div> </div> </div> <div data-bind="dxPreviewPageRenderer: imageOptions, visible: !pageLoading"> <!-- ko foreach: activeBricks --> <!-- ko template: { name: "dxrd-page-brick-mobile", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko foreach: clickableBricks --> <!-- ko template: { name: "dxrd-page-brick-clickable", data: $data } --> <!--/ko--> <!--/ko--> <!-- ko if: !brickLoading && $data.editingFields--> <div data-bind="dxMutationObserver: editingFieldsKeyboardHelper"> <!-- ko foreach: editingFields --> <!-- ko template: template --> <!--/ko--> <!--/ko--> </div> <!--/ko--> <!-- ko if: aiServicesEnabled && activeBricks.length > 0 --> <div data-bind="style: { \'position\': \'absolute\', top: smartTagAIMenuPosition.topP, left: smartTagAIMenuPosition.leftP, right: smartTagAIMenuPosition.rightP, height: smartTagAIMenuPosition.heightP, width: smartTagAIMenuPosition.widthP }"> <div class="dxrd-control-ai-smart-tag dxd-icon-accented" data-bind="dxMenu: smartTagAIMenu"> <div class="dxrd-ai-floating-smart-tag-container"> <!-- ko if: $data.text --> <div class="dxrd-ai-floating-smart-tag-text" data-bind="text: text"></div> <!-- ko if: $data.items --> <div class="dx-icon dxrd-ai-floating-smart-tag-items" data-bind="css: { \'dx-icon-spinright\': !$root.rtl, \'dx-icon-spinleft\': $root.rtl }"></div> <!-- /ko --> <!-- /ko --> <!-- ko if: $data.icon --> <div class="dxrd-ai-floating-smart-tag-icon"> <div data-bind="template: icon"> </div> </div> <!-- /ko --> </div> </div> </div> <!-- /ko --> </div> </div>',
     'dxrp-popup-editing-field-image': '<div class="dxrp-editing-field-container" data-bind="style: containerStyle"> <div class="dx-accessibility-editing-field-item dx-accessibility-border-accented" data-bind="dxclick: activateEditor, css: parentPopupClass"> <div class="dxrp-editing-field-popup-container-cloned" data-bind="dxPainter: getPainterOptions()"></div> <!-- ko template: { name: \'dx-picture-editing-popup\' } --> <!-- /ko --> </div> </div>',
     'dx-picture-editing-popup': '<div class="dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen" data-bind="dxPopup: { width: containerStyle.width, height: containerStyle.height, position: { boundary: popupData.getPopupContainer($element), of: popupData.getPositionTarget($element), collision: \'flipfit flipfit\' }, container: popupData.getPopupContainer($element), showTitle: false, target: popupData.getPopupContainer($element), deferRendering: false, hideOnOutsideClick: true, showCloseButton: false, onContentReady: popupData.onContentReady, onHiding: popupData.onHiding, onShown: popupData.onShown, shading: popupData.shading, wrapperAttr: { class: \'dx-picture-edit-popup-content dx-picture-edit-popup-content-fullscreen\' }, animation: { show: { type: \'slide\', duration: 0, to: { opacity: 1 }, from: { opacity: 0 } }, hide: { type: \'fade\', duration: 100, to: { opacity: 0 }, from: { opacity: 1 } } }, visible: popupData.visible }, cacheElement: { action: function(elt) { setEditingFieldElement(elt); } }"> <!-- ko if: popupData.showContent --> <!-- ko template: { name: popupData.contentTemplate, afterRender: popupData.renderedHandler } --> <!--/ko--> <!--/ko--> </div>',
     'dxrd-zoom-autofit-select-template': '<div class="dxrd-toolbar-item-zoom" data-bind="visible: visible"> <div class="dx-accessibility-toolbar-item dx-accessibility-focus-border-accented" > <div class="dxrd-toolbar-item-zoom-editor" data-bind="dxSelectBox: { items: widget.dataSource, value: widget.value, onValueChanged: widget.onValueChanged, displayExpr: widget.displayExpr, displayCustomValue: true, acceptCustomValue: true, onCustomItemCreating: widget.onCustomItemCreating, useItemTextAsTitle: true, width: 140, dropDownOptions: { container: getPopupContainer($element), position: { my: \'left top\', at: \'left bottom\', of: $element }, wrapperAttr: { class: \'dx-zoom-selectbox-popup-wrapper\' } }, tabIndex: \'-1\', inputAttr: widget.inputAttr }"> </div> </div> </div>',
@@ -14768,6 +14770,8 @@ function createSvgElement(imageData) {
     const container = document.createElement('div');
     container.innerHTML = imageData.svgMarkup;
     const svg = container.querySelector('svg');
+    if (!svg)
+        return null;
     const svgId = (0,external_DevExpress_Analytics_Internal_namespaceObject.guid)();
     svg.id = svgId;
     svg.querySelectorAll('clipPath').forEach(clip => {
@@ -14801,16 +14805,18 @@ function updatePreviewPageRendererBinding(element, imageData) {
         image.classList.add(pointerEventsClass, 'dxrd-width-100', 'dxrd-height-100');
     }
     else {
-        findImage('img')?.remove();
         let svg = findImage('svg');
         if (!svg || imageData.svgMarkup !== element[backupField]) {
             svg?.remove();
             svg = createSvgElement(imageData);
             element[backupField] = imageData.svgMarkup;
+        }
+        if (svg) {
+            findImage('img')?.remove();
             element.prepend(svg);
+            svg.setAttribute('width', imageData.width + 'px');
+            svg.setAttribute('height', imageData.height + 'px');
         }
-        svg.setAttribute('width', imageData.width + 'px');
-        svg.setAttribute('height', imageData.height + 'px');
     }
 }