devexpress-reporting 23.2.6 → 24.1.2-beta

package/designer/controls/xrControl.js

@@ -1,15 +1,14 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrControl.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
 import { Point, Size, SurfaceElementBase } from '@devexpress/analytics-core/analytics-elements';
-import { deserializeChildArray, getFirstItemByPropertyValue } from '@devexpress/analytics-core/analytics-internal';
+import { deserializeChildArray, DxDeferred, getFirstItemByPropertyValue } from '@devexpress/analytics-core/analytics-internal';
 import { getLocalization, PathRequest } from '@devexpress/analytics-core/analytics-utils';
 import { FontModel } from '@devexpress/analytics-core/analytics-widgets-internal';
-import * as $ from 'jquery';
 import * as ko from 'knockout';
 import { BandSurface } from '../bands/xrBand';
 import { VerticalBandSurface } from '../bands/xrVerticalBand';
@@ -22,6 +21,19 @@ import { SortingOptions } from './properties/sortingOptions';
 import { XRReportElementViewModel } from './xrReportelement';
 import { ActionTypeBase, NavigateToReportAction } from './properties/action';
 export class XRControlViewModel extends XRReportElementViewModel {
+    dispose() {
+        super.dispose();
+        this.disposeObservableArray(this.controls);
+        this.resetObservableArray(this.controls);
+    }
+    anchoring(parent) {
+        if (parent) {
+            this.vertAnchoring = new VerticalAcnhoring(parent.size.height, this, this.anchorVertical);
+            this.horAnchoring = new HorizontalAnchoring(parent.size.width, this, this.anchorHorizontal);
+            this._disposables.push(this.vertAnchoring);
+            this._disposables.push(this.horAnchoring);
+        }
+    }
     constructor(control, parent, serializer) {
         super(control, parent, serializer);
         if (this.text) {
@@ -110,7 +122,7 @@ export class XRControlViewModel extends XRReportElementViewModel {
                     let reqFinished = 0;
                     const reqCount = bindings.length;
                     let reqResult = true;
-                    const deferred = $.Deferred();
+                    const deferred = new DxDeferred();
                     for (let i = 0; i < bindings.length; i++) {
                         const binding = bindings[i], parameter = binding.parameter(), dataMember = binding.dataMember(), dataSource = binding.dataSource();
                         if (parameter) {
@@ -164,19 +176,6 @@ export class XRControlViewModel extends XRReportElementViewModel {
             }
         }));
     }
-    dispose() {
-        super.dispose();
-        this.disposeObservableArray(this.controls);
-        this.resetObservableArray(this.controls);
-    }
-    anchoring(parent) {
-        if (parent) {
-            this.vertAnchoring = new VerticalAcnhoring(parent.size.height, this, this.anchorVertical);
-            this.horAnchoring = new HorizontalAnchoring(parent.size.width, this, this.anchorHorizontal);
-            this._disposables.push(this.vertAnchoring);
-            this._disposables.push(this.horAnchoring);
-        }
-    }
     getNearestParent(target) {
         if (['XRPageBreak', 'XRPivotGrid', 'XRSubreport', 'XRTableOfContents', 'XRPdfContent'].indexOf(this.controlType) !== -1) {
             return getNearestBand(target);
@@ -251,6 +250,43 @@ export class XRControlViewModel extends XRReportElementViewModel {
     }
 }
 export class XRControlSurfaceBase extends SurfaceElementBase {
+    _isThereIntersectionWithUsefulArea(useFullWidth) {
+        const absoluteRect = this._unitAbsoluteRect;
+        return Math.max(absoluteRect.left, absoluteRect.right) - useFullWidth > this.delta;
+    }
+    static _appendValue(accumulator, value, needToAppend = true) {
+        if (needToAppend) {
+            accumulator += accumulator ? (' ' + value) : value;
+        }
+        return accumulator;
+    }
+    get _unitAbsoluteRect() {
+        const parentAbsoluteRect = this.parent && this.parent['_unitAbsoluteRect'];
+        if (parentAbsoluteRect) {
+            return {
+                top: parentAbsoluteRect.top + this._unitRect.top,
+                left: parentAbsoluteRect.left + this._unitRect.left,
+                right: parentAbsoluteRect.left + this._unitRect.left + this._unitRect.width,
+                bottom: parentAbsoluteRect.top + this._unitRect.top + this._unitRect.height,
+                width: this._unitRect.width,
+                height: this._unitRect.height
+            };
+        }
+        else {
+            return this._unitRect;
+        }
+    }
+    get _unitRect() {
+        const location = this._control['location'] || new Point(0, 0), size = this._control['size'] || new Size(0, 0);
+        return {
+            top: location.y(),
+            left: location.x(),
+            right: location.x() + size.width(),
+            bottom: location.y() + size.height(),
+            width: size.width(),
+            height: size.height()
+        };
+    }
     constructor(control, context, unitProperties) {
         super(control, context, unitProperties);
         this.delta = 0.0001;
@@ -330,43 +366,6 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         this._disposables.push(this.displayNameParameters);
         this._disposables.push(this.displayName);
     }
-    _isThereIntersectionWithUsefulArea(useFullWidth) {
-        const absoluteRect = this._unitAbsoluteRect;
-        return Math.max(absoluteRect.left, absoluteRect.right) - useFullWidth > this.delta;
-    }
-    static _appendValue(accumulator, value, needToAppend = true) {
-        if (needToAppend) {
-            accumulator += accumulator ? (' ' + value) : value;
-        }
-        return accumulator;
-    }
-    get _unitAbsoluteRect() {
-        const parentAbsoluteRect = this.parent && this.parent['_unitAbsoluteRect'];
-        if (parentAbsoluteRect) {
-            return {
-                top: parentAbsoluteRect.top + this._unitRect.top,
-                left: parentAbsoluteRect.left + this._unitRect.left,
-                right: parentAbsoluteRect.left + this._unitRect.left + this._unitRect.width,
-                bottom: parentAbsoluteRect.top + this._unitRect.top + this._unitRect.height,
-                width: this._unitRect.width,
-                height: this._unitRect.height
-            };
-        }
-        else {
-            return this._unitRect;
-        }
-    }
-    get _unitRect() {
-        const location = this._control['location'] || new Point(0, 0), size = this._control['size'] || new Size(0, 0);
-        return {
-            top: location.y(),
-            left: location.x(),
-            right: location.x() + size.width(),
-            bottom: location.y() + size.height(),
-            width: size.width(),
-            height: size.height()
-        };
-    }
     checkParent(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;
@@ -507,7 +506,12 @@ export class XRControlSurfaceBase extends SurfaceElementBase {
         return text;
     }
 }
-export class XRControlSurface extends XRControlSurfaceBase {
+class XRControlSurface extends XRControlSurfaceBase {
+    dispose() {
+        super.dispose();
+        this.disposeObservableArray(this.controls);
+        this.resetObservableArray(this.controls);
+    }
     constructor(control, context) {
         super(control, context, XRControlSurface._unitProperties);
         this['multiline'] = control['multiline'] || false;
@@ -533,11 +537,6 @@ export class XRControlSurface extends XRControlSurfaceBase {
             return rect;
         };
     }
-    dispose() {
-        super.dispose();
-        this.disposeObservableArray(this.controls);
-        this.resetObservableArray(this.controls);
-    }
 }
 XRControlSurface._unitProperties = {
     _height: (o) => {
@@ -553,3 +552,4 @@ XRControlSurface._unitProperties = {
         return o.location.y;
     }
 };
+export { XRControlSurface };

package/designer/controls/xrCrossTab.d.ts

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

package/designer/controls/xrCrossTab.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrCrossTab.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -24,6 +24,33 @@ import { StyleModel } from './properties/style';
 import { XRControlSurface, XRControlViewModel } from './xrControl';
 import { XRCellsurface, XRCrossTabCellViewModel } from './xrCrossTabCell';
 export class XRCrossTabViewModel extends XRControlViewModel {
+    _getCreator(type, serializer, name) {
+        return (item) => new type(item || {}, this, serializer, name);
+    }
+    _getArray(type, model, name, serializer) {
+        return deserializeArray(model[name], this._getCreator(type, serializer, this.getNames()[name[0].toLowerCase() + name.slice(1)]));
+    }
+    _initStyles(root) {
+        if (root && root.styles) {
+            crossTabStyles.forEach(style => {
+                let styleName = this[style.propertyName]();
+                if (!styleName) {
+                    const newStyle = new StyleModel(crossTabStylesDefaults[style.propertyName], this);
+                    styleName = getUniqueNameForNamedObjectsArray(root.styles(), newStyle.name());
+                    newStyle.name(styleName);
+                    root.styles.push(newStyle);
+                    this[style.propertyName](styleName);
+                }
+            });
+        }
+    }
+    _calcSize(defenition) {
+        let result = 0;
+        defenition.forEach(element => {
+            result += element[(element instanceof CrossTabColumnDefinitionsModel ? 'width' : 'height')]();
+        });
+        return result;
+    }
     constructor(model, parent, serializer = new ModelSerializer()) {
         super(model, parent, serializer);
         this.getPath = (propertyName) => this.dsHelperProvider() && this.dsHelperProvider().getDataSourcePath(this['dataSource']());
@@ -85,33 +112,6 @@ export class XRCrossTabViewModel extends XRControlViewModel {
         this._disposables.push(disabled);
         this._disposables.push(parameters);
     }
-    _getCreator(type, serializer, name) {
-        return (item) => new type(item || {}, this, serializer, name);
-    }
-    _getArray(type, model, name, serializer) {
-        return deserializeArray(model[name], this._getCreator(type, serializer, this.getNames()[name[0].toLowerCase() + name.slice(1)]));
-    }
-    _initStyles(root) {
-        if (root && root.styles) {
-            crossTabStyles.forEach(style => {
-                let styleName = this[style.propertyName]();
-                if (!styleName) {
-                    const newStyle = new StyleModel(crossTabStylesDefaults[style.propertyName], this);
-                    styleName = getUniqueNameForNamedObjectsArray(root.styles(), newStyle.name());
-                    newStyle.name(styleName);
-                    root.styles.push(newStyle);
-                    this[style.propertyName](styleName);
-                }
-            });
-        }
-    }
-    _calcSize(defenition) {
-        let result = 0;
-        defenition.forEach(element => {
-            result += element[(element instanceof CrossTabColumnDefinitionsModel ? 'width' : 'height')]();
-        });
-        return result;
-    }
     removeChild(cell) {
         if (cell.canRemove()) {
             this.removeField(cell.dataLevel, cell.columnLevel, cell.rowLevel);

package/designer/controls/xrCrossTabCell.d.ts

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

package/designer/controls/xrCrossTabCell.js

@@ -1,7 +1,7 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrCrossTabCell.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
@@ -48,7 +48,79 @@ export function kindToString(kind) {
             return 'EmtpyH';
     }
 }
-export class XRCrossTabCellViewModel extends XRControlViewModel {
+class XRCrossTabCellViewModel extends XRControlViewModel {
+    get namePrefix() {
+        let cellType = '';
+        for (const type in XRCrossTabCellViewModel.cellKinds) {
+            if (XRCrossTabCellViewModel.cellKinds[type].indexOf(this.kind()) != -1)
+                cellType = type;
+        }
+        return 'crossTab' + cellType + 'Cell';
+    }
+    get _width() {
+        const columns = this.parent._columnDefinitions();
+        let result = 0;
+        for (let i = this._columnIndex(); i < this._columnIndex() + this._columnSpan(); i++) {
+            result += columns[i].width();
+        }
+        return result;
+    }
+    get _height() {
+        const rows = this.parent._rowDefinitions();
+        let result = 0;
+        for (let i = this._rowIndex(); i < this._rowIndex() + this._rowSpan(); i++) {
+            result += rows[i].height();
+        }
+        return result;
+    }
+    get _left() {
+        const columns = this.parent._columnDefinitions();
+        let result = 0;
+        for (let i = 0; i < this._columnIndex(); i++) {
+            result += columns[i].width();
+        }
+        return result;
+    }
+    get _top() {
+        const rows = this.parent._rowDefinitions();
+        let result = 0;
+        for (let i = 0; i < this._rowIndex(); i++) {
+            result += rows[i].height();
+        }
+        return result;
+    }
+    _getDefaultName(kind) {
+        switch (kind) {
+            case CellKind.ColumnHeader:
+                return getLocalization('Columns', 'ReportStringId.CrossTab_ColumnAreaName');
+            case CellKind.RowHeader:
+                return getLocalization('Rows', 'ReportStringId.CrossTab_RowAreaName');
+            case CellKind.Data:
+                return getLocalization('Data', 'ReportStringId.CrossTab_DataAreaName');
+        }
+    }
+    _testFieldName(fieldName, path) {
+        const report = this.root;
+        if (!report || !(report instanceof ReportViewModel))
+            return;
+        const dataBindingsProvider = report.dataBindingsProvider && report.dataBindingsProvider();
+        if (dataBindingsProvider) {
+            dataBindingsProvider.getItems(path).done(result => {
+                this.fieldNameAreValid(result.some(x => x.name === fieldName));
+            });
+        }
+    }
+    _createParametersExpressionCategory() {
+        const crossTabParameters = this.parent.controlParameters();
+        crossTabParameters.forEach(x => x.initDataMemberInfo());
+        return createExpressionEditorCollectionToolOptions(crossTabParameters.map(x => {
+            return {
+                text: x.name,
+                val: '?' + x.name,
+                description: (x.dataType || x.specifics || 'object').toLowerCase() + ' ' + x.name
+            };
+        }), 'Parameters', 'ReportStringId.CatParameters', true);
+    }
     constructor(model, parent, serializer = new ModelSerializer()) {
         super(model, parent, serializer);
         this.parent = parent;
@@ -232,78 +304,6 @@ export class XRCrossTabCellViewModel extends XRControlViewModel {
         this.columnAutoWidthMode = parent._columnDefinitions()[this._columnIndex()].autoWidthMode;
         this.crossTabSortBySummaryInfo.getPath = (propertyName) => this.getPath(propertyName);
     }
-    get namePrefix() {
-        let cellType = '';
-        for (const type in XRCrossTabCellViewModel.cellKinds) {
-            if (XRCrossTabCellViewModel.cellKinds[type].indexOf(this.kind()) != -1)
-                cellType = type;
-        }
-        return 'crossTab' + cellType + 'Cell';
-    }
-    get _width() {
-        const columns = this.parent._columnDefinitions();
-        let result = 0;
-        for (let i = this._columnIndex(); i < this._columnIndex() + this._columnSpan(); i++) {
-            result += columns[i].width();
-        }
-        return result;
-    }
-    get _height() {
-        const rows = this.parent._rowDefinitions();
-        let result = 0;
-        for (let i = this._rowIndex(); i < this._rowIndex() + this._rowSpan(); i++) {
-            result += rows[i].height();
-        }
-        return result;
-    }
-    get _left() {
-        const columns = this.parent._columnDefinitions();
-        let result = 0;
-        for (let i = 0; i < this._columnIndex(); i++) {
-            result += columns[i].width();
-        }
-        return result;
-    }
-    get _top() {
-        const rows = this.parent._rowDefinitions();
-        let result = 0;
-        for (let i = 0; i < this._rowIndex(); i++) {
-            result += rows[i].height();
-        }
-        return result;
-    }
-    _getDefaultName(kind) {
-        switch (kind) {
-            case CellKind.ColumnHeader:
-                return getLocalization('Columns', 'ReportStringId.CrossTab_ColumnAreaName');
-            case CellKind.RowHeader:
-                return getLocalization('Rows', 'ReportStringId.CrossTab_RowAreaName');
-            case CellKind.Data:
-                return getLocalization('Data', 'ReportStringId.CrossTab_DataAreaName');
-        }
-    }
-    _testFieldName(fieldName, path) {
-        const report = this.root;
-        if (!report || !(report instanceof ReportViewModel))
-            return;
-        const dataBindingsProvider = report.dataBindingsProvider && report.dataBindingsProvider();
-        if (dataBindingsProvider) {
-            dataBindingsProvider.getItems(path).done(result => {
-                this.fieldNameAreValid(result.some(x => x.name === fieldName));
-            });
-        }
-    }
-    _createParametersExpressionCategory() {
-        const crossTabParameters = this.parent.controlParameters();
-        crossTabParameters.forEach(x => x.initDataMemberInfo());
-        return createExpressionEditorCollectionToolOptions(crossTabParameters.map(x => {
-            return {
-                text: x.name,
-                val: '?' + x.name,
-                description: (x.dataType || x.specifics || 'object').toLowerCase() + ' ' + x.name
-            };
-        }), 'Parameters', 'ReportStringId.CatParameters', true);
-    }
     reset() {
         this.dataLevel = undefined;
         this.columnLevel = undefined;
@@ -431,6 +431,7 @@ XRCrossTabCellViewModel.cellKinds = {
     'Total': [CellKind.RowTotal, CellKind.GrandTotal, CellKind.ColumnTotal],
     'Data': [CellKind.Data]
 };
+export { XRCrossTabCellViewModel };
 export class XRCellsurface extends XRTextControlSurfaceBase {
     constructor(control, context) {
         super(control, context);

package/designer/controls/xrCrossband.d.ts

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

package/designer/controls/xrCrossband.js

@@ -1,12 +1,11 @@
 /**
 * DevExpress HTML/JS Reporting (designer\controls\xrCrossband.js)
-* Version:  23.2.6
-* Build date: Apr 30, 2024
+* Version:  24.1.2-beta
+* Build date: May 14, 2024
 * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
 * License: https://www.devexpress.com/Support/EULAs/universal.xml
 */
-import { checkModelReady, findSurface } from '@devexpress/analytics-core/analytics-internal';
-import * as $ from 'jquery';
+import { checkModelReady, extend, findSurface } from '@devexpress/analytics-core/analytics-internal';
 import * as ko from 'knockout';
 import { defaultCulture } from '../../common/defaultCulture';
 import { XRControlSurfaceBase } from './xrControl';
@@ -23,7 +22,7 @@ function findBandByPositionY(bandsHolder, position) {
     });
     return result;
 }
-export class XRCrossBandControlViewModel extends XRReportElementViewModel {
+class XRCrossBandControlViewModel extends XRReportElementViewModel {
     constructor(control, parent, serializer) {
         super(control, parent, serializer);
         this.isCrossbandShow = ko.computed(() => {
@@ -112,7 +111,60 @@ export class XRCrossBandControlViewModel extends XRReportElementViewModel {
     getControlContainerName() { return 'crossBandControls'; }
 }
 XRCrossBandControlViewModel.unitProperties = ['width', 'locationF', 'startPoint', 'endPoint'];
-export class XRCrossBandSurface extends XRControlSurfaceBase {
+export { XRCrossBandControlViewModel };
+class XRCrossBandSurface extends XRControlSurfaceBase {
+    _isBandCollapsed(bandSurface) {
+        return bandSurface && (bandSurface.collapsed() || bandSurface.isSomeParentCollapsed());
+    }
+    _updateEndPoint(height, currentAbsoluteEndY, currentAbsoluteStartY) {
+        currentAbsoluteEndY = currentAbsoluteStartY + height;
+        const endBandSurface = findBandByPositionY(this.parent.bandsHolder, currentAbsoluteEndY);
+        if (!endBandSurface) {
+            return;
+        }
+        if (endBandSurface.absolutePosition.y.peek() + endBandSurface.height.peek() < currentAbsoluteEndY) {
+            endBandSurface['_height'](currentAbsoluteEndY - endBandSurface.absolutePosition.y.peek());
+        }
+        this._control.endBand(endBandSurface.getControlModel());
+        this['_endY'](currentAbsoluteEndY - endBandSurface.absolutePosition.y());
+    }
+    _getAllBands(band) {
+        const bands = band.bandsHolder.bands();
+        let innerBands = [];
+        bands.forEach((band) => {
+            innerBands = innerBands.concat(this._getAllBands(band));
+        });
+        return [].concat(bands, innerBands);
+    }
+    _getIntersectionBands(currentRect, bands) {
+        const bandSurfaces = bands.filter((band) => { return this.isThereIntersection(currentRect, band.absoluteRect()); });
+        let intersectionBands = [].concat(bandSurfaces);
+        bandSurfaces.forEach((band) => {
+            intersectionBands = intersectionBands.concat(this._getAllBands(band));
+        });
+        intersectionBands = intersectionBands.filter((band) => {
+            return band.controls && band.controls().length > 0;
+        });
+        return intersectionBands;
+    }
+    _getCrossBandBoxSides() {
+        const currentRect = this._unitAbsoluteRect, borderWidth = this.getControlModel()['borderWidth']();
+        return [{ top: currentRect.top, left: currentRect.left, height: borderWidth, width: currentRect.width },
+            { top: currentRect.bottom - borderWidth, left: currentRect.left, height: borderWidth, width: currentRect.width },
+            { top: currentRect.top, left: currentRect.left, height: currentRect.height, width: borderWidth },
+            { top: currentRect.top, left: currentRect.right - borderWidth, height: currentRect.height, width: borderWidth }];
+    }
+    get _unitAbsoluteRect() {
+        const startBandSurface = this._control.startBand() && this._control.startBand().surface, endBandSurface = this._control.endBand() && this._control.endBand().surface;
+        const startBandTop = startBandSurface ? startBandSurface['_unitAbsoluteRect'].top : 0;
+        const endBandTop = endBandSurface ? endBandSurface['_unitAbsoluteRect'].top : 0;
+        const top = startBandTop + this._control.startPoint.y(), bottom = endBandTop + this._control.endPoint.y();
+        return {
+            top: top, left: this._control.startPoint.x(),
+            right: this._control.startPoint.x() + this._control.width(), bottom: bottom,
+            width: this._control.width(), height: bottom - top
+        };
+    }
     constructor(control, context) {
         super(control, context, XRCrossBandSurface._unitProperties);
         this.edgeUnderCursor = ko.observable({ isOver: false, x: 0, y: 0, isNotDropTarget: true });
@@ -160,10 +212,10 @@ export class XRCrossBandSurface extends XRControlSurfaceBase {
         this.template = control.controlType === 'XRCrossBandLine' ? 'dxrd-crossband-line' : 'dxrd-crossband';
         if (this.getControlModel().controlType === 'XRCrossBandLine') {
             this._disposables.push(this.lineCss = ko.pureComputed(() => {
-                return $.extend({}, this.cssCalculator.stroke(), this.cssCalculator.strokeWidthWithWidth(), this.cssCalculator.strokeDashArrayWithWidth());
+                return extend({}, this.cssCalculator.stroke(), this.cssCalculator.strokeWidthWithWidth(), this.cssCalculator.strokeDashArrayWithWidth());
             }));
             this._disposables.push(this.lineWidthCss = ko.pureComputed(() => {
-                return $.extend({}, this.cssCalculator.strokeWidthWithWidth());
+                return extend({}, this.cssCalculator.strokeWidthWithWidth());
             }));
         }
         else {
@@ -192,58 +244,6 @@ export class XRCrossBandSurface extends XRControlSurfaceBase {
             return control['borderWidth'] && Math.floor(control['borderWidth']());
         }));
     }
-    _isBandCollapsed(bandSurface) {
-        return bandSurface && (bandSurface.collapsed() || bandSurface.isSomeParentCollapsed());
-    }
-    _updateEndPoint(height, currentAbsoluteEndY, currentAbsoluteStartY) {
-        currentAbsoluteEndY = currentAbsoluteStartY + height;
-        const endBandSurface = findBandByPositionY(this.parent.bandsHolder, currentAbsoluteEndY);
-        if (!endBandSurface) {
-            return;
-        }
-        if (endBandSurface.absolutePosition.y.peek() + endBandSurface.height.peek() < currentAbsoluteEndY) {
-            endBandSurface['_height'](currentAbsoluteEndY - endBandSurface.absolutePosition.y.peek());
-        }
-        this._control.endBand(endBandSurface.getControlModel());
-        this['_endY'](currentAbsoluteEndY - endBandSurface.absolutePosition.y());
-    }
-    _getAllBands(band) {
-        const bands = band.bandsHolder.bands();
-        let innerBands = [];
-        bands.forEach((band) => {
-            innerBands = innerBands.concat(this._getAllBands(band));
-        });
-        return [].concat(bands, innerBands);
-    }
-    _getIntersectionBands(currentRect, bands) {
-        const bandSurfaces = bands.filter((band) => { return this.isThereIntersection(currentRect, band.absoluteRect()); });
-        let intersectionBands = [].concat(bandSurfaces);
-        bandSurfaces.forEach((band) => {
-            intersectionBands = intersectionBands.concat(this._getAllBands(band));
-        });
-        intersectionBands = intersectionBands.filter((band) => {
-            return band.controls && band.controls().length > 0;
-        });
-        return intersectionBands;
-    }
-    _getCrossBandBoxSides() {
-        const currentRect = this._unitAbsoluteRect, borderWidth = this.getControlModel()['borderWidth']();
-        return [{ top: currentRect.top, left: currentRect.left, height: borderWidth, width: currentRect.width },
-            { top: currentRect.bottom - borderWidth, left: currentRect.left, height: borderWidth, width: currentRect.width },
-            { top: currentRect.top, left: currentRect.left, height: currentRect.height, width: borderWidth },
-            { top: currentRect.top, left: currentRect.right - borderWidth, height: currentRect.height, width: borderWidth }];
-    }
-    get _unitAbsoluteRect() {
-        const startBandSurface = this._control.startBand() && this._control.startBand().surface, endBandSurface = this._control.endBand() && this._control.endBand().surface;
-        const startBandTop = startBandSurface ? startBandSurface['_unitAbsoluteRect'].top : 0;
-        const endBandTop = endBandSurface ? endBandSurface['_unitAbsoluteRect'].top : 0;
-        const top = startBandTop + this._control.startPoint.y(), bottom = endBandTop + this._control.endPoint.y();
-        return {
-            top: top, left: this._control.startPoint.x(),
-            right: this._control.startPoint.x() + this._control.width(), bottom: bottom,
-            width: this._control.width(), height: bottom - top
-        };
-    }
     canSetRect(rect) {
         const report = this._control.root;
         if (report && report.language() !== defaultCulture) {
@@ -324,3 +324,4 @@ XRCrossBandSurface._unitProperties = {
         return o.endPoint.y;
     }
 };
+export { XRCrossBandSurface };

package/designer/controls/xrGauge.d.ts

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