aurelia-syncfusion-ej2-bridge 0.1.0-beta.25 → 0.1.0-beta.26

package/dist/native-modules/controlBindings.js

@@ -0,0 +1,149 @@
+export const ControlBindings = {
+    common: {
+        oneWay: ["enablePersistence", "enableRtl", "locale"]
+    },
+    accordion: {
+        oneWay: ["animation", "expandMode", "height", "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"],
+        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"],
+        events: ["created"]
+    },
+    checkbox: {
+        oneWay: ["cssClass", "disabled", "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"],
+        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", "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"],
+        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"],
+        twoWay: ["value", "startDate", "endDate"],
+        events: ["blur", "change", "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"],
+        twoWay: ["value"],
+        events: ["blur", "change", "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"],
+        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"],
+        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"],
+        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",
+            "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"]
+    },
+    listView: {
+        oneWay: ["animation", "checkBoxPosition", "cssClass", "dataSource", "enable", "enableVirtualization", "fields", "groupTemplate", "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"]
+    },
+    multiSelect: {
+        oneWay: ["actionFailureTemplate", "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", "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", "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"],
+        events: ["click", "created", "dropDownChanged"]
+    },
+    progressButton: {
+        oneWay: ["animationSettings", "content", "cssClass", "disabled", "duration", "enableProgress", "iconCss", "iconPosition", "isPrimary", "isToggle", "spinSettings"],
+        events: ["begin", "created", "end", "fail", "progress"]
+    },
+    radio: {
+        oneWay: ["checked", "cssClass", "disabled", "label", "labelPosition", "name", "value"],
+        events: ["change", "created"]
+    },
+    schedule: {
+        oneWay: ["agendaDaysCount", "allowDragAndDrop", "allowInline", "allowKeyboardInteraction", "allowMultiCellSelection", "allowMultiDrag", "allowMultiRowSelection", "allowResizing", "calendarMode", "cellHeaderTemplate", "cellTemplate", "cssClass", "currentView", "dateFormat", "dateHeaderTemplate", "editorTemplate", "enableRecurrenceValidation", "endHour", "eventDragArea", "eventSettings", "firstDayOfWeek", "group", "headerRows", "height", "hideEmptyAgendaDays", "maxDate", "minDate", "quickInfoOnSelectionEnd", "quickInfoTemplates", "readonly", "resourceHeaderTemplate", "resources", "rowAutoHeight", "selectedDate", "showHeaderBar", "showQuickInfo", "showTimeIndicator", "showWeekNumber", "showWeekend", "startHour", "timeFormat", "timeScale", "timezone", "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"],
+        twoWay: ["value"],
+        events: ["change", "changed", "created", "renderedTicks", "renderingTicks", "tooltipChange"]
+    },
+    splitter: {
+        oneWay: ["cssClass", "enableHtmlSanitizer", "enabled", "height", "orientation", "paneSettings", "separatorSize", "width"],
+        events: ["beforeCollapse", "beforeExpand", "beforeSanitizeHtml", "collapsed", "created", "expanded", "resizeStart", "resizeStop", "resizing"]
+    },
+    switch: {
+        oneWay: ["cssClass", "disabled", , "name", "offLabel", "onLabel"],
+        twoWay: ["value", "checked"],
+        events: ["change", "created"]
+    },
+    textBox: {
+        oneWay: ["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"],
+        twoWay: ["value", "min", "max"],
+        events: ["blur", "change", "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"]
+    },
+    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"]
+    }
+};

package/dist/native-modules/index.d.ts

@@ -0,0 +1,6 @@
+import { ConfigBuilder } from './configBuider';
+export { ConfigBuilder } from './configBuider';
+export { IEj2Uplaoder as Ej2Uploader } from "./interfaces/IEj2Uploader";
+export { IEJ2WidgetBridge } from "./interfaces/IEJ2WidgetBridge";
+export { Ej2UploaderDataAdapter } from "./widgets/uploader/ej2-uploader";
+export declare function configure(aurelia: any, configCallback?: (builder: ConfigBuilder) => void): void;

package/dist/native-modules/index.js

@@ -0,0 +1,12 @@
+import { ConfigBuilder } from './configBuider';
+export { ConfigBuilder } from './configBuider';
+export function configure(aurelia, configCallback) {
+    let builder = new ConfigBuilder();
+    if (configCallback !== undefined && typeof (configCallback) === 'function') {
+        configCallback(builder);
+    }
+    let resources = builder.resources;
+    if (builder.useGlobalResources) {
+        aurelia.globalResources(resources);
+    }
+}

package/dist/native-modules/interfaces/IEJ2WidgetBridge.d.ts

@@ -0,0 +1,6 @@
+export interface IEJ2WidgetBridge<T> {
+    refresh(): void;
+    recreate(): void;
+    dataBind(): void;
+    widget: T;
+}

package/dist/native-modules/interfaces/IEj2Uploader.d.ts

@@ -0,0 +1,17 @@
+import { Ej2UploaderDataAdapter } from '../widgets/uploader/ej2-uploader';
+import { Uploader } from '@syncfusion/ej2-inputs';
+import { IEJ2WidgetBridge } from './IEJ2WidgetBridge';
+export interface IEj2Uplaoder extends IEJ2WidgetBridge<Uploader> {
+    mapAdditionalFilePropertiesToFiles: boolean;
+    sendAdditionalFilePropertiesAsFormData: boolean;
+    metadata: any;
+    formDataProperty: any;
+    metadataGenerator: (file: object) => object;
+    uploadResultModel: object;
+    dataAdapter: Ej2UploaderDataAdapter;
+    autoRemoveServerFiles: any;
+    context: any;
+    serverDelete: boolean;
+    removeFile(file: any): void;
+    removeAll(): void;
+}

package/dist/native-modules/utilities/decorator.d.ts

@@ -0,0 +1,2 @@
+export declare function generateBindables(controlName: string): any;
+export declare function delayed(): (target: any, key: any, descriptor: any) => any;

package/dist/native-modules/utilities/decorator.js

@@ -0,0 +1,59 @@
+import { BindableProperty, HtmlBehaviorResource } from 'aurelia-templating';
+import { Container } from 'aurelia-dependency-injection';
+import { metadata } from 'aurelia-metadata';
+import { bindingMode } from 'aurelia-binding';
+import { TaskQueue } from 'aurelia-task-queue';
+import { ControlBindings } from '../controlBindings';
+import { constants } from '../common/constants';
+export function generateBindables(controlName) {
+    return function (target, key, descriptor) {
+        let behaviorResource = metadata.getOrCreateOwn(metadata.resource, HtmlBehaviorResource, target);
+        let oneWay = [];
+        if (ControlBindings[controlName].oneWay) {
+            oneWay = ControlBindings.common.oneWay.concat(ControlBindings[controlName].oneWay);
+        }
+        else {
+            oneWay = ControlBindings.common.oneWay;
+        }
+        let createBinding = (name, bindingMode, prefix) => {
+            let nameOrConfigOrTarget = {
+                name: `${prefix}${name}`,
+                defaultBindingMode: bindingMode
+            };
+            let prop = new BindableProperty(nameOrConfigOrTarget);
+            prop.registerWith(target, behaviorResource, descriptor);
+        };
+        for (let i = 0; i < oneWay.length; i++) {
+            let option = oneWay[i];
+            createBinding(option, bindingMode.oneWay, constants.bindablePrefix);
+        }
+        if (ControlBindings[controlName].fromView) {
+            for (let i = 0; i < ControlBindings[controlName].fromView.length; i++) {
+                let option = ControlBindings[controlName].fromView[i];
+                createBinding(option, bindingMode.fromView, constants.bindablePrefix);
+            }
+        }
+        if (ControlBindings[controlName].twoWay) {
+            for (let i = 0; i < ControlBindings[controlName].twoWay.length; i++) {
+                let option = ControlBindings[controlName].twoWay[i];
+                createBinding(option, bindingMode.twoWay, constants.bindablePrefix);
+            }
+        }
+        if (ControlBindings[controlName].events) {
+            for (let i = 0; i < ControlBindings[controlName].events.length; i++) {
+                let option = ControlBindings[controlName].events[i];
+                createBinding(option, bindingMode.oneTime, constants.eventPrefix);
+            }
+        }
+    };
+}
+export function delayed() {
+    return function (target, key, descriptor) {
+        let taskQueue = (Container.instance || new Container()).get(TaskQueue);
+        let ptr = descriptor.value;
+        descriptor.value = function (...args) {
+            taskQueue.queueTask(() => ptr.apply(this, args));
+        };
+        return descriptor;
+    };
+}

package/dist/native-modules/widgets/accordion/ej2-accordion.d.ts

@@ -0,0 +1,7 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { Accordion, AccordionModel } from "@syncfusion/ej2-navigations";
+export declare class Ej2Accordion extends SyncfusionWrapper<Accordion, AccordionModel> {
+    protected syncfusionWidgetType: typeof Accordion;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+}

package/dist/native-modules/widgets/accordion/ej2-accordion.js

@@ -0,0 +1,28 @@
+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;
+};
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { Accordion } from "@syncfusion/ej2-navigations";
+import { generateBindables } from "../../utilities/decorator";
+import { enableRipple } from '@syncfusion/ej2-base';
+import { inlineView, customElement } from "aurelia-framework";
+enableRipple(true);
+let Ej2Accordion = class Ej2Accordion extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = Accordion;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2Accordion = __decorate([
+    generateBindables("accordion"),
+    customElement('ej2-accordion'),
+    inlineView('<template><div element.ref="widgetElement"></div></template>')
+], Ej2Accordion);
+export { Ej2Accordion };

package/dist/native-modules/widgets/autoComplete/ej2-autoComplete.d.ts

@@ -0,0 +1,7 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { AutoComplete, AutoCompleteModel } from "@syncfusion/ej2-dropdowns";
+export declare class Ej2AutoComplete extends SyncfusionWrapper<AutoComplete, AutoCompleteModel> {
+    protected syncfusionWidgetType: typeof AutoComplete;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+}

package/dist/native-modules/widgets/autoComplete/ej2-autoComplete.js

@@ -0,0 +1,26 @@
+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;
+};
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { AutoComplete } from "@syncfusion/ej2-dropdowns";
+import { generateBindables } from "../../utilities/decorator";
+import { customElement, inlineView } from "aurelia-framework";
+let Ej2AutoComplete = class Ej2AutoComplete extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = AutoComplete;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2AutoComplete = __decorate([
+    generateBindables("autoComplete"),
+    customElement('ej2-auto-complete'),
+    inlineView('<template><input element.ref="widgetElement" type="text" /></template>')
+], Ej2AutoComplete);
+export { Ej2AutoComplete };

package/dist/native-modules/widgets/button/ej2-button.d.ts

@@ -0,0 +1,14 @@
+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;
+    refresh(): void;
+    focusIn(): void;
+    click(): void;
+    dataBind(): void;
+    detached(): void;
+}

package/dist/native-modules/widgets/button/ej2-button.js

@@ -0,0 +1,52 @@
+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;
+};
+import { Button } from '@syncfusion/ej2-buttons';
+import { inlineView, customElement } from 'aurelia-framework';
+import { generateBindables } from '../../utilities/decorator';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+let Ej2Button = class Ej2Button extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.clickEvent = null;
+        this._onClick = null;
+        this.syncfusionWidgetType = 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
+        });
+    }
+    refresh() {
+        this.widget.refresh();
+    }
+    focusIn() {
+        this.widget.focusIn();
+    }
+    click() {
+        this.widget.click();
+    }
+    dataBind() {
+        this.widget.dataBind();
+    }
+    detached() {
+        this.widget.element.removeEventListener("click", this._onClick, false);
+    }
+};
+Ej2Button = __decorate([
+    generateBindables("button"),
+    inlineView('<template><button element.ref="widgetElement"><slot></slot></button></template>'),
+    customElement('ej2-button')
+], Ej2Button);
+export { Ej2Button };

package/dist/native-modules/widgets/checkbox/ej2-checkbox-list.d.ts

@@ -0,0 +1,17 @@
+import { Ej2Checkbox } from "./ej2-checkbox";
+export declare class Ej2CheckboxList {
+    dataSource: any[];
+    selectedItems: any[];
+    optionModel: IOptionModel;
+    orientation: "horizontal" | "vertical";
+    matcher: (a: any, b: any) => boolean;
+    viewModels: Ej2Checkbox[];
+    attached(): void;
+    checkboxClick(option: any, ej2Checkbox: Ej2Checkbox): void;
+    isMatch(option: any): boolean;
+}
+export interface IOptionModel {
+    name: string;
+    value: string;
+    label: string;
+}

package/dist/native-modules/widgets/checkbox/ej2-checkbox-list.js

@@ -0,0 +1,74 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var __metadata = (this && this.__metadata) || function (k, v) {
+    if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
+};
+import { bindable, customElement, inlineView } from "aurelia-framework";
+import { constants } from "../../common/constants";
+let Ej2CheckboxList = class Ej2CheckboxList {
+    constructor() {
+        this.dataSource = [];
+        this.selectedItems = [];
+        this.optionModel = null;
+        this.orientation = "horizontal";
+        this.matcher = null;
+        this.viewModels = [];
+    }
+    attached() {
+    }
+    checkboxClick(option, ej2Checkbox) {
+        if (ej2Checkbox[`${constants.bindablePrefix}checked`]) {
+            if ((this.matcher && this.selectedItems.find((x) => this.matcher(x, option))) || !this.selectedItems.includes(option)) {
+                this.selectedItems.push(option);
+            }
+        }
+        else {
+            let index = this.matcher ? this.selectedItems.findIndex((x) => this.matcher(x, option)) : this.selectedItems.indexOf(option);
+            if (index !== -1) {
+                this.selectedItems.splice(index, 1);
+            }
+            else {
+            }
+        }
+    }
+    isMatch(option) {
+        return this.selectedItems.findIndex((x) => this.matcher(x, option)) !== -1;
+    }
+};
+__decorate([
+    bindable,
+    __metadata("design:type", Array)
+], Ej2CheckboxList.prototype, "dataSource", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", Array)
+], Ej2CheckboxList.prototype, "selectedItems", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", Object)
+], Ej2CheckboxList.prototype, "optionModel", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", String)
+], Ej2CheckboxList.prototype, "orientation", void 0);
+__decorate([
+    bindable,
+    __metadata("design:type", Function)
+], Ej2CheckboxList.prototype, "matcher", void 0);
+Ej2CheckboxList = __decorate([
+    customElement("ej2-checkbox-list"),
+    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);
+export { Ej2CheckboxList };

package/dist/native-modules/widgets/checkbox/ej2-checkbox.d.ts

@@ -0,0 +1,12 @@
+import { Disposable } from 'aurelia-binding';
+import { CheckBox, CheckBoxModel } from '@syncfusion/ej2-buttons';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+export declare class Ej2Checkbox extends SyncfusionWrapper<CheckBox, CheckBoxModel> {
+    protected onWidgetCreated(): void;
+    protected onWrapperCreated(): void;
+    protected syncfusionWidgetType: typeof CheckBox;
+    checkedSubscription: Disposable;
+    onBind(): void;
+    _onClick(event: Event): void;
+    detached(): void;
+}

package/dist/native-modules/widgets/checkbox/ej2-checkbox.js

@@ -0,0 +1,55 @@
+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;
+};
+import { CheckBox } from '@syncfusion/ej2-buttons';
+import { autoinject, inlineView, customElement, transient } from 'aurelia-framework';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+import { generateBindables } from '../../utilities/decorator';
+import { constants } from '../../common/constants';
+let Ej2Checkbox = class Ej2Checkbox extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = CheckBox;
+        this.checkedSubscription = null;
+    }
+    onWidgetCreated() {
+        this.widget.element.addEventListener("click", this._onClick.bind(this));
+    }
+    onWrapperCreated() {
+    }
+    onBind() {
+        this.widget.change = () => {
+            this[`${constants.bindablePrefix}checked`] = this.widget.checked;
+        };
+        this.checkedSubscription = this.bindingEngine.propertyObserver(this, "checked").subscribe((newValue) => {
+            this.widget.checked = newValue;
+        });
+    }
+    _onClick(event) {
+        event.stopPropagation();
+        event.preventDefault();
+        this.taskQueue.queueTask(() => {
+            let clickEvent = new CustomEvent("on-click", {
+                bubbles: true,
+                detail: { checked: this[`${constants.bindablePrefix}checked`] }
+            });
+            this.element.dispatchEvent(clickEvent);
+        });
+    }
+    detached() {
+        this.checkedSubscription.dispose();
+        this.widget.element.removeEventListener("click", this._onClick);
+        super.detached();
+    }
+};
+Ej2Checkbox = __decorate([
+    autoinject,
+    transient(),
+    generateBindables("checkbox"),
+    customElement("ej2-checkbox"),
+    inlineView(`<template><input element.ref="widgetElement" type="checkbox" /></template>`)
+], Ej2Checkbox);
+export { Ej2Checkbox };

package/dist/native-modules/widgets/comboBox/ej2-comboBox.d.ts

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

package/dist/native-modules/widgets/comboBox/ej2-comboBox.js

@@ -0,0 +1,32 @@
+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;
+};
+import { constants } from '../../common/constants';
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { ComboBox } from "@syncfusion/ej2-dropdowns";
+import { generateBindables } from "../../utilities/decorator";
+import { inlineView, customElement } from "aurelia-framework";
+let Ej2ComboBox = class Ej2ComboBox extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ComboBox;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+        let _this = this;
+        this.widget.addEventListener("change", (args) => { _this.onChange(args); });
+    }
+    onChange(args) {
+        this[`${constants.bindablePrefix}value`] = args.value;
+    }
+};
+Ej2ComboBox = __decorate([
+    generateBindables("comboBox"),
+    inlineView(`<template><input type="text" tabindex="1" element.ref="widgetElement" /></template>`),
+    customElement('ej2-combo-box')
+], Ej2ComboBox);
+export { Ej2ComboBox };