v18.4.46 is released

Author: pipeline

controls/base/package.json

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

controls/buttons/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 18.4.44 (2021-02-23)
+
+### CheckBox
+
+#### Bug Fixes
+
+- Issue with destroy has been fixed.
+
 ## 18.4.41 (2021-02-02)
 
 ### CheckBox

controls/buttons/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-buttons",
-	"version": "18.4.41",
+	"version": "18.4.44",
 	"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/radio-button.spec.ts

@@ -149,6 +149,11 @@ describe('RadioButton', () => {
             let 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');
+            let htmlele: Element = document.body;
+            expect(window.getComputedStyle(htmlele).backgroundColor).toBe('rgb(0, 0, 255)');
+        });
     });
 
     describe('Notify property changes of', () => {

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

@@ -238,7 +238,10 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
     }
 
     private focusOutHandler(): void {
-        this.getWrapper().classList.remove('e-focus');
+        let wrapper: Element = this.getWrapper();
+        if (wrapper) {
+            wrapper.classList.remove('e-focus');
+        }
         this.isFocused = false;
     }
 
@@ -259,7 +262,7 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
     }
 
     private getWrapper(): Element {
-        if (this.element.parentElement) {
+        if (this.element && this.element.parentElement) {
             return this.element.parentElement.parentElement;
         } else {
             return null;
@@ -455,15 +458,19 @@ export class CheckBox extends Component<HTMLInputElement> implements INotifyProp
     }
 
     private setText(text: string): void {
-        let label: Element = this.getWrapper().getElementsByClassName(LABEL)[0];
+        let wrapper: Element = this.getWrapper();
+        if (!wrapper) {
+            return;
+        }
+        let label: Element = wrapper.getElementsByClassName(LABEL)[0];
         if (label) {
             label.textContent = text;
         } else {
             text = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(text) : text;
             label = this.createElement('span', { className: LABEL, innerHTML: text });
-            let labelWrap: Element = this.getWrapper().getElementsByTagName('label')[0];
+            let labelWrap: Element = wrapper.getElementsByTagName('label')[0];
             if (this.labelPosition === 'Before') {
-                labelWrap.insertBefore(label, this.getWrapper().getElementsByClassName(FRAME)[0]);
+                labelWrap.insertBefore(label, wrapper.getElementsByClassName(FRAME)[0]);
             } else {
                 labelWrap.appendChild(label);
             }

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

@@ -130,7 +130,8 @@ export class RadioButton extends Component<HTMLInputElement> implements INotifyP
 
     private changeHandler(event: Event): void {
         this.checked = true; this.dataBind();
-        let value: string = this.isVue ? this.element.value : this.value;
+        let value: string = this.element.getAttribute('value');
+        value = this.isVue && value ? this.element.value : this.value;
         this.trigger('change', <ChangeArgs>{ value: value, event: event });
         if (this.tagName === 'EJS-RADIOBUTTON') {
             event.stopPropagation();
@@ -181,7 +182,10 @@ export class RadioButton extends Component<HTMLInputElement> implements INotifyP
     }
 
     private focusOutHandler(): void {
-        this.getLabel().classList.remove('e-focus');
+        let label: Element = this.getLabel();
+        if (label) {
+            label.classList.remove('e-focus');
+        }
     }
 
     protected getModuleName(): string {
@@ -215,7 +219,11 @@ export class RadioButton extends Component<HTMLInputElement> implements INotifyP
     }
 
     private getLabel(): Element {
-        return this.element.nextElementSibling;
+        if (this.element) {
+            return this.element.nextElementSibling;
+        } else {
+            return null;
+        }
     }
 
     private initialize(): void {
@@ -227,10 +235,11 @@ export class RadioButton extends Component<HTMLInputElement> implements INotifyP
         if (this.name) {
             this.element.setAttribute('name', this.name);
         }
-        if (this.isVue && this.element.value && this.element.value === this.value) {
+        let value: string = this.element.getAttribute('value');
+        if (this.isVue && value && value === this.value) {
             this.checked = true;
         }
-        if (this.value && (!this.isVue || !this.element.value)) {
+        if (this.isVue ? this.value && !value : this.value) {
             this.element.setAttribute('value', this.value);
         }
         if (this.checked) {
@@ -393,18 +402,20 @@ export class RadioButton extends Component<HTMLInputElement> implements INotifyP
 
     private setText(text: string): void {
         let label: Element = this.getLabel();
-        let textLabel: Element = label.getElementsByClassName(LABEL)[0];
-        if (textLabel) {
-            textLabel.textContent = text;
-        } else {
-            text = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(text) : text;
-            textLabel = this.createElement('span', { className: LABEL, innerHTML: text });
-            label.appendChild(textLabel);
-        }
-        if (this.labelPosition === 'Before') {
-            this.getLabel().classList.add('e-right');
-        } else {
-            this.getLabel().classList.remove('e-right');
+        if (label) {
+            let textLabel: Element = label.getElementsByClassName(LABEL)[0];
+            if (textLabel) {
+                textLabel.textContent = text;
+            } else {
+                text = (this.enableHtmlSanitizer) ? SanitizeHtmlHelper.sanitize(text) : text;
+                textLabel = this.createElement('span', { className: LABEL, innerHTML: text });
+                label.appendChild(textLabel);
+            }
+            if (this.labelPosition === 'Before') {
+                this.getLabel().classList.add('e-right');
+            } else {
+                this.getLabel().classList.remove('e-right');
+            }
         }
     }
 

controls/calendars/src/calendar/calendar.ts

@@ -102,6 +102,7 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
     protected isDateSelected: boolean = true;
     private blazorRef: object;
     private serverModuleName: string;
+    protected timezone: string;
     protected defaultKeyConfigs: { [key: string]: string };
     protected previousDateTime: Date;
     protected isTodayClicked: boolean = false;
@@ -974,7 +975,7 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
     protected renderDays(currentDate: Date, value?: Date, multiSelection?: boolean, values?: Date[], isTodayDate?: boolean): HTMLElement[] {
         let tdEles: HTMLElement[] = [];
         let cellsCount: number = 42;
-        let todayDate: Date = isTodayDate ? new Date(+currentDate) : new Date();
+        let todayDate: Date = isTodayDate ? new Date(+currentDate) : this.getDate(new Date(), this.timezone);
         let localDate: Date = new Date(this.checkValue(currentDate));
         let minMaxDate: Date;
         let numCells: number = this.weekNumber ? 8 : 7;
@@ -2146,6 +2147,12 @@ export class CalendarBase extends Component<HTMLElement> implements INotifyPrope
             this.setProperties({ depth: 'Month' }, true);
         }
     }
+    protected getDate(date: Date, timezone: string): Date {
+        if (timezone) {
+            date = new Date(date.toLocaleString('en-US', { timeZone: timezone }));
+        }
+        return date;
+    }
 }
 
 /**
@@ -2288,6 +2295,9 @@ export class Calendar extends CalendarBase {
             let timeZoneDiff: number = serverTimezoneDiff + clientTimeZoneDiff;
             timeZoneDiff = this.isDayLightSaving() ? timeZoneDiff-- : timeZoneDiff;
             this.value = new Date(this.value.getTime() + (timeZoneDiff * 60 * 60 * 1000));
+        } else if (!isNullOrUndefined(this.timezone)) {
+            let date: Date = this.value || new Date();
+            this.setProperties({ value: super.getDate(date, this.timezone) }, true);
         }
     }
     protected formResetHandler(): void {
@@ -2346,7 +2356,7 @@ export class Calendar extends CalendarBase {
     protected todayButtonClick(e?: MouseEvent | KeyboardEvent): void {
         if (this.showTodayButton) {
             let tempValue: Date = this.generateTodayVal(this.value);
-            this.setProperties({ value: tempValue }, true);
+            this.setProperties({ value: super.getDate(tempValue, this.timezone) }, true);
             this.isTodayClicked = true;
             this.todayButtonEvent = e;
             if (this.isMultiSelection) {

controls/charts/CHANGELOG.md

@@ -2,6 +2,14 @@
 
 ## [Unreleased]
 
+## 18.4.46 (2021-03-02)
+
+### Chart
+
+#### Bug Fixes
+
+- `#156827` - Axis line break label alignment issue has been fixed.
+
 ## 18.4.44 (2021-02-23)
 
 ### Chart

controls/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-charts",
-	"version": "18.4.43",
+	"version": "18.4.44",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball.",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",