@syncfusion/ej2-angular-base 20.1.48 → 20.2.36

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.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");