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

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

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

package/dist/commonjs/widgets/dropDownTree/ej2-dropDownTree.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.Ej2DropDownTree = void 0;
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const ej2_dropdowns_1 = require("@syncfusion/ej2-dropdowns");
+const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
+const constants_1 = require("./../../common/constants");
+let Ej2DropDownTree = class Ej2DropDownTree extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_dropdowns_1.DropDownTree;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onChange(args) {
+        this[`${constants_1.constants.bindablePrefix}value`] = args.value;
+    }
+};
+Ej2DropDownTree = __decorate([
+    decorator_1.generateBindables("dropDownTree"),
+    aurelia_framework_1.customElement('ej2-drop-down-tree'),
+    aurelia_framework_1.inlineView('<template><input type="text" element.ref="widgetElement" /></template>')
+], Ej2DropDownTree);
+exports.Ej2DropDownTree = Ej2DropDownTree;

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

@@ -0,0 +1,9 @@
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+import { FileManager, FileManagerModel } from "@syncfusion/ej2-filemanager";
+export declare class Ej2FileManager extends SyncfusionWrapper<FileManager, FileManagerModel> {
+    protected syncfusionWidgetType: typeof FileManager;
+    id: string;
+    onBeforeWidgetInstantiation(): void;
+    protected onWidgetCreated(): void;
+    protected onWrapperCreated(): void;
+}

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

@@ -0,0 +1,34 @@
+"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.Ej2FileManager = void 0;
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
+const ej2_filemanager_1 = require("@syncfusion/ej2-filemanager");
+const uuid_1 = require("uuid");
+let Ej2FileManager = class Ej2FileManager extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_filemanager_1.FileManager;
+        this.id = `fm-${uuid_1.v4()}`;
+    }
+    onBeforeWidgetInstantiation() {
+        ej2_filemanager_1.FileManager.Inject(ej2_filemanager_1.Toolbar, ej2_filemanager_1.NavigationPane, ej2_filemanager_1.DetailsView, ej2_filemanager_1.ContextMenu);
+    }
+    onWidgetCreated() {
+    }
+    onWrapperCreated() {
+    }
+};
+Ej2FileManager = __decorate([
+    decorator_1.generateBindables("fileManager"),
+    aurelia_framework_1.inlineView(`<template><div id.bind="id" element.ref="widgetElement"></div></template>`),
+    aurelia_framework_1.customElement('ej2-file-manager')
+], Ej2FileManager);
+exports.Ej2FileManager = Ej2FileManager;

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

@@ -6,79 +6,81 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2Grid = void 0;
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const decorator_1 = require("../../utilities/decorator");
 const ej2_grids_1 = require("@syncfusion/ej2-grids");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2Grid = class Ej2Grid extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
         this.syncfusionWidgetType = ej2_grids_1.Grid;
     }
     onBeforeWidgetInstantiation() {
-        if (this.eModel.allowPaging) {
+        if (this._eModel.allowPaging) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Page);
         }
-        if (this.eModel.allowSelection) {
+        if (this._eModel.allowSelection) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Selection);
         }
-        if (this.eModel.editSettings) {
+        if (this._eModel.editSettings) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Edit);
         }
-        if (this.eModel.allowReordering) {
+        if (this._eModel.allowReordering) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Reorder);
         }
-        if (this.eModel.allowSorting) {
+        if (this._eModel.allowSorting) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Sort);
         }
-        if (this.eModel.showColumnChooser) {
+        if (this._eModel.showColumnChooser) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.ColumnChooser);
         }
-        if (this.eModel.toolbar) {
+        if (this._eModel.toolbar) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Toolbar);
         }
-        if (this.eModel.editSettings) {
+        if (this._eModel.editSettings) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Edit);
         }
-        if (this.eModel.filterSettings) {
+        if (this._eModel.filterSettings) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Filter);
         }
-        if (this.eModel.groupSettings) {
+        if (this._eModel.groupSettings) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Group);
         }
-        if (this.eModel.aggregates) {
+        if (this._eModel.aggregates) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Aggregate);
         }
-        if (this.eModel.showColumnMenu) {
+        if (this._eModel.showColumnMenu) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.ColumnMenu);
         }
-        if (this.eModel.detailTemplate) {
+        if (this._eModel.detailTemplate) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.DetailRow);
         }
-        if (this.eModel.contextMenuItems) {
+        if (this._eModel.contextMenuItems) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.ContextMenu);
         }
-        if (this.eModel.frozenColumns || this.eModel.frozenRows) {
+        if (this._eModel.frozenColumns || this._eModel.frozenRows) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Freeze);
         }
-        if (this.eModel.allowResizing) {
+        if (this._eModel.allowResizing) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Resize);
         }
-        if (this.eModel.allowRowDragAndDrop) {
+        if (this._eModel.allowRowDragAndDrop) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.RowDD);
         }
-        if (this.eModel.searchSettings) {
+        if (this._eModel.searchSettings) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Search);
         }
-        if (this.eModel.printMode) {
+        if (this._eModel.printMode) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.Print);
         }
-        if (this.eModel.enableVirtualization) {
+        if (this._eModel.enableVirtualization) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.VirtualScroll);
         }
-        if (this.eModel.allowExcelExport) {
+        if (this._eModel.allowExcelExport) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.ExcelExport);
         }
-        if (this.eModel.allowPdfExport) {
+        if (this._eModel.allowPdfExport) {
             ej2_grids_1.Grid.Inject(ej2_grids_1.PdfExport);
         }
     }
@@ -88,6 +90,8 @@ let Ej2Grid = class Ej2Grid extends syncfusionWrapper_1.SyncfusionWrapper {
     }
 };
 Ej2Grid = __decorate([
-    decorator_1.generateBindables("grid")
+    decorator_1.generateBindables("grid"),
+    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    aurelia_framework_1.customElement('ej2-grid')
 ], Ej2Grid);
 exports.Ej2Grid = Ej2Grid;

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

@@ -6,9 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2ListView = void 0;
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const ej2_lists_1 = require("@syncfusion/ej2-lists");
 const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2ListView = class Ej2ListView extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -19,12 +21,14 @@ let Ej2ListView = class Ej2ListView extends syncfusionWrapper_1.SyncfusionWrappe
     onWidgetCreated() {
     }
     onBeforeWidgetInstantiation() {
-        if (this.eModel.enableVirtualization) {
+        if (this._eModel.enableVirtualization) {
             ej2_lists_1.ListView.Inject(ej2_lists_1.Virtualization);
         }
     }
 };
 Ej2ListView = __decorate([
-    decorator_1.generateBindables("listView")
+    decorator_1.generateBindables("listView"),
+    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    aurelia_framework_1.customElement('ej2-list-view')
 ], Ej2ListView);
 exports.Ej2ListView = Ej2ListView;

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

@@ -6,11 +6,13 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2MaskedTextBox = 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 Ej2MaskedTextBox = class Ej2MaskedTextBox extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
@@ -28,6 +30,8 @@ let Ej2MaskedTextBox = class Ej2MaskedTextBox extends syncfusionWrapper_1.Syncfu
     }
 };
 Ej2MaskedTextBox = __decorate([
-    decorator_1.generateBindables("maskedTextBox")
+    decorator_1.generateBindables("maskedTextBox"),
+    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
+    aurelia_framework_1.customElement('ej2-masked-text-box')
 ], Ej2MaskedTextBox);
 exports.Ej2MaskedTextBox = Ej2MaskedTextBox;

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

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

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

@@ -0,0 +1,44 @@
+"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.Ej2MultiSelect = void 0;
+const constants_1 = require("../../common/constants");
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const ej2_dropdowns_1 = require("@syncfusion/ej2-dropdowns");
+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 Ej2MultiSelect = class Ej2MultiSelect extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_dropdowns_1.MultiSelect;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onInput(args) {
+        this[`${constants_1.constants.bindablePrefix}value`] = args.value;
+    }
+    onChange(args) {
+        this[`${constants_1.constants.bindablePrefix}value`] = args.value;
+    }
+    attached() {
+        this.widgetElement = this.element.querySelector("select,input");
+        super.attached();
+    }
+};
+Ej2MultiSelect = __decorate([
+    decorator_1.generateBindables("multiSelect"),
+    aurelia_framework_1.inlineView(`<template><div><slot><input /></slot></div></template>`),
+    aurelia_framework_1.customElement('ej2-multi-select')
+], Ej2MultiSelect);
+exports.Ej2MultiSelect = Ej2MultiSelect;

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

@@ -6,10 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2NumericTextBox = 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 aurelia_framework_1 = require("aurelia-framework");
 let Ej2NumericTextBox = class Ej2NumericTextBox extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -26,6 +28,8 @@ let Ej2NumericTextBox = class Ej2NumericTextBox extends syncfusionWrapper_1.Sync
     }
 };
 Ej2NumericTextBox = __decorate([
-    decorator_1.generateBindables("numericTextBox")
+    decorator_1.generateBindables("numericTextBox"),
+    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
+    aurelia_framework_1.customElement('ej2-numeric-text-box')
 ], Ej2NumericTextBox);
 exports.Ej2NumericTextBox = Ej2NumericTextBox;

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

@@ -6,9 +6,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2Pager = void 0;
 const ej2_grids_1 = require("@syncfusion/ej2-grids");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2Pager = class Ej2Pager extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -20,6 +22,8 @@ let Ej2Pager = class Ej2Pager extends syncfusionWrapper_1.SyncfusionWrapper {
     }
 };
 Ej2Pager = __decorate([
-    decorator_1.generateBindables("pager")
+    decorator_1.generateBindables("pager"),
+    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    aurelia_framework_1.customElement('ej2-pager')
 ], Ej2Pager);
 exports.Ej2Pager = Ej2Pager;

package/dist/commonjs/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;
@@ -13,4 +13,5 @@ export declare class Ej2ProgressButton extends SyncfusionWrapper<ProgressButton,
     progressComplete(): void;
     start(): void;
     stop(): void;
+    detached(): void;
 }

package/dist/commonjs/widgets/progressButton/ej2-progress-button.js

@@ -6,26 +6,31 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2ProgressButton = void 0;
 const ej2_splitbuttons_1 = require("@syncfusion/ej2-splitbuttons");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2ProgressButton = class Ej2ProgressButton extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
         this.clickEvent = null;
+        this._onClick = null;
         this.syncfusionWidgetType = ej2_splitbuttons_1.ProgressButton;
     }
     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
         });
     }
-    _onClick(event) {
-        this.element.dispatchEvent(this.clickEvent);
-        event.stopPropagation();
-    }
     refresh() {
         this.widget.refresh();
     }
@@ -47,8 +52,13 @@ let Ej2ProgressButton = class Ej2ProgressButton extends syncfusionWrapper_1.Sync
     stop() {
         this.widget.stop();
     }
+    detached() {
+        this.widget.element.removeEventListener("click", this._onClick, false);
+    }
 };
 Ej2ProgressButton = __decorate([
-    decorator_1.generateBindables("progressButton")
+    decorator_1.generateBindables("progressButton"),
+    aurelia_framework_1.inlineView(`<template><button element.ref="widgetElement"><slot></slot></button></template>`),
+    aurelia_framework_1.customElement('ej2-progress-button')
 ], Ej2ProgressButton);
 exports.Ej2ProgressButton = Ej2ProgressButton;

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

@@ -6,10 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2Radio = void 0;
 const ej2_buttons_1 = require("@syncfusion/ej2-buttons");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const constants_1 = require("../../common/constants");
 const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2Radio = class Ej2Radio extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -22,17 +24,17 @@ let Ej2Radio = class Ej2Radio extends syncfusionWrapper_1.SyncfusionWrapper {
     onWrapperCreated() {
     }
     onBind() {
-        if (!this.eModel.name) {
+        if (!this._eModel.name) {
             throw "Radio e-name is required";
         }
         this.widget.change = () => {
             this[`${constants_1.constants.bindablePrefix}checked`] = this.widget.checked;
-            this.eventAggregator.publish(`ej2-radio-${this.eModel.name}-changed`, this[`${constants_1.constants.bindablePrefix}label`]);
+            this.eventAggregator.publish(`ej2-radio-${this._eModel.name}-changed`, this[`${constants_1.constants.bindablePrefix}label`]);
         };
         this.checkedSubscription = this.bindingEngine.propertyObserver(this, this[`${constants_1.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_1.constants.bindablePrefix}label`] !== selectedLabel) {
                 this[`${constants_1.constants.bindablePrefix}checked`] = false;
             }
@@ -45,6 +47,8 @@ let Ej2Radio = class Ej2Radio extends syncfusionWrapper_1.SyncfusionWrapper {
     }
 };
 Ej2Radio = __decorate([
-    decorator_1.generateBindables("radio")
+    decorator_1.generateBindables("radio"),
+    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" type="radio" /></template>`),
+    aurelia_framework_1.customElement('ej2-radio')
 ], Ej2Radio);
 exports.Ej2Radio = Ej2Radio;

package/dist/commonjs/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/commonjs/widgets/schedule/ej2-schedule.js

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

package/dist/commonjs/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/commonjs/widgets/sidebar/ej2-sidebar.js

@@ -0,0 +1,30 @@
+"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.Ej2Sidebar = 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 Ej2Sidebar = class Ej2Sidebar extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_navigations_1.Sidebar;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+    }
+};
+Ej2Sidebar = __decorate([
+    decorator_1.generateBindables("sidebar"),
+    aurelia_framework_1.inlineView(`<template element.ref="widgetElement"><slot></slot></template>`),
+    aurelia_framework_1.customElement('ej2-sidebar')
+], Ej2Sidebar);
+exports.Ej2Sidebar = Ej2Sidebar;

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

@@ -6,10 +6,12 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2Slider = 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 aurelia_framework_1 = require("aurelia-framework");
 let Ej2Slider = class Ej2Slider extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -28,6 +30,8 @@ let Ej2Slider = class Ej2Slider extends syncfusionWrapper_1.SyncfusionWrapper {
     }
 };
 Ej2Slider = __decorate([
-    decorator_1.generateBindables("slider")
+    decorator_1.generateBindables("slider"),
+    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    aurelia_framework_1.customElement('ej2-slider')
 ], Ej2Slider);
 exports.Ej2Slider = Ej2Slider;

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

package/dist/commonjs/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;
 }