v18.2.57 is released

components/base/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 ## [Unreleased]
 
+## 18.2.57 (2020-09-08)
+
+### Common
+
+#### Bug Fixes
+
+- `I289906` - Resolved script error throws while changing the data source in angular template.
+- Resolved `Dirty & Pristine` value is not updated properly when resetting the form.
+- `I286988` - Resolved template properties which rendered using `ng-for` not updated properly when changing data source dynamically.
+- Increased `peerDependencies` version from `9.1.3` to `10.1.0`
+
 ## 18.2.56 (2020-09-01)
 
 ### Common

components/base/dist/global/blazor/angularbase.js

@@ -72,8 +72,10 @@ function clearTemplate(_this, templateNames, index) {
                     if (!rt.destroyed) {
                         if (rt._view) {
                             var pNode = rt._view.renderer.parentNode(rt.rootNodes[0]);
-                            for (var m = 0; m < rt.rootNodes.length; m++) {
-                                pNode.appendChild(rt.rootNodes[m]);
+                            if (!sf.base.isNullOrUndefined(pNode)) {
+                                for (var m = 0; m < rt.rootNodes.length; m++) {
+                                    pNode.appendChild(rt.rootNodes[m]);
+                                }
                             }
                         }
                         rt.destroy();
@@ -548,7 +550,12 @@ var ComponentBase = /** @class */ (function () {
                         var curIndex = tagObject.instance.list.indexOf(list);
                         var curChild = sf.base.getValue(tagObject.name, tempAfterContentThis)[curIndex];
                         if (curChild !== undefined && curChild.setProperties !== undefined) {
-                            curChild.setProperties(list.getProperties());
+                            if (tempAfterContentThis.getModuleName() === 'DashboardLayout') {
+                                curChild.setProperties(list.getProperties(), true);
+                            }
+                            else {
+                                curChild.setProperties(list.getProperties());
+                            }
                         }
                         list.isUpdated = true;
                     }
@@ -721,10 +728,10 @@ var FormBase = /** @class */ (function () {
                 this.checked = value === this.value;
             }
         }
+        this.angularValue = value;
         if (value === null) {
             return;
         }
-        this.angularValue = value;
         // When binding Html textbox value to syncfusion textbox, change event triggered dynamically.
         // To prevent change event, trigger change in component side based on `preventChange` value
         this.preventChange = true;

components/base/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-base",
-	"version": "18.2.54",
+	"version": "18.2.56",
 	"description": "A common package of Essential JS 2 base Angular libraries, methods and class definitions",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -16,12 +16,12 @@
 		"ng"
 	],
 	"peerDependencies": {
-		"@angular/common": "4.10.0 - 9.1.3",
-		"@angular/compiler": "4.10.0 - 9.1.3",
-		"@angular/core": "4.10.0 - 9.1.3",
-		"@angular/forms": "4.10.0 - 9.1.3",
-		"@angular/platform-browser": "4.10.0 - 9.1.3",
-		"@angular/platform-browser-dynamic": "4.10.0 - 9.1.3"
+		"@angular/common": "4.10.0 - 10.1.0",
+		"@angular/compiler": "4.10.0 - 10.1.0",
+		"@angular/core": "4.10.0 - 10.1.0",
+		"@angular/forms": "4.10.0 - 10.1.0",
+		"@angular/platform-browser": "4.10.0 - 10.1.0",
+		"@angular/platform-browser-dynamic": "4.10.0 - 10.1.0"
 	},
 	"dependencies": {
 		"@syncfusion/ej2-base": "*",

components/base/src/component-base.ts

@@ -260,7 +260,11 @@ export class ComponentBase<T> {
                             let curIndex: number = tagObject.instance.list.indexOf(list);
                             let curChild: { setProperties: Function } = getValue(tagObject.name, tempAfterContentThis)[curIndex];
                             if (curChild !== undefined && curChild.setProperties !== undefined) {
-                                curChild.setProperties(list.getProperties());
+                                if (tempAfterContentThis.getModuleName() === 'DashboardLayout') {
+                                    curChild.setProperties(list.getProperties(), true);
+                                } else {
+                                    curChild.setProperties(list.getProperties());   
+                                }
                             }
                             list.isUpdated = true;
                     }

components/base/src/form-base.ts

@@ -119,10 +119,10 @@ export class FormBase<T> implements ControlValueAccessor {
                 this.checked = value === this.value;
             }
         }
+        this.angularValue = value;
         if (value === null) {
             return;
         }
-        this.angularValue = value;
         // When binding Html textbox value to syncfusion textbox, change event triggered dynamically.
         // To prevent change event, trigger change in component side based on `preventChange` value
         this.preventChange = true;

components/base/src/util.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '@angular/core';
+import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * Angular Utility Module
  */
@@ -69,8 +70,10 @@ export function clearTemplate(_this: any, templateNames?: string[], index?: any)
                     if (!rt.destroyed) {
                         if(rt._view){
                             let pNode: any = rt._view.renderer.parentNode(rt.rootNodes[0]);
-                            for (let m: number = 0; m < rt.rootNodes.length; m++) {
-                                pNode.appendChild(rt.rootNodes[m]);
+                            if (!isNullOrUndefined(pNode)) {
+                                for (let m: number = 0; m < rt.rootNodes.length; m++) {
+                                    pNode.appendChild(rt.rootNodes[m]);
+                                }
                             }
                         }
                         rt.destroy();

components/buttons/dist/package.json

@@ -9,7 +9,8 @@
         "@syncfusion/ej2-base": "*",
         "@syncfusion/ej2-angular-base": "*",
         "@syncfusion/ej2-buttons": "*",
-        "@types/lodash": "4.14.159"
+        "@types/lodash": "4.14.159",
+        "@types/node": "11.15.20"
     },
     "devDependencies": {
         "@syncfusion/ej2-build": "*",

components/buttons/package.json

@@ -9,7 +9,8 @@
 		"@syncfusion/ej2-base": "*",
 		"@syncfusion/ej2-angular-base": "*",
 		"@syncfusion/ej2-buttons": "*",
-		"@types/lodash": "4.14.159"
+		"@types/lodash": "4.14.159",
+		"@types/node": "11.15.20"
 	},
 	"devDependencies": {
 		"rxjs": "5.0.0 - 5.5.10",

components/calendars/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@syncfusion/ej2-angular-calendars",
-    "version": "18.2.54",
+    "version": "18.2.56",
     "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. for Angular",
     "author": "Syncfusion Inc.",
     "license": "SEE LICENSE IN license",
@@ -9,7 +9,8 @@
         "@syncfusion/ej2-base": "*",
         "@syncfusion/ej2-angular-base": "*",
         "@syncfusion/ej2-calendars": "*",
-        "@types/lodash": "4.14.159"
+        "@types/lodash": "4.14.159",
+        "@types/node": "11.15.20"
     },
     "devDependencies": {
         "@syncfusion/ej2-build": "*",

components/calendars/dist/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-calendars';
-exports.pkgVer = '^18.2.54';
+exports.pkgVer = '^18.2.56';
 exports.moduleName = 'CalendarModule, DatePickerModule, TimePickerModule, DateRangePickerModule, DateTimePickerModule';
-exports.themeVer = '~18.2.54';
+exports.themeVer = '~18.2.56';

components/calendars/dist/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-calendars';
-export const pkgVer = '^18.2.54';
+export const pkgVer = '^18.2.56';
 export const moduleName = 'CalendarModule, DatePickerModule, TimePickerModule, DateRangePickerModule, DateTimePickerModule';
-export const themeVer = '~18.2.54';
+export const themeVer = '~18.2.56';

components/calendars/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-calendars",
-	"version": "18.2.54",
+	"version": "18.2.56",
 	"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. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -9,7 +9,8 @@
 		"@syncfusion/ej2-base": "*",
 		"@syncfusion/ej2-angular-base": "*",
 		"@syncfusion/ej2-calendars": "*",
-		"@types/lodash": "4.14.159"
+		"@types/lodash": "4.14.159",
+		"@types/node": "11.15.20"
 	},
 	"devDependencies": {
 		"rxjs": "5.0.0 - 5.5.10",

components/calendars/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-calendars';
-export const pkgVer = '^18.2.54';
+export const pkgVer = '^18.2.56';
 export const moduleName = 'CalendarModule, DatePickerModule, TimePickerModule, DateRangePickerModule, DateTimePickerModule';
-export const themeVer = '~18.2.54';
+export const themeVer = '~18.2.56';

components/charts/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@syncfusion/ej2-angular-charts",
-    "version": "18.2.55",
+    "version": "18.2.56",
     "description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Angular",
     "author": "Syncfusion Inc.",
     "license": "SEE LICENSE IN license",
@@ -9,7 +9,8 @@
         "@syncfusion/ej2-base": "*",
         "@syncfusion/ej2-angular-base": "*",
         "@syncfusion/ej2-charts": "*",
-        "@types/lodash": "4.14.159"
+        "@types/lodash": "4.14.159",
+        "@types/node": "11.15.20"
     },
     "devDependencies": {
         "@syncfusion/ej2-build": "*",

components/charts/dist/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-charts';
-exports.pkgVer = '^18.2.55';
+exports.pkgVer = '^18.2.56';
 exports.moduleName = 'ChartModule, AccumulationChartModule, RangeNavigatorModule, SparklineModule, SmithchartModule, StockChartModule, BulletChartModule';
-exports.themeVer = '~18.2.55';
+exports.themeVer = '~18.2.56';

components/charts/dist/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-charts';
-export const pkgVer = '^18.2.55';
+export const pkgVer = '^18.2.56';
 export const moduleName = 'ChartModule, AccumulationChartModule, RangeNavigatorModule, SparklineModule, SmithchartModule, StockChartModule, BulletChartModule';
-export const themeVer = '~18.2.55';
+export const themeVer = '~18.2.56';

components/charts/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-charts",
-	"version": "18.2.55",
+	"version": "18.2.56",
 	"description": "Feature-rich chart control with built-in support for over 25 chart types, technical indictors, trendline, zooming, tooltip, selection, crosshair and trackball. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",
@@ -9,7 +9,8 @@
 		"@syncfusion/ej2-base": "*",
 		"@syncfusion/ej2-angular-base": "*",
 		"@syncfusion/ej2-charts": "*",
-		"@types/lodash": "4.14.159"
+		"@types/lodash": "4.14.159",
+		"@types/node": "11.15.20"
 	},
 	"devDependencies": {
 		"rxjs": "5.0.0 - 5.5.10",

components/charts/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-charts';
-export const pkgVer = '^18.2.55';
+export const pkgVer = '^18.2.56';
 export const moduleName = 'ChartModule, AccumulationChartModule, RangeNavigatorModule, SparklineModule, SmithchartModule, StockChartModule, BulletChartModule';
-export const themeVer = '~18.2.55';
+export const themeVer = '~18.2.56';

components/diagrams/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@syncfusion/ej2-angular-diagrams",
-    "version": "18.2.55",
+    "version": "18.2.56",
     "description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for Angular",
     "author": "Syncfusion Inc.",
     "license": "SEE LICENSE IN license",

components/diagrams/dist/schematics/utils/lib-details.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.pkgName = '@syncfusion/ej2-angular-diagrams';
-exports.pkgVer = '^18.2.55';
+exports.pkgVer = '^18.2.56';
 exports.moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
-exports.themeVer = '~18.2.55';
+exports.themeVer = '~18.2.56';

components/diagrams/dist/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-diagrams';
-export const pkgVer = '^18.2.55';
+export const pkgVer = '^18.2.56';
 export const moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
-export const themeVer = '~18.2.55';
+export const themeVer = '~18.2.56';

components/diagrams/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-diagrams",
-	"version": "18.2.55",
+	"version": "18.2.56",
 	"description": "Feature-rich diagram control to create diagrams like flow charts, organizational charts, mind maps, and BPMN diagrams. Its rich feature set includes built-in shapes, editing, serializing, exporting, printing, overview, data binding, and automatic layouts. for Angular",
 	"author": "Syncfusion Inc.",
 	"license": "SEE LICENSE IN license",

components/diagrams/schematics/utils/lib-details.ts

@@ -1,4 +1,4 @@
 export const pkgName = '@syncfusion/ej2-angular-diagrams';
-export const pkgVer = '^18.2.55';
+export const pkgVer = '^18.2.56';
 export const moduleName = 'DiagramModule, SymbolPaletteModule, OverviewModule';
-export const themeVer = '~18.2.55';
+export const themeVer = '~18.2.56';