@syncfusion/ej2-angular-base 19.3.59 → 19.3.60-13828

package/dist/es6/ej2-angular-base.es2015.js

@@ -8,7 +8,7 @@ import { EventEmitter } from '@angular/core';
 function applyMixins(derivedClass, baseClass) {
     baseClass.forEach(baseClass => {
         Object.getOwnPropertyNames(baseClass.prototype).forEach(name => {
-            if (!derivedClass.prototype.hasOwnProperty(name) || baseClass.isFormBase) {
+            if (!derivedClass.prototype.hasOwnProperty(name) || (baseClass.isFormBase && name !== 'constructor')) {
                 derivedClass.prototype[name] = baseClass.prototype[name];
             }
         });
@@ -50,15 +50,27 @@ function clearTemplate(_this, templateNames, index) {
         let regProperties = templateNames && templateNames.filter((val) => {
             return (/\./g.test(val) ? false : true);
         });
+        let tabaccordionTemp = /tab|accordion|toolbar/.test(_this.getModuleName());
         for (let registeredTemplate of (regProperties && regProperties || regTemplates)) {
             /* istanbul ignore next */
             if (index && index.length) {
                 for (let e = 0; e < index.length; e++) {
-                    for (let m = 0; m < _this.registeredTemplate.template.length; m++) {
-                        let value = _this.registeredTemplate.template[m].rootNodes[0];
-                        if (value === index[e]) {
-                            let rt = _this.registeredTemplate[registeredTemplate];
-                            rt[m].destroy();
+                    if (tabaccordionTemp) {
+                        for (let m = 0; m < _this.registeredTemplate[registeredTemplate].length; m++) {
+                            let value = _this.registeredTemplate[registeredTemplate][m];
+                            if (value && value === index[e]) {
+                                value.destroy();
+                                _this.registeredTemplate[registeredTemplate].splice(m, 1);
+                            }
+                        }
+                    }
+                    else {
+                        for (let m = 0; m < _this.registeredTemplate.template.length; m++) {
+                            let value = _this.registeredTemplate.template[m].rootNodes[0];
+                            if (value === index[e]) {
+                                let rt = _this.registeredTemplate[registeredTemplate];
+                                rt[m].destroy();
+                            }
                         }
                     }
                 }
@@ -80,7 +92,9 @@ function clearTemplate(_this, templateNames, index) {
                     }
                 }
             }
-            delete _this.registeredTemplate[registeredTemplate];
+            if (!tabaccordionTemp || !index) {
+                delete _this.registeredTemplate[registeredTemplate];
+            }
         }
     }
     for (let tagObject of _this.tagObjects) {
@@ -137,8 +151,14 @@ class ComplexBase {
         let templateProperties = Object.keys(this);
         for (let i = 0; i < templateProperties.length; i++) {
             var tempProp = getValue(templateProperties[i], this);
-            if (typeof tempProp === 'object' && tempProp.elementRef && !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 (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);
+                }
             }
         }
         templateProperties = Object.keys(this);
@@ -156,7 +176,7 @@ class ComplexBase {
         if (this.directivePropList) {
             for (let k = 0; k < this.directivePropList.length; k++) {
                 let dirPropName = this.directivePropList[k];
-                if (propList.indexOf(dirPropName) !== -1 && getValue(dirPropName, this)) {
+                if (propList.indexOf(dirPropName) !== -1 && (getValue(dirPropName, this) === false || getValue(dirPropName, this))) {
                     setValue(dirPropName, getValue(dirPropName, this), this.propCollection);
                 }
             }
@@ -281,9 +301,12 @@ class ArrayBase {
                         this.list[i].propCollection.dataSource = this.list[i].dataSource;
                         this.list[i].hasChanges = true;
                     }
-                    isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
-                        JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    if (this.list[i].property !== "series") {
+                        isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
+                            JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    }
                 }
+                isSourceChanged = this.list[i].hasChanges !== childrenDataSource[i].hasChanges;
             }
         }
         this.hasNewChildren = (this.list.length !== this.children.length || isSourceChanged) ? true : null;
@@ -397,6 +420,19 @@ class ComponentBase {
             tempOnThis.tagObjects.push(tagObject);
         }
         let complexTemplates = Object.keys(tempOnThis);
+        for (let 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((val) => {
             return /Ref$/i.test(val) && /\_/i.test(val);
         });
@@ -445,19 +481,28 @@ class ComponentBase {
         templateProperties = templateProperties.filter((val) => {
             return /Ref$/i.test(val);
         });
+        let ngtempRef = tempAfterViewThis.getModuleName() === 'DocumentEditor';
         for (let tempName of templateProperties) {
             let propName = tempName.replace('Ref', '');
             setValue(propName.replace('_', '.'), getValue(propName + 'Ref', tempAfterViewThis), tempAfterViewThis);
         }
         // Used setTimeout for template binding
         // Refer Link: https://github.com/angular/angular/issues/6005
-        setTimeout(() => {
+        const appendToComponent = (tempAfterViewThis) => {
             /* istanbul ignore else  */
-            if (typeof window !== 'undefined' && document.body.contains(tempAfterViewThis.element) || tempAfterViewThis.getModuleName() === 'btn') {
+            if (typeof window !== 'undefined' && tempAfterViewThis.element || tempAfterViewThis.getModuleName().includes('btn')) {
                 tempAfterViewThis.appendTo(tempAfterViewThis.element);
                 tempAfterViewThis.ngEle.nativeElement.style.visibility = '';
             }
-        });
+        };
+        if (!ngtempRef) {
+            setTimeout(() => {
+                appendToComponent(tempAfterViewThis);
+            });
+        }
+        else {
+            appendToComponent(tempAfterViewThis);
+        }
     }
     // tslint:disable-next-line:no-any
     ngOnDestroy(isTempRef) {
@@ -469,9 +514,26 @@ class ComponentBase {
                 tempOnDestroyThis.destroy();
                 tempOnDestroyThis.clearTemplate(null);
                 // removing bounded events and tagobjects from component after destroy
-                tempOnDestroyThis.ngBoundedEvents = {};
-                tempOnDestroyThis.tagObjects = {};
-                tempOnDestroyThis.ngEle = null;
+                setTimeout(function () {
+                    for (let key of Object.keys(tempOnDestroyThis)) {
+                        let value = tempOnDestroyThis[key];
+                        if (value && /object/.test(typeof value) && Object.keys(value).length !== 0) {
+                            if (/properties|changedProperties|childChangedProperties|oldProperties|moduleLoader/.test(key)) {
+                                for (let propKey of Object.keys(tempOnDestroyThis[key])) {
+                                    let propValue = value[propKey];
+                                    if (propValue && /object/.test(typeof propValue) && Object.keys(propValue).length !== 0 && (propValue.parent || propValue.parentObj)) {
+                                        tempOnDestroyThis[key][propKey] = null;
+                                    }
+                                }
+                            }
+                            else {
+                                if (value.parent || value.parentObj) {
+                                    tempOnDestroyThis[key] = null;
+                                }
+                            }
+                        }
+                    }
+                });
             }
         });
     }
@@ -515,17 +577,30 @@ class ComponentBase {
                                 let childObj = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tagObject.instance.list[h]);
                                 if (childObj) {
                                     let innerchildObj = tagObject.instance.list[h]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
-                                    if (innerchildObj) {
-                                        for (let j = 0; j < innerchildObj.list.length; j++) {
-                                            let innerTag = innerchildObj.list[0].tags[0];
-                                            if (innerTag) {
-                                                let innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchildObj.list[j]);
-                                                if (innerchildTag) {
-                                                    innerchildObj.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                    // Update the inner child tag objects
+                                    const updateChildTag = (innerchild) => {
+                                        let innerLevelTag = [];
+                                        if (innerchild) {
+                                            for (let j = 0; j < innerchild.list.length; j++) {
+                                                let innerTag = innerchild.list[0].tags[0];
+                                                if (innerTag) {
+                                                    let innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchild.list[j]);
+                                                    if (innerchildTag) {
+                                                        innerchild.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                                        innerLevelTag.push(innerchildTag);
+                                                    }
                                                 }
                                             }
                                         }
-                                    }
+                                        // check for inner level tag
+                                        if (innerLevelTag.length !== 0) {
+                                            for (let l = 0; l < innerLevelTag.length; l++) {
+                                                updateChildTag(innerLevelTag[l]);
+                                            }
+                                        }
+                                        
+                                    };
+                                    updateChildTag(innerchildObj);
                                     tagObject.instance.list[h].tagObjects.push({ instance: childObj, name: tag });
                                 }
                             }
@@ -538,7 +613,7 @@ class ComponentBase {
                 }
                 else {
                     /* istanbul ignore next */
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (tempAfterContentThis.getModuleName() === 'diagram')) {
+                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName()))) {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
                     }
                     for (let list of tagObject.instance.list) {
@@ -548,7 +623,7 @@ class ComponentBase {
                         complexTemplates = complexTemplates.filter((val) => {
                             return /Ref$/i.test(val);
                         });
-                        if (curChild.properties && Object.keys(curChild.properties).length !== 0 && /chart/.test(tempAfterContentThis.getModuleName())) {
+                        if (curChild.properties && Object.keys(curChild.properties).length !== 0) {
                             for (let complexPropName of complexTemplates) {
                                 complexPropName = complexPropName.replace(/Ref/, '');
                                 curChild.properties[complexPropName] = !curChild.properties[complexPropName] ?
@@ -670,6 +745,7 @@ class FormBase {
                 }
             }
         }
+        this.cdr.markForCheck();
     }
     registerOnChange(registerFunction) {
         this.propagateChange = registerFunction;
@@ -695,16 +771,21 @@ class FormBase {
         // Used setTimeout for template binding
         // Refer Link: https://github.com/angular/angular/issues/6005
         // Removed setTimeout, Because we have called markForCheck() method in Angular Template Compiler
-        // setTimeout(() => {
         /* istanbul ignore else */
         if (typeof window !== 'undefined') {
-            tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            if ((tempFormAfterViewThis.getModuleName()).includes('dropdown')) {
+                setTimeout(() => {
+                    tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+                });
+            }
+            else {
+                tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            }
             let ele = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
             ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocus.bind(tempFormAfterViewThis));
             ele.addEventListener('blur', tempFormAfterViewThis.ngOnBlur.bind(tempFormAfterViewThis));
         }
         this.isFormInit = false;
-        // });
     }
     setDisabledState(disabled) {
         this.enabled = !disabled;
@@ -738,6 +819,7 @@ class FormBase {
         // 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 = this.isFormInit ? false : true;
+        this.cdr.markForCheck();
         if (value === null) {
             return;
         }
@@ -747,6 +829,7 @@ class FormBase {
         if (this.skipFromEvent !== true) {
             this.focus.emit(e);
         }
+        this.cdr.markForCheck();
     }
     ngOnBlur(e) {
         this.propagateTouch();
@@ -754,6 +837,7 @@ class FormBase {
         if (this.skipFromEvent !== true) {
             this.blur.emit(e);
         }
+        this.cdr.markForCheck();
     }
 }
 FormBase.isFormBase = true;
@@ -763,7 +847,7 @@ let stringCompiler = getTemplateEngine();
  * Angular Template Compiler
  */
 function compile(templateEle, helper) {
-    if (typeof templateEle === 'string') {
+    if (typeof templateEle === 'string' || (typeof templateEle === 'function' && templateEle.prototype && templateEle.prototype.CSPTemplate)) {
         return stringCompiler(templateEle, helper);
     }
     else {
@@ -775,7 +859,12 @@ function compile(templateEle, helper) {
             /* istanbul ignore next */
             let conRef = contRef ? contRef : component.viewContainerRef;
             let viewRef = conRef.createEmbeddedView(templateEle, context);
-            viewRef.markForCheck();
+            if (getValue('currentInstance.element.nodeName', conRef) === 'EJS-MENTION') {
+                viewRef.detectChanges();
+            }
+            else {
+                viewRef.markForCheck();
+            }
             /* istanbul ignore next */
             let viewCollection = (component && component.registeredTemplate) ?
                 component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);