v32.2.7 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 32.2.5 (2026-02-17)
+## 32.2.7 (2026-02-24)
 
 ### Barcode
 

controls/blockeditor/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 32.2.5 (2026-02-17)
+## 32.2.7 (2026-02-24)
 
 ### Block Editor
 

controls/calendars/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 32.2.5 (2026-02-17)
+## 32.2.7 (2026-02-24)
 
 ### DatePicker
 

controls/charts/CHANGELOG.md

@@ -2,7 +2,23 @@
 
 ## [Unreleased]
 
-## 32.2.5 (2026-02-17)
+## 32.2.7 (2026-02-24)
+
+### Chart
+
+#### Bug Fixes
+
+- `I811385` - The chart data label now display correctly in the top and bottom positions when the angle is set to 90 degree.
+
+## 32.1.25 (2026-01-24)
+
+### Chart
+
+#### Bug Fixes
+
+- The `columnWidthInPixel` property works correctly when the `enableSideBySidePlacement` property is disabled.
+
+## 32.1.24 (2026-01-20)
 
 ### Chart
 

controls/charts/package.json

@@ -15,7 +15,7 @@
 		"markdown-spellcheck": "^1.3.1"
 	},
 	"devDependencies": {
-		"@syncfusion/ej2-staging": "^1.0.1",
+		"@syncfusion/ej2-staging": "^1.0.2",
 		"@types/chai": "^3.4.28",
 		"@types/es6-promise": "0.0.28",
 		"@types/jasmine": "2.8.9",

controls/charts/src/chart/series/data-label.ts

@@ -181,9 +181,8 @@ export class DataLabel {
         let isDataLabelOverlap: boolean = false;
         const dataLabelElement: Element[] = [];
         let startLocation: ChartLocation;
-        dataLabel.angle = dataLabel.labelIntersectAction === 'Rotate90' ? 90 : dataLabel.angle;
         dataLabel.enableRotation = dataLabel.labelIntersectAction === 'Rotate90' ? true : dataLabel.enableRotation;
-        const angle: number = degree = dataLabel.angle;
+        const angle: number = degree = dataLabel.labelIntersectAction === 'Rotate90' ? 90 : dataLabel.angle;
         const border: BorderModel = { width: dataLabel.border.width, color: dataLabel.border.color };
         const argsFont: FontModel = <FontModel>(extend({}, getValue('properties', dataLabel.font), null, true));
         if (
@@ -208,7 +207,7 @@ export class DataLabel {
                         this.createDataLabelTemplate(element, series, dataLabel, point, argsData, i, this.chart.redraw);
                     } else {
                         if (dataLabel.enableRotation) {
-                            textSize = rotateTextSize(dataLabel.font, argsData.text, dataLabel.angle, this.chart,
+                            textSize = rotateTextSize(dataLabel.font, argsData.text, angle, this.chart,
                                                       this.chart.themeStyle.datalabelFont);
                         }
                         else {
@@ -221,7 +220,7 @@ export class DataLabel {
                             const rectCoordinates: ChartLocation[] = this.getRectanglePoints(actualRect);
                             rectCenterX = rect.x + (rect.width / 2);
                             rectCenterY = (rect.y + (rect.height / 2));
-                            isDataLabelOverlap = (dataLabel.labelIntersectAction === 'Rotate90' || angle === -90) ? false : this.isDataLabelOverlapWithChartBound(rectCoordinates, this.chart, { x: 0, y: 0, width: 0, height: 0 });
+                            isDataLabelOverlap = (dataLabel.labelIntersectAction === 'Rotate90' || angle === -90 || angle === 90) ? false : this.isDataLabelOverlapWithChartBound(rectCoordinates, this.chart, { x: 0, y: 0, width: 0, height: 0 });
                             if (!isDataLabelOverlap) {
                                 this.chart.rotatedDataLabelCollections.push(rectCoordinates);
                                 const currentPointIndex: number = this.chart.rotatedDataLabelCollections.length - 1;
@@ -281,7 +280,7 @@ export class DataLabel {
                                 xPos -= this.chart.chartAreaType === 'Cartesian' && xPos + (textSize.width / 2) > clip.width ? (!this.chart.requireInvertedAxis && xPos > clip.width) ? 0 : (xPos + textSize.width / 2) - clip.width : 0;
                                 yPos -= (yPos + textSize.height > clip.y + clip.height && !(series.type.indexOf('Bar') > -1)) ? (yPos + textSize.height) - (clip.y + clip.height) : 0;
                             }
-                            const textAnchor: string = dataLabel.labelIntersectAction === 'Rotate90' ? (dataLabel.position === 'Top' ? 'start' : (dataLabel.position === 'Middle' ? 'middle' : 'end')) :
+                            const textAnchor: string = (dataLabel.labelIntersectAction === 'Rotate90' || angle === 90) ? (dataLabel.position === 'Top' ? 'start' : (dataLabel.position === 'Middle' ? 'middle' : 'end')) :
                                 ((angle === -90 && dataLabel.enableRotation) ? (dataLabel.position === 'Top' ? 'end' : (dataLabel.position === 'Middle' ? 'middle' : 'start')) : 'middle');
                             let oldText: string;
                             if (this.chart.redraw && document.getElementById(this.commonId + point.index + '_Text_' + i)) {
@@ -303,7 +302,7 @@ export class DataLabel {
                                 ));
                             }
                             if (this.isShape && dataLabel.enableRotation) {
-                                shapeRect.setAttribute('transform', 'rotate(' + dataLabel.angle + ', ' + xValue + ', ' + yValue + ')');
+                                shapeRect.setAttribute('transform', 'rotate(' + angle + ', ' + xValue + ', ' + yValue + ')');
                             }
                             if (this.chart.stackLabels.visible && series.type.indexOf('Stacking') > -1) {
                                 this.dataLabelRectCollection = !this.dataLabelRectCollection ? {}

controls/data/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 32.2.5 (2026-02-17)
+## 32.2.7 (2026-02-24)
 
 ### DataManager
 

controls/diagrams/CHANGELOG.md

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 32.2.5 (2026-02-17)
+## 32.2.7 (2026-02-24)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I812514` - Resolved Incorrect State Values in sourcePointChange and targetPointChange Events.
+
+## 32.2.4 (2026-02-11)
 
 ### Diagram
 

controls/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "32.2.3",
+	"version": "32.2.4",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -18,7 +18,7 @@
 		"markdown-spellcheck": "^1.3.1"
 	},
 	"devDependencies": {
-		"@syncfusion/ej2-staging": "^1.0.1",
+		"@syncfusion/ej2-staging": "^1.0.2",
 		"@types/chai": "^3.4.28",
 		"@types/es6-promise": "0.0.28",
 		"@types/jasmine": "2.8.9",

controls/diagrams/src/diagram/interaction/tool.ts

@@ -120,6 +120,9 @@ export class ToolBase {
 
     private checkProperty: boolean = true;
 
+    /**   @private  */
+    public isConnectionChangeStarted : boolean = false;
+
     protected undoParentElement: SelectorModel = { nodes: [], connectors: [] };
 
     protected undoContainerElement: SelectorModel = { nodes: [], connectors: [] };
@@ -496,6 +499,8 @@ export class ConnectTool extends ToolBase {
 
     /**   @private  */
     public selectedSegment: BezierSegment;
+    /** @private - tracks whether the connector endpoint actually moved during the change */
+    protected connectionChangeMoved: boolean = false;
 
     constructor(commandHandler: CommandHandler, endPoint: string) {
         super(commandHandler, true);
@@ -575,14 +580,15 @@ export class ConnectTool extends ToolBase {
         this.checkPropertyValue();
         this.commandHandler.updateSelector();
         this.commandHandler.removeSnap();
-        if (args.source && (args.source as SelectorModel).connectors && (!(this instanceof ConnectorDrawingTool)) && ((this.endPoint === 'ConnectorSourceEnd' &&
+        //1010806: Incorrect state Values in sourcePointChange and targetPointChange Events
+        if ((args.source && (args.source as SelectorModel).connectors && (!(this instanceof ConnectorDrawingTool)) && ((this.endPoint === 'ConnectorSourceEnd' &&
             (args.source as SelectorModel).connectors.length &&
             ((!Point.equals((args.source as SelectorModel).connectors[0].sourcePoint, this.undoElement.connectors[0].sourcePoint) ||
                 ((args.source as SelectorModel).connectors[0].sourceID !== this.undoElement.connectors[0].sourceID)))) ||
             (this.endPoint === 'ConnectorTargetEnd' &&
                 ((!Point.equals((args.source as SelectorModel).connectors[0].targetPoint, this.undoElement.connectors[0].targetPoint))
-                    || ((args.source as SelectorModel).connectors[0].targetID !== this.undoElement.connectors[0].targetID))))) {
-
+                    || ((args.source as SelectorModel).connectors[0].targetID !== this.undoElement.connectors[0].targetID)))) ) ||
+            (this.isConnectionChangeStarted && this.connectionChangeMoved && args.source && (args.source as SelectorModel).connectors)) {
             let oldValues: PointModel; let newValues: PointModel; let connector: ConnectorModel;
             if (args.source && (args.source as SelectorModel).connectors && this.endPoint === 'ConnectorSourceEnd') {
                 //941055: The sourcePointChange event's old and new values are the same
@@ -625,6 +631,7 @@ export class ConnectTool extends ToolBase {
                 this.commandHandler.addHistoryEntry(entry);
             }
             const trigger: number = this.endPoint === 'ConnectorSourceEnd' ? DiagramEvent.sourcePointChange : DiagramEvent.targetPointChange;
+            this.isConnectionChangeStarted = false;
             this.commandHandler.triggerEvent(trigger, arg);
             //this.commandHandler.removeTerminalSegment(connector as Connector, true);
         } else if (!(this instanceof ConnectorDrawingTool) &&
@@ -657,7 +664,7 @@ export class ConnectTool extends ToolBase {
     public mouseMove(args: MouseEventArgs): boolean {
         super.mouseMove(args);
         let tempArgs: IBlazorConnectionChangeEventArgs;
-        if ((!(this instanceof ConnectorDrawingTool)) && ((this.endPoint === 'ConnectorSourceEnd' &&
+        if (!this.isConnectionChangeStarted && !this.connectionChangeMoved && (!(this instanceof ConnectorDrawingTool)) && ((this.endPoint === 'ConnectorSourceEnd' &&
             Point.equals((args.source as SelectorModel).connectors[0].sourcePoint, this.undoElement.connectors[0].sourcePoint)) ||
             (this.endPoint === 'ConnectorTargetEnd' &&
                 Point.equals((args.source as SelectorModel).connectors[0].targetPoint, this.undoElement.connectors[0].targetPoint)))) {
@@ -674,6 +681,7 @@ export class ConnectTool extends ToolBase {
                 // eslint-disable-next-line @typescript-eslint/no-unused-expressions
                 (target instanceof PointPort || target instanceof BpmnSubEvent) ? targetPort = target.id : targetNode = target.id;
             }
+            this.isConnectionChangeStarted = true;
             let arg: IEndChangeEventArgs = {
                 connector: connectors, state: 'Start', targetNode: targetNode,
                 oldValue: oldValue, newValue: oldValue, cancel: false, targetPort: targetPort
@@ -709,6 +717,8 @@ export class ConnectTool extends ToolBase {
                 const trigger: number = this.endPoint === 'ConnectorSourceEnd' ?
                     DiagramEvent.sourcePointChange : DiagramEvent.targetPointChange;
                 this.commandHandler.triggerEvent(trigger, arg);
+                // mark that the connector endpoint has moved at least once during this interaction
+                this.connectionChangeMoved = true;
             }
             if (args.target) {
                 inPort = getInOutConnectPorts((args.target as Node), true); outPort = getInOutConnectPorts((args.target as Node), false);
@@ -883,6 +893,7 @@ export class ConnectTool extends ToolBase {
         super.endAction();
         this.prevPosition = null;
         this.endPoint = null;
+        this.connectionChangeMoved = false;
     }
 }
 
@@ -1415,7 +1426,9 @@ export class MoveTool extends ToolBase {
         }
         if (isSame && !isBlazor()) {
             this.commandHandler.triggerEvent(DiagramEvent.positionChange, arg);
-            this.connectorEndPointChangeEvent(arg);
+            if (!this.isStartAction) {
+                this.connectorEndPointChangeEvent(arg);
+            }
             this.isStartAction = true;
         }
         this.commandHandler.diagram.cancelPositionChange = arg.cancel;
@@ -1450,7 +1463,9 @@ export class MoveTool extends ToolBase {
             this.commandHandler.triggerEvent(DiagramEvent.positionChange, arg);
             this.commandHandler.diagram.cancelPositionChange = arg.cancel;
             this.canTrigger = true;
-            this.connectorEndPointChangeEvent(arg, snappedPoint);
+            if (this.isStartAction && arg.state !== 'Start') {
+                this.connectorEndPointChangeEvent(arg, snappedPoint);
+            }
             if (!arg.cancel && !this.canCancel) {
                 this.blocked = !this.commandHandler.dragSelectedObjects(snappedPoint.x, snappedPoint.y);
                 const blocked: boolean = !(this.commandHandler.mouseOver(this.currentElement, this.currentTarget, this.currentPosition));