@syncfusion/ej2-angular-base 30.1.37 → 30.2.4

package/dist/ts/component-base.ts

@@ -1,432 +0,0 @@
-/* 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, EmbeddedViewRef, Renderer2, ElementRef } from '@angular/core';
-import { clearTemplate, registerEvents } from './util';
-
-export interface IComponentBase {
-    registerEvents: (eventList: string[]) => void;
-    addTwoWay: (propList: string[]) => void;
-}
-
-interface Tag {
-    hasChanges: boolean;
-    getProperties?: Function;
-    isInitChanges: boolean;
-    hasNewChildren: boolean;
-    list: TagList[];
-    clearTemplate?: (arg: string[]) => void;
-}
-
-interface TagList {
-    getProperties: Function;
-    hasChanges: boolean;
-    isUpdated: boolean;
-}
-
-export class ComponentBase<T> {
-    public element: HTMLElement;
-    public tags: string[];
-    private ngAttr: string;
-    private srenderer: Renderer2;
-    protected isProtectedOnChange: boolean = true;
-    private isAngular: boolean;
-    private isFormInit: boolean = true;
-    private componentType: T;
-    public preventChange: boolean;
-    public isPreventChange: boolean;
-    protected oldProperties: { [key: string]: Object };
-    protected changedProperties: { [key: string]: Object };
-    protected finalUpdate: Function;
-    protected isUpdated: boolean;
-    public ngEle: ElementRef;
-
-    private tagObjects: { name: string, instance: Tag }[];
-    public onPropertyChanged: (newProp: Object, oldProp: Object) => void;
-    public appendTo: (ele: string | HTMLElement) => void;
-    public setProperties: (obj: Object, muteOnChange: boolean) => void;
-    public properties: Object;
-    public dataBind: Function;
-    private createElement: Function;
-    protected saveChanges(key: string, newValue: Object, oldValue: Object): void {
-        if (this.isProtectedOnChange) { return; }
-        this.oldProperties[`${key}`] = oldValue;
-        this.changedProperties[`${key}`] = newValue;
-        this.finalUpdate();
-        const changeTime: any = setTimeout(this.dataBind.bind(this));
-        const clearUpdate: Function = () => {
-            clearTimeout(changeTime);
-        };
-        this.finalUpdate = clearUpdate;
-    }
-
-    public destroy: Function;
-    private registeredTemplate: { [key: string]: EmbeddedViewRef<Object>[] };
-    private complexTemplate: string[];
-
-    private ngBoundedEvents: { [key: string]: Map<object, object> };
-    public ngOnInit(isTempRef?: any): void {
-        const tempOnThis: any = isTempRef || this;
-        tempOnThis.registeredTemplate = {};
-        tempOnThis.ngBoundedEvents = {};
-        tempOnThis.isAngular = true;
-        tempOnThis.isFormInit = true;
-        /* istanbul ignore next */
-        if (isTempRef) {
-            this.tags = isTempRef.tags;
-        }
-        tempOnThis.tags = this.tags || [];
-        tempOnThis.complexTemplate = this.complexTemplate || [];
-        tempOnThis.tagObjects = [];
-        tempOnThis.ngAttr = this.getAngularAttr(tempOnThis.element);
-        /* istanbul ignore next */
-        tempOnThis.createElement = (tagName: string, prop?:
-        { id?: string, className?: string, innerHTML?: string, styles?: string, attrs?: { [key: string]: string } }) => {
-            const ele: Element = tempOnThis.srenderer ? tempOnThis.srenderer.createElement(tagName) : createElement(tagName);
-            if (typeof (prop) === 'undefined') {
-                return <HTMLElement>ele;
-            }
-            ele.innerHTML = (prop.innerHTML ? prop.innerHTML : '');
-
-            if (prop.className !== undefined) {
-                ele.className = prop.className;
-            }
-            if (prop.id !== undefined) {
-                ele.id = prop.id;
-            }
-            if (prop.styles !== undefined) {
-                ele.setAttribute('style', prop.styles);
-            }
-            if (tempOnThis.ngAttr !== undefined) {
-                ele.setAttribute(tempOnThis.ngAttr, '');
-            }
-            if (prop.attrs !== undefined) {
-                attributes(ele, prop.attrs);
-            }
-            return <HTMLElement>ele;
-        };
-        for (const tag of tempOnThis.tags) {
-            const tagObject: { name: string, instance: Tag } = {
-                instance: getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tempOnThis),
-                name: tag
-            };
-            tempOnThis.tagObjects.push(tagObject);
-        }
-
-        let complexTemplates: string[] = Object.keys(tempOnThis);
-        for (let i: number = 0; i < complexTemplates.length; i++) {
-            const compProp: any = getValue(complexTemplates[parseInt(i.toString(), 10)], tempOnThis);
-            if (typeof compProp === 'object' && compProp && compProp.elementRef) {
-                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[parseInt(i.toString(), 10)].replace('Ref', ''), compProp.elementRef.nativeElement);
-                }
-            }
-        }
-        complexTemplates = Object.keys(tempOnThis);
-        complexTemplates = complexTemplates.filter((val: string): boolean => {
-            return /Ref$/i.test(val) && /_/i.test(val);
-        });
-        for (const tempName of complexTemplates) {
-            const propName: string = tempName.replace('Ref', '');
-            const val: Object = {};
-            setValue(propName.replace('_', '.'), getValue(propName, tempOnThis), val);
-            tempOnThis.setProperties(val, true);
-        }
-    }
-
-    public getAngularAttr(ele: Element): string {
-        const attributes: NamedNodeMap = ele.attributes;
-        const length: number = attributes.length;
-        let ngAr: string;
-        for (let i: number = 0; i < length; i++) {
-            /* istanbul ignore next */
-            if (/_ngcontent/g.test(attributes[parseInt(i.toString(), 10)].name)) {
-                ngAr = attributes[parseInt(i.toString(), 10)].name;
-            }
-        }
-        return ngAr;
-    }
-
-    public ngAfterViewInit(isTempRef?: any): void {
-        const tempAfterViewThis: any = isTempRef || this;
-        const regExp: RegExp = /ejs-tab|ejs-accordion/g;
-        /* istanbul ignore next */
-        if (regExp.test(tempAfterViewThis.ngEle.nativeElement.outerHTML)) {
-            tempAfterViewThis.ngEle.nativeElement.style.visibility = 'hidden';
-        }
-
-        /**
-         * Root level template properties are not getting rendered,
-         * Due to ngonchanges not get triggered.
-         * so that we have set template value for root level template properties,
-         * for example: refer below syntax
-         * ```html
-         * <ejs-grid>
-         * <e-column></e-column>
-         * <ng-template #editSettingsTemplate></ng-template>
-         * </ejs-grid>
-         * ```
-         */
-        let templateProperties: string[] = Object.keys(tempAfterViewThis);
-        templateProperties = templateProperties.filter((val: string): boolean => {
-            return /Ref$/i.test(val);
-        });
-        const ngtempRef: boolean = tempAfterViewThis.getModuleName() === 'DocumentEditor';
-        for (const tempName of templateProperties) {
-            const propName: string = tempName.replace('Ref', '');
-            setValue(propName.replace('_', '.'), getValue(propName + 'Ref', tempAfterViewThis), tempAfterViewThis);
-        }
-        // Used setTimeout for template binding
-        // Refer Link: https://github.com/angular/angular/issues/6005
-        const appendToComponent: any = (tempAfterViewThis: any) => {
-            /* istanbul ignore else  */
-            if (typeof window !== 'undefined' && tempAfterViewThis.element) {
-                tempAfterViewThis.appendTo(tempAfterViewThis.element);
-                tempAfterViewThis.ngEle.nativeElement.style.visibility = '';
-            }
-        };
-        if (!ngtempRef && !tempAfterViewThis.getModuleName().includes('btn')) {
-            setTimeout(() => {
-                appendToComponent(tempAfterViewThis);
-            });
-        } else {
-            appendToComponent(tempAfterViewThis);
-        }
-    }
-
-    public ngOnDestroy(isTempRef?: any): void {
-        const tempOnDestroyThis: any = isTempRef || this;
-        /* istanbul ignore else  */
-        setTimeout(() => {
-            if (typeof window !== 'undefined' && (tempOnDestroyThis.element.classList.contains('e-control'))) {
-                if (tempOnDestroyThis.ngOnFocus !== undefined && tempOnDestroyThis.ngOnBlur !== undefined) {
-                    const ele: HTMLElement = tempOnDestroyThis.inputElement || tempOnDestroyThis.element;
-                    ele.removeEventListener('focus', tempOnDestroyThis.ngOnFocusBound);
-                    ele.removeEventListener('blur', tempOnDestroyThis.ngOnBlurBound);
-                    tempOnDestroyThis.ngOnFocusBound = null;
-                    tempOnDestroyThis.ngOnBlurBound = null;
-                }
-                tempOnDestroyThis.destroy();
-                tempOnDestroyThis.clearTemplate(null);
-                // removing bounded events and tagobjects from component after destroy
-                setTimeout(function (): any {
-                    for (const key of Object.keys(tempOnDestroyThis)) {
-                        const value: any = tempOnDestroyThis[`${key}`];
-                        if (value && /object/.test(typeof value) && Object.keys(value).length !== 0) {
-                            if (/properties|changedProperties|childChangedProperties|oldProperties|moduleLoader/.test(key)) {
-                                for (const propKey of Object.keys(tempOnDestroyThis[`${key}`])) {
-                                    const propValue: any = 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;
-                                }
-                            }
-                        }
-                    }
-                });
-            }
-        });
-    }
-
-    public clearTemplate(templateNames?: string[], index?: any): void {
-        clearTemplate(this, templateNames, index);
-    }
-
-    public ngAfterContentChecked(isTempRef?: any): void {
-        const tempAfterContentThis: any = isTempRef || this;
-        for (const tagObject of tempAfterContentThis.tagObjects) {
-            if (!isUndefined(tagObject.instance) &&
-                (tagObject.instance.isInitChanges || tagObject.instance.hasChanges || tagObject.instance.hasNewChildren)) {
-                const propObj: { [key: string]: Object } = {};
-                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: any;
-                    const list: any = getValue('instance.list', tagObject);
-                    if (list && list.length) {
-                        complexDirProps = list[0].directivePropList;
-                    }
-                    let skip: any = true;
-                    if ((tempAfterContentThis as any).getModuleName && (tempAfterContentThis as any).getModuleName() === 'gantt') {
-                        skip = false;
-                    }
-                    if (complexDirProps && skip && complexDirProps.indexOf(tagObject.instance.propertyName) === -1) {
-                        const compDirPropList: any = Object.keys(tagObject.instance.list[0].propCollection);
-                        for (let h: number = 0; h < tagObject.instance.list.length; h++) {
-                            tagObject.instance.list[`${h}`].propCollection[tagObject.instance.propertyName] = [];
-                            const obj: any = {};
-                            for (let k: number = 0; k < compDirPropList.length; k++) {
-                                const complexPropName: any = compDirPropList[parseInt(k.toString(), 10)];
-                                obj[`${complexPropName}`] = tagObject.instance.list[`${h}`].propCollection[`${complexPropName}`];
-                            }
-                            for (let i: number = 0; i < tagObject.instance.list[`${h}`].tags.length; i++) {
-                                const tag: any = tagObject.instance.list[`${h}`].tags[parseInt(i.toString(), 10)];
-                                const childObj: any = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), tagObject.instance.list[`${h}`]);
-                                if (childObj) {
-                                    const innerchildObj: any = tagObject.instance.list[`${h}`]['child' + tag.substring(0, 1).toUpperCase() + tag.substring(1)];
-                                    // Update the inner child tag objects
-                                    const updateChildTag: any = (innerchild: any) => {
-                                        const innerLevelTag: any = [];
-                                        if (innerchild) {
-                                            for (let j: number = 0; j < innerchild.list.length; j++) {
-                                                const innerTag: any = innerchild.list[0].tags[0];
-                                                if (innerTag) {
-                                                    const innerchildTag: any = getValue('child' + innerTag.substring(0, 1).toUpperCase() + innerTag.substring(1), innerchild.list[parseInt(j.toString(), 10)]);
-                                                    if (innerchildTag) {
-                                                        innerchild.list[parseInt(j.toString(), 10)].tagObjects
-                                                            .push({ instance: innerchildTag, name: innerTag });
-                                                        innerLevelTag.push(innerchildTag);
-                                                    }
-                                                }
-                                            }
-                                        }
-                                        // check for inner level tag
-                                        if (innerLevelTag.length !== 0) {
-                                            for (let l: number = 0; l < innerLevelTag.length; l++) {
-                                                updateChildTag(innerLevelTag[parseInt(l.toString(), 10)]);
-                                            }
-                                        }
-                                    };
-                                    updateChildTag(innerchildObj);
-                                    tagObject.instance.list[`${h}`].tagObjects.push({ instance: childObj, name: tag });
-                                }
-                            }
-                            tagObject.instance.list[`${h}`].propCollection[tagObject.instance.propertyName].push(obj);
-                        }
-                    }
-                    // End angular 9 compatibility
-                    propObj[tagObject.name] = tagObject.instance.getProperties();
-                    tempAfterContentThis.setProperties(propObj, tagObject.instance.isInitChanges);
-                } else {
-                    /* istanbul ignore next */
-                    let hasDiffLength: boolean = false;
-                    if ((tempAfterContentThis[tagObject.name].length !== tagObject.instance.list.length) || (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName()))) {
-                        tempAfterContentThis[tagObject.name] = tagObject.instance.list;
-                        hasDiffLength = true;
-                    }
-                    for (const list of tagObject.instance.list) {
-                        if (list.tags) {
-                            for (const tag of list.tags) {
-                                const innerChild: any = getValue('child' + tag.substring(0, 1).toUpperCase() + tag.substring(1), list);
-                                if (innerChild) {
-                                    list.tagObjects.push({ instance: innerChild, name: tag });
-                                }
-                            }
-                        }
-                        const curIndex: number = tagObject.instance.list.indexOf(list);
-                        const curChild: any = getValue(tagObject.name, tempAfterContentThis)[`${curIndex}`];
-                        let complexTemplates: string[] = Object.keys(curChild);
-                        complexTemplates = complexTemplates.filter((val: string): boolean => {
-                            return /Ref$/i.test(val);
-                        });
-                        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}`];
-                            }
-                        }
-                        if (!isUndefined(curChild) && !isUndefined(curChild.setProperties)) {
-                            if (/diagram|DashboardLayout/.test(tempAfterContentThis.getModuleName())) {
-                                curChild.setProperties(list.getProperties(), true);
-                            } else {
-                                curChild.setProperties(list.getProperties());
-                            }
-                        }
-                        list.isUpdated = true;
-                    }
-                    if ((/grid/.test(tempAfterContentThis.getModuleName()) && hasDiffLength) || /chart/.test(tempAfterContentThis.getModuleName())) {
-                        propObj[tagObject.name] = tagObject.instance.getProperties();
-                        tempAfterContentThis.setProperties(propObj, tagObject.instance.isInitChanges);
-                    }
-                }
-            }
-        }
-    }
-
-    protected registerEvents(eventList: string[]): void {
-        registerEvents(eventList, this);
-    }
-
-    protected twoWaySetter(newVal: Object, prop: string): void {
-        const oldVal: Object = getValue(prop, this.properties);
-        if (oldVal === newVal) {
-            return;
-        }
-        this.saveChanges(prop, newVal, oldVal);
-        setValue(prop, (isNullOrUndefined(newVal) ? null : newVal), this.properties);
-        getValue(prop + 'Change', this).emit(newVal);
-    }
-
-    protected addTwoWay(propList: string[]): void {
-        for (const prop of propList) {
-            getValue(prop, this);
-            Object.defineProperty(this, prop, {
-                get: () => {
-                    return getValue(prop, this.properties);
-                },
-                set: (newVal: Object) => this.twoWaySetter(newVal, prop)
-            });
-            setValue(prop + 'Change', new EventEmitter(), this);
-        }
-    }
-
-    public addEventListener(eventName: string, handler: Function): void {
-        const eventObj: EventEmitter<Object> = getValue(eventName, this);
-        if (!isUndefined(eventObj)) {
-            if (!this.ngBoundedEvents[`${eventName}`]) {
-                this.ngBoundedEvents[`${eventName}`] = new Map();
-            }
-            this.ngBoundedEvents[`${eventName}`].set(handler, eventObj.subscribe(handler));
-        }
-    }
-
-    public removeEventListener(eventName: string, handler: Function): void {
-        const eventObj: EventEmitter<Object> = getValue(eventName, this);
-        if (!isUndefined(eventObj)) {
-            (<EventEmitter<object>>this.ngBoundedEvents[`${eventName}`].get(handler)).unsubscribe();
-        }
-    }
-
-    public trigger(eventName: string, eventArgs: Object, success?: Function): void {
-
-        const eventObj: { next: Function } = getValue(eventName, this);
-
-        const prevDetection: boolean = this.isProtectedOnChange;
-        this.isProtectedOnChange = false;
-
-        if (eventArgs) {
-            (<{ name: string }>eventArgs).name = eventName;
-        }
-
-        if (!isUndefined(eventObj)) {
-            eventObj.next(eventArgs);
-        }
-        const localEventObj: Function = getValue('local' + eventName.charAt(0).toUpperCase() + eventName.slice(1), this);
-        if (!isUndefined(localEventObj)) {
-            localEventObj.call(this, eventArgs);
-        }
-
-        this.isProtectedOnChange = prevDetection;
-        /* istanbul ignore else  */
-        if (success) {
-            this.preventChange = this.isPreventChange;
-            success.call(this, eventArgs);
-        }
-        this.isPreventChange = false;
-
-    }
-
-}

package/dist/ts/form-base.d.ts

@@ -1,46 +0,0 @@
-import { EventEmitter, ChangeDetectorRef } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
-/**
- * Angular Form Base Module
- */
-export declare class FormBase<T> implements ControlValueAccessor {
-    value: T;
-    checked: boolean;
-    private skipFromEvent;
-    static readonly isFormBase: boolean;
-    propagateChange(_?: T): void;
-    propagateTouch(): void;
-    enabled: Object;
-    disabled: Object;
-    angularValue: T;
-    private isFormInit;
-    objCheck: boolean;
-    duplicateValue: string;
-    duplicateAngularValue: string;
-    element: HTMLElement;
-    inputElement: HTMLInputElement;
-    private ngEle;
-    appendTo: (ele: string | HTMLElement) => void;
-    focus: EventEmitter<Object>;
-    blur: EventEmitter<Object>;
-    preventChange: boolean;
-    isUpdated: boolean;
-    oldValue: any;
-    cdr: ChangeDetectorRef;
-    ngOnBlurBound: () => void;
-    ngOnFocusBound: () => void;
-    localChange(e: {
-        value?: T;
-        checked?: T;
-    }): void;
-    properties: Object;
-    saveChanges: Function;
-    registerOnChange(registerFunction: (_: T) => void): void;
-    registerOnTouched(registerFunction: () => void): void;
-    twoWaySetter(newVal: Object, prop: string): void;
-    ngAfterViewInit(isTempRef?: any): void;
-    setDisabledState(disabled: boolean): void;
-    writeValue(value: T): void;
-    ngOnFocus(e: Event): void;
-    ngOnBlur(e: Event): void;
-}

package/dist/ts/form-base.ts

@@ -1,168 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any, @typescript-eslint/explicit-module-boundary-types */
-import { EventEmitter, ElementRef, ChangeDetectorRef } from '@angular/core';
-import { getValue, setValue, isNullOrUndefined, isObject } from '@syncfusion/ej2-base';
-import { ControlValueAccessor } from '@angular/forms';
-/**
- * Angular Form Base Module
- */
-export class FormBase<T> implements ControlValueAccessor {
-    public value: T;
-    public checked: boolean;
-    private skipFromEvent: boolean;
-    static readonly isFormBase: boolean = true;
-
-    public propagateChange(_?: T): void { return; }
-    public propagateTouch(): void { return; }
-    public enabled: Object;
-    public disabled: Object;
-    public angularValue: T;
-    private isFormInit: boolean;
-    public objCheck: boolean;
-    public duplicateValue: string;
-    public duplicateAngularValue: string;
-
-    public element: HTMLElement;
-    public inputElement: HTMLInputElement;
-    private ngEle: ElementRef;
-    public appendTo: (ele: string | HTMLElement) => void;
-
-    public focus: EventEmitter<Object>;
-    public blur: EventEmitter<Object>;
-    public preventChange: boolean;
-    public isUpdated: boolean;
-    public oldValue: any;
-    public cdr: ChangeDetectorRef;
-    public ngOnBlurBound: () => void;
-    public ngOnFocusBound: () => void;
-    public localChange(e: { value?: T, checked?: T }): void {
-        const value: T | any = (e.checked === undefined ? e.value : e.checked);
-        this.objCheck = isObject(value);
-        if (this.isUpdated === true) {
-            this.angularValue = this.oldValue;
-        }
-        if (this.objCheck === true) {
-            this.duplicateValue = JSON.stringify(value);
-            this.duplicateAngularValue = JSON.stringify(this.angularValue);
-            if (this.duplicateValue !== this.duplicateAngularValue && this.propagateChange !== undefined && value !== undefined) {
-                // Update angular from our control
-                this.propagateChange(value);
-                this.angularValue = value;
-            }
-        } else {
-            if (value !== this.angularValue && this.propagateChange !== undefined && value !== undefined) {
-                // While reset form using reset() method ng-dirty not get updated, so while value is empty just update angularValue only
-                if (value !== '' && value !== null) {
-                    // Update angular from our control
-                    this.propagateChange(value);
-                    this.angularValue = value;
-                } else {
-                    const optionalValue: any = value;
-                    this.propagateChange(optionalValue);
-                    this.angularValue = value;
-                }
-            }
-        }
-        this.cdr.markForCheck();
-    }
-
-    public properties: Object;
-    public saveChanges: Function;
-
-
-    public registerOnChange(registerFunction: (_: T) => void): void {
-        this.propagateChange = registerFunction;
-    }
-
-    public registerOnTouched(registerFunction: () => void): void {
-        this.propagateTouch = registerFunction;
-    }
-    public twoWaySetter(newVal: Object, prop: string): void {
-        const oldVal: Object = this.oldValue || getValue(prop, this.properties);
-        const ele: HTMLElement = this.inputElement || this.element;
-        if (ele && oldVal === newVal && this.value === newVal &&
-            ((<HTMLInputElement>ele).value === undefined || (<HTMLInputElement>ele).value === '')) {
-            return;
-        }
-        this.saveChanges(prop, newVal, oldVal);
-        setValue(prop, (isNullOrUndefined(newVal) ? null : newVal), this.properties);
-        getValue(prop + 'Change', this).emit(newVal);
-    }
-
-    public ngAfterViewInit(isTempRef?: any): void {
-        const tempFormAfterViewThis: any = 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
-        /* istanbul ignore else */
-        tempFormAfterViewThis.ngOnBlurBound = this.ngOnBlur.bind(this);
-        tempFormAfterViewThis.ngOnFocusBound = this.ngOnFocus.bind(this);
-        if (typeof window !== 'undefined') {
-            if ((tempFormAfterViewThis.getModuleName()).includes('dropdowntree')) {
-                setTimeout(function (): any {
-                    tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
-                });
-            }
-            else {
-                tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
-            }
-            const ele: HTMLElement = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
-            ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocusBound);
-            ele.addEventListener('blur', tempFormAfterViewThis.ngOnBlurBound);
-        }
-        this.isFormInit = false;
-    }
-    public setDisabledState(disabled: boolean): void {
-        this.enabled = !disabled;
-        this.disabled = disabled;
-    }
-
-    public writeValue(value: T): void {
-        const regExp: RegExp = /ejs-radiobutton/g;
-        //update control value from angular
-        if (this.checked === undefined) {
-            this.value = value;
-        } else {
-            // To resolve boolean type formControl value is not working for radio button control.
-            /* istanbul ignore next */
-            if (this.ngEle) {
-                if (typeof value === 'boolean') {
-                    if (regExp.test(this.ngEle.nativeElement.outerHTML)) {
-                        this.checked = value === this.value;
-                    } else {
-                        this.checked = value;
-                    }
-                } else {
-                    this.checked = value === this.value;
-                }
-            }
-        }
-        this.angularValue = value;
-        this.isUpdated = true;
-        // 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) {
-            this.preventChange = false;
-            return;
-        }
-
-    }
-
-    public ngOnFocus(e: Event): void {
-        /* istanbul ignore else */
-        if (this.skipFromEvent !== true) {
-            this.focus.emit(e);
-        }
-        this.cdr.markForCheck();
-    }
-
-    public ngOnBlur(e: Event): void {
-        this.propagateTouch();
-        /* istanbul ignore else */
-        if (this.skipFromEvent !== true) {
-            this.blur.emit(e);
-        }
-        this.cdr.markForCheck();
-    }
-}

package/dist/ts/index.d.ts

@@ -1,8 +0,0 @@
-/**
- * Index
- */
-export * from './complex-array-base';
-export * from './component-base';
-export * from './form-base';
-export * from './util';
-export * from './template';

package/dist/ts/index.ts

@@ -1,8 +0,0 @@
-/**
- * Index
- */
-export * from './complex-array-base';
-export * from './component-base';
-export * from './form-base';
-export * from './util';
-export * from './template';