v24.2.3 is released

Author: pipeline

controls/barcodegenerator/CHANGELOG.md

@@ -2,7 +2,7 @@
 
 ## [Unreleased]
 
-## 24.1.47 (2024-01-23)
+## 24.2.3 (2024-01-31)
 
 ### Barcode
 

controls/base/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 ## [Unreleased]
 
+## 24.2.3 (2024-01-31)
+
+### Common
+
+#### Bug Fixes
+
+- `#I547507` - The issue with "rendering the new line in the html template string" has been resolved.
+
+### Common
+
+#### Bug Fixes
+
+- `#I541838` - Resolved issue with time picker designator "pm" is automatically flips to "am".
+
 ## 24.1.46 (2024-01-17)
 
 ### Common

controls/base/releasenotes/README.md

@@ -1,7 +1,7 @@
 /**
  * Library Spec
  */
-import { Base, getComponent, removeChildInstance } from '../src/base';
+import { Base, getComponent, removeChildInstance, DomElements, setProxyToRaw } from '../src/base';
 import { NotifyPropertyChanges, INotifyPropertyChanged, Event, Property } from '../src/notify-property-change';
 import { createElement } from '../src/dom';
 import { Touch } from '../src/touch';
@@ -86,6 +86,24 @@ describe('Library', (): void => {
             obj.destroy();
             expect(obj.isDestroyed).toEqual(true);
         });
+        it('destroy Vue instance', () => {
+            let vueEle: HTMLElement = createElement('div', { id: 'singleEle', styles: 'height:100px;width:100px;' });
+            let reactive = function (instance: DemoClass) {
+                instance['__reactive'] = true;
+                return instance;
+            }
+            let toRaw = function (instance: DemoClass) {
+                delete instance['__reactive'];
+                return instance;
+            }
+            setProxyToRaw(toRaw);
+            let vueObj: DemoClass = reactive(new DemoClass(vueEle));
+            expect((<DomElements>vueObj.element).ej2_instances.length).toEqual(1);
+            expect(vueObj.isDestroyed).toEqual(false);
+            vueObj.destroy();
+            expect(vueObj.isDestroyed).toEqual(true);
+            expect((<DomElements>vueObj.element).ej2_instances.length).toEqual(0);
+        });
     });
 
     describe('event binding', (): void => {

controls/base/spec/base.spec.ts

@@ -178,6 +178,14 @@ describe('Template', () => {
         expect(templateResult).toEqual(result);
     });
 
+    it('new line in the template string', () => {
+        var data = { name: `Aston Martin\n Car Models` };
+        let templateStr: string = "<div>"+data.name+"</div>";
+        let getString: any = template.compile(templateStr);
+        let output: any = getString(templateStr);
+        expect(output).toEqual("<div>Aston Martin Car Models</div>");
+    });
+
     it('JSON array input with href value with apostrophe', () => {
         let templateStr: string = `<div><a href='https://en.wikipedia.org/wiki/France'>France</a><a href='/Projects/Details?id=VINET'>VINET</a></div>`;
         let getString: any = template.compile(templateStr);

controls/base/spec/template.spec.ts

@@ -284,7 +284,12 @@ export abstract class Base<ElementType extends HTMLElement> {
     protected destroy(): void {
         // eslint-disable-next-line
         (<DomElements>(this.element as HTMLElement)).ej2_instances =
-            (<DomElements>(this.element as HTMLElement)).ej2_instances ? (<DomElements>(this.element as HTMLElement)).ej2_instances.filter((i: Object) => { return i !== this; })
+            (<DomElements>(this.element as HTMLElement)).ej2_instances ? (<DomElements>(this.element as HTMLElement)).ej2_instances.filter((i: Object) => { 
+                if (proxyToRaw) {
+                    return proxyToRaw(i) !== proxyToRaw(this);
+                }
+                return i !== this;
+            })
             : [];
         removeClass([this.element], ['e-' + this.getModuleName()]);
         if ((<DomElements>(this.element as HTMLElement)).ej2_instances.length === 0) {
@@ -346,3 +351,5 @@ export function removeChildInstance(element: HTMLElement): void {
         }
     }
 }
+
+export let proxyToRaw: Function, setProxyToRaw = (toRaw: Function): void => { proxyToRaw = toRaw };

controls/base/src/base.ts

@@ -366,10 +366,12 @@ export class DateParser {
                             retOptions[`${prop}`] = val;
                         }
                     } else {
+                        const cultureOptions: string[] = ['en-US', 'en-MH', 'en-MP'];
                         // 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 && (<any>parseOptions).culture.indexOf('en-') !== -1 && cultureOptions.indexOf(<any>parseOptions.culture) === -1)  
+                            ? matchString.toLowerCase() : matchString;
                         // eslint-disable-next-line
                         (<any>retOptions)[prop] = (<any>parseOptions)[prop][matchString];
                     }

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

@@ -2,7 +2,7 @@
  * Template Engine
  */
 
-const LINES: RegExp = new RegExp('\\n\\s+|(?<=>)\\s{1,}(?=<)', 'g');
+const LINES: RegExp = new RegExp('\\n|\\r|\\s\\s+', 'g');
 const QUOTES: RegExp = new RegExp(/'|"/g);
 const IF_STMT: RegExp = new RegExp('if ?\\(');
 const ELSEIF_STMT: RegExp = new RegExp('else if ?\\(');

controls/base/src/template.ts

@@ -2,7 +2,15 @@
 
 ## [Unreleased]
 
-## 24.1.47 (2024-01-23)
+## 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)
 
 ### Checkbox
 

controls/buttons/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "24.1.45",
+	"version": "24.1.46",
 	"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/package.json

@@ -168,7 +168,7 @@ export class Switch extends Component<HTMLInputElement> implements INotifyProper
         const changeEventArgs: ChangeEventArgs = { checked: this.element.checked, event: evt };
         this.trigger('change', changeEventArgs);
         // eslint-disable-next-line @typescript-eslint/no-explicit-any
-        if ((this as any).isAngular) {
+        if ((this as any).isAngular && evt) {
             evt.stopPropagation();evt.preventDefault();
         }
     }

controls/buttons/src/switch/switch.ts

@@ -2,8 +2,24 @@
 
 ## [Unreleased]
 
+## 24.2.3 (2024-01-31)
+
+### DateTimePicker
+
+#### Bug Fixes
+
+- `#I541657` - Fixed an issue where the change event in the DateTimePicker was firing after the first time losing focus when milliseconds were included.
+
 ## 24.1.47 (2024-01-23)
 
+### DateRangePicker
+
+#### Bug Fixes
+
+- `#I528771` - Fixed an issue where the DateRangePicker in the `Malaysia` region was only returning a single value.
+
+## 24.1.44 (2024-01-03)
+
 ### TimePicker
 
 #### Bug Fixes

controls/calendars/CHANGELOG.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-calendars",
-	"version": "24.1.43",
+	"version": "24.1.47",
 	"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/package.json

@@ -1231,7 +1231,7 @@ export class DatePicker extends Calendar implements IInput {
     }
     protected popupUpdate(): void {
         if ((isNullOrUndefined(this.value)) && (!isNullOrUndefined(this.previousDate)) ||
-            (+this.value !== +this.previousDate)) {
+            (((this.getModuleName() !== 'datetimepicker') && (+this.value !== +this.previousDate)) || ((this.getModuleName() === 'datetimepicker') && (+this.value !== +this.previousDateTime)))) {
             if (this.popupObj) {
                 if (this.popupObj.element.querySelectorAll('.' + SELECTED).length > 0) {
                     removeClass(this.popupObj.element.querySelectorAll('.' + SELECTED), [SELECTED]);

controls/calendars/src/datepicker/datepicker.ts

@@ -4685,7 +4685,7 @@ export class DateRangePicker extends CalendarBase {
         attributes(this.secondHiddenChild, {
             'type': 'text', 'name': this.inputElement.getAttribute('data-name'), 'class' : HIDDENELEMENT
         });
-        const format: Object = { type: 'datetime', skeleton: 'yMd' };
+        const format: Object = { format: this.formatString, type: 'datetime', skeleton: 'yMd' };
         this.firstHiddenChild.value = this.startDate && this.globalize.formatDate(this.startDate, format);
         this.secondHiddenChild.value = this.endDate && this.globalize.formatDate(this.endDate, format);
         this.inputElement.parentElement.appendChild(this.firstHiddenChild);