aurelia-syncfusion-ej2-bridge 1.0.5 → 1.0.7

package/README.md

@@ -1,34 +1,35 @@
-# `aurelia-syncfusion-ej-2-bridge`
-
-This wrapper is not fully supported, use at your own risk
-
-# Supported controls
-* Accoridon
-* Auto Complete
-* Button
-* Checkbox
-* Combobox
-* Dashboard Layout
-* Date Picker
-* Date Time Picker
-* Dropdown List
-* Dropdown Tree
-* File Manager
-* Grid
-* List View
-* Masked Textbox
-* Numeric Textbox
-* Pager
-* Progress Button
-* Radio
-* Rich Text Editor
-* Schedule
-* Sidebar
-* Slider
-* Splitter
-* Switch
-* Textbox
-* Timeline
-* Time Picker
-* Tree View
-* Uploader
+# `aurelia-syncfusion-ej-2-bridge`
+
+This wrapper is not fully supported, use at your own risk
+
+# Supported controls
+* Accoridon
+* Auto Complete
+* Button
+* Checkbox
+* Color Picker
+* Combobox
+* Dashboard Layout
+* Date Picker
+* Date Time Picker
+* Dropdown List
+* Dropdown Tree
+* File Manager
+* Grid
+* List View
+* Masked Textbox
+* Numeric Textbox
+* Pager
+* Progress Button
+* Radio
+* Rich Text Editor
+* Schedule
+* Sidebar
+* Slider
+* Splitter
+* Switch
+* Textbox
+* Timeline
+* Time Picker
+* Tree View
+* Uploader

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "aurelia-syncfusion-ej2-bridge",
-  "description": "An Aurelia plugin wrapper for syncfusion EJ2 controls",
-  "version": "1.0.5",
-  "keywords": [
-    "aurelia",
-    "syncfusion"
-  ],
-  "license": "MIT",
-  "author": {
-    "name": "Refactored Technology Solutions"
-  },
-  "dependencies": {
-    "lodash": "^4.17.21"
-  },
-  "peerDependencies": {
-    "@syncfusion/ej2": "^26.1.38"
-  },
-  "scripts": {
-    "start": "au run",
-    "build": "au build-plugin"
-  },
-  "devDependencies": {
-    "@syncfusion/ej2": "^27.1.50",
-    "@types/jest": "^24.0.9",
-    "@types/node": "^20.12.7",
-    "aurelia-animator-css": "^1.0.4",
-    "aurelia-bootstrapper": "^2.3.2",
-    "aurelia-cli": "^1.1.1",
-    "aurelia-fetch-client": "^1.8.2",
-    "aurelia-loader-nodejs": "^1.0.1",
-    "aurelia-pal-nodejs": "^1.2.0",
-    "aurelia-testing": "^1.0.0",
-    "aurelia-tools": "^2.0.0",
-    "browser-sync": "^2.26.3",
-    "connect-history-api-fallback": "^1.6.0",
-    "debounce": "^1.2.0",
-    "del": "^3.0.0",
-    "gulp": "^4.0.0",
-    "gulp-notify": "^3.2.0",
-    "gulp-plumber": "^1.2.1",
-    "gulp-rename": "^1.4.0",
-    "gulp-tslint": "^8.1.4",
-    "gulp-typescript": "^5.0.0",
-    "gulp-watch": "^5.0.1",
-    "jest": "^24.1.0",
-    "jest-cli": "^24.1.0",
-    "jest-transform-stub": "^2.0.0",
-    "minimatch": "^3.0.4",
-    "promise-polyfill": "^8.1.0",
-    "requirejs": "^2.3.6",
-    "text": "requirejs/text#latest",
-    "through2": "^3.0.0",
-    "ts-jest": "^24.0.0",
-    "tslint": "^5.13.0",
-    "typescript": "^5.5.2",
-    "vinyl-fs": "^3.0.3"
-  },
-  "engines": {
-    "node": ">=8.9.0"
-  },
-  "main": "dist/commonjs/index.js",
-  "module": "dist/native-modules/index.js",
-  "private": false,
-  "files": [
-    "dist"
-  ],
-  "jest": {
-    "moduleNameMapper": {
-      "^aurelia-binding$": "<rootDir>/node_modules/aurelia-binding"
-    },
-    "modulePaths": [
-      "<rootDir>/src",
-      "<rootDir>/node_modules"
-    ],
-    "moduleFileExtensions": [
-      "ts",
-      "js",
-      "json"
-    ],
-    "transform": {
-      "^.+\\.(css|less|sass|scss|styl|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "jest-transform-stub",
-      "^.+\\.ts$": "ts-jest"
-    },
-    "testRegex": "\\.spec\\.(ts|js)$",
-    "setupFiles": [
-      "<rootDir>/test/jest-pretest.ts"
-    ],
-    "testEnvironment": "node",
-    "collectCoverage": true,
-    "collectCoverageFrom": [
-      "src/**/*.{js,ts}",
-      "!**/*.spec.{js,ts}",
-      "!**/node_modules/**",
-      "!**/test/**"
-    ],
-    "coverageDirectory": "<rootDir>/test/coverage-jest",
-    "coverageReporters": [
-      "json",
-      "lcov",
-      "text",
-      "html"
-    ]
-  },
-  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+{
+  "name": "aurelia-syncfusion-ej2-bridge",
+  "description": "An Aurelia plugin wrapper for syncfusion EJ2 controls",
+  "version": "1.0.7",
+  "keywords": [
+    "aurelia",
+    "syncfusion"
+  ],
+  "license": "MIT",
+  "author": {
+    "name": "Refactored Technology Solutions"
+  },
+  "dependencies": {
+    "lodash": "^4.17.21"
+  },
+  "peerDependencies": {
+    "@syncfusion/ej2": "^26.1.38"
+  },
+  "scripts": {
+    "start": "au run",
+    "build": "au build-plugin"
+  },
+  "devDependencies": {
+    "@syncfusion/ej2": "^27.1.53",
+    "@types/jest": "^24.0.9",
+    "@types/node": "^20.12.7",
+    "aurelia-animator-css": "^1.0.4",
+    "aurelia-bootstrapper": "^2.3.2",
+    "aurelia-cli": "^1.1.1",
+    "aurelia-fetch-client": "^1.8.2",
+    "aurelia-loader-nodejs": "^1.0.1",
+    "aurelia-pal-nodejs": "^1.2.0",
+    "aurelia-testing": "^1.0.0",
+    "aurelia-tools": "^2.0.0",
+    "browser-sync": "^2.26.3",
+    "connect-history-api-fallback": "^1.6.0",
+    "debounce": "^1.2.0",
+    "del": "^3.0.0",
+    "gulp": "^4.0.0",
+    "gulp-notify": "^3.2.0",
+    "gulp-plumber": "^1.2.1",
+    "gulp-rename": "^1.4.0",
+    "gulp-tslint": "^8.1.4",
+    "gulp-typescript": "^5.0.0",
+    "gulp-watch": "^5.0.1",
+    "jest": "^24.1.0",
+    "jest-cli": "^24.1.0",
+    "jest-transform-stub": "^2.0.0",
+    "minimatch": "^3.0.4",
+    "promise-polyfill": "^8.1.0",
+    "requirejs": "^2.3.6",
+    "text": "requirejs/text#latest",
+    "through2": "^3.0.0",
+    "ts-jest": "^24.0.0",
+    "tslint": "^5.13.0",
+    "typescript": "^5.5.2",
+    "vinyl-fs": "^3.0.3"
+  },
+  "engines": {
+    "node": ">=8.9.0"
+  },
+  "main": "dist/commonjs/index.js",
+  "module": "dist/native-modules/index.js",
+  "private": false,
+  "files": [
+    "dist"
+  ],
+  "jest": {
+    "moduleNameMapper": {
+      "^aurelia-binding$": "<rootDir>/node_modules/aurelia-binding"
+    },
+    "modulePaths": [
+      "<rootDir>/src",
+      "<rootDir>/node_modules"
+    ],
+    "moduleFileExtensions": [
+      "ts",
+      "js",
+      "json"
+    ],
+    "transform": {
+      "^.+\\.(css|less|sass|scss|styl|jpg|jpeg|png|gif|eot|otf|webp|svg|ttf|woff|woff2|mp4|webm|wav|mp3|m4a|aac|oga)$": "jest-transform-stub",
+      "^.+\\.ts$": "ts-jest"
+    },
+    "testRegex": "\\.spec\\.(ts|js)$",
+    "setupFiles": [
+      "<rootDir>/test/jest-pretest.ts"
+    ],
+    "testEnvironment": "node",
+    "collectCoverage": true,
+    "collectCoverageFrom": [
+      "src/**/*.{js,ts}",
+      "!**/*.spec.{js,ts}",
+      "!**/node_modules/**",
+      "!**/test/**"
+    ],
+    "coverageDirectory": "<rootDir>/test/coverage-jest",
+    "coverageReporters": [
+      "json",
+      "lcov",
+      "text",
+      "html"
+    ]
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}

package/.vscode/extensions.json

@@ -1,10 +0,0 @@
-{
-  "recommendations": [
-    "AureliaEffect.aurelia",
-    "msjsdiag.debugger-for-chrome",
-    "steoates.autoimport",
-    "EditorConfig.EditorConfig",
-    "christian-kohler.path-intellisense",
-    "behzad88.Aurelia"
-  ]
-}

package/.vscode/launch.json

@@ -1,31 +0,0 @@
-{
-  "version": "0.2.0",
-  "configurations": [
-    {
-      "name": "Chrome Debugger",
-      "type": "chrome",
-      "request": "launch",
-      "url": "http://localhost:9000",
-      "webRoot": "${workspaceRoot}/src",
-      "userDataDir": "${workspaceRoot}/.chrome",
-      "sourceMapPathOverrides": {
-        "../src/*": "${webRoot}/*"
-      }
-    },
-    {
-      "type": "chrome",
-      "request": "attach",
-      "name": "Attach Karma Chrome",
-      "address": "localhost",
-      "port": 9333,
-      "sourceMaps": true,
-      "pathMapping": {
-        "/": "${workspaceRoot}",
-        "/base/": "${workspaceRoot}/"
-      },
-      "sourceMapPathOverrides": {
-        "../src/*": "${webRoot}/*"
-      }
-    }
-  ]
-}

package/.vscode/settings.json

@@ -1,5 +0,0 @@
-{
-  "typescript.tsdk": "node_modules/typescript/lib",
-  "html.suggest.angular1": false,
-  "html.suggest.ionic": false
-}

package/dist/commonjs/common/constants.d.ts

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

package/dist/commonjs/common/constants.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.constants = void 0;
-exports.constants = {
-    eventPrefix: 'e-on-',
-    bindablePrefix: 'e-'
-};

package/dist/commonjs/common/controlBase.d.ts

@@ -1,37 +0,0 @@
-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[];

package/dist/commonjs/common/controlBase.js

@@ -1,161 +0,0 @@
-"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.ExcludedProperties = exports.ControlBase = void 0;
-const aurelia_task_queue_1 = require("aurelia-task-queue");
-const aurelia_framework_1 = require("aurelia-framework");
-const controlContainer_1 = require("./controlContainer");
-const constants_1 = require("./constants");
-const aurelia_event_aggregator_1 = require("aurelia-event-aggregator");
-let logger = aurelia_framework_1.LogManager.getLogger("SyncfusionBridge");
-let ControlBase = class ControlBase {
-    get controlType() {
-        throw "syncfusionControlType is not set";
-    }
-    constructor(bindingEngine, controlContainer, taskQueue, eventAggregator, element) {
-        this.bindingEngine = bindingEngine;
-        this.controlContainer = controlContainer;
-        this.taskQueue = taskQueue;
-        this.eventAggregator = eventAggregator;
-        this.element = element;
-        this.eModel = null;
-        this._eModel = null;
-        this.widgetElement = null;
-        this.widget = null;
-        this.bindingContext = null;
-        this.logName = "";
-        this.propertyPriority = true;
-        this.subscriptions = [];
-    }
-    onBind() {
-    }
-    onAttached() {
-    }
-    onCreateControl() {
-        throw "onCreateControl is not implemented";
-    }
-    debug(message, ...rest) {
-        logger.debug(`[${this.logName}] - ${message}`, rest);
-    }
-    info(message, ...rest) {
-        logger.info(`[${this.logName}] - ${message}`, rest);
-    }
-    error(message, ...rest) {
-        logger.error(`[${this.logName}] - ${message}`, rest);
-    }
-    warn(message, ...rest) {
-        logger.warn(`[${this.logName}] - ${message}`, rest);
-    }
-    bind(context) {
-        this.logName = this.controlType.name;
-        this.bindingContext = context;
-        this._eModel = Object.assign({}, this.eModel);
-        this.setInitialBindings();
-        this.onCreateControl();
-        this.onBind();
-    }
-    setInitialBindings() {
-        let _control = this.getBindables();
-        let bindablePrefixLength = constants_1.constants.bindablePrefix.length;
-        _control.bindableProperties.forEach((property) => {
-            if (!property.startsWith(constants_1.constants.eventPrefix)) {
-                let modelProperty = property.substr(bindablePrefixLength);
-                if (this[property] !== undefined && (this.propertyPriority || this._eModel[modelProperty] === undefined)) {
-                    this._eModel[modelProperty] = this[property];
-                }
-            }
-        });
-        this.createControlPropertySubscriptions(_control);
-    }
-    getBindables() {
-        let _control = this.controlContainer.get(this.controlType);
-        if (!_control) {
-            _control = {};
-            _control.type = this.controlType;
-            _control.bindableProperties = [];
-            _control.bindableEvents = [];
-            for (let property in this["__observers__"]) {
-                if (exports.ExcludedProperties.indexOf(property) === -1) {
-                    if (property.startsWith(constants_1.constants.eventPrefix)) {
-                        _control.bindableEvents.push(property);
-                    }
-                    else {
-                        _control.bindableProperties.push(property);
-                    }
-                }
-            }
-        }
-        return _control;
-    }
-    createControlEvents(control) {
-        control.bindableEvents.forEach((event) => {
-            let eventName = event.substr(constants_1.constants.eventPrefix.length);
-            this.widget.addEventListener(eventName, (args) => {
-                this.element.dispatchEvent(new CustomEvent(event, {
-                    bubbles: true,
-                    detail: args
-                }));
-            });
-        });
-    }
-    createControlPropertySubscriptions(control) {
-        if (control) {
-            let bindablePrefixLength = constants_1.constants.bindablePrefix.length;
-            control.bindableProperties.forEach((binding) => {
-                let modelBinding = binding.substr(bindablePrefixLength);
-                this.subscriptions.push(this.bindingEngine.propertyObserver(this, binding).subscribe((newValue) => {
-                    if (this.widget.properties.hasOwnProperty(modelBinding)) {
-                        let customFunc = `${modelBinding}Changed`;
-                        if (typeof this[customFunc] === "function") {
-                            this[customFunc].call(this, newValue);
-                        }
-                        else {
-                            this.widget[modelBinding] = newValue;
-                        }
-                    }
-                }));
-            });
-        }
-    }
-    attached() {
-        this.appendWidget();
-        this.onAttached();
-    }
-    appendWidget() {
-        this.widget.appendTo(this.widgetElement);
-    }
-    detached() {
-        this.subscriptions.forEach((subscription) => { if (subscription) {
-            subscription.dispose();
-        } });
-        if (this.widget.destroy) {
-            this.widget.destroy();
-        }
-        this.widget = null;
-        this._eModel = null;
-        this.widgetElement = null;
-    }
-};
-exports.ControlBase = ControlBase;
-__decorate([
-    aurelia_framework_1.bindable,
-    __metadata("design:type", Object)
-], ControlBase.prototype, "eModel", void 0);
-exports.ControlBase = ControlBase = __decorate([
-    aurelia_framework_1.autoinject,
-    __metadata("design:paramtypes", [aurelia_framework_1.BindingEngine, controlContainer_1.ControlContainer,
-        aurelia_task_queue_1.TaskQueue, aurelia_event_aggregator_1.EventAggregator, Element])
-], ControlBase);
-exports.ExcludedProperties = [
-    "__propertiesDefined__",
-    "eModel",
-    "onClick"
-];

package/dist/commonjs/common/controlContainer.d.ts

@@ -1,10 +0,0 @@
-export declare class ControlContainer {
-    controls: Control[];
-    add(control: Control): void;
-    get(type: Function): Control;
-}
-export interface Control {
-    type: Function;
-    bindableProperties: string[];
-    bindableEvents: string[];
-}

package/dist/commonjs/common/controlContainer.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ControlContainer = void 0;
-class ControlContainer {
-    constructor() {
-        this.controls = [];
-    }
-    add(control) {
-        let existing = this.controls.find((x) => x.type === control.type);
-        if (!existing) {
-            this.controls.push(control);
-        }
-    }
-    get(type) {
-        let _control = this.controls.find((x) => x.type === type);
-        return _control;
-    }
-}
-exports.ControlContainer = ControlContainer;

package/dist/commonjs/common/syncfusionWrapper.d.ts

@@ -1,15 +0,0 @@
-import { ControlBase } from "./controlBase";
-export declare abstract class SyncfusionWrapper<T, U> extends ControlBase<T, U> {
-    protected abstract syncfusionWidgetType: any;
-    protected abstract onWrapperCreated(): any;
-    protected abstract onWidgetCreated(): any;
-    onCreateControl(): void;
-    recreate(): void;
-    onRecreate(): void;
-    recreating(): void;
-    recreated(): void;
-    refresh(): void;
-    dataBind(): void;
-    protected get controlType(): any;
-    protected onBeforeWidgetInstantiation(): void;
-}

package/dist/commonjs/common/syncfusionWrapper.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SyncfusionWrapper = void 0;
-const controlBase_1 = require("./controlBase");
-class SyncfusionWrapper extends controlBase_1.ControlBase {
-    onCreateControl() {
-        this.onBeforeWidgetInstantiation();
-        this.widget = new this.syncfusionWidgetType(this._eModel);
-        this.widget.created = () => { this.onWidgetCreated(); };
-        this.onWrapperCreated();
-        this.createControlEvents(this.getBindables());
-    }
-    recreate() {
-        this.onRecreate();
-        this.widget.destroy();
-        this.widget = null;
-        this.recreating();
-        this.setInitialBindings();
-        this.onCreateControl();
-        this.appendWidget();
-        this.recreated();
-    }
-    onRecreate() {
-    }
-    recreating() {
-    }
-    recreated() {
-    }
-    refresh() {
-        this.widget.refresh();
-    }
-    dataBind() {
-        this.widget.dataBind();
-    }
-    get controlType() {
-        if (this.syncfusionWidgetType) {
-            return this.syncfusionWidgetType;
-        }
-        throw "syncfusionControlType is not set";
-    }
-    onBeforeWidgetInstantiation() {
-    }
-}
-exports.SyncfusionWrapper = SyncfusionWrapper;