v24.2.9 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.2.8 (2024-02-27)
+## 24.2.9 (2024-03-05)
 
 ### Barcode
 

controls/buttons/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.2.8 (2024-02-27)
+## 24.2.9 (2024-03-05)
 
 ### Button
 

controls/calendars/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 24.2.9 (2024-03-05)
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#FB50296` - Fixed an issue where the date format `MMM/YYYY` was displaying the wrong date value in languages other than English.
+
 ## 24.2.8 (2024-02-27)
 
 ### DateRangePicker

controls/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "24.2.5",
+	"version": "24.2.8",
 	"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/spec/datetimepicker/datetimepicker.spec.ts

@@ -4169,6 +4169,34 @@ describe('EJ2-56658:change event is not triggered while remove the selected time
     });
 
 });
+describe('869555 : Meridian Value Checking', () => {
+    let datetimepicker: any;
+    beforeEach(() => {
+        let ele: HTMLElement = createElement('input', { id: 'dateTime' });
+        document.body.appendChild(ele);
+    });
+    afterEach(() => {
+        if (datetimepicker) {
+            datetimepicker.destroy();
+        }
+        document.body.innerHTML = '';
+    });
+    it('Meridian Value Checking', () => {
+        datetimepicker = new DateTimePicker({
+            format: "dd/MMM/yyy hh:mm:a",
+            value: new Date('23/May/2024 12:30:pm')
+        });
+    datetimepicker.appendTo('#dateTime');
+    datetimepicker.inputElement.value = '25/Mar/2024 12:30:am';
+    datetimepicker.dataBind();
+    datetimepicker.inputBlurHandler();
+    expect(datetimepicker.inputElement.value).toBe('25/Mar/2024 12:30:AM');
+    datetimepicker.inputElement.value = '27/Feb/2024 01:00:pm';
+    datetimepicker.dataBind();
+    datetimepicker.inputBlurHandler();
+    expect(datetimepicker.inputElement.value).toBe('27/Feb/2024 01:00:PM');
+    });
+});
 describe('EJ2-59142', () => {
     let datetimepicker: any;
     let keyEventArgs: any = {

controls/calendars/src/datepicker/datepicker.ts

@@ -1296,7 +1296,8 @@ export class DatePicker extends Calendar implements IInput {
         }
         if ((this.getModuleName() === 'datetimepicker')) {
             if (this.checkDateValue(this.globalize.parseDate(this.inputElement.value, dateOptions))) {
-                date = this.globalize.parseDate(this.inputElement.value.toLocaleUpperCase(), dateOptions);
+                const modifiedValue: string = this.inputElement.value.replace(/(am|pm|Am|aM|pM|Pm)/g, (match) => match.toLocaleUpperCase());
+                date = this.globalize.parseDate(modifiedValue, dateOptions);
             } else {
                 if (this.calendarMode === 'Gregorian') {
                     formatOptions = { format: format, type: 'dateTime', skeleton: 'yMd' };

controls/calendars/src/timepicker/timepicker.ts

@@ -2490,10 +2490,6 @@ export class TimePicker extends Component<HTMLElement> implements IInput {
             }
         }
         removeClass([this.inputWrapper.container], [FOCUS]);
-        const blurArguments: BlurEventArgs = {
-            model: this
-        };
-        this.trigger('blur', blurArguments);
         if (this.getText() !== this.inputElement.value) {
             this.updateValue((this.inputElement).value, e);
         } else if (this.inputElement.value.trim().length === 0) {
@@ -2505,6 +2501,10 @@ export class TimePicker extends Component<HTMLElement> implements IInput {
         if (this.inputElement.value === '') {
             this.invalidValueString = null;
         }
+        const blurArguments: BlurEventArgs = {
+            model: this
+        };
+        this.trigger('blur', blurArguments);
 
     }
     /**

controls/charts/CHANGELOG.md

@@ -2,6 +2,16 @@
 
 ## [Unreleased]
 
+## 24.2.9 (2024-03-05)
+
+### Chart
+
+#### Bug Fixes
+
+- `#I558392` - Now the line color of the Pareto chart is stable when toggling the legend.
+- `#I558247` - Now sorting is working in the Pareto chart.
+- `#I557017` - Now the column is rendered properly when a corner radius is used.
+
 ## 24.2.8 (2024-02-27)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "24.2.7",
+	"version": "24.2.8",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/charts/spec/chart/series/pareto-series.spec.ts

@@ -131,7 +131,7 @@ describe('chart control', () => {
         it('Showing default data label', (done: Function) => {
             loaded = (args: Object): void => {
                 let element = document.getElementById('container_Series_0_Point_3_Text_0');
-                expect((+element.textContent) == 26).toBe(true);
+                expect((+element.textContent) == 36).toBe(true);
                 expect(document.getElementById('containerShapeGroup0').childNodes.length == 0).toBe(true);
                 done();
             };
@@ -223,7 +223,7 @@ describe('chart control', () => {
             loaded = (args: Object): void => {
                 let element1: HTMLElement = document.getElementById('container_Series_0_Point_3_Text_0');
                 let element2: HTMLElement = document.getElementById('container_Series_0_Point_4_Text_0');
-                expect(parseFloat(element1.getAttribute('y')) <
+                expect(parseFloat(element1.getAttribute('y')) >
                     parseFloat(element2.getAttribute('y'))).toBe(true);
                 done();
             }
@@ -236,7 +236,7 @@ describe('chart control', () => {
             loaded = (args: Object): void => {
                 let element1: HTMLElement = document.getElementById('container_Series_1_Point_0_Text_0');
                 let element2: HTMLElement = document.getElementById('container_Series_1_Point_1_Text_0');
-                expect(parseFloat(element1.getAttribute('y')) >
+                expect(parseFloat(element1.getAttribute('y')) >=
                     parseFloat(element2.getAttribute('y'))).toBe(true);
                 done();
             }

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

@@ -1116,7 +1116,6 @@ export class SeriesBase extends ChildProperty<SeriesBase> {
                     processInternalData(extend([], this.currentViewData, null, true) as Object[], this);
             }
             if (this.category === 'Pareto') {
-                this.currentViewData = sort(extend([], this.currentViewData, null, true) as Object[], [this.yName], true);
                 if (this.type === 'Line') {
                     this.currentViewData = this.chart.paretoSeriesModule.performCumulativeCalculation(
                         this.currentViewData, this);

controls/charts/src/chart/series/column-base.ts

@@ -472,7 +472,7 @@ export class ColumnBase {
         } else {
             direction = this.calculateRoundedRectPath(
                 rect, series.cornerRadius.topLeft, series.cornerRadius.topRight, series.cornerRadius.bottomLeft,
-                series.cornerRadius.bottomRight);
+                series.cornerRadius.bottomRight, chart.requireInvertedAxis);
         }
         const name: string = series.category === 'Indicator' ? chart.element.id + '_Indicator_' + series.index + '_' + series.name +
             '_Point_' + point.index : chart.element.id + '_Series_' + series.index + '_Point_' + point.index;
@@ -613,8 +613,13 @@ export class ColumnBase {
      */
     private calculateRoundedRectPath(
         rect: Rect, topLeft: number, topRight: number,
-        bottomLeft: number, bottomRight: number
+        bottomLeft: number, bottomRight: number, inverted: boolean = false
     ): string {
+        const halfValue: number = inverted ? rect.width / 2 : rect.height / 2;
+        topLeft = Math.min(topLeft, halfValue);
+        topRight = Math.min(topRight, halfValue);
+        bottomLeft = Math.min(bottomLeft, halfValue);
+        bottomRight = Math.min(bottomRight, halfValue);
         return 'M' + ' ' + rect.x + ' ' + (topLeft + rect.y) +
             ' Q ' + rect.x + ' ' + rect.y + ' ' + (rect.x + topLeft) + ' ' +
             rect.y + ' ' + 'L' + ' ' + (rect.x + rect.width - topRight) + ' ' + rect.y +

controls/charts/src/chart/series/pareto-series.ts

@@ -28,7 +28,7 @@ export class ParetoSeries extends ColumnBase {
         targetSeries.category = 'Pareto';
         series.index = targetSeries.index + chart.series.length;
         series.type = 'Line';
-        series.interior = series.paretoOptions.fill ? series.paretoOptions.fill : colors[series.index % count];
+        series.interior = series.fill = series.paretoOptions.fill ? series.paretoOptions.fill : colors[series.index % count];
         series.width = series.paretoOptions.width;
         series.dashArray = series.paretoOptions.dashArray;
         series.marker = series.paretoOptions.marker;

controls/data/package.json

@@ -11,6 +11,7 @@
 		"@syncfusion/ej2-base": "*"
 	},
 	"devDependencies": {
+		"@syncfusion/ej2-staging": "^1.0.1",
 		"@types/chai": "^3.4.28",
 		"@types/es6-promise": "0.0.28",
 		"@types/jasmine": "2.8.9",

controls/data/src/manager.ts

@@ -647,7 +647,7 @@ export class DataManager {
 
     private successFunc(record: string | Object, request: Fetch): void {
         if (this.isGraphQLAdaptor(this.adaptor)) {
-            const data: Object = JSON.parse(record as string);
+            const data: Object = typeof record === 'object' ? record : JSON.parse(record as string);
             // tslint:disable-next-line:no-string-literal
             if (!isNullOrUndefined(data['errors'])) {
                 // tslint:disable-next-line:no-string-literal

controls/diagrams/CHANGELOG.md

@@ -2,12 +2,28 @@
 
 ## [Unreleased]
 
+## 24.2.9 (2024-03-05)
+
+### Diagram
+
+#### Bug Fixes
+
+- `#I557035` - Now, the layers object gets cleared when we call clear method.
+
 ## 24.2.8 (2024-02-27)
 
 ### Diagram
 
 #### Bug Fixes
 
+- `#I555649` - Now, the scaling of the BPMN symbols with description is properly rendered.
+
+## 24.2.7 (2024-02-20)
+
+### Diagram
+
+#### Bug Fixes
+
 - `#I549018` - Now, the bridging is not enabled while connector visibility is false.
 - `#I542327` - Now, the sendBackward and sendForward commands works fine.
 - `#I527474` - Now, drawing connector from source port to target port with port id underscore works fine.

controls/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-diagrams",
-	"version": "24.2.5",
+	"version": "24.2.8",
 	"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",
@@ -17,6 +17,7 @@
 		"@syncfusion/ej2-popups": "*"
 	},
 	"devDependencies": {
+		"@syncfusion/ej2-staging": "^1.0.1",
 		"@types/chai": "^3.4.28",
 		"@types/es6-promise": "0.0.28",
 		"@types/jasmine": "2.8.9",

controls/diagrams/spec/diagram/interaction/layer.spec.ts

@@ -809,7 +809,7 @@ describe('Diagram Control', () => {
             diagram.dataBind();
             let ele = document.getElementById("N1_groupElement");
             console.log("ele"+ele);
-            expect(ele !== null).toBe(true);
+            expect(ele === null).toBe(true);
             done();
         });
 
@@ -1094,3 +1094,82 @@ describe('Diagram-Layers - sendToBack Not functioning correctly for single node
   });
 
 });
+
+describe('872106: Layer object in diagram doesnot removed in clear method', () => {
+    let diagram: Diagram;
+    let ele: HTMLElement;
+    beforeAll((): void => {
+        ele = createElement('div', { id: 'diagram_Layers' });
+        document.body.appendChild(ele);
+        let nodes: NodeModel[] = [
+
+            {
+                id: 'node1', height: 75, width: 75, offsetX: 100, offsetY: 100, annotations: [{ content: 'Layer1' }]
+            },
+            {
+                id: 'node2', height: 75, width: 75, offsetX: 400, offsetY: 100, annotations: [{ content: 'Layer2' }]
+            },
+            {
+                id: 'node3', height: 75, width: 75, offsetX: 150, offsetY: 150, annotations: [{ content: 'Layer3' }]
+            },
+            {
+                id: 'node4', height: 75, width: 75, offsetX: 450, offsetY: 150, annotations: [{ content: 'Layer4' }]
+            },
+           
+        ];
+        let layers: LayerModel[] = [
+            {
+                id: 'Layer1',
+                visible: true,
+                objects: ['node1'],
+                lock: false,
+                zIndex: 0
+            },
+            {
+                id: 'Layer2',
+                visible: true,
+                objects: ['node2'],
+                lock: false,
+                zIndex: 1
+            },
+            {
+                id: 'Layer3',
+                visible: true,
+                objects: ['node3'],
+                lock: false,
+            },
+            {
+                id: 'Layer4',
+                visible: true,
+                objects: ['node4'],
+                lock: false,
+            }
+        ];
+        
+        diagram = new Diagram({
+            width: '1000px', height: '600px',
+            nodes: nodes,
+            layers: layers,
+        });
+        diagram.appendTo("#diagram_Layers");
+    });
+    afterAll((): void => {
+        diagram.destroy();
+        ele.remove();
+    });
+    it('Checking layer length after clearing diagram', (done: Function) => {
+        let prevLayerCount = diagram.layers.length;
+        diagram.clear();
+        let currLayerCount = diagram.layers.length;
+        expect(prevLayerCount === 4 && currLayerCount === 1).toBe(true);
+        done();
+    });
+    it('Checking layer length after adding node dynamically', (done: Function) => {
+        let node:NodeModel = {id:'newNode',offsetX:100,offsetY:300,width:100,height:50,style:{fill:'green'}};
+        diagram.add(node);
+        let currLayerCount = diagram.layers.length;
+        let nodeCount = diagram.nodes.length;
+        expect(currLayerCount === 1 && nodeCount === 1).toBe(true);
+        done();
+    });
+});

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

@@ -211,7 +211,8 @@ describe('Diagram Control', () => {
             mouseEvents.mouseMoveEvent(diagramCanvas, 200, 210);
             mouseEvents.mouseMoveEvent(diagramCanvas, 458, 208);
             mouseEvents.mouseUpEvent(diagramCanvas, 458, 208);
-            expect(diagram.nodes[0].ports[0].outEdges.length === 1).toBe(true);
+            console.log("Ports len "+ diagram.nodes[0].ports[0].outEdges.length);
+            expect(diagram.nodes[0].ports[0].outEdges.length === 0).toBe(true);
              done();
         });
     });