@syncfusion/ej2-angular-base 25.2.4 → 26.1.35

package/src/component-base.js

@@ -1,10 +1,10 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 /**
  * Angular Component Base Module
  */
 import { getValue, isUndefined, setValue, isNullOrUndefined, attributes, createElement } from '@syncfusion/ej2-base';
 import { EventEmitter } from '@angular/core';
 import { clearTemplate, registerEvents } from './util';
-var SVG_REG = /^svg|^path|^g/;
 var ComponentBase = /** @class */ (function () {
     function ComponentBase() {
         this.isProtectedOnChange = true;
@@ -14,20 +14,16 @@ var ComponentBase = /** @class */ (function () {
         if (this.isProtectedOnChange) {
             return;
         }
-        this.oldProperties[key] = oldValue;
-        this.changedProperties[key] = newValue;
+        this.oldProperties["".concat(key)] = oldValue;
+        this.changedProperties["".concat(key)] = newValue;
         this.finalUpdate();
-        // tslint:disable-next-line:no-any
         var changeTime = setTimeout(this.dataBind.bind(this));
         var clearUpdate = function () {
             clearTimeout(changeTime);
         };
         this.finalUpdate = clearUpdate;
     };
-    ;
-    // tslint:disable-next-line:no-any
     ComponentBase.prototype.ngOnInit = function (isTempRef) {
-        // tslint:disable-next-line:no-any
         var tempOnThis = isTempRef || this;
         tempOnThis.registeredTemplate = {};
         tempOnThis.ngBoundedEvents = {};
@@ -43,7 +39,6 @@ var ComponentBase = /** @class */ (function () {
         tempOnThis.ngAttr = this.getAngularAttr(tempOnThis.element);
         /* istanbul ignore next */
         tempOnThis.createElement = function (tagName, prop) {
-            //tslint:disable-next-line
             var ele = tempOnThis.srenderer ? tempOnThis.srenderer.createElement(tagName) : createElement(tagName);
             if (typeof (prop) === 'undefined') {
                 return ele;
@@ -76,20 +71,20 @@ var ComponentBase = /** @class */ (function () {
         }
         var complexTemplates = Object.keys(tempOnThis);
         for (var i = 0; i < complexTemplates.length; i++) {
-            var compProp = getValue(complexTemplates[i], tempOnThis);
+            var 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(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('_viewContainerRef', tempOnThis.viewContainerRef, compProp.elementRef.nativeElement);
+                    setValue('propName', complexTemplates[parseInt(i.toString(), 10)].replace('Ref', ''), compProp.elementRef.nativeElement);
                 }
             }
         }
         complexTemplates = Object.keys(tempOnThis);
         complexTemplates = complexTemplates.filter(function (val) {
-            return /Ref$/i.test(val) && /\_/i.test(val);
+            return /Ref$/i.test(val) && /_/i.test(val);
         });
         for (var _b = 0, complexTemplates_1 = complexTemplates; _b < complexTemplates_1.length; _b++) {
             var tempName = complexTemplates_1[_b];
@@ -105,16 +100,13 @@ var ComponentBase = /** @class */ (function () {
         var ngAr;
         for (var i = 0; i < length; i++) {
             /* istanbul ignore next */
-            if (/_ngcontent/g.test(attributes[i].name)) {
-                ngAr = attributes[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
     ComponentBase.prototype.ngAfterViewInit = function (isTempRef) {
-        // tslint:disable-next-line:no-any
         var tempAfterViewThis = isTempRef || this;
         var regExp = /ejs-tab|ejs-accordion/g;
         /* istanbul ignore next */
@@ -161,9 +153,7 @@ var ComponentBase = /** @class */ (function () {
             appendToComponent(tempAfterViewThis);
         }
     };
-    // tslint:disable-next-line:no-any
     ComponentBase.prototype.ngOnDestroy = function (isTempRef) {
-        // tslint:disable-next-line:no-any
         var tempOnDestroyThis = isTempRef || this;
         /* istanbul ignore else  */
         setTimeout(function () {
@@ -174,20 +164,20 @@ var ComponentBase = /** @class */ (function () {
                 setTimeout(function () {
                     for (var _i = 0, _a = Object.keys(tempOnDestroyThis); _i < _a.length; _i++) {
                         var key = _a[_i];
-                        var value = tempOnDestroyThis[key];
+                        var value = tempOnDestroyThis["".concat(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++) {
+                                for (var _b = 0, _c = Object.keys(tempOnDestroyThis["".concat(key)]); _b < _c.length; _b++) {
                                     var propKey = _c[_b];
-                                    var propValue = value[propKey];
+                                    var propValue = value["".concat(propKey)];
                                     if (propValue && /object/.test(typeof propValue) && Object.keys(propValue).length !== 0 && (propValue.parent || propValue.parentObj)) {
-                                        tempOnDestroyThis[key][propKey] = null;
+                                        tempOnDestroyThis["".concat(key)]["".concat(propKey)] = null;
                                     }
                                 }
                             }
                             else {
                                 if (value.parent || value.parentObj) {
-                                    tempOnDestroyThis[key] = null;
+                                    tempOnDestroyThis["".concat(key)] = null;
                                 }
                             }
                         }
@@ -196,14 +186,10 @@ var ComponentBase = /** @class */ (function () {
             }
         });
     };
-    //tslint:disable-next-line
     ComponentBase.prototype.clearTemplate = function (templateNames, index) {
         clearTemplate(this, templateNames, index);
     };
-    ;
-    // tslint:disable-next-line:no-any
     ComponentBase.prototype.ngAfterContentChecked = function (isTempRef) {
-        // tslint:disable-next-line:no-any
         var tempAfterContentThis = isTempRef || this;
         for (var _i = 0, _a = tempAfterContentThis.tagObjects; _i < _a.length; _i++) {
             var tagObject = _a[_i];
@@ -226,17 +212,17 @@ var ComponentBase = /** @class */ (function () {
                     if (complexDirProps && skip && complexDirProps.indexOf(tagObject.instance.propertyName) === -1) {
                         var compDirPropList = Object.keys(tagObject.instance.list[0].propCollection);
                         for (var h = 0; h < tagObject.instance.list.length; h++) {
-                            tagObject.instance.list[h].propCollection[tagObject.instance.propertyName] = [];
+                            tagObject.instance.list["".concat(h)].propCollection[tagObject.instance.propertyName] = [];
                             var obj = {};
                             for (var k = 0; k < compDirPropList.length; k++) {
-                                var complexPropName = compDirPropList[k];
-                                obj[complexPropName] = tagObject.instance.list[h].propCollection[complexPropName];
+                                var complexPropName = compDirPropList[parseInt(k.toString(), 10)];
+                                obj["".concat(complexPropName)] = tagObject.instance.list["".concat(h)].propCollection["".concat(complexPropName)];
                             }
                             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]);
+                                var tag = tagObject.instance.list["".concat(h)].tags[parseInt(i.toString(), 10)];
+                                var childObj = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tagObject.instance.list["".concat(h)]);
                                 if (childObj) {
-                                    var innerchildObj = tagObject.instance.list[h]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
+                                    var innerchildObj = tagObject.instance.list["".concat(h)]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
                                     // Update the inner child tag objects
                                     var updateChildTag_1 = function (innerchild) {
                                         var innerLevelTag = [];
@@ -244,9 +230,10 @@ var ComponentBase = /** @class */ (function () {
                                             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]);
+                                                    var 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);
                                                     }
                                                 }
@@ -255,19 +242,18 @@ var ComponentBase = /** @class */ (function () {
                                         // check for inner level tag
                                         if (innerLevelTag.length !== 0) {
                                             for (var l = 0; l < innerLevelTag.length; l++) {
-                                                updateChildTag_1(innerLevelTag[l]);
+                                                updateChildTag_1(innerLevelTag[parseInt(l.toString(), 10)]);
                                             }
                                         }
-                                        ;
                                     };
                                     updateChildTag_1(innerchildObj);
-                                    tagObject.instance.list[h].tagObjects.push({ instance: childObj, name: tag });
+                                    tagObject.instance.list["".concat(h)].tagObjects.push({ instance: childObj, name: tag });
                                 }
                             };
-                            for (var i = 0; i < tagObject.instance.list[h].tags.length; i++) {
+                            for (var i = 0; i < tagObject.instance.list["".concat(h)].tags.length; i++) {
                                 _loop_1(i);
                             }
-                            tagObject.instance.list[h].propCollection[tagObject.instance.propertyName].push(obj);
+                            tagObject.instance.list["".concat(h)].propCollection[tagObject.instance.propertyName].push(obj);
                         }
                     }
                     // End angular 9 compatibility
@@ -277,14 +263,14 @@ var ComponentBase = /** @class */ (function () {
                 else {
                     /* istanbul ignore next */
                     var hasDiffLength = false;
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|DashboardLayout|chart/.test(tempAfterContentThis.getModuleName()))) {
+                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName()))) {
                         tempAfterContentThis[tagObject.name] = tagObject.instance.list;
                         hasDiffLength = true;
                     }
                     for (var _b = 0, _c = tagObject.instance.list; _b < _c.length; _b++) {
                         var list = _c[_b];
                         var curIndex = tagObject.instance.list.indexOf(list);
-                        var curChild = getValue(tagObject.name, tempAfterContentThis)[curIndex];
+                        var curChild = getValue(tagObject.name, tempAfterContentThis)["".concat(curIndex)];
                         var complexTemplates = Object.keys(curChild);
                         complexTemplates = complexTemplates.filter(function (val) {
                             return /Ref$/i.test(val);
@@ -293,8 +279,8 @@ var ComponentBase = /** @class */ (function () {
                             for (var _d = 0, complexTemplates_2 = complexTemplates; _d < complexTemplates_2.length; _d++) {
                                 var complexPropName = complexTemplates_2[_d];
                                 complexPropName = complexPropName.replace(/Ref/, '');
-                                curChild.properties[complexPropName] = !curChild.properties[complexPropName] ?
-                                    curChild.propCollection[complexPropName] : curChild.properties[complexPropName];
+                                curChild.properties["".concat(complexPropName)] = !curChild.properties["".concat(complexPropName)] ?
+                                    curChild.propCollection["".concat(complexPropName)] : curChild.properties["".concat(complexPropName)];
                             }
                         }
                         if (!isUndefined(curChild) && !isUndefined(curChild.setProperties)) {
@@ -307,7 +293,7 @@ var ComponentBase = /** @class */ (function () {
                         }
                         list.isUpdated = true;
                     }
-                    if (/grid/.test(tempAfterContentThis.getModuleName()) && hasDiffLength) {
+                    if ((/grid/.test(tempAfterContentThis.getModuleName()) && hasDiffLength) || /chart/.test(tempAfterContentThis.getModuleName())) {
                         propObj[tagObject.name] = tagObject.instance.getProperties();
                         tempAfterContentThis.setProperties(propObj, tagObject.instance.isInitChanges);
                     }
@@ -348,16 +334,16 @@ var ComponentBase = /** @class */ (function () {
     ComponentBase.prototype.addEventListener = function (eventName, handler) {
         var eventObj = getValue(eventName, this);
         if (!isUndefined(eventObj)) {
-            if (!this.ngBoundedEvents[eventName]) {
-                this.ngBoundedEvents[eventName] = new Map();
+            if (!this.ngBoundedEvents["".concat(eventName)]) {
+                this.ngBoundedEvents["".concat(eventName)] = new Map();
             }
-            this.ngBoundedEvents[eventName].set(handler, eventObj.subscribe(handler));
+            this.ngBoundedEvents["".concat(eventName)].set(handler, eventObj.subscribe(handler));
         }
     };
     ComponentBase.prototype.removeEventListener = function (eventName, handler) {
         var eventObj = getValue(eventName, this);
         if (!isUndefined(eventObj)) {
-            this.ngBoundedEvents[eventName].get(handler).unsubscribe();
+            this.ngBoundedEvents["".concat(eventName)].get(handler).unsubscribe();
         }
     };
     ComponentBase.prototype.trigger = function (eventName, eventArgs, success) {

package/src/form-base.d.ts

@@ -7,14 +7,14 @@ export declare class FormBase<T> implements ControlValueAccessor {
     value: T;
     checked: boolean;
     private skipFromEvent;
-    static readonly isFormBase:any;
-    propagateChange(_: T): void;
+    static readonly isFormBase: boolean;
+    propagateChange(_?: T): void;
     propagateTouch(): void;
     enabled: Object;
     disabled: Object;
     angularValue: T;
     private isFormInit;
-    objCheck: Boolean;
+    objCheck: boolean;
     duplicateValue: string;
     duplicateAngularValue: string;
     element: HTMLElement;

package/src/form-base.js

@@ -8,7 +8,6 @@ var FormBase = /** @class */ (function () {
     FormBase.prototype.propagateChange = function (_) { return; };
     FormBase.prototype.propagateTouch = function () { return; };
     FormBase.prototype.localChange = function (e) {
-        //tslint:disable-next-line
         var value = (e.checked === undefined ? e.value : e.checked);
         this.objCheck = isObject(value);
         if (this.isUpdated === true) {
@@ -32,7 +31,6 @@ var FormBase = /** @class */ (function () {
                     this.angularValue = value;
                 }
                 else {
-                    //tslint:disable-next-line
                     var optionalValue = value;
                     this.propagateChange(optionalValue);
                     this.angularValue = value;
@@ -58,9 +56,7 @@ var FormBase = /** @class */ (function () {
         setValue(prop, (isNullOrUndefined(newVal) ? null : newVal), this.properties);
         getValue(prop + 'Change', this).emit(newVal);
     };
-    // tslint:disable-next-line:no-any
     FormBase.prototype.ngAfterViewInit = function (isTempRef) {
-        // tslint:disable-next-line:no-any
         var tempFormAfterViewThis = isTempRef || this;
         // Used setTimeout for template binding
         // Refer Link: https://github.com/angular/angular/issues/6005

package/src/template.d.ts

@@ -1,12 +1,19 @@
 import { ElementRef } from '@angular/core';
 /**
  * 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.
  */
 export declare function compile(templateEle: AngularElementType, helper?: Object): (data: Object | JSON, component?: any, propName?: any) => Object;
 /**
  * Property decorator for angular.
+ *
+ * @param {Object} [defaultValue] - Default value for the property.
+ * @returns {PropertyDecorator} The decorator function.
  */
-export declare function Template<T>(defaultValue?: Object): PropertyDecorator;
+export declare function Template(defaultValue?: Object): PropertyDecorator;
 export interface AngularElementType {
     elementRef: ElementRef;
 }

package/src/template.js

@@ -3,6 +3,10 @@ import { setValue, getValue } from '@syncfusion/ej2-base';
 var 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.
  */
 export function compile(templateEle, helper) {
     if (typeof templateEle === 'string' || (typeof templateEle === 'function' && templateEle.prototype && templateEle.prototype.CSPTemplate)) {
@@ -11,7 +15,6 @@ export function compile(templateEle, helper) {
     else {
         var contRef_1 = templateEle.elementRef.nativeElement._viewContainerRef;
         var pName_1 = templateEle.elementRef.nativeElement.propName;
-        //tslint:disable-next-line        
         return function (data, component, propName) {
             var context = { $implicit: data };
             /* istanbul ignore next */
@@ -27,16 +30,19 @@ export function compile(templateEle, helper) {
             var viewCollection = (component && component.registeredTemplate) ?
                 component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);
             propName = (propName && component.registeredTemplate) ? propName : pName_1;
-            if (typeof viewCollection[propName] === 'undefined') {
-                viewCollection[propName] = [];
+            if (typeof viewCollection["".concat(propName)] === 'undefined') {
+                viewCollection["".concat(propName)] = [];
             }
-            viewCollection[propName].push(viewRef);
+            viewCollection["".concat(propName)].push(viewRef);
             return viewRef.rootNodes;
         };
     }
 }
 /**
  * Property decorator for angular.
+ *
+ * @param {Object} [defaultValue] - Default value for the property.
+ * @returns {PropertyDecorator} The decorator function.
  */
 export function Template(defaultValue) {
     return function (target, key) {
@@ -49,6 +55,12 @@ export 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) {
@@ -67,11 +79,17 @@ 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 });

package/src/util.d.ts

@@ -1,22 +1,45 @@
 /**
  * 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}
  */
 export declare function applyMixins(derivedClass: any, baseClass: any[]): void;
+/**
+ * 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.
+ */
 export declare function ComponentMixins(baseClass: Function[]): ClassDecorator;
 /**
+ * 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}
  */
 export declare function registerEvents(eventList: string[], obj: any, direct?: boolean): void;
 /**
+ * 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}
  */
 export declare function clearTemplate(_this: any, templateNames?: string[], index?: any): void;
 /**
  * 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
  */
 export declare function setValue(nameSpace: string, value: any, object: any): any;

package/src/util.js

@@ -1,26 +1,41 @@
+/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
 import { EventEmitter } from '@angular/core';
 import { isNullOrUndefined } from '@syncfusion/ej2-base';
 /**
  * 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 */
 export function applyMixins(derivedClass, baseClass) {
     baseClass.forEach(function (baseClass) {
         Object.getOwnPropertyNames(baseClass.prototype).forEach(function (name) {
-            if (!derivedClass.prototype.hasOwnProperty(name) || (baseClass.isFormBase && name !== 'constructor')) {
-                derivedClass.prototype[name] = baseClass.prototype[name];
+            if (!Object.prototype.hasOwnProperty.call(derivedClass.prototype, name) || (baseClass.isFormBase && name !== 'constructor')) {
+                derivedClass.prototype["".concat(name)] = baseClass.prototype["".concat(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.
+ */
 export 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}
  */
 export function registerEvents(eventList, obj, direct) {
     var ngEventsEmitter = {};
@@ -28,11 +43,11 @@ export function registerEvents(eventList, obj, direct) {
         for (var _i = 0, eventList_1 = eventList; _i < eventList_1.length; _i++) {
             var event_1 = eventList_1[_i];
             if (direct === true) {
-                obj.propCollection[event_1] = new EventEmitter(false);
-                obj[event_1] = obj.propCollection[event_1];
+                obj.propCollection["".concat(event_1)] = new EventEmitter(false);
+                obj["".concat(event_1)] = obj.propCollection["".concat(event_1)];
             }
             else {
-                ngEventsEmitter[event_1] = new EventEmitter(false);
+                ngEventsEmitter["".concat(event_1)] = new EventEmitter(false);
             }
         }
         if (direct !== true) {
@@ -41,7 +56,13 @@ export 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}
  */
 export function clearTemplate(_this, templateNames, index) {
     var regTemplates = Object.keys(_this.registeredTemplate);
@@ -57,35 +78,35 @@ export function clearTemplate(_this, templateNames, index) {
             if (index && index.length) {
                 for (var e = 0; e < index.length; e++) {
                     if (tabaccordionTemp) {
-                        for (var m = 0; m < _this.registeredTemplate[registeredTemplate].length; m++) {
-                            var value = _this.registeredTemplate[registeredTemplate][m];
-                            if (value && value === index[e]) {
+                        for (var m = 0; m < _this.registeredTemplate["".concat(registeredTemplate)].length; m++) {
+                            var value = _this.registeredTemplate["".concat(registeredTemplate)][parseInt(m.toString(), 10)];
+                            if (value && value === index["".concat(e)]) {
                                 value.destroy();
-                                _this.registeredTemplate[registeredTemplate].splice(m, 1);
+                                _this.registeredTemplate["".concat(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();
+                            var value = _this.registeredTemplate.template[parseInt(m.toString(), 10)].rootNodes[0];
+                            if (value === index["".concat(e)]) {
+                                var rt = _this.registeredTemplate["".concat(registeredTemplate)];
+                                rt[parseInt(m.toString(), 10)].destroy();
                             }
                         }
                     }
                 }
             }
             else {
-                if (_this.registeredTemplate[registeredTemplate]) {
-                    for (var _b = 0, _c = _this.registeredTemplate[registeredTemplate]; _b < _c.length; _b++) {
+                if (_this.registeredTemplate["".concat(registeredTemplate)]) {
+                    for (var _b = 0, _c = _this.registeredTemplate["".concat(registeredTemplate)]; _b < _c.length; _b++) {
                         var rt = _c[_b];
                         if (!rt.destroyed) {
                             if (rt._view) {
                                 var pNode = rt._view.renderer.parentNode(rt.rootNodes[0]);
                                 if (!isNullOrUndefined(pNode)) {
                                     for (var m = 0; m < rt.rootNodes.length; m++) {
-                                        pNode.appendChild(rt.rootNodes[m]);
+                                        pNode.appendChild(rt.rootNodes[parseInt(m.toString(), 10)]);
                                     }
                                 }
                             }
@@ -95,7 +116,7 @@ export function clearTemplate(_this, templateNames, index) {
                 }
             }
             if (!tabaccordionTemp || !index) {
-                delete _this.registeredTemplate[registeredTemplate];
+                delete _this.registeredTemplate["".concat(registeredTemplate)];
             }
         }
     }
@@ -103,7 +124,8 @@ export function clearTemplate(_this, templateNames, index) {
         if (tagObject.instance) {
             /* istanbul ignore next */
             tagObject.instance.clearTemplate((templateNames && templateNames.filter(function (val) {
-                return (new RegExp(tagObject.name).test(val) ? true : false);
+                var regExp = RegExp;
+                return (new regExp(tagObject.name).test(val) ? true : false);
             })));
         }
     };
@@ -114,10 +136,11 @@ export function clearTemplate(_this, templateNames, index) {
 }
 /**
  * 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
  */
 export function setValue(nameSpace, value, object) {
@@ -125,14 +148,14 @@ export function setValue(nameSpace, value, object) {
     /* istanbul ignore next */
     var fromObj = object || {};
     for (var i = 0; i < keys.length; i++) {
-        var key = keys[i];
+        var key = keys[parseInt(i.toString(), 10)];
         if (i + 1 === keys.length) {
-            fromObj[key] = value === undefined ? {} : value;
+            fromObj["".concat(key)] = value === undefined ? {} : value;
         }
-        else if (fromObj[key] === undefined) {
-            fromObj[key] = {};
+        else if (fromObj["".concat(key)] === undefined) {
+            fromObj["".concat(key)] = {};
         }
-        fromObj = fromObj[key];
+        fromObj = fromObj["".concat(key)];
     }
     return fromObj;
 }