v24.1.41 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 23.2.7 (2023-12-05)
+## 24.1.41 (2023-12-18)
 
 ### Barcode
 

controls/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-base",
-	"version": "23.2.6",
+	"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",

controls/base/spec/intl/number-parser.spec.ts

@@ -276,7 +276,7 @@ describe('numberParser', () => {
         });
     });
 });
-    describe('Currency filtering ,changeCurrencySymbol function', () => {
+describe('Currency filtering ,changeCurrencySymbon function', () => {
     it('negative currency filtering for format -#,##0.00 ¤', () => {
         let result: string = IntlBase.changeCurrencySymbol(" $","");
         expect(result).toBe("")

controls/base/spec/santize-helper.spec.ts

@@ -97,13 +97,12 @@ describe('Sanitize Html Helper', () => {
             detach(htmlObject);
         });
     })
-
+    
     describe('Handle file name when using more then one & sign  : ', () => {
         var value='Test & Test & Test.jpg'
         var newValue: string = SanitizeHtmlHelper.sanitize(value);
         it('check the input and output appears same', () => {
             expect(newValue).toBe(value);
         });  
     })
-    
 });

controls/base/src/intl/date-parser.ts

@@ -369,7 +369,7 @@ export class DateParser {
                         // eslint-disable-next-line
                         matchString = ((prop === 'month') && (!(<any>parseOptions).isIslamic) && ((<any>parseOptions).culture === 'en' || (<any>parseOptions).culture === 'en-GB' || (<any>parseOptions).culture === 'en-US')) 
                             ? matchString[0].toUpperCase() + matchString.substring(1).toLowerCase() : matchString;
-                        matchString = ((prop !== 'month') && (prop === 'designator') && (<any>parseOptions).culture === 'en-GB') ? matchString.toLowerCase() : matchString;    
+                        matchString = ((prop !== 'month') && (prop === 'designator') && (<any>parseOptions).culture === 'en-GB') ? matchString.toLowerCase() : matchString;
                         // eslint-disable-next-line
                         (<any>retOptions)[prop] = (<any>parseOptions)[prop][matchString];
                     }

controls/base/src/intl/intl-base.ts

@@ -864,7 +864,7 @@ export namespace IntlBase {
      */
     export function changeCurrencySymbol(val: string, sym: string): string {
         if (val) {
-            val = val.replace(defaultCurrency, sym);
+            val = val.replace(IntlBase.defaultCurrency, sym);
             return (sym === '')? val.trim() : val;
         }
         return '';

controls/base/src/sanitize-helper.ts

@@ -167,7 +167,7 @@ export class SanitizeHtmlHelper {
         this.removeXssAttrs();
         const tempEleValue: string = this.wrapElement.innerHTML;
         this.removeElement();
-         return tempEleValue.replace(/&/g, '&');
+        return tempEleValue.replace(/&/g, '&');
     }
 
     private static removeElement(): void {

controls/base/src/validate-lic.ts

@@ -14,7 +14,7 @@ let accountURL: string;
 class LicenseValidator {
     private isValidated: boolean = false;
     public isLicensed: boolean = true;
-    public version: string = '23';
+    public version: string = '24';
     public platform: RegExp = /JavaScript|ASPNET|ASPNETCORE|ASPNETMVC|FileFormats|essentialstudio/i;
     private errors: IErrorType = {
         noLicense: '<span>This application was built using a trial version of Syncfusion Essential Studio.' +
@@ -114,7 +114,7 @@ class LicenseValidator {
                 }
             }
             if (validateMsg && typeof document !== 'undefined' && !isNullOrUndefined(document)) {
-                 accountURL = (validateURL && validateURL !== '')?  validateURL : "https://www.syncfusion.com/account/claim-license-key?pl=SmF2YVNjcmlwdA==&vs=MjM=&utm_source=es_license_validation_banner&utm_medium=listing&utm_campaign=license-information";
+                 accountURL = (validateURL && validateURL !== '')?  validateURL : "https://www.syncfusion.com/account/claim-license-key?pl=SmF2YVNjcmlwdA==&vs=MjQ=&utm_source=es_license_validation_banner&utm_medium=listing&utm_campaign=license-information";
                 const errorDiv: HTMLElement = createElement('div', {
                     innerHTML: `<img src='data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzE5OV80KSI+CjxwYXRoIGQ9Ik0xMiAyMUMxNi45NzA2IDIxIDIxIDE2Ljk3MDYgMjEgMTJDMjEgNy4wMjk0NCAxNi45NzA2IDMgMTIgM0M3LjAyOTQ0IDMgMyA3LjAyOTQ0IDMgMTJDMyAxNi45NzA2IDcuMDI5NDQgMjEgMTIgMjFaIiBzdHJva2U9IiM3MzczNzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS4yNSAxMS4yNUgxMlYxNi41SDEyLjc1IiBmaWxsPSIjNjE2MDYzIi8+CjxwYXRoIGQ9Ik0xMS4yNSAxMS4yNUgxMlYxNi41SDEyLjc1IiBzdHJva2U9IiM3MzczNzMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+CjxwYXRoIGQ9Ik0xMS44MTI1IDlDMTIuNDMzOCA5IDEyLjkzNzUgOC40OTYzMiAxMi45Mzc1IDcuODc1QzEyLjkzNzUgNy4yNTM2OCAxMi40MzM4IDYuNzUgMTEuODEyNSA2Ljc1QzExLjE5MTIgNi43NSAxMC42ODc1IDcuMjUzNjggMTAuNjg3NSA3Ljg3NUMxMC42ODc1IDguNDk2MzIgMTEuMTkxMiA5IDExLjgxMjUgOVoiIGZpbGw9IiM3MzczNzMiLz4KPC9nPgo8ZGVmcz4KPGNsaXBQYXRoIGlkPSJjbGlwMF8xOTlfNCI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K' style="top: 6px;
                     position: absolute;

controls/buttons/CHANGELOG.md

@@ -2,48 +2,32 @@
 
 ## [Unreleased]
 
-## 23.2.7 (2023-12-05)
-
-### Chip
-
-#### Bug Fixes
-
-- `#I525416` - The issue when updating the `chips` property when multiple chip component rendered in the page has been resolved.
-
-## 23.1.43 (2023-10-31)
+## 24.1.41 (2023-12-18)
 
 ### RadioButton
 
 #### Bug Fixes
 
 - `#F513731` - The issue with "`HtmlAttributes` property not working properly in RadioButton component" has been resolved.
 
-## 23.1.42 (2023-10-24)
-
 ### Button
 
 #### Bug Fixes
 
 - `#I512179` - The issue with "Duplicate Icon Span while using the `onPropertyChange` of button" has been resolved.
 
-## 23.1.41 (2023-10-17)
-
 ### Checkbox
 
 #### Bug Fixes
 
 - `#I509029` - The issue with "`HtmlAttributes` property not working properly in checkBox component" has been resolved.
 
-## 23.1.39 (2023-10-04)
-
 ### Checkbox
 
 #### Bug Fixes
 
 - `#I505814` - The issue with "Script error thrown in CheckBox While using the change event in React" has been resolved.
 
-## 23.1.36 (2023-09-15)
-
 ### Checkbox
 
 #### Bug Fixes

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "23.2.4",
+	"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",

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

@@ -541,6 +541,12 @@ describe('CheckBox', () => {
             expect(element.parentElement.children[1].classList.contains('e-stop')).toEqual(false);
             expect(element.parentElement.children[1].classList.contains('e-check')).toEqual(false);
         });
+
+        it('HtmlAttributes property not working properly in CheckBox', () => {
+            checkbox = new CheckBox({htmlAttributes: { 'data-containerid': 'error-agreement', 'test': 'test' }}, '#checkbox');
+            expect(element.parentElement.parentElement.getAttribute("data-containerid").indexOf("error-agreement")).toEqual(0);
+            expect(element.parentElement.parentElement.getAttribute("test").indexOf("test")).toEqual(0);
+        });
 
     });
 

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

@@ -307,6 +307,15 @@ describe('RadioButton', () => {
             radio.click();
             radio.focusIn();
         });
+        it('Refresh methods ', () => {
+            document.body.appendChild(createElement('input', { id: 'group1', attrs: { 'type': 'radio' } }));
+            document.body.appendChild(createElement('input', { id: 'group2', attrs: { 'type': 'radio' } }));
+            radio = new RadioButton({ name: 'group', value: '1' }, '#group1');
+            const radio2: RadioButton = new RadioButton({ name: 'group', value: '2' }, '#group2');
+            radio.refresh();
+            radio2.refresh();
+        });
+
         it('HtmlAttributes property not working properly in RadioButton', () => {
             radio = new RadioButton({htmlAttributes: { 'data-containerid': 'error-agreement', 'test': 'test' }}, '#radio');
             expect(radio.element.parentElement.getAttribute('data-containerid').indexOf('error-agreement')).toEqual(0);

controls/buttons/spec/speed-dial.spec.ts

@@ -1187,14 +1187,19 @@ describe('Floating Action Button', () => {
     });
     describe('Keyboard Actions', () => {
         let speedDial: SpeedDial;
-        let speedDialEle: HTMLElement
-        let tarEle: HTMLElement
+        let speedDial1: SpeedDial;
+        let speedDialEle: HTMLElement;
+        let speedDialEle1: HTMLElement;
+        let tarEle: HTMLElement;
         let keyboardEventArgs: any;
+        let keyboardEventArgs1: any;
 
         beforeAll(() => {
             SpeedDial.Inject(SpeedDial);
             speedDialEle = createElement('button', { id: 'speedDial' });
             document.body.appendChild(speedDialEle);
+            speedDialEle1 = createElement('button', { id: 'speedDial1' });
+            document.body.appendChild(speedDialEle1);
             tarEle = createElement('div', { id: 'speedDialtarget', styles: "margin:10px;border:1px solid red; height:400px; width:400px; position: relative;" });
             document.body.appendChild(tarEle);
 
@@ -1204,15 +1209,28 @@ describe('Floating Action Button', () => {
                 target: speedDialEle,
                 stopImmediatePropagation: (): void => { },
             };
+
+            keyboardEventArgs1 = {
+                preventDefault: (): void => { },
+                action: null,
+                target: null,
+                stopImmediatePropagation: (): void => { },
+            };
+
         })
         afterEach(() => {
             if (speedDial) {
                 speedDial.destroy();
                 speedDial = undefined;
             }
+            if (speedDial1) {
+                speedDial1.destroy();
+                speedDial1 = undefined;
+            }
         });
         afterAll(() => {
             remove(speedDialEle);
+            remove(speedDialEle1);
             remove(tarEle);
         });
         it('Enter Key', () => {
@@ -1238,6 +1256,34 @@ describe('Floating Action Button', () => {
             expect(isClicked).toBe(true);
             expect(popupEle.classList.contains("e-speeddial-hidden")).toBe(true);
         });
+        it('Switching between two speedDial', () => {
+            speedDial = new SpeedDial({
+                items: data, openIconCss: "open-icon", position: "TopLeft", target: "#speedDialtarget", animation: NoAnimation
+            });
+            speedDial.appendTo('#speedDial');
+            speedDial1 = new SpeedDial({
+                items: data, openIconCss: "open-icon", position: "TopCenter", target: "#speedDialtarget", animation: NoAnimation
+            });
+            speedDial1.appendTo('#speedDial1');
+            let popupEle = (speedDial as any).popupEle;
+            expect(popupEle.classList.contains("e-speeddial-hidden")).toBe(true);
+            let popupEle1 = (speedDial1 as any).popupEle;
+            expect(popupEle1.classList.contains("e-speeddial-hidden")).toBe(true);
+            keyboardEventArgs1.action = 'enter';
+            (speedDial as any).popupKeyActionHandler(keyboardEventArgs1);
+            (speedDial1 as any).popupKeyActionHandler(keyboardEventArgs1);
+            (speedDial as any).keyActionHandler(keyboardEventArgs1);
+            expect(popupEle.classList.contains("e-speeddial-hidden")).toBe(false);
+            expect(popupEle1.classList.contains("e-speeddial-hidden")).toBe(true);
+            (speedDial as any).popupKeyActionHandler(keyboardEventArgs1);
+            (speedDial1 as any).popupKeyActionHandler(keyboardEventArgs1);
+            (speedDial1 as any).keyActionHandler(keyboardEventArgs1);
+            expect(popupEle.classList.contains("e-speeddial-hidden")).toBe(true);
+            expect(popupEle1.classList.contains("e-speeddial-hidden")).toBe(false);
+            (speedDial1 as any).keyActionHandler(keyboardEventArgs1);
+            expect(popupEle.classList.contains("e-speeddial-hidden")).toBe(true);
+            expect(popupEle1.classList.contains("e-speeddial-hidden")).toBe(true);
+        });
         it('esc Key', () => {
             speedDial = new SpeedDial({ items: data, position: "TopLeft", target: "#speedDialtarget", animation: NoAnimation });
             speedDial.appendTo('#speedDial');

controls/buttons/spec/switch.spec.ts

@@ -380,6 +380,10 @@ describe('Switch', () => {
             specSwitch.click();
             specSwitch.focusIn();
         });
+        it('Refresh methods', () => {
+            specSwitch = new Switch({}, '#specSwitch');
+            specSwitch.refresh();
+        });
     });
 
     describe('Switch in HTML5 forms', () => {

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

@@ -1,4 +1,4 @@
-import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';import { EmitType, Event, EventHandler, isNullOrUndefined, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { addClass, detach, getUniqueID, isRippleEnabled, removeClass, rippleEffect, closest } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler, ChangeEventArgs, setHiddenInput } from './../common/common';
+import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property, setValue } from '@syncfusion/ej2-base';import { EmitType, Event, EventHandler, isNullOrUndefined, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { addClass, detach, getUniqueID, isRippleEnabled, removeClass, rippleEffect, closest } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler, ChangeEventArgs, setHiddenInput } from './../common/common';
 import {LabelPosition} from "./check-box";
 import {ComponentModel} from '@syncfusion/ej2-base';
 

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

@@ -1,4 +1,4 @@
-import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property } from '@syncfusion/ej2-base';
+import { Component, INotifyPropertyChanged, NotifyPropertyChanges, Property, setValue } from '@syncfusion/ej2-base';
 import { EmitType, Event, EventHandler, isNullOrUndefined, SanitizeHtmlHelper } from '@syncfusion/ej2-base';
 import { addClass, detach, getUniqueID, isRippleEnabled, removeClass, rippleEffect, closest } from '@syncfusion/ej2-base';
 import { CheckBoxModel } from './check-box-model';
@@ -279,6 +279,13 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
                     wrapper.removeAttribute(key);
                 });
                 wrapper.innerHTML = '';
+                this.element = wrapper as HTMLInputElement;
+                if (this.refreshing) {
+                    ['e-control', 'e-checkbox', 'e-lib'].forEach((key: string) => {
+                        this.element.classList.add(key);
+                    });
+                    setValue('ej2_instances', [this], this.element);
+                }
             }
         }
     }
@@ -323,6 +330,14 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
         }
     }
 
+    private getLabel(): Element {
+        if (this.element) {
+            return this.element.parentElement;
+        } else {
+            return null;
+        }
+    }
+
     private initialize(): void {
         if (isNullOrUndefined(this.initialCheckedValue)) {
             this.initialCheckedValue = this.checked;
@@ -394,6 +409,17 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
         rippleMouseHandler(e, rippleSpan);
     }
 
+    private labelMouseLeaveHandler(e: MouseEvent): void {
+        const rippleSpan: Element = this.getLabel().getElementsByClassName(RIPPLE)[0];
+        if (rippleSpan) {
+            const rippleElem: NodeListOf<Element> = rippleSpan.querySelectorAll('.e-ripple-element');
+            for (let i: number = rippleElem.length - 1; i > 0; i--) {
+                rippleSpan.removeChild(rippleSpan.childNodes[i as number]);
+            }
+            rippleMouseHandler(e, rippleSpan);
+        }
+    }
+
     private labelMouseUpHandler(e: MouseEvent): void {
         this.isMouseClick = true;
         const rippleSpan: Element = this.getWrapper().getElementsByClassName(RIPPLE)[0];
@@ -571,6 +597,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
         const label: Element = wrapper.getElementsByTagName('label')[0];
         EventHandler.remove(label, 'mousedown', this.labelMouseDownHandler);
         EventHandler.remove(label, 'mouseup', this.labelMouseUpHandler);
+        EventHandler.remove(label, 'mouseleave', this.labelMouseLeaveHandler);
         const formElem: HTMLFormElement = <HTMLFormElement>closest(this.element, 'form');
         if (formElem) {
             EventHandler.remove(formElem, 'reset', this.formResetHandler);
@@ -590,6 +617,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
         const label: Element = wrapper.getElementsByTagName('label')[0];
         EventHandler.add(label, 'mousedown', this.labelMouseDownHandler, this);
         EventHandler.add(label, 'mouseup', this.labelMouseUpHandler, this);
+        EventHandler.add(label, 'mouseleave', this.labelMouseLeaveHandler, this);
         const formElem: HTMLFormElement = <HTMLFormElement>closest(this.element, 'form');
         if (formElem) {
             EventHandler.add(formElem, 'reset', this.formResetHandler, this);
@@ -649,8 +677,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
                     else {
                         this.element.setAttribute(key, this.htmlAttributes[`${key}`]);
                     }
-                }
-                else {
+                } else {
                     wrapper.setAttribute(key, this.htmlAttributes[`${key}`]);
                 }
             }

controls/buttons/src/common/common.ts

@@ -78,6 +78,7 @@ export function destroy(ejInst: Switch | CheckBox, wrapper: Element, tagName: st
             wrapper.removeAttribute(key);
         });
         wrapper.innerHTML = '';
+        ejInst.element = wrapper as HTMLInputElement;
     }
 }
 

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

@@ -1,4 +1,4 @@
-import { Component, INotifyPropertyChanged, rippleEffect, NotifyPropertyChanges, Property, closest } from '@syncfusion/ej2-base';import { addClass, getInstance, getUniqueID, isRippleEnabled, removeClass, attributes, isNullOrUndefined } from '@syncfusion/ej2-base';import { BaseEventArgs, detach, EmitType, Event, EventHandler, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler } from './../common/common';
+import { Component, INotifyPropertyChanged, rippleEffect, NotifyPropertyChanges, Property, closest, setValue } from '@syncfusion/ej2-base';import { addClass, getInstance, getUniqueID, isRippleEnabled, removeClass, attributes, isNullOrUndefined } from '@syncfusion/ej2-base';import { BaseEventArgs, detach, EmitType, Event, EventHandler, SanitizeHtmlHelper } from '@syncfusion/ej2-base';import { wrapperInitialize, rippleMouseHandler } from './../common/common';
 import {ChangeArgs,RadioLabelPosition} from "./radio-button";
 import {ComponentModel} from '@syncfusion/ej2-base';