devexpress-reporting 23.2.6 → 24.1.2-beta

package/designer/controls/xrReport.js

@@ -1,15 +1,14 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrReport.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { SurfaceElementArea } from '@devexpress/analytics-core/analytics-elements';
-import { addDisposeCallback, assignObj, collectionsVisitor, convertFromCssPixelUnits, createObservableArrayMapCollection, CssCalculator, deserializeChildArray, DragDropHandler, extend, getFirstItemByPropertyValue, getFullPath, getPaperSize, getUniqueName, getUniqueNameForNamedObjectsArray, HoverInfo, NotifyAboutWarning, Resizable, roundingXDecimals, unitsToPixel } from '@devexpress/analytics-core/analytics-internal';
+import { $dx, addDisposeCallback, assignObj, collectionsVisitor, convertFromCssPixelUnits, createObservableArrayMapCollection, CssCalculator, deserializeChildArray, DragDropHandler, extend, getFirstItemByPropertyValue, getFullPath, getPaperSize, getUniqueName, getUniqueNameForNamedObjectsArray, HoverInfo, NotifyAboutWarning, Resizable, roundingXDecimals, unitsToPixel } from '@devexpress/analytics-core/analytics-internal';
 import { deserializeArray, Disposable } from '@devexpress/analytics-core/analytics-utils';
 import { FilterStringOptions } from '@devexpress/analytics-core/analytics-widgets';
-import * as $ from 'jquery';
 import * as ko from 'knockout';
 import { defaultCulture } from '../../common/defaultCulture';
 import { transformNewLineCharacters } from '../../common/utils/_utils';
@@ -42,125 +41,7 @@ import { XRCrossBandControlViewModel } from './xrCrossband';
 import { XRReportElementViewModel } from './xrReportelement';
 import { XRTableSurface } from './xrTable';
 import { XRTableCellSurface } from './xrTableCell';
-export class ReportViewModel extends XRReportElementViewModel {
-    constructor(report, serializer, knownEnums) {
-        super(patchMargins(report = report.XtraReportsLayoutSerializer || report), null, serializer = serializer || new ReportModelSerializer());
-        if (this.pageWidth() === pageWidth.defaultVal) {
-            this.pageWidth(ReportViewModel.defaultPageSize.width);
-        }
-        if (this.pageHeight() === pageHeight.defaultVal) {
-            this.pageHeight(ReportViewModel.defaultPageSize.height);
-        }
-        this.knownEnums = knownEnums;
-        this._dataBindingMode = ko.observable('');
-        this._update = ko.observable(false);
-        this._disposables.push(this.isModelReady = ko.pureComputed(() => { return !this._update(); }));
-        this._disposables.push(this.key = ko.pureComputed(() => { return this.name(); }));
-        this._disposables.push(this['displayName'] = ko.pureComputed({
-            read: () => { return this.displayNameObject(); },
-            write: (newValue) => { this.displayNameObject(newValue); }
-        }));
-        this.dataSourceRefs = [];
-        this.dataSourceHelper = ko.observable();
-        this.stylesHelper = ko.observable();
-        this.dataBindingsProvider = ko.observable();
-        this._disposables.push(this.parameterHelper = new ReportParameterHelper(this));
-        this.parameterHelper.initialize(knownEnums);
-        this._disposables.push(this.measureUnit.subscribe((unitType) => {
-            this._update(true);
-            this._recalculateUnits(unitType);
-            this._updatePageSize(this.paperKind.peek());
-            this._update(false);
-        }));
-        this._disposables.push(this.landscape.subscribe((newVal) => {
-            const width = this.pageWidth();
-            this.pageWidth(this.pageHeight());
-            this.pageHeight(width);
-        }));
-        this._disposables.push(this.dataSource.subscribe((newVal) => {
-            if (!newVal) {
-                this.dataMember(null);
-            }
-        }));
-        this.styles = deserializeArray(report.StyleSheet, (item) => { return new StyleModel(item, this, serializer); });
-        this._objectStorage = deserializeArray(report.ObjectStorage, (item) => { return createNewObjectItem(item, this.dsHelperProvider, serializer); });
-        this._componentStorage = deserializeArray(report.ComponentStorage, (item) => { return createNewObjectItem(item, this.dsHelperProvider, serializer); });
-        this.objectStorage = ReportViewModel.createObjectStorage(this._componentStorage, this._objectStorage, (subscription) => this._disposables.push(subscription));
-        this.objectsStorageHelper = new ObjectsStorage(this.objectStorage, this.dsHelperProvider);
-        this._disposables.push(this.objectsStorageHelper);
-        this.parameters = deserializeArray(report.Parameters, (item) => { return new Parameter(item, this, serializer); });
-        this.parameterPanelLayoutItems = deserializeArray(report.ParameterPanelLayoutItems, (item) => { return ParameterPanelLayoutItem.createLayoutItem(item, this, serializer); });
-        this.parameterHelper.updateParameterLayoutItems();
-        this.objectStorage().forEach((objectStorage) => {
-            if (objectStorage instanceof UniversalDataSource) {
-                objectStorage['tableInfoCollection']().forEach((tableInfoCollection) => {
-                    tableInfoCollection.filterString().helper.parameters = this.parameters;
-                });
-            }
-        });
-        this.bands = deserializeChildArray(report.Bands, this, (item) => { return this.createControl(item, serializer); });
-        initLevels(this.bands());
-        this.bands().sort(sortBands);
-        this.extensions = deserializeArray(report.Extensions, (item) => { return new ExtensionModel(item, serializer); });
-        this.crossBandControls = deserializeArray(report.CrossBandControls, (item) => { return this.createControl(item, serializer); });
-        this.calculatedFields = deserializeArray(report.CalculatedFields, (item) => { return new CalculatedField(item, serializer); });
-        this.watermarks = deserializeArray(report.Watermarks, (item) => { return new WatermarkModel(item, serializer); });
-        this._initializeBands();
-        this.formattingRuleSheet = deserializeArray(report.FormattingRuleSheet, (item) => { return new FormattingRule(item, this, serializer); });
-        this.components = ko.observableArray([]);
-        this._disposables.push(this.formattingRuleSheet.subscribe((args) => {
-            args.forEach((rule) => {
-                if (!rule.value.name()) {
-                    rule.value.name(getUniqueNameForNamedObjectsArray(this.formattingRuleSheet(), 'formattingRule'));
-                }
-                if (!rule.value.parent) {
-                    rule.value.parent = this;
-                }
-            });
-        }, null, 'arrayChange'));
-        this._disposables.push(this.margins.left.subscribe((newVal) => {
-            if (this.isModelReady() && newVal > this.pageWidth() - this.margins.right()) {
-                this.margins.right(this.pageWidth() - this.margins.left());
-            }
-        }));
-        this._disposables.push(this.margins.right.subscribe((newVal) => {
-            if (this.isModelReady() && newVal > this.pageWidth() - this.margins.left()) {
-                this.margins.left(this.pageWidth() - this.margins.right());
-            }
-        }));
-        this._disposables.push(this.paperKind.subscribe((newVal) => {
-            newVal !== 'Custom' && this._updatePageSize(newVal);
-        }));
-        const dataMember = ko.pureComputed(() => {
-            return getFullPath(this.getPath('dataMember'), this.dataMember());
-        });
-        const dataSource = this.dataSource;
-        const disabled = ko.pureComputed(() => !dataSource());
-        const filterString = new FilterStringOptions(this['_filterString'], dataMember, disabled);
-        this._disposables.push(dataMember);
-        this._disposables.push(disabled);
-        filterString.helper.parameters = ko.computed(() => {
-            return collectAvailableParameters(this.parameters());
-        });
-        this._disposables.push(filterString.helper.parameters);
-        this['filterString'] = filterString;
-        this._scriptReferencesString = ko.observable(this.scriptReferencesString());
-        this._disposables.push(this.scriptReferencesString = ko.pureComputed({
-            read: () => { return this._scriptReferencesString(); },
-            write: (newVal) => { this._scriptReferencesString(transformNewLineCharacters(newVal)); }
-        }));
-        this._localizationItems = deserializeArray(report.LocalizationItems, (item) => { return new LocalizationItem(item, serializer); });
-        this._disposables.push(this._localization = new ReportLocalizationEngine(this));
-        this._localizationItems.removeAll();
-        let currentLanguage = defaultCulture;
-        this.language = ko.observable(currentLanguage);
-        this._localization.apply(currentLanguage);
-        this._disposables.push(this.language.subscribe((newVal) => {
-            this._localization.save(currentLanguage);
-            this._localization.apply(newVal);
-            currentLanguage = newVal;
-        }));
-    }
+class ReportViewModel extends XRReportElementViewModel {
     static createObjectStorage(_componentStorage, _objectStorage, collectSubscription = (subscription) => void 0) {
         const objectStorage = ko.observableArray([
             ..._objectStorage(),
@@ -215,7 +96,7 @@ export class ReportViewModel extends XRReportElementViewModel {
     }
     enumerateComponents(process = () => void 0) {
         const controls = [];
-        collectionsVisitor(this, process, ['controls', 'bands', 'subBands', 'crossBandControls', 'rows', 'cells', 'parameters', 'fields', 'levels', 'styles'], controls);
+        collectionsVisitor(this, process, ['controls', 'bands', 'subBands', 'crossBandControls', 'rows', 'cells', 'watermarks', 'parameters', 'parameterPanelLayoutItems', 'fields', 'levels', 'styles'], controls);
         return [].concat.apply([], controls);
     }
     createLocalizationProvider() {
@@ -316,6 +197,124 @@ export class ReportViewModel extends XRReportElementViewModel {
     preInitProperties() {
         this.controlType = 'DevExpress.XtraReports.UI.XtraReport';
     }
+    constructor(report, serializer, knownEnums) {
+        super(patchMargins(report = report.XtraReportsLayoutSerializer || report), null, serializer = serializer || new ReportModelSerializer());
+        if (this.pageWidth() === pageWidth.defaultVal) {
+            this.pageWidth(ReportViewModel.defaultPageSize.width);
+        }
+        if (this.pageHeight() === pageHeight.defaultVal) {
+            this.pageHeight(ReportViewModel.defaultPageSize.height);
+        }
+        this.knownEnums = knownEnums;
+        this._dataBindingMode = ko.observable('');
+        this._update = ko.observable(false);
+        this._disposables.push(this.isModelReady = ko.pureComputed(() => { return !this._update(); }));
+        this._disposables.push(this.key = ko.pureComputed(() => { return this.name(); }));
+        this._disposables.push(this['displayName'] = ko.pureComputed({
+            read: () => { return this.displayNameObject(); },
+            write: (newValue) => { this.displayNameObject(newValue); }
+        }));
+        this.dataSourceRefs = [];
+        this.dataSourceHelper = ko.observable();
+        this.stylesHelper = ko.observable();
+        this.dataBindingsProvider = ko.observable();
+        this._disposables.push(this.parameterHelper = new ReportParameterHelper(this));
+        this.parameterHelper.initialize(knownEnums);
+        this._disposables.push(this.measureUnit.subscribe((unitType) => {
+            this._update(true);
+            this._recalculateUnits(unitType);
+            this._updatePageSize(this.paperKind.peek());
+            this._update(false);
+        }));
+        this._disposables.push(this.landscape.subscribe((newVal) => {
+            const width = this.pageWidth();
+            this.pageWidth(this.pageHeight());
+            this.pageHeight(width);
+        }));
+        this._disposables.push(this.dataSource.subscribe((newVal) => {
+            if (!newVal) {
+                this.dataMember(null);
+            }
+        }));
+        this.styles = deserializeArray(report.StyleSheet, (item) => { return new StyleModel(item, this, serializer); });
+        this._objectStorage = deserializeArray(report.ObjectStorage, (item) => { return createNewObjectItem(item, this.dsHelperProvider, serializer); });
+        this._componentStorage = deserializeArray(report.ComponentStorage, (item) => { return createNewObjectItem(item, this.dsHelperProvider, serializer); });
+        this.objectStorage = ReportViewModel.createObjectStorage(this._componentStorage, this._objectStorage, (subscription) => this._disposables.push(subscription));
+        this.objectsStorageHelper = new ObjectsStorage(this.objectStorage, this.dsHelperProvider);
+        this._disposables.push(this.objectsStorageHelper);
+        this.parameters = deserializeArray(report.Parameters, (item) => { return new Parameter(item, this, serializer); });
+        this.parameterPanelLayoutItems = deserializeArray(report.ParameterPanelLayoutItems, (item) => { return ParameterPanelLayoutItem.createLayoutItem(item, this, serializer); });
+        this.parameterHelper.updateParameterLayoutItems();
+        this.objectStorage().forEach((objectStorage) => {
+            if (objectStorage instanceof UniversalDataSource) {
+                objectStorage['tableInfoCollection']().forEach((tableInfoCollection) => {
+                    tableInfoCollection.filterString().helper.parameters = this.parameters;
+                });
+            }
+        });
+        this.bands = deserializeChildArray(report.Bands, this, (item) => { return this.createControl(item, serializer); });
+        initLevels(this.bands());
+        this.bands().sort(sortBands);
+        this.extensions = deserializeArray(report.Extensions, (item) => { return new ExtensionModel(item, serializer); });
+        this.crossBandControls = deserializeArray(report.CrossBandControls, (item) => { return this.createControl(item, serializer); });
+        this.calculatedFields = deserializeArray(report.CalculatedFields, (item) => { return new CalculatedField(item, serializer); });
+        this.watermarks = deserializeArray(report.Watermarks, (item) => { return new WatermarkModel(item, serializer); });
+        this._initializeBands();
+        this.formattingRuleSheet = deserializeArray(report.FormattingRuleSheet, (item) => { return new FormattingRule(item, this, serializer); });
+        this.components = ko.observableArray([]);
+        this._disposables.push(this.formattingRuleSheet.subscribe((args) => {
+            args.forEach((rule) => {
+                if (!rule.value.name()) {
+                    rule.value.name(getUniqueNameForNamedObjectsArray(this.formattingRuleSheet(), 'formattingRule'));
+                }
+                if (!rule.value.parent) {
+                    rule.value.parent = this;
+                }
+            });
+        }, null, 'arrayChange'));
+        this._disposables.push(this.margins.left.subscribe((newVal) => {
+            if (this.isModelReady() && newVal > this.pageWidth() - this.margins.right()) {
+                this.margins.right(this.pageWidth() - this.margins.left());
+            }
+        }));
+        this._disposables.push(this.margins.right.subscribe((newVal) => {
+            if (this.isModelReady() && newVal > this.pageWidth() - this.margins.left()) {
+                this.margins.left(this.pageWidth() - this.margins.right());
+            }
+        }));
+        this._disposables.push(this.paperKind.subscribe((newVal) => {
+            newVal !== 'Custom' && this._updatePageSize(newVal);
+        }));
+        const dataMember = ko.pureComputed(() => {
+            return getFullPath(this.getPath('dataMember'), this.dataMember());
+        });
+        const dataSource = this.dataSource;
+        const disabled = ko.pureComputed(() => !dataSource());
+        const filterString = new FilterStringOptions(this['_filterString'], dataMember, disabled);
+        this._disposables.push(dataMember);
+        this._disposables.push(disabled);
+        filterString.helper.parameters = ko.computed(() => {
+            return collectAvailableParameters(this.parameters());
+        });
+        this._disposables.push(filterString.helper.parameters);
+        this['filterString'] = filterString;
+        this._scriptReferencesString = ko.observable(this.scriptReferencesString());
+        this._disposables.push(this.scriptReferencesString = ko.pureComputed({
+            read: () => { return this._scriptReferencesString(); },
+            write: (newVal) => { this._scriptReferencesString(transformNewLineCharacters(newVal)); }
+        }));
+        this._localizationItems = deserializeArray(report.LocalizationItems, (item) => { return new LocalizationItem(item, serializer); });
+        this._disposables.push(this._localization = new ReportLocalizationEngine(this));
+        this._localizationItems.removeAll();
+        let currentLanguage = defaultCulture;
+        this.language = ko.observable(currentLanguage);
+        this._localization.apply(currentLanguage);
+        this._disposables.push(this.language.subscribe((newVal) => {
+            this._localization.save(currentLanguage);
+            this._localization.apply(newVal);
+            currentLanguage = newVal;
+        }));
+    }
     isLocalized() {
         return this._localization.isLocalized();
     }
@@ -428,7 +427,42 @@ ReportViewModel.defaultPageSize = {
     width: 850,
     height: 1100
 };
-export class ReportSurface extends SurfaceElementArea {
+export { ReportViewModel };
+class ReportSurface extends SurfaceElementArea {
+    _createMargin(side, oppositeSide) {
+        return ko.pureComputed({
+            read: () => this.rtl() ? this[oppositeSide]() : this[side](),
+            write: (value) => {
+                this.rtl() ? this[oppositeSide](value) : this[side](value);
+            }
+        });
+    }
+    _updateWatermarkImageNaturalSize(val) {
+        if (!val)
+            return;
+        const image = new Image();
+        image.src = val.getDataUrl();
+        image.onload = (e) => {
+            this._watermarkImageNaturalSize({ width: image.naturalWidth, height: image.naturalHeight });
+            image.onload = null;
+        };
+    }
+    get _unitAbsoluteRect() {
+        return {
+            top: 0, left: 0,
+            right: this._control.size.width(), bottom: this._control.size.height(),
+            width: this._control.size.width(), height: this._control.size.height(),
+        };
+    }
+    dispose() {
+        super.dispose();
+        this._watermarkSubscriptions.forEach(watermark => watermark.dispose());
+        this.disposeObservableArray(this.crossBandControls);
+        this.resetObservableArray(this.crossBandControls);
+    }
+    get watermark() {
+        return this.report.watermarks()[0];
+    }
     constructor(report, zoom = ko.observable(1)) {
         super(report, {
             measureUnit: report.measureUnit, zoom: zoom
@@ -558,40 +592,6 @@ export class ReportSurface extends SurfaceElementArea {
         this.leftMarginResizeOptions = marginOptions.leftMarginOptions;
         this.rightMarginResizeOptions = marginOptions.rightMarginOptions;
     }
-    _createMargin(side, oppositeSide) {
-        return ko.pureComputed({
-            read: () => this.rtl() ? this[oppositeSide]() : this[side](),
-            write: (value) => {
-                this.rtl() ? this[oppositeSide](value) : this[side](value);
-            }
-        });
-    }
-    _updateWatermarkImageNaturalSize(val) {
-        if (!val)
-            return;
-        const image = new Image();
-        image.src = val.getDataUrl();
-        image.onload = (e) => {
-            this._watermarkImageNaturalSize({ width: image.naturalWidth, height: image.naturalHeight });
-            image.onload = null;
-        };
-    }
-    get _unitAbsoluteRect() {
-        return {
-            top: 0, left: 0,
-            right: this._control.size.width(), bottom: this._control.size.height(),
-            width: this._control.size.width(), height: this._control.size.height(),
-        };
-    }
-    dispose() {
-        super.dispose();
-        this._watermarkSubscriptions.forEach(watermark => watermark.dispose());
-        this.disposeObservableArray(this.crossBandControls);
-        this.resetObservableArray(this.crossBandControls);
-    }
-    get watermark() {
-        return this.report.watermarks()[0];
-    }
     getChildrenCollection() {
         return this.bandsHolder.bands;
     }
@@ -644,7 +644,26 @@ ReportSurface._unitProperties = {
     _right: (o) => { return o.margins.right; },
     _top: (o) => { return o.margins.top; }
 };
+export { ReportSurface };
 class SurfaceMarginResizeOptions extends Disposable {
+    _createOptions(undoEngine, startDelegate, resizeDelegate) {
+        return {
+            handles: ko.pureComputed(() => {
+                return this.rtl() ? this.oppositeHandle : this.handle;
+            }),
+            start: (e, ui) => {
+                startDelegate(e, ui);
+                undoEngine().start();
+            },
+            resize: (e, ui) => {
+                resizeDelegate(e, ui);
+            },
+            stop: (e, ui) => {
+                undoEngine().end();
+            },
+            disabled: DragDropHandler.started
+        };
+    }
     constructor(margins, rtl, pageWidth) {
         super();
         this.rtl = rtl;
@@ -652,7 +671,7 @@ class SurfaceMarginResizeOptions extends Disposable {
         this.oppositeHandle = 'e';
         const elements = [];
         this._disposables.push(rtl.subscribe((value) => {
-            $.fn.constructor(elements).find('.ui-resizable-e, .ui-resizable-w')
+            $dx(elements).find('.ui-resizable-e, .ui-resizable-w')
                 .removeClass('ui-resizable-' + (value ? this.handle : this.oppositeHandle))
                 .addClass('ui-resizable-' + (value ? this.oppositeHandle : this.handle));
         }));
@@ -682,10 +701,10 @@ class SurfaceMarginResizeOptions extends Disposable {
                     const positionDiff = e.pageX - startResizePosition;
                     margins.right(Math.max(0, Math.min(originalMarginRight + (rtl() ? positionDiff : -positionDiff), maxRightMargin)));
                     if (!element.classList.contains('dxrd-ruler-shadow')) {
-                        $.fn.constructor(element).css({ left: this.rightMarginResizableOffset(), width: 0 });
+                        $dx(element).css({ left: this.rightMarginResizableOffset() + 'px', width: '0px' });
                     }
                     else {
-                        $.fn.constructor(element).css({ left: this.rightMarginOffset() });
+                        $dx(element).css({ left: this.rightMarginOffset() + 'px' });
                     }
                 });
                 this._disposables.push(rightOptions);
@@ -707,7 +726,7 @@ class SurfaceMarginResizeOptions extends Disposable {
                     const sizeDiff = e.pageX - startResizePosition;
                     const maxLeftmargin = pageWidth() - margins.right();
                     margins.left(Math.min(Math.max(1, startMarginLeftPosition + (rtl() ? -sizeDiff : sizeDiff)), maxLeftmargin));
-                    $.fn.constructor(element).css({ left: this.leftMarginResizableOffset(), width: (pageWidth() - margins.left() - margins.right()) });
+                    $dx(element).css({ left: this.leftMarginResizableOffset() + 'px', width: (pageWidth() - margins.left() - margins.right()) + 'px' });
                 });
                 this._disposables.push(leftOptions);
             }
@@ -719,22 +738,4 @@ class SurfaceMarginResizeOptions extends Disposable {
             return leftOptions;
         };
     }
-    _createOptions(undoEngine, startDelegate, resizeDelegate) {
-        return {
-            handles: ko.pureComputed(() => {
-                return this.rtl() ? this.oppositeHandle : this.handle;
-            }),
-            start: (e, ui) => {
-                startDelegate(e, ui);
-                undoEngine().start();
-            },
-            resize: (e, ui) => {
-                resizeDelegate(e, ui);
-            },
-            stop: (e, ui) => {
-                undoEngine().end();
-            },
-            disabled: DragDropHandler.started
-        };
-    }
 }

package/designer/controls/xrReportelement.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrReportelement.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/controls/xrReportelement.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrReportelement.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -21,52 +21,7 @@ import { FormattingRuleLink } from './properties/formattingrules';
 import { isHeaderOrFooterBandType } from './utils/_headOrFooterBandType';
 import { DefaultLocalizationProvider } from './utils/_localizationUtils';
 import { createPaddingProperty } from './utils/_paddingUtils';
-export class XRReportElementViewModel extends ElementViewModel {
-    constructor(model, parent, serializer) {
-        super(model, parent, serializer);
-        this._expressionActions = {};
-        this.initialize();
-        this.formattingRuleLinks = deserializeArray(model.FormattingRuleLinks, (item) => { return new FormattingRuleLink(item, serializer); });
-        const _generateProperty = (propertyName, stylePriorityName) => {
-            this['_' + propertyName] = ko.observable(this[propertyName]());
-            this._disposables.push(this[propertyName] = ko.computed({
-                read: () => this._getStyleProperty(propertyName, stylePriorityName, this.root),
-                write: (val) => {
-                    if (this._getStyleProperty(propertyName, stylePriorityName, this.root) !== val) {
-                        if (this.stylePriority && this.stylePriority[stylePriorityName]) {
-                            this.stylePriority[stylePriorityName](false);
-                        }
-                        this['_' + propertyName](val);
-                    }
-                }
-            }));
-        };
-        this.dsHelperProvider = () => this.root['dataSourceHelper'] && this.root['dataSourceHelper']();
-        this.initBindings();
-        this.getStyleProperty = (propertyName, stylePriorityName) => this._getStyleProperty(propertyName, stylePriorityName, this.root);
-        for (let i = 0; i < stylesProperties.length; i++) {
-            if (this[stylesProperties[i]]) {
-                const stylePriorityName = this._getStylePriorityPropertyName(stylesProperties[i]);
-                _generateProperty(stylesProperties[i], stylePriorityName);
-            }
-        }
-        if (this.padding) {
-            this._createPaddingDependencies();
-        }
-        this.toggleUseStyle = (propertyName) => {
-            const styleName = this._getStylePriorityPropertyName(propertyName);
-            this.stylePriority[styleName](!this.stylePriority[styleName]());
-        };
-        this.actions.push({ action: this.toggleUseStyle, title: getLocalization('Style Priority', 'DevExpress.XtraReports.UI.XRControl.StylePriority'), visible: name => this.isStyleProperty(name) });
-        this.actionProviders.push({ getActions: (name) => this._getExpressionActions(name) });
-        this._disposables.push(this.lockedInUserDesigner = ko.computed({
-            read: () => {
-                const parent = this.parentModel(), parentLocked = (parent && parent['lockedInUserDesigner']) ? parent['lockedInUserDesigner']() : false;
-                return this._lockedInUserDesigner() || parentLocked;
-            },
-            write: newValue => this._lockedInUserDesigner(newValue)
-        }));
-    }
+class XRReportElementViewModel extends ElementViewModel {
     get _localizationProvider() {
         if (!this.__localizationProvider) {
             this.__localizationProvider = this.createLocalizationProvider();
@@ -148,6 +103,51 @@ export class XRReportElementViewModel extends ElementViewModel {
             return this.isPropertyHighlighted(propertyName, 'padding');
         };
     }
+    constructor(model, parent, serializer) {
+        super(model, parent, serializer);
+        this._expressionActions = {};
+        this.initialize();
+        this.formattingRuleLinks = deserializeArray(model.FormattingRuleLinks, (item) => { return new FormattingRuleLink(item, serializer); });
+        const _generateProperty = (propertyName, stylePriorityName) => {
+            this['_' + propertyName] = ko.observable(this[propertyName]());
+            this._disposables.push(this[propertyName] = ko.computed({
+                read: () => this._getStyleProperty(propertyName, stylePriorityName, this.root),
+                write: (val) => {
+                    if (this._getStyleProperty(propertyName, stylePriorityName, this.root) !== val) {
+                        if (this.stylePriority && this.stylePriority[stylePriorityName]) {
+                            this.stylePriority[stylePriorityName](false);
+                        }
+                        this['_' + propertyName](val);
+                    }
+                }
+            }));
+        };
+        this.dsHelperProvider = () => this.root['dataSourceHelper'] && this.root['dataSourceHelper']();
+        this.initBindings();
+        this.getStyleProperty = (propertyName, stylePriorityName) => this._getStyleProperty(propertyName, stylePriorityName, this.root);
+        for (let i = 0; i < stylesProperties.length; i++) {
+            if (this[stylesProperties[i]]) {
+                const stylePriorityName = this._getStylePriorityPropertyName(stylesProperties[i]);
+                _generateProperty(stylesProperties[i], stylePriorityName);
+            }
+        }
+        if (this.padding) {
+            this._createPaddingDependencies();
+        }
+        this.toggleUseStyle = (propertyName) => {
+            const styleName = this._getStylePriorityPropertyName(propertyName);
+            this.stylePriority[styleName](!this.stylePriority[styleName]());
+        };
+        this.actions.push({ action: this.toggleUseStyle, title: getLocalization('Style Priority', 'DevExpress.XtraReports.UI.XRControl.StylePriority'), visible: name => this.isStyleProperty(name) });
+        this.actionProviders.push({ getActions: (name) => this._getExpressionActions(name) });
+        this._disposables.push(this.lockedInUserDesigner = ko.computed({
+            read: () => {
+                const parent = this.parentModel(), parentLocked = (parent && parent['lockedInUserDesigner']) ? parent['lockedInUserDesigner']() : false;
+                return this._lockedInUserDesigner() || parentLocked;
+            },
+            write: newValue => this._lockedInUserDesigner(newValue)
+        }));
+    }
     _getExpressionActions(name) {
         if (!this._expressionActions[name]) {
             this._expressionActions[name] = this._addExpressionActions(name);
@@ -395,3 +395,4 @@ export class XRReportElementViewModel extends ElementViewModel {
     }
 }
 XRReportElementViewModel.unitProperties = ['size', 'location', 'paddingObj'];
+export { XRReportElementViewModel };

package/designer/controls/xrRichText.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrRichText.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/controls/xrRichText.js

@@ -1,11 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrRichText.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import * as $ from 'jquery';
+import { extend } from '@devexpress/analytics-core/analytics-internal';
 import * as ko from 'knockout';
 import { getRichEditSurface } from './richEdit';
 import { XRControlViewModel } from './xrControl';
@@ -17,7 +17,27 @@ export var XRRichTextStreamType;
     XRRichTextStreamType[XRRichTextStreamType["HtmlText"] = 2] = "HtmlText";
     XRRichTextStreamType[XRRichTextStreamType["XmlText"] = 3] = "XmlText";
 })(XRRichTextStreamType || (XRRichTextStreamType = {}));
-export class XRRichViewModel extends XRControlViewModel {
+class XRRichViewModel extends XRControlViewModel {
+    _toStreamType(extension) {
+        switch (extension.toLowerCase()) {
+            case 'txt':
+                return XRRichTextStreamType.PlainText;
+            case 'htm':
+            case 'html':
+                return XRRichTextStreamType.HtmlText;
+            case 'docx':
+                return XRRichTextStreamType.XmlText;
+        }
+        return XRRichTextStreamType.RtfText;
+    }
+    getInfo() {
+        const serializationInfo = extend(true, [], super.getInfo());
+        if (!(getRichEditSurface()() instanceof XRRichSurface)) {
+            serializationInfo.filter(x => XRRichViewModel._hiddenProperties.some(propertyName => propertyName === x.propertyName))
+                .forEach(x => x.visible = false);
+        }
+        return serializationInfo;
+    }
     constructor(model, parent, serializer) {
         super(model, parent, serializer);
         this.format = ko.observable(XRRichTextStreamType.RtfText);
@@ -40,26 +60,7 @@ export class XRRichViewModel extends XRControlViewModel {
         }));
         this._disposables.push(nameSubscribe);
     }
-    _toStreamType(extension) {
-        switch (extension.toLowerCase()) {
-            case 'txt':
-                return XRRichTextStreamType.PlainText;
-            case 'htm':
-            case 'html':
-                return XRRichTextStreamType.HtmlText;
-            case 'docx':
-                return XRRichTextStreamType.XmlText;
-        }
-        return XRRichTextStreamType.RtfText;
-    }
-    getInfo() {
-        const serializationInfo = $.extend(true, [], super.getInfo());
-        if (!(getRichEditSurface()() instanceof XRRichSurface)) {
-            serializationInfo.filter(x => XRRichViewModel._hiddenProperties.some(propertyName => propertyName === x.propertyName))
-                .forEach(x => x.visible = false);
-        }
-        return serializationInfo;
-    }
     get textEditableProperty() { return this.textRtf; }
 }
 XRRichViewModel._hiddenProperties = ['_rtf', 'textRtf'];
+export { XRRichViewModel };

package/designer/controls/xrRichTextSurface.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrRichTextSurface.d.ts)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */