aurelia-syncfusion-ej2-bridge 1.0.8 → 1.0.9

package/dist/commonjs/widgets/uploader/ej2-uploader.js

@@ -0,0 +1,357 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2Uploader = void 0;
+const constants_1 = require("../../common/constants");
+const ej2_inputs_1 = require("@syncfusion/ej2-inputs");
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
+const uuid_1 = require("uuid");
+const aurelia_framework_2 = require("aurelia-framework");
+let Ej2Uploader = class Ej2Uploader extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this._filesProperty = `${constants_1.constants.bindablePrefix}files`;
+        this.originalFiles = null;
+        this._filesCollectionSubscription = null;
+        this._privateIdProperty = "__id";
+        this.syncfusionWidgetType = ej2_inputs_1.Uploader;
+        this.mapAdditionalFilePropertiesToFiles = true;
+        this.sendAdditionalFilePropertiesAsFormData = true;
+        this.metadata = null;
+        this.formDataProperty = "metadata";
+        this.metadataGenerator = null;
+        this.uploadResultModel = null;
+        this.dataAdapter = null;
+        this.autoRemoveServerFiles = true;
+        this.context = null;
+        this.files = null;
+        this.firstBind = true;
+        this.serverDelete = true;
+    }
+    get _files() {
+        return this[this._filesProperty];
+    }
+    onWrapperCreated() {
+        this.widget.uploading = (args) => { this.onFileUpload(args); };
+        this.widget.success = (args) => { this.success(args); };
+        this.widget.failure = (args) => { this.failure(args); };
+        this.widget.removing = (args) => { this.removing(args); };
+        this.widget.change = (args) => { this.change(); };
+        if (this.dataAdapter) {
+            if (this.dataAdapter.remove) {
+                let _this = this;
+                this.widget.removeUploadedFile = function async(file, eventArgs, removeDirectly, custom) {
+                    let formData = new FormData();
+                    let selectedFiles = file;
+                    _this.widget.trigger("removing", eventArgs, function (eventArgs) {
+                        _this.widget.removingEventCallback(eventArgs, formData, selectedFiles, file);
+                    });
+                };
+                this.widget.asyncSettings.removeUrl = null;
+            }
+        }
+    }
+    onfilesChanged() {
+        if (!this.firstBind) {
+            this.widget.clearAll();
+            this.recreate();
+        }
+    }
+    recreating() {
+        this._filesCollectionSubscription.dispose();
+        this[this._filesProperty].splice(0, this[this._filesProperty].length, ...this.originalFiles);
+    }
+    recreated() {
+        this.initializeFileCollection();
+        this._filesCollectionSubscription = this.createFilesCollectionSubscription();
+    }
+    initializeFileCollection() {
+        if (this.files && Array.isArray(this.files)) {
+            this.widget.files.push(...JSON.parse(JSON.stringify(this.files)));
+        }
+        if (this.widget.files) {
+            let extraProperties = [];
+            let widgetFiles = this.widget.getFilesData();
+            if (this.mapAdditionalFilePropertiesToFiles) {
+                extraProperties = this.getAdditionalFileProperties();
+            }
+            for (let i = 0; i < widgetFiles.length; i++) {
+                const file = widgetFiles[i];
+                this.initializeFile(file, i, extraProperties);
+            }
+        }
+    }
+    initializeFile(widgetFile, i, extraProperties) {
+        let __id = (0, uuid_1.v4)();
+        widgetFile[this._privateIdProperty] = __id;
+        this._files[i][this._privateIdProperty] = __id;
+        extraProperties.forEach((prop) => {
+            widgetFile[prop] = this._files[i][prop];
+        });
+    }
+    onWidgetCreated() {
+        this.initializeFileCollection();
+        this._filesCollectionSubscription = this.createFilesCollectionSubscription();
+        this.subscriptions.push(this._filesCollectionSubscription);
+    }
+    onBind() {
+        this.firstBind = false;
+        this.subscriptions.push(this.bindingEngine.propertyObserver(this, "files").subscribe(() => { this.onfilesChanged(); }));
+        if (this[this._filesProperty] && Array.isArray(this[this._filesProperty])) {
+            this.originalFiles = JSON.parse(JSON.stringify(this[this._filesProperty]));
+        }
+        else if (this.files && Array.isArray(this.files)) {
+            this.originalFiles = JSON.parse(JSON.stringify(this.files));
+        }
+        else {
+            this.originalFiles = [];
+        }
+    }
+    createFilesCollectionSubscription() {
+        if (!this._files) {
+            this[this._filesProperty] = [];
+        }
+        return this.bindingEngine.collectionObserver(this._files).subscribe((changed) => { });
+    }
+    change() {
+        if (this.autoRemoveServerFiles) {
+            this.getFilesThatWereRemoved().forEach((file) => {
+                this.removing({
+                    filesData: [file],
+                    customFormData: null,
+                    event: null,
+                    cancel: false
+                });
+            });
+        }
+    }
+    getFilesThatWereRemoved() {
+        let filesToRemove = [];
+        let widgetFiles = this.widget.getFilesData();
+        if (this[this._filesProperty].length !== widgetFiles.length) {
+            for (let i = 0; i < this[this._filesProperty].length; i++) {
+                const file = this[this._filesProperty][i];
+                if (!widgetFiles.find((x) => x[this._privateIdProperty] === file[this._privateIdProperty])) {
+                    filesToRemove.push(file);
+                }
+            }
+        }
+        return filesToRemove;
+    }
+    removeAll() {
+        this.widget.getFilesData().forEach((file) => {
+            this.removeFile(file);
+        });
+    }
+    removeFile(file) {
+        this.widget.remove(file);
+    }
+    removing(args) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let event = new CustomEvent("on-removing", {
+                bubbles: true,
+                detail: args
+            });
+            this.element.dispatchEvent(event);
+            if (args.cancel) {
+                return;
+            }
+            if (this.dataAdapter && this.dataAdapter.remove) {
+                try {
+                    if (this.serverDelete) {
+                        yield this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
+                    }
+                    this.onRemoveSuccess(args);
+                    this.onWidgetRemoveComplete(null, args);
+                }
+                catch (error) {
+                    this.onWidgetRemoveFailed(error, args);
+                }
+            }
+        });
+    }
+    onWidgetRemoveComplete(response, args) {
+        this.widget.removeCompleted(response, args.filesData[0], false);
+    }
+    onWidgetRemoveFailed(e, args) {
+        this.widget.removeFailed(e, args.filesData[0], false);
+    }
+    onRemoveSuccess(args) {
+        let _file = args.filesData[0];
+        let index = this[this._filesProperty].findIndex((x) => x.__id === _file.__id);
+        if (index !== -1) {
+            const removedFile = this[this._filesProperty].splice(index, 1)[0];
+            let event = new CustomEvent("on-remove-success", {
+                bubbles: true,
+                detail: { args: args, removedFile: removedFile }
+            });
+            this.element.dispatchEvent(event);
+        }
+    }
+    success(args) {
+        if (args.operation === "upload") {
+            let response = JSON.parse(args.e.target.response);
+            let _uploadedFile = args.file;
+            let fileName = _uploadedFile.name.substr(0, _uploadedFile.name.length - (_uploadedFile.type.length + 1));
+            let additionalProperties = {};
+            additionalProperties[this._privateIdProperty] = (0, uuid_1.v4)();
+            if (this.uploadResultModel) {
+                for (let prop in this.uploadResultModel) {
+                    additionalProperties[this.uploadResultModel[prop]] = response[prop];
+                }
+            }
+            let file = {
+                name: fileName,
+                size: _uploadedFile.size,
+                type: `.${_uploadedFile.type}`
+            };
+            Object.assign(_uploadedFile, additionalProperties);
+            Object.assign(file, additionalProperties);
+            if (this[this._filesProperty] === null) {
+                this[this._filesProperty] = [];
+            }
+            this[this._filesProperty].push(file);
+            let uploadedEvent = new CustomEvent("on-uploaded", {
+                bubbles: true,
+                detail: { args: args, uploadedFile: file }
+            });
+            this.element.dispatchEvent(uploadedEvent);
+        }
+        else if (args.operation === "remove") {
+        }
+        let successEvent = new CustomEvent("on-success", {
+            bubbles: true,
+            detail: args
+        });
+        this.element.dispatchEvent(successEvent);
+    }
+    failure(args) {
+        let event = new CustomEvent("on-failure", {
+            bubbles: true,
+            detail: args
+        });
+        this.element.dispatchEvent(event);
+    }
+    getAdditionalFileProperties() {
+        let extraProperties = [];
+        if (this[this._filesProperty] && this[this._filesProperty].length > 0) {
+            for (let prop in this[this._filesProperty][0]) {
+                if (prop !== "name" && prop !== "size" && prop !== "type") {
+                    extraProperties.push(prop);
+                }
+            }
+        }
+        return extraProperties;
+    }
+    onFileUpload(args) {
+        let _metadata = this.createMetadata(args.fileData);
+        if (_metadata) {
+            if (this.formDataProperty) {
+                let formData = {};
+                formData[this.formDataProperty] = JSON.stringify(_metadata);
+                args.customFormData = [formData];
+            }
+            else {
+                let formData = [];
+                for (let prop in _metadata) {
+                    let kvp = {};
+                    kvp[prop] = _metadata[prop];
+                    formData.push(kvp);
+                }
+                args.customFormData = formData;
+            }
+        }
+        let event = new CustomEvent("on-uploading", {
+            bubbles: true,
+            detail: args
+        });
+        this.element.dispatchEvent(event);
+    }
+    createMetadata(file) {
+        let _metadata = null;
+        if (this.sendAdditionalFilePropertiesAsFormData) {
+            if (_metadata === null) {
+                _metadata = {};
+            }
+            let props = this.getAdditionalFileProperties();
+            props.forEach((prop) => {
+                _metadata[prop] = file[prop];
+            });
+        }
+        if (this.metadata !== null) {
+            if (_metadata === null) {
+                _metadata = {};
+            }
+            Object.assign(_metadata, this.metadata);
+        }
+        if (this.metadataGenerator) {
+            if (_metadata === null) {
+                _metadata = {};
+            }
+            let _generatedMetadata = this.metadataGenerator.call(this.context || this.bindingContext, file);
+            Object.assign(_metadata, _generatedMetadata);
+        }
+        return _metadata;
+    }
+};
+exports.Ej2Uploader = Ej2Uploader;
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Object)
+], Ej2Uploader.prototype, "metadata", void 0);
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Object)
+], Ej2Uploader.prototype, "formDataProperty", void 0);
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Function)
+], Ej2Uploader.prototype, "metadataGenerator", void 0);
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Object)
+], Ej2Uploader.prototype, "uploadResultModel", void 0);
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Object)
+], Ej2Uploader.prototype, "dataAdapter", void 0);
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Object)
+], Ej2Uploader.prototype, "autoRemoveServerFiles", void 0);
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Object)
+], Ej2Uploader.prototype, "context", void 0);
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Array)
+], Ej2Uploader.prototype, "files", void 0);
+__decorate([
+    aurelia_framework_1.bindable,
+    __metadata("design:type", Boolean)
+], Ej2Uploader.prototype, "serverDelete", void 0);
+exports.Ej2Uploader = Ej2Uploader = __decorate([
+    (0, decorator_1.generateBindables)("uploader"),
+    (0, aurelia_framework_2.inlineView)(`<template><input element.ref="widgetElement" type="file" name="UploadFiles" /></template>`),
+    (0, aurelia_framework_2.customElement)('ej2-uploader')
+], Ej2Uploader);

package/dist/native-modules/common/constants.d.ts

@@ -0,0 +1,4 @@
+export declare const constants: {
+    eventPrefix: string;
+    bindablePrefix: string;
+};

package/dist/native-modules/common/constants.js

@@ -0,0 +1,4 @@
+export const constants = {
+    eventPrefix: 'e-on-',
+    bindablePrefix: 'e-'
+};

package/dist/native-modules/common/controlBase.d.ts

@@ -0,0 +1,37 @@
+import { TaskQueue } from 'aurelia-task-queue';
+import { BindingEngine, Disposable } from "aurelia-framework";
+import { ControlContainer, Control } from "./controlContainer";
+import { EventAggregator } from 'aurelia-event-aggregator';
+export declare class ControlBase<T, U> {
+    protected bindingEngine: BindingEngine;
+    private controlContainer;
+    protected taskQueue: TaskQueue;
+    protected eventAggregator: EventAggregator;
+    protected element: Element;
+    private eModel;
+    protected _eModel: U;
+    protected widgetElement: HTMLElement;
+    widget: T;
+    protected bindingContext: any;
+    protected logName: string;
+    private propertyPriority;
+    protected get controlType(): Function;
+    protected subscriptions: Disposable[];
+    constructor(bindingEngine: BindingEngine, controlContainer: ControlContainer, taskQueue: TaskQueue, eventAggregator: EventAggregator, element: Element);
+    onBind(): void;
+    onAttached(): void;
+    onCreateControl(): void;
+    protected debug(message: string, ...rest: any[]): void;
+    protected info(message: string, ...rest: any[]): void;
+    protected error(message: string, ...rest: any[]): void;
+    protected warn(message: string, ...rest: any[]): void;
+    bind(context: any): void;
+    protected setInitialBindings(): void;
+    getBindables(): Control;
+    createControlEvents(control: Control): void;
+    createControlPropertySubscriptions(control: Control): void;
+    attached(): void;
+    protected appendWidget(): void;
+    detached(): void;
+}
+export declare const ExcludedProperties: string[];

package/dist/native-modules/common/controlBase.js

@@ -0,0 +1,158 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { TaskQueue } from 'aurelia-task-queue';
+import { autoinject, BindingEngine, bindable, LogManager } from "aurelia-framework";
+import { ControlContainer } from "./controlContainer";
+import { constants } from "./constants";
+import { EventAggregator } from 'aurelia-event-aggregator';
+let logger = LogManager.getLogger("SyncfusionBridge");
+let ControlBase = class ControlBase {
+    get controlType() {
+        throw "syncfusionControlType is not set";
+    }
+    constructor(bindingEngine, controlContainer, taskQueue, eventAggregator, element) {
+        this.bindingEngine = bindingEngine;
+        this.controlContainer = controlContainer;
+        this.taskQueue = taskQueue;
+        this.eventAggregator = eventAggregator;
+        this.element = element;
+        this.eModel = null;
+        this._eModel = null;
+        this.widgetElement = null;
+        this.widget = null;
+        this.bindingContext = null;
+        this.logName = "";
+        this.propertyPriority = true;
+        this.subscriptions = [];
+    }
+    onBind() {
+    }
+    onAttached() {
+    }
+    onCreateControl() {
+        throw "onCreateControl is not implemented";
+    }
+    debug(message, ...rest) {
+        logger.debug(`[${this.logName}] - ${message}`, rest);
+    }
+    info(message, ...rest) {
+        logger.info(`[${this.logName}] - ${message}`, rest);
+    }
+    error(message, ...rest) {
+        logger.error(`[${this.logName}] - ${message}`, rest);
+    }
+    warn(message, ...rest) {
+        logger.warn(`[${this.logName}] - ${message}`, rest);
+    }
+    bind(context) {
+        this.logName = this.controlType.name;
+        this.bindingContext = context;
+        this._eModel = Object.assign({}, this.eModel);
+        this.setInitialBindings();
+        this.onCreateControl();
+        this.onBind();
+    }
+    setInitialBindings() {
+        let _control = this.getBindables();
+        let bindablePrefixLength = constants.bindablePrefix.length;
+        _control.bindableProperties.forEach((property) => {
+            if (!property.startsWith(constants.eventPrefix)) {
+                let modelProperty = property.substr(bindablePrefixLength);
+                if (this[property] !== undefined && (this.propertyPriority || this._eModel[modelProperty] === undefined)) {
+                    this._eModel[modelProperty] = this[property];
+                }
+            }
+        });
+        this.createControlPropertySubscriptions(_control);
+    }
+    getBindables() {
+        let _control = this.controlContainer.get(this.controlType);
+        if (!_control) {
+            _control = {};
+            _control.type = this.controlType;
+            _control.bindableProperties = [];
+            _control.bindableEvents = [];
+            for (let property in this["__observers__"]) {
+                if (ExcludedProperties.indexOf(property) === -1) {
+                    if (property.startsWith(constants.eventPrefix)) {
+                        _control.bindableEvents.push(property);
+                    }
+                    else {
+                        _control.bindableProperties.push(property);
+                    }
+                }
+            }
+        }
+        return _control;
+    }
+    createControlEvents(control) {
+        control.bindableEvents.forEach((event) => {
+            let eventName = event.substr(constants.eventPrefix.length);
+            this.widget.addEventListener(eventName, (args) => {
+                this.element.dispatchEvent(new CustomEvent(event, {
+                    bubbles: true,
+                    detail: args
+                }));
+            });
+        });
+    }
+    createControlPropertySubscriptions(control) {
+        if (control) {
+            let bindablePrefixLength = constants.bindablePrefix.length;
+            control.bindableProperties.forEach((binding) => {
+                let modelBinding = binding.substr(bindablePrefixLength);
+                this.subscriptions.push(this.bindingEngine.propertyObserver(this, binding).subscribe((newValue) => {
+                    if (this.widget.properties.hasOwnProperty(modelBinding)) {
+                        let customFunc = `${modelBinding}Changed`;
+                        if (typeof this[customFunc] === "function") {
+                            this[customFunc].call(this, newValue);
+                        }
+                        else {
+                            this.widget[modelBinding] = newValue;
+                        }
+                    }
+                }));
+            });
+        }
+    }
+    attached() {
+        this.appendWidget();
+        this.onAttached();
+    }
+    appendWidget() {
+        this.widget.appendTo(this.widgetElement);
+    }
+    detached() {
+        this.subscriptions.forEach((subscription) => { if (subscription) {
+            subscription.dispose();
+        } });
+        if (this.widget.destroy) {
+            this.widget.destroy();
+        }
+        this.widget = null;
+        this._eModel = null;
+        this.widgetElement = null;
+    }
+};
+__decorate([
+    bindable,
+    __metadata("design:type", Object)
+], ControlBase.prototype, "eModel", void 0);
+ControlBase = __decorate([
+    autoinject,
+    __metadata("design:paramtypes", [BindingEngine, ControlContainer,
+        TaskQueue, EventAggregator, Element])
+], ControlBase);
+export { ControlBase };
+export const ExcludedProperties = [
+    "__propertiesDefined__",
+    "eModel",
+    "onClick"
+];

package/dist/native-modules/common/controlContainer.d.ts

@@ -0,0 +1,10 @@
+export declare class ControlContainer {
+    controls: Control[];
+    add(control: Control): void;
+    get(type: Function): Control;
+}
+export interface Control {
+    type: Function;
+    bindableProperties: string[];
+    bindableEvents: string[];
+}

package/dist/native-modules/common/controlContainer.js

@@ -0,0 +1,15 @@
+export class ControlContainer {
+    constructor() {
+        this.controls = [];
+    }
+    add(control) {
+        let existing = this.controls.find((x) => x.type === control.type);
+        if (!existing) {
+            this.controls.push(control);
+        }
+    }
+    get(type) {
+        let _control = this.controls.find((x) => x.type === type);
+        return _control;
+    }
+}

package/dist/native-modules/common/syncfusionWrapper.d.ts

@@ -0,0 +1,15 @@
+import { ControlBase } from "./controlBase";
+export declare abstract class SyncfusionWrapper<T, U> extends ControlBase<T, U> {
+    protected abstract syncfusionWidgetType: any;
+    protected abstract onWrapperCreated(): any;
+    protected abstract onWidgetCreated(): any;
+    onCreateControl(): void;
+    recreate(): void;
+    onRecreate(): void;
+    recreating(): void;
+    recreated(): void;
+    refresh(): void;
+    dataBind(): void;
+    protected get controlType(): any;
+    protected onBeforeWidgetInstantiation(): void;
+}

package/dist/native-modules/common/syncfusionWrapper.js

@@ -0,0 +1,40 @@
+import { ControlBase } from "./controlBase";
+export class SyncfusionWrapper extends ControlBase {
+    onCreateControl() {
+        this.onBeforeWidgetInstantiation();
+        this.widget = new this.syncfusionWidgetType(this._eModel);
+        this.widget.created = () => { this.onWidgetCreated(); };
+        this.onWrapperCreated();
+        this.createControlEvents(this.getBindables());
+    }
+    recreate() {
+        this.onRecreate();
+        this.widget.destroy();
+        this.widget = null;
+        this.recreating();
+        this.setInitialBindings();
+        this.onCreateControl();
+        this.appendWidget();
+        this.recreated();
+    }
+    onRecreate() {
+    }
+    recreating() {
+    }
+    recreated() {
+    }
+    refresh() {
+        this.widget.refresh();
+    }
+    dataBind() {
+        this.widget.dataBind();
+    }
+    get controlType() {
+        if (this.syncfusionWidgetType) {
+            return this.syncfusionWidgetType;
+        }
+        throw "syncfusionControlType is not set";
+    }
+    onBeforeWidgetInstantiation() {
+    }
+}

package/dist/native-modules/configBuider.d.ts

@@ -0,0 +1,42 @@
+export declare class ConfigBuilder {
+    resources: any[];
+    useGlobalResources: boolean;
+    useAll(): ConfigBuilder;
+    useDefaults(): ConfigBuilder;
+    useTheme(theme: "material" | "bootstrap" | "bootstrap4" | "fabric" | "highcontrast"): this;
+    materialTheme(): this;
+    withoutGlobalResources(): ConfigBuilder;
+    ej2Accordion(): ConfigBuilder;
+    ej2AutoComplete(): ConfigBuilder;
+    ej2Button(): ConfigBuilder;
+    ej2Checkbox(): ConfigBuilder;
+    ej2CheckboxList(): ConfigBuilder;
+    ej2ColorPicker(): ConfigBuilder;
+    ej2ComboBox(): ConfigBuilder;
+    ej2DashboardLayout(): ConfigBuilder;
+    ej2DatePicker(): ConfigBuilder;
+    ej2DateRangePicker(): ConfigBuilder;
+    ej2DateTimePicker(): ConfigBuilder;
+    ej2DropDownList(): ConfigBuilder;
+    ej2DropDownTree(): ConfigBuilder;
+    ej2FileManager(): ConfigBuilder;
+    ej2Grid(): ConfigBuilder;
+    ej2ListView(): ConfigBuilder;
+    ej2MaskedTextBox(): ConfigBuilder;
+    ej2MultiSelect(): ConfigBuilder;
+    ej2NumericTextBox(): ConfigBuilder;
+    ej2Pager(): ConfigBuilder;
+    ej2ProgressButton(): ConfigBuilder;
+    ej2Radio(): ConfigBuilder;
+    ej2Schedule(): ConfigBuilder;
+    ej2Sidebar(): ConfigBuilder;
+    ej2Slider(): ConfigBuilder;
+    ej2Splitter(): ConfigBuilder;
+    ej2Switch(): ConfigBuilder;
+    ej2TextBox(): ConfigBuilder;
+    ej2TimePicker(): ConfigBuilder;
+    ej2Timeline(): ConfigBuilder;
+    ej2TreeView(): ConfigBuilder;
+    ej2Uploader(): ConfigBuilder;
+    ej2RichTextEditor(): ConfigBuilder;
+}