@syncfusion/ej2-angular-base 19.3.59 → 19.3.60

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

@@ -8,7 +8,7 @@ import { EventEmitter } from '@angular/core';
 function applyMixins(derivedClass, baseClass) {
     baseClass.forEach(function (baseClass) {
         Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {
-            if (!derivedClass.prototype.hasOwnProperty(name) || baseClass.isFormBase) {
+            if (!derivedClass.prototype.hasOwnProperty(name) || (baseClass.isFormBase && name !== 'constructor')) {
                 derivedClass.prototype[name] = baseClass.prototype[name];
             }
         });
@@ -51,16 +51,28 @@ function clearTemplate(_this, templateNames, index) {
         var regProperties = templateNames && templateNames.filter(function (val) {
             return (/\./g.test(val) ? false : true);
         });
+        var tabaccordionTemp = /tab|accordion|toolbar/.test(_this.getModuleName());
         for (var _i = 0, _a = (regProperties && regProperties || regTemplates); _i < _a.length; _i++) {
             var registeredTemplate = _a[_i];
             /* istanbul ignore next */
             if (index && index.length) {
                 for (var e = 0; e < index.length; e++) {
-                    for (var m = 0; m < _this.registeredTemplate.template.length; m++) {
-                        var value = _this.registeredTemplate.template[m].rootNodes[0];
-                        if (value === index[e]) {
-                            var rt = _this.registeredTemplate[registeredTemplate];
-                            rt[m].destroy();
+                    if (tabaccordionTemp) {
+                        for (var m = 0; m < _this.registeredTemplate[registeredTemplate].length; m++) {
+                            var value = _this.registeredTemplate[registeredTemplate][m];
+                            if (value && value === index[e]) {
+                                value.destroy();
+                                _this.registeredTemplate[registeredTemplate].splice(m, 1);
+                            }
+                        }
+                    }
+                    else {
+                        for (var m = 0; m < _this.registeredTemplate.template.length; m++) {
+                            var value = _this.registeredTemplate.template[m].rootNodes[0];
+                            if (value === index[e]) {
+                                var rt = _this.registeredTemplate[registeredTemplate];
+                                rt[m].destroy();
+                            }
                         }
                     }
                 }
@@ -83,7 +95,9 @@ function clearTemplate(_this, templateNames, index) {
                     }
                 }
             }
-            delete _this.registeredTemplate[registeredTemplate];
+            if (!tabaccordionTemp || !index) {
+                delete _this.registeredTemplate[registeredTemplate];
+            }
         }
     }
     var _loop_1 = function (tagObject) {
@@ -145,8 +159,14 @@ var ComplexBase = /** @__PURE__ @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.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);
@@ -165,7 +185,7 @@ var ComplexBase = /** @__PURE__ @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)) {
+                if (propList.indexOf(dirPropName) !== -1 && (getValue(dirPropName, this) === false || getValue(dirPropName, this))) {
                     setValue(dirPropName, getValue(dirPropName, this), this.propCollection);
                 }
             }
@@ -298,9 +318,12 @@ var ArrayBase = /** @__PURE__ @class */ (function () {
                         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;
@@ -419,6 +442,19 @@ var ComponentBase = /** @__PURE__ @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);
         });
@@ -468,6 +504,7 @@ var ComponentBase = /** @__PURE__ @class */ (function () {
         templateProperties = templateProperties.filter(function (val) {
             return /Ref$/i.test(val);
         });
+        var ngtempRef = tempAfterViewThis.getModuleName() === 'DocumentEditor';
         for (var _i = 0, templateProperties_1 = templateProperties; _i < templateProperties_1.length; _i++) {
             var tempName = templateProperties_1[_i];
             var propName = tempName.replace('Ref', '');
@@ -475,13 +512,21 @@ var ComponentBase = /** @__PURE__ @class */ (function () {
         }
         // Used setTimeout for template binding
         // Refer Link: https://github.com/angular/angular/issues/6005
-        setTimeout(function () {
+        var appendToComponent = function (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(function () {
+                appendToComponent(tempAfterViewThis);
+            });
+        }
+        else {
+            appendToComponent(tempAfterViewThis);
+        }
     };
     // tslint:disable-next-line:no-any
     ComponentBase.prototype.ngOnDestroy = function (isTempRef) {
@@ -493,9 +538,28 @@ var ComponentBase = /** @__PURE__ @class */ (function () {
                 tempOnDestroyThis.destroy();
                 tempOnDestroyThis.clearTemplate(null);
                 // removing bounded events and tagobjects from component after destroy
-                tempOnDestroyThis.ngBoundedEvents = {};
-                tempOnDestroyThis.tagObjects = {};
-                tempOnDestroyThis.ngEle = null;
+                setTimeout(function () {
+                    for (var _i = 0, _a = Object.keys(tempOnDestroyThis); _i < _a.length; _i++) {
+                        var key = _a[_i];
+                        var value = tempOnDestroyThis[key];
+                        if (value && /object/.test(typeof value) && Object.keys(value).length !== 0) {
+                            if (/properties|changedProperties|childChangedProperties|oldProperties|moduleLoader/.test(key)) {
+                                for (var _b = 0, _c = Object.keys(tempOnDestroyThis[key]); _b < _c.length; _b++) {
+                                    var propKey = _c[_b];
+                                    var 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;
+                                }
+                            }
+                        }
+                    }
+                });
             }
         });
     };
@@ -535,24 +599,40 @@ var ComponentBase = /** @__PURE__ @class */ (function () {
                                 var complexPropName = compDirPropList[k];
                                 obj[complexPropName] = tagObject.instance.list[h].propCollection[complexPropName];
                             }
-                            for (var i = 0; i < tagObject.instance.list[h].tags.length; i++) {
+                            var _loop_1 = function (i) {
                                 var tag = tagObject.instance.list[h].tags[i];
                                 var childObj = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tagObject.instance.list[h]);
                                 if (childObj) {
                                     var innerchildObj = tagObject.instance.list[h]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
-                                    if (innerchildObj) {
-                                        for (var j = 0; j < innerchildObj.list.length; j++) {
-                                            var innerTag = innerchildObj.list[0].tags[0];
-                                            if (innerTag) {
-                                                var 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
+                                    var updateChildTag_1 = function (innerchild) {
+                                        var innerLevelTag = [];
+                                        if (innerchild) {
+                                            for (var j = 0; j < innerchild.list.length; j++) {
+                                                var innerTag = innerchild.list[0].tags[0];
+                                                if (innerTag) {
+                                                    var 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 (var l = 0; l < innerLevelTag.length; l++) {
+                                                updateChildTag_1(innerLevelTag[l]);
+                                            }
+                                        }
+                                        
+                                    };
+                                    updateChildTag_1(innerchildObj);
                                     tagObject.instance.list[h].tagObjects.push({ instance: childObj, name: tag });
                                 }
+                            };
+                            for (var i = 0; i < tagObject.instance.list[h].tags.length; i++) {
+                                _loop_1(i);
                             }
                             tagObject.instance.list[h].propCollection[tagObject.instance.propertyName].push(obj);
                         }
@@ -563,7 +643,7 @@ var ComponentBase = /** @__PURE__ @class */ (function () {
                 }
                 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 (var _b = 0, _c = tagObject.instance.list; _b < _c.length; _b++) {
@@ -574,7 +654,7 @@ var ComponentBase = /** @__PURE__ @class */ (function () {
                         complexTemplates = complexTemplates.filter(function (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 (var _d = 0, complexTemplates_2 = complexTemplates; _d < complexTemplates_2.length; _d++) {
                                 var complexPropName = complexTemplates_2[_d];
                                 complexPropName = complexPropName.replace(/Ref/, '');
@@ -610,7 +690,7 @@ var ComponentBase = /** @__PURE__ @class */ (function () {
     };
     ComponentBase.prototype.addTwoWay = function (propList) {
         var _this = this;
-        var _loop_1 = function (prop) {
+        var _loop_2 = function (prop) {
             getValue(prop, this_1);
             Object.defineProperty(this_1, prop, {
                 get: function () {
@@ -623,7 +703,7 @@ var ComponentBase = /** @__PURE__ @class */ (function () {
         var this_1 = this;
         for (var _i = 0, propList_1 = propList; _i < propList_1.length; _i++) {
             var prop = propList_1[_i];
-            _loop_1(prop);
+            _loop_2(prop);
         }
     };
     ComponentBase.prototype.addEventListener = function (eventName, handler) {
@@ -706,6 +786,7 @@ var FormBase = /** @__PURE__ @class */ (function () {
                 }
             }
         }
+        this.cdr.markForCheck();
     };
     FormBase.prototype.registerOnChange = function (registerFunction) {
         this.propagateChange = registerFunction;
@@ -731,16 +812,21 @@ var FormBase = /** @__PURE__ @class */ (function () {
         // 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(function () {
+                    tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+                });
+            }
+            else {
+                tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
+            }
             var ele = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
             ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocus.bind(tempFormAfterViewThis));
             ele.addEventListener('blur', tempFormAfterViewThis.ngOnBlur.bind(tempFormAfterViewThis));
         }
         this.isFormInit = false;
-        // });
     };
     FormBase.prototype.setDisabledState = function (disabled) {
         this.enabled = !disabled;
@@ -774,6 +860,7 @@ var FormBase = /** @__PURE__ @class */ (function () {
         // 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;
         }
@@ -783,6 +870,7 @@ var FormBase = /** @__PURE__ @class */ (function () {
         if (this.skipFromEvent !== true) {
             this.focus.emit(e);
         }
+        this.cdr.markForCheck();
     };
     FormBase.prototype.ngOnBlur = function (e) {
         this.propagateTouch();
@@ -790,6 +878,7 @@ var FormBase = /** @__PURE__ @class */ (function () {
         if (this.skipFromEvent !== true) {
             this.blur.emit(e);
         }
+        this.cdr.markForCheck();
     };
     FormBase.isFormBase = true;
     return FormBase;
@@ -800,7 +889,7 @@ var 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 {
@@ -812,7 +901,12 @@ function compile(templateEle, helper) {
             /* istanbul ignore next */
             var conRef = contRef_1 ? contRef_1 : component.viewContainerRef;
             var viewRef = conRef.createEmbeddedView(templateEle, context);
-            viewRef.markForCheck();
+            if (getValue('currentInstance.element.nodeName', conRef) === 'EJS-MENTION') {
+                viewRef.detectChanges();
+            }
+            else {
+                viewRef.markForCheck();
+            }
             /* istanbul ignore next */
             var viewCollection = (component && component.registeredTemplate) ?
                 component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);