devexpress-reporting 23.2.3 → 23.2.4-build-23361-1610

package/designer/controls/xrControl.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrControl.js)
-* Version:  23.2.3
-* Build date: Dec 1, 2023
+* Version:  23.2.4-build-23361-1610
+* Build date: Dec 27, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -45,10 +45,10 @@ export class XRControlViewModel extends XRReportElementViewModel {
             this._disposables.push(this.interactiveSorting);
         }
         this._disposables.push(this.hasBindings = ko.pureComputed(() => {
-            var bindings = this.dataBindings && this.dataBindings();
+            const bindings = this.dataBindings && this.dataBindings();
             return !!bindings && bindings.filter((dataBinding) => { return !dataBinding.isEmpty(); }).length > 0 || this.hasExpressionBindings();
         }));
-        var stylesObject = createObjectFromInfo(this, stylesInfo);
+        const stylesObject = createObjectFromInfo(this, stylesInfo);
         if (stylesObject) {
             this[stylesObj.propertyName] = stylesObject;
         }
@@ -57,9 +57,9 @@ export class XRControlViewModel extends XRReportElementViewModel {
                 return propertyName === 'Func' ? this.isPropertyVisible('dataBindings') : true;
             };
         if (this.textFormatString) {
-            var binding = this['dataBindings'] && this['dataBindings']().filter(binding => binding.propertyName() === 'Text')[0];
-            var summaryFormatString = null;
-            var bindingFormatString = null;
+            const binding = this['dataBindings'] && this['dataBindings']().filter(binding => binding.propertyName() === 'Text')[0];
+            let summaryFormatString = null;
+            let bindingFormatString = null;
             this['_textFormatString'] = ko.observable(this.textFormatString.peek());
             [summaryFormatString, bindingFormatString] = [this['Summary'], binding].map(obj => {
                 if (obj && obj['formatString']) {
@@ -93,26 +93,26 @@ export class XRControlViewModel extends XRReportElementViewModel {
         }
         this.dataBindingsAreValid = ko.observable(true);
         this._disposables.push(ko.computed(() => {
-            var bindings = this.dataBindings && this.dataBindings();
+            const bindings = this.dataBindings && this.dataBindings();
             if (bindings) {
                 if (bindings.length === 0)
                     this.dataBindingsAreValid(true);
                 else {
-                    var report = this.root;
+                    const report = this.root;
                     if (!report || !(report.controlType === 'DevExpress.XtraReports.UI.XtraReport'))
                         return;
-                    var dsHelper = report.dsHelperProvider();
-                    var parameters = report.parameters();
-                    var fieldListProvider = report.getControlFactory().fieldListProvider();
+                    const dsHelper = report.dsHelperProvider();
+                    const parameters = report.parameters();
+                    const fieldListProvider = report.getControlFactory().fieldListProvider();
                     if (!dsHelper || !parameters || !fieldListProvider)
                         return;
-                    var defaultDataSourceInfo = dsHelper.findDataSourceInfo(ko.unwrap(findFirstParentWithPropertyName(this, 'dataSource').dataSource));
-                    var reqFinished = 0;
-                    var reqCount = bindings.length;
-                    var reqResult = true;
-                    var deferred = $.Deferred();
-                    for (var i = 0; i < bindings.length; i++) {
-                        var binding = bindings[i], parameter = binding.parameter(), dataMember = binding.dataMember(), dataSource = binding.dataSource();
+                    const defaultDataSourceInfo = dsHelper.findDataSourceInfo(ko.unwrap(findFirstParentWithPropertyName(this, 'dataSource').dataSource));
+                    let reqFinished = 0;
+                    const reqCount = bindings.length;
+                    let reqResult = true;
+                    const deferred = $.Deferred();
+                    for (let i = 0; i < bindings.length; i++) {
+                        const binding = bindings[i], parameter = binding.parameter(), dataMember = binding.dataMember(), dataSource = binding.dataSource();
                         if (parameter) {
                             if (dataSource)
                                 reqResult = false;
@@ -121,7 +121,7 @@ export class XRControlViewModel extends XRReportElementViewModel {
                             reqFinished++;
                         }
                         else if (dataMember) {
-                            var dsInfo = null;
+                            let dsInfo = null;
                             if (dataSource) {
                                 dsInfo = dataSource['dataSourceInfo'];
                                 if (dsHelper.usedDataSources().indexOf(dsInfo) < 0) {
@@ -133,7 +133,7 @@ export class XRControlViewModel extends XRReportElementViewModel {
                                 dsInfo = defaultDataSourceInfo;
                             }
                             if (dsInfo) {
-                                var lastPart = dataMember.slice(dataMember.lastIndexOf('.') + 1);
+                                const lastPart = dataMember.slice(dataMember.lastIndexOf('.') + 1);
                                 fieldListProvider.getItems(new PathRequest([dsInfo.id || dsInfo.ref].concat(...dataMember.split('.').slice(0, -1)).join('.')))
                                     .done(result => { if (result.every(x => x.isList || x.name !== lastPart))
                                     reqResult = false; })
@@ -215,9 +215,9 @@ export class XRControlViewModel extends XRReportElementViewModel {
         return !!(this.expressionBindings && this.expressionBindings().filter(binding => !!binding.expression())[0]);
     }
     hasDataBindingByName(property = 'Text') {
-        var bindings = this.dataBindings && this.dataBindings() && this.dataBindings().filter((dataBinding) => { return !dataBinding.isEmpty(); });
+        const bindings = this.dataBindings && this.dataBindings() && this.dataBindings().filter((dataBinding) => { return !dataBinding.isEmpty(); });
         if (!!bindings && bindings.length > 0) {
-            var binding = this.dataBindings()['findBinding'](property);
+            const binding = this.dataBindings()['findBinding'](property);
             return !!binding && !binding.isEmpty();
         }
         return !!(this.expressionBindings && this.expressionBindings().filter(binding => binding.propertyName() === property).length > 0);
@@ -228,20 +228,20 @@ export class XRControlViewModel extends XRReportElementViewModel {
     getExpressionBinding(property = 'Text', event = 'BeforePrint') {
         if (!this.expressionBindings)
             return null;
-        var binding = this.expressionBindings().filter(binding => binding.propertyName() === property && binding.eventName() === event)[0];
+        const binding = this.expressionBindings().filter(binding => binding.propertyName() === property && binding.eventName() === event)[0];
         return binding && binding.expression();
     }
     setExpressionBinding(value, property = 'Text', event = 'BeforePrint') {
         if (!this.expressionBindings)
             return;
-        var binding = this.expressionBindings().filter(binding => binding.propertyName() === property && binding.eventName() === event)[0];
+        const binding = this.expressionBindings().filter(binding => binding.propertyName() === property && binding.eventName() === event)[0];
         binding && binding.expression(value);
     }
     getControlInfo() {
         return super.getControlInfo();
     }
     getDefaultBinding() {
-        var bindingName = this.getControlInfo().defaultBindingName;
+        const bindingName = this.getControlInfo().defaultBindingName;
         if (this.dataBindingMode !== DataBindingMode.Bindings) {
             return this.expressionObj.getExpression(bindingName, 'BeforePrint');
         }
@@ -258,8 +258,8 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         this.selectiontemplate = 'dxrd-control-selection';
         this.contenttemplate = 'dxrd-control-content';
         this.displayNameParameters = ko.pureComputed(() => {
-            var control = this.getControlModel();
-            var parameters = {
+            const control = this.getControlModel();
+            const parameters = {
                 text: null,
                 isExpression: true,
                 dataSource: null,
@@ -279,7 +279,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
             parameters.allowMarkupText = control['allowMarkupText'] && control['allowMarkupText']();
             parameters.wordWrap = control['wordWrap'] && control['wordWrap']();
             if (control['font']) {
-                var _font = new FontModel(control['font']);
+                const _font = new FontModel(control['font']);
                 parameters.fontSize = _font.size();
                 parameters.fontUnit = _font.unit();
                 _font.dispose();
@@ -289,13 +289,13 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
                 return parameters;
             }
             if (control['dataBindings'] && this.hasBindings) {
-                var textBinding = getFirstItemByPropertyValue(control['dataBindings'](), 'propertyName', 'Text');
+                const textBinding = getFirstItemByPropertyValue(control['dataBindings'](), 'propertyName', 'Text');
                 if (textBinding && textBinding.dataMember()) {
-                    var dataMember = textBinding.dataMember();
-                    var dataSource = textBinding.dataSource();
-                    var parentWithDS = findFirstParentWithPropertyName(control, 'dataSource');
-                    var rootDataMember = parentWithDS['dataMember'] && parentWithDS['dataMember']() || '';
-                    var rootDataSource = parentWithDS['dataSource'] && parentWithDS['dataSource']() || null;
+                    const dataMember = textBinding.dataMember();
+                    const dataSource = textBinding.dataSource();
+                    const parentWithDS = findFirstParentWithPropertyName(control, 'dataSource');
+                    const rootDataMember = parentWithDS['dataMember'] && parentWithDS['dataMember']() || '';
+                    const rootDataSource = parentWithDS['dataSource'] && parentWithDS['dataSource']() || null;
                     if ((!dataSource || dataSource === rootDataSource) && dataMember.indexOf(rootDataMember) === 0 && dataMember.charAt(rootDataMember.length) === '.') {
                         parameters.dataMemberOffset = rootDataMember;
                         parameters.dataMember = dataMember.substr(rootDataMember.length + 1);
@@ -312,7 +312,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
             return parameters;
         });
         this.displayName = ko.pureComputed(() => {
-            var parameters = this.displayNameParameters();
+            const parameters = this.displayNameParameters();
             return parameters.dataMember ? ('[' + parameters.dataMember + ']') : (parameters.text || '');
         });
         this._disposables.push(this.contentSizes = ko.pureComputed(() => this.cssCalculator.contentSizeCss(this.rect().width, this.rect().height, this._context.zoom())));
@@ -331,7 +331,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         this._disposables.push(this.displayName);
     }
     _isThereIntersectionWithUsefulArea(useFullWidth) {
-        var absoluteRect = this._unitAbsoluteRect;
+        const absoluteRect = this._unitAbsoluteRect;
         return Math.max(absoluteRect.left, absoluteRect.right) - useFullWidth > this.delta;
     }
     static _appendValue(accumulator, value, needToAppend = true) {
@@ -341,7 +341,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         return accumulator;
     }
     get _unitAbsoluteRect() {
-        var parentAbsoluteRect = this.parent && this.parent['_unitAbsoluteRect'];
+        const parentAbsoluteRect = this.parent && this.parent['_unitAbsoluteRect'];
         if (parentAbsoluteRect) {
             return {
                 top: parentAbsoluteRect.top + this._unitRect.top,
@@ -357,7 +357,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         }
     }
     get _unitRect() {
-        var location = this._control['location'] || new Point(0, 0), size = this._control['size'] || new Size(0, 0);
+        const location = this._control['location'] || new Point(0, 0), size = this._control['size'] || new Size(0, 0);
         return {
             top: location.y(),
             left: location.x(),
@@ -368,47 +368,48 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         };
     }
     checkParent(surfaceParent) {
-        var thisParent = this.parent instanceof BandSurface || this.parent && this.parent._control.controlType === 'DevExpress.XtraReports.UI.XtraReport' ? null : this.parent;
-        var anotherParent = surfaceParent instanceof BandSurface || this.parent && this.parent._control.controlType === 'DevExpress.XtraReports.UI.XtraReport' ? null : surfaceParent;
+        const thisParent = this.parent instanceof BandSurface || this.parent && this.parent._control.controlType === 'DevExpress.XtraReports.UI.XtraReport' ? null : this.parent;
+        const anotherParent = surfaceParent instanceof BandSurface || this.parent && this.parent._control.controlType === 'DevExpress.XtraReports.UI.XtraReport' ? null : surfaceParent;
         return thisParent === anotherParent;
     }
     isThereIntersection(rect1, rect2) {
-        var rect1Right = rect1.right || rect1.left + rect1.width, rect2Right = rect2.right || rect2.left + rect2.width, rect1Bottom = rect1.bottom || rect1.top + rect1.height, rect2Bottom = rect2.bottom || rect2.top + rect2.height;
+        const rect1Right = rect1.right || rect1.left + rect1.width, rect2Right = rect2.right || rect2.left + rect2.width, rect1Bottom = rect1.bottom || rect1.top + rect1.height, rect2Bottom = rect2.bottom || rect2.top + rect2.height;
         return rect1Right > rect2.left && Math.abs(rect1Right - rect2.left) >= 0.0001 &&
             rect2Right > rect1.left && Math.abs(rect2Right - rect1.left) >= 0.0001 &&
             rect1Bottom > rect2.top && Math.abs(rect1Bottom - rect2.top) >= 0.0001 &&
             rect2Bottom > rect1.top && Math.abs(rect2Bottom - rect1.top) >= 0.0001;
     }
     isThereIntersectionWithParent(parentRect, childRect) {
-        var rectWidhtElement = childRect.right || childRect.left + childRect.width, rectHeightElement = childRect.bottom || childRect.top + childRect.height;
+        const rectWidhtElement = childRect.right || childRect.left + childRect.width, rectHeightElement = childRect.bottom || childRect.top + childRect.height;
         return rectWidhtElement > parentRect.width && Math.abs(rectWidhtElement - parentRect.width) > this.delta ||
             rectHeightElement > parentRect.height && Math.abs(rectHeightElement - parentRect.height) > this.delta;
     }
     isThereIntersectionWithUsefulArea() {
-        var _container = this.container();
+        const _container = this.container();
         if (_container instanceof BandSurface && _container['_unitAbsoluteRect']) {
-            var absoluteRect = this.container()['_unitAbsoluteRect'];
+            const absoluteRect = this.container()['_unitAbsoluteRect'];
             return this._isThereIntersectionWithUsefulArea(absoluteRect.width);
         }
         else if (_container instanceof VerticalBandSurface) {
             return false;
         }
         else {
-            var root = this.getRoot(), usefulPageWidth = root['_unitAbsoluteRect'].width;
+            const root = this.getRoot(), usefulPageWidth = root['_unitAbsoluteRect'].width;
             return this._isThereIntersectionWithUsefulArea(usefulPageWidth);
         }
     }
     isThereIntersectionWithCrossBandControls(currentRect = this._unitAbsoluteRect) {
         if (!currentRect)
             return false;
-        var isThereIntersection = false, crossBandControls = this.getRoot()['crossBandControls']();
+        let isThereIntersection = false;
+        const crossBandControls = this.getRoot()['crossBandControls']();
         if (this.isThereIntersectionWithNeighborsCollection(currentRect, crossBandControls.filter((control) => { return control.visible() && control.getControlModel().controlType === 'XRCrossBandLine'; }), '_unitAbsoluteRect')) {
             return true;
         }
-        var crossBandBoxControls = crossBandControls.filter((control) => { return control.visible() && control.getControlModel().controlType === 'XRCrossBandBox'; });
-        for (var crossbandIndex = 0; crossbandIndex < crossBandBoxControls.length; crossbandIndex++) {
-            var rects = crossBandBoxControls[crossbandIndex]._getCrossBandBoxSides();
-            for (var rectIndex = 0; rectIndex < rects.length; rectIndex++) {
+        const crossBandBoxControls = crossBandControls.filter((control) => { return control.visible() && control.getControlModel().controlType === 'XRCrossBandBox'; });
+        for (let crossbandIndex = 0; crossbandIndex < crossBandBoxControls.length; crossbandIndex++) {
+            const rects = crossBandBoxControls[crossbandIndex]._getCrossBandBoxSides();
+            for (let rectIndex = 0; rectIndex < rects.length; rectIndex++) {
                 if (this !== crossBandBoxControls[crossbandIndex] && this.isThereIntersection(currentRect, rects[rectIndex])) {
                     isThereIntersection = true;
                     break;
@@ -420,7 +421,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         return isThereIntersection;
     }
     isThereIntersectionWithControls() {
-        var collectionControls = this.parent && this.parent.getChildrenCollection() && this.parent.getChildrenCollection()().filter((control) => { return !control.isIntersectionDeny; }) || [];
+        const collectionControls = this.parent && this.parent.getChildrenCollection() && this.parent.getChildrenCollection()().filter((control) => { return !control.isIntersectionDeny; }) || [];
         return this.isThereIntersectionWithParentCollection(this._unitRect)
             || this.isThereIntersectionWithChildCollection()
             || this.isThereIntersectionWithNeighborsCollection(this._unitRect, collectionControls);
@@ -434,7 +435,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
             this.isThereIntersectionWithChildControls(this['controls'](), controlRectProperty);
     }
     isThereIntersectionWithNeighborsCollection(currentRect, collectionControls, controlRectProperty = '_unitRect') {
-        for (var i = 0; i < collectionControls.length; i++) {
+        for (let i = 0; i < collectionControls.length; i++) {
             if (this !== collectionControls[i] && this.isThereIntersection(currentRect, collectionControls[i][controlRectProperty])) {
                 return true;
             }
@@ -442,8 +443,8 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         return false;
     }
     isThereIntersectionWithChildControls(collectionControls, controlRectProperty = '_unitRect') {
-        var currentRect = this[controlRectProperty];
-        for (var i = 0; i < collectionControls.length; i++) {
+        const currentRect = this[controlRectProperty];
+        for (let i = 0; i < collectionControls.length; i++) {
             if (this !== collectionControls[i] && this.isThereIntersectionWithParent(currentRect, collectionControls[i][controlRectProperty])) {
                 return true;
             }
@@ -451,7 +452,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         return false;
     }
     getAdornTemplate() {
-        var result = XRControlSurface._appendValue('', 'dxrd-intersect', this.isIntersect());
+        let result = XRControlSurface._appendValue('', 'dxrd-intersect', this.isIntersect());
         result = XRControlSurface._appendValue(result, 'dxrd-control-rtl', this._control.rtl());
         result = XRControlSurface._appendValue(result, 'dxrd-uiselected', this.selected());
         if (this.hasBindings) {
@@ -499,7 +500,7 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
     displayText() {
         if (this._control.controlType == 'XRPanel')
             return getLocalization('Place controls here to keep them together', 'ReportStringId.PanelDesignMsg');
-        var text = this._control['text'] && this._control['text']() ? this._control['text']() : '';
+        let text = this._control['text'] && this._control['text']() ? this._control['text']() : '';
         if (this._control['multiline'] && !this._control['multiline']()) {
             text = text.replace(/\r/g, '').replace(/\n/g, '');
         }
@@ -511,8 +512,8 @@ export class XRControlSurface extends XRControlSurfaceBase {
         super(control, context, XRControlSurface._unitProperties);
         this['multiline'] = control['multiline'] || false;
         this.getUsefulRect = () => {
-            var borderWidth = ko.unwrap(control['borderWidth']), borderFlags = control['borders']();
-            var rect = { top: 0, left: 0, width: this.rect().width, height: this.rect().height };
+            const borderWidth = ko.unwrap(control['borderWidth']), borderFlags = control['borders']();
+            const rect = { top: 0, left: 0, width: this.rect().width, height: this.rect().height };
             if (borderWidth) {
                 if (borderFlags === 'All') {
                     rect.height -= 2 * borderWidth;

package/designer/controls/xrCrossTab.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrCrossTab.d.ts)
-* Version:  23.2.3
-* Build date: Dec 1, 2023
+* Version:  23.2.4-build-23361-1610
+* Build date: Dec 27, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */

package/designer/controls/xrCrossTab.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrCrossTab.js)
-* Version:  23.2.3
-* Build date: Dec 1, 2023
+* Version:  23.2.4-build-23361-1610
+* Build date: Dec 27, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -40,7 +40,7 @@ export class XRCrossTabViewModel extends XRControlViewModel {
         this.controlParameters = deserializeArray(model['Parameters'], (item) => { return new ControlParameter(item, serializer, this.root.dataSourceHelper, this.root.dataBindingsProvider); });
         this.controlParameters().forEach(x => !x.parameter() && !x.dataSource() && x.dataSource(this.root['dataSource'] && this.root['dataSource']()));
         this.cellCreator = CellCreator.createInstance(this);
-        var cells = this.cellCreator.create();
+        const cells = this.cellCreator.create();
         this._cells(this.applyCells(cells, true));
         this._disposables.push(...subscribeProperties([this.rowFields, this.columnFields, this.dataFields]
             .concat(Object.keys(this.layoutOptions).map(x => this.layoutOptions[x])), () => {
@@ -50,8 +50,8 @@ export class XRCrossTabViewModel extends XRControlViewModel {
             this.size.width(this._calcSize(this._columnDefinitions()));
         }));
         this._disposables.push(this.size.width.subscribe(newWidth => {
-            var columnDefinitions = this._columnDefinitions.peek();
-            var currentWidth = this._calcSize(columnDefinitions);
+            const columnDefinitions = this._columnDefinitions.peek();
+            const currentWidth = this._calcSize(columnDefinitions);
             columnDefinitions.forEach(element => {
                 element.width(element.width() + (newWidth - currentWidth) * (element.width() / currentWidth));
             });
@@ -61,8 +61,8 @@ export class XRCrossTabViewModel extends XRControlViewModel {
             this.size.height(this._calcSize(this._rowDefinitions()));
         }));
         this._disposables.push(this.size.height.subscribe(newHeight => {
-            var rowDefinitions = this._rowDefinitions.peek();
-            var currentHeight = this._calcSize(rowDefinitions);
+            const rowDefinitions = this._rowDefinitions.peek();
+            const currentHeight = this._calcSize(rowDefinitions);
             rowDefinitions.forEach(element => {
                 element.height(element.height() + (newHeight - currentHeight) * (element.height() / currentHeight));
             });
@@ -76,9 +76,9 @@ export class XRCrossTabViewModel extends XRControlViewModel {
                 }
             });
         }, null, 'arrayChange'));
-        var dataMember = ko.pureComputed(() => getFullPath(this.getPath('dataMember'), this['dataMember']()));
-        var parameters = ko.computed(() => this.controlParameters());
-        var disabled = ko.pureComputed(() => !this.dataSource());
+        const dataMember = ko.pureComputed(() => getFullPath(this.getPath('dataMember'), this['dataMember']()));
+        const parameters = ko.computed(() => this.controlParameters());
+        const disabled = ko.pureComputed(() => !this.dataSource());
         this.filterString = new FilterStringOptions(this._filterString, dataMember, disabled);
         this.filterString.helper.parameters = parameters;
         this._disposables.push(dataMember);
@@ -94,9 +94,9 @@ export class XRCrossTabViewModel extends XRControlViewModel {
     _initStyles(root) {
         if (root && root.styles) {
             crossTabStyles.forEach(style => {
-                var styleName = this[style.propertyName]();
+                let styleName = this[style.propertyName]();
                 if (!styleName) {
-                    var newStyle = new StyleModel(crossTabStylesDefaults[style.propertyName]);
+                    const newStyle = new StyleModel(crossTabStylesDefaults[style.propertyName]);
                     styleName = getUniqueNameForNamedObjectsArray(root.styles(), newStyle.name());
                     newStyle.name(styleName);
                     root.styles.push(newStyle);
@@ -106,7 +106,7 @@ export class XRCrossTabViewModel extends XRControlViewModel {
         }
     }
     _calcSize(defenition) {
-        var result = 0;
+        let result = 0;
         defenition.forEach(element => {
             result += element[(element instanceof CrossTabColumnDefinitionsModel ? 'width' : 'height')]();
         });
@@ -135,24 +135,24 @@ export class XRCrossTabViewModel extends XRControlViewModel {
     updateLayout() {
         if (this.update())
             return;
-        var undo = UndoEngine.tryGetUndoEngine(this);
+        let undo = UndoEngine.tryGetUndoEngine(this);
         undo && undo.start();
         this.update(true);
         this.defenitionUpdater = new DefenitionUpdater(this);
         this.cellCreator = CellCreator.createInstance(this);
-        var cells = this.cellCreator.create();
-        var modelCells = this.applyCells(cells);
+        const cells = this.cellCreator.create();
+        const modelCells = this.applyCells(cells);
         this._cells(modelCells);
-        var defs = this.defenitionUpdater.update(modelCells, crossTabCellWidth.defaultVal, crossTabCellHeight.defaultVal);
-        var sumWidth = defs.columnDefs.reduce((acc, value) => {
+        const defs = this.defenitionUpdater.update(modelCells, crossTabCellWidth.defaultVal, crossTabCellHeight.defaultVal);
+        const sumWidth = defs.columnDefs.reduce((acc, value) => {
             acc += value.width();
             return acc;
         }, 0);
-        var sumHeight = defs.rowDefs.reduce((acc, value) => {
+        const sumHeight = defs.rowDefs.reduce((acc, value) => {
             acc += value.height();
             return acc;
         }, 0);
-        var maxWidth = Math.min(sumWidth, Math.max(this.size.width(), this.parentModel().size.width() - this.location.x()));
+        const maxWidth = Math.min(sumWidth, Math.max(this.size.width(), this.parentModel().size.width() - this.location.x()));
         this._columnDefinitions(defs.columnDefs);
         this._rowDefinitions(defs.rowDefs);
         this.size.width(maxWidth);
@@ -160,7 +160,7 @@ export class XRCrossTabViewModel extends XRControlViewModel {
             this.size.width.valueHasMutated();
         this.size.height(sumHeight);
         this.update(false);
-        var undo = UndoEngine.tryGetUndoEngine(this);
+        undo = UndoEngine.tryGetUndoEngine(this);
         undo && undo.end();
     }
     getFields() {
@@ -174,24 +174,24 @@ export class XRCrossTabViewModel extends XRControlViewModel {
         };
     }
     onDelete() {
-        var root = this.root;
+        const root = this.root;
         this.dependentStyles = [];
         crossTabStyles.forEach(style => {
             if (root.stylesHelper()) {
-                var targetStyle = root.stylesHelper().removeUnusedStyle(this[style.propertyName]());
+                const targetStyle = root.stylesHelper().removeUnusedStyle(this[style.propertyName]());
                 targetStyle && this.dependentStyles.push(targetStyle);
             }
             else {
-                targetStyle = root.findStyle(this[style.propertyName]());
+                const targetStyle = root.findStyle(this[style.propertyName]());
                 targetStyle && root.styles.remove(targetStyle) && this.dependentStyles.push(targetStyle);
             }
         });
     }
     preInitProperties() {
-        var info = this.getInfo();
+        const info = this.getInfo();
         this.getInfo = () => {
             info.forEach(item => {
-                var type;
+                let type;
                 if (item.propertyName === 'rowFields' || item.propertyName === 'columnFields')
                     type = CrossTabFieldModel;
                 else if (item.propertyName === 'dataFields')
@@ -210,10 +210,10 @@ export class XRCrossTabViewModel extends XRControlViewModel {
         }
     }
     applyCells(cellsInfo, initOnly = false) {
-        var newCells = [];
-        var oldCells = [];
+        const newCells = [];
+        const oldCells = [];
         cellsInfo.forEach((cell, index) => {
-            var currentCell;
+            let currentCell;
             cell.dependentFields = [this.dataFields()[cell.dataLevel], this.rowFields()[cell.rowLevel], this.columnFields()[cell.columnLevel]];
             if (initOnly)
                 currentCell = findcells(this.cells(), cell._columnIndex(), cell._rowIndex())[0];
@@ -221,7 +221,7 @@ export class XRCrossTabViewModel extends XRControlViewModel {
                 currentCell = this.cells().filter(x => {
                     if (x.kind() != cell.kind())
                         return false;
-                    for (var i = 0; i < x.dependentFields.length; i++) {
+                    for (let i = 0; i < x.dependentFields.length; i++) {
                         if (x.dependentFields[i] != cell.dependentFields[i])
                             return false;
                     }
@@ -237,7 +237,7 @@ export class XRCrossTabViewModel extends XRControlViewModel {
             }
             this.applyCell(cell, currentCell);
         });
-        for (var i = this.cells().length - 1; i >= 0; i--) {
+        for (let i = this.cells().length - 1; i >= 0; i--) {
             if (oldCells.indexOf(this.cells()[i]) == -1) {
                 this.cells()[i].dispose();
                 this.cells.splice(i, 1);
@@ -247,7 +247,7 @@ export class XRCrossTabViewModel extends XRControlViewModel {
         return oldCells.concat(newCells);
     }
     applyCell(from, to) {
-        var info = from.getInfo();
+        const info = from.getInfo();
         info.forEach(item => {
             to[item.propertyName](from[item.propertyName]());
         });
@@ -263,13 +263,13 @@ export class XRCrossTabViewModel extends XRControlViewModel {
         to.dependentFields = from.dependentFields;
     }
     insertNewField(collectionName, insertPosition, fieldName, dataFieldLayout) {
-        var newField = this.getInfo().filter(x => x.propertyName === collectionName)[0].addHandler();
+        const newField = this.getInfo().filter(x => x.propertyName === collectionName)[0].addHandler();
         dataFieldLayout && this.layoutOptions.dataFieldLayout(DataFieldLayout[dataFieldLayout]);
         this[collectionName].splice(insertPosition, 0, newField);
         newField && newField.setFieldName(fieldName);
     }
     customizeExpressionCategories(tools, categories) {
-        var fieldsCategory = categories.filter(item => item.content.name == 'dx-expressioneditor-fields')[0];
+        const fieldsCategory = categories.filter(item => item.content.name == 'dx-expressioneditor-fields')[0];
         fieldsCategory && categories.splice(categories.indexOf(fieldsCategory), 1);
     }
 }
@@ -313,10 +313,10 @@ export class CrossTabFieldModel extends SerializableModel {
             this.crossTabSortBySummaryInfo.getPath = (propertyName) => this.getPath(propertyName);
     }
     setFieldName(fullPath) {
-        var parts = fullPath.split('.');
-        var dsHelper = this.parent.dsHelperProvider && this.parent.dsHelperProvider();
+        const parts = fullPath.split('.');
+        const dsHelper = this.parent.dsHelperProvider && this.parent.dsHelperProvider();
         if (dsHelper && parts.length >= 2) {
-            var dataSource;
+            let dataSource;
             if (this.parent.getPath('') === parts[0])
                 dataSource = this.parent['dataSource']();
             else {
@@ -343,9 +343,9 @@ export class XRCrossTabSurface extends XRControlSurface {
     selectLine(selection, cell, isMultiSelect, isRow) {
         if (!isMultiSelect)
             selection.initialize(this);
-        var model = this.getControlModel();
-        var surface = cell.surface;
-        var cells;
+        const model = this.getControlModel();
+        const surface = cell.surface;
+        let cells;
         if (isRow)
             cells = findcells(model.cells(), null, cell._rowIndex());
         else

package/designer/controls/xrCrossTabCell.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrCrossTabCell.d.ts)
-* Version:  23.2.3
-* Build date: Dec 1, 2023
+* Version:  23.2.4-build-23361-1610
+* Build date: Dec 27, 2023
 * Copyright (c) 2012 - 2023 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -43,6 +43,7 @@ export declare class XRCrossTabCellViewModel extends XRControlViewModel implemen
     canDropRight(): boolean;
     canDropUp(): boolean;
     canDropLeft(): boolean;
+    getExpressionBinding(property: string, event: string): string;
     isPropertyVisible(name: string, isPopularProperty?: boolean): boolean;
     isPropertyModified(name: string): boolean;
     isPropertyDisabled(name: string): boolean;