v24.2.4 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.2.3 (2024-01-31)
+## 24.2.4 (2024-02-06)
 
 ### Barcode
 

controls/barcodegenerator/src/datamatrix/datamatrix-util.ts

@@ -186,7 +186,6 @@ export class DataMatrix {
                 result[parseInt(index.toString(), 10)] = (dataCodeword[parseInt(i.toString(), 10)] + 1);
                 index++;
             } else {
-                result[parseInt(index.toString(), 10)] = 235;
                 result[parseInt(index.toString(), 10)] = (((dataCodeword[parseInt(i.toString(), 10)] - 127)));
                 index++;
             }

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "24.1.46",
+	"version": "24.2.3",
 	"description": "A common package of Essential JS 2 base libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/base/releasenotes/README.md

@@ -0,0 +1,183 @@
+# Release Notes Guidelines
+
+This section contains guidelines on naming files, sections and other document elements.
+
+> **If there is no changes in product, you don't need to mention that in Release Notes.**
+
+## Encoding Format
+
+All Release Notes files should be saved in **Encoding in UTF-8 (Without BOM)** format. You can use Notepad++ to verify the encoding.
+
+![Encoding.png](https://bitbucket.org/repo/j57Gz9/images/2199960455-Encoding.png)
+
+## Release Notes Folder Hierarchy
+
+* Platform [Folder]
+* ----ReleaseNotes [Folder]
+* --------v13.3.x.x [Folder]
+* ------------Control1.md
+* ------------Control2.md
+* ------------Control3.md
+* --------v13.4.x.x [Folder]
+* ------------Control1.md
+* ------------Control2.md
+* ------------Control3.md
+
+### How to write Release Notes?
+
+* Each release markdown files should reside under corresponding version folder in their platform.
+* Each product release notes should be created in separate file name.
+* File name should be same as the product name. 
+
+> **NOTE**: Please do not add any Front Matter information in Release Notes files.
+
+## Markdown File Structure
+
+Each markdown file should have following items.
+
+* Control Name
+* Features
+* Bug fixes
+* Braking Changes
+* Known Issues
+
+> Do not add any front matter(triple dashed line) in this markdown.
+
+### Control Name
+
+Control Name should be with prefix `##`. This will be rendered as `H2` in html file. 
+
+#### Syntax
+
+```
+## <Control-Name>
+```
+
+#### Example
+
+```
+## ejAccrodion
+```
+
+### Features
+
+* Each features should be written in unordered list. 
+* Feature header should have id in the following format `<control-name>-features`. All characters in **id should be written in lower case.**
+
+#### Syntax
+
+```
+### Features
+{:#<control-name>-features}
+
+* \#1 - Feature Info
+* \#2 - Feature Info
+* \#3 - Feature Info
+```
+
+#### Example
+
+```
+### Features
+{:#ejaccordion-features}
+
+* \#140303 - Accordion provides option to add new items dynamically by using the `addItem` method
+* \#140303 - Accordion provides option to add new items dynamically by using the `addItem` method
+* \#140303, \#140304 - Accordion provides option to add new items dynamically by using the `addItem` method
+```
+
+> **NOTE:** 
+> * In markdown `#` used to represent headers. 
+> * By default it will be converted as HTML headers. 
+> * To display the `#` in html, please use escape sequences [See above example].
+
+### Bug Fixes
+
+* Each bug fix should be written in unordered list. 
+* Bug fixes header should have id in the following format `<control-name>-bug-fixes`. All characters in **id should be written in lower case.**
+
+#### Syntax
+
+```
+### Bug fixes
+{:#<control-name-in-lower-case>-bug-fixes}
+
+* \#1 - Bug Fix
+* \#2 - Bug Fix
+* \#3 - Bug Fix
+```
+
+#### Example
+
+```
+### Bug Fixes
+{:#ejaccordion-bug-fixes}
+
+* \#140303 - Accordion provides option to add new items dynamically by using the `addItem` method
+* \#140303 - Accordion provides option to add new items dynamically by using the `addItem` method
+* \#140303, \#140304 - Accordion provides option to add new items dynamically by using the `addItem` method
+```
+
+> **NOTE:** 
+> * In markdown `#` used to represent headers. 
+> * By default it will be converted as HTML headers. 
+> * To display the `#` in html, please use escape sequences [See above example].
+
+### Breaking Changes
+
+* Each breaking changes should be written in unordered list.
+* Breaking changes header should have id in the following format `<control-name>-breaking-changes`. All characters in **id should be written in lower case.**
+
+```
+### Breaking Changes
+{:#<control-name>-breaking-changes}
+
+* * Breaking Change 1
+* * Breaking Change 2
+* * Breaking Change 3
+```
+
+#### Example
+
+```
+### Breaking Changes
+{:#ejaccordion-breaking-changes}
+
+* Now, Circular series end angle will not be adjusted based on the start angle, so the output will be like semi-circle instead of full circle. In order to render the complete circular series with customized start angle, you have to add the start angle value to end angle property now. This break will occur only if you have specified startAngle already 
+```
+
+> **NOTE:** 
+> * In markdown `#` used to represent headers. 
+> * By default it will be converted as HTML headers. 
+> * To display the `#` in html, please use escape sequences [See above example].
+
+## Incidents and Forums in Release notes
+
+We can represent the Incident ID with I and F for forums in release notes MD files 
+
+#### Example 
+
+
+```
+## ChromelessWindow
+
+### Bug Fixes
+{:#chromelesswindow-bug-fixes}
+
+* \#I336220 - When using `ShowDialog` on a `RibbonWindow`, a `NullReferenceException` will no longer occur.
+* \#F166385 - The gap between the bottom of the window and the `TaskBar` is now properly maintained.
+
+```
+
+This is published in the page : https://help.syncfusion.com/wpf/release-notes/v19.3.0.43?type=all#chromelesswindow
+
+
+## Commit
+
+Same workflow for User Guide applicable to this repository. All the changes needs to be committed in `development` branch.
+
+## Preview Changes
+
+All the changes will be included with User Guide automation and published in Staging Documentation machine.
+
+<http://115.249.201.211:9090>

controls/buttons/README.md

@@ -86,6 +86,49 @@ The [JavaScript Switch](https://www.syncfusion.com/javascript-ui-controls/js-tog
 * [Text](https://ej2.syncfusion.com/documentation/switch/getting-started#set-text-on-switch) - Supports text.
 * [Sizes](https://ej2.syncfusion.com/documentation/switch/how-to#change-size) - Provided with different sizes of Switch.
 
+### JavaScript Floating Action Button
+
+The [JavaScript Floating Action Button](https://www.syncfusion.com/javascript-ui-controls/js-fab?utm_source=npm&utm_medium=listing&utm_campaign=javascript-buttons-npm) control performs the primary action that appears in front of all screen contents. It has several built-in features such as support for icons, predefined styles, positions, and UI customization.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/documentation/floating-action-button/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-buttons-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-buttons-npm#/material/floating-action-button/overview.html">Online demos</a> .
+    <a href="https://www.syncfusion.com/javascript-ui-controls/js-fab?utm_source=npm&utm_medium=listing&utm_campaign=javascript-buttons-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="JavaScript Floating Action Button Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-fab.png">
+</p>
+
+#### Key features
+
+* [Icons](https://ej2.syncfusion.com/documentation/floating-action-button/icons) - Supports addition of both text and icon on the Button.
+* [Predefined styles](https://ej2.syncfusion.com/documentation/floating-action-button/styles) - Provided with predefined styles for the Floating Action Button.
+* [Positions](https://ej2.syncfusion.com/documentation/floating-action-button/positions) - Positioned anywhere on the target. If the target is not defined, then Floating Action Button is positioned based on the browser viewport.
+
+### JavaScript Speed Dial
+
+The [JavaScript Speed Dial](https://www.syncfusion.com/javascript-ui-controls/js-speed-dial?utm_source=npm&utm_medium=listing&utm_campaign=javascript-buttons-npm) control is an extension of the floating action button that displays a list of action buttons when clicked. It has several built-in features such as support for items, predefined styles, positions, and UI customization.
+
+<p align="center">
+    <a href="https://ej2.syncfusion.com/documentation/speed-dial/getting-started/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-buttons-npm">Getting Started</a> .
+    <a href="https://ej2.syncfusion.com/demos/?utm_source=npm&utm_medium=listing&utm_campaign=javascript-buttons-npm#/material/speed-dial/default.html">Online demos</a> .
+    <a href="https://www.syncfusion.com/javascript-ui-controls/js-speed-dial?utm_source=npm&utm_medium=listing&utm_campaign=javascript-buttons-npm">Learn more</a>
+</p>
+
+<p align="center">
+<img alt="JavaScript Speed Dial Control" src="https://raw.githubusercontent.com/SyncfusionExamples/nuget-img/master/javascript/javascript-speeddial.gif">
+</p>
+
+#### Key features
+
+* [Items](https://ej2.syncfusion.com/documentation/speed-dial/items) - Provides different items support for the Speed Dial.
+* [Predefined styles](https://ej2.syncfusion.com/documentation/speed-dial/styles) - Provided with predefined styles for the Speed Dial.
+* [Positions](https://ej2.syncfusion.com/documentation/speed-dial/positions) - Positioned anywhere on the target. If the target is not defined, then Speed Dial is positioned based on the browser viewport.
+* [Modes](https://ej2.syncfusion.com/documentation/speed-dial/display-modes) - Supports display of items in both linear and radial modes.
+* [Modal](https://ej2.syncfusion.com/documentation/speed-dial/modal) - Adds an overlay to prevent the background interaction.
+* [Templates](https://ej2.syncfusion.com/documentation/speed-dial/template) - Customize Speed Dial items and the popup content using templates.
+
 <p align="center">
 Trusted by the world's leading companies
   <a href="https://www.syncfusion.com/">
@@ -135,4 +178,4 @@ Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-contr
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_campaign=button) for more info.
 
-&copy; Copyright 2023 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.
+&copy; Copyright 2024 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "24.1.46",
+	"version": "24.2.3",
 	"description": "A package of feature-rich Essential JS 2 components such as Button, CheckBox, RadioButton and Switch.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

controls/calendars/package.json

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

@@ -2578,6 +2578,7 @@ describe('Calendar', () => {
             it(' up arrow with min and max  on month view test case ', () => {
                 calendar = new Calendar({ value: new Date('1/2/2017'), min: new Date('1/1/2017'), max: new Date('2/2/2017') });
                 calendar.appendTo('#calendar');
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'moveUp';
                 calendar.keyActionHandle(keyEventArgs);
                 expect(calendar.currentView()).toBe("Month");
@@ -2616,6 +2617,7 @@ describe('Calendar', () => {
                 });
                 calendar.appendTo('#calendar');
                 (<HTMLElement>calendar.tableBodyElement.querySelectorAll('tr td')[10]).click();
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'controlUp';
                 calendar.keyActionHandle(keyEventArgs);
                 keyEventArgs.action = 'moveRight';
@@ -2633,6 +2635,7 @@ describe('Calendar', () => {
                 });
                 calendar.appendTo('#calendar');
                 (<HTMLElement>calendar.tableBodyElement.querySelectorAll('tr td')[10]).click();
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'controlUp';
                 calendar.keyActionHandle(keyEventArgs);
                 keyEventArgs.action = 'controlUp';
@@ -2686,6 +2689,7 @@ describe('Calendar', () => {
                 calendar = new Calendar({ start: "Decade", value: new Date('3/3/2017') });
                 calendar.appendTo('#calendar');
                 expect(calendar.tableBodyElement.querySelector('tr td.e-selected').textContent).toBe('2017');
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'moveDown';
                 calendar.keyActionHandle(keyEventArgs);
                 expect(calendar.tableBodyElement.querySelector('tr td.e-focused-date').textContent).toBe('2021');
@@ -2695,6 +2699,7 @@ describe('Calendar', () => {
                 calendar = new Calendar({ start: "Month", value: new Date('3/3/2017') });
                 calendar.appendTo('#calendar');
                 expect(calendar.tableBodyElement.querySelector('tr td.e-selected').textContent).toBe('3');
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'moveDown';
                 calendar.keyActionHandle(keyEventArgs);
                 expect(calendar.tableBodyElement.querySelector('tr td.e-focused-date').textContent).toBe('10');
@@ -2704,6 +2709,7 @@ describe('Calendar', () => {
                 calendar = new Calendar({ start: "Year", value: new Date('3/3/2017') });
                 calendar.appendTo('#calendar');
                 expect(calendar.tableBodyElement.querySelector('tr td.e-selected').textContent).toBe('Mar');
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'moveLeft';
                 calendar.keyActionHandle(keyEventArgs);
                 expect(calendar.tableBodyElement.querySelector('tr td.e-focused-date').textContent).toBe('Feb');
@@ -2714,6 +2720,7 @@ describe('Calendar', () => {
                 calendar = new Calendar({ start: "Month", value: new Date('3/3/2017') });
                 calendar.appendTo('#calendar');
                 expect(calendar.tableBodyElement.querySelector('tr td.e-selected').textContent).toBe('3');
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'moveRight';
                 calendar.keyActionHandle(keyEventArgs);
                 expect(calendar.tableBodyElement.querySelector('tr td.e-focused-date').textContent).toBe('4');
@@ -2723,6 +2730,7 @@ describe('Calendar', () => {
                 calendar = new Calendar({ start: "Month", value: new Date('3/3/2017') });
                 calendar.appendTo('#calendar');
                 expect(calendar.tableBodyElement.querySelector('tr td.e-selected').textContent).toBe('3');
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'moveRight';
                 calendar.keyActionHandle(keyEventArgs);
                 keyEventArgs.action = 'select';
@@ -2894,6 +2902,7 @@ describe('Calendar', () => {
                 calendar = new Calendar({ start: "Month", value: new Date('7/3/2017') });
                 calendar.appendTo('#calendar');
                 expect(calendar.tableBodyElement.querySelector('tr td.e-selected').textContent).toBe('3');
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'moveUp';
                 calendar.keyActionHandle(keyEventArgs);
                 expect(calendar.tableBodyElement.querySelector('tr td.e-focused-date').textContent).toBe('26');
@@ -2903,6 +2912,7 @@ describe('Calendar', () => {
                 calendar = new Calendar({ start: "Year", value: new Date('7/3/2017') });
                 calendar.appendTo('#calendar');
                 expect(calendar.tableBodyElement.querySelector('tr td.e-selected').textContent).toBe('Jul');
+                keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
                 keyEventArgs.action = 'moveUp';
                 calendar.keyActionHandle(keyEventArgs);
                 expect(calendar.tableBodyElement.querySelector('tr td.e-focused-date').textContent).toBe('Mar');
@@ -3029,7 +3039,8 @@ describe('Calendar', () => {
         it('e-focused-date test case', () => {
             calendar = new Calendar({ value: new Date('4/4/2017') });
             calendar.appendTo('#calendar');
-            expect(document.querySelectorAll('.e-content table tbody tr td.e-selected')[0].classList.contains('e-selected')).toBe(true)
+            expect(document.querySelectorAll('.e-content table tbody tr td.e-selected')[0].classList.contains('e-selected')).toBe(true);
+            keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
             keyEventArgs.action = 'moveRight';
             calendar.keyActionHandle(keyEventArgs);
             expect((new Date(getIdValue(calendar.tableBodyElement.querySelector('tr td.e-focused-date')))).toDateString()).toBe(new Date('4/5/2017').toDateString());
@@ -3093,9 +3104,11 @@ describe('Calendar', () => {
         it(' EJ2-1535 selected value is not maintained properly in year view using keyboard ', () => {
             calendar = new Calendar({ value: new Date('4/3/2017') });
             calendar.appendTo('#calendar');
+            keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
             keyEventArgs.action = 'controlUp';
             calendar.keyActionHandle(keyEventArgs);
             expect(calendar.currentView()).toBe("Year");
+            keyEventArgs.target = (document.querySelector('.e-content-table') as HTMLElement);
             keyEventArgs.action = 'moveLeft';
             calendar.keyActionHandle(keyEventArgs);
             expect((getIdValue(calendar.tableBodyElement.querySelector('tr td.e-selected')))).toBe(new Date("4/1/2017").valueOf());