v29.1.33 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 28.2.12 (2025-03-19)
+## 29.1.33 (2025-03-25)
 
 ### Barcode
 

controls/barcodegenerator/README.md

@@ -78,10 +78,10 @@ Check the changelog [here](https://github.com/syncfusion/ej2-javascript-ui-contr
 
 ## License and copyright
 
-> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](https://www.syncfusion.com/account/manage-trials/start-trials).
+> 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 for 80+ [JavaScript UI controls](https://www.syncfusion.com/javascript-ui-controls), you can [purchase](https://www.syncfusion.com/sales/products) or [start a free 30-day trial](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.
 
 See [LICENSE FILE](https://github.com/syncfusion/ej2-javascript-ui-controls/blob/master/license?utm_source=npm&utm_campaign=barcode) for more info.
 
-&copy; Copyright 2022 Syncfusion<sup>®</sup> Inc. All Rights Reserved. The Syncfusion<sup>®</sup> Essential Studio<sup>®</sup> license and copyright applies to this distribution.
+&copy; Copyright 2022 Syncfusion, Inc. All Rights Reserved. The Syncfusion Essential Studio license and copyright applies to this distribution.

controls/barcodegenerator/memory-leak-samples/barcode.ts

@@ -0,0 +1,37 @@
+import { enableRipple } from '@syncfusion/ej2-base';
+enableRipple(true);
+import {
+    BarcodeGenerator, ValidateEvent
+} from '../src/barcode/index';
+
+document.getElementById('render').addEventListener('click', renderGrid);
+document.getElementById('destroy').addEventListener('click', destoryGrid);
+
+
+let barcode: BarcodeGenerator;
+function renderGrid(): void {
+    barcode = new BarcodeGenerator({
+        width: '200px',
+        height: '150px',
+        mode: 'SVG',
+        type: 'Codabar',
+        value: '123456789',
+        margin: { left: 30, right: 30, top: 30, bottom: 30 },
+        displayText: {
+            text: 'Codabar',
+            margin: { top: 30, bottom: 30, left: 30, right: 30 }
+        },
+
+    });
+    barcode.appendTo('#element');
+};
+
+
+function destoryGrid(): void {
+    document.getElementById('render').removeEventListener('click', renderGrid);
+    document.getElementById('destroy').removeEventListener('click', destoryGrid);
+    if (barcode && !barcode.isDestroyed) {
+        barcode.destroy();
+    }
+
+}

controls/barcodegenerator/src/barcode/barcode.ts

@@ -209,7 +209,7 @@ export class BarcodeGenerator extends Component<HTMLElement> implements INotifyP
                 this.barcodeCanvas.setAttribute('height', String(this.element.offsetHeight));
                 break;
             case 'backgroundColor':
-                this.barcodeCanvas.setAttribute('style', 'background:' + newProp.backgroundColor);
+                this.barcodeCanvas.style.background = newProp.backgroundColor;
                 break;
             case 'mode':
                 this.initialize();

controls/barcodegenerator/src/barcode/rendering/svg-renderer.ts

@@ -19,7 +19,7 @@ export class BarcodeSVGRenderering implements IBarcodeRenderer {
     // eslint-disable-next-line
     public renderRootElement(attribute: Object, backGroundColor: string, ): HTMLElement {
         const canvasObj: HTMLElement = createSvgElement('svg', attribute) as HTMLElement;
-        canvasObj.setAttribute('style', 'background:' + backGroundColor);
+        canvasObj.style.background = backGroundColor;
         return canvasObj;
     }
 
@@ -42,7 +42,7 @@ export class BarcodeSVGRenderering implements IBarcodeRenderer {
         rect.setAttribute('width', attribute.width.toString());
         rect.setAttribute('height', attribute.height.toString());
         rect.setAttribute('fill', attribute.color);
-        rect.setAttribute('style', 'shape-rendering: crispEdges');
+        (rect.style as any)['shapeRendering'] = 'crispEdges';
         svg.appendChild(rect);
         return svg;
     }

controls/barcodegenerator/src/barcode/utility/dom-util.ts

@@ -58,8 +58,9 @@ export function measureText(textContent: BaseAttributes): Size {
     const svg: SVGElement = window[`${measureElement}`].children[1];
     const text: SVGTextElement = getChildNode(svg)[0] as SVGTextElement;
     text.textContent = textContent.string;
-    text.setAttribute('style', 'font-size:' + textContent.stringSize + 'px; font-family:'
-        + textContent.fontStyle + ';font-weight:');
+    text.style.fontSize = textContent.stringSize + 'px';
+    text.style.fontFamily = textContent.fontStyle;
+    text.style.fontWeight = '';
     const bBox: Size = new Size(0, 0);
     bBox.width = text.getBBox().width;
     bBox.height = text.getBBox().height;
@@ -77,10 +78,26 @@ export function measureText(textContent: BaseAttributes): Size {
  * @private
  */
 // eslint-disable-next-line
-export function setAttribute(element: HTMLElement | SVGElement, attributes: Object): void {
+export function setAttribute(element: HTMLElement | SVGElement, attributes: { [key: string]: any }): void {
     const keys: string[] = Object.keys(attributes);
     for (let i: number = 0; i < keys.length; i++) {
-        element.setAttribute(keys[parseInt(i.toString(), 10)], attributes[keys[parseInt(i.toString(), 10)]]);
+        keys.forEach((key: string) => {
+            // eslint-disable-next-line security/detect-object-injection
+            const value: string | undefined  = attributes[key];
+            if (key === 'style' && typeof value === 'string') {
+                // Handle `style` attributes specifically by splitting and setting them directly
+                const styleProperties: string[]  = value.split(';');
+                styleProperties.forEach((property: string) => {
+                    const [propName, propValue] = property.split(':');
+                    if (propName && propValue) {
+                        (element.style as CSSStyleDeclaration).setProperty(propName.trim(), propValue.trim());
+                    }
+                });
+            } else {
+                // Set other attributes normally
+                element.setAttribute(key, value);
+            }
+        });
     }
 }
 

controls/barcodegenerator/src/datamatrix/datamatrix.ts

@@ -273,7 +273,7 @@ export class DataMatrixGenerator extends Component<HTMLElement> implements INoti
                 this.barcodeCanvas.setAttribute('width', String(this.element.offsetWidth));
                 break;
             case 'backgroundColor':
-                this.barcodeCanvas.setAttribute('style', 'background:' + newProp.backgroundColor);
+                this.barcodeCanvas.style.background = newProp.backgroundColor;
                 break;
             }
 

controls/barcodegenerator/src/qrcode/qrcode.ts

@@ -362,7 +362,7 @@ export class QRCodeGenerator extends Component<HTMLElement> implements INotifyPr
                 this.barcodeCanvas.setAttribute('height', String(this.element.offsetHeight));
                 break;
             case 'backgroundColor':
-                this.barcodeCanvas.setAttribute('style', 'background:' + newProp.backgroundColor);
+                this.barcodeCanvas.style.background = newProp.backgroundColor;
                 break;
             case 'mode':
                 this.initialize();

controls/base/CHANGELOG.md

@@ -2,38 +2,6 @@
 
 ## [Unreleased]
 
-## 28.2.12 (2025-03-19)
-
-### Common
-
-#### Bug Fixes
-
-- `#I701045` - Resolved the security vulnerability in the `setValue` method of the base package.
-
-## 28.2.9 (2025-03-04)
-
-### Common
-
-#### Bug Fixes
-
-- `#I678051` - Resolved trailing zeros issue in custom number format.
-
-## 28.2.5 (2025-02-11)
-
-### Common
-
-#### Bug Fixes
-
-- `#I664843` - Resolved the issue with `formatDate` method incorrectly calculates the week number.
-
-## 28.2.4 (2025-02-04)
-
-### Common
-
-#### Bug Fixes
-
-- `#I664843` - Resolved the issue with `formatDate` method incorrectly calculates the week number.
-
 ## 23.2.6 (2023-11-28)
 
 ### Common

controls/base/ReadMe.md

@@ -2,9 +2,9 @@
 
 # ej2-base
 
-A common package of Essential JS 2 which contains base libraries, methods and class definitions.
+A common package of Essential<sup>®</sup> JS 2 which contains base libraries, methods and class definitions.
 
-> 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 [here](https://www.syncfusion.com/sales/products) or start a free 30-day trial [here](https://www.syncfusion.com/account/manage-trials/start-trials).
+> This is a commercial product and requires a paid license for possession or use. Syncfusion<sup>®</sup> licensed software, including this component, is subject to the terms and conditions of Syncfusion<sup>®</sup> [EULA](https://www.syncfusion.com/eula/es/). To acquire a license, you can purchase [here](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.
 
@@ -26,7 +26,7 @@ npm install @syncfusion/ej2-base
 
 ### Lightweight and user friendly
 
-The entire Essential JS 2 framework is built from scratch to be lightweight and modular. Its footprint can be reduced further by including only the specific components and features your application requires.
+The entire Essential<sup>®</sup> JS 2 framework is built from scratch to be lightweight and modular. Its footprint can be reduced further by including only the specific components and features your application requires.
 
 ### Modular architecture
 
@@ -38,7 +38,7 @@ Performance is critical for delivering a good user experience. We ensure that al
 
 ### Responsive and touch friendly
 
-All Essential JS 2 controls are touch friendly and render adaptively based on the device they are on to provide optimal usage experience on phones, tablets and desktops.
+All Essential<sup>®</sup> JS 2 controls are touch friendly and render adaptively based on the device they are on to provide optimal usage experience on phones, tablets and desktops.
 
 ### Stunning built-in themes
 
@@ -54,10 +54,13 @@ With our commitment to at least four major updates per year, you receive the mos
 
 ## Supported Frameworks
 
-The Essential JS 2 is also offered in following list of frameworks.
+The Essential<sup>®</sup> JS 2 is also offered in following list of frameworks.
 
-| [<img src="https://ej2.syncfusion.com/github/images/angular-new.svg" height="50" />](https://www.syncfusion.com/products/angular?utm_source=npm&utm_campaign=ej2-base)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Angular](https://www.syncfusion.com/products/angular?utm_source=npm&utm_campaign=ej2-base)&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/react.svg"  height="50" />](https://www.syncfusion.com/products/react?utm_source=npm&utm_campaign=ej2-base)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[React](https://www.syncfusion.com/products/react?utm_source=npm&utm_campaign=ej2-base)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/vue.svg" height="50" />](https://www.syncfusion.com/products/vue?utm_source=npm&utm_campaign=ej2-base)<br/>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;[Vue](https://www.syncfusion.com/products/vue?utm_source=npm&utm_campaign=ej2-base)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netcore.svg" height="50" />](https://www.syncfusion.com/products/aspnetcore?utm_source=npm&utm_campaign=ej2-base)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;Core](https://www.syncfusion.com/products/aspnetcore?utm_source=npm&utm_campaign=ej2-base)&nbsp;&nbsp; | [<img src="https://ej2.syncfusion.com/github/images/netmvc.svg" height="50" />](https://www.syncfusion.com/products/aspnetmvc?utm_source=npm&utm_campaign=ej2-base)<br/>&nbsp;&nbsp;[ASP.NET&nbsp;MVC](https://www.syncfusion.com/products/aspnetmvc?utm_source=npm&utm_campaign=ej2-base)&nbsp;&nbsp; | 
-| :-----: | :-----: | :-----: | :-----: | :-----: |
+* [Angular](https://www.syncfusion.com/products/angular?utm_source=npm&utm_campaign=ej2-base)
+* [React](https://www.syncfusion.com/products/react?utm_source=npm&utm_campaign=ej2-base)
+* [Vue.js](https://www.syncfusion.com/products/vue?utm_source=npm&utm_campaign=ej2-base)
+* [ASP.NET Core](https://www.syncfusion.com/products/aspnetcore?utm_source=npm&utm_campaign=ej2-base)
+* [ASP.NET MVC](https://www.syncfusion.com/products/aspnetmvc?utm_source=npm&utm_campaign=ej2-base)
 
 ## Showcase Applications
 
@@ -84,7 +87,7 @@ The Essential JS 2 is also offered in following list of frameworks.
 
 Product support is available for through following mediums.
 
-* Creating incident in Syncfusion [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=ej2-base) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=ej2-base).
+* Creating incident in Syncfusion<sup>®</sup> [Direct-trac](https://www.syncfusion.com/support/directtrac/incidents?utm_source=npm&utm_campaign=ej2-base) support system or [Community forum](https://www.syncfusion.com/forums/essential-js2?utm_source=npm&utm_campaign=ej2-base).
 * New [GitHub issue](https://github.com/syncfusion/ej2-javascript-ui-controls/issues/new).
 * Ask your query in [Stack Overflow](https://stackoverflow.com/) with tag `syncfusion` and `ej2`.
 
@@ -95,5 +98,5 @@ Product support is available for through following mediums.
 
 Check the changelog [here](https://ej2.syncfusion.com/documentation/release-notes/index/?utm_source=npm&utm_campaign=ej2-base).
 
-    © Copyright 2024 Syncfusion, Inc. All Rights Reserved.
-    The Syncfusion Essential Studio license and copyright applies to this distribution.
+    © Copyright 2024 Syncfusion<sup>®</sup> Inc. All Rights Reserved.
+    The Syncfusion<sup>®</sup> Essential<sup>®</sup> Studio license and copyright applies to this distribution.

controls/base/package.json

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