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

package/README.md

@@ -21,6 +21,7 @@ This is an early release and is not recommended for use
 * Pager
 * Progress Button
 * Radio
+* Schedule
 * Sidebar
 * Slider
 * Splitter

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

@@ -8,7 +8,8 @@ export declare class ControlBase<T, U> {
     protected taskQueue: TaskQueue;
     protected eventAggregator: EventAggregator;
     protected element: Element;
-    eModel: U;
+    private eModel;
+    protected _eModel: U;
     protected widgetElement: HTMLElement;
     widget: T;
     protected bindingContext: any;
@@ -18,6 +19,7 @@ export declare class ControlBase<T, U> {
     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;

package/dist/commonjs/common/controlBase.js

@@ -24,19 +24,21 @@ let ControlBase = class ControlBase {
         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 = [];
-        this.eModel = {};
     }
     get controlType() {
         throw "syncfusionControlType is not set";
     }
     onBind() {
     }
+    onAttached() {
+    }
     onCreateControl() {
         throw "onCreateControl is not implemented";
     }
@@ -55,6 +57,7 @@ let ControlBase = class ControlBase {
     bind(context) {
         this.logName = this.controlType.name;
         this.bindingContext = context;
+        this._eModel = Object.assign({}, this.eModel);
         this.setInitialBindings();
         this.onCreateControl();
         this.onBind();
@@ -65,8 +68,8 @@ let ControlBase = class ControlBase {
         _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];
+                if (this[property] !== undefined && (this.propertyPriority || this._eModel[modelProperty] === undefined)) {
+                    this._eModel[modelProperty] = this[property];
                 }
             }
         });
@@ -124,15 +127,21 @@ let ControlBase = class ControlBase {
     }
     attached() {
         this.appendWidget();
+        this.onAttached();
     }
     appendWidget() {
         this.widget.appendTo(this.widgetElement);
     }
     detached() {
-        this.subscriptions.forEach((subscription) => subscription.dispose());
+        this.subscriptions.forEach((subscription) => { if (subscription) {
+            subscription.dispose();
+        } });
         if (this.widget.destroy) {
             this.widget.destroy();
         }
+        this.widget = null;
+        this._eModel = null;
+        this.widgetElement = null;
     }
 };
 __decorate([

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

@@ -5,6 +5,9 @@ export declare abstract class SyncfusionWrapper<T, U> extends ControlBase<T, U>
     protected abstract onWidgetCreated(): any;
     onCreateControl(): void;
     recreate(): void;
+    onRecreate(): void;
+    recreating(): void;
+    recreated(): void;
     refresh(): void;
     dataBind(): void;
     protected get controlType(): any;

package/dist/commonjs/common/syncfusionWrapper.js

@@ -9,17 +9,26 @@ class SyncfusionWrapper extends controlBase_1.ControlBase {
     }
     onCreateControl() {
         this.onBeforeWidgetInstantiation();
-        this.widget = new this.syncfusionWidgetType(this.eModel);
+        this.widget = new this.syncfusionWidgetType(this._eModel);
         this.widget.created = () => { this.onWidgetCreated(); };
         this.onWrapperCreated();
         this.createControlEvents(this.getBindables());
     }
     recreate() {
-        this.debug("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();

package/dist/commonjs/configBuider.d.ts

@@ -22,10 +22,12 @@ export declare class ConfigBuilder {
     ej2Grid(): ConfigBuilder;
     ej2ListView(): ConfigBuilder;
     ej2MaskedTextBox(): ConfigBuilder;
+    ej2MultiSelect(): ConfigBuilder;
     ej2NumericTextBox(): ConfigBuilder;
     ej2Pager(): ConfigBuilder;
     ej2ProgressButton(): ConfigBuilder;
     ej2Radio(): ConfigBuilder;
+    ej2Schedule(): ConfigBuilder;
     ej2Sidebar(): ConfigBuilder;
     ej2Slider(): ConfigBuilder;
     ej2Splitter(): ConfigBuilder;

package/dist/commonjs/configBuider.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ConfigBuilder = void 0;
+const ej2_multiSelect_1 = require("./widgets/multiSelect/ej2-multiSelect");
+const ej2_schedule_1 = require("./widgets/schedule/ej2-schedule");
 const ej2_fileManager_1 = require("./widgets/fileManager/ej2-fileManager");
 const ej2_sidebar_1 = require("./widgets/sidebar/ej2-sidebar");
 const ej2_DatePicker_1 = require("./widgets/datePicker/ej2-DatePicker");
-const aurelia_pal_1 = require("aurelia-pal");
 const ej2_textBox_1 = require("./widgets/textBox/ej2-textBox");
 const ej2_dateRangePicker_1 = require("./widgets/dateRangePicker/ej2-dateRangePicker");
 const ej2_dateTimePicker_1 = require("./widgets/dateTimePicker/ej2-dateTimePicker");
@@ -53,10 +54,12 @@ class ConfigBuilder {
             .ej2Grid()
             .ej2ListView()
             .ej2MaskedTextBox()
+            .ej2MultiSelect()
             .ej2NumericTextBox()
             .ej2Pager()
             .ej2ProgressButton()
             .ej2Radio()
+            .ej2Schedule()
             .ej2Sidebar()
             .ej2Slider()
             .ej2Splitter()
@@ -79,7 +82,6 @@ class ConfigBuilder {
         }
     }
     materialTheme() {
-        this.resources.push(aurelia_pal_1.PLATFORM.moduleName("@syncfusion/ej2/material.css"));
         return this;
     }
     withoutGlobalResources() {
@@ -150,6 +152,10 @@ class ConfigBuilder {
         this.resources.push(ej2_maskedTextBox_1.Ej2MaskedTextBox);
         return this;
     }
+    ej2MultiSelect() {
+        this.resources.push(ej2_multiSelect_1.Ej2MultiSelect);
+        return this;
+    }
     ej2NumericTextBox() {
         this.resources.push(ej2_numericTextBox_1.Ej2NumericTextBox);
         return this;
@@ -166,6 +172,10 @@ class ConfigBuilder {
         this.resources.push(ej2_radio_1.Ej2Radio);
         return this;
     }
+    ej2Schedule() {
+        this.resources.push(ej2_schedule_1.Ej2Schedule);
+        return this;
+    }
     ej2Sidebar() {
         this.resources.push(ej2_sidebar_1.Ej2Sidebar);
         return this;

package/dist/commonjs/controlBindings.d.ts

@@ -74,12 +74,18 @@ export declare const ControlBindings: {
         twoWay: string[];
         events: string[];
     };
+    multiSelect: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
     numericTextBox: {
         oneWay: string[];
         twoWay: string[];
         events: string[];
     };
     pager: {
+        oneWay: string[];
         twoWay: string[];
         events: string[];
     };
@@ -91,6 +97,10 @@ export declare const ControlBindings: {
         oneWay: string[];
         events: string[];
     };
+    schedule: {
+        oneWay: string[];
+        events: string[];
+    };
     sidebar: {
         oneWay: string[];
         events: string[];

package/dist/commonjs/controlBindings.js

@@ -6,138 +6,170 @@ exports.ControlBindings = {
         oneWay: ["enablePersistence", "enableRtl", "locale"]
     },
     accordion: {
-        oneWay: ["animation", "expandMode", "height", "items", "width"],
+        oneWay: ["animation", "dataSource", "enableHtmlSanitizer", "expandMode", "expandedIndices", "height", "itemTemplate", "items", "width"],
         events: ["clicked", "created", "destroyed", "expanded", "expanding"]
     },
     autoComplete: {
-        oneWay: ["actionFailureTemplate", "allowCustom", "autofill", "cssClass", "dataSource", "enabled", "fields", "filterType", "floatLabelType", "footerTemplate", "groupTemplate", "headerTemplate", "highlight", "htmlAttributes", "ignoreAccent", "ignoreCase", "itemTemplate", "minLength", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "showClearButton", "showPopupButton", "sortOrder", "suggestionCount", "width", "zIndex"],
+        oneWay: ["actionFailureTemplate", "allowCustom", "autofill", "cssClass", "dataSource", "enabled", "fields", "ignoreAccent", "ignoreCase", "itemTemplate", "minLength", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "showClearButton", "showPopupButton", "sortOrder", "suggestionCount", "width", "zIndex"],
         twoWay: ["value"],
         events: ["actionBegin", "actionComplete", "actionFailure", "beforeOpen", "blur", "change", "close", "created", "customValueSpecifier", "dataBound", "destroyed", "filtering", "focus", "open", "select"]
     },
     button: {
-        oneWay: ["disabled", "isPrimary", "content", "cssClass", "iconCss", "iconPosition", "isToggle", "enableRtl"],
+        oneWay: ["disabled", "isPrimary", "content", "cssClass", "enableHtmlSanitizer", "iconCss", "iconPosition", "isToggle", "enableRtl"],
         events: ["created"]
     },
     checkbox: {
-        oneWay: ["cssClass", "disabled", "indeterminate", "label", "labelPosition", "name", "value"],
+        oneWay: ["cssClass", "disabled", "enableHtmlSanitizer", "htmlAttributes", "indeterminate", "label", "labelPosition", "name", "value"],
         twoWay: ["checked"],
         events: ["change", "created"]
     },
     comboBox: {
-        oneWay: ["actionFailureTemplate", "allowCustom", "allowFiltering", "autofill", "cssClass", "dataSource", "enabled", "fields", "floatLabelType", "footerTemplate", "groupTemplate", "headerTemplate", "htmlAttributes", "ignoreAccent", "index", "itemTemplate", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "showClearButton", "sortOrder", "text", "width", "zIndex"],
+        oneWay: ["actionFailureTemplate", "allowCustom", "allowFiltering", "autofill", "cssClass", "dataSource", "enabled", "fields",
+            "filterType", "floatLabelType", "footerTemplate", "groupTemplate", "headerTemplate", "htmlAttributes", "ignoreAccent", "ignoreCase", "index", "itemTemplate", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "showClearButton", "sortOrder", "text", "width", "zIndex"],
         twoWay: ["value"],
         events: ["actionBegin", "actionComplete", "actionFailure", "beforeOpen", "blur", "change", "close", "created", "customValueSpecifier", "dataBound", "destroyed", "filtering", "focus", "open", "select"]
     },
     dashboardLayout: {
-        oneWay: ["allowDragging", "allowFloating", "allowResizing", "cellSpacing", "columns", "draggableHandle", "mediaQuery", "panels", "resizableHandles", "showGridLines"],
+        oneWay: ["allowDragging", "allowFloating", "allowResizing", "cellSpacing", "columns", "draggableHandle",
+            "enableHtmlSanitizer", "mediaQuery", "panels", "resizableHandles", "showGridLines"],
         events: ["change", "created", "destroyed", "drag", "dragStart", "dragStop", "resize", "resizeStart", "resizeStop"]
     },
     datePicker: {
-        oneWay: ["allowEdit", "calendarMode", "cssClass", "dayHeaderFormat", "depth", "enabled", "firstDayOfWeek", "floatLabelType", "format", "htmlAttributes", "keyConfigs", "max", "min", "placeholder", "readonly", "showClearButton", "showTodayButton", "start", "strictMode", "weekNumber", "width", "zindex"],
+        oneWay: ["allowEdit", "calendarMode", "cssClass", "dayHeaderFormat", "depth", "enableMask", "enabled", "firstDayOfWeek", "floatLabelType", "format", "htmlAttributes", "keyConfigs", "max", "min", "openOnFocus", "placeholder", "readonly", "serverTimezoneOffset", "showClearButton", "showTodayButton", "start", "strictMode", "weekNumber", "weekRule", "width", "zindex"],
         twoWay: ["value"],
         events: ["blur", "change", "close", "created", "destroyed", "focus", "navigated", "open", "renderDayCell"]
     },
     dateRangePicker: {
-        oneWay: ["allowEdit", "cssClass", "dayHeaderFormat", "depth", "enabled", "firstDayOfWeek", "floatLabelType", "format", "htmlAttributes", "keyConfigs", "max", "maxDays", "min", "minDays", "placeholder", "presets", "readonly", "separator", "showClearButton", "start", "strictMode", "weekNumber", "width", "zindex"],
+        oneWay: ["allowEdit", "cssClass", "dayHeaderFormat", "depth", "enabled", "firstDayOfWeek", "floatLabelType", "format", "htmlAttributes", "keyConfigs", "max", "maxDays", "min", "minDays", "openOnFocus", "placeholder", "presets", "readonly", "separator", "serverTimezoneOffset", "showClearButton", "start", "strictMode", "weekNumber", "weekRule", "width", "zindex"],
         twoWay: ["value", "startDate", "endDate"],
-        events: ["blur", "change", "close", "created", "destroyed", "focus", "navigated", "open", "renderDayCell", "select"]
+        events: ["blur", "change", "cleared", "close", "created", "destroyed", "focus", "navigated", "open", "renderDayCell", "select"]
     },
     dateTimePicker: {
-        oneWay: ["allowEdit", "calendarMode", "cssClass", "dayHeaderFormat", "depth", "enabled", "firstDayOfWeek", "floatLabelType", "format", "htmlAttributes", "keyConfigs", "max", "min", "placeholder", "readonly", "scrollTo", "showClearButton", "showTodayButton", "start", "step", "strictMode", "timeFormat", "weekNumber", "width", "zindex"],
+        oneWay: ["allowEdit", "calendarMode", "cssClass", "dayHeaderFormat", "depth", "enableMask", "enabled", "firstDayOfWeek", "floatLabelType", "format", "htmlAttributes", "keyConfigs", "maskPlaceholder", "max", "min", "openOnFocus", "placeholder", "readonly", "scrollTo", "serverTimezoneOffset", "showClearButton", "showTodayButton", "start", "step", "strictMode", "timeFormat", "weekNumber", "weekRule", "width", "zindex"],
         twoWay: ["value"],
-        events: ["blur", "change", "close", "created", "destroyed", "focus", "navigated", "open", "renderDayCell"]
+        events: ["blur", "change", "cleared", "close", "created", "destroyed", "focus", "navigated", "open", "renderDayCell"]
     },
     dropDownList: {
-        oneWay: ["actionFailureTemplate", "allowFiltering", "cssClass", "dataSource", "enabled", "fields", "filterBarPlaceholder", "floatLabelType", "footerTemplate", "groupTemplate", "headerTemplate", "htmlAttributes", "ignoreAccent", "index", "itemTemplate", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "showClearButton", "sortOrder", "text", "valueTemplate", "width", "zindex"],
+        oneWay: ["actionFailureTemplate", "allowFiltering", "cssClass", "dataSource", "enabled", "fields", "filterBarPlaceholder",
+            "filterType", "floatLabelType", "footerTemplate", "groupTemplate", "headerTemplate", "htmlAttributes", "ignoreAccent", "ignoreCase", "index", "itemTemplate", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "showClearButton", "sortOrder", "text", "valueTemplate", "width", "zindex"],
         twoWay: ["value"],
         events: ["actionBegin", "actionComplete", "actionFailure", "beforeOpen", "blur", "change", "close", "created", "dataBound", "destroyed", "filtering", "focus", "open", "select"]
     },
     dropDownTree: {
-        oneWay: ["actionFailureTemplate", "allowFiltering", "allowMultiSelection", "changeOnBlur", "cssClass", "delimiterChar", "enabled", "fields", "filterBarPlaceholder", "filterType", "floatLabelType", "footerTemplate", "headerTemplate", "htmlAttributes", "ignoreAccent", "ignoreCase", "itemTemplate", "mode", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "readonly", "selectAllText", "showCheckBox", "showClearButton", "showDropDownIcon", "showSelectAll", "sortOrder", "treeSettings", "unSelectAllText", "wrapText", "zIndex"],
+        oneWay: ["actionFailureTemplate", "allowFiltering", "allowMultiSelection", "changeOnBlur", "cssClass", "customTemplate", "delimiterChar", "enabled", "fields", "filterBarPlaceholder", "filterType", "floatLabelType", "footerTemplate", "headerTemplate", "htmlAttributes", "ignoreAccent", "ignoreCase", "itemTemplate", "mode", "noRecordsTemplate", "placeholder", "popupHeight", "popupWidth", "readonly", "selectAllText", "showCheckBox", "showClearButton", "showDropDownIcon", "showSelectAll", "sortOrder", "treeSettings", "unSelectAllText", "width", "wrapText", "zIndex"],
         twoWay: ["text", "value"],
         events: ["actionFailure", "beforeOpen", "blur", "change", "close", "created", "dataBound", "destroyed", "filtering", "focus", "keyPress", "open", "select"]
     },
     fileManager: {
-        oneWay: ["ajaxSettings", "allowDragAndDrop", "allowMultiSelection", "contextMenuSettings", "cssClass", "detailsViewSettings", "enableHtmlSanitizer", "height", "navigationPaneSettings", "path", "popupTarget", "rootAliasName", "searchSettings", "selectedItems", "showFileExtension", "showHiddenItems", "showThumbnail", "sortOrder", "toolbarSettings", "uploadSettings", "view", "width"],
+        oneWay: ["ajaxSettings", "allowDragAndDrop", "allowMultiSelection", "contextMenuSettings", "cssClass", "detailsViewSettings", "enableHtmlSanitizer", "height", "navigationPaneSettings", "path", "popupTarget", "rootAliasName", "searchSettings", "selectedItems", "showFileExtension", "showHiddenItems", "showThumbnail", "sortBy", "sortOrder", "toolbarSettings", "uploadSettings", "view", "width"],
         twoWay: [],
         events: ["beforeDownload", "beforeImageLoad", "beforePopupClose", "beforePopupOpen", "beforeSend", "created", "destroyed", "failure", "fileDragStart", "fileDragStop", "fileDragging", "fileDropped", "fileLoad", "fileOpen", "fileSelect", "fileSelection", "menuClick", "menuOpen", "popupClose", "popupOpen", "success", "toolbarClick", "toolbarCreate", "uploadListCreate"]
     },
     grid: {
-        oneWay: ["aggregates", "allowExcelExport", "disabled", "allowFiltering", "allowGrouping", "allowMultiSorting", "allowPaging", "allowPdfExport",
-            "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "childGrid", "clipboardModule",
-            "columnMenuItems", "columnMenuModule", "columnQueryMode", "columns", "contextMenuItems", "contextMenuModule", "dataSource",
-            "detailTemplate", "editModule", "editSettings", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHover", "enableVirtualiziation",
-            "excelExportModule", "filterModule", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupModule", "groupSettings", "height", "hierarchyPrintMode", "keyboardModule",
-            "pageSettings", "pagerModule", "pagerTemplate", "pdfExportModule", "printMode", "printModule", "query", "queryString", "reorderModule", "rowDragAndDropModule", "rowDropSettings", "rowHeight",
+        oneWay: ["aggregates", "allowExcelExport", "disabled", "allowFiltering", "allowGrouping", "allowKeyboard", "allowMultiSorting", "allowPaging", "allowPdfExport",
+            "allowReordering", "allowResizing", "allowRowDragAndDrop", "allowSelection", "allowSorting", "allowTextWrap", "childGrid", "clipMode", "clipboardModule", "columnChooserSettings",
+            "columnMenuItems", "columnMenuModule", "columnQueryMode", "columns", "contextMenuItems", "contextMenuModule", "cssClass", "currentAction", "currentViewData", "dataSource",
+            "detailTemplate", "editModule", "editSettings", "ej2StatePersistenceVersion", "enableAdaptiveUI", "enableAltRow", "enableAutoFill", "enableColumnVirtualization", "enableHeaderFocus", "enableHover", "enableImmutableMode", "enableInfinitScrolling", "enableStickyHeader", "enableVirtualMaskRow", "enableVirtualiziation",
+            "excelExportModule", "filterModule", "filterSettings", "frozenColumns", "frozenRows", "gridLines", "groupModule", "groupSettings", "height", "hierarchyPrintMode", "infiniteScrollModule", "infiniteScrollSettings", "keyboardModule", "loadingIndicator",
+            "pageSettings", "pagerModule", "pagerTemplate", "parentDetails", "pdfExportModule", "printMode", "printModule", "query", "queryString", "reorderModule", "resizeSettings", "rowDragAndDropModule", "rowDropSettings", "rowHeight", "rowRenderingMode",
             "rowTemplate", "scrollModule", "searchModule", "searchSettings", "selectionModule", "selectionSettings", "showColumnChooser", "showColumnMenu", "showHider", "sortModule",
             "sortSettings", "textWrapSettings", "toolbar", "toolbarModule", "toolbarTemplate", "width"],
         fromView: [
             "currentViewData"
         ],
         twoWay: ["selectedRowIndex"],
-        events: ["actionBegins", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeExcelExport", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "headerCellInfo", "keyPressed", "load", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick"]
+        events: ["actionBegin", "actionComplete", "actionFailure", "batchAdd", "batchCancel", "batchDelete", "beforeAutoFill", "beforeBatchAdd", "beforeBatchDelete", "beforeBatchSave", "beforeCopy", "beforeDataBound", "beforeExcelExport", "beforeOpenAdaptiveDialog", "beforeOpenColumnChooser", "beforePaste", "beforePdfExport", "beforePrint", "beginEdit", "cellDeselected", "cellDeselecting", "cellEdit", "cellSave", "cellSaved", "cellSelected", "cellSelecting", "checkBoxChange", "columnDataStateChange", "columnDeselected", "columnDeselecting", "columnDrag", "columnDragStart", "columnDrop", "columnMenuClick", "columnMenuOpen", "columnSelected", "columnSelecting", "commandClick", "contextMenuClick", "contextMenuOpen", "created", "dataBound", "dataSourceChanged", "dataStateChange", "destroyed", "detailDataBound", "excelAggregateQueryCellInfo", "excelExportComplete", "excelHeaderQueryCellInfo", "excelQueryCellInfo", "exportDetailDataBound", "exporeGroupCaption", "headerCellInfo", "keyPressed", "lazyLoadGroupCollapse", "lazyLoadGroupExpand", "load", "pdfAggregateQueryCellInfo", "pdfExportComplete", "pdfHeaderQueryCellInfo", "pdfQueryCellInfo", "printComplete", "queryCellInfo", "recordClick", "recordDoubleClick", "resizeStart", "resizeStop", "resizing", "rowDataBound", "rowDeselected", "rowDeselecting", "rowDrag", "rowDragStart", "rowDragStartHelper", "rowDrop", "rowSelected", "rowSelecting", "toolbarClick"]
     },
     listView: {
-        oneWay: ["animation", "checkBoxPosition", "cssClass", "dataSource", "enable", "enableVirtualization", "fields", "groupTemplate", "fields", "groupTemplate", "headerTemplate", "headerTitle", "height", "htmlAttributes", "query", "showCheckBox", "showHeader", "showIcon", "sortOrder", "template", "width"],
+        oneWay: ["animation", "checkBoxPosition", "cssClass", "dataSource", "enable", "enableHtmlSanitizer", "enableVirtualization", "fields", "groupTemplate", "headerTemplate", "headerTitle", "height", "htmlAttributes", "query", "showCheckBox", "showHeader", "showIcon", "sortOrder", "template", "width"],
         events: ["actionBegin", "actionComplete", "actionFailure", "select"]
     },
     maskedTextBox: {
         oneWay: ["cssClass", "customCharacters", "enabled", "floatLabelType", "htmlAttributes", "mask", "placeholder", "promptChar", "showClearButton", "width"],
         twoWay: ["value"],
-        events: ["blur", "change", "created", "destroyed", "focus", "input"]
+        events: ["blur", "change", "created", "destroyed", "focus"]
+    },
+    multiSelect: {
+        oneWay: ["actionFailureTemplate",
+            "addTagOnBlur", "allowCustomValue", "allowFiltering", "changeOnBlur", "closePopupOnSelect", "cssClass", "dataSource", "delimiterChar", "enableGroupCheckBox", "enableHtmlSanitizer", "enableSelectionOrder", "enabled", "fields", "filterBarPlaceholder", "filterType", "floatLabelType", "footerTemplate", "groupTemplate", "headerTemplate", "hideSelectedItem", "htmlAttributes", "ignoreAccent", "ignoreCase", "itemTemplate", "locale", "maximumSelectionLength", "mode", "noRecordsTemplate", "openOnClick", "placeholder", "popupHeight", "popupWidth", "query", "readonly", "selectAllText", "showClearButton", "showDropDownIcon", "showSelectAll", "sortOrder", "text", "unSelectAllText", "valueTemplate", "width", "zIndex"],
+        twoWay: ["value"],
+        events: ["actionBegin", "actionComplete", "actionFailure", "beforeOpen",
+            "beforeSelectAll", "blur", "change", "chipSelection", "close", "created", "customValueSelection", "dataBound", "destroyed", "filtering", "focus", "open", "removed", "removing", "select", "selectedAll", "tagging"]
     },
     numericTextBox: {
-        oneWay: ["cssClass", "currency", "decimals", "enabled", "floatLabelType", "format", "htmlAttributes", "max", "min", "placeholder", "readonly", "showClearButon", "showSpinButton", "step", "StrictMode", "validateDecimalOnType", "width"],
+        oneWay: ["cssClass", "currency", "decimals", "enabled", "floatLabelType", "format", "htmlAttributes", "max", "min", "placeholder", "readonly", "showClearButton", "showSpinButton", "step", "strictMode", "validateDecimalOnType", "width"],
         twoWay: ["value"],
         events: ["blur", "change", "created", "destroyed", "focus"]
     },
     pager: {
-        twoWay: ["currentPage", "customText", "enableExternalMessage", "enablePagerMessage", "enableQueryString", "externalMessage", "pageCount", "pageSize", "pageSizes", "template", "totalRecordsCount"],
+        oneWay: ["cssClass", "customText", "enableExternalMessage", "enablePagerMessage", "enableQueryString", "externalMessage",
+            "pageCount", "pageSize", "pageSizes",
+            "template"],
+        twoWay: ["currentPage", "totalRecordsCount"],
         events: ["click", "created", "dropDownChanged"]
     },
     progressButton: {
-        oneWay: ["animationSettings", "content", "cssClass", "disabled", "duration", "enableProgress", "iconCss", "iconPosition", "isPrimary", "isToggle", "spinSettings"],
+        oneWay: ["animationSettings", "content", "cssClass", "disabled", "duration", "enableHtmlSanitizer", "enableProgress", "iconCss", "iconPosition", "isPrimary", "isToggle", "spinSettings"],
         events: ["begin", "created", "end", "fail", "progress"]
     },
     radio: {
-        oneWay: ["checked", "cssClass", "disabled", "label", "labelPosition", "name", "value"],
+        oneWay: ["checked", "cssClass", "disabled", "enableHtmlSanitizer", "htmlAttributes", "label", "labelPosition", "name", "value"],
         events: ["change", "created"]
     },
+    schedule: {
+        oneWay: ["agendaDaysCount", "allowDragAndDrop", "allowInline", "allowKeyboardInteraction", "allowMultiCellSelection", "allowMultiDrag", "allowMultiRowSelection", "allowResizing",
+            "allowSwiping", "calendarMode", "cellHeaderTemplate", "cellTemplate", "cssClass", "currentView", "dateFormat", "dateHeaderTemplate",
+            "dayHeaderTemplate",
+            "enableAdaptiveUI",
+            "enableAllDayScroll", "editorTemplate", "enableRecurrenceValidation", "endHour", "eventDragArea", "eventSettings", "firstDayOfWeek", "firstMonthOfYear", "group", "headerIndentTemplate", "headerRows", "height", "hideEmptyAgendaDays", "maxDate", "minDate", "monthHeaderTemplate", "monthsCount", "quickInfoOnSelectionEnd", "quickInfoTemplates", "readonly", "resourceHeaderTemplate", "resources", "rowAutoHeight", "selectedDate", "showHeaderBar", "showQuickInfo", "showTimeIndicator", "showWeekNumber", "showWeekend", "startHour", "timeFormat", "timeScale", "timezone", "timezoneDataSource", "views", "weekRule", "width", "workDays", "workHours"],
+        events: ["actionBegin", "actionComplete", "actionFailure", "cellClick", "cellDoubleClick", "created", "dataBinding", "dataBound", "destroyed", "drag", "dragStart", "dragStop", "eventClick", "eventRendered", "hover", "moreEventsClick", "navigating", "popupClose", "popupOpen", "renderCell", "resizeStart", "resizeStop", "resizing", "select"]
+    },
     sidebar: {
         oneWay: ["animate", "closeOnDocumentClick", "dockSize", "enableDock", "enableGestures", "isOpen", "mediaQuery", "position", "showBackdrop", "target", "type", "width", "zIndex"],
         events: ["change", "close", "created", "destroyed", "open"]
     },
     slider: {
-        oneWay: ["cssClass", "customValues", "enableAnimation", "enabled", "limits", "max", "min", "orientation", "readonly", "showButtons", "step", "ticks", "tooltip", "type"],
+        oneWay: ["colorRange", "cssClass", "customValues", "enableAnimation", "enableHtmlSanitizer", "enabled", "limits", "max", "min", "orientation", "readonly", "showButtons", "step", "ticks", "tooltip", "type", "width"],
         twoWay: ["value"],
         events: ["change", "changed", "created", "renderedTicks", "renderingTicks", "tooltipChange"]
     },
     splitter: {
-        oneWay: ["cssClass", "enableHtmlSanitizer", "enabled", "height", "orientation", "paneSettings", "separatorSize", "width"],
+        oneWay: ["cssClass", "enableHtmlSanitizer",
+            "enableReversePanes", "enabled", "height", "orientation", "paneSettings", "separatorSize", "width"],
         events: ["beforeCollapse", "beforeExpand", "beforeSanitizeHtml", "collapsed", "created", "expanded", "resizeStart", "resizeStop", "resizing"]
     },
     switch: {
-        oneWay: ["cssClass", "disabled", , "name", "offLabel", "onLabel"],
+        oneWay: ["cssClass", "disabled", "name", "offLabel", "onLabel"],
         twoWay: ["value", "checked"],
         events: ["change", "created"]
     },
     textBox: {
-        oneWay: ["cssClass", "enabled", "floatLabelType", "htmlAttributes", "multiline", "placeholder", "readonly", "showClearButton", "type"],
+        oneWay: [
+            "autocomplete",
+            "cssClass", "enabled", "floatLabelType", "htmlAttributes", "multiline", "placeholder", "readonly", "showClearButton", "type"
+        ],
         twoWay: ["value"],
         events: ["blur", "change", "created", "destroyed", "focus", "input"]
     },
     timePicker: {
-        oneWay: ["allowEdit", "cssClass", "enabled", "floatLabelType", "format", "htmlAttributes", "keyConfigs", "placeholder", "readonly", "scrollTo", "showClearButton", "step", "strictMode", "width", "zIndex"],
+        oneWay: ["allowEdit", "cssClass", "enableMask", "enabled", "floatLabelType", "format", "htmlAttributes", "keyConfigs", "maskPlaceholder", "openOnFocus", "placeholder", "readonly", "scrollTo", "showClearButton", "step", "strictMode", "width", "zIndex"],
         twoWay: ["value", "min", "max"],
-        events: ["blur", "change", "close", "created", "destroyed", "focus", "itemRender", "open"]
+        events: ["blur", "change", "cleared", "close", "created", "destroyed", "focus", "itemRender", "open"]
     },
     treeView: {
-        oneWay: ["allowDragAndDrop", "allowEditing", "allowMultiSelection", "animation", "autoCheck", "checkedNodes", "cssClass", "expandOn", "expandedNodes", "fields", "fullRowSelect", "loadOnDemand", "nodeTemplate", "showCheckBox", "sortOrder"],
-        twoWay: ["selectedNodes"],
-        events: ["created", "dataBound", "dataSourceChanged", "destroyed", "drawNode", "keyPress", "nodeChecked", "nodeChecking", "nodeClicked", "nodeCollapsed", "nodeCollapsing", "nodeDragStart", "nodeDragStop", "nodeDragging", "nodeDropped", "nodeEdited", "nodeEditing", "nodeExpanded", "nodeExpanding", "nodeSelected", "nodeSelecting"]
+        oneWay: ["allowDragAndDrop", "allowEditing", "allowMultiSelection",
+            "allowTextWrap", "animation", "autoCheck", "cssClass",
+            "disabled", "dragArea",
+            "enableHtmlSanitizer", "expandOn", "fields",
+            "fullRowNavigable", "fullRowSelect", "loadOnDemand", "nodeTemplate", "showCheckBox", "sortOrder"],
+        twoWay: ["selectedNodes", "checkedNodes",
+            "expandedNodes"],
+        events: ["actionFailure", "created", "dataBound", "dataSourceChanged", "destroyed", "drawNode", "keyPress", "nodeChecked", "nodeChecking", "nodeClicked", "nodeCollapsed", "nodeCollapsing", "nodeDragStart", "nodeDragStop", "nodeDragging", "nodeDropped", "nodeEdited", "nodeEditing", "nodeExpanded", "nodeExpanding", "nodeSelected", "nodeSelecting"]
     },
     uploader: {
-        oneWay: ["allowedExtensions", "asyncSettings", "autoUpload", "buttons", "cssClass", "directoryUpload", "dropArea", "enabled", "files", "htmlAttributes", "maxFileSize", "minFileSize", "multiple", "sequentialUpload", "showFileList", "template", "formData"],
-        events: ["actionComplete", "canceling", "change", "chunkFailure", "chunkSuccess", "chunkUploading", "clearing", "created", "failure", "fileListRendering", "pausing", "progress", "removing", "rendering", "resuming", "selected", "success", "uploading"]
+        oneWay: ["allowedExtensions", "asyncSettings", "autoUpload", "buttons", "cssClass", "directoryUpload", "dropArea",
+            "dropEffect", "enabled", "files", "htmlAttributes", "maxFileSize", "minFileSize", "multiple", "sequentialUpload", "showFileList", "template", "formData"],
+        events: ["actionComplete",
+            "beforeRemove", "beforeUpload", "canceling", "change", "chunkFailure", "chunkSuccess", "chunkUploading", "clearing", "created", "failure", "fileListRendering", "pausing", "progress", "removing", "rendering", "resuming", "selected", "success", "uploading"]
     }
 };

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

@@ -2,12 +2,13 @@ import { Button, ButtonModel } from '@syncfusion/ej2-buttons';
 import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
 export declare class Ej2Button extends SyncfusionWrapper<Button, ButtonModel> {
     clickEvent: Event;
+    _onClick: (event: Event) => void;
     protected onWidgetCreated(): void;
     protected onWrapperCreated(): void;
     protected syncfusionWidgetType: typeof Button;
-    _onClick(event: Event): void;
     refresh(): void;
     focusIn(): void;
     click(): void;
     dataBind(): void;
+    detached(): void;
 }

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

@@ -15,19 +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() {
+        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();
     }
@@ -40,10 +43,13 @@ let Ej2Button = class Ej2Button extends syncfusionWrapper_1.SyncfusionWrapper {
     dataBind() {
         this.widget.dataBind();
     }
+    detached() {
+        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.inlineView('<template><button element.ref="widgetElement"><slot></slot></button></template>'),
     aurelia_framework_1.customElement('ej2-button')
 ], Ej2Button);
 exports.Ej2Button = 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);

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

@@ -19,6 +19,7 @@ let Ej2Checkbox = class Ej2Checkbox extends syncfusionWrapper_1.SyncfusionWrappe
         this.checkedSubscription = null;
     }
     onWidgetCreated() {
+        this.widget.element.addEventListener("click", this._onClick.bind(this));
     }
     onWrapperCreated() {
     }
@@ -43,13 +44,15 @@ let Ej2Checkbox = class Ej2Checkbox extends syncfusionWrapper_1.SyncfusionWrappe
     }
     detached() {
         this.checkedSubscription.dispose();
+        this.widget.element.removeEventListener("click", this._onClick);
         super.detached();
     }
 };
 Ej2Checkbox = __decorate([
     aurelia_framework_1.autoinject,
+    aurelia_framework_1.transient(),
     decorator_1.generateBindables("checkbox"),
     aurelia_framework_1.customElement("ej2-checkbox"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" type="checkbox" click.delegate="_onClick($event)" /></template>`)
+    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" type="checkbox" /></template>`)
 ], Ej2Checkbox);
 exports.Ej2Checkbox = Ej2Checkbox;