@syncfusion/ej2-angular-base 20.1.52 → 20.2.37

package/schematics/ng-add/schema.json

@@ -1,6 +1,6 @@
 {
   "$schema": "http://json-schema.org/schema",
-  "id": "ngAdd",
+  "$id": "ngAdd",
   "title": "Add Essential JS 2 Angular packages",
   "type": "object",
   "properties": {

package/schematics/ng-add/theme.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const change_1 = require("@schematics/angular/utility/change");
-const config_1 = require("@schematics/angular/utility/config");
+const helpers_1 = require("../utils/helpers/helpers");
 const get_project_1 = require("../utils/get-project");
 const package_1 = require("../utils/package");
 const project_style_file_1 = require("../utils/project-style-file");
@@ -21,12 +21,13 @@ exports.addEJ2ThemeToPackageJson = addEJ2ThemeToPackageJson;
  */
 function addEJ2Theme(options, theme) {
     return (host) => {
-        const themePath = `@import \'..\/node_modules/@syncfusion/ej2-${theme}-theme/styles/${theme}.css\';\n`;
+        let themePath = `@import \'..\/node_modules/@syncfusion/ej2-${theme}-theme/styles/${theme}.css\'`;
         const strippedThemePath = `./node_modules/@syncfusion/ej2-${theme}-theme/styles/${theme}.css`;
-        const workspace = config_1.getWorkspace(host);
+        const workspace = helpers_1.getWorkspace(host);
         const project = get_project_1.getProjectFromWorkspace(workspace, options.project);
-        const stylesPath = project_style_file_1.getProjectStyleFile(project, 'css');
+        const stylesPath = project_style_file_1.getProjectStyleFile(project);
         const stylesBuffer = host.read(stylesPath);
+        themePath += stylesPath.includes("sass") ? `\n` : `;\n`;
         // Because the build setup for the Angular CLI can be changed so dramatically, we can't know
         // where to generate anything if the project is not using the default config for build and test.
         project_style_file_1.assertDefaultBuildersConfigured(project);

package/schematics/utils/helpers/helpers.d.ts

@@ -93,7 +93,7 @@ export interface ProjectBuildOptions {
     [k: string]: any;
 }
 /** Gets the Angular CLI workspace config (angular.json) */
-export declare function getWorkspace(host: Tree): Workspace;
+export declare function getWorkspace(host: Tree): any;
 /**
  * Gets a project from the Angular CLI workspace. If no project name is given, the first project
  * will be retrieved.

package/schematics/utils/project-style-file.js

@@ -10,9 +10,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const core_1 = require("@angular-devkit/core");
 const schematics_1 = require("@angular-devkit/schematics");
 /** Regular expression that matches all possible Angular CLI default style files. */
-const defaultStyleFileRegex = /styles\.(c|le|sc)ss/;
+const defaultStyleFileRegex = /styles\.(c|le|sa|sc)ss/;
 /** Regular expression that matches all files that have a proper stylesheet extension. */
-const validStyleFileRegex = /\.(c|le|sc)ss/;
+const validStyleFileRegex = /\.(c|le|sa|sc)ss/;
 /**
  * Gets a style file with the given extension in a project and returns its path. If no
  * extension is specified, any style file with a valid extension will be returned.

package/src/complex-array-base.js

@@ -21,14 +21,8 @@ var ComplexBase = /** @class */ (function () {
         var templateProperties = Object.keys(this);
         for (var i = 0; i < templateProperties.length; i++) {
             var tempProp = getValue(templateProperties[i], this);
-            if (typeof tempProp === 'object' && tempProp && tempProp.elementRef) {
-                if (!getValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', this)) {
-                    setValue(templateProperties[i].indexOf('Ref') !== -1 ? templateProperties[i] : templateProperties[i] + 'Ref', tempProp, this);
-                }
-                if (getValue("viewContainerRef", this) && !getValue("_viewContainerRef", tempProp.elementRef.nativeElement) && !getValue("propName", tempProp.elementRef.nativeElement)) {
-                    setValue("_viewContainerRef", getValue("viewContainerRef", this), tempProp.elementRef.nativeElement);
-                    setValue("propName", templateProperties[i].replace("Ref", ''), tempProp.elementRef.nativeElement);
-                }
+            if (typeof tempProp === 'object' && tempProp.elementRef && !getValue(templateProperties[i] + 'Ref', this)) {
+                setValue(templateProperties[i] + 'Ref', tempProp, this);
             }
         }
         templateProperties = Object.keys(this);
@@ -47,7 +41,7 @@ var ComplexBase = /** @class */ (function () {
         if (this.directivePropList) {
             for (var k = 0; k < this.directivePropList.length; k++) {
                 var dirPropName = this.directivePropList[k];
-                if (propList.indexOf(dirPropName) !== -1 && (getValue(dirPropName, this) === false || getValue(dirPropName, this))) {
+                if (propList.indexOf(dirPropName) !== -1 && getValue(dirPropName, this)) {
                     setValue(dirPropName, getValue(dirPropName, this), this.propCollection);
                 }
             }
@@ -181,9 +175,8 @@ var ArrayBase = /** @class */ (function () {
                         this.list[i].propCollection.dataSource = this.list[i].dataSource;
                         this.list[i].hasChanges = true;
                     }
-                }
-                if (childrenDataSource[i].hasChanges) {
-                    isSourceChanged = true;
+                    isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
+                        JSON.stringify(childrenDataSource[i].propCollection.dataSource));
                 }
             }
         }

package/src/component-base.js

@@ -75,19 +75,6 @@ var ComponentBase = /** @class */ (function () {
             tempOnThis.tagObjects.push(tagObject);
         }
         var complexTemplates = Object.keys(tempOnThis);
-        for (var i = 0; i < complexTemplates.length; i++) {
-            var compProp = getValue(complexTemplates[i], tempOnThis);
-            if (typeof compProp === 'object' && compProp && compProp.elementRef) {
-                if (typeof compProp === 'object' && compProp && compProp.elementRef && complexTemplates[i].indexOf('_') !== -1 && complexTemplates[i].indexOf('Ref') === -1) {
-                    setValue(complexTemplates[i] + 'Ref', compProp, tempOnThis);
-                }
-                if (tempOnThis.viewContainerRef && !getValue("_viewContainerRef", compProp.elementRef.nativeElement) && !getValue("propName", compProp.elementRef.nativeElement)) {
-                    setValue("_viewContainerRef", tempOnThis.viewContainerRef, compProp.elementRef.nativeElement);
-                    setValue("propName", complexTemplates[i].replace("Ref", ''), compProp.elementRef.nativeElement);
-                }
-            }
-        }
-        complexTemplates = Object.keys(tempOnThis);
         complexTemplates = complexTemplates.filter(function (val) {
             return /Ref$/i.test(val) && /\_/i.test(val);
         });
@@ -146,7 +133,7 @@ var ComponentBase = /** @class */ (function () {
         // Refer Link: https://github.com/angular/angular/issues/6005
         setTimeout(function () {
             /* istanbul ignore else  */
-            if (typeof window !== 'undefined' && tempAfterViewThis.element || tempAfterViewThis.getModuleName().includes('btn')) {
+            if (typeof window !== 'undefined' && document.body.contains(tempAfterViewThis.element)) {
                 tempAfterViewThis.appendTo(tempAfterViewThis.element);
                 tempAfterViewThis.ngEle.nativeElement.style.visibility = '';
             }
@@ -158,7 +145,7 @@ var ComponentBase = /** @class */ (function () {
         var tempOnDestroyThis = isTempRef || this;
         /* istanbul ignore else  */
         setTimeout(function () {
-            if (typeof window !== 'undefined' && (tempOnDestroyThis.element.classList.contains('e-control'))) {
+            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
@@ -232,7 +219,7 @@ var ComponentBase = /** @class */ (function () {
                 }
                 else {
                     /* istanbul ignore next */
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|tab/.test(tempAfterContentThis.getModuleName()))) {
+                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (tempAfterContentThis.getModuleName() === 'diagram')) {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
                     }
                     for (var _b = 0, _c = tagObject.instance.list; _b < _c.length; _b++) {
@@ -243,7 +230,7 @@ var ComponentBase = /** @class */ (function () {
                         complexTemplates = complexTemplates.filter(function (val) {
                             return /Ref$/i.test(val);
                         });
-                        if (curChild.properties && Object.keys(curChild.properties).length !== 0) {
+                        if (curChild.properties && Object.keys(curChild.properties).length !== 0 && /chart/.test(tempAfterContentThis.getModuleName())) {
                             for (var _d = 0, complexTemplates_2 = complexTemplates; _d < complexTemplates_2.length; _d++) {
                                 var complexPropName = complexTemplates_2[_d];
                                 complexPropName = complexPropName.replace(/Ref/, '');

package/src/form-base.d.ts

@@ -7,7 +7,7 @@ export declare class FormBase<T> implements ControlValueAccessor {
     value: T;
     checked: boolean;
     private skipFromEvent;
-    static readonly isFormBase:any;
+    static readonly isFormBase = true;
     propagateChange(_: T): void;
     propagateTouch(): void;
     enabled: Object;

package/src/form-base.js

@@ -49,7 +49,7 @@ var FormBase = /** @class */ (function () {
     FormBase.prototype.twoWaySetter = function (newVal, prop) {
         var oldVal = this.oldValue || getValue(prop, this.properties);
         var ele = this.inputElement || this.element;
-        if (ele && oldVal === newVal && this.value === newVal &&
+        if (ele && oldVal === newVal &&
             (ele.value === undefined || ele.value === '')) {
             return;
         }

package/src/template.js

@@ -18,6 +18,7 @@ export function compile(templateEle, helper) {
             var conRef = contRef_1 ? contRef_1 : component.viewContainerRef;
             var viewRef = conRef.createEmbeddedView(templateEle, context);
             viewRef.markForCheck();
+            viewRef.detectChanges();
             /* istanbul ignore next */
             var viewCollection = (component && component.registeredTemplate) ?
                 component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);

package/styles/material-dark.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");

package/styles/material.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");
+@import url("https://fonts.googleapis.com/css?family=Roboto:400,500");

package/styles/tailwind-dark.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");

package/styles/tailwind.css

@@ -1 +1 @@
-@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&display=swap");