v25.1.35 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.2.9 (2024-03-06)
+## 25.1.35 (2024-03-15)
 
 ### Barcode
 

controls/buttons/CHANGELOG.md

@@ -2,40 +2,14 @@
 
 ## [Unreleased]
 
-## 24.2.9 (2024-03-06)
-
-### Button
-
-#### Bug Fixes
-
-- `#I551397` - The issue with "Tailwind theme when changing the primary text color in the button the text color is not changed" has been resolved.
-
-## 24.2.3 (2024-01-31)
-
-### Switch
-
-#### Bug Fixes
-
-- `#I547814` - The issue with "Script error thrown when using toggle in angular platform" has been resolved.
-
-## 24.1.46 (2024-01-17)
+## 25.1.35 (2024-03-15)
 
 ### Checkbox
 
 #### Bug Fixes
 
 - `#I535107` - Need to set `HtmlAttributes` Id in input element checkbox has been resolved.
 
-## 24.1.45 (2024-01-09)
-
-### Switch
-
-#### Bug Fixes
-
-- `#I530742` - The issue with "Switch unintentionally changed when we touch the switch and drag vertically" has been resolved.
-
-## 24.1.41 (2023-12-18)
-
 ### RadioButton
 
 #### Bug Fixes

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "24.2.5",
+	"version": "18.64.1",
 	"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",
@@ -11,6 +11,7 @@
 		"@syncfusion/ej2-base": "*"
 	},
 	"devDependencies": {
+		"@syncfusion/ej2-staging": "^1.0.1",
 		"@types/chai": "^3.4.28",
 		"@types/jasmine": "2.8.9",
 		"@types/jasmine-ajax": "^3.1.27",

controls/buttons/spec/button.spec.ts

@@ -188,14 +188,14 @@ describe('Button', () => {
         });
 
         it('Enable Html Sanitizer testing', () => {
-            button = new Button({ content: 'Button<style>body{background:rgb(0, 0, 255)}</style>', enableHtmlSanitizer: true }, '#button');
+            button = new Button({ content: 'Button<style>body{background:rgb(0, 0, 255)}</style>' }, '#button');
             const htmlele: Element = document.body;
             expect(button.content).toEqual('Button<style>body{background:rgb(0, 0, 255)}</style>');
             expect(window.getComputedStyle(htmlele).backgroundColor).not.toBe('rgb(0, 0, 255)');
         });
 
         it('Enable Html Sanitizer disabled testing', () => {
-            button = new Button({ content: '<style>body{background:rgb(0, 0, 255)}</style>' }, '#button');
+            button = new Button({ content: '<style>body{background:rgb(0, 0, 255)}</style>', enableHtmlSanitizer: false }, '#button');
             const htmlele: Element = document.body;
             expect(window.getComputedStyle(htmlele).backgroundColor).toBe('rgb(0, 0, 255)');
         });

controls/buttons/spec/check-box.spec.ts

@@ -154,13 +154,13 @@ describe('CheckBox', () => {
         });
 
         it('Enable Html Sanitizer testing', () => {
-            checkbox = new CheckBox({ label: '<style>body{background:rgb(0, 0, 255)}</style>', enableHtmlSanitizer: true, }, '#checkbox');
+            checkbox = new CheckBox({ label: '<style>body{background:rgb(0, 0, 255)}</style>' }, '#checkbox');
             const htmlele: Element = document.body;
             expect(window.getComputedStyle(htmlele).backgroundColor).not.toBe('rgb(0, 0, 255)');
         });
 
         it('Enable Html Sanitizer disabled testing', () => {
-            checkbox = new CheckBox({ label: 'Banking<style>body{background:rgb(0, 0, 255)}</style>' }, '#checkbox');
+            checkbox = new CheckBox({ label: 'Banking<style>body{background:rgb(0, 0, 255)}</style>', enableHtmlSanitizer: false }, '#checkbox');
             const htmlele: Element = document.body;
             expect(window.getComputedStyle(htmlele).backgroundColor).toBe('rgb(0, 0, 255)');
         });

controls/buttons/spec/chips.spec.ts

@@ -733,7 +733,10 @@ describe('Chips', () => {
             it('Find method - should not work', () => {
                 chips = new ChipList({ text: 'chip content' }, '#chip');
                 let resultantdata: ChipDataArgs = chips.find(0);
-                expect(resultantdata).toBe(undefined);
+                expect(resultantdata.text).toBe('');
+                expect(resultantdata.index).toBe(-1);
+                expect(resultantdata.element).toBe(chips.element);
+                expect(resultantdata.data).toBe('');
             });
 
             it('select & getSelectedChips method - should not work', () => {
@@ -892,7 +895,10 @@ describe('Chips', () => {
                 expect(resultantData.text).toBe('chip2');
                 //wrong data
                 resultantData = chips.find(8);
-                expect(resultantData).toBe(undefined);
+                expect(resultantData.text).toBe('');
+                expect(resultantData.index).toBe(-1);
+                expect(resultantData.element).toBe(chips.element);
+                expect(resultantData.data).toBe('');
             });
 
             it('Find method using htmlElement', () => {
@@ -916,7 +922,10 @@ describe('Chips', () => {
                 expect(resultantData.text).toBe('');
                 //wrong data
                 resultantData = chips.find(8);
-                expect(resultantData).toBe(undefined);
+                expect(resultantData.text).toBe('');
+                expect(resultantData.index).toBe(-1);
+                expect(resultantData.element).toBe(chips.element);
+                expect(resultantData.data).toBe('');
             });
 
             it('select & getSelectedChips method using index [Single selection]', () => {

controls/buttons/spec/radio-button.spec.ts

@@ -139,20 +139,20 @@ describe('RadioButton', () => {
         });
 
         it('Enable Html Sanitizer testing', () => {
-            radio = new RadioButton({ label: '<style>body{background:rgb(0, 0, 255)}</style>', enableHtmlSanitizer: true }, '#radio');
+            radio = new RadioButton({ label: '<style>body{background:rgb(0, 0, 255)}</style>' }, '#radio');
             const htmlele: Element = document.body;
             expect(window.getComputedStyle(htmlele).backgroundColor).not.toBe('rgb(0, 0, 255)');
         });
 
         it('Enable Html Sanitizer disabled testing', () => {
-            radio = new RadioButton({ label: '<style>body{background:rgb(0, 0, 255)}</style>' }, '#radio');
+            radio = new RadioButton({ label: '<style>body{background:rgb(0, 0, 255)}</style>', enableHtmlSanitizer: false }, '#radio');
             const htmlele: Element = document.body;
             expect(window.getComputedStyle(htmlele).backgroundColor).toBe('rgb(0, 0, 255)');
         });
         it('Enable Html Attributes testing', () => {
             radio = new RadioButton({ htmlAttributes: {'title':'Choose Option'}, label: '<style>body{background:rgb(0, 0, 255)}</style>' }, '#radio');
             const htmlele: Element = document.body;
-            expect(window.getComputedStyle(htmlele).backgroundColor).toBe('rgb(0, 0, 255)');
+            expect(window.getComputedStyle(htmlele).backgroundColor).not.toBe('rgb(0, 0, 255)');
         });
     });
 

controls/buttons/src/button/button-model.d.ts

@@ -74,9 +74,10 @@ export interface ButtonModel extends ComponentModel{
     locale?: string;
 
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the Button component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer?: boolean;
 

controls/buttons/src/button/button.ts

@@ -128,11 +128,12 @@ export class Button extends Component<HTMLButtonElement> implements INotifyPrope
     public locale: string;
 
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the Button component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
-    @Property(false)
+    @Property(true)
     public enableHtmlSanitizer: boolean;
 
     /**
@@ -200,7 +201,7 @@ export class Button extends Component<HTMLButtonElement> implements INotifyPrope
     private setIconCss(): void {
         if (this.iconCss) {
             const span: HTMLElement = this.createElement('span', { className: 'e-btn-icon ' + this.iconCss });
-            if (!this.element.textContent.trim()) {
+            if (!this.element.textContent!.trim()) {
                 this.element.classList.add(cssClassName.ICONBTN);
             } else {
                 span.classList.add('e-icon-' + this.iconPosition.toLowerCase());
@@ -261,7 +262,7 @@ export class Button extends Component<HTMLButtonElement> implements INotifyPrope
         if (this.content) {
             this.element.innerHTML = this.element.innerHTML.replace(this.content, '');
         }
-        const span: Element = this.element.querySelector('span.e-btn-icon');
+        const span: Element = this.element.querySelector('span.e-btn-icon') as Element;
         if (span) {
             detach(span);
         }
@@ -310,7 +311,7 @@ export class Button extends Component<HTMLButtonElement> implements INotifyPrope
      * @private
      */
     public onPropertyChanged(newProp: ButtonModel, oldProp: ButtonModel): void {
-        let span: Element = this.element.querySelector('span.e-btn-icon');
+        let span: Element = this.element.querySelector('span.e-btn-icon') as Element;
         for (const prop of Object.keys(newProp)) {
             switch (prop) {
             case 'isPrimary':
@@ -321,14 +322,14 @@ export class Button extends Component<HTMLButtonElement> implements INotifyPrope
                 }
                 break;
             case 'disabled':
-                this.controlStatus(newProp.disabled);
+                this.controlStatus(newProp.disabled as boolean);
                 break;
             case 'iconCss': {
-                span = this.element.querySelector('span.e-btn-icon');
+                span = this.element.querySelector('span.e-btn-icon') as Element;
                 if (span) {
                     if (newProp.iconCss) {
                         span.className = 'e-btn-icon ' + newProp.iconCss;
-                        if (this.element.textContent.trim()) {
+                        if (this.element.textContent!.trim()) {
                             if (this.iconPosition === 'Left') {
                                 span.classList.add('e-icon-left');
                             } else {
@@ -345,7 +346,7 @@ export class Button extends Component<HTMLButtonElement> implements INotifyPrope
             }
             case 'iconPosition':
                 removeClass([this.element], ['e-top-icon-btn', 'e-bottom-icon-btn']);
-                span = this.element.querySelector('span.e-btn-icon');
+                span = this.element.querySelector('span.e-btn-icon') as Element;
                 if (span) {
                     detach(span);
                 }
@@ -373,9 +374,9 @@ export class Button extends Component<HTMLButtonElement> implements INotifyPrope
                 }
                 if (!isBlazor() || (isBlazor() && !this.isServerRendered && this.getModuleName() !== 'progress-btn')) {
                     if (this.enableHtmlSanitizer) {
-                        newProp.content = SanitizeHtmlHelper.sanitize(newProp.content);
+                        newProp.content = SanitizeHtmlHelper.sanitize(newProp.content as string);
                     }
-                    this.element.innerHTML = newProp.content;
+                    this.element.innerHTML = newProp.content as string;
                     this.setIconCss();
                 }
                 break;

controls/buttons/src/check-box/check-box-model.d.ts

@@ -87,9 +87,10 @@ export interface CheckBoxModel extends ComponentModel{
     value?: string;
 
     /**
-     * Defines whether to allow the cross-scripting site or not.
+     * Specifies whether to enable the rendering of untrusted HTML values in the CheckBox component.
+     * If 'enableHtmlSanitizer' set to true, the component will sanitize any suspected untrusted strings and scripts before rendering them.
      *
-     * @default false
+     * @default true
      */
     enableHtmlSanitizer?: boolean;