@syncfusion/ej2-angular-base 32.1.19 → 32.1.24

package/dist/ts/form-base.ts

@@ -1,171 +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;
-                }
-            }
-        }
-        const isNullValue: boolean = this.angularValue == null;
-        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) {
-            if (isNullValue) {
-                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';

package/dist/ts/template.d.ts

@@ -1,19 +0,0 @@
-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(defaultValue?: Object): PropertyDecorator;
-export interface AngularElementType {
-    elementRef: ElementRef;
-}

package/dist/ts/template.ts

@@ -1,107 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ViewContainerRef, EmbeddedViewRef, ElementRef, TemplateRef } from '@angular/core';
-import { setTemplateEngine, getTemplateEngine } from '@syncfusion/ej2-base';
-import { setValue, getValue } from '@syncfusion/ej2-base';
-
-const stringCompiler: (template: string | Function, helper?: object) => (data: Object | JSON) => string = 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: AngularElementType, helper?: Object):
-
-(data: Object | JSON, component?: any, propName?: any) => Object {
-    if (typeof templateEle === 'string' || (typeof templateEle === 'function' && (templateEle as Function).prototype && (templateEle as Function).prototype.CSPTemplate)) {
-        return stringCompiler(templateEle, helper);
-    } else {
-        const contRef: ViewContainerRef = templateEle.elementRef.nativeElement._viewContainerRef;
-        const pName: string = templateEle.elementRef.nativeElement.propName;
-        return (data: Object, component?: any, propName?: any): Object => {
-            const context: Object = { $implicit: data };
-            /* istanbul ignore next */
-            const conRef: ViewContainerRef = contRef ? contRef : component.viewContainerRef;
-            const viewRef: EmbeddedViewRef<Object> = conRef.createEmbeddedView(templateEle as TemplateRef<Object>, context);
-            if (/EJS-MENTION|EJS-DROPDOWNLIST/.test(getValue('currentInstance.element.nodeName', conRef)) ||
-            (/E-TABITEM/.test(getValue('element.nativeElement.nodeName', conRef)) &&
-            getValue('currentInstance.headerTemplateRef', conRef))) {
-                viewRef.detectChanges();
-            } else {
-                viewRef.markForCheck();
-            }
-            /* istanbul ignore next */
-            const 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.
- *
- * @param {Object} [defaultValue] - Default value for the property.
- * @returns {PropertyDecorator} The decorator function.
- */
-export function Template(defaultValue?: Object): PropertyDecorator {
-    return (target: Object, key: string) => {
-        const propertyDescriptor: Object = {
-            set: setter(key),
-            get: getter(key, defaultValue),
-            enumerable: true,
-            configurable: true
-        };
-        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: string): Function {
-    return function (val: any): void {
-        if (val === undefined) { return; }
-        setValue(key + 'Ref', val, this);
-        if (typeof val !== 'string' && !(typeof val === 'function' && (val as Function).prototype && (val as Function).prototype.CSPTemplate)) {
-            (val as any).elementRef.nativeElement._viewContainerRef = this.viewContainerRef;
-            (val as any).elementRef.nativeElement.propName = key;
-        } else {
-            if (this.saveChanges) {
-                this.saveChanges(key, val, undefined);
-                this.dataBind();
-            }
-        }
-    };
-}
-
-/**
- * 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: string, defaultValue: Object): Function {
-    return function (): Object {
-        /* istanbul ignore next */
-        return getValue(key + 'Ref', this) || defaultValue;
-    };
-}
-
-export interface AngularElementType {
-    elementRef: ElementRef;
-}
-
-
-setTemplateEngine({ compile: (compile as any) });

package/dist/ts/util.d.ts

@@ -1,60 +0,0 @@
-/**
- * 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 get the inner object.
- * @param {any} value - Value that you need to set.
- * @param {any} object - Object to get the inner object value.
- * @returns {void}
- * @private
- */
-export declare function setValue(nameSpace: string, value: any, object: any): any;
-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;
-}

package/dist/ts/util.ts

@@ -1,177 +0,0 @@
-/* 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}
- */
-export function applyMixins(derivedClass: any, baseClass: any[]): void {
-    baseClass.forEach((baseClass: any) => {
-        Object.getOwnPropertyNames(baseClass.prototype).forEach((name: string) => {
-            if (!Object.prototype.hasOwnProperty.call(derivedClass.prototype, name) || (baseClass.isFormBase && name !== 'constructor')) {
-                derivedClass.prototype[`${name}`] = baseClass.prototype[`${name}`];
-            }
-        });
-    });
-}
-
-/**
- * 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: Function[]): ClassDecorator {
-    return function (derivedClass: Function): void {
-        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: string[], obj: any, direct?: boolean): void {
-    const ngEventsEmitter: { [key: string]: Object } = {};
-    if (eventList && eventList.length) {
-        for (const 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);
-        }
-    }
-}
-
-/**
- * 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: any, templateNames?: string[], index?: any): void {
-    const regTemplates: string[] = Object.keys(_this.registeredTemplate);
-    if (regTemplates.length) {
-        /* istanbul ignore next */
-        const regProperties: string[] = templateNames && templateNames.filter(
-            (val: string) => {
-                return (/\./g.test(val) ? false : true);
-            });
-        const tabaccordionTemp: boolean = /tab|accordion|toolbar/.test(_this.getModuleName?.());
-        for (const registeredTemplate of (regProperties && regProperties || regTemplates)) {
-            /* istanbul ignore next */
-            if (index && index.length) {
-                for (let e: number = 0; e < index.length; e++) {
-                    if (tabaccordionTemp) {
-                        for (let m: number = 0; m < _this.registeredTemplate[`${registeredTemplate}`].length; m++) {
-                            const value: any = _this.registeredTemplate[`${registeredTemplate}`][parseInt(m.toString(), 10)];
-                            if (value && value === index[`${e}`]) {
-                                value.destroy();
-                                _this.registeredTemplate[`${registeredTemplate}`].splice(m, 1);
-                            }
-                        }
-                    } else {
-                        for (let m: number = 0; m < _this.registeredTemplate.template.length; m++) {
-                            const value: any = _this.registeredTemplate.template[parseInt(m.toString(), 10)].rootNodes[0];
-                            if (value === index[`${e}`]) {
-                                const rt: any = _this.registeredTemplate[`${registeredTemplate}`];
-                                rt[parseInt(m.toString(), 10)].destroy();
-                            }
-                        }
-                    }
-                }
-            } else {
-                if (_this.registeredTemplate[`${registeredTemplate}`]) {
-                    for (const rt of _this.registeredTemplate[`${registeredTemplate}`]) {
-                        if (!rt.destroyed) {
-                            if (rt._view) {
-                                const 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[parseInt(m.toString(), 10)]);
-                                    }
-                                }
-                            }
-                            rt.destroy();
-                        }
-                    }
-                }
-            }
-            if (!tabaccordionTemp || !index) {
-                delete _this.registeredTemplate[`${registeredTemplate}`];
-            }
-        }
-    }
-    for (const tagObject of _this.tagObjects) {
-        if (tagObject.instance) {
-            /* istanbul ignore next */
-            tagObject.instance.clearTemplate((templateNames && templateNames.filter(
-                (val: string) => {
-                    const regExp: RegExpConstructor = 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 get the inner object.
- * @param {any} value - Value that you need to set.
- * @param {any} object - Object to get the inner object value.
- * @returns {void}
- * @private
- */
-export function setValue(nameSpace: string, value: any, object: any): any {
-    const keys: string[] = nameSpace.replace(/\[/g, '.').replace(/\]/g, '').split('.');
-    /* istanbul ignore next */
-    let fromObj: any = object || {};
-    for (let i: number = 0; i < keys.length; i++) {
-        const key: string = keys[parseInt(i.toString(), 10)];
-        if (i + 1 === keys.length) {
-            fromObj[`${key}`] = value === undefined ? {} : value;
-        } else if (fromObj[`${key}`] === undefined) {
-            fromObj[`${key}`] = {};
-        }
-        fromObj = fromObj[`${key}`];
-    }
-    return fromObj;
-}
-
-
-
-
-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;
-}