@syncfusion/ej2-angular-base 25.2.7-18564 → 26.1.39

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

@@ -1,38 +1,53 @@
-import { attributes, createElement, getTemplateEngine, getValue, isNullOrUndefined, isObject, isUndefined, setTemplateEngine, setValue } from '@syncfusion/ej2-base';
+import { isNullOrUndefined, getValue, setValue as setValue$1, createElement, attributes, isUndefined, isObject, getTemplateEngine, setTemplateEngine } from '@syncfusion/ej2-base';
 import { EventEmitter } from '@angular/core';
 
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 /**
  * Angular Utility Module
+ *
+ * @param {Function} derivedClass The derived class to which mixins are applied.
+ * @param {Function[]} baseClass An array of base classes whose methods are applied as mixins.
+ * @returns {void}
  */
-/* tslint:disable */
 function applyMixins(derivedClass, baseClass) {
-    baseClass.forEach(baseClass => {
-        Object.getOwnPropertyNames(baseClass.prototype).forEach(name => {
-            if (!derivedClass.prototype.hasOwnProperty(name) || (baseClass.isFormBase && name !== 'constructor')) {
-                derivedClass.prototype[name] = baseClass.prototype[name];
+    baseClass.forEach((baseClass) => {
+        Object.getOwnPropertyNames(baseClass.prototype).forEach((name) => {
+            if (!Object.prototype.hasOwnProperty.call(derivedClass.prototype, name) || (baseClass.isFormBase && name !== 'constructor')) {
+                derivedClass.prototype[`${name}`] = baseClass.prototype[`${name}`];
             }
         });
     });
 }
-/* tslint:disable */
+/**
+ * Decorator function to apply mixins to a derived class.
+ *
+ * @param {Function[]} baseClass - An array of mixin classes to be applied to the derived class.
+ * @returns {ClassDecorator} The decorator function.
+ */
 function ComponentMixins(baseClass) {
     return function (derivedClass) {
         applyMixins(derivedClass, baseClass);
     };
 }
 /**
+ * Registers events.
+ *
  * @private
+ * @param {string[]} eventList - The list of events to register.
+ * @param {any} obj - The object on which to register the events.
+ * @param {boolean} [direct] - Whether to register events directly on the object or not.
+ * @returns {void}
  */
 function registerEvents(eventList, obj, direct) {
-    let ngEventsEmitter = {};
+    const ngEventsEmitter = {};
     if (eventList && eventList.length) {
-        for (let event of eventList) {
+        for (const event of eventList) {
             if (direct === true) {
-                obj.propCollection[event] = new EventEmitter(false);
-                obj[event] = obj.propCollection[event];
+                obj.propCollection[`${event}`] = new EventEmitter(false);
+                obj[`${event}`] = obj.propCollection[`${event}`];
             }
             else {
-                ngEventsEmitter[event] = new EventEmitter(false);
+                ngEventsEmitter[`${event}`] = new EventEmitter(false);
             }
         }
         if (direct !== true) {
@@ -41,49 +56,55 @@ function registerEvents(eventList, obj, direct) {
     }
 }
 /**
+ * Clears registered templates.
+ *
  * @private
+ * @param {any} _this - The context object.
+ * @param {string[]} [templateNames] - Optional. An array of template names to clear.
+ * @param {any[]} [index] - Optional. An array of indices specifying templates to clear.
+ * @returns {void}
  */
 function clearTemplate(_this, templateNames, index) {
-    let regTemplates = Object.keys(_this.registeredTemplate);
+    const regTemplates = Object.keys(_this.registeredTemplate);
     if (regTemplates.length) {
         /* istanbul ignore next */
-        let regProperties = templateNames && templateNames.filter((val) => {
+        const 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)) {
+        const tabaccordionTemp = /tab|accordion|toolbar/.test(_this.getModuleName());
+        for (const registeredTemplate of (regProperties && regProperties || regTemplates)) {
             /* istanbul ignore next */
             if (index && index.length) {
                 for (let e = 0; e < index.length; e++) {
                     if (tabaccordionTemp) {
-                        for (let m = 0; m < _this.registeredTemplate[registeredTemplate].length; m++) {
-                            let value = _this.registeredTemplate[registeredTemplate][m];
-                            if (value && value === index[e]) {
+                        for (let m = 0; m < _this.registeredTemplate[`${registeredTemplate}`].length; m++) {
+                            const value = _this.registeredTemplate[`${registeredTemplate}`][parseInt(m.toString(), 10)];
+                            if (value && value === index[`${e}`]) {
                                 value.destroy();
-                                _this.registeredTemplate[registeredTemplate].splice(m, 1);
+                                _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();
+                            const value = _this.registeredTemplate.template[parseInt(m.toString(), 10)].rootNodes[0];
+                            if (value === index[`${e}`]) {
+                                const rt = _this.registeredTemplate[`${registeredTemplate}`];
+                                rt[parseInt(m.toString(), 10)].destroy();
                             }
                         }
                     }
                 }
             }
             else {
-                if (_this.registeredTemplate[registeredTemplate]) {
-                    for (let rt of _this.registeredTemplate[registeredTemplate]) {
+                if (_this.registeredTemplate[`${registeredTemplate}`]) {
+                    for (const rt of _this.registeredTemplate[`${registeredTemplate}`]) {
                         if (!rt.destroyed) {
                             if (rt._view) {
-                                let pNode = rt._view.renderer.parentNode(rt.rootNodes[0]);
+                                const pNode = rt._view.renderer.parentNode(rt.rootNodes[0]);
                                 if (!isNullOrUndefined(pNode)) {
                                     for (let m = 0; m < rt.rootNodes.length; m++) {
-                                        pNode.appendChild(rt.rootNodes[m]);
+                                        pNode.appendChild(rt.rootNodes[parseInt(m.toString(), 10)]);
                                     }
                                 }
                             }
@@ -93,40 +114,42 @@ function clearTemplate(_this, templateNames, index) {
                 }
             }
             if (!tabaccordionTemp || !index) {
-                delete _this.registeredTemplate[registeredTemplate];
+                delete _this.registeredTemplate[`${registeredTemplate}`];
             }
         }
     }
-    for (let tagObject of _this.tagObjects) {
+    for (const tagObject of _this.tagObjects) {
         if (tagObject.instance) {
             /* istanbul ignore next */
             tagObject.instance.clearTemplate((templateNames && templateNames.filter((val) => {
-                return (new RegExp(tagObject.name).test(val) ? true : false);
+                const regExp = RegExp;
+                return (new regExp(tagObject.name).test(val) ? true : false);
             })));
         }
     }
 }
 /**
  * To set value for the nameSpace in desired object.
- * @param {string} nameSpace - String value to the get the inner object
+ *
+ * @param {string} nameSpace - String value to get the inner object.
  * @param {any} value - Value that you need to set.
- * @param {any} obj - Object to get the inner object value.
- * @return {void}
+ * @param {any} object - Object to get the inner object value.
+ * @returns {void}
  * @private
  */
-function setValue$1(nameSpace, value, object) {
-    let keys = nameSpace.replace(/\[/g, '.').replace(/\]/g, '').split('.');
+function setValue(nameSpace, value, object) {
+    const keys = nameSpace.replace(/\[/g, '.').replace(/\]/g, '').split('.');
     /* istanbul ignore next */
     let fromObj = object || {};
     for (let i = 0; i < keys.length; i++) {
-        let key = keys[i];
+        const key = keys[parseInt(i.toString(), 10)];
         if (i + 1 === keys.length) {
-            fromObj[key] = value === undefined ? {} : value;
+            fromObj[`${key}`] = value === undefined ? {} : value;
         }
-        else if (fromObj[key] === undefined) {
-            fromObj[key] = {};
+        else if (fromObj[`${key}`] === undefined) {
+            fromObj[`${key}`] = {};
         }
-        fromObj = fromObj[key];
+        fromObj = fromObj[`${key}`];
     }
     return fromObj;
 }
@@ -142,22 +165,22 @@ class ComplexBase {
     }
     ngOnInit() {
         this.registeredTemplate = {};
-        for (let tag of this.tags) {
-            let objInstance = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), this);
+        for (const tag of this.tags) {
+            const objInstance = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), this);
             if (objInstance) {
                 this.tagObjects.push({ instance: objInstance, name: tag });
             }
         }
         let templateProperties = Object.keys(this);
         for (let i = 0; i < templateProperties.length; i++) {
-            var tempProp = getValue(templateProperties[i], this);
+            const tempProp = getValue(templateProperties[parseInt(i.toString(), 10)], 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(templateProperties[parseInt(i.toString(), 10)].indexOf('Ref') !== -1 ? templateProperties[parseInt(i.toString(), 10)] : templateProperties[parseInt(i.toString(), 10)] + 'Ref', this)) {
+                    setValue$1(templateProperties[parseInt(i.toString(), 10)].indexOf('Ref') !== -1 ? templateProperties[parseInt(i.toString(), 10)] : templateProperties[parseInt(i.toString(), 10)] + '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 (getValue('viewContainerRef', this) && !getValue('_viewContainerRef', tempProp.elementRef.nativeElement) && !getValue('propName', tempProp.elementRef.nativeElement)) {
+                    setValue$1('_viewContainerRef', getValue('viewContainerRef', this), tempProp.elementRef.nativeElement);
+                    setValue$1('propName', templateProperties[parseInt(i.toString(), 10)].replace('Ref', ''), tempProp.elementRef.nativeElement);
                 }
             }
         }
@@ -165,19 +188,19 @@ class ComplexBase {
         templateProperties = templateProperties.filter((val) => {
             return /Ref$/i.test(val);
         });
-        for (let tempName of templateProperties) {
-            let propName = tempName.replace('Ref', '');
-            setValue(propName.replace('_', '.'), getValue(propName, this), this.propCollection);
+        for (const tempName of templateProperties) {
+            const propName = tempName.replace('Ref', '');
+            setValue$1(propName.replace('_', '.'), getValue(propName, this), this.propCollection);
         }
         // Angular 9 compatibility to overcome ngOnchange not get triggered issue
         // To Update properties to "this.propCollection"
-        let propList = Object.keys(this);
+        const propList = Object.keys(this);
         /* istanbul ignore next */
         if (this.directivePropList) {
             for (let k = 0; k < this.directivePropList.length; k++) {
-                let dirPropName = this.directivePropList[k];
+                const dirPropName = this.directivePropList[parseInt(k.toString(), 10)];
                 if (propList.indexOf(dirPropName) !== -1 && (getValue(dirPropName, this) === false || getValue(dirPropName, this))) {
-                    setValue(dirPropName, getValue(dirPropName, this), this.propCollection);
+                    setValue$1(dirPropName, getValue(dirPropName, this), this.propCollection);
                 }
             }
             this.hasChanges = true;
@@ -188,9 +211,9 @@ class ComplexBase {
         registerEvents(eventList, this, true);
     }
     ngOnChanges(changes) {
-        for (let propName of Object.keys(changes)) {
-            let changedVal = changes[propName];
-            this.propCollection[propName] = changedVal.currentValue;
+        for (const propName of Object.keys(changes)) {
+            const changedVal = changes[`${propName}`];
+            this.propCollection[`${propName}`] = changedVal.currentValue;
         }
         this.isUpdated = false;
         this.hasChanges = true;
@@ -201,7 +224,7 @@ class ComplexBase {
     }
     getProperties() {
         /* istanbul ignore next */
-        for (let tagObject of this.tagObjects) {
+        for (const tagObject of this.tagObjects) {
             this.propCollection[tagObject.name] = tagObject.instance.getProperties();
         }
         return this.propCollection;
@@ -209,16 +232,16 @@ class ComplexBase {
     isChanged() {
         let result = this.hasChanges;
         if (!isNullOrUndefined(this.propCollection[this.property])) {
-            let tempProps = this.propCollection[this.property];
-            let props = Object.keys(tempProps[0]);
+            const tempProps = this.propCollection[this.property];
+            const props = Object.keys(tempProps[0]);
             for (let d = 0; d < props.length; d++) {
-                if (!isNullOrUndefined(this.propCollection[props[d]])) {
-                    let val = getValue(props[d], this);
-                    let propVal = this.propCollection[this.property][0][props[d]];
-                    if (!isNullOrUndefined(val) && this.propCollection[props[d]] !== val
+                if (!isNullOrUndefined(this.propCollection[props[parseInt(d.toString(), 10)]])) {
+                    const val = getValue(props[parseInt(d.toString(), 10)], this);
+                    const propVal = this.propCollection[this.property][0][props[parseInt(d.toString(), 10)]];
+                    if (!isNullOrUndefined(val) && this.propCollection[props[parseInt(d.toString(), 10)]] !== val
                         && propVal !== val) {
-                        setValue(props[d], val, this.propCollection[this.property][0]);
-                        setValue(props[d], val, this.propCollection);
+                        setValue$1(props[parseInt(d.toString(), 10)], val, this.propCollection[this.property][0]);
+                        setValue$1(props[parseInt(d.toString(), 10)], val, this.propCollection);
                         this.hasChanges = true;
                         this.isUpdated = false;
                     }
@@ -226,7 +249,7 @@ class ComplexBase {
             }
         }
         /* istanbul ignore next */
-        for (let item of this.tagObjects) {
+        for (const item of this.tagObjects) {
             result = result || item.instance.hasChanges;
         }
         return result || this.hasChanges;
@@ -238,9 +261,9 @@ class ComplexBase {
             templateProperties = templateProperties.filter((val) => {
                 return refRegex.test(val);
             });
-            for (let tempName of templateProperties) {
-                let propName = tempName.replace('Ref', '');
-                setValue(propName.replace('_', '.'), getValue(propName, this), this.propCollection);
+            for (const tempName of templateProperties) {
+                const propName = tempName.replace('Ref', '');
+                setValue$1(propName.replace('_', '.'), getValue(propName, this), this.propCollection);
             }
         }
     }
@@ -279,8 +302,8 @@ class ArrayBase {
         this.hasChanges = true;
     }
     getProperties() {
-        let onlyProp = [];
-        for (let item of this.list) {
+        const onlyProp = [];
+        for (const item of this.list) {
             onlyProp.push(item.getProperties());
         }
         return onlyProp;
@@ -289,24 +312,26 @@ class ArrayBase {
         let result = false;
         let index = 0;
         let isSourceChanged = false;
-        // tslint:disable-next-line
-        let childrenDataSource = this.children.map((child) => {
+        const childrenDataSource = this.children.map((child) => {
             return child;
         });
         /* istanbul ignore next */
         if (this.list.length === this.children.length) {
             for (let i = 0; i < this.list.length; i++) {
-                if (this.list[i].propCollection.dataSource) {
-                    if (this.list[i].dataSource && this.list[i].propCollection.dataSource !== this.list[i].dataSource) {
-                        this.list[i].propCollection.dataSource = this.list[i].dataSource;
-                        this.list[i].hasChanges = true;
+                if (this.list[parseInt(i.toString(), 10)].propCollection.dataSource) {
+                    if (this.list[parseInt(i.toString(), 10)].dataSource &&
+                        this.list[parseInt(i.toString(), 10)].propCollection.dataSource
+                            !== this.list[parseInt(i.toString(), 10)].dataSource) {
+                        this.list[parseInt(i.toString(), 10)].propCollection.dataSource = this.list[parseInt(i.toString(), 10)].dataSource;
+                        this.list[parseInt(i.toString(), 10)].hasChanges = true;
                     }
-                    if (this.list[i].property !== "series") {
-                        isSourceChanged = (JSON.stringify(this.list[i].propCollection.dataSource) !==
-                            JSON.stringify(childrenDataSource[i].propCollection.dataSource));
+                    if (this.list[parseInt(i.toString(), 10)].property !== 'series') {
+                        isSourceChanged = (JSON.stringify(this.list[parseInt(i.toString(), 10)].propCollection.dataSource) !==
+                            JSON.stringify(childrenDataSource[parseInt(i.toString(), 10)].propCollection.dataSource));
                     }
                 }
-                isSourceChanged = this.list[i].hasChanges !== childrenDataSource[i].hasChanges;
+                isSourceChanged = this.list[parseInt(i.toString(), 10)].hasChanges
+                    !== childrenDataSource[parseInt(i.toString(), 10)].hasChanges;
             }
         }
         this.hasNewChildren = (this.list.length !== this.children.length || isSourceChanged) ? true : null;
@@ -318,26 +343,27 @@ class ArrayBase {
             });
         }
         /* istanbul ignore end */
-        for (let item of this.list) {
+        for (const item of this.list) {
             result = result || item.hasChanges;
         }
         return !!this.list.length && result;
     }
     clearTemplate(templateNames) {
         /* istanbul ignore next */
-        for (let item of this.list) {
+        for (const item of this.list) {
             item.clearTemplate(templateNames && templateNames.map((val) => {
-                return new RegExp(this.propertyName).test(val) ? val.replace(this.propertyName + '.', '') : val;
+                const regExp = RegExp;
+                return new regExp(this.propertyName).test(val) ? val.replace(this.propertyName + '.', '') : val;
             }));
         }
     }
     ngAfterContentChecked() {
         this.hasChanges = this.isChanged();
         for (let i = 0; i < this.list.length; i++) {
-            if (getValue('childColumns', this.list[i]) && getValue('property', this.list[i]) === 'columns') {
-                setValue('columns', getValue('childColumns', this.list[i]).getProperties(), this.list[i].propCollection);
+            if (getValue('childColumns', this.list[parseInt(i.toString(), 10)]) && getValue('property', this.list[parseInt(i.toString(), 10)]) === 'columns') {
+                setValue$1('columns', getValue('childColumns', this.list[parseInt(i.toString(), 10)]).getProperties(), this.list[parseInt(i.toString(), 10)].propCollection);
             }
-            this.list[i].isUpdated = true;
+            this.list[parseInt(i.toString(), 10)].isUpdated = true;
         }
     }
     ngAfterViewInit() {
@@ -348,9 +374,7 @@ class ArrayBase {
     }
 }
 
-/**
- * Angular Component Base Module
- */
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 class ComponentBase {
     constructor() {
         this.isProtectedOnChange = true;
@@ -360,21 +384,17 @@ class ComponentBase {
         if (this.isProtectedOnChange) {
             return;
         }
-        this.oldProperties[key] = oldValue;
-        this.changedProperties[key] = newValue;
+        this.oldProperties[`${key}`] = oldValue;
+        this.changedProperties[`${key}`] = newValue;
         this.finalUpdate();
-        // tslint:disable-next-line:no-any
-        let changeTime = setTimeout(this.dataBind.bind(this));
-        let clearUpdate = () => {
+        const changeTime = setTimeout(this.dataBind.bind(this));
+        const clearUpdate = () => {
             clearTimeout(changeTime);
         };
         this.finalUpdate = clearUpdate;
     }
-    ;
-    // tslint:disable-next-line:no-any
     ngOnInit(isTempRef) {
-        // tslint:disable-next-line:no-any
-        let tempOnThis = isTempRef || this;
+        const tempOnThis = isTempRef || this;
         tempOnThis.registeredTemplate = {};
         tempOnThis.ngBoundedEvents = {};
         tempOnThis.isAngular = true;
@@ -389,8 +409,7 @@ class ComponentBase {
         tempOnThis.ngAttr = this.getAngularAttr(tempOnThis.element);
         /* istanbul ignore next */
         tempOnThis.createElement = (tagName, prop) => {
-            //tslint:disable-next-line
-            let ele = tempOnThis.srenderer ? tempOnThis.srenderer.createElement(tagName) : createElement(tagName);
+            const ele = tempOnThis.srenderer ? tempOnThis.srenderer.createElement(tagName) : createElement(tagName);
             if (typeof (prop) === 'undefined') {
                 return ele;
             }
@@ -412,8 +431,8 @@ class ComponentBase {
             }
             return ele;
         };
-        for (let tag of tempOnThis.tags) {
-            let tagObject = {
+        for (const tag of tempOnThis.tags) {
+            const tagObject = {
                 instance: getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tempOnThis),
                 name: tag
             };
@@ -421,46 +440,43 @@ class ComponentBase {
         }
         let complexTemplates = Object.keys(tempOnThis);
         for (let i = 0; i < complexTemplates.length; i++) {
-            var compProp = getValue(complexTemplates[i], tempOnThis);
+            const compProp = getValue(complexTemplates[parseInt(i.toString(), 10)], 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 (typeof compProp === 'object' && compProp && compProp.elementRef && complexTemplates[parseInt(i.toString(), 10)].indexOf('_') !== -1 && complexTemplates[parseInt(i.toString(), 10)].indexOf('Ref') === -1) {
+                    setValue$1(complexTemplates[parseInt(i.toString(), 10)] + '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);
+                if (tempOnThis.viewContainerRef && !getValue('_viewContainerRef', compProp.elementRef.nativeElement) && !getValue('propName', compProp.elementRef.nativeElement)) {
+                    setValue$1('_viewContainerRef', tempOnThis.viewContainerRef, compProp.elementRef.nativeElement);
+                    setValue$1('propName', complexTemplates[parseInt(i.toString(), 10)].replace('Ref', ''), compProp.elementRef.nativeElement);
                 }
             }
         }
         complexTemplates = Object.keys(tempOnThis);
         complexTemplates = complexTemplates.filter((val) => {
-            return /Ref$/i.test(val) && /\_/i.test(val);
+            return /Ref$/i.test(val) && /_/i.test(val);
         });
-        for (let tempName of complexTemplates) {
-            let propName = tempName.replace('Ref', '');
-            let val = {};
-            setValue(propName.replace('_', '.'), getValue(propName, tempOnThis), val);
+        for (const tempName of complexTemplates) {
+            const propName = tempName.replace('Ref', '');
+            const val = {};
+            setValue$1(propName.replace('_', '.'), getValue(propName, tempOnThis), val);
             tempOnThis.setProperties(val, true);
         }
     }
     getAngularAttr(ele) {
-        let attributes$$1 = ele.attributes;
-        let length = attributes$$1.length;
+        const attributes = ele.attributes;
+        const length = attributes.length;
         let ngAr;
         for (let i = 0; i < length; i++) {
             /* istanbul ignore next */
-            if (/_ngcontent/g.test(attributes$$1[i].name)) {
-                ngAr = attributes$$1[i].name;
+            if (/_ngcontent/g.test(attributes[parseInt(i.toString(), 10)].name)) {
+                ngAr = attributes[parseInt(i.toString(), 10)].name;
             }
         }
         return ngAr;
     }
-    ;
-    // tslint:disable-next-line:no-any
     ngAfterViewInit(isTempRef) {
-        // tslint:disable-next-line:no-any
-        let tempAfterViewThis = isTempRef || this;
-        let regExp = /ejs-tab|ejs-accordion/g;
+        const tempAfterViewThis = isTempRef || this;
+        const regExp = /ejs-tab|ejs-accordion/g;
         /* istanbul ignore next */
         if (regExp.test(tempAfterViewThis.ngEle.nativeElement.outerHTML)) {
             tempAfterViewThis.ngEle.nativeElement.style.visibility = 'hidden';
@@ -481,10 +497,10 @@ 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);
+        const ngtempRef = tempAfterViewThis.getModuleName() === 'DocumentEditor';
+        for (const tempName of templateProperties) {
+            const propName = tempName.replace('Ref', '');
+            setValue$1(propName.replace('_', '.'), getValue(propName + 'Ref', tempAfterViewThis), tempAfterViewThis);
         }
         // Used setTimeout for template binding
         // Refer Link: https://github.com/angular/angular/issues/6005
@@ -504,10 +520,8 @@ class ComponentBase {
             appendToComponent(tempAfterViewThis);
         }
     }
-    // tslint:disable-next-line:no-any
     ngOnDestroy(isTempRef) {
-        // tslint:disable-next-line:no-any
-        let tempOnDestroyThis = isTempRef || this;
+        const tempOnDestroyThis = isTempRef || this;
         /* istanbul ignore else  */
         setTimeout(() => {
             if (typeof window !== 'undefined' && (tempOnDestroyThis.element.classList.contains('e-control'))) {
@@ -515,20 +529,20 @@ class ComponentBase {
                 tempOnDestroyThis.clearTemplate(null);
                 // removing bounded events and tagobjects from component after destroy
                 setTimeout(function () {
-                    for (let key of Object.keys(tempOnDestroyThis)) {
-                        let value = tempOnDestroyThis[key];
+                    for (const key of Object.keys(tempOnDestroyThis)) {
+                        const 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];
+                                for (const propKey of Object.keys(tempOnDestroyThis[`${key}`])) {
+                                    const propValue = value[`${propKey}`];
                                     if (propValue && /object/.test(typeof propValue) && Object.keys(propValue).length !== 0 && (propValue.parent || propValue.parentObj)) {
-                                        tempOnDestroyThis[key][propKey] = null;
+                                        tempOnDestroyThis[`${key}`][`${propKey}`] = null;
                                     }
                                 }
                             }
                             else {
                                 if (value.parent || value.parentObj) {
-                                    tempOnDestroyThis[key] = null;
+                                    tempOnDestroyThis[`${key}`] = null;
                                 }
                             }
                         }
@@ -537,25 +551,21 @@ class ComponentBase {
             }
         });
     }
-    //tslint:disable-next-line
     clearTemplate(templateNames, index) {
         clearTemplate(this, templateNames, index);
     }
-    ;
-    // tslint:disable-next-line:no-any
     ngAfterContentChecked(isTempRef) {
-        // tslint:disable-next-line:no-any
-        let tempAfterContentThis = isTempRef || this;
-        for (let tagObject of tempAfterContentThis.tagObjects) {
+        const tempAfterContentThis = isTempRef || this;
+        for (const tagObject of tempAfterContentThis.tagObjects) {
             if (!isUndefined(tagObject.instance) &&
                 (tagObject.instance.isInitChanges || tagObject.instance.hasChanges || tagObject.instance.hasNewChildren)) {
-                let propObj = {};
+                const propObj = {};
                 if (tagObject.instance.isInitChanges) {
                     // For angular 9 compatibility
                     // Not able to get complex directive properties reference ni Onint hook
                     // So we have constructed property here and used
                     let complexDirProps;
-                    let list = getValue('instance.list', tagObject);
+                    const list = getValue('instance.list', tagObject);
                     if (list && list.length) {
                         complexDirProps = list[0].directivePropList;
                     }
@@ -564,29 +574,30 @@ class ComponentBase {
                         skip = false;
                     }
                     if (complexDirProps && skip && complexDirProps.indexOf(tagObject.instance.propertyName) === -1) {
-                        let compDirPropList = Object.keys(tagObject.instance.list[0].propCollection);
+                        const compDirPropList = Object.keys(tagObject.instance.list[0].propCollection);
                         for (let h = 0; h < tagObject.instance.list.length; h++) {
-                            tagObject.instance.list[h].propCollection[tagObject.instance.propertyName] = [];
-                            let obj = {};
+                            tagObject.instance.list[`${h}`].propCollection[tagObject.instance.propertyName] = [];
+                            const obj = {};
                             for (let k = 0; k < compDirPropList.length; k++) {
-                                let complexPropName = compDirPropList[k];
-                                obj[complexPropName] = tagObject.instance.list[h].propCollection[complexPropName];
+                                const complexPropName = compDirPropList[parseInt(k.toString(), 10)];
+                                obj[`${complexPropName}`] = tagObject.instance.list[`${h}`].propCollection[`${complexPropName}`];
                             }
-                            for (let i = 0; i < tagObject.instance.list[h].tags.length; i++) {
-                                let tag = tagObject.instance.list[h].tags[i];
-                                let childObj = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tagObject.instance.list[h]);
+                            for (let i = 0; i < tagObject.instance.list[`${h}`].tags.length; i++) {
+                                const tag = tagObject.instance.list[`${h}`].tags[parseInt(i.toString(), 10)];
+                                const 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)];
+                                    const innerchildObj = tagObject.instance.list[`${h}`]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
                                     // Update the inner child tag objects
                                     const updateChildTag = (innerchild) => {
-                                        let innerLevelTag = [];
+                                        const innerLevelTag = [];
                                         if (innerchild) {
                                             for (let j = 0; j < innerchild.list.length; j++) {
-                                                let innerTag = innerchild.list[0].tags[0];
+                                                const innerTag = innerchild.list[0].tags[0];
                                                 if (innerTag) {
-                                                    let innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchild.list[j]);
+                                                    const innerchildTag = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchild.list[parseInt(j.toString(), 10)]);
                                                     if (innerchildTag) {
-                                                        innerchild.list[j].tagObjects.push({ instance: innerchildTag, name: innerTag });
+                                                        innerchild.list[parseInt(j.toString(), 10)].tagObjects
+                                                            .push({ instance: innerchildTag, name: innerTag });
                                                         innerLevelTag.push(innerchildTag);
                                                     }
                                                 }
@@ -595,16 +606,15 @@ class ComponentBase {
                                         // check for inner level tag
                                         if (innerLevelTag.length !== 0) {
                                             for (let l = 0; l < innerLevelTag.length; l++) {
-                                                updateChildTag(innerLevelTag[l]);
+                                                updateChildTag(innerLevelTag[parseInt(l.toString(), 10)]);
                                             }
                                         }
-                                        
                                     };
                                     updateChildTag(innerchildObj);
-                                    tagObject.instance.list[h].tagObjects.push({ instance: childObj, name: tag });
+                                    tagObject.instance.list[`${h}`].tagObjects.push({ instance: childObj, name: tag });
                                 }
                             }
-                            tagObject.instance.list[h].propCollection[tagObject.instance.propertyName].push(obj);
+                            tagObject.instance.list[`${h}`].propCollection[tagObject.instance.propertyName].push(obj);
                         }
                     }
                     // End angular 9 compatibility
@@ -618,9 +628,9 @@ class ComponentBase {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
                         hasDiffLength = true;
                     }
-                    for (let list of tagObject.instance.list) {
-                        let curIndex = tagObject.instance.list.indexOf(list);
-                        let curChild = getValue(tagObject.name, tempAfterContentThis)[curIndex];
+                    for (const list of tagObject.instance.list) {
+                        const curIndex = tagObject.instance.list.indexOf(list);
+                        const curChild = getValue(tagObject.name, tempAfterContentThis)[`${curIndex}`];
                         let complexTemplates = Object.keys(curChild);
                         complexTemplates = complexTemplates.filter((val) => {
                             return /Ref$/i.test(val);
@@ -628,8 +638,8 @@ class ComponentBase {
                         if (curChild.properties && Object.keys(curChild.properties).length !== 0) {
                             for (let complexPropName of complexTemplates) {
                                 complexPropName = complexPropName.replace(/Ref/, '');
-                                curChild.properties[complexPropName] = !curChild.properties[complexPropName] ?
-                                    curChild.propCollection[complexPropName] : curChild.properties[complexPropName];
+                                curChild.properties[`${complexPropName}`] = !curChild.properties[`${complexPropName}`] ?
+                                    curChild.propCollection[`${complexPropName}`] : curChild.properties[`${complexPropName}`];
                             }
                         }
                         if (!isUndefined(curChild) && !isUndefined(curChild.setProperties)) {
@@ -642,7 +652,7 @@ class ComponentBase {
                         }
                         list.isUpdated = true;
                     }
-                    if ((/grid/.test(tempAfterContentThis.getModuleName()) && hasDiffLength) || /chart/.test(tempAfterContentThis.getModuleName())) {
+                    if ((/grid/.test(tempAfterContentThis.getModuleName()) && hasDiffLength) || tempAfterContentThis.getModuleName() === 'chart') {
                         propObj[tagObject.name] = tagObject.instance.getProperties();
                         tempAfterContentThis.setProperties(propObj, tagObject.instance.isInitChanges);
                     }
@@ -654,16 +664,16 @@ class ComponentBase {
         registerEvents(eventList, this);
     }
     twoWaySetter(newVal, prop) {
-        let oldVal = getValue(prop, this.properties);
+        const oldVal = getValue(prop, this.properties);
         if (oldVal === newVal) {
             return;
         }
         this.saveChanges(prop, newVal, oldVal);
-        setValue(prop, (isNullOrUndefined(newVal) ? null : newVal), this.properties);
+        setValue$1(prop, (isNullOrUndefined(newVal) ? null : newVal), this.properties);
         getValue(prop + 'Change', this).emit(newVal);
     }
     addTwoWay(propList) {
-        for (let prop of propList) {
+        for (const prop of propList) {
             getValue(prop, this);
             Object.defineProperty(this, prop, {
                 get: () => {
@@ -671,27 +681,27 @@ class ComponentBase {
                 },
                 set: (newVal) => this.twoWaySetter(newVal, prop)
             });
-            setValue(prop + 'Change', new EventEmitter(), this);
+            setValue$1(prop + 'Change', new EventEmitter(), this);
         }
     }
     addEventListener(eventName, handler) {
-        let eventObj = getValue(eventName, this);
+        const eventObj = getValue(eventName, this);
         if (!isUndefined(eventObj)) {
-            if (!this.ngBoundedEvents[eventName]) {
-                this.ngBoundedEvents[eventName] = new Map();
+            if (!this.ngBoundedEvents[`${eventName}`]) {
+                this.ngBoundedEvents[`${eventName}`] = new Map();
             }
-            this.ngBoundedEvents[eventName].set(handler, eventObj.subscribe(handler));
+            this.ngBoundedEvents[`${eventName}`].set(handler, eventObj.subscribe(handler));
         }
     }
     removeEventListener(eventName, handler) {
-        let eventObj = getValue(eventName, this);
+        const eventObj = getValue(eventName, this);
         if (!isUndefined(eventObj)) {
-            this.ngBoundedEvents[eventName].get(handler).unsubscribe();
+            this.ngBoundedEvents[`${eventName}`].get(handler).unsubscribe();
         }
     }
     trigger(eventName, eventArgs, success) {
-        let eventObj = getValue(eventName, this);
-        let prevDetection = this.isProtectedOnChange;
+        const eventObj = getValue(eventName, this);
+        const prevDetection = this.isProtectedOnChange;
         this.isProtectedOnChange = false;
         if (eventArgs) {
             eventArgs.name = eventName;
@@ -699,7 +709,7 @@ class ComponentBase {
         if (!isUndefined(eventObj)) {
             eventObj.next(eventArgs);
         }
-        let localEventObj = getValue('local' + eventName.charAt(0).toUpperCase() + eventName.slice(1), this);
+        const localEventObj = getValue('local' + eventName.charAt(0).toUpperCase() + eventName.slice(1), this);
         if (!isUndefined(localEventObj)) {
             localEventObj.call(this, eventArgs);
         }
@@ -720,8 +730,7 @@ class FormBase {
     propagateChange(_) { return; }
     propagateTouch() { return; }
     localChange(e) {
-        //tslint:disable-next-line
-        let value = (e.checked === undefined ? e.value : e.checked);
+        const value = (e.checked === undefined ? e.value : e.checked);
         this.objCheck = isObject(value);
         if (this.isUpdated === true) {
             this.angularValue = this.oldValue;
@@ -744,8 +753,7 @@ class FormBase {
                     this.angularValue = value;
                 }
                 else {
-                    //tslint:disable-next-line
-                    let optionalValue = value;
+                    const optionalValue = value;
                     this.propagateChange(optionalValue);
                     this.angularValue = value;
                 }
@@ -760,20 +768,18 @@ class FormBase {
         this.propagateTouch = registerFunction;
     }
     twoWaySetter(newVal, prop) {
-        let oldVal = this.oldValue || getValue(prop, this.properties);
-        let ele = this.inputElement || this.element;
+        const oldVal = this.oldValue || getValue(prop, this.properties);
+        const ele = this.inputElement || this.element;
         if (ele && oldVal === newVal && this.value === newVal &&
             (ele.value === undefined || ele.value === '')) {
             return;
         }
         this.saveChanges(prop, newVal, oldVal);
-        setValue(prop, (isNullOrUndefined(newVal) ? null : newVal), this.properties);
+        setValue$1(prop, (isNullOrUndefined(newVal) ? null : newVal), this.properties);
         getValue(prop + 'Change', this).emit(newVal);
     }
-    // tslint:disable-next-line:no-any
     ngAfterViewInit(isTempRef) {
-        // tslint:disable-next-line:no-any
-        let tempFormAfterViewThis = isTempRef || this;
+        const tempFormAfterViewThis = isTempRef || this;
         // 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
@@ -787,7 +793,7 @@ class FormBase {
             else {
                 tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
             }
-            let ele = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
+            const ele = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
             ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocus.bind(tempFormAfterViewThis));
             ele.addEventListener('blur', tempFormAfterViewThis.ngOnBlur.bind(tempFormAfterViewThis));
         }
@@ -798,7 +804,7 @@ class FormBase {
         this.disabled = disabled;
     }
     writeValue(value) {
-        let regExp = /ejs-radiobutton/g;
+        const regExp = /ejs-radiobutton/g;
         //update control value from angular
         if (this.checked === undefined) {
             this.value = value;
@@ -848,23 +854,26 @@ class FormBase {
 }
 FormBase.isFormBase = true;
 
-let stringCompiler = getTemplateEngine();
+const stringCompiler = getTemplateEngine();
 /**
  * Angular Template Compiler
+ *
+ * @param {AngularElementType} templateEle - The element representing the template.
+ * @param {Object} [helper] - Optional helper object.
+ * @returns {Function} A function that compiles the template.
  */
 function compile(templateEle, helper) {
     if (typeof templateEle === 'string' || (typeof templateEle === 'function' && templateEle.prototype && templateEle.prototype.CSPTemplate)) {
         return stringCompiler(templateEle, helper);
     }
     else {
-        let contRef = templateEle.elementRef.nativeElement._viewContainerRef;
-        let pName = templateEle.elementRef.nativeElement.propName;
-        //tslint:disable-next-line        
+        const contRef = templateEle.elementRef.nativeElement._viewContainerRef;
+        const pName = templateEle.elementRef.nativeElement.propName;
         return (data, component, propName) => {
-            let context = { $implicit: data };
+            const context = { $implicit: data };
             /* istanbul ignore next */
-            let conRef = contRef ? contRef : component.viewContainerRef;
-            let viewRef = conRef.createEmbeddedView(templateEle, context);
+            const conRef = contRef ? contRef : component.viewContainerRef;
+            const viewRef = conRef.createEmbeddedView(templateEle, context);
             if (/EJS-MENTION|EJS-DROPDOWNLIST/.test(getValue('currentInstance.element.nodeName', conRef)) || /E-TABITEM/.test(getValue('element.nativeElement.nodeName', conRef))) {
                 viewRef.detectChanges();
             }
@@ -872,23 +881,26 @@ function compile(templateEle, helper) {
                 viewRef.markForCheck();
             }
             /* istanbul ignore next */
-            let viewCollection = (component && component.registeredTemplate) ?
+            const viewCollection = (component && component.registeredTemplate) ?
                 component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);
             propName = (propName && component.registeredTemplate) ? propName : pName;
-            if (typeof viewCollection[propName] === 'undefined') {
-                viewCollection[propName] = [];
+            if (typeof viewCollection[`${propName}`] === 'undefined') {
+                viewCollection[`${propName}`] = [];
             }
-            viewCollection[propName].push(viewRef);
+            viewCollection[`${propName}`].push(viewRef);
             return viewRef.rootNodes;
         };
     }
 }
 /**
  * Property decorator for angular.
+ *
+ * @param {Object} [defaultValue] - Default value for the property.
+ * @returns {PropertyDecorator} The decorator function.
  */
 function Template(defaultValue) {
     return (target, key) => {
-        let propertyDescriptor = {
+        const propertyDescriptor = {
             set: setter(key),
             get: getter(key, defaultValue),
             enumerable: true,
@@ -897,12 +909,18 @@ function Template(defaultValue) {
         Object.defineProperty(target, key, propertyDescriptor);
     };
 }
+/**
+ * Creates a setter function for a given property key.
+ *
+ * @param {string} key - The property key.
+ * @returns {Function} The setter function.
+ */
 function setter(key) {
     return function (val) {
         if (val === undefined) {
             return;
         }
-        setValue(key + 'Ref', val, this);
+        setValue$1(key + 'Ref', val, this);
         if (typeof val !== 'string') {
             val.elementRef.nativeElement._viewContainerRef = this.viewContainerRef;
             val.elementRef.nativeElement.propName = key;
@@ -915,18 +933,20 @@ function setter(key) {
         }
     };
 }
+/**
+ * Returns a getter function for the specified key and default value.
+ *
+ * @param {string} key - The key for the property.
+ * @param {Object} defaultValue - The default value for the property.
+ * @returns {Function} The getter function.
+ */
 function getter(key, defaultValue) {
     return function () {
         /* istanbul ignore next */
         return getValue(key + 'Ref', this) || defaultValue;
     };
 }
-//tslint:disable-next-line
 setTemplateEngine({ compile: compile });
 
-/**
- * Index
- */
-
-export { ComplexBase, ArrayBase, ComponentBase, FormBase, applyMixins, ComponentMixins, registerEvents, clearTemplate, setValue$1 as setValue, compile, Template };
+export { ArrayBase, ComplexBase, ComponentBase, ComponentMixins, FormBase, Template, applyMixins, clearTemplate, compile, registerEvents, setValue };
 //# sourceMappingURL=ej2-angular-base.es2015.js.map