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

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

@@ -0,0 +1,37 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2TextBox = void 0;
+const constants_1 = require("../../common/constants");
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const ej2_inputs_1 = require("@syncfusion/ej2-inputs");
+const decorator_1 = require("../../utilities/decorator");
+const ej2_base_1 = require("@syncfusion/ej2-base");
+const aurelia_framework_1 = require("aurelia-framework");
+ej2_base_1.enableRipple(true);
+let Ej2TextBox = class Ej2TextBox extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_inputs_1.TextBox;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("input", (args) => { _this.onInput(args); });
+    }
+    onInput(args) {
+        this[`${constants_1.constants.bindablePrefix}value`] = args.value;
+    }
+};
+Ej2TextBox = __decorate([
+    decorator_1.generateBindables("textBox"),
+    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
+    aurelia_framework_1.customElement('ej2-text-box')
+], Ej2TextBox);
+exports.Ej2TextBox = Ej2TextBox;

package/dist/commonjs/widgets/timePicker/ej2-timePicker.d.ts

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

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

@@ -0,0 +1,35 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2TimePicker = void 0;
+const constants_1 = require("./../../common/constants");
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const ej2_calendars_1 = require("@syncfusion/ej2-calendars");
+const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
+let Ej2TimePicker = class Ej2TimePicker extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_calendars_1.TimePicker;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onChange(args) {
+        this[`${constants_1.constants.bindablePrefix}value`] = args.value;
+    }
+};
+Ej2TimePicker = __decorate([
+    decorator_1.generateBindables("timePicker"),
+    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
+    aurelia_framework_1.customElement('ej2-time-picker')
+], Ej2TimePicker);
+exports.Ej2TimePicker = Ej2TimePicker;

package/dist/commonjs/widgets/treeView/ej2-treeView.d.ts

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

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

@@ -0,0 +1,29 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2TreeView = void 0;
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const ej2_navigations_1 = require("@syncfusion/ej2-navigations");
+const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
+let Ej2TreeView = class Ej2TreeView extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_navigations_1.TreeView;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2TreeView = __decorate([
+    decorator_1.generateBindables("treeView"),
+    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    aurelia_framework_1.customElement('ej2-tree-view')
+], Ej2TreeView);
+exports.Ej2TreeView = Ej2TreeView;

package/dist/commonjs/widgets/uploader/ej2-uploader.d.ts

@@ -0,0 +1,50 @@
+import { Disposable } from 'aurelia-binding';
+import { Uploader, UploaderModel, RemovingEventArgs } from "@syncfusion/ej2-inputs";
+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;
+    mapAdditionalFilePropertiesToFiles: boolean;
+    sendAdditionalFilePropertiesAsFormData: boolean;
+    metadata: any;
+    formDataProperty: string;
+    metadataGenerator: (file: object) => object;
+    uploadResultModel: object;
+    dataAdapter: Ej2UploaderDataAdapter;
+    autoRemoveServerFiles: boolean;
+    context: any;
+    files: any[];
+    private firstBind;
+    private get _files();
+    serverDelete: boolean;
+    protected onWrapperCreated(): 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[];
+    removeAll(): void;
+    removeFile(file: any): void;
+    removing(args: RemovingEventArgs): Promise<void>;
+    onWidgetRemoveComplete(response: any, args: any): void;
+    onWidgetRemoveFailed(e: any, args: any): void;
+    onRemoveSuccess(args: any): void;
+    success(args: any): void;
+    failure(args: any): void;
+    private getAdditionalFileProperties;
+    private onFileUpload;
+    private createMetadata;
+}
+export interface Ej2UploaderDataAdapter {
+    remove(file: any): Promise<void>;
+}
+export interface Ej2UploaderRemove {
+}

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

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

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

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

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

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

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

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