v25.1.38 is released

Author: pipeline

README.md

@@ -1361,14 +1361,8 @@ The Syncfusion JavaScript UI controls library is the only suite that you will ev
 ## Release Notes
  Please refer this [link](https://ej2.syncfusion.com/documentation/release-notes/index/)
 
-## Support
-For any questions or assistance, you can:
-* Visit the [Syncfusion support portal](https://support.syncfusion.com/).
-* Post your queries on the [community forums](https://www.syncfusion.com/forums).
-* Renew your subscription by clicking [here](https://www.syncfusion.com/sales/products?utm_source=github&utm_medium=listing&utm_campaign=ej2-javascript-ui-controls) or contacting our sales team at <[email protected]>.
-* If you have specific feature requests or suggestions, please submit them through our [feedback portal](https://www.syncfusion.com/feedback/javascript).
-
 ## License
- For detailed information about the Syncfusion Essential Studio license and copyright, please refer to the [license](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license).
-     © Copyright 2024 Syncfusion, Inc. All Rights Reserved. 
+ This is a commercial product and requires a paid license for possession or use. Syncfusion’s licensed software, including this component, is subject to the terms and conditions of Syncfusion's EULA (https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase one at https://www.syncfusion.com/sales/products or start a free 30-day trial here (https://www.syncfusion.com/account/manage-trials/start-trials).
+ A free community license (https://www.syncfusion.com/products/communitylicense) is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
+     © Copyright 2021 Syncfusion, Inc. All Rights Reserved. 
     The Syncfusion Essential Studio license and copyright applies to this distribution.

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 25.1.37 (2024-03-26)
+## 25.1.38 (2024-04-02)
 
 ### Barcode
 

controls/calendars/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 25.1.37 (2024-03-26)
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#I15615` -  Fixed console error that occurred when using the format property while opening the time popup.
+
 ## 19.3.46 (2021-10-19)
 
 ### TimePicker

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "18.32.5",
+	"version": "25.1.37",
 	"description": "A complete package of date or time components with built-in features such as date formatting, inline editing, multiple (range) selection, range restriction, month and year selection, strict mode, and globalization.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/calendars/src/datepicker/datepicker.ts

@@ -471,7 +471,7 @@ export class DatePicker extends Calendar implements IInput {
     public render(): void {
         this.initialize();
         this.bindEvents();
-        if (this.floatLabelType === 'Auto') {
+        if (this.floatLabelType !== 'Never') {
             Input.calculateWidth(this.inputElement, this.inputWrapper.container);
         }
         if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {

controls/calendars/src/daterangepicker/daterangepicker.ts

@@ -748,7 +748,7 @@ export class DateRangePicker extends CalendarBase {
         if (this.element.hasAttribute('data-val')) {
             this.element.setAttribute('data-val', 'false');
         }
-        if (this.floatLabelType === 'Auto') {
+        if (this.floatLabelType !== 'Never') {
             Input.calculateWidth(this.inputElement, this.inputWrapper.container);
         }
         if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {

controls/calendars/src/datetimepicker/datetimepicker.ts

@@ -723,7 +723,7 @@ export class DateTimePicker extends DatePicker {
                 this.inputElement.tabIndex = -1;
             }
         }
-        if (this.floatLabelType === 'Auto') {
+        if (this.floatLabelType !== 'Never') {
             Input.calculateWidth(this.inputElement, this.inputWrapper.container);
         }
         if (!isNullOrUndefined(this.inputWrapper.buttons[0]) && !isNullOrUndefined(this.inputWrapper.container.getElementsByClassName('e-float-text-overflow')[0]) && this.floatLabelType !== 'Never') {
@@ -984,6 +984,9 @@ export class DateTimePicker extends DatePicker {
         let dateObject: Date;
         if (this.calendarMode === 'Gregorian') {
             this.cldrDateTimeFormat().replace(this.formatRegex, this.TimePopupFormat())
+            if (this.dateFormatString === '') {
+                this.dateFormatString = this.cldrDateTimeFormat();
+            }
             dateObject = this.globalize.parseDate(this.inputElement.value, {
                 format: this.dateFormatString, type: 'datetime'
             });

controls/calendars/styles/calendar/_theme.scss

@@ -475,7 +475,7 @@
     }
   }
 
-  .e-zoomin {
+  .e-calendar .e-zoomin {
     animation: animatezoom .3s;
   }
 

controls/charts/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 25.1.37 (2024-03-26)
+## 25.1.38 (2024-04-02)
 
 ### AccumulationChart
 

controls/circulargauge/CHANGELOG.md

@@ -4,7 +4,7 @@
 
 ## [Unreleased]
 
-## 25.1.37 (2024-03-26)
+## 25.1.38 (2024-04-02)
 
 ### Circular Gauge
 

controls/diagrams/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## [Unreleased]
 
+## 25.1.38 (2024-04-02)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I562564` - Now, the connector connected properly to the node while moving the node to another layer.
+- `#F187022` - Now, Connection change event changed state is triggered for port change within same node.
+- `#I566420` - Now, the annotation aligns properly while setting text align as Justify with text overflow as Ellipsis.
+
 ## 25.1.37 (2024-03-26)
 
 ### Diagram

controls/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "25.1.35",
+	"version": "25.1.37",
 	"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/spec/diagram/interaction/layer.spec.ts

@@ -1173,3 +1173,72 @@ describe('872106: Layer object in diagram doesnot removed in clear method', () =
         done();
     });
 });
+
+describe('875087: Connector disappears when moved to another layer with Node connected', () => {
+    let diagram: Diagram;
+    let ele: HTMLElement;
+    beforeAll((): void => {
+        ele = createElement('div', { id: 'diagram_Layers_Con' });
+        document.body.appendChild(ele);
+        let connector: ConnectorModel = {
+            id: 'connector1', sourceID:'node1',targetID:'node2',annotations: [ {content: 'Connector'}],type:'Orthogonal'
+        };
+        let node: NodeModel = {
+            id: 'node1', width: 150, height: 100, offsetX: 100, offsetY: 100, annotations: [ { content: 'Node1'}]
+        };
+        let node2: NodeModel = {
+            id: 'node2', width: 80, height: 130, offsetX: 400, offsetY: 200, annotations: [ { content: 'Node2'}]
+        };
+        let node3: NodeModel = {
+            id: 'node3', width: 50, height: 50, offsetX: 600, offsetY: 200, annotations: [ { content: 'Node3'}]
+        };
+        let node4: NodeModel = {
+            id: 'node4', width: 50, height: 50, offsetX: 700, offsetY: 200, annotations: [ { content: 'Node4'}]
+        };
+        let group: NodeModel = {
+            id: 'group',children:['node3','node4'],padding:{left:10,right:10,top:10,bottom:10},style:{strokeColor:'black'}
+        };
+        
+        diagram = new Diagram({
+            width: '1000px', height: '600px',
+            nodes: [node, node2,node3,node4,group], connectors: [connector],
+        });
+        diagram.appendTo("#diagram_Layers_Con");
+    });
+    afterAll((): void => {
+        diagram.destroy();
+        ele.remove();
+    });
+    it('Add node to new layer', (done: Function) => {
+        let layer: any = {
+            id: 'layer1',
+            visible: false,
+            objects: ['node13'],
+            lock: false,
+          };
+      
+          diagram.addLayer(layer);
+          let node = {
+            id: 'node13',
+            height: 75,
+            width: 75,
+            offsetX: 250,
+            offsetY: 350,
+            annotations: [{ content: 'Node on Layer1' }],
+          };
+          diagram.add(node);
+        expect(diagram.nodes.length === 6).toBe(true);
+        done();
+    });
+    it('Move connected node to new layer', (done: Function) => {
+        diagram.moveObjects(['node1', 'connector1'], 'layer1');
+        expect(diagram.connectors.length === 1 && diagram.connectors[0].sourceID === 'node1').toBe(true);
+        done();
+    });
+    it('Move group node to new layer', (done: Function) => {
+        diagram.moveObjects(['group'], 'layer1');
+        let group = diagram.nameTable['group'];
+        expect(diagram.nodes.length === 6 && group.children.length === 2).toBe(true);
+        done();
+    });
+});

controls/diagrams/spec/diagram/objects/annotation.spec.ts

@@ -1408,4 +1408,128 @@ describe('Annotation Alignment Issue in virtualisation', () => {
         done();
     });
 
+});
+
+describe('Text alignment to justify in annotations does not function properly when the textOverflow', () => {
+    let diagram: Diagram;
+    let ele: HTMLElement;
+
+    beforeAll((): void => {
+        const isDef = (o: any) => o !== undefined && o !== null;
+        if (!isDef(window.performance)) {
+            console.log("Unsupported environment, window.performance.memory is unavailable");
+            this.skip(); //Skips test (in Chai)
+            return;
+        }
+        ele = createElement('div', { id: 'diagramAnnotationTestAlign' });
+        document.body.appendChild(ele);
+        let nodes: NodeModel[] = [
+            {
+            id: 'node1', width: 100, height: 100, offsetX: 200, offsetY: 200,
+            annotations: [{ content: 'Ellipsis WrapWithOverflow CollapseSpace Justify annotation', style: {
+                textOverflow: 'Ellipsis',
+                textWrapping: 'WrapWithOverflow',
+                whiteSpace: 'CollapseSpace',
+                textAlign: 'Justify',
+            } ,offset:{x:0.5,y:0.5}}],
+        },
+        ]
+
+        diagram = new Diagram({ width: 1000, height: 1000, nodes: nodes,});
+        diagram.appendTo('#diagramAnnotationTestAlign');
+
+    });
+
+    afterAll((): void => {
+        diagram.destroy();
+        ele.remove();
+    });
+
+    it('Rendering node with annotation text align justify and WrapWithOverflow', (done: Function) => {
+
+       let node = diagram.nodes[0];
+       let textBounds = node.wrapper.children[1].bounds;
+       expect(textBounds.x === 150).toBe(true);
+        done();
+    });
+    it('Changing the annotation offset and checking bounds', (done: Function) => {
+        let node = diagram.nodes[0];
+        node.annotations[0].offset = {x:0.5,y:1};
+        diagram.dataBind();
+        let textBounds = node.wrapper.children[1].bounds;
+        expect(textBounds.x === 150 && textBounds.y > 220).toBe(true);
+        done();
+    });
+    it('Changing the annotation textOverflow and checking bounds', (done: Function) => {
+        let node = diagram.nodes[0];
+        node.annotations[0].style.textOverflow = 'Clip';
+        diagram.dataBind();
+        let textBounds = node.wrapper.children[1].bounds;
+        expect(textBounds.x === 150 && textBounds.y > 220).toBe(true);
+        done();
+    });
+    it('Changing the annotation text align to right', (done: Function) => {
+        let node = diagram.nodes[0];
+        node.annotations[0].style.textAlign = 'Right';
+        diagram.dataBind();
+        let textBounds = node.wrapper.children[1].bounds;
+        expect(textBounds.x === 150 && textBounds.y > 220).toBe(true);
+        done();
+    });
+
+});
+
+describe('Checking hyperlink for connector', () => {
+    let diagram: Diagram;
+    let ele: HTMLElement;
+    beforeAll((): void => {
+        const isDef = (o: any) => o !== undefined && o !== null;
+        if (!isDef(window.performance)) {
+            console.log("Unsupported environment, window.performance.memory is unavailable");
+            this.skip(); //Skips test (in Chai)
+            return;
+        }
+        ele = createElement('div', { id: 'diagram53' });
+        document.body.appendChild(ele);
+        let nodes:any = [{
+            // Position of the node
+            offsetX: 100,
+            offsetY: 100,
+            // Size of the node
+            width: 100,
+            height: 100,
+            style: { fill: '#6BA5D7', strokeColor: 'white' },
+            annotations: [{ hyperlink: { link: 'https://hr.syncfusion.com/home' } }]
+                }]
+        
+        let connectors :any =[
+            {
+                id:"connector",
+                sourcePoint:{x:300,y:300},
+                targetPoint:{x:500,y:500},
+                annotations: [{ hyperlink: { link: 'https://hr.syncfusion.com/home' } }]
+            }
+        ]
+
+        diagram = new Diagram({ mode: 'SVG', width: 800, height: 500, nodes: nodes, connectors: connectors });
+        diagram.appendTo('#diagram53');
+    });
+
+    afterAll((): void => {
+        diagram.destroy();
+        ele.remove();
+    });
+
+    it('checking hyperlink rendering in connector', (done: Function) => {
+        let mouseEvents: MouseEvents = new MouseEvents();
+        let diagramCanvas: HTMLElement = document.getElementById(diagram.element.id + 'content');
+        let element: HTMLElement = document.getElementById('diagram53content');
+        mouseEvents.mouseMoveEvent(diagramCanvas, 400, 200, true);
+        mouseEvents.mouseUpEvent(diagramCanvas, 400, 200, true);
+        expect(element.style.cursor !== 'pointer').toBe(true);
+        mouseEvents.mouseMoveEvent(diagramCanvas, 451, 406, true);
+        mouseEvents.mouseUpEvent(diagramCanvas, 451, 406, true);
+        expect(element.style.cursor === 'pointer').toBe(true);
+        done();
+    });
 });