aurelia-syncfusion-ej2-bridge 0.1.0-beta.3 → 0.1.0-beta.31

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

@@ -8,6 +8,7 @@ import { RadioButton } from '@syncfusion/ej2-buttons';
 import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
 import { constants } from '../../common/constants';
 import { generateBindables } from '../../utilities/decorator';
+import { inlineView, customElement } from 'aurelia-framework';
 let Ej2Radio = class Ej2Radio extends SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -20,17 +21,17 @@ let Ej2Radio = class Ej2Radio extends SyncfusionWrapper {
     onWrapperCreated() {
     }
     onBind() {
-        if (!this.eModel.name) {
+        if (!this._eModel.name) {
             throw "Radio e-name is required";
         }
         this.widget.change = () => {
             this[`${constants.bindablePrefix}checked`] = this.widget.checked;
-            this.eventAggregator.publish(`ej2-radio-${this.eModel.name}-changed`, this[`${constants.bindablePrefix}label`]);
+            this.eventAggregator.publish(`ej2-radio-${this._eModel.name}-changed`, this[`${constants.bindablePrefix}label`]);
         };
         this.checkedSubscription = this.bindingEngine.propertyObserver(this, this[`${constants.bindablePrefix}checked`]).subscribe((newValue) => {
             this.widget.checked = newValue;
         });
-        this.selectionChangedSubscription = this.eventAggregator.subscribe(`ej2-radio-${this.eModel.name}-changed`, (selectedLabel) => {
+        this.selectionChangedSubscription = this.eventAggregator.subscribe(`ej2-radio-${this._eModel.name}-changed`, (selectedLabel) => {
             if (this[`${constants.bindablePrefix}label`] !== selectedLabel) {
                 this[`${constants.bindablePrefix}checked`] = false;
             }
@@ -43,6 +44,8 @@ let Ej2Radio = class Ej2Radio extends SyncfusionWrapper {
     }
 };
 Ej2Radio = __decorate([
-    generateBindables("radio")
+    generateBindables("radio"),
+    inlineView(`<template><input element.ref="widgetElement" type="radio" /></template>`),
+    customElement('ej2-radio')
 ], Ej2Radio);
 export { Ej2Radio };

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

@@ -0,0 +1,8 @@
+import { Schedule, ScheduleModel } from '@syncfusion/ej2-schedule';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+export declare class Ej2Schedule extends SyncfusionWrapper<Schedule, ScheduleModel> {
+    protected syncfusionWidgetType: any;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onBeforeWidgetInstantiation(): void;
+}

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

@@ -0,0 +1,29 @@
+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 { inlineView, customElement } from 'aurelia-framework';
+import { Schedule, TimelineViews, TimelineMonth, Resize, DragAndDrop, Day, Week, WorkWeek, Month, Agenda, TimelineYear, ExcelExport, ICalendarExport, ICalendarImport, Print } from '@syncfusion/ej2-schedule';
+import { generateBindables } from '../../utilities/decorator';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+let Ej2Schedule = class Ej2Schedule extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = Schedule;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+    onBeforeWidgetInstantiation() {
+        Schedule.Inject(Day, Week, WorkWeek, Month, Agenda, TimelineViews, TimelineMonth, TimelineYear, DragAndDrop, Resize, ExcelExport, ICalendarExport, ICalendarImport, Print);
+    }
+};
+Ej2Schedule = __decorate([
+    generateBindables("radio"),
+    inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    customElement('ej2-schedule')
+], Ej2Schedule);
+export { Ej2Schedule };

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

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

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

@@ -0,0 +1,27 @@
+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 { Sidebar } from "@syncfusion/ej2-navigations";
+import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from 'aurelia-framework';
+let Ej2Sidebar = class Ej2Sidebar extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = Sidebar;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+    }
+};
+Ej2Sidebar = __decorate([
+    generateBindables("sidebar"),
+    inlineView(`<template element.ref="widgetElement"><slot></slot></template>`),
+    customElement('ej2-sidebar')
+], Ej2Sidebar);
+export { Ej2Sidebar };

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

@@ -8,6 +8,7 @@ import { constants } from './../../common/constants';
 import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
 import { Slider } from "@syncfusion/ej2-inputs";
 import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from 'aurelia-framework';
 let Ej2Slider = class Ej2Slider extends SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -26,6 +27,8 @@ let Ej2Slider = class Ej2Slider extends SyncfusionWrapper {
     }
 };
 Ej2Slider = __decorate([
-    generateBindables("slider")
+    generateBindables("slider"),
+    inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    customElement('ej2-slider')
 ], Ej2Slider);
 export { Ej2Slider };

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

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

package/dist/native-modules/widgets/splitter/ej2-splitter.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 { inlineView, customElement } from 'aurelia-framework';
+import { generateBindables } from "../../utilities/decorator";
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+import { Splitter } from '@syncfusion/ej2-layouts';
+let Ej2Splitter = class Ej2Splitter extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = Splitter;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2Splitter = __decorate([
+    generateBindables("splitter"),
+    inlineView(`<template><div element.ref="widgetElement"><slot></slot></div></template>`),
+    customElement('ej2-splitter')
+], Ej2Splitter);
+export { Ej2Splitter };

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

@@ -3,8 +3,9 @@ import { Switch, SwitchModel } from '@syncfusion/ej2-buttons';
 export declare class Ej2Switch extends SyncfusionWrapper<Switch, SwitchModel> {
     protected syncfusionWidgetType: typeof Switch;
     private id;
+    private onChange;
     protected onWrapperCreated(): void;
     protected onWidgetCreated(): void;
-    onChange(args: any): void;
     recreate(): void;
+    detached(): void;
 }

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

@@ -8,11 +8,13 @@ import { constants } from './../../common/constants';
 import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
 import { Switch } from '@syncfusion/ej2-buttons';
 import { generateBindables } from '../../utilities/decorator';
+import { inlineView, customElement } from 'aurelia-framework';
 let Ej2Switch = class Ej2Switch extends SyncfusionWrapper {
     constructor() {
         super(...arguments);
         this.syncfusionWidgetType = Switch;
         this.id = null;
+        this.onChange = null;
     }
     onWrapperCreated() {
         this.id = this.element.getAttribute("id");
@@ -23,10 +25,10 @@ let Ej2Switch = class Ej2Switch extends SyncfusionWrapper {
     }
     onWidgetCreated() {
         let _this = this;
-        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
-    }
-    onChange(args) {
-        this[`${constants.bindablePrefix}checked`] = args.checked;
+        this.onChange = (args) => {
+            _this[`${constants.bindablePrefix}checked`] = args.checked;
+        };
+        this.widget.addEventListener("change", this.onChange);
     }
     recreate() {
         if (this.id) {
@@ -35,8 +37,13 @@ let Ej2Switch = class Ej2Switch extends SyncfusionWrapper {
         this.element.setAttribute("id", this.id);
         super.recreate();
     }
+    detached() {
+        this.widget.removeEventListener("change", this.onChange);
+    }
 };
 Ej2Switch = __decorate([
-    generateBindables("switch")
+    generateBindables("switch"),
+    inlineView(`<template><slot></slot><input element.ref="widgetElement" type="checkbox" /></template>`),
+    customElement('ej2-switch')
 ], Ej2Switch);
 export { Ej2Switch };

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

@@ -9,6 +9,7 @@ import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
 import { TextBox } from "@syncfusion/ej2-inputs";
 import { generateBindables } from "../../utilities/decorator";
 import { enableRipple } from '@syncfusion/ej2-base';
+import { inlineView, customElement } from 'aurelia-framework';
 enableRipple(true);
 let Ej2TextBox = class Ej2TextBox extends SyncfusionWrapper {
     constructor() {
@@ -26,6 +27,8 @@ let Ej2TextBox = class Ej2TextBox extends SyncfusionWrapper {
     }
 };
 Ej2TextBox = __decorate([
-    generateBindables("textBox")
+    generateBindables("textBox"),
+    inlineView(`<template><input element.ref="widgetElement" /></template>`),
+    customElement('ej2-text-box')
 ], Ej2TextBox);
 export { Ej2TextBox };

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

@@ -8,6 +8,7 @@ import { constants } from './../../common/constants';
 import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
 import { TimePicker } from "@syncfusion/ej2-calendars";
 import { generateBindables } from '../../utilities/decorator';
+import { inlineView, customElement } from 'aurelia-framework';
 let Ej2TimePicker = class Ej2TimePicker extends SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -24,6 +25,8 @@ let Ej2TimePicker = class Ej2TimePicker extends SyncfusionWrapper {
     }
 };
 Ej2TimePicker = __decorate([
-    generateBindables("timePicker")
+    generateBindables("timePicker"),
+    inlineView(`<template><input element.ref="widgetElement" /></template>`),
+    customElement('ej2-time-picker')
 ], Ej2TimePicker);
 export { Ej2TimePicker };

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

@@ -7,6 +7,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
 import { TreeView } from '@syncfusion/ej2-navigations';
 import { generateBindables } from '../../utilities/decorator';
+import { inlineView, customElement } from 'aurelia-framework';
 let Ej2TreeView = class Ej2TreeView extends SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -18,6 +19,8 @@ let Ej2TreeView = class Ej2TreeView extends SyncfusionWrapper {
     }
 };
 Ej2TreeView = __decorate([
-    generateBindables("treeView")
+    generateBindables("treeView"),
+    inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    customElement('ej2-tree-view')
 ], Ej2TreeView);
 export { Ej2TreeView };

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

@@ -3,6 +3,7 @@ import { Uploader, UploaderModel, RemovingEventArgs } from "@syncfusion/ej2-inpu
 import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
 export declare class Ej2Uploader extends SyncfusionWrapper<Uploader, UploaderModel> {
     private _filesProperty;
+    private originalFiles;
     private _filesCollectionSubscription;
     private _privateIdProperty;
     protected syncfusionWidgetType: typeof Uploader;
@@ -15,13 +16,18 @@ export declare class Ej2Uploader extends SyncfusionWrapper<Uploader, UploaderMod
     dataAdapter: Ej2UploaderDataAdapter;
     autoRemoveServerFiles: boolean;
     context: any;
+    files: any[];
+    private firstBind;
     private get _files();
     serverDelete: boolean;
     protected onWrapperCreated(): void;
-    filesChanged(): void;
+    onfilesChanged(): void;
+    recreating(): void;
+    recreated(): void;
     initializeFileCollection(): void;
     initializeFile(widgetFile: any, i: any, extraProperties: any): void;
     protected onWidgetCreated(): void;
+    onBind(): void;
     createFilesCollectionSubscription(): Disposable;
     change(): void;
     getFilesThatWereRemoved(): any[];

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

@@ -12,11 +12,13 @@ import { Uploader } from "@syncfusion/ej2-inputs";
 import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
 import { generateBindables } from "../../utilities/decorator";
 import { bindable } from 'aurelia-framework';
-import * as uid from "uuid/v4";
+import { v4 as uuid } from "uuid";
+import { inlineView, customElement } from 'aurelia-framework';
 let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
     constructor() {
         super(...arguments);
         this._filesProperty = `${constants.bindablePrefix}files`;
+        this.originalFiles = null;
         this._filesCollectionSubscription = null;
         this._privateIdProperty = "__id";
         this.syncfusionWidgetType = Uploader;
@@ -29,13 +31,14 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
         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.debug("wrapper created");
         this.widget.uploading = (args) => { this.onFileUpload(args); };
         this.widget.success = (args) => { this.success(args); };
         this.widget.failure = (args) => { this.failure(args); };
@@ -51,20 +54,28 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
                         _this.widget.removingEventCallback(eventArgs, formData, selectedFiles, file);
                     });
                 };
+                this.widget.asyncSettings.removeUrl = null;
             }
         }
     }
-    filesChanged() {
-        this.debug("files Changed");
-        this.recreate();
+    onfilesChanged() {
+        if (!this.firstBind) {
+            this.widget.clearAll();
+            this.recreate();
+        }
+    }
+    recreating() {
         this._filesCollectionSubscription.dispose();
-        this.taskQueue.queueTask(() => {
-            this.widget.files = this._files;
-            this.initializeFileCollection();
-            this._filesCollectionSubscription = this.createFilesCollectionSubscription();
-        });
+        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();
@@ -78,7 +89,7 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
         }
     }
     initializeFile(widgetFile, i, extraProperties) {
-        let __id = uid();
+        let __id = uuid();
         widgetFile[this._privateIdProperty] = __id;
         this._files[i][this._privateIdProperty] = __id;
         extraProperties.forEach((prop) => {
@@ -90,14 +101,34 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
         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() {
-        return this.bindingEngine.collectionObserver(this._files).subscribe((changed) => {
-        });
+        if (!this._files) {
+            this[this._filesProperty] = [];
+        }
+        return this.bindingEngine.collectionObserver(this._files).subscribe((changed) => { });
     }
     change() {
         if (this.autoRemoveServerFiles) {
             this.getFilesThatWereRemoved().forEach((file) => {
-                this.removeFile(file);
+                this.removing({
+                    filesData: [file],
+                    customFormData: null,
+                    event: null,
+                    cancel: false
+                });
             });
         }
     }
@@ -120,11 +151,9 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
         });
     }
     removeFile(file) {
-        this.debug("removeFile", file);
         this.widget.remove(file);
     }
     async removing(args) {
-        this.debug("removing", args);
         let event = new CustomEvent("on-removing", {
             bubbles: true,
             detail: args
@@ -145,7 +174,6 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
                 this.onWidgetRemoveFailed(error, args);
             }
         }
-        this.onRemoveSuccess(args);
     }
     onWidgetRemoveComplete(response, args) {
         this.widget.removeCompleted(response, args.filesData[0], false);
@@ -154,15 +182,16 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
         this.widget.removeFailed(e, args.filesData[0], false);
     }
     onRemoveSuccess(args) {
-        this.debug("onRemoveSuccess", args);
         let _file = args.filesData[0];
         let index = this[this._filesProperty].findIndex((x) => x.__id === _file.__id);
-        this[this._filesProperty].splice(index, 1);
-        let event = new CustomEvent("on-remove-success", {
-            bubbles: true,
-            detail: args
-        });
-        this.element.dispatchEvent(event);
+        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") {
@@ -170,7 +199,7 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
             let _uploadedFile = args.file;
             let fileName = _uploadedFile.name.substr(0, _uploadedFile.name.length - (_uploadedFile.type.length + 1));
             let additionalProperties = {};
-            additionalProperties[this._privateIdProperty] = uid();
+            additionalProperties[this._privateIdProperty] = uuid();
             if (this.uploadResultModel) {
                 for (let prop in this.uploadResultModel) {
                     additionalProperties[this.uploadResultModel[prop]] = response[prop];
@@ -187,15 +216,19 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
                 this[this._filesProperty] = [];
             }
             this[this._filesProperty].push(file);
-            let event = new CustomEvent("on-success", {
+            let uploadedEvent = new CustomEvent("on-uploaded", {
                 bubbles: true,
-                detail: args
+                detail: { args: args, uploadedFile: file }
             });
-            console.log("file after upload", _uploadedFile);
-            this.element.dispatchEvent(event);
+            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", {
@@ -294,11 +327,17 @@ __decorate([
     bindable,
     __metadata("design:type", Object)
 ], Ej2Uploader.prototype, "context", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", Array)
+], Ej2Uploader.prototype, "files", void 0);
 __decorate([
     bindable,
     __metadata("design:type", Boolean)
 ], Ej2Uploader.prototype, "serverDelete", void 0);
 Ej2Uploader = __decorate([
-    generateBindables("uploader")
+    generateBindables("uploader"),
+    inlineView(`<template><input element.ref="widgetElement" type="file" name="UploadFiles" /></template>`),
+    customElement('ej2-uploader')
 ], Ej2Uploader);
 export { Ej2Uploader };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aurelia-syncfusion-ej2-bridge",
   "description": "An Aurelia plugin wrapper for syncfusion EJ2 controls",
-  "version": "0.1.0-beta.3",
+  "version": "0.1.0-beta.31",
   "keywords": [
     "aurelia",
     "syncfusion"
@@ -12,14 +12,14 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "@syncfusion/ej2": "^18.2.48"
+    "@syncfusion/ej2": "^20.4.51"
   },
   "scripts": {
     "start": "au run",
     "build": "au build-plugin"
   },
   "devDependencies": {
-    "@syncfusion/ej2": "^18.2.48",
+    "@syncfusion/ej2": "^20.4.51",
     "@types/jest": "^24.0.9",
     "@types/node": "^10.11.6",
     "aurelia-animator-css": "^1.0.4",
@@ -100,4 +100,4 @@
       "html"
     ]
   }
-}
+}

package/dist/commonjs/widgets/accordion/ej2-accordion.html

@@ -1,3 +0,0 @@
-<template>
-  <div element.ref="widgetElement"></div>
-</template>

package/dist/commonjs/widgets/autoComplete/ej2-autoComplete.html

@@ -1,3 +0,0 @@
-<template>
-  <input element.ref="widgetElement" type="text" />
-</template>

package/dist/commonjs/widgets/button/ej2-button.html

@@ -1,5 +0,0 @@
-<template>
-  <button element.ref="widgetElement" click.delegate="_onClick($event)">
-    <slot></slot>
-  </button>
-</template>

package/dist/commonjs/widgets/checkbox/ej2-checkbox-list.html

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

package/dist/commonjs/widgets/checkbox/ej2-checkbox.html

@@ -1,3 +0,0 @@
-<template>
-  <input element.ref="widgetElement" type="checkbox" click.delegate="_onClick($event)" />
-</template>

package/dist/commonjs/widgets/comboBox/ej2-comboBox.html

@@ -1,3 +0,0 @@
-<template>
-  <input type="text" tabindex="1" element.ref="widgetElement" />
-</template>

package/dist/commonjs/widgets/dashboardLayout/ej2-dashboardLayout.html

@@ -1,7 +0,0 @@
-<template>
-  <div class="dashboard-container">
-    <div element.ref="widgetElement">
-      <slot></slot>
-    </div>
-  </div>
-</template>

package/dist/commonjs/widgets/datePicker/ej2-DatePicker.html

@@ -1,3 +0,0 @@
-<template>
-  <input element.ref="widgetElement" />
-</template>

package/dist/commonjs/widgets/dateRangePicker/ej2-dateRangePicker.html

@@ -1,3 +0,0 @@
-<template>
-  <input element.ref="widgetElement" />
-</template>

package/dist/commonjs/widgets/dateTimePicker/ej2-dateTimePicker.html

@@ -1,3 +0,0 @@
-<template>
-  <input element.ref="widgetElement" />
-</template>

package/dist/commonjs/widgets/dropDownList/ej2-dropDownList.html

@@ -1,5 +0,0 @@
-<template>
-  <div>
-    <slot><input /></slot>
-  </div>
-</template>

package/dist/commonjs/widgets/grid/ej2-grid.html

@@ -1,3 +0,0 @@
-<template>
-  <div element.ref="widgetElement"></div>
-</template>

package/dist/commonjs/widgets/listView/ej2-listView.html

@@ -1,3 +0,0 @@
-<template>
-  <div element.ref="widgetElement"></div>
-</template>

package/dist/commonjs/widgets/maskedTextBox/ej2-maskedTextBox.html

@@ -1,3 +0,0 @@
-<template>
-  <input element.ref="widgetElement" />
-</template>

package/dist/commonjs/widgets/numericTextBox/ej2-numericTextBox.html

@@ -1,3 +0,0 @@
-<template>
-  <input element.ref="widgetElement" />
-</template>

package/dist/commonjs/widgets/pager/ej2-pager.html

@@ -1,3 +0,0 @@
-<template>
-  <div element.ref="widgetElement"></div>
-</template>