@syncfusion/ej2-angular-base 20.3.50 → 20.3.52

package/dist/ts/form-base.ts

@@ -1,156 +0,0 @@
-import { EventEmitter, ElementRef } 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 = 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 localChange(e: { value?: T, checked?: T }): void {
-        //tslint:disable-next-line
-        let 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 {
-                    //tslint:disable-next-line
-                    let optionalValue: any = value;
-                    this.propagateChange(optionalValue);
-                    this.angularValue = value;
-                }
-            }
-        }
-    }
-
-    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 {
-        let oldVal: Object = this.oldValue || getValue(prop, this.properties);
-        let 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);
-    }
-    // tslint:disable-next-line:no-any
-    public ngAfterViewInit(isTempRef?: any): void {
-        // tslint:disable-next-line:no-any
-        let 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
-        setTimeout(() => {
-        /* istanbul ignore else */
-        if (typeof window !== 'undefined') {
-            tempFormAfterViewThis.appendTo(tempFormAfterViewThis.element);
-            let ele: HTMLElement = tempFormAfterViewThis.inputElement || tempFormAfterViewThis.element;
-            ele.addEventListener('focus', tempFormAfterViewThis.ngOnFocus.bind(tempFormAfterViewThis));
-            ele.addEventListener('blur', tempFormAfterViewThis.ngOnBlur.bind(tempFormAfterViewThis));
-        }
-        this.isFormInit = false;
-        });
-    }
-    public setDisabledState(disabled: boolean): void {
-        this.enabled = !disabled;
-        this.disabled = disabled;
-    }
-
-    public writeValue(value: T): void {
-        let 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;
-        if (value === null) {
-            return;
-        }
-
-    }
-
-    public ngOnFocus(e: Event): void {
-        /* istanbul ignore else */
-        if (this.skipFromEvent !== true) {
-            this.focus.emit(e);
-        }
-    }
-
-    public ngOnBlur(e: Event): void {
-        this.propagateTouch();
-        /* istanbul ignore else */
-        if (this.skipFromEvent !== true) {
-            this.blur.emit(e);
-        }
-    }
-}

package/dist/ts/template.ts

@@ -1,81 +0,0 @@
-import { ViewContainerRef, EmbeddedViewRef, ElementRef, TemplateRef } from '@angular/core';
-import { setTemplateEngine, getTemplateEngine } from '@syncfusion/ej2-base';
-import { setValue, getValue } from '@syncfusion/ej2-base';
-
-let stringCompiler: (template: string, helper?: object) => (data: Object | JSON) => string = getTemplateEngine();
-
-/**
- * Angular Template Compiler
- */
-export function compile(templateEle: AngularElementType, helper?: Object):
-//tslint:disable-next-line
-    (data: Object | JSON, component?: any, propName?: any) => Object {
-    if (typeof templateEle === 'string') {
-        return stringCompiler(templateEle, helper);
-    } else {
-        let contRef: ViewContainerRef = templateEle.elementRef.nativeElement._viewContainerRef;
-        let pName: string = templateEle.elementRef.nativeElement.propName;
-        //tslint:disable-next-line        
-        return (data: Object, component?: any, propName?: any): Object => {
-            let context: Object = { $implicit: data };
-            /* istanbul ignore next */
-            let conRef: ViewContainerRef = contRef ? contRef : component.viewContainerRef;
-            let viewRef: EmbeddedViewRef<Object> = conRef.createEmbeddedView(templateEle as TemplateRef<Object>, context);
-            viewRef.detectChanges();
-            /* istanbul ignore next */
-            let viewCollection: { [key: string]: EmbeddedViewRef<Object>[] } = (component && component.registeredTemplate) ?
-                component.registeredTemplate : getValue('currentInstance.registeredTemplate', conRef);
-            propName = (propName && component.registeredTemplate) ? propName : pName;
-            if (typeof viewCollection[propName] === 'undefined') {
-                viewCollection[propName] = [];
-            }
-            viewCollection[propName].push(viewRef);
-            return viewRef.rootNodes;
-        };
-    }
-}
-
-/**
- * Property decorator for angular.
- */
-export function Template<T>(defaultValue?: Object): PropertyDecorator {
-    return (target: Object, key: string) => {
-        let propertyDescriptor: Object = {
-            set: setter(key),
-            get: getter(key, defaultValue),
-            enumerable: true,
-            configurable: true
-        };
-        Object.defineProperty(target, key, propertyDescriptor);
-    };
-}
-
-function setter(key: string): Function {
-    return function (val: AngularElementType): void {
-        if (val === undefined) { return; }
-        setValue(key + 'Ref', val, this);
-        if (typeof val !== 'string') {
-            val.elementRef.nativeElement._viewContainerRef = this.viewContainerRef;
-            val.elementRef.nativeElement.propName = key;
-        } else {
-            if (this.saveChanges) {
-                this.saveChanges(key, val, undefined);
-                this.dataBind();
-            }
-        }
-    };
-}
-
-function getter(key: string, defaultValue: Object): Function {
-    return function (): Object {
-        /* istanbul ignore next */
-        return getValue(key + 'Ref', this) || defaultValue;
-    };
-}
-
-export interface AngularElementType {
-    elementRef: ElementRef;
-}
-
-//tslint:disable-next-line
-setTemplateEngine({ compile: (compile as any) });

package/dist/ts/util.ts

@@ -1,143 +0,0 @@
-import { EventEmitter } from '@angular/core';
-import { isNullOrUndefined } from '@syncfusion/ej2-base';
-/**
- * Angular Utility Module
- */
-
-/* tslint:disable */
-export function applyMixins(derivedClass: any, baseClass: any[]): void {
-    baseClass.forEach(baseClass => {
-        Object.getOwnPropertyNames(baseClass.prototype).forEach(name => {
-             if (!derivedClass.prototype.hasOwnProperty(name) || baseClass.isFormBase) {
-                derivedClass.prototype[name] = baseClass.prototype[name];
-              }
-        });
-    });
-}
-
-/* tslint:disable */
-export function ComponentMixins(baseClass: Function[]): ClassDecorator {
-    return function (derivedClass: Function) {
-        applyMixins(derivedClass, baseClass);
-    };
-}
-
-/**
- * @private 
- */
-export function registerEvents(eventList: string[], obj: any, direct?: boolean): void {
-    let ngEventsEmitter: { [key: string]: Object } = {};
-    if (eventList && eventList.length) {
-        for (let event of eventList) {
-            if (direct === true) {
-                obj.propCollection[event] = new EventEmitter(false);
-                obj[event] = obj.propCollection[event];
-            } else {
-                ngEventsEmitter[event] = new EventEmitter(false);
-            }
-        }
-        if (direct !== true) {
-            obj.setProperties(ngEventsEmitter, true);
-        }
-    }
-}
-
-/**
- * @private 
- */
-export function clearTemplate(_this: any, templateNames?: string[], index?: any): void {
-    let regTemplates: string[] = Object.keys(_this.registeredTemplate);
-    if (regTemplates.length) {
-        /* istanbul ignore next */
-        let regProperties: string[] = templateNames && templateNames.filter(
-            (val: string) => {
-                return (/\./g.test(val) ? false : true);
-            });
-        for (let registeredTemplate of (regProperties && regProperties || regTemplates)) {
-            /* istanbul ignore next */
-            if (index && index.length) {
-                for (let e = 0; e < index.length; e++) {
-                    for (let m = 0; m < _this.registeredTemplate.template.length; m++) {
-                        let value = _this.registeredTemplate.template[m].rootNodes[0];
-                        if (value === index[e]) {
-                            let rt = _this.registeredTemplate[registeredTemplate];
-                            rt[m].destroy();
-                        }
-                    }
-                }
-            } else {
-                if (_this.registeredTemplate[registeredTemplate]) {
-                    for (let rt of _this.registeredTemplate[registeredTemplate]) {
-                        if (!rt.destroyed) {
-                            if (rt._view) {
-                                let pNode: any = rt._view.renderer.parentNode(rt.rootNodes[0]);
-                                if (!isNullOrUndefined(pNode)) {
-                                    for (let m: number = 0; m < rt.rootNodes.length; m++) {
-                                        pNode.appendChild(rt.rootNodes[m]);
-                                    }
-                                }
-                            }
-                            rt.destroy();
-                        }
-                    }
-                }
-            }
-            delete _this.registeredTemplate[registeredTemplate];
-        }
-    }
-    for (let tagObject of _this.tagObjects) {
-        if (tagObject.instance) {
-            /* istanbul ignore next */
-            tagObject.instance.clearTemplate((templateNames && templateNames.filter(
-                (val: string) => {
-                    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 {any} value - Value that you need to set.
- * @param {any} obj - Object to get the inner object value.
- * @return {void}
- * @private
- */
-export function setValue(nameSpace: string, value: any, object: any): any {
-    let keys: string[] = nameSpace.replace(/\[/g, '.').replace(/\]/g, '').split('.');
-    /* istanbul ignore next */
-    let fromObj: any = object || {};
-    for (let i: number = 0; i < keys.length; i++) {
-        let key: string = keys[i];
-        if (i + 1 === keys.length) {
-            fromObj[key] = value === undefined ? {} : value;
-        } else if (fromObj[key] === undefined) {
-            fromObj[key] = {};
-        }
-        fromObj = fromObj[key];
-    }
-    return fromObj;
-}
-
-/* tslint:enable */
-
-
-
-
-export interface PropertyCollectionInfo {
-    props: PropertyDetails[];
-    complexProps: PropertyDetails[];
-    colProps: PropertyDetails[];
-    events: PropertyDetails[];
-    propNames: string[];
-    complexPropNames: string[];
-    colPropNames: string[];
-    eventNames: string[];
-}
-
-export interface PropertyDetails {
-    propertyName: string;
-    type: FunctionConstructor | Object;
-    defaultValue: Object;
-}