v30.1.39 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 30.1.38 (2025-07-02)
+## 30.1.39 (2025-07-08)
 
 ### Barcode
 

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 30.1.38 (2025-07-02)
+## 30.1.39 (2025-07-08)
 
 ### Chip
 

controls/charts/CHANGELOG.md

@@ -2,6 +2,12 @@
 
 ## [Unreleased]
 
+## 30.1.39 (2025-07-08)
+
+### Accumulation Chart
+
+- `#I741842` - Now, the legend symbol color can be applied using the arguments fill property in the legend render event.
+
 ## 30.1.37 (2025-06-25)
 
 ### Chart

controls/charts/src/chart/user-interaction/tooltip.ts

@@ -611,7 +611,7 @@ export class Tooltip extends BaseTooltip {
                 axis.format(formattedValue);
         } else if (isYPoint && !isNullOrUndefined(point[dataValue as string])) {
             customLabelFormat = axis.labelFormat && axis.labelFormat.match('{value}') !== null;
-            value = dataValue === 'outliers' ? axis.format(point[dataValue as string][this.lierIndex - 4]) :
+            value = dataValue === 'outliers' ? axis.format(point[dataValue as string][this.lierIndex - 4]) : axis.valueType === 'DateTime' ? axis.format(new Date(+point[dataValue as string])) :
                 axis.format(+point[dataValue as string]);
             textValue = customLabelFormat ? axis.labelFormat.replace('{value}', value) : value;
 

controls/charts/src/common/legend/legend.ts

@@ -851,10 +851,6 @@ export class BaseLegend {
             for (let i: number = 0; i < this.legendCollections.length; i++) {
                 legendOption = this.legendCollections[i as number];
                 legendIndex = !this.isReverse ? count : (this.legendCollections.length - 1) -  count;
-                if (this.chart.getModuleName() === 'accumulationchart') {
-                    legendOption.fill = (this.chart as Chart || this.chart as AccumulationChart || this.chart as StockChart ||
-                        this.chart as Chart3D).visibleSeries[0].points[legendOption.pointIndex].color;
-                }
                 if (this.chart.getModuleName() === 'stockChart'){
                     legendOption.type = (this.chart as StockChart).visibleSeries[count as number].type;
                 }

controls/data/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 30.1.38 (2025-07-02)
+## 30.1.39 (2025-07-08)
 
 - `FB68201` - Fixed an issue where middleware was not triggered during `CRUD` operations.
 

controls/diagrams/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## [Unreleased]
 
+## 30.1.39 (2025-07-08)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I737645` - Connectors are now selected after being dragged from a negative position to a positive position.
+- `#I732921` - Resolved the issue of node dimension changes when dragging multiple selected nodes.
+- `#I739052` - Undo now works correctly for connectors without a target id.
+
 ## 30.1.38 (2025-07-02)
 
 ### Diagram

controls/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "30.1.37",
+	"version": "30.1.38",
 	"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",

controls/diagrams/src/diagram/diagram.ts

@@ -10309,38 +10309,59 @@ export class Diagram extends Component<HTMLElement> implements INotifyPropertyCh
      *
      * @returns { void } updateBridging method .\
      * @param {string} isLoad - provide the isLoad value.
+     * @param {Connector} obj - provide the connector value.
      *
      * @private
      */
-    public updateBridging(isLoad?: boolean): void {
+    public updateBridging(isLoad?: boolean, obj?: Connector): void {
         if (this.bridgingModule) {
-            for (let i: number = 0; i < this.connectors.length; i++) {
-                const connector: Connector = this.connectors[parseInt(i.toString(), 10)] as Connector;
-                this.bridgingModule.updateBridging(connector, this);
-                const canvas: GroupableView = this.connectors[parseInt(i.toString(), 10)].wrapper;
-                if (canvas && canvas.children && canvas.children.length > 0) {
-                    const pathSegment: PathElement = canvas.children[0] as PathElement;
-                    const data: string = pathSegment.data;
-                    if (connector.isBezierEditing && this.selectedItems.connectors[0].id === connector.id || connector.type !== 'Bezier') {
-                        connector.getSegmentElement(
-                            connector, pathSegment,
-                            this.layout.type === 'ComplexHierarchicalTree' || this.layout.type === 'HierarchicalTree' ?
-                                this.layout.orientation : undefined, undefined, false);
-                    }
-                    if (pathSegment.data !== data) {
-                        canvas.measure(new Size());
-                        canvas.arrange(canvas.desiredSize);
-                        if (this.mode === 'SVG' && !isLoad) {
-                            this.updateDiagramObject(connector);
-                        }
-                    }
+            // 965229 - Connector is not selected after dragging from negative position to positive position
+            if (obj instanceof Connector) {
+                this.updatePathSegmentData(obj, isLoad);
+            }
+            else {
+                for (let i: number = 0; i < this.connectors.length; i++) {
+                    const connector: Connector = this.connectors[parseInt(i.toString(), 10)] as Connector;
+                    this.updatePathSegmentData(connector, isLoad);
                 }
             }
         } else if (this.constraints & DiagramConstraints.Bridging) {
             console.warn('[WARNING] :: Module "ConnectorBridging" is not available in Diagram component! You either misspelled the module name or forgot to load it.');
         }
     }
 
+    /**
+     *updatePathSegmentData method \
+     *
+     * @returns { void } updatePathSegmentData method .\
+     * @param {Connector} connector - provide the connector value.
+     * @param {string} isLoad -  provide the isLoad value.
+     *
+     *
+     * @private
+     */
+    public updatePathSegmentData(connector: Connector, isLoad?: boolean): void {
+        this.bridgingModule.updateBridging(connector, this);
+        const canvas: GroupableView = connector.wrapper;
+        if (canvas && canvas.children && canvas.children.length > 0) {
+            const pathSegment: PathElement = canvas.children[0] as PathElement;
+            const data: string = pathSegment.data;
+            if (connector.isBezierEditing && this.selectedItems.connectors[0].id === connector.id || connector.type !== 'Bezier') {
+                connector.getSegmentElement(
+                    connector, pathSegment,
+                    this.layout.type === 'ComplexHierarchicalTree' || this.layout.type === 'HierarchicalTree' ?
+                        this.layout.orientation : undefined, undefined, false);
+            }
+            if (pathSegment.data !== data) {
+                canvas.measure(new Size());
+                canvas.arrange(canvas.desiredSize);
+                if (this.mode === 'SVG' && !isLoad) {
+                    this.updateDiagramObject(connector);
+                }
+            }
+        }
+    }
+
     /**
      *setCursor method \
      *
@@ -13131,7 +13152,7 @@ export class Diagram extends Component<HTMLElement> implements INotifyPropertyCh
             this.commandHandler.updatePathElementOffset(actualObject);
         }
         // eslint-disable-next-line max-len
-        if (!disableBridging) { this.updateBridging(); }
+        if (!disableBridging) { this.updateBridging(false, actualObject); }
         this.updateAnnotations(newProp, actualObject);
         this.updateConnectorPorts(newProp, actualObject);
         this.updatefixedUserHandle(newProp, actualObject);

controls/diagrams/src/diagram/interaction/event-handlers.ts

@@ -997,6 +997,11 @@ export class DiagramEventHandler {
                     this.checkAction(obj);
                     const padding: number = this.getConnectorPadding(this.eventArgs);
                     this.getMouseEventArgs(this.currentPosition, this.eventArgs, this.eventArgs.source, padding);
+                    //Bug 963160: Node Dimensions updates wrongly When Dragging Multiple Selected Nodes with Control Key Pressed
+                    if (e.ctrlKey && this.diagram.lineRoutingModule && (this.diagram.constraints & DiagramConstraints.LineRouting) &&
+                        (this.diagram.selectedItems.nodes.length + this.diagram.selectedItems.connectors.length) > 1) {
+                        this.eventArgs.source = this.diagram.selectedItems as IElement;
+                    }
                     this.updateCursor();
                     this.inAction = true;
                     this.initialEventArgs = null;