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

package/dist/commonjs/controlBindings.d.ts

@@ -0,0 +1,140 @@
+export declare const ControlBindings: {
+    common: {
+        oneWay: string[];
+    };
+    accordion: {
+        oneWay: string[];
+        events: string[];
+    };
+    autoComplete: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    button: {
+        oneWay: string[];
+        events: string[];
+    };
+    checkbox: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    comboBox: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    dashboardLayout: {
+        oneWay: string[];
+        events: string[];
+    };
+    datePicker: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    dateRangePicker: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    dateTimePicker: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    dropDownList: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    dropDownTree: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    fileManager: {
+        oneWay: string[];
+        twoWay: any[];
+        events: string[];
+    };
+    grid: {
+        oneWay: string[];
+        fromView: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    listView: {
+        oneWay: string[];
+        events: string[];
+    };
+    maskedTextBox: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    multiSelect: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    numericTextBox: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    pager: {
+        twoWay: string[];
+        events: string[];
+    };
+    progressButton: {
+        oneWay: string[];
+        events: string[];
+    };
+    radio: {
+        oneWay: string[];
+        events: string[];
+    };
+    schedule: {
+        oneWay: string[];
+        events: string[];
+    };
+    sidebar: {
+        oneWay: string[];
+        events: string[];
+    };
+    slider: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    splitter: {
+        oneWay: string[];
+        events: string[];
+    };
+    switch: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    textBox: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    timePicker: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    treeView: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
+    uploader: {
+        oneWay: string[];
+        events: string[];
+    };
+};

package/dist/commonjs/controlBindings.js

@@ -0,0 +1,152 @@
+"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"],
+        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/commonjs/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/commonjs/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.configure = void 0;
+const configBuider_1 = require("./configBuider");
+var configBuider_2 = require("./configBuider");
+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') {
+        configCallback(builder);
+    }
+    let resources = builder.resources;
+    if (builder.useGlobalResources) {
+        aurelia.globalResources(resources);
+    }
+}
+exports.configure = configure;

package/dist/commonjs/interfaces/IEJ2WidgetBridge.d.ts

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

package/dist/commonjs/interfaces/IEJ2WidgetBridge.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/commonjs/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/commonjs/interfaces/IEj2Uploader.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/commonjs/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/commonjs/utilities/decorator.js

@@ -0,0 +1,64 @@
+"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");
+const aurelia_binding_1 = require("aurelia-binding");
+const aurelia_task_queue_1 = require("aurelia-task-queue");
+const controlBindings_1 = require("../controlBindings");
+const constants_1 = require("../common/constants");
+function generateBindables(controlName) {
+    return function (target, key, descriptor) {
+        let behaviorResource = aurelia_metadata_1.metadata.getOrCreateOwn(aurelia_metadata_1.metadata.resource, aurelia_templating_1.HtmlBehaviorResource, target);
+        let oneWay = [];
+        if (controlBindings_1.ControlBindings[controlName].oneWay) {
+            oneWay = controlBindings_1.ControlBindings.common.oneWay.concat(controlBindings_1.ControlBindings[controlName].oneWay);
+        }
+        else {
+            oneWay = controlBindings_1.ControlBindings.common.oneWay;
+        }
+        let createBinding = (name, bindingMode, prefix) => {
+            let nameOrConfigOrTarget = {
+                name: `${prefix}${name}`,
+                defaultBindingMode: bindingMode
+            };
+            let prop = new aurelia_templating_1.BindableProperty(nameOrConfigOrTarget);
+            prop.registerWith(target, behaviorResource, descriptor);
+        };
+        for (let i = 0; i < oneWay.length; i++) {
+            let option = oneWay[i];
+            createBinding(option, aurelia_binding_1.bindingMode.oneWay, constants_1.constants.bindablePrefix);
+        }
+        if (controlBindings_1.ControlBindings[controlName].fromView) {
+            for (let i = 0; i < controlBindings_1.ControlBindings[controlName].fromView.length; i++) {
+                let option = controlBindings_1.ControlBindings[controlName].fromView[i];
+                createBinding(option, aurelia_binding_1.bindingMode.fromView, constants_1.constants.bindablePrefix);
+            }
+        }
+        if (controlBindings_1.ControlBindings[controlName].twoWay) {
+            for (let i = 0; i < controlBindings_1.ControlBindings[controlName].twoWay.length; i++) {
+                let option = controlBindings_1.ControlBindings[controlName].twoWay[i];
+                createBinding(option, aurelia_binding_1.bindingMode.twoWay, constants_1.constants.bindablePrefix);
+            }
+        }
+        if (controlBindings_1.ControlBindings[controlName].events) {
+            for (let i = 0; i < controlBindings_1.ControlBindings[controlName].events.length; i++) {
+                let option = controlBindings_1.ControlBindings[controlName].events[i];
+                createBinding(option, aurelia_binding_1.bindingMode.oneTime, constants_1.constants.eventPrefix);
+            }
+        }
+    };
+}
+exports.generateBindables = generateBindables;
+function delayed() {
+    return function (target, key, descriptor) {
+        let taskQueue = (aurelia_dependency_injection_1.Container.instance || new aurelia_dependency_injection_1.Container()).get(aurelia_task_queue_1.TaskQueue);
+        let ptr = descriptor.value;
+        descriptor.value = function (...args) {
+            taskQueue.queueTask(() => ptr.apply(this, args));
+        };
+        return descriptor;
+    };
+}
+exports.delayed = delayed;

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

@@ -0,0 +1,31 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_navigations_1.Accordion;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2Accordion = __decorate([
+    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.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/commonjs/widgets/autoComplete/ej2-autoComplete.js

@@ -0,0 +1,29 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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);
+        this.syncfusionWidgetType = ej2_dropdowns_1.AutoComplete;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2AutoComplete = __decorate([
+    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

@@ -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/commonjs/widgets/button/ej2-button.js

@@ -0,0 +1,55 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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
+        });
+    }
+    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([
+    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.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;
+}