aurelia-syncfusion-ej2-bridge 0.1.0-beta.22 → 0.1.0-beta.25

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

@@ -1,159 +0,0 @@
-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 {
-    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 = [];
-    }
-    get controlType() {
-        throw "syncfusionControlType is not set";
-    }
-    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.debug("destroy method", null);
-            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

@@ -1,10 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,15 +0,0 @@
-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

@@ -1,44 +0,0 @@
-import { ControlBase } from "./controlBase";
-export class SyncfusionWrapper extends ControlBase {
-    constructor() {
-        super(...arguments);
-        this.syncfusionWidgetType = null;
-    }
-    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

@@ -1,39 +0,0 @@
-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;
-    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;
-    ej2TreeView(): ConfigBuilder;
-    ej2Uploader(): ConfigBuilder;
-}

package/dist/native-modules/configBuider.js

@@ -1,210 +0,0 @@
-import { Ej2MultiSelect } from './widgets/multiSelect/ej2-multiSelect';
-import { Ej2Schedule } from './widgets/schedule/ej2-schedule';
-import { Ej2FileManager } from './widgets/fileManager/ej2-fileManager';
-import { Ej2Sidebar } from './widgets/sidebar/ej2-sidebar';
-import { Ej2DatePicker } from './widgets/datePicker/ej2-DatePicker';
-import { PLATFORM } from "aurelia-pal";
-import { Ej2TextBox } from './widgets/textBox/ej2-textBox';
-import { Ej2DateRangePicker } from './widgets/dateRangePicker/ej2-dateRangePicker';
-import { Ej2DateTimePicker } from './widgets/dateTimePicker/ej2-dateTimePicker';
-import { Ej2DashboardLayout } from './widgets/dashboardLayout/ej2-dashboardLayout';
-import { Ej2ComboBox } from './widgets/comboBox/ej2-comboBox';
-import { Ej2CheckboxList } from './widgets/checkbox/ej2-checkbox-list';
-import { Ej2Checkbox } from './widgets/checkbox/ej2-checkbox';
-import { Ej2Button } from './widgets/button/ej2-button';
-import { Ej2AutoComplete } from './widgets/autoComplete/ej2-autoComplete';
-import { Ej2Accordion } from './widgets/accordion/ej2-accordion';
-import { Ej2DropDownList } from './widgets/dropDownList/ej2-dropDownList';
-import { Ej2Grid } from './widgets/grid/ej2-grid';
-import { Ej2ListView } from './widgets/listView/ej2-listView';
-import { Ej2MaskedTextBox } from './widgets/maskedTextBox/ej2-maskedTextBox';
-import { Ej2NumericTextBox } from './widgets/numericTextBox/ej2-numericTextBox';
-import { Ej2Pager } from './widgets/pager/ej2-pager';
-import { Ej2ProgressButton } from './widgets/progressButton/ej2-progress-button';
-import { Ej2Radio } from './widgets/radio/ej2-radio';
-import { Ej2Slider } from './widgets/slider/ej2-slider';
-import { Ej2Switch } from './widgets/switch/ej2-switch';
-import { Ej2TimePicker } from './widgets/timePicker/ej2-timePicker';
-import { Ej2TreeView } from './widgets/treeView/ej2-treeView';
-import { Ej2Uploader } from './widgets/uploader/ej2-uploader';
-import { Ej2Splitter } from './widgets/splitter/ej2-splitter';
-import { Ej2DropDownTree } from './widgets/dropDownTree/ej2-dropDownTree';
-export class ConfigBuilder {
-    constructor() {
-        this.resources = [];
-        this.useGlobalResources = true;
-    }
-    useAll() {
-        this
-            .ej2Accordion()
-            .ej2AutoComplete()
-            .ej2Button()
-            .ej2Checkbox()
-            .ej2CheckboxList()
-            .ej2ComboBox()
-            .ej2DatePicker()
-            .ej2DateRangePicker()
-            .ej2DateTimePicker()
-            .ej2DashboardLayout()
-            .ej2DropDownList()
-            .ej2DropDownTree()
-            .ej2FileManager()
-            .ej2Grid()
-            .ej2ListView()
-            .ej2MaskedTextBox()
-            .ej2MultiSelect()
-            .ej2NumericTextBox()
-            .ej2Pager()
-            .ej2ProgressButton()
-            .ej2Radio()
-            .ej2Schedule()
-            .ej2Sidebar()
-            .ej2Slider()
-            .ej2Splitter()
-            .ej2Switch()
-            .ej2TextBox()
-            .ej2TimePicker()
-            .ej2TreeView()
-            .ej2Uploader();
-        return this;
-    }
-    useDefaults() {
-        return this.useAll().useTheme("material");
-    }
-    useTheme(theme) {
-        switch (theme) {
-            case "material":
-                return this.materialTheme();
-            default:
-                return this;
-        }
-    }
-    materialTheme() {
-        this.resources.push(PLATFORM.moduleName("@syncfusion/ej2/material.css"));
-        return this;
-    }
-    withoutGlobalResources() {
-        this.useGlobalResources = false;
-        return this;
-    }
-    ej2Accordion() {
-        this.resources.push(Ej2Accordion);
-        return this;
-    }
-    ej2AutoComplete() {
-        this.resources.push(Ej2AutoComplete);
-        return this;
-    }
-    ej2Button() {
-        this.resources.push(Ej2Button);
-        return this;
-    }
-    ej2Checkbox() {
-        this.resources.push(Ej2Checkbox);
-        return this;
-    }
-    ej2CheckboxList() {
-        this.resources.push(Ej2CheckboxList);
-        return this;
-    }
-    ej2ComboBox() {
-        this.resources.push(Ej2ComboBox);
-        return this;
-    }
-    ej2DashboardLayout() {
-        this.resources.push(Ej2DashboardLayout);
-        return this;
-    }
-    ej2DatePicker() {
-        this.resources.push(Ej2DatePicker);
-        return this;
-    }
-    ej2DateRangePicker() {
-        this.resources.push(Ej2DateRangePicker);
-        return this;
-    }
-    ej2DateTimePicker() {
-        this.resources.push(Ej2DateTimePicker);
-        return this;
-    }
-    ej2DropDownList() {
-        this.resources.push(Ej2DropDownList);
-        return this;
-    }
-    ej2DropDownTree() {
-        this.resources.push(Ej2DropDownTree);
-        return this;
-    }
-    ej2FileManager() {
-        this.resources.push(Ej2FileManager);
-        return this;
-    }
-    ej2Grid() {
-        this.resources.push(Ej2Grid);
-        return this;
-    }
-    ej2ListView() {
-        this.resources.push(Ej2ListView);
-        return this;
-    }
-    ej2MaskedTextBox() {
-        this.resources.push(Ej2MaskedTextBox);
-        return this;
-    }
-    ej2MultiSelect() {
-        this.resources.push(Ej2MultiSelect);
-        return this;
-    }
-    ej2NumericTextBox() {
-        this.resources.push(Ej2NumericTextBox);
-        return this;
-    }
-    ej2Pager() {
-        this.resources.push(Ej2Pager);
-        return this;
-    }
-    ej2ProgressButton() {
-        this.resources.push(Ej2ProgressButton);
-        return this;
-    }
-    ej2Radio() {
-        this.resources.push(Ej2Radio);
-        return this;
-    }
-    ej2Schedule() {
-        this.resources.push(Ej2Schedule);
-        return this;
-    }
-    ej2Sidebar() {
-        this.resources.push(Ej2Sidebar);
-        return this;
-    }
-    ej2Slider() {
-        this.resources.push(Ej2Slider);
-        return this;
-    }
-    ej2Splitter() {
-        this.resources.push(Ej2Splitter);
-        return this;
-    }
-    ej2Switch() {
-        this.resources.push(Ej2Switch);
-        return this;
-    }
-    ej2TextBox() {
-        this.resources.push(Ej2TextBox);
-        return this;
-    }
-    ej2TimePicker() {
-        this.resources.push(Ej2TimePicker);
-        return this;
-    }
-    ej2TreeView() {
-        this.resources.push(Ej2TreeView);
-        return this;
-    }
-    ej2Uploader() {
-        this.resources.push(Ej2Uploader);
-        return this;
-    }
-}

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

@@ -1,140 +0,0 @@
-export declare const ControlBindings: {
-    common: {
-        oneWay: string[];
-    };
-    accordion: {
-        oneWay: string[];
-        events: string[];
-    };
-    autoComplete: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    button: {
-        oneWay: string[];
-        events: string[];
-    };
-    checkbox: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    comboBox: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    dashboardLayout: {
-        oneWay: string[];
-        events: string[];
-    };
-    datePicker: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    dateRangePicker: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    dateTimePicker: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    dropDownList: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    dropDownTree: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    fileManager: {
-        oneWay: string[];
-        twoWay: any[];
-        events: string[];
-    };
-    grid: {
-        oneWay: string[];
-        fromView: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    listView: {
-        oneWay: string[];
-        events: string[];
-    };
-    maskedTextBox: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    multiSelect: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    numericTextBox: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    pager: {
-        twoWay: string[];
-        events: string[];
-    };
-    progressButton: {
-        oneWay: string[];
-        events: string[];
-    };
-    radio: {
-        oneWay: string[];
-        events: string[];
-    };
-    schedule: {
-        oneWay: string[];
-        events: string[];
-    };
-    sidebar: {
-        oneWay: string[];
-        events: string[];
-    };
-    slider: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    splitter: {
-        oneWay: string[];
-        events: string[];
-    };
-    switch: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    textBox: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    timePicker: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    treeView: {
-        oneWay: string[];
-        twoWay: string[];
-        events: string[];
-    };
-    uploader: {
-        oneWay: string[];
-        events: string[];
-    };
-};