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

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

@@ -15,20 +15,22 @@ let Ej2Button = class Ej2Button extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
         this.clickEvent = null;
+        this._onClick = null;
         this.syncfusionWidgetType = ej2_buttons_1.Button;
     }
     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();
     }
@@ -42,12 +44,12 @@ let Ej2Button = class Ej2Button extends syncfusionWrapper_1.SyncfusionWrapper {
         this.widget.dataBind();
     }
     detached() {
-        this.widget.element.removeEventListener("click", this._onClick);
+        this.widget.element.removeEventListener("click", this._onClick, false);
     }
 };
-Ej2Button = __decorate([
-    decorator_1.generateBindables("button"),
-    aurelia_framework_1.inlineView('<template><button element.ref="widgetElement" click.delegate="_onClick($event)"><slot></slot></button></template>'),
-    aurelia_framework_1.customElement('ej2-button')
-], Ej2Button);
 exports.Ej2Button = Ej2Button;
+exports.Ej2Button = Ej2Button = __decorate([
+    (0, decorator_1.generateBindables)("button"),
+    (0, aurelia_framework_1.inlineView)('<template><button element.ref="widgetElement"><slot></slot></button></template>'),
+    (0, aurelia_framework_1.customElement)('ej2-button')
+], Ej2Button);

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

@@ -24,7 +24,6 @@ let Ej2CheckboxList = class Ej2CheckboxList {
     attached() {
     }
     checkboxClick(option, ej2Checkbox) {
-        console.log("matcher", this.matcher);
         if (ej2Checkbox[`${constants_1.constants.bindablePrefix}checked`]) {
             if ((this.matcher && this.selectedItems.find((x) => this.matcher(x, option))) || !this.selectedItems.includes(option)) {
                 this.selectedItems.push(option);
@@ -43,6 +42,7 @@ let Ej2CheckboxList = class Ej2CheckboxList {
         return this.selectedItems.findIndex((x) => this.matcher(x, option)) !== -1;
     }
 };
+exports.Ej2CheckboxList = Ej2CheckboxList;
 __decorate([
     aurelia_framework_1.bindable,
     __metadata("design:type", Array)
@@ -63,9 +63,9 @@ __decorate([
     aurelia_framework_1.bindable,
     __metadata("design:type", Function)
 ], Ej2CheckboxList.prototype, "matcher", void 0);
-Ej2CheckboxList = __decorate([
-    aurelia_framework_1.customElement("ej2-checkbox-list"),
-    aurelia_framework_1.inlineView(`<template>
+exports.Ej2CheckboxList = Ej2CheckboxList = __decorate([
+    (0, aurelia_framework_1.customElement)("ej2-checkbox-list"),
+    (0, aurelia_framework_1.inlineView)(`<template>
   <div repeat.for="option of dataSource" css="\${orientation === 'horizontal' ? 'display: inline;' : ''}">
     <ej2-checkbox view-model.ref="viewModels[$index]" e-label.bind="optionModel? option[optionModel.label]: option"
       e-name.bind="optionModel? option[optionModel.name]: option"
@@ -75,4 +75,3 @@ Ej2CheckboxList = __decorate([
   </div>
 </template>`)
 ], Ej2CheckboxList);
-exports.Ej2CheckboxList = Ej2CheckboxList;

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

@@ -25,8 +25,6 @@ let Ej2Checkbox = class Ej2Checkbox extends syncfusionWrapper_1.SyncfusionWrappe
     }
     onBind() {
         this.widget.change = () => {
-            console.log("changed", this.widget.checked);
-            console.log("current widget value", this[`${constants_1.constants.bindablePrefix}checked`]);
             this[`${constants_1.constants.bindablePrefix}checked`] = this.widget.checked;
         };
         this.checkedSubscription = this.bindingEngine.propertyObserver(this, "checked").subscribe((newValue) => {
@@ -50,10 +48,11 @@ let Ej2Checkbox = class Ej2Checkbox extends syncfusionWrapper_1.SyncfusionWrappe
         super.detached();
     }
 };
-Ej2Checkbox = __decorate([
+exports.Ej2Checkbox = Ej2Checkbox;
+exports.Ej2Checkbox = Ej2Checkbox = __decorate([
     aurelia_framework_1.autoinject,
-    decorator_1.generateBindables("checkbox"),
-    aurelia_framework_1.customElement("ej2-checkbox"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" type="checkbox" /></template>`)
+    (0, aurelia_framework_1.transient)(),
+    (0, decorator_1.generateBindables)("checkbox"),
+    (0, aurelia_framework_1.customElement)("ej2-checkbox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" type="checkbox" /></template>`)
 ], Ej2Checkbox);
-exports.Ej2Checkbox = Ej2Checkbox;

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

@@ -27,9 +27,9 @@ let Ej2ComboBox = class Ej2ComboBox extends syncfusionWrapper_1.SyncfusionWrappe
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2ComboBox = __decorate([
-    decorator_1.generateBindables("comboBox"),
-    aurelia_framework_1.inlineView(`<template><input type="text" tabindex="1" element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement('ej2-combo-box')
-], Ej2ComboBox);
 exports.Ej2ComboBox = Ej2ComboBox;
+exports.Ej2ComboBox = Ej2ComboBox = __decorate([
+    (0, decorator_1.generateBindables)("comboBox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input type="text" tabindex="1" element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-combo-box')
+], Ej2ComboBox);

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

@@ -21,9 +21,9 @@ let Ej2DashboardLayout = class Ej2DashboardLayout extends syncfusionWrapper_1.Sy
     onWidgetCreated() {
     }
 };
-Ej2DashboardLayout = __decorate([
-    decorator_1.generateBindables("dashboardLayout"),
-    aurelia_framework_1.inlineView(`<template><div class="dashboard-container"><div element.ref="widgetElement"><slot></slot></div></div></template>`),
-    aurelia_framework_1.customElement("ej2-dashboard-layout")
-], Ej2DashboardLayout);
 exports.Ej2DashboardLayout = Ej2DashboardLayout;
+exports.Ej2DashboardLayout = Ej2DashboardLayout = __decorate([
+    (0, decorator_1.generateBindables)("dashboardLayout"),
+    (0, aurelia_framework_1.inlineView)(`<template><div class="dashboard-container"><div element.ref="widgetElement"><slot></slot></div></div></template>`),
+    (0, aurelia_framework_1.customElement)("ej2-dashboard-layout")
+], Ej2DashboardLayout);

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

@@ -27,9 +27,9 @@ let Ej2DatePicker = class Ej2DatePicker extends syncfusionWrapper_1.SyncfusionWr
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2DatePicker = __decorate([
-    decorator_1.generateBindables("datePicker"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement("ej2-date-picker")
-], Ej2DatePicker);
 exports.Ej2DatePicker = Ej2DatePicker;
+exports.Ej2DatePicker = Ej2DatePicker = __decorate([
+    (0, decorator_1.generateBindables)("datePicker"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)("ej2-date-picker")
+], Ej2DatePicker);

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

@@ -29,9 +29,9 @@ let Ej2DateRangePicker = class Ej2DateRangePicker extends syncfusionWrapper_1.Sy
         this[`${constants_1.constants.bindablePrefix}endDate`] = args.endDate;
     }
 };
-Ej2DateRangePicker = __decorate([
-    decorator_1.generateBindables("dateRangePicker"),
-    aurelia_framework_1.customElement('ej2-date-range-picker'),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`)
-], Ej2DateRangePicker);
 exports.Ej2DateRangePicker = Ej2DateRangePicker;
+exports.Ej2DateRangePicker = Ej2DateRangePicker = __decorate([
+    (0, decorator_1.generateBindables)("dateRangePicker"),
+    (0, aurelia_framework_1.customElement)('ej2-date-range-picker'),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`)
+], Ej2DateRangePicker);

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

@@ -27,9 +27,9 @@ let Ej2DateTimePicker = class Ej2DateTimePicker extends syncfusionWrapper_1.Sync
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2DateTimePicker = __decorate([
-    decorator_1.generateBindables("dateTimePicker"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement('ej2-date-time-picker')
-], Ej2DateTimePicker);
 exports.Ej2DateTimePicker = Ej2DateTimePicker;
+exports.Ej2DateTimePicker = Ej2DateTimePicker = __decorate([
+    (0, decorator_1.generateBindables)("dateTimePicker"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-date-time-picker')
+], Ej2DateTimePicker);

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

@@ -31,9 +31,9 @@ let Ej2DropDownList = class Ej2DropDownList extends syncfusionWrapper_1.Syncfusi
         super.attached();
     }
 };
-Ej2DropDownList = __decorate([
-    decorator_1.generateBindables("dropDownList"),
-    aurelia_framework_1.inlineView(`<template><div><slot><input /></slot></div></template>`),
-    aurelia_framework_1.customElement('ej2-drop-down-list')
-], Ej2DropDownList);
 exports.Ej2DropDownList = Ej2DropDownList;
+exports.Ej2DropDownList = Ej2DropDownList = __decorate([
+    (0, decorator_1.generateBindables)("dropDownList"),
+    (0, aurelia_framework_1.inlineView)(`<template><div><slot><input /></slot></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-drop-down-list')
+], Ej2DropDownList);

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

@@ -27,9 +27,9 @@ let Ej2DropDownTree = class Ej2DropDownTree extends syncfusionWrapper_1.Syncfusi
         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;
+exports.Ej2DropDownTree = Ej2DropDownTree = __decorate([
+    (0, decorator_1.generateBindables)("dropDownTree"),
+    (0, aurelia_framework_1.customElement)('ej2-drop-down-tree'),
+    (0, aurelia_framework_1.inlineView)('<template><input type="text" element.ref="widgetElement" /></template>')
+], Ej2DropDownTree);

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

@@ -16,7 +16,7 @@ let Ej2FileManager = class Ej2FileManager extends syncfusionWrapper_1.Syncfusion
     constructor() {
         super(...arguments);
         this.syncfusionWidgetType = ej2_filemanager_1.FileManager;
-        this.id = `fm-${uuid_1.v4()}`;
+        this.id = `fm-${(0, 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);
@@ -26,9 +26,9 @@ let Ej2FileManager = class Ej2FileManager extends syncfusionWrapper_1.Syncfusion
     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;
+exports.Ej2FileManager = Ej2FileManager = __decorate([
+    (0, decorator_1.generateBindables)("fileManager"),
+    (0, aurelia_framework_1.inlineView)(`<template><div id.bind="id" element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-file-manager')
+], Ej2FileManager);

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

@@ -17,70 +17,70 @@ let Ej2Grid = class Ej2Grid extends syncfusionWrapper_1.SyncfusionWrapper {
         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);
         }
     }
@@ -89,9 +89,9 @@ let Ej2Grid = class Ej2Grid extends syncfusionWrapper_1.SyncfusionWrapper {
     onWrapperCreated() {
     }
 };
-Ej2Grid = __decorate([
-    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;
+exports.Ej2Grid = Ej2Grid = __decorate([
+    (0, decorator_1.generateBindables)("grid"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-grid')
+], Ej2Grid);

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

@@ -21,14 +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"),
-    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
-    aurelia_framework_1.customElement('ej2-list-view')
-], Ej2ListView);
 exports.Ej2ListView = Ej2ListView;
+exports.Ej2ListView = Ej2ListView = __decorate([
+    (0, decorator_1.generateBindables)("listView"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-list-view')
+], Ej2ListView);

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

@@ -13,7 +13,7 @@ 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);
+(0, ej2_base_1.enableRipple)(true);
 let Ej2MaskedTextBox = class Ej2MaskedTextBox extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -29,9 +29,9 @@ let Ej2MaskedTextBox = class Ej2MaskedTextBox extends syncfusionWrapper_1.Syncfu
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2MaskedTextBox = __decorate([
-    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;
+exports.Ej2MaskedTextBox = Ej2MaskedTextBox = __decorate([
+    (0, decorator_1.generateBindables)("maskedTextBox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-masked-text-box')
+], 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");
+(0, 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();
+    }
+};
+exports.Ej2MultiSelect = Ej2MultiSelect;
+exports.Ej2MultiSelect = Ej2MultiSelect = __decorate([
+    (0, decorator_1.generateBindables)("multiSelect"),
+    (0, aurelia_framework_1.inlineView)(`<template><div><slot><input /></slot></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-multi-select')
+], Ej2MultiSelect);

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

@@ -27,9 +27,9 @@ let Ej2NumericTextBox = class Ej2NumericTextBox extends syncfusionWrapper_1.Sync
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2NumericTextBox = __decorate([
-    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;
+exports.Ej2NumericTextBox = Ej2NumericTextBox = __decorate([
+    (0, decorator_1.generateBindables)("numericTextBox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-numeric-text-box')
+], Ej2NumericTextBox);

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

@@ -21,9 +21,9 @@ let Ej2Pager = class Ej2Pager extends syncfusionWrapper_1.SyncfusionWrapper {
     onWidgetCreated() {
     }
 };
-Ej2Pager = __decorate([
-    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;
+exports.Ej2Pager = Ej2Pager = __decorate([
+    (0, decorator_1.generateBindables)("pager"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-pager')
+], 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;

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

@@ -15,20 +15,22 @@ let Ej2ProgressButton = class Ej2ProgressButton extends syncfusionWrapper_1.Sync
     constructor() {
         super(...arguments);
         this.clickEvent = null;
+        this._onClick = null;
         this.syncfusionWidgetType = ej2_splitbuttons_1.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();
     }
@@ -51,12 +53,12 @@ let Ej2ProgressButton = class Ej2ProgressButton extends syncfusionWrapper_1.Sync
         this.widget.stop();
     }
     detached() {
-        this.widget.element.removeEventListener("click", this._onClick);
+        this.widget.element.removeEventListener("click", this._onClick, false);
     }
 };
-Ej2ProgressButton = __decorate([
-    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;
+exports.Ej2ProgressButton = Ej2ProgressButton = __decorate([
+    (0, decorator_1.generateBindables)("progressButton"),
+    (0, aurelia_framework_1.inlineView)(`<template><button element.ref="widgetElement"><slot></slot></button></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-progress-button')
+], Ej2ProgressButton);

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

@@ -24,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;
             }
@@ -46,9 +46,9 @@ let Ej2Radio = class Ej2Radio extends syncfusionWrapper_1.SyncfusionWrapper {
         super.detached();
     }
 };
-Ej2Radio = __decorate([
-    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;
+exports.Ej2Radio = Ej2Radio = __decorate([
+    (0, decorator_1.generateBindables)("radio"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" type="radio" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-radio')
+], 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);
+    }
+};
+exports.Ej2Schedule = Ej2Schedule;
+exports.Ej2Schedule = Ej2Schedule = __decorate([
+    (0, decorator_1.generateBindables)("radio"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-schedule')
+], Ej2Schedule);

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

@@ -22,9 +22,9 @@ let Ej2Sidebar = class Ej2Sidebar extends syncfusionWrapper_1.SyncfusionWrapper
         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;
+exports.Ej2Sidebar = Ej2Sidebar = __decorate([
+    (0, decorator_1.generateBindables)("sidebar"),
+    (0, aurelia_framework_1.inlineView)(`<template element.ref="widgetElement"><slot></slot></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-sidebar')
+], Ej2Sidebar);