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

package/dist/commonjs/controlBindings.js

@@ -1,124 +1,175 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ControlBindings = void 0;
 exports.ControlBindings = {
     common: {
         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"],
-        events: ["change", "created", "detroyed", "drag", "dragStart", "dragStop", "resize", "resizeStart", "resizeStop"]
+        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", "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", "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",
+            "enableReversePanes", "enabled", "height", "orientation", "paneSettings", "separatorSize", "width"],
+        events: ["beforeCollapse", "beforeExpand", "beforeSanitizeHtml", "collapsed", "created", "expanded", "resizeStart", "resizeStop", "resizing"]
+    },
     switch: {
-        oneWay: ["cssClass", "disabled", "locale", "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/index.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.configure = void 0;
 const configBuider_1 = require("./configBuider");
 var configBuider_2 = require("./configBuider");
-exports.ConfigBuilder = configBuider_2.ConfigBuilder;
+Object.defineProperty(exports, "ConfigBuilder", { enumerable: true, get: function () { return configBuider_2.ConfigBuilder; } });
 function configure(aurelia, configCallback) {
     let builder = new configBuider_1.ConfigBuilder();
     if (configCallback !== undefined && typeof (configCallback) === 'function') {

package/dist/commonjs/utilities/decorator.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.delayed = exports.generateBindables = void 0;
 const aurelia_templating_1 = require("aurelia-templating");
 const aurelia_dependency_injection_1 = require("aurelia-dependency-injection");
 const aurelia_metadata_1 = require("aurelia-metadata");

package/dist/commonjs/widgets/accordion/ej2-accordion.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.Ej2Accordion = void 0;
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const ej2_navigations_1 = require("@syncfusion/ej2-navigations");
 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 Ej2Accordion = class Ej2Accordion extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
@@ -22,6 +24,8 @@ let Ej2Accordion = class Ej2Accordion extends syncfusionWrapper_1.SyncfusionWrap
     }
 };
 Ej2Accordion = __decorate([
-    decorator_1.generateBindables("accordion")
+    decorator_1.generateBindables("accordion"),
+    aurelia_framework_1.customElement('ej2-accordion'),
+    aurelia_framework_1.inlineView('<template><div element.ref="widgetElement"></div></template>')
 ], Ej2Accordion);
 exports.Ej2Accordion = Ej2Accordion;

package/dist/commonjs/widgets/autoComplete/ej2-autoComplete.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.Ej2AutoComplete = 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");
 let Ej2AutoComplete = class Ej2AutoComplete extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -20,6 +22,8 @@ let Ej2AutoComplete = class Ej2AutoComplete extends syncfusionWrapper_1.Syncfusi
     }
 };
 Ej2AutoComplete = __decorate([
-    decorator_1.generateBindables("autoComplete")
+    decorator_1.generateBindables("autoComplete"),
+    aurelia_framework_1.customElement('ej2-auto-complete'),
+    aurelia_framework_1.inlineView('<template><input element.ref="widgetElement" type="text" /></template>')
 ], Ej2AutoComplete);
 exports.Ej2AutoComplete = Ej2AutoComplete;

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

@@ -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.Ej2Button = void 0;
 const ej2_buttons_1 = require("@syncfusion/ej2-buttons");
+const aurelia_framework_1 = require("aurelia-framework");
 const decorator_1 = require("../../utilities/decorator");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 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();
     }
@@ -38,8 +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")
+    decorator_1.generateBindables("button"),
+    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

@@ -9,9 +9,10 @@ var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2CheckboxList = void 0;
 const aurelia_framework_1 = require("aurelia-framework");
 const constants_1 = require("../../common/constants");
-class Ej2CheckboxList {
+let Ej2CheckboxList = class Ej2CheckboxList {
     constructor() {
         this.dataSource = [];
         this.selectedItems = [];
@@ -23,7 +24,6 @@ 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);
@@ -41,7 +41,7 @@ class Ej2CheckboxList {
     isMatch(option) {
         return this.selectedItems.findIndex((x) => this.matcher(x, option)) !== -1;
     }
-}
+};
 __decorate([
     aurelia_framework_1.bindable,
     __metadata("design:type", Array)
@@ -62,4 +62,16 @@ __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>
+  <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"
+      click.delegate="checkboxClick(option, viewModels[$index])"
+      e-checked.bind="selectedItems.length >0 && matcher? isMatch(option) : selectedItems.indexOf(option) !== -1">
+    </ej2-checkbox>
+  </div>
+</template>`)
+], Ej2CheckboxList);
 exports.Ej2CheckboxList = Ej2CheckboxList;

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

@@ -6,6 +6,7 @@ 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.Ej2Checkbox = void 0;
 const ej2_buttons_1 = require("@syncfusion/ej2-buttons");
 const aurelia_framework_1 = require("aurelia-framework");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
@@ -18,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() {
     }
@@ -42,11 +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,
-    decorator_1.generateBindables("checkbox")
+    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" /></template>`)
 ], Ej2Checkbox);
 exports.Ej2Checkbox = Ej2Checkbox;

package/dist/commonjs/widgets/comboBox/ej2-comboBox.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.Ej2ComboBox = 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 aurelia_framework_1 = require("aurelia-framework");
 let Ej2ComboBox = class Ej2ComboBox extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -26,6 +28,8 @@ let Ej2ComboBox = class Ej2ComboBox extends syncfusionWrapper_1.SyncfusionWrappe
     }
 };
 Ej2ComboBox = __decorate([
-    decorator_1.generateBindables("comboBox")
+    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;

package/dist/commonjs/widgets/dashboardLayout/ej2-dashboardLayout.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.Ej2DashboardLayout = void 0;
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const ej2_layouts_1 = require("@syncfusion/ej2-layouts");
 const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2DashboardLayout = class Ej2DashboardLayout extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -20,6 +22,8 @@ let Ej2DashboardLayout = class Ej2DashboardLayout extends syncfusionWrapper_1.Sy
     }
 };
 Ej2DashboardLayout = __decorate([
-    decorator_1.generateBindables("dashboardLayout")
+    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;

package/dist/commonjs/widgets/datePicker/ej2-DatePicker.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.Ej2DatePicker = void 0;
 const constants_1 = require("./../../common/constants");
 const ej2_calendars_1 = require("@syncfusion/ej2-calendars");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2DatePicker = class Ej2DatePicker extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -26,6 +28,8 @@ let Ej2DatePicker = class Ej2DatePicker extends syncfusionWrapper_1.SyncfusionWr
     }
 };
 Ej2DatePicker = __decorate([
-    decorator_1.generateBindables("datePicker")
+    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;

package/dist/commonjs/widgets/dateRangePicker/ej2-dateRangePicker.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.Ej2DateRangePicker = void 0;
 const constants_1 = require("./../../common/constants");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const ej2_calendars_1 = require("@syncfusion/ej2-calendars");
 const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2DateRangePicker = class Ej2DateRangePicker extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -28,6 +30,8 @@ let Ej2DateRangePicker = class Ej2DateRangePicker extends syncfusionWrapper_1.Sy
     }
 };
 Ej2DateRangePicker = __decorate([
-    decorator_1.generateBindables("dateRangePicker")
+    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;

package/dist/commonjs/widgets/dateTimePicker/ej2-dateTimePicker.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.Ej2DateTimePicker = void 0;
 const constants_1 = require("./../../common/constants");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const ej2_calendars_1 = require("@syncfusion/ej2-calendars");
 const decorator_1 = require("../../utilities/decorator");
+const aurelia_framework_1 = require("aurelia-framework");
 let Ej2DateTimePicker = class Ej2DateTimePicker extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -26,6 +28,8 @@ let Ej2DateTimePicker = class Ej2DateTimePicker extends syncfusionWrapper_1.Sync
     }
 };
 Ej2DateTimePicker = __decorate([
-    decorator_1.generateBindables("dateTimePicker")
+    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;

package/dist/commonjs/widgets/dropDownList/ej2-dropDownList.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.Ej2DropDownList = 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 aurelia_framework_1 = require("aurelia-framework");
 let Ej2DropDownList = class Ej2DropDownList extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -30,6 +32,8 @@ let Ej2DropDownList = class Ej2DropDownList extends syncfusionWrapper_1.Syncfusi
     }
 };
 Ej2DropDownList = __decorate([
-    decorator_1.generateBindables("dropDownList")
+    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;