aurelia-syncfusion-ej2-bridge 1.0.8 → 1.0.10

package/dist/native-modules/utilities/decorator.js

@@ -0,0 +1,59 @@
+import { BindableProperty, HtmlBehaviorResource } from 'aurelia-templating';
+import { Container } from 'aurelia-dependency-injection';
+import { metadata } from 'aurelia-metadata';
+import { bindingMode } from 'aurelia-binding';
+import { TaskQueue } from 'aurelia-task-queue';
+import { ControlBindings } from '../controlBindings';
+import { constants } from '../common/constants';
+export function generateBindables(controlName) {
+    return function (target, key, descriptor) {
+        let behaviorResource = metadata.getOrCreateOwn(metadata.resource, HtmlBehaviorResource, target);
+        let oneWay = [];
+        if (ControlBindings[controlName].oneWay) {
+            oneWay = ControlBindings.common.oneWay.concat(ControlBindings[controlName].oneWay);
+        }
+        else {
+            oneWay = ControlBindings.common.oneWay;
+        }
+        let createBinding = (name, bindingMode, prefix) => {
+            let nameOrConfigOrTarget = {
+                name: `${prefix}${name}`,
+                defaultBindingMode: bindingMode
+            };
+            let prop = new BindableProperty(nameOrConfigOrTarget);
+            prop.registerWith(target, behaviorResource, descriptor);
+        };
+        for (let i = 0; i < oneWay.length; i++) {
+            let option = oneWay[i];
+            createBinding(option, bindingMode.oneWay, constants.bindablePrefix);
+        }
+        if (ControlBindings[controlName].fromView) {
+            for (let i = 0; i < ControlBindings[controlName].fromView.length; i++) {
+                let option = ControlBindings[controlName].fromView[i];
+                createBinding(option, bindingMode.fromView, constants.bindablePrefix);
+            }
+        }
+        if (ControlBindings[controlName].twoWay) {
+            for (let i = 0; i < ControlBindings[controlName].twoWay.length; i++) {
+                let option = ControlBindings[controlName].twoWay[i];
+                createBinding(option, bindingMode.twoWay, constants.bindablePrefix);
+            }
+        }
+        if (ControlBindings[controlName].events) {
+            for (let i = 0; i < ControlBindings[controlName].events.length; i++) {
+                let option = ControlBindings[controlName].events[i];
+                createBinding(option, bindingMode.oneTime, constants.eventPrefix);
+            }
+        }
+    };
+}
+export function delayed() {
+    return function (target, key, descriptor) {
+        let taskQueue = (Container.instance || new Container()).get(TaskQueue);
+        let ptr = descriptor.value;
+        descriptor.value = function (...args) {
+            taskQueue.queueTask(() => ptr.apply(this, args));
+        };
+        return descriptor;
+    };
+}

package/dist/native-modules/widgets/accordion/ej2-accordion.d.ts

@@ -0,0 +1,7 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { Accordion, AccordionModel } from "@syncfusion/ej2-navigations";
+export declare class Ej2Accordion extends SyncfusionWrapper<Accordion, AccordionModel> {
+    protected syncfusionWidgetType: typeof Accordion;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+}

package/dist/native-modules/widgets/accordion/ej2-accordion.js

@@ -0,0 +1,28 @@
+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;
+};
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { Accordion } from "@syncfusion/ej2-navigations";
+import { generateBindables } from "../../utilities/decorator";
+import { enableRipple } from '@syncfusion/ej2-base';
+import { inlineView, customElement } from "aurelia-framework";
+enableRipple(true);
+let Ej2Accordion = class Ej2Accordion extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = Accordion;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2Accordion = __decorate([
+    generateBindables("accordion"),
+    customElement('ej2-accordion'),
+    inlineView('<template><div element.ref="widgetElement"></div></template>')
+], Ej2Accordion);
+export { Ej2Accordion };

package/dist/native-modules/widgets/autoComplete/ej2-autoComplete.d.ts

@@ -0,0 +1,7 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { AutoComplete, AutoCompleteModel } from "@syncfusion/ej2-dropdowns";
+export declare class Ej2AutoComplete extends SyncfusionWrapper<AutoComplete, AutoCompleteModel> {
+    protected syncfusionWidgetType: typeof AutoComplete;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+}

package/dist/native-modules/widgets/autoComplete/ej2-autoComplete.js

@@ -0,0 +1,26 @@
+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;
+};
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { AutoComplete } from "@syncfusion/ej2-dropdowns";
+import { generateBindables } from "../../utilities/decorator";
+import { customElement, inlineView } from "aurelia-framework";
+let Ej2AutoComplete = class Ej2AutoComplete extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = AutoComplete;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2AutoComplete = __decorate([
+    generateBindables("autoComplete"),
+    customElement('ej2-auto-complete'),
+    inlineView('<template><input element.ref="widgetElement" type="text" /></template>')
+], Ej2AutoComplete);
+export { Ej2AutoComplete };

package/dist/native-modules/widgets/button/ej2-button.d.ts

@@ -0,0 +1,14 @@
+import { Button, ButtonModel } from '@syncfusion/ej2-buttons';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+export declare class Ej2Button extends SyncfusionWrapper<Button, ButtonModel> {
+    clickEvent: Event;
+    _onClick: (event: Event) => void;
+    protected onWidgetCreated(): void;
+    protected onWrapperCreated(): void;
+    protected syncfusionWidgetType: typeof Button;
+    refresh(): void;
+    focusIn(): void;
+    click(): void;
+    dataBind(): void;
+    detached(): void;
+}

package/dist/native-modules/widgets/button/ej2-button.js

@@ -0,0 +1,52 @@
+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;
+};
+import { Button } from '@syncfusion/ej2-buttons';
+import { inlineView, customElement } from 'aurelia-framework';
+import { generateBindables } from '../../utilities/decorator';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+let Ej2Button = class Ej2Button extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.clickEvent = null;
+        this._onClick = null;
+        this.syncfusionWidgetType = Button;
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this._onClick = (event) => {
+            _this.element.dispatchEvent(_this.clickEvent);
+            event.stopPropagation();
+        };
+        this.widget.element.addEventListener("click", this._onClick, false);
+    }
+    onWrapperCreated() {
+        this.clickEvent = new CustomEvent("on-click", {
+            bubbles: true
+        });
+    }
+    refresh() {
+        this.widget.refresh();
+    }
+    focusIn() {
+        this.widget.focusIn();
+    }
+    click() {
+        this.widget.click();
+    }
+    dataBind() {
+        this.widget.dataBind();
+    }
+    detached() {
+        this.widget.element.removeEventListener("click", this._onClick, false);
+    }
+};
+Ej2Button = __decorate([
+    generateBindables("button"),
+    inlineView('<template><button element.ref="widgetElement"><slot></slot></button></template>'),
+    customElement('ej2-button')
+], Ej2Button);
+export { Ej2Button };

package/dist/native-modules/widgets/checkbox/ej2-checkbox-list.d.ts

@@ -0,0 +1,17 @@
+import { Ej2Checkbox } from "./ej2-checkbox";
+export declare class Ej2CheckboxList {
+    dataSource: any[];
+    selectedItems: any[];
+    optionModel: IOptionModel;
+    orientation: "horizontal" | "vertical";
+    matcher: (a: any, b: any) => boolean;
+    viewModels: Ej2Checkbox[];
+    attached(): void;
+    checkboxClick(option: any, ej2Checkbox: Ej2Checkbox): void;
+    isMatch(option: any): boolean;
+}
+export interface IOptionModel {
+    name: string;
+    value: string;
+    label: string;
+}

package/dist/native-modules/widgets/checkbox/ej2-checkbox-list.js

@@ -0,0 +1,74 @@
+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 { bindable, customElement, inlineView } from "aurelia-framework";
+import { constants } from "../../common/constants";
+let Ej2CheckboxList = class Ej2CheckboxList {
+    constructor() {
+        this.dataSource = [];
+        this.selectedItems = [];
+        this.optionModel = null;
+        this.orientation = "horizontal";
+        this.matcher = null;
+        this.viewModels = [];
+    }
+    attached() {
+    }
+    checkboxClick(option, ej2Checkbox) {
+        if (ej2Checkbox[`${constants.bindablePrefix}checked`]) {
+            if ((this.matcher && this.selectedItems.find((x) => this.matcher(x, option))) || !this.selectedItems.includes(option)) {
+                this.selectedItems.push(option);
+            }
+        }
+        else {
+            let index = this.matcher ? this.selectedItems.findIndex((x) => this.matcher(x, option)) : this.selectedItems.indexOf(option);
+            if (index !== -1) {
+                this.selectedItems.splice(index, 1);
+            }
+            else {
+            }
+        }
+    }
+    isMatch(option) {
+        return this.selectedItems.findIndex((x) => this.matcher(x, option)) !== -1;
+    }
+};
+__decorate([
+    bindable,
+    __metadata("design:type", Array)
+], Ej2CheckboxList.prototype, "dataSource", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", Array)
+], Ej2CheckboxList.prototype, "selectedItems", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", Object)
+], Ej2CheckboxList.prototype, "optionModel", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", String)
+], Ej2CheckboxList.prototype, "orientation", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", Function)
+], Ej2CheckboxList.prototype, "matcher", void 0);
+Ej2CheckboxList = __decorate([
+    customElement("ej2-checkbox-list"),
+    inlineView(`<template>
+  <div repeat.for="option of dataSource" css="\${orientation === 'horizontal' ? 'display: inline;' : ''}">
+    <ej2-checkbox view-model.ref="viewModels[$index]" e-label.bind="optionModel? option[optionModel.label]: option"
+      e-name.bind="optionModel? option[optionModel.name]: option"
+      click.delegate="checkboxClick(option, viewModels[$index])"
+      e-checked.bind="selectedItems.length >0 && matcher? isMatch(option) : selectedItems.indexOf(option) !== -1">
+    </ej2-checkbox>
+  </div>
+</template>`)
+], Ej2CheckboxList);
+export { Ej2CheckboxList };

package/dist/native-modules/widgets/checkbox/ej2-checkbox.d.ts

@@ -0,0 +1,12 @@
+import { Disposable } from 'aurelia-binding';
+import { CheckBox, CheckBoxModel } from '@syncfusion/ej2-buttons';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+export declare class Ej2Checkbox extends SyncfusionWrapper<CheckBox, CheckBoxModel> {
+    protected onWidgetCreated(): void;
+    protected onWrapperCreated(): void;
+    protected syncfusionWidgetType: typeof CheckBox;
+    checkedSubscription: Disposable;
+    onBind(): void;
+    _onClick(event: Event): void;
+    detached(): void;
+}

package/dist/native-modules/widgets/checkbox/ej2-checkbox.js

@@ -0,0 +1,55 @@
+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;
+};
+import { CheckBox } from '@syncfusion/ej2-buttons';
+import { autoinject, inlineView, customElement, transient } from 'aurelia-framework';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+import { generateBindables } from '../../utilities/decorator';
+import { constants } from '../../common/constants';
+let Ej2Checkbox = class Ej2Checkbox extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = CheckBox;
+        this.checkedSubscription = null;
+    }
+    onWidgetCreated() {
+        this.widget.element.addEventListener("click", this._onClick.bind(this));
+    }
+    onWrapperCreated() {
+    }
+    onBind() {
+        this.widget.change = () => {
+            this[`${constants.bindablePrefix}checked`] = this.widget.checked;
+        };
+        this.checkedSubscription = this.bindingEngine.propertyObserver(this, "checked").subscribe((newValue) => {
+            this.widget.checked = newValue;
+        });
+    }
+    _onClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.taskQueue.queueTask(() => {
+            let clickEvent = new CustomEvent("on-click", {
+                bubbles: true,
+                detail: { checked: this[`${constants.bindablePrefix}checked`] }
+            });
+            this.element.dispatchEvent(clickEvent);
+        });
+    }
+    detached() {
+        this.checkedSubscription.dispose();
+        this.widget.element.removeEventListener("click", this._onClick);
+        super.detached();
+    }
+};
+Ej2Checkbox = __decorate([
+    autoinject,
+    transient(),
+    generateBindables("checkbox"),
+    customElement("ej2-checkbox"),
+    inlineView(`<template><input element.ref="widgetElement" type="checkbox" /></template>`)
+], Ej2Checkbox);
+export { Ej2Checkbox };

package/dist/native-modules/widgets/colorPicker/ej2-colorPicker.d.ts

@@ -0,0 +1,8 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { ColorPicker, ColorPickerModel } from '@syncfusion/ej2/inputs';
+export declare class Ej2ColorPicker extends SyncfusionWrapper<ColorPicker, ColorPickerModel> {
+    protected syncfusionWidgetType: typeof ColorPicker;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onChange(args: any): void;
+}

package/dist/native-modules/widgets/colorPicker/ej2-colorPicker.js

@@ -0,0 +1,32 @@
+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;
+};
+import { constants } from '../../common/constants';
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from "aurelia-framework";
+import { ColorPicker } from '@syncfusion/ej2/inputs';
+let Ej2ColorPicker = class Ej2ColorPicker extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ColorPicker;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onChange(args) {
+        this[`${constants.bindablePrefix}value`] = args.value;
+    }
+};
+Ej2ColorPicker = __decorate([
+    generateBindables("colorPicker"),
+    inlineView(`<template><input type="type="color""  element.ref="widgetElement" /></template>`),
+    customElement('ej2-color-picker')
+], Ej2ColorPicker);
+export { Ej2ColorPicker };

package/dist/native-modules/widgets/comboBox/ej2-comboBox.d.ts

@@ -0,0 +1,8 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { ComboBox, ComboBoxModel } from "@syncfusion/ej2-dropdowns";
+export declare class Ej2ComboBox extends SyncfusionWrapper<ComboBox, ComboBoxModel> {
+    protected syncfusionWidgetType: typeof ComboBox;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onChange(args: any): void;
+}

package/dist/native-modules/widgets/comboBox/ej2-comboBox.js

@@ -0,0 +1,32 @@
+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;
+};
+import { constants } from '../../common/constants';
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { ComboBox } from "@syncfusion/ej2-dropdowns";
+import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from "aurelia-framework";
+let Ej2ComboBox = class Ej2ComboBox extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ComboBox;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onChange(args) {
+        this[`${constants.bindablePrefix}value`] = args.value;
+    }
+};
+Ej2ComboBox = __decorate([
+    generateBindables("comboBox"),
+    inlineView(`<template><input type="text" tabindex="1" element.ref="widgetElement" /></template>`),
+    customElement('ej2-combo-box')
+], Ej2ComboBox);
+export { Ej2ComboBox };

package/dist/native-modules/widgets/dashboardLayout/ej2-dashboardLayout.d.ts

@@ -0,0 +1,7 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { DashboardLayout, DashboardLayoutModel } from '@syncfusion/ej2-layouts';
+export declare class Ej2DashboardLayout extends SyncfusionWrapper<DashboardLayout, DashboardLayoutModel> {
+    protected syncfusionWidgetType: typeof DashboardLayout;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+}

package/dist/native-modules/widgets/dashboardLayout/ej2-dashboardLayout.js

@@ -0,0 +1,26 @@
+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;
+};
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { DashboardLayout } from '@syncfusion/ej2-layouts';
+import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from "aurelia-framework";
+let Ej2DashboardLayout = class Ej2DashboardLayout extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = DashboardLayout;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2DashboardLayout = __decorate([
+    generateBindables("dashboardLayout"),
+    inlineView(`<template><div class="dashboard-container"><div element.ref="widgetElement"><slot></slot></div></div></template>`),
+    customElement("ej2-dashboard-layout")
+], Ej2DashboardLayout);
+export { Ej2DashboardLayout };

package/dist/native-modules/widgets/datePicker/ej2-DatePicker.d.ts

@@ -0,0 +1,8 @@
+import { DatePicker, DatePickerModel } from "@syncfusion/ej2-calendars";
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+export declare class Ej2DatePicker extends SyncfusionWrapper<DatePicker, DatePickerModel> {
+    protected syncfusionWidgetType: typeof DatePicker;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onChange(args: any): void;
+}

package/dist/native-modules/widgets/datePicker/ej2-DatePicker.js

@@ -0,0 +1,32 @@
+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;
+};
+import { constants } from './../../common/constants';
+import { DatePicker } from "@syncfusion/ej2-calendars";
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from "aurelia-framework";
+let Ej2DatePicker = class Ej2DatePicker extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = DatePicker;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onChange(args) {
+        this[`${constants.bindablePrefix}value`] = args.value;
+    }
+};
+Ej2DatePicker = __decorate([
+    generateBindables("datePicker"),
+    inlineView(`<template><input element.ref="widgetElement" /></template>`),
+    customElement("ej2-date-picker")
+], Ej2DatePicker);
+export { Ej2DatePicker };

package/dist/native-modules/widgets/dateRangePicker/ej2-dateRangePicker.d.ts

@@ -0,0 +1,8 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { DateRangePicker, DateRangePickerModel } from "@syncfusion/ej2-calendars";
+export declare class Ej2DateRangePicker extends SyncfusionWrapper<DateRangePicker, DateRangePickerModel> {
+    protected syncfusionWidgetType: typeof DateRangePicker;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onChange(args: any): void;
+}

package/dist/native-modules/widgets/dateRangePicker/ej2-dateRangePicker.js

@@ -0,0 +1,34 @@
+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;
+};
+import { constants } from './../../common/constants';
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { DateRangePicker } from "@syncfusion/ej2-calendars";
+import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from "aurelia-framework";
+let Ej2DateRangePicker = class Ej2DateRangePicker extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = DateRangePicker;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onChange(args) {
+        this[`${constants.bindablePrefix}value`] = args.value;
+        this[`${constants.bindablePrefix}startDate`] = args.startDate;
+        this[`${constants.bindablePrefix}endDate`] = args.endDate;
+    }
+};
+Ej2DateRangePicker = __decorate([
+    generateBindables("dateRangePicker"),
+    customElement('ej2-date-range-picker'),
+    inlineView(`<template><input element.ref="widgetElement" /></template>`)
+], Ej2DateRangePicker);
+export { Ej2DateRangePicker };

package/dist/native-modules/widgets/dateTimePicker/ej2-dateTimePicker.d.ts

@@ -0,0 +1,8 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { DateTimePicker, DateTimePickerModel } from "@syncfusion/ej2-calendars";
+export declare class Ej2DateTimePicker extends SyncfusionWrapper<DateTimePicker, DateTimePickerModel> {
+    protected syncfusionWidgetType: typeof DateTimePicker;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onChange(args: any): void;
+}

package/dist/native-modules/widgets/dateTimePicker/ej2-dateTimePicker.js

@@ -0,0 +1,32 @@
+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;
+};
+import { constants } from './../../common/constants';
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { DateTimePicker } from "@syncfusion/ej2-calendars";
+import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from "aurelia-framework";
+let Ej2DateTimePicker = class Ej2DateTimePicker extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = DateTimePicker;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onChange(args) {
+        this[`${constants.bindablePrefix}value`] = args.value;
+    }
+};
+Ej2DateTimePicker = __decorate([
+    generateBindables("dateTimePicker"),
+    inlineView(`<template><input element.ref="widgetElement" /></template>`),
+    customElement('ej2-date-time-picker')
+], Ej2DateTimePicker);
+export { Ej2DateTimePicker };

package/dist/native-modules/widgets/dropDownList/ej2-dropDownList.d.ts

@@ -0,0 +1,9 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { DropDownList, DropDownListModel } from "@syncfusion/ej2-dropdowns";
+export declare class Ej2DropDownList extends SyncfusionWrapper<DropDownList, DropDownListModel> {
+    protected syncfusionWidgetType: typeof DropDownList;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onChange(args: any): void;
+    attached(): void;
+}