aurelia-syncfusion-ej2-bridge 0.1.0-beta.9 → 1.0.0

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

@@ -0,0 +1,41 @@
+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 { MultiSelect } from "@syncfusion/ej2-dropdowns";
+import { generateBindables } from "../../utilities/decorator";
+import { enableRipple } from '@syncfusion/ej2-base';
+import { inlineView, customElement } from 'aurelia-framework';
+enableRipple(true);
+let Ej2MultiSelect = class Ej2MultiSelect extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = MultiSelect;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onInput(args) {
+        this[`${constants.bindablePrefix}value`] = args.value;
+    }
+    onChange(args) {
+        this[`${constants.bindablePrefix}value`] = args.value;
+    }
+    attached() {
+        this.widgetElement = this.element.querySelector("select,input");
+        super.attached();
+    }
+};
+Ej2MultiSelect = __decorate([
+    generateBindables("multiSelect"),
+    inlineView(`<template><div><slot><input /></slot></div></template>`),
+    customElement('ej2-multi-select')
+], Ej2MultiSelect);
+export { Ej2MultiSelect };

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

@@ -2,10 +2,10 @@ import { ProgressButton, ProgressButtonModel } from '@syncfusion/ej2-splitbutton
 import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
 export declare class Ej2ProgressButton extends SyncfusionWrapper<ProgressButton, ProgressButtonModel> {
     clickEvent: Event;
+    _onClick: (event: Event) => void;
     protected onWidgetCreated(): void;
     protected onWrapperCreated(): void;
     protected syncfusionWidgetType: typeof ProgressButton;
-    _onClick(event: Event): void;
     refresh(): void;
     focusIn(): void;
     click(): void;

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

@@ -12,20 +12,22 @@ let Ej2ProgressButton = class Ej2ProgressButton extends SyncfusionWrapper {
     constructor() {
         super(...arguments);
         this.clickEvent = null;
+        this._onClick = null;
         this.syncfusionWidgetType = ProgressButton;
     }
     onWidgetCreated() {
-        this.widget.element.addEventListener("click", this._onClick.bind(this));
+        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
         });
     }
-    _onClick(event) {
-        this.element.dispatchEvent(this.clickEvent);
-        event.stopPropagation();
-    }
     refresh() {
         this.widget.refresh();
     }
@@ -48,7 +50,7 @@ let Ej2ProgressButton = class Ej2ProgressButton extends SyncfusionWrapper {
         this.widget.stop();
     }
     detached() {
-        this.widget.element.removeEventListener("click", this._onClick);
+        this.widget.element.removeEventListener("click", this._onClick, false);
     }
 };
 Ej2ProgressButton = __decorate([

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

@@ -21,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;
             }

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/splitter/ej2-splitter.js

@@ -14,10 +14,8 @@ let Ej2Splitter = class Ej2Splitter extends SyncfusionWrapper {
         this.syncfusionWidgetType = Splitter;
     }
     onWrapperCreated() {
-        this.debug("splitter wrapper created");
     }
     onWidgetCreated() {
-        this.debug("splitter widget created", this.widget);
     }
 };
 Ej2Splitter = __decorate([

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

@@ -14,6 +14,7 @@ let Ej2Switch = class Ej2Switch extends SyncfusionWrapper {
         super(...arguments);
         this.syncfusionWidgetType = Switch;
         this.id = null;
+        this.onChange = null;
     }
     onWrapperCreated() {
         this.id = this.element.getAttribute("id");
@@ -24,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) {
@@ -36,6 +37,9 @@ 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"),

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,12 +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;
@@ -30,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); };
@@ -52,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();
@@ -79,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) => {
@@ -91,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
+                });
             });
         }
     }
@@ -121,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
@@ -146,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);
@@ -155,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") {
@@ -171,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];
@@ -188,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", {
@@ -295,6 +327,10 @@ __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)

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.9",
+  "version": "1.0.0",
   "keywords": [
     "aurelia",
     "syncfusion"
@@ -12,14 +12,14 @@
   },
   "dependencies": {},
   "peerDependencies": {
-    "@syncfusion/ej2": "^18.2.54"
+    "@syncfusion/ej2": "^25.2.7"
   },
   "scripts": {
     "start": "au run",
     "build": "au build-plugin"
   },
   "devDependencies": {
-    "@syncfusion/ej2": "^18.4.48",
+    "@syncfusion/ej2": "^25.2.7",
     "@types/jest": "^24.0.9",
     "@types/node": "^10.11.6",
     "aurelia-animator-css": "^1.0.4",
@@ -99,5 +99,10 @@
       "text",
       "html"
     ]
+  },
+  "overrides": {
+    "foo": {
+      "source-map": "0.7.4"
+    }
   }
-}
+}