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

package/designer/bands/xrBand.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\bands\xrBand.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
 */
@@ -35,15 +35,15 @@ export class BandViewModel extends XRReportElementViewModel {
                 read: () => { return this._level(); },
                 write: (newVal) => {
                     newVal > this.maxLevel() && (newVal = this.maxLevel());
-                    var parentModel = this.parentModel();
-                    var parentBands = parentModel.bands;
-                    var groupArray = generateArray(parentBands(), this.controlType, newVal);
+                    const parentModel = this.parentModel();
+                    const parentBands = parentModel.bands;
+                    const groupArray = generateArray(parentBands(), this.controlType, newVal);
                     groupArray.splice(newVal, 0, groupArray.splice(this._level(), 1)[0]);
                     this._level(newVal);
-                    for (var i = newVal + 1, level = newVal + 1; i < groupArray.length; i++) {
+                    for (let i = newVal + 1, level = newVal + 1; i < groupArray.length; i++) {
                         groupArray[i] && groupArray[i]._level(level++);
                     }
-                    for (var i = newVal - 1, level = newVal - 1; i >= 0; i--) {
+                    for (let i = newVal - 1, level = newVal - 1; i >= 0; i--) {
                         groupArray[i] && groupArray[i]._level(level--);
                     }
                     parentBands.sort((left, right) => {
@@ -55,7 +55,7 @@ export class BandViewModel extends XRReportElementViewModel {
                 }
             }));
         }
-        var stylesObject = createObjectFromInfo(this, stylesInfo);
+        const stylesObject = createObjectFromInfo(this, stylesInfo);
         if (stylesObject) {
             this[stylesObj.propertyName] = stylesObject;
         }
@@ -68,7 +68,7 @@ export class BandViewModel extends XRReportElementViewModel {
         this.resetObservableArray(this.controls);
     }
     createChildsArray(band, serializer) {
-        var subBands = [];
+        const subBands = [];
         if (band.SubBands) {
             Object.keys(band.SubBands).forEach((key) => {
                 subBands.push(this.getControlFactory().createControl(Object.assign({ '@ControlType': 'SubBand' }, band.SubBands[key]), this, serializer));
@@ -82,13 +82,13 @@ export class BandViewModel extends XRReportElementViewModel {
         this.controls = deserializeChildArray(band.Controls, this, (control) => { return this.createControl(control, serializer); });
     }
     initHeight() {
-        var _heightFromControls = 0;
+        let _heightFromControls = 0;
         this._disposables.push(this.heightFromControls = ko.pureComputed(() => {
             _heightFromControls = 0;
             if (checkModelReady(this.root)) {
-                for (var i = 0; i < this.controls().length; i++) {
+                for (let i = 0; i < this.controls().length; i++) {
                     if (!this.controls()[i].update()) {
-                        var controlY = this.controls()[i].anchorVertical && this.controls()[i].anchorVertical() === 'Bottom' && this.controls()[i].vertAnchoring.state !== Anchoring.states.fromControls ? 0 : this.controls()[i].location.y(), controlHeight = this.controls()[i].anchorVertical && this.controls()[i].anchorVertical() === 'Both' && this.controls()[i].vertAnchoring.state !== Anchoring.states.fromControls ? 1 : this.controls()[i].size.height(), controlBottom = controlY + controlHeight;
+                        const controlY = this.controls()[i].anchorVertical && this.controls()[i].anchorVertical() === 'Bottom' && this.controls()[i].vertAnchoring.state !== Anchoring.states.fromControls ? 0 : this.controls()[i].location.y(), controlHeight = this.controls()[i].anchorVertical && this.controls()[i].anchorVertical() === 'Both' && this.controls()[i].vertAnchoring.state !== Anchoring.states.fromControls ? 1 : this.controls()[i].size.height(), controlBottom = controlY + controlHeight;
                         if (controlBottom > _heightFromControls) {
                             _heightFromControls = controlBottom;
                         }
@@ -104,7 +104,7 @@ export class BandViewModel extends XRReportElementViewModel {
     preInit(band, parent, serializer) {
     }
     _getMaxLevel() {
-        var getSiblingBandsCount = (controlType) => this.parentModel().bands().filter(x => {
+        const getSiblingBandsCount = (controlType) => this.parentModel().bands().filter(x => {
             return x.controlType === controlType;
         }).length;
         if (this.controlType === 'GroupHeaderBand' || this.controlType === 'GroupFooterBand') {
@@ -118,7 +118,7 @@ export class BandViewModel extends XRReportElementViewModel {
             return;
         }
         if (control.controlType === 'XRTableOfContents' && isHeaderOrFooterBandType(this)) {
-            var tocAlreadyExists = !!getExistTableOfContents(this);
+            const tocAlreadyExists = !!getExistTableOfContents(this);
             if (tocAlreadyExists) {
                 throw new Error('Only one TOC can be added!!!');
             }
@@ -165,7 +165,7 @@ export class BandViewModel extends XRReportElementViewModel {
         return false;
     }
     _isHeaderBandTypeOrThemSubBands(band) {
-        var _isHeader = (band) => band.controlType === 'PageHeaderBand' || band.controlType === 'GroupHeaderBand';
+        const _isHeader = (band) => band.controlType === 'PageHeaderBand' || band.controlType === 'GroupHeaderBand';
         return _isHeader(band) || (this.controlType === 'SubBand' && _isHeader(band.parentModel()));
     }
     isPropertyVisible(name) {
@@ -228,7 +228,7 @@ export class BandSurface extends SurfaceElementBase {
         }));
         this._disposables.push(this._totalHeight = ko.pureComputed(() => this.getTotalHeight()));
         this.name = band.name;
-        var subBandsHeight = 0;
+        const subBandsHeight = 0;
         this._disposables.push(this.subBandsHeight = ko.pureComputed(() => this.bandsHolder.getHeight()));
         this._disposables.push(this.heightWithoutSubBands = ko.pureComputed(() => {
             return this.height() - this.subBandsHeight();
@@ -241,8 +241,8 @@ export class BandSurface extends SurfaceElementBase {
         this._disposables.push(this.rulerHeight = ko.pureComputed(() => {
             return this.collapsed() ? bandSurfaceCollapsedHeight : (this.heightWithoutSubBands());
         }));
-        var root = this.getControlModel().root;
-        var nearMarginWidth = () => root.margins.right() + root.margins.left();
+        const root = this.getControlModel().root;
+        const nearMarginWidth = () => root.margins.right() + root.margins.left();
         this.coordinateGridOptions = {
             left: ko.pureComputed(() => {
                 return this.rtlLayout() ? this._context.margins.right() : 0;
@@ -254,7 +254,7 @@ export class BandSurface extends SurfaceElementBase {
             width: ko.pureComputed(() => root.pageWidth() - nearMarginWidth()),
             flip: context.rtl
         };
-        var oldDelta = 0;
+        let oldDelta = 0;
         this['resize'] = (params) => {
             oldDelta = this._resize(params.delta.dh, oldDelta);
         };
@@ -265,7 +265,7 @@ export class BandSurface extends SurfaceElementBase {
             oldDelta = 0;
         };
         this._disposables.push(this['markerClass'] = ko.pureComputed(() => {
-            var cssClass = 'dxrd-band-marker-body';
+            let cssClass = 'dxrd-band-marker-body';
             if (band.controlType.toLowerCase().indexOf('header') !== -1 || band.controlType === 'TopMarginBand') {
                 cssClass = 'dxrd-band-marker-header';
             }
@@ -284,17 +284,17 @@ export class BandSurface extends SurfaceElementBase {
             return this.selected() && !this.locked && !this.collapsed() && !DragDropHandler.started();
         }));
         this._disposables.push(this.minHeight = ko.computed(() => {
-            var minHeight = (this.heightFromControls && this.heightFromControls() || 0) + this.subBandsHeight();
+            const minHeight = (this.heightFromControls && this.heightFromControls() || 0) + this.subBandsHeight();
             return minHeight || 1;
         }));
         this.getUsefulRect = () => {
-            var usefulWidth = this.rect().width;
-            var margins = this.getControlModel().root['margins'];
+            let usefulWidth = this.rect().width;
+            const margins = this.getControlModel().root['margins'];
             usefulWidth -= this._getMarginWidth(margins, this._context.rtl());
             usefulWidth -= this._getGrayArea();
             if (this.rtlLayout()) {
-                var nearMarginWidth = this._getMarginWidth(margins, this._context.rtl(), false);
-                var left = this.container().rect().width - usefulWidth - nearMarginWidth;
+                const nearMarginWidth = this._getMarginWidth(margins, this._context.rtl(), false);
+                const left = this.container().rect().width - usefulWidth - nearMarginWidth;
                 return { top: 0, left: left, right: usefulWidth + nearMarginWidth, bottom: this.height(), width: usefulWidth, height: this.height() };
             }
             else {
@@ -308,7 +308,7 @@ export class BandSurface extends SurfaceElementBase {
         }
     }
     _getMarginWidth(margins, rtl, isFarMargin = true) {
-        var marginWidht = margins ? (isFarMargin && this._context.rtl() ? margins.left && margins.left() : margins.right && margins.right()) || 0 : 0;
+        const marginWidht = margins ? (isFarMargin && this._context.rtl() ? margins.left && margins.left() : margins.right && margins.right()) || 0 : 0;
         return unitsToPixel(marginWidht, this._context.measureUnit(), this._context.zoom());
     }
     dispose() {
@@ -317,14 +317,14 @@ export class BandSurface extends SurfaceElementBase {
         this.resetObservableArray(this.controls);
     }
     _isHeaderBandTypeOrThemSubBands() {
-        var band = this.getControlModel();
-        var _isHeader = (band) => band.controlType === 'PageHeaderBand' || band.controlType === 'GroupHeaderBand';
+        const band = this.getControlModel();
+        const _isHeader = (band) => band.controlType === 'PageHeaderBand' || band.controlType === 'GroupHeaderBand';
         return _isHeader(band) || (band.controlType === 'SubBand' && _isHeader(band.parentModel()));
     }
     _getUnitPositionInParent() {
-        var isVerticalBandTakenIntoAccount = false;
-        var neighbors = this._control.parentModel().bands();
-        var absoluteY = neighbors
+        let isVerticalBandTakenIntoAccount = false;
+        const neighbors = this._control.parentModel().bands();
+        const absoluteY = neighbors
             .slice(0, neighbors.indexOf(this._control))
             .reduce((sum, currentBandModel) => {
             if (isVerticalBand(currentBandModel.controlType) && isVerticalBandTakenIntoAccount)
@@ -364,30 +364,30 @@ export class BandSurface extends SurfaceElementBase {
         return true;
     }
     getBackgroundRect() {
-        var top = 0, bottom, height = this._height();
-        var parent = this.parent;
+        let top = 0, bottom, height = this._height();
+        const parent = this.parent;
         if (!parent) {
             return { top, bottom, height };
         }
-        var parentBands = ko.unwrap(parent.bandsHolder.bands);
-        var parentBackgroundRect = ko.unwrap(parent.backgroundRect);
+        const parentBands = ko.unwrap(parent.bandsHolder.bands);
+        const parentBackgroundRect = ko.unwrap(parent.backgroundRect);
         if (parentBackgroundRect) {
             top += parentBackgroundRect.top;
             bottom = parentBackgroundRect.bottom;
         }
         else {
-            var pageHeight = parent.pageHeight();
-            var bottomMargin = parent.margins.bottom();
-            var footer = parentBands.filter(function (x) { return x._control.controlType === 'PageFooterBand'; })[0];
+            const pageHeight = parent.pageHeight();
+            const bottomMargin = parent.margins.bottom();
+            const footer = parentBands.filter(function (x) { return x._control.controlType === 'PageFooterBand'; })[0];
             bottom = pageHeight - bottomMargin;
             if (footer)
                 bottom -= footer._totalHeight();
         }
-        var bandIndex = parentBands.indexOf(this);
+        const bandIndex = parentBands.indexOf(this);
         if (parent.bandsHolder.verticalBandsContainer.visible && parent.bandsHolder.verticalBandsContainer.bandPosition() <= bandIndex) {
             top += parent.bandsHolder.verticalBandsContainer._height();
         }
-        for (var i = 0; i < bandIndex; i++) {
+        for (let i = 0; i < bandIndex; i++) {
             top += parentBands[i]._totalHeight();
         }
         if (top > bottom)
@@ -398,8 +398,8 @@ export class BandSurface extends SurfaceElementBase {
     }
     _initMultiColumn() {
         this._disposables.push(this.multiColumn = ko.computed(() => {
-            var currentMultiColumn = this.parent && this.parent.bandsHolder.multiColumn();
-            var parentMultiColumn = this.parent && !(this.parent['_control'].controlType === 'DevExpress.XtraReports.UI.XtraReport') && this.parent.parent.bandsHolder.multiColumn();
+            const currentMultiColumn = this.parent && this.parent.bandsHolder.multiColumn();
+            const parentMultiColumn = this.parent && !(this.parent['_control'].controlType === 'DevExpress.XtraReports.UI.XtraReport') && this.parent.parent.bandsHolder.multiColumn();
             if (parentMultiColumn && parentMultiColumn.haveColumns())
                 return parentMultiColumn;
             else if (currentMultiColumn && currentMultiColumn.haveColumns()
@@ -416,7 +416,7 @@ export class BandSurface extends SurfaceElementBase {
     updateAbsolutePosition() {
         if (!this.parent)
             return;
-        var parent = this.parent;
+        const parent = this.parent;
         this.absolutePosition.x(0);
         if (ko.unwrap(parent['collapsed'])) {
             this.absolutePosition.y(parent['absolutePosition'].y());

package/designer/bands/xrDetailBand.d.ts

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\bands\xrDetailBand.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
 */
@@ -58,10 +58,10 @@ export class DetailBand extends BandViewModel {
 DetailBand.unitProperties = [].concat([], BandViewModel.unitProperties, 'multiColumn');
 export class DetailBandSurface extends BandSurface {
     _initMultiColumn() {
-        var multiColumn = new MultiColumnSurface(this._control.multiColumn, this._context);
+        const multiColumn = new MultiColumnSurface(this._control.multiColumn, this._context);
         this._disposables.push(multiColumn);
         this._disposables.push(this.multiColumn = ko.computed(() => {
-            var parentMultiColumn = this.parent['multiColumn'] && this.parent['multiColumn']();
+            const parentMultiColumn = this.parent['multiColumn'] && this.parent['multiColumn']();
             if (parentMultiColumn)
                 return parentMultiColumn;
             return multiColumn;

package/designer/bands/xrDetailReportBand.d.ts

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\bands\xrDetailReportBand.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
 */
@@ -23,10 +23,10 @@ export class DetailReportBand extends BandViewModel {
                 this.dataMember(null);
             }
         }));
-        var dataMember = ko.pureComputed(() => {
+        const dataMember = ko.pureComputed(() => {
             return getFullPath(this.getPath('dataMember'), this.dataMember());
         });
-        var disabled = ko.pureComputed(() => !this.dataSource());
+        const disabled = ko.pureComputed(() => !this.dataSource());
         this.filterString = new FilterStringOptions(this._filterString, dataMember, disabled);
         this._disposables.push(dataMember);
         this._disposables.push(disabled);
@@ -41,12 +41,12 @@ export class DetailReportBand extends BandViewModel {
         this.resetObservableArray(this.bands);
     }
     initHeight() {
-        var oldHeight = 0;
+        let oldHeight = 0;
         this._disposables.push(this.height = ko.pureComputed({
             read: () => {
                 if (checkModelReady(this.root)) {
-                    var verticalBand = this.bands().filter(x => x instanceof VerticalBandViewModel)[0];
-                    var height = 0;
+                    const verticalBand = this.bands().filter(x => x instanceof VerticalBandViewModel)[0];
+                    let height = 0;
                     if (verticalBand)
                         height = verticalBand.height();
                     oldHeight = this.bands().filter(x => !(x instanceof VerticalBandViewModel)).reduce((sum, b) => { return sum + b.height(); }, height);
@@ -55,18 +55,18 @@ export class DetailReportBand extends BandViewModel {
             },
             write: (newHeight) => {
                 if (checkModelReady(this.root)) {
-                    var deltaHeight = newHeight - this.height.peek(), oldHeight = this.bands()[this.bands().length - 1].height.peek();
+                    const deltaHeight = newHeight - this.height.peek(), oldHeight = this.bands()[this.bands().length - 1].height.peek();
                     this.bands()[this.bands().length - 1].height(oldHeight + deltaHeight);
                 }
             }
         }));
     }
     createChildsArray(band, serializer) {
-        var factory = this.getControlFactory();
+        const factory = this.getControlFactory();
         this.bands = deserializeChildArray(band.Bands, this, (item) => {
             return new (factory.controlsMap[item['@ControlType']].type || BandViewModel)(item, this, serializer);
         });
-        var bands = this.bands.peek();
+        const bands = this.bands.peek();
         if (bands) {
             initLevels(bands);
             bands.sort(sortBands);
@@ -89,7 +89,7 @@ export class DetailReportBandSurface extends BandSurface {
         this.selectionTemplate = 'dxrd-detailreportband-selection';
         this.leftMarginTemplate = 'dxrd-detail-report-band-coordinate-grid';
         this._disposables.push(ko.computed(() => {
-            var isSomeParentCollapsed = this.collapsed() || this.isSomeParentCollapsed();
+            const isSomeParentCollapsed = this.collapsed() || this.isSomeParentCollapsed();
             this.bandsHolder.bands().forEach((band) => {
                 band.isSomeParentCollapsed(isSomeParentCollapsed);
             });
@@ -102,7 +102,7 @@ export class DetailReportBandSurface extends BandSurface {
         return this.bandsHolder.bands;
     }
     createUnderCursor() {
-        var _underCursor = ko.observable(new HoverInfo());
+        const _underCursor = ko.observable(new HoverInfo());
         this._disposables.push(this.underCursor = ko.pureComputed({
             read: () => {
                 _underCursor().isOver = this.bandsHolder.checkUnderCursor();

package/designer/bands/xrGroupBand.d.ts

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

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

package/designer/bands/xrMarginBands.d.ts

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\bands\xrMarginBands.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,7 +21,7 @@ export class BottomMarginBand extends BandViewModel {
 }
 export class BottomMarginSurface extends BandSurface {
     getBackgroundRect() {
-        var top = this.parent.pageHeight() - this._height(), bottom, height = this._height();
+        const top = this.parent.pageHeight() - this._height(), bottom = undefined, height = this._height();
         return { top, bottom, height };
     }
     get parent() {

package/designer/bands/xrPageBand.d.ts

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

@@ -1,15 +1,14 @@
 /**
 * DevExpress HTML/JS Reporting (designer\bands\xrPageBand.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
 */
 import { BandSurface } from './xrBand';
 export class PageFooterSurface extends BandSurface {
     getBackgroundRect() {
-        var top = 0, bottom, height = this._height();
-        top = this.parent.pageHeight() - this._totalHeight() - this.parent.margins.bottom();
+        const bottom = undefined, height = this._height(), top = this.parent.pageHeight() - this._totalHeight() - this.parent.margins.bottom();
         return { top, bottom, height };
     }
     get parent() {

package/designer/bands/xrSubband.d.ts

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\bands\xrSubband.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
 */
@@ -18,7 +18,7 @@ export declare class SubBandSurface extends BandSurface {
     getAbsolutePositionY(): number;
     getBackgroundRect(): {
         top: number;
-        bottom: any;
+        bottom: number;
         height: number;
     };
     protected _initMultiColumn(): void;

package/designer/bands/xrSubband.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\bands\xrSubband.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
 */
@@ -28,21 +28,21 @@ export class SubBandSurface extends BandSurface {
         this.leftMarginTemplate = 'dxrd-sub-band-coordinate-grid';
     }
     getAbsolutePositionY() {
-        var y = super.getAbsolutePositionY();
+        const y = super.getAbsolutePositionY();
         if (this.parent.bandsHolder.bands().indexOf(this) === 0) {
             return y + (this.parent.heightWithoutSubBands());
         }
         return y;
     }
     getBackgroundRect() {
-        var top = 0, bottom, height = this._height();
-        var parent = this.parent;
-        var parentBands = ko.unwrap(parent.bandsHolder.bands);
-        var parentBackgroundRect = ko.unwrap(parent.backgroundRect);
+        let top = 0, height = this._height();
+        const parent = this.parent;
+        const parentBands = ko.unwrap(parent.bandsHolder.bands);
+        const parentBackgroundRect = ko.unwrap(parent.backgroundRect);
         top += (parentBackgroundRect.top + parentBackgroundRect.height);
-        bottom = parentBackgroundRect.bottom;
-        var bandIndex = parentBands.indexOf(this);
-        for (var i = 0; i < bandIndex; i++) {
+        const bottom = parentBackgroundRect.bottom;
+        const bandIndex = parentBands.indexOf(this);
+        for (let i = 0; i < bandIndex; i++) {
             top += parentBands[i]._totalHeight();
         }
         if (top > bottom)

package/designer/bands/xrVerticalBand.d.ts

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

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\bands\xrVerticalBand.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,7 +17,7 @@ export class VerticalBandViewModel extends BandViewModel {
     constructor(band, parent, serializer) {
         super(band, parent, serializer);
         this.preInit(band, parent, serializer);
-        var _widthFromControls = 0;
+        let _widthFromControls = 0;
         this._disposables.push(this.widthFromControls = ko.pureComputed(() => {
             _widthFromControls = 0;
             if (checkModelReady(this.root)) {
@@ -31,8 +31,8 @@ export class VerticalBandViewModel extends BandViewModel {
         this._disposables.push(this.height.subscribe((newValue) => {
             if (this.update())
                 return;
-            var verticalBands = this.parentModel() && (this.parentModel()['bands']() || []).filter(x => x instanceof VerticalBandViewModel);
-            var minValue = Math.max(...verticalBands.map(x => x.heightFromControls()));
+            const verticalBands = this.parentModel() && (this.parentModel()['bands']() || []).filter(x => x instanceof VerticalBandViewModel);
+            const minValue = Math.max(...verticalBands.map(x => x.heightFromControls()));
             if (newValue < minValue)
                 newValue = minValue;
             verticalBands.forEach(x => {
@@ -60,7 +60,7 @@ export class VerticalBandSurface extends SurfaceElementBase {
         super(band, context, unitProperties);
         this.isSomeParentCollapsed = ko.observable(false);
         this._resize = (delta, oldDelta) => {
-            var width = Math.max(this._width() + delta - oldDelta, this.minimumWidth());
+            const width = Math.max(this._width() + delta - oldDelta, this.minimumWidth());
             this._width(width);
             return delta;
         };
@@ -93,7 +93,7 @@ export class VerticalBandSurface extends SurfaceElementBase {
             return this._height() + markerHeight;
         });
         this._disposables.push(this.backgroundRect = ko.pureComputed(() => {
-            var top = this.verticalBandsContainer._getTopOffset();
+            const top = this.verticalBandsContainer._getTopOffset();
             return {
                 top: top,
                 left: this.absolutePosition.x(),
@@ -101,7 +101,7 @@ export class VerticalBandSurface extends SurfaceElementBase {
                 width: this._width()
             };
         }));
-        var oldDelta = 0;
+        let oldDelta = 0;
         this['resize'] = (params) => {
             if (this.rtlLayout() && params.delta.dx) {
                 oldDelta = this._resize(-1 * params.delta.dx, oldDelta);
@@ -129,10 +129,10 @@ export class VerticalBandSurface extends SurfaceElementBase {
                 height: this._height()
             };
         };
-        var x = this.underCursor().x;
-        var self = this;
-        var createCursor = (newCursor) => {
-            var cursor = $.extend(true, {}, newCursor);
+        let x = this.underCursor().x;
+        const self = this;
+        const createCursor = (newCursor) => {
+            const cursor = $.extend(true, {}, newCursor);
             delete cursor.x;
             Object.defineProperty(cursor, 'x', {
                 get() {
@@ -145,7 +145,7 @@ export class VerticalBandSurface extends SurfaceElementBase {
             });
             return cursor;
         };
-        var underCursor = createCursor(this.underCursor());
+        let underCursor = createCursor(this.underCursor());
         this.underCursor = ((newVal) => {
             if (!newVal)
                 return underCursor;
@@ -155,7 +155,7 @@ export class VerticalBandSurface extends SurfaceElementBase {
         this._disposables.push(this.resizeHandles);
     }
     _getRtlAbsolutePositionX(bandIndex, bands) {
-        var allBandsWidth = this.verticalBandsContainer.getBandsWidth(bands);
+        const allBandsWidth = this.verticalBandsContainer.getBandsWidth(bands);
         if (bandIndex !== 0) {
             return bands[bandIndex - 1].absolutePosition.x() - bands[bandIndex]._width();
         }
@@ -170,8 +170,8 @@ export class VerticalBandSurface extends SurfaceElementBase {
         return 0;
     }
     _getUnitPositionInParent() {
-        var neighbors = this._control.parentModel().bands();
-        var position = neighbors
+        const neighbors = this._control.parentModel().bands();
+        const position = neighbors
             .slice(0, neighbors.indexOf(this._control))
             .reduce((previousValue, currentBand) => {
             if (currentBand instanceof VerticalBandViewModel)
@@ -186,9 +186,9 @@ export class VerticalBandSurface extends SurfaceElementBase {
         return _getUnitAbsoluteRect(this, () => this._getUnitPositionInParent());
     }
     getAbsolutePositionX() {
-        var newX = 0;
-        var bandIndex;
-        var parentBands = ko.unwrap(this.verticalBandsContainer.verticalBands);
+        let newX = 0;
+        let bandIndex;
+        const parentBands = ko.unwrap(this.verticalBandsContainer.verticalBands);
         if (parentBands && parentBands.length !== 0) {
             bandIndex = parentBands.indexOf(this);
             if (bandIndex === -1)

package/designer/bands/xrVerticalDetailBand.d.ts

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