v19.3.44 is released

Author: pipeline

components/base/CHANGELOG.md

@@ -2,72 +2,13 @@
 
 ## [Unreleased]
 
-## 19.3.43 (2021-09-30)
+## 19.3.44 (2021-10-05)
 
 ### Common
 
 #### Bug Fixes
 
-- `I336550` Resolved script error if Component not in the `DOM` while component rendering.
-
-## 19.2.59 (2021-08-31)
-
-### Common
-
-#### Bug Fixes
-
-- `I338378` Resolved get reference of `ElementRef` not accessible in complex directives.
-
-## 19.2.51 (2021-08-03)
-
-### Common
-
-#### Bug Fixes
-
-- `I334468` Resolved Form get `Dirty` while initial databinding.
-
-## 19.2.48 (2021-07-20)
-
-### Common
-
-#### Bug Fixes
-
-- `I331403,I334510` - Resolved `dynamic property` change not working for complex directives.
-- `I333399` - Resolved `dynamic property` change not working for `equal` length properties.
-
-## 19.1.66 (2021-06-01)
-
-### Common
-
-#### Bug Fixes
-
-- `I310815` - Resolved memory leak issue while using routing.
-
-## 19.1.65 (2021-05-25)
-
-### Common
-
-#### Bug Fixes
-
-- `I327789` - Resolved Angular 6 compatibility issue. 
-- `I325467` - Resolved script error when binding `async` data to the directive.
-
-## 19.1.64 (2021-05-19)
-
-### Common
-
-#### Bug Fixes
-
-- `I324729` - Increased `peerDependencies` version from `11.1.1` to `11.2.13`.
-
-## 19.1.58 (2021-04-27)
-
-### Common
-
-#### Bug Fixes
-
-- `I287376,I311253,F156542` - Provided support for `strict` mode compilation.
-
+- `I342446` - Increased `peerDependencies` version from `11.1.1` to `12.2.8`.
 
 ## 19.1.56 (2021-04-13)
 

components/base/ReadMe.md renamed to components/base/README.md

@@ -1,6 +1,6 @@
 {
 	"name": "@syncfusion/ej2-angular-base",
-	"version": "19.2.59",
+	"version": "19.6.0",
 	"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 - 11.2.13",
-		"@angular/compiler": "4.10.0 - 11.2.13",
-		"@angular/core": "4.10.0 - 11.2.13",
-		"@angular/forms": "4.10.0 - 11.2.13",
-		"@angular/platform-browser": "4.10.0 - 11.2.13",
-		"@angular/platform-browser-dynamic": "4.10.0 - 11.2.13"
+		"@angular/common": "4.10.0 - 12.2.8",
+		"@angular/compiler": "4.10.0 - 12.2.8",
+		"@angular/core": "4.10.0 - 12.2.8",
+		"@angular/forms": "4.10.0 - 12.2.8",
+		"@angular/platform-browser": "4.10.0 - 12.2.8",
+		"@angular/platform-browser-dynamic": "4.10.0 - 12.2.8"
 	},
 	"dependencies": {
 		"@syncfusion/ej2-base": "*",
@@ -80,5 +80,6 @@
 	"scripts": {
 		"build": "gulp build",
 		"test": "gulp test"
-	}
+	},
+	"typings": "index.d.ts"
 }

components/base/package.json

@@ -57,7 +57,7 @@ export class ComplexBase<T> {
         if (this.directivePropList) {
         for (let k: number = 0; k < this.directivePropList.length; k++) {
             let dirPropName: string = this.directivePropList[k];
-            if (propList.indexOf(dirPropName) !== -1 && getValue(dirPropName, this)) {
+            if (propList.indexOf(dirPropName) !== -1  && getValue(dirPropName, this)) {
                 setValue(dirPropName, getValue(dirPropName, this), this.propCollection);
             }
         }
@@ -207,7 +207,6 @@ export class ArrayBase<T> {
                     isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
                         JSON.stringify(childrenDataSource[i].propCollection.dataSource));
                 }
-                isSourceChanged = this.list[i].hasChanges !== childrenDataSource[i].hasChanges;
             }
         }
 

components/base/src/complex-array-base.ts

@@ -189,7 +189,7 @@ export class ComponentBase<T> {
         let tempOnDestroyThis: any = isTempRef || this;
         /* istanbul ignore else  */
         setTimeout(() => {
-            if (typeof window !== 'undefined' && document.body.contains(tempOnDestroyThis.element) && (tempOnDestroyThis.element.classList.contains('e-control') || tempOnDestroyThis.element)) {
+            if (typeof window !== 'undefined' && document.body.contains(tempOnDestroyThis.element) && tempOnDestroyThis.element.classList.contains('e-control')) {
                 tempOnDestroyThis.destroy();
                 tempOnDestroyThis.clearTemplate(null);
                 // removing bounded events and tagobjects from component after destroy
@@ -261,7 +261,7 @@ export class ComponentBase<T> {
                     tempAfterContentThis.setProperties(propObj, tagObject.instance.isInitChanges);
                 } else {
                     /* istanbul ignore next */
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || /diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName())) {
+                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (tempAfterContentThis.getModuleName() === 'diagram')) {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
                     }
                     for (let list of tagObject.instance.list) {
@@ -271,7 +271,7 @@ export class ComponentBase<T> {
                         complexTemplates = complexTemplates.filter((val: string): boolean => {
                             return /Ref$/i.test(val);
                         });
-                        if (curChild.properties && Object.keys(curChild.properties).length !== 0 && /chart|kanban/.test(tempAfterContentThis.getModuleName())){
+                        if (curChild.properties && Object.keys(curChild.properties).length !== 0 && /chart/.test(tempAfterContentThis.getModuleName())){
                             for (let complexPropName of complexTemplates) {
                                 complexPropName = complexPropName.replace(/Ref/, '');
                                 curChild.properties[complexPropName] = !curChild.properties[complexPropName] ?

components/base/src/component-base.ts

@@ -35,7 +35,7 @@ export class FormBase<T> implements ControlValueAccessor {
         //tslint:disable-next-line
         let value: T | any = (e.checked === undefined ? e.value : e.checked);
         this.objCheck = isObject(value);
-        if (this.isUpdated === true && this.oldValue) {
+        if (this.isUpdated === true) {
             this.angularValue = this.oldValue;
         }
         if (this.objCheck === true) {

components/base/src/form-base.ts

@@ -22,6 +22,7 @@ export function compile(templateEle: AngularElementType, helper?: Object):
             let conRef: ViewContainerRef = contRef ? contRef : component.viewContainerRef;
             let viewRef: EmbeddedViewRef<Object> = conRef.createEmbeddedView(templateEle as TemplateRef<Object>, context);
             viewRef.markForCheck();
+            viewRef.detectChanges();
             /* istanbul ignore next */
             let viewCollection: { [key: string]: EmbeddedViewRef<Object>[] } = (component && component.registeredTemplate) ?
                 component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);

components/base/src/template.ts

@@ -0,0 +1 @@
+@import 'ej2-base/styles/bootstrap5-dark-definition.scss';

components/base/styles/bootstrap5-dark.scss

@@ -0,0 +1 @@
+@import 'ej2-base/styles/bootstrap5-definition.scss';