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

package/designer/controls/xrRichTextSurface.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrRichTextSurface.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/xrRichTextSurface.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrRichTextSurface.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
 */
@@ -33,8 +33,8 @@ export class XRRichSurface extends XRControlSurface {
     _sendCallback(propertyName = null) {
         if (!this._innerUpdate()) {
             this._lastRequest(propertyName);
-            var self = this;
-            var selfControl = this._control;
+            const self = this;
+            const selfControl = this._control;
             this.isLoading(true);
             ReportRenderingService.getRichImage(this, propertyName).done(function (result) {
                 self.isLoading(false);

package/designer/controls/xrShape.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrShape.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/xrShape.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrShape.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
 */
@@ -21,8 +21,8 @@ export class XRShapeViewModel extends XRControlViewModel {
                     return this.Shape()['shapeType']();
                 },
                 write: (val) => {
-                    var selectedShape = XRShapeViewModel.shapes.filter((shape) => { return shape['displayName'] === val; })[0];
-                    var shape = XRShapeViewModel.createShape($.extend({ '@ShapeName': selectedShape['type'] }, selectedShape['val']), serializer);
+                    const selectedShape = XRShapeViewModel.shapes.filter((shape) => { return shape['displayName'] === val; })[0];
+                    const shape = XRShapeViewModel.createShape($.extend({ '@ShapeName': selectedShape['type'] }, selectedShape['val']), serializer);
                     if (selectedShape['angle'] !== void 0) {
                         this['angle'](selectedShape['angle']);
                     }
@@ -41,9 +41,9 @@ export class XRShapeViewModel extends XRControlViewModel {
         this._disposables.push(this.shapeFake.type);
     }
     static createShape(model, serializer = null) {
-        var type = model && model['@ShapeName'] || 'Ellipse';
-        var shapeInfo = shapesMap[type];
-        var newShape = { 'shapeType': ko.observable(type), 'getInfo': () => { return shapeInfo; } };
+        const type = model && model['@ShapeName'] || 'Ellipse';
+        const shapeInfo = shapesMap[type];
+        const newShape = { 'shapeType': ko.observable(type), 'getInfo': () => { return shapeInfo; } };
         (serializer || new ModelSerializer()).deserialize(newShape, model);
         return newShape;
     }
@@ -194,7 +194,7 @@ export class XRShapeControlSurface extends XRControlSurface {
         if (this._lastUpdateImageDeferred) {
             this._lastUpdateImageDeferred.reject();
         }
-        var resultDeferred = $.Deferred();
+        const resultDeferred = $.Deferred();
         this._lastUpdateImageDeferred = resultDeferred;
         ReportRenderingService.getShapeImage(this)
             .done((result) => {
@@ -206,7 +206,7 @@ export class XRShapeControlSurface extends XRControlSurface {
         });
         resultDeferred.done((result) => {
             this.isLoading(false);
-            var imageSrc = (result === null || result === void 0 ? void 0 : result.imageBase64) ? 'data:image/png;base64,' + result.imageBase64 : null;
+            const imageSrc = (result === null || result === void 0 ? void 0 : result.imageBase64) ? 'data:image/png;base64,' + result.imageBase64 : null;
             this.imageSrc(imageSrc);
         });
     }

package/designer/controls/xrSparkline.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrSparkline.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/xrSparkline.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrSparkline.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
 */
@@ -29,9 +29,9 @@ export class XRSparklineViewModel extends XRControlViewModel {
         this._disposables.push(this.sparklineFake.type);
     }
     createView(model, serializer = null) {
-        var type = model && model['@Type'] || 'Line';
-        var viewTypeSerialization = sparklineViewMap[type];
-        var newView = { 'type': ko.observable(type), 'getInfo': () => { return viewTypeSerialization; } };
+        const type = model && model['@Type'] || 'Line';
+        const viewTypeSerialization = sparklineViewMap[type];
+        const newView = { 'type': ko.observable(type), 'getInfo': () => { return viewTypeSerialization; } };
         (serializer || new ModelSerializer()).deserialize(newView, model);
         return newView;
     }

package/designer/controls/xrSubreport.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrSubreport.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/xrSubreport.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrSubreport.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
 */
@@ -22,14 +22,14 @@ export class XRSubreportViewModel extends XRControlViewModel {
         super(patchSubreport(model), parent, serializer);
         this.needProcessLocation = false;
         this.subreportParameters = ko.observableArray();
-        var _width = ko.observable(this.size.width());
+        const _width = ko.observable(this.size.width());
         this.size['_width'] = _width;
         this._disposables.push(this.key = ko.pureComputed(() => {
-            var key = this.parentModel() && this.parentModel().root && this.parentModel().root['key'];
+            const key = this.parentModel() && this.parentModel().root && this.parentModel().root['key'];
             return (key ? (key() + '.') : '') + (this.name() ? this.name() : '');
         }));
         this._generateOwnPages = ko.observable(this.generateOwnPages());
-        var oldgenerateOwnPagesIsActive = this._generateOwnPages();
+        let oldgenerateOwnPagesIsActive = this._generateOwnPages();
         this._disposables.push(this.generateOwnPages = ko.pureComputed({
             read: () => {
                 return this._generateOwnPages();
@@ -37,7 +37,7 @@ export class XRSubreportViewModel extends XRControlViewModel {
             write: (newVal) => {
                 if (this.isPropertyDisabled('generateOwnPages'))
                     return;
-                var undo = UndoEngine.tryGetUndoEngine(this.parentModel());
+                const undo = UndoEngine.tryGetUndoEngine(this.parentModel());
                 undo && undo.start();
                 this._generateOwnPages(newVal);
                 undo && undo.end();
@@ -66,7 +66,7 @@ export class XRSubreportViewModel extends XRControlViewModel {
                 return this.generateOwnPagesIsActive();
             return false;
         };
-        var storageSubscription = null;
+        let storageSubscription = null;
         if (this.reportSource) {
             this.reportSource.key = this.key;
             if (parent) {
@@ -82,13 +82,13 @@ export class XRSubreportViewModel extends XRControlViewModel {
             }
         }
         this.parameterBindings = deserializeArray(model.ParameterBindings, (item) => {
-            var binding = new ParameterBinding(item, this, serializer);
+            const binding = new ParameterBinding(item, this, serializer);
             this._initParameter(binding);
             return binding;
         });
         this.updateParameters();
         this._disposables.push(this.parameterBindings.subscribe((changes) => {
-            for (var index = 0; index < changes.length; index++) {
+            for (let index = 0; index < changes.length; index++) {
                 if (changes[index].status === 'added') {
                     this._initParameter(changes[index].value);
                 }
@@ -118,9 +118,9 @@ export class XRSubreportViewModel extends XRControlViewModel {
         this.resetObservableArray(this.parameterBindings);
     }
     getInfo() {
-        var serializationInfo = $.extend(true, [], super.getInfo());
+        const serializationInfo = $.extend(true, [], super.getInfo());
         if (this.reportSourceUrl && this.reportSourceUrl()) {
-            var property = serializationInfo.filter((item) => { return item.propertyName === 'reportSource'; })[0];
+            const property = serializationInfo.filter((item) => { return item.propertyName === 'reportSource'; })[0];
             serializationInfo.splice(serializationInfo.indexOf(property), 1);
         }
         return serializationInfo;
@@ -129,7 +129,7 @@ export class XRSubreportViewModel extends XRControlViewModel {
         return this.generateOwnPages() && !this.isPropertyDisabled('generateOwnPages');
     }
     _clearReportModel(reportModel) {
-        var ignoreProperties = ['Parameters', 'ObjectStorage', 'ComponentStorage'];
+        const ignoreProperties = ['Parameters', 'ObjectStorage', 'ComponentStorage'];
         Object.keys(reportModel).forEach(x => {
             if (ignoreProperties.indexOf(x) === -1)
                 delete reportModel[x];
@@ -140,13 +140,13 @@ export class XRSubreportViewModel extends XRControlViewModel {
         this.refreshParameterBindings();
     }
     _calculateSubreportPosition(generateOwnPagesIsActive) {
-        var offset = generateOwnPagesIsActive ? 0 : pixelToUnits(5, this.root.measureUnit(), 1);
+        const offset = generateOwnPagesIsActive ? 0 : pixelToUnits(5, this.root.measureUnit(), 1);
         this.size.width(this.parentModel()['size'].width() - offset * 2);
         this.location.x(offset);
     }
     _subscribeStorages(objectStorage1, objectStorage2) {
-        var locker = new Locker();
-        var subscriptions = [
+        const locker = new Locker();
+        const subscriptions = [
             objectStorage1.subscribe((newVal) => locker.lock(() => objectStorage2(newVal))),
             objectStorage2.subscribe((newVal) => locker.lock(() => objectStorage1(newVal)))
         ];
@@ -168,9 +168,9 @@ export class XRSubreportViewModel extends XRControlViewModel {
     updateParameters() {
         if (this.reportSourceUrl()) {
             ReportStorageWeb.getData(this.reportSourceUrl()).done((result) => {
-                var reportJSONModel = JSON.parse(result.reportLayout);
+                const reportJSONModel = JSON.parse(result.reportLayout);
                 this._clearReportModel(reportJSONModel.XtraReportsLayoutSerializer);
-                var report = new ReportViewModel(reportJSONModel);
+                const report = new ReportViewModel(reportJSONModel);
                 this._assignParameters(report.parameters());
             });
         }
@@ -181,7 +181,7 @@ export class XRSubreportViewModel extends XRControlViewModel {
     cloneReportSource() {
         var _a;
         if (this.reportSource) {
-            var dataSourceRefFromParent = (_a = this.root) === null || _a === void 0 ? void 0 : _a.dataSourceRefs;
+            const dataSourceRefFromParent = (_a = this.root) === null || _a === void 0 ? void 0 : _a.dataSourceRefs;
             return this.reportSource.clone(dataSourceRefFromParent);
         }
     }
@@ -197,7 +197,7 @@ export class XRSubreportSurface extends XRControlSurface {
         this.displayText = () => { return control.name(); };
     }
     getAdornTemplate() {
-        var result = '';
+        let result = '';
         result = XRControlSurface._appendValue(result, 'dxrd-surface-hidden', !this._control['visible']());
         result = XRControlSurface._appendValue(result, 'dxrd-intersect', this.isIntersect());
         return result;

package/designer/controls/xrSubreportParameterBinding.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrSubreportParameterBinding.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/xrSubreportParameterBinding.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrSubreportParameterBinding.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
 */
@@ -20,7 +20,7 @@ export class ParameterBinding extends DataBindingBase {
         this._disposables.push(this._reportDataSource);
         this._disposables.push(this.subreportParameters);
         this.fakeBinding = this;
-        var _dataSource = ko.observable(this.dataSource());
+        const _dataSource = ko.observable(this.dataSource());
         this._disposables.push(this.dataSource = ko.pureComputed({
             read: () => {
                 return _dataSource() || this._reportDataSource();
@@ -43,10 +43,10 @@ export class ParameterBinding extends DataBindingBase {
     }
     getInfo() {
         if (this.subreportParameters && this.subreportParameters().length > 0) {
-            var serializationInfo = extend(true, [], parameterBindingSerializationInfo);
-            var parameterNameInfo = serializationInfo.filter((info) => { return info.propertyName === 'parameterName'; })[0];
+            const serializationInfo = extend(true, [], parameterBindingSerializationInfo);
+            const parameterNameInfo = serializationInfo.filter((info) => { return info.propertyName === 'parameterName'; })[0];
             parameterNameInfo.valuesArray = this.subreportParameters().map((parameter) => { return { value: parameter, displayValue: parameter }; });
-            var dataSourceInfo = serializationInfo.filter((info) => { return info.propertyName === 'dataSource'; })[0];
+            const dataSourceInfo = serializationInfo.filter((info) => { return info.propertyName === 'dataSource'; })[0];
             dataSourceInfo.defaultVal = this._reportDataSource();
             return serializationInfo;
         }

package/designer/controls/xrTable.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrTable.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/xrTable.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrTable.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
 */
@@ -16,7 +16,7 @@ export class XRTableControlViewModel extends XRControlViewModel {
         super(control, parent, serializer);
         this.rows = ko.observableArray();
         this._disposables.push(this.rowsTotalWeight = ko.pureComputed(() => {
-            var result = 0;
+            let result = 0;
             this.rows().forEach(row => {
                 result += row.weight();
             });
@@ -25,12 +25,12 @@ export class XRTableControlViewModel extends XRControlViewModel {
         this._disposables.push(this.pixelHeightWeight = ko.pureComputed(() => {
             return this.size.height() !== 0 ? this.rowsTotalWeight() / this.size.height() : 0;
         }));
-        var deserializedRows = deserializeArray(control.Rows, (item) => { return new XRTableRowViewModel(item, this, serializer); });
+        const deserializedRows = deserializeArray(control.Rows, (item) => { return new XRTableRowViewModel(item, this, serializer); });
         this.rows(deserializedRows());
         this.tableCalculationProvider = new TableCalculationProvider(this);
     }
     _getAdjacentCells(condition) {
-        var adjacentCells = [];
+        const adjacentCells = [];
         this.rows().forEach((row) => {
             row.cells().filter((cell) => { return condition(cell); }).forEach((cell) => {
                 adjacentCells.push(cell);
@@ -44,15 +44,15 @@ export class XRTableControlViewModel extends XRControlViewModel {
         this.resetObservableArray(this.rows);
     }
     updateRowLocation(row, deltaHeight) {
-        var oldHeight = row.height();
-        var rowIndex = this.rows().indexOf(row);
+        const oldHeight = row.height();
+        const rowIndex = this.rows().indexOf(row);
         if (rowIndex > 0) {
-            var topRowHeight = this.rows()[rowIndex - 1].height;
-            var topHeight = topRowHeight() - deltaHeight;
+            const topRowHeight = this.rows()[rowIndex - 1].height;
+            const topHeight = topRowHeight() - deltaHeight;
             topRowHeight(topHeight > 0 ? topHeight : 0);
         }
         else {
-            var deltaWeight = (row.weight() / oldHeight) * deltaHeight;
+            const deltaWeight = (row.weight() / oldHeight) * deltaHeight;
             row.weight(row.weight() + deltaWeight);
             this.location.y(this.location.y() - deltaHeight);
             this.size.height(this.size.height() + deltaHeight);
@@ -77,7 +77,7 @@ export class XRTableControlViewModel extends XRControlViewModel {
         }
     }
     insertRow(selectedRow, isRowAbove, onComponentAdded) {
-        var selectedRowHeight = selectedRow.height(), newRow = new XRTableRowViewModel({
+        const selectedRowHeight = selectedRow.height(), newRow = new XRTableRowViewModel({
             '@ControlType': 'XRTableRow',
             '@Weight': selectedRow.weight(),
             '@HeightF': selectedRowHeight,
@@ -90,7 +90,7 @@ export class XRTableControlViewModel extends XRControlViewModel {
     }
     removeChild(selectedRow) {
         if (this.rows().length > 0 && this.rows().indexOf(selectedRow) !== -1) {
-            var index = this.rows().indexOf(selectedRow);
+            const index = this.rows().indexOf(selectedRow);
             this.size.height(this.size.height() - selectedRow.height());
             this.rows.splice(index, 1);
         }
@@ -99,14 +99,14 @@ export class XRTableControlViewModel extends XRControlViewModel {
         }
     }
     insertColumn(selectedCell, isRight, onComponentAdded) {
-        var selectedCellX = selectedCell.surface.rect().left, selectedCellRight = selectedCell.surface.rect().left + selectedCell.surface.rect().width, adjacentCells = this._getAdjacentCells((cell) => { return isRight ? ((cell.surface.rect().left + cell.surface.rect().width) === selectedCellRight) : (cell.surface.rect().left === selectedCellX); });
+        const selectedCellX = selectedCell.surface.rect().left, selectedCellRight = selectedCell.surface.rect().left + selectedCell.surface.rect().width, adjacentCells = this._getAdjacentCells((cell) => { return isRight ? ((cell.surface.rect().left + cell.surface.rect().width) === selectedCellRight) : (cell.surface.rect().left === selectedCellX); });
         adjacentCells.forEach((cell) => {
             cell.parentModel().insertCellCopy(cell, isRight, onComponentAdded);
         });
     }
     addColumnToCalculation(diff, last = false) {
-        var rows = this.rows();
-        for (var i = 0; i < rows.length; i++) {
+        const rows = this.rows();
+        for (let i = 0; i < rows.length; i++) {
             rows[i].addCellToCalculation(last ? rows[i].cells().length - 1 : 0, diff);
         }
     }
@@ -135,7 +135,7 @@ export class XRTableSurface extends XRControlSurfaceBase {
     }
     selectColumn(selection, cellSurface) {
         selection.initialize(this);
-        var locationStart = cellSurface.rect().left, locationEnd = locationStart + cellSurface.rect().width;
+        const locationStart = cellSurface.rect().left, locationEnd = locationStart + cellSurface.rect().width;
         selection.selecting({ control: cellSurface, cancel: false });
         this.rows().forEach((rowSurface) => {
             rowSurface.cells().forEach((cellSurface) => {

package/designer/controls/xrTableCell.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrTableCell.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/xrTableCell.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrTableCell.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
 */
@@ -17,14 +17,14 @@ export class XRTableCellViewModel extends XRControlViewModel {
         super(model, parent, serializer);
         this._disposables.push(this.width = ko.pureComputed({
             read: () => {
-                var result = parent.width() * this.weight() / parent.cellsTotalWeight();
+                const result = parent.width() * this.weight() / parent.cellsTotalWeight();
                 return roundingXDecimals(result, false, 3);
             },
             write: (newWidth) => {
-                var currentIndex = parent.cells().indexOf(this);
+                const currentIndex = parent.cells().indexOf(this);
                 if (parent.hasCalculationNode(currentIndex))
                     return;
-                var diff = newWidth - this.width();
+                const diff = newWidth - this.width();
                 if (currentIndex < parent.cells().length - 1) {
                     parent.addCellToCalculation(currentIndex, diff);
                     parent.addCellToCalculation(currentIndex + 1, diff * -1);
@@ -48,9 +48,9 @@ export class XRTableCellViewModel extends XRControlViewModel {
         this._disposables.push(this.controls.subscribe(value => value.length > 0 && this.textEditOptions.enabled(false)));
         this._disposables.push(this.left = ko.pureComputed({
             read: () => {
-                var index = parent.cells().indexOf(this);
+                const index = parent.cells().indexOf(this);
                 if (index > 0) {
-                    var previousCell = parent.cells()[index - 1];
+                    const previousCell = parent.cells()[index - 1];
                     return previousCell.left() + previousCell.width();
                 }
                 else {
@@ -60,8 +60,8 @@ export class XRTableCellViewModel extends XRControlViewModel {
             write: (val) => {
                 if (val === this.left())
                     return;
-                var index = parent.cells().indexOf(this);
-                var diff = val - this.left();
+                const index = parent.cells().indexOf(this);
+                const diff = val - this.left();
                 if (index > 0) {
                     parent.addCellToCalculation(index - 1, diff);
                     parent.addCellToCalculation(index, diff * -1);
@@ -88,9 +88,9 @@ export class XRTableCellSurface extends TableComponentSurface {
             if (this._isShowBorder('Left')) {
                 return this.cssCalculator.contentSizeCss(this.rect().width, this.heightWithRowSpan(), this._context.zoom());
             }
-            var bordersArray = control.borders().indexOf('All') === -1 ? control.borders().split(/\s*,\s*/g) : ['Left', 'Top', 'Right', 'Bottom'];
-            var index = bordersArray.indexOf('Left');
-            var width = this.rect().width;
+            const bordersArray = control.borders().indexOf('All') === -1 ? control.borders().split(/\s*,\s*/g) : ['Left', 'Top', 'Right', 'Bottom'];
+            const index = bordersArray.indexOf('Left');
+            let width = this.rect().width;
             if (index !== -1) {
                 bordersArray.splice(index, 1);
                 width += 1;
@@ -98,26 +98,26 @@ export class XRTableCellSurface extends TableComponentSurface {
             return this.cssCalculator.contentSizeCss(width, this.heightWithRowSpan(), this._context.zoom(), bordersArray.join(','));
         }));
         this._disposables.push(this.css = ko.pureComputed(() => {
-            var bottom = this.cssCalculator.cellBorder('Bottom', this._context.zoom());
-            var right = this.cssCalculator.cellBorder('Right', this._context.zoom());
-            var left = this._isShowBorder('Left') ? this.cssCalculator.cellBorder('Left', this._context.zoom()) : this.cssCalculator.createControlBorder('', 0, 'transparent', ['Left'], 'Left');
-            var top = this._isShowBorder('Top') ? this.cssCalculator.cellBorder('Top', this._context.zoom()) : { borderTop: '' };
+            const bottom = this.cssCalculator.cellBorder('Bottom', this._context.zoom());
+            const right = this.cssCalculator.cellBorder('Right', this._context.zoom());
+            const left = this._isShowBorder('Left') ? this.cssCalculator.cellBorder('Left', this._context.zoom()) : this.cssCalculator.createControlBorder('', 0, 'transparent', ['Left'], 'Left');
+            const top = this._isShowBorder('Top') ? this.cssCalculator.cellBorder('Top', this._context.zoom()) : { borderTop: '' };
             return $.extend({}, this.cssCalculator.fontCss(), this.cssCalculator.backGroundCss(), right, bottom, top, left, this.cssCalculator.foreColorCss(), this.cssCalculator.textAlignmentCss());
         }));
         this._disposables.push(this.rowSpan = ko.pureComputed(() => {
             if (this.controls().length > 0) {
                 return 1;
             }
-            for (var i = 1; i <= this._rowIndex() && this._rowIndex() - i >= 0; i++) {
-                var cell = this._getAdjacentCellByRowIndex(this._rowIndex() - i);
+            for (let i = 1; i <= this._rowIndex() && this._rowIndex() - i >= 0; i++) {
+                const cell = this._getAdjacentCellByRowIndex(this._rowIndex() - i);
                 if (cell && cell.surface.rowSpan() > i)
                     return 0;
             }
-            var rowSpan = control['rowSpan']();
-            var lastRowSpan = 1;
-            var rowCount = this._table.rows().length;
-            for (var i = 1; i < rowSpan && i + this._rowIndex() < rowCount; i++, lastRowSpan++) {
-                var nextCell = this._getAdjacentCellByRowIndex(this._rowIndex() + i);
+            const rowSpan = control['rowSpan']();
+            let lastRowSpan = 1;
+            const rowCount = this._table.rows().length;
+            for (let i = 1; i < rowSpan && i + this._rowIndex() < rowCount; i++, lastRowSpan++) {
+                const nextCell = this._getAdjacentCellByRowIndex(this._rowIndex() + i);
                 if (!nextCell || nextCell.width() != control.width() || nextCell['rowSpan']() > 1 || nextCell.controls().length > 0) {
                     return lastRowSpan;
                 }
@@ -125,10 +125,10 @@ export class XRTableCellSurface extends TableComponentSurface {
             return lastRowSpan;
         }));
         this._disposables.push(this.heightWithRowSpan = ko.pureComputed(() => {
-            var _height = this.rect().height;
+            let _height = this.rect().height;
             if (this.rowSpan() > 1) {
-                for (var i = 1; i < this.rowSpan(); i++) {
-                    var cell = this._getAdjacentCellByRowIndex(this._rowIndex() + i);
+                for (let i = 1; i < this.rowSpan(); i++) {
+                    const cell = this._getAdjacentCellByRowIndex(this._rowIndex() + i);
                     if (cell && cell.surface)
                         _height += cell.surface.rect().height;
                 }
@@ -139,14 +139,14 @@ export class XRTableCellSurface extends TableComponentSurface {
             return _height;
         }));
         this.offsetZIndex = () => {
-            var hasRowSpan = this.rowSpan() > 1;
+            const hasRowSpan = this.rowSpan() > 1;
             return hasRowSpan && (this.selected() || this.focused()) && 2 || hasRowSpan && 1 || null;
         };
         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) {
-                var allBorders = borderFlags === 'All';
+                const allBorders = borderFlags === 'All';
                 if ((allBorders || borderFlags.indexOf('Top') >= 0) && this._isShowBorder('Top')) {
                     rect.top += borderWidth;
                     rect.height -= borderWidth;
@@ -164,17 +164,17 @@ export class XRTableCellSurface extends TableComponentSurface {
         };
     }
     _getAdjacentCellByRowIndex(rowIndex) {
-        var nextRow = this._table.rows()[rowIndex];
+        const nextRow = this._table.rows()[rowIndex];
         return nextRow && nextRow.cells && nextRow.cells().filter(cell => Math.round(cell.left() - this._control.left()) === 0)[0];
     }
     _isShowBorder(side) {
         if (side === 'Top') {
-            var prevCell = this._getAdjacentCellByRowIndex(this._rowIndex() - 1);
-            var borders = prevCell && prevCell['borders']();
+            const prevCell = this._getAdjacentCellByRowIndex(this._rowIndex() - 1);
+            const borders = prevCell && prevCell['borders']();
             return (this._rowIndex() === 0) || (borders && borders !== 'All' && borders.indexOf('Bottom') === -1);
         }
         if (side === 'Left') {
-            var prevCell = this._row.cells()[this._cellIndex() - 1], borders = prevCell && prevCell.borders();
+            const prevCell = this._row.cells()[this._cellIndex() - 1], borders = prevCell && prevCell.borders();
             return (this._cellIndex() === 0) || (borders && borders !== 'All' && borders.indexOf('Right') === -1);
         }
     }
@@ -202,9 +202,9 @@ export class XRTableCellSurface extends TableComponentSurface {
         return false;
     }
     beforeRectUpdated(rect) {
-        var _rowSpan = this.rowSpan.peek();
-        for (var i = 1; i < _rowSpan; i++) {
-            var nextCell = this._getAdjacentCellByRowIndex(this._rowIndex() + i);
+        const _rowSpan = this.rowSpan.peek();
+        for (let i = 1; i < _rowSpan; i++) {
+            const nextCell = this._getAdjacentCellByRowIndex(this._rowIndex() + i);
             nextCell && nextCell.surface.rect(rect);
         }
         return super.beforeRectUpdated(rect);
@@ -213,7 +213,7 @@ export class XRTableCellSurface extends TableComponentSurface {
         return super.canDrop() && this.rowSpan() === 1;
     }
     getAdornTemplate() {
-        var result = super.getAdornTemplate();
+        let result = super.getAdornTemplate();
         result = XRControlSurface._appendValue(result, 'dxrd-surface-hidden', !this._control['visible']() || (this._control.parentModel() && !this._control.parentModel()['visible']()));
         return result;
     }

package/designer/controls/xrTableOfContents.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrTableOfContents.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/xrTableOfContents.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrTableOfContents.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
 */
@@ -22,7 +22,7 @@ export class XRTableOfContentsViewModel extends XRControlViewModel {
         this._disposables.push(this.levelDefault = new TableOfContentsLevel(control['LevelDefault'], this, serializer));
         this.levels = deserializeArray(control['Levels'], (item) => new TableOfContentsLevel(item, this, serializer));
         this._disposables.push(this.allLevels = ko.computed(() => {
-            var array = [this.levelTitle];
+            const array = [this.levelTitle];
             Array.prototype.push.apply(array, this.levels());
             array.push(this.levelDefault);
             return array;