aurelia-syncfusion-ej2-bridge 1.0.2 → 1.0.5

package/.vscode/extensions.json

@@ -0,0 +1,10 @@
+{
+  "recommendations": [
+    "AureliaEffect.aurelia",
+    "msjsdiag.debugger-for-chrome",
+    "steoates.autoimport",
+    "EditorConfig.EditorConfig",
+    "christian-kohler.path-intellisense",
+    "behzad88.Aurelia"
+  ]
+}

package/.vscode/launch.json

@@ -0,0 +1,31 @@
+{
+  "version": "0.2.0",
+  "configurations": [
+    {
+      "name": "Chrome Debugger",
+      "type": "chrome",
+      "request": "launch",
+      "url": "http://localhost:9000",
+      "webRoot": "${workspaceRoot}/src",
+      "userDataDir": "${workspaceRoot}/.chrome",
+      "sourceMapPathOverrides": {
+        "../src/*": "${webRoot}/*"
+      }
+    },
+    {
+      "type": "chrome",
+      "request": "attach",
+      "name": "Attach Karma Chrome",
+      "address": "localhost",
+      "port": 9333,
+      "sourceMaps": true,
+      "pathMapping": {
+        "/": "${workspaceRoot}",
+        "/base/": "${workspaceRoot}/"
+      },
+      "sourceMapPathOverrides": {
+        "../src/*": "${webRoot}/*"
+      }
+    }
+  ]
+}

package/.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib",
+  "html.suggest.angular1": false,
+  "html.suggest.ionic": false
+}

package/README.md

@@ -1,32 +1,34 @@
-# `aurelia-syncfusion-ej-2-bridge`
-
-This is an early release and is not recommended for use
-
-# Supported controls
-* Accoridon
-* Auto Complete
-* Button
-* Checkbox
-* Combobox
-* Dashboard Layout
-* Date Picker
-* Date Time Picker
-* Dropdown List
-* Dropdown Tree
-* File Manager
-* Grid
-* List View
-* Masked Textbox
-* Numeric Textbox
-* Pager
-* Progress Button
-* Radio
-* Schedule
-* Sidebar
-* Slider
-* Splitter
-* Switch
-* Textbox
-* Time Picker
-* Tree View
-* Uploader
+# `aurelia-syncfusion-ej-2-bridge`
+
+This wrapper is not fully supported, use at your own risk
+
+# Supported controls
+* Accoridon
+* Auto Complete
+* Button
+* Checkbox
+* Combobox
+* Dashboard Layout
+* Date Picker
+* Date Time Picker
+* Dropdown List
+* Dropdown Tree
+* File Manager
+* Grid
+* List View
+* Masked Textbox
+* Numeric Textbox
+* Pager
+* Progress Button
+* Radio
+* Rich Text Editor
+* Schedule
+* Sidebar
+* Slider
+* Splitter
+* Switch
+* Textbox
+* Timeline
+* Time Picker
+* Tree View
+* Uploader

package/dist/commonjs/configBuider.d.ts

@@ -34,6 +34,8 @@ export declare class ConfigBuilder {
     ej2Switch(): ConfigBuilder;
     ej2TextBox(): ConfigBuilder;
     ej2TimePicker(): ConfigBuilder;
+    ej2Timeline(): ConfigBuilder;
     ej2TreeView(): ConfigBuilder;
     ej2Uploader(): ConfigBuilder;
+    ej2RichTextEditor(): ConfigBuilder;
 }

package/dist/commonjs/configBuider.js

@@ -31,6 +31,8 @@ const ej2_treeView_1 = require("./widgets/treeView/ej2-treeView");
 const ej2_uploader_1 = require("./widgets/uploader/ej2-uploader");
 const ej2_splitter_1 = require("./widgets/splitter/ej2-splitter");
 const ej2_dropDownTree_1 = require("./widgets/dropDownTree/ej2-dropDownTree");
+const ej2_richTextEditor_1 = require("./widgets/richTextEditor/ej2-richTextEditor");
+const ej2_timeline_1 = require("./widgets/timeline/ej2-timeline");
 class ConfigBuilder {
     constructor() {
         this.resources = [];
@@ -59,12 +61,14 @@ class ConfigBuilder {
             .ej2Pager()
             .ej2ProgressButton()
             .ej2Radio()
+            .ej2RichTextEditor()
             .ej2Schedule()
             .ej2Sidebar()
             .ej2Slider()
             .ej2Splitter()
             .ej2Switch()
             .ej2TextBox()
+            .ej2Timeline()
             .ej2TimePicker()
             .ej2TreeView()
             .ej2Uploader();
@@ -200,6 +204,10 @@ class ConfigBuilder {
         this.resources.push(ej2_timePicker_1.Ej2TimePicker);
         return this;
     }
+    ej2Timeline() {
+        this.resources.push(ej2_timeline_1.Ej2Timeline);
+        return this;
+    }
     ej2TreeView() {
         this.resources.push(ej2_treeView_1.Ej2TreeView);
         return this;
@@ -208,5 +216,9 @@ class ConfigBuilder {
         this.resources.push(ej2_uploader_1.Ej2Uploader);
         return this;
     }
+    ej2RichTextEditor() {
+        this.resources.push(ej2_richTextEditor_1.Ej2RichTextEditor);
+        return this;
+    }
 }
 exports.ConfigBuilder = ConfigBuilder;

package/dist/commonjs/controlBindings.d.ts

@@ -97,6 +97,11 @@ export declare const ControlBindings: {
         oneWay: string[];
         events: string[];
     };
+    richTextEditor: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
     schedule: {
         oneWay: string[];
         events: string[];
@@ -129,6 +134,10 @@ export declare const ControlBindings: {
         twoWay: string[];
         events: string[];
     };
+    timeline: {
+        oneWay: string[];
+        events: string[];
+    };
     treeView: {
         oneWay: string[];
         twoWay: string[];

package/dist/commonjs/controlBindings.js

@@ -116,6 +116,11 @@ exports.ControlBindings = {
         oneWay: ["checked", "cssClass", "disabled", "enableHtmlSanitizer", "htmlAttributes", "label", "labelPosition", "name", "value"],
         events: ["change", "created"]
     },
+    richTextEditor: {
+        oneWay: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "emojiPickerSettings", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enableResize", "enableTabKey", "enableXhtml", "enabled", "enterKey", "exportPdf", "exportWord", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatPainterSettings", "formatter", "height", "htmlAttributes", "iframeSettings", "importWord", "inlineMode", "insertAudioSettings", "insertImageSettings", "insertVideoSettings", "keyConfig", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "showTooltip", "slashMenuSettings", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"],
+        twoWay: ["value"],
+        events: ["actionBegin", "actionComplete", "afterImageDelete", "afterMediaDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeFileUpload", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "fileRemoving", "fileSelected", "fileUploadFailed", "fileUploadSuccess", "fileUploading", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "slashMenuItemSelect", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus"]
+    },
     schedule: {
         oneWay: ["agendaDaysCount", "allowDragAndDrop", "allowInline", "allowKeyboardInteraction", "allowMultiCellSelection", "allowMultiDrag", "allowMultiRowSelection", "allowResizing",
             "allowSwiping", "calendarMode", "cellHeaderTemplate", "cellTemplate", "cssClass", "currentView", "dateFormat", "dateHeaderTemplate",
@@ -156,6 +161,10 @@ exports.ControlBindings = {
         twoWay: ["value", "min", "max"],
         events: ["blur", "change", "cleared", "close", "created", "destroyed", "focus", "itemRender", "open"]
     },
+    timeline: {
+        oneWay: ["align", "cssClass", "items", "orientation", "reverse", "template"],
+        events: ["beforeItemRender", "created"]
+    },
     treeView: {
         oneWay: ["allowDragAndDrop", "allowEditing", "allowMultiSelection",
             "allowTextWrap", "animation", "autoCheck", "cssClass",

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

@@ -65,13 +65,13 @@ __decorate([
 ], Ej2CheckboxList.prototype, "matcher", void 0);
 exports.Ej2CheckboxList = Ej2CheckboxList = __decorate([
     (0, aurelia_framework_1.customElement)("ej2-checkbox-list"),
-    (0, aurelia_framework_1.inlineView)(`<template>
-  <div repeat.for="option of dataSource" css="\${orientation === 'horizontal' ? 'display: inline;' : ''}">
-    <ej2-checkbox view-model.ref="viewModels[$index]" e-label.bind="optionModel? option[optionModel.label]: option"
-      e-name.bind="optionModel? option[optionModel.name]: option"
-      click.delegate="checkboxClick(option, viewModels[$index])"
-      e-checked.bind="selectedItems.length >0 && matcher? isMatch(option) : selectedItems.indexOf(option) !== -1">
-    </ej2-checkbox>
-  </div>
+    (0, aurelia_framework_1.inlineView)(`<template>
+  <div repeat.for="option of dataSource" css="\${orientation === 'horizontal' ? 'display: inline;' : ''}">
+    <ej2-checkbox view-model.ref="viewModels[$index]" e-label.bind="optionModel? option[optionModel.label]: option"
+      e-name.bind="optionModel? option[optionModel.name]: option"
+      click.delegate="checkboxClick(option, viewModels[$index])"
+      e-checked.bind="selectedItems.length >0 && matcher? isMatch(option) : selectedItems.indexOf(option) !== -1">
+    </ej2-checkbox>
+  </div>
 </template>`)
 ], Ej2CheckboxList);

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

@@ -0,0 +1,8 @@
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+import { RichTextEditor, RichTextEditorModel } from '@syncfusion/ej2-richtexteditor';
+export declare class Ej2RichTextEditor extends SyncfusionWrapper<RichTextEditor, RichTextEditorModel> {
+    protected syncfusionWidgetType: any;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onBeforeWidgetInstantiation(): void;
+}

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

@@ -0,0 +1,32 @@
+"use strict";
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Ej2RichTextEditor = void 0;
+const aurelia_framework_1 = require("aurelia-framework");
+const decorator_1 = require("../../utilities/decorator");
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const ej2_richtexteditor_1 = require("@syncfusion/ej2-richtexteditor");
+let Ej2RichTextEditor = class Ej2RichTextEditor extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = ej2_richtexteditor_1.RichTextEditor;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+    onBeforeWidgetInstantiation() {
+        ej2_richtexteditor_1.RichTextEditor.Inject(ej2_richtexteditor_1.Toolbar, ej2_richtexteditor_1.Link, ej2_richtexteditor_1.Image, ej2_richtexteditor_1.Count, ej2_richtexteditor_1.HtmlEditor, ej2_richtexteditor_1.QuickToolbar, ej2_richtexteditor_1.Table, ej2_richtexteditor_1.FileManager, ej2_richtexteditor_1.EmojiPicker, ej2_richtexteditor_1.Audio, ej2_richtexteditor_1.Video, ej2_richtexteditor_1.FormatPainter, ej2_richtexteditor_1.PasteCleanup, ej2_richtexteditor_1.SlashMenu, ej2_richtexteditor_1.ImportExport);
+    }
+};
+exports.Ej2RichTextEditor = Ej2RichTextEditor;
+exports.Ej2RichTextEditor = Ej2RichTextEditor = __decorate([
+    (0, decorator_1.generateBindables)("richTextEditor"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-rich-text-editor')
+], Ej2RichTextEditor);

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

@@ -22,7 +22,8 @@ let Ej2Slider = class Ej2Slider extends syncfusionWrapper_1.SyncfusionWrapper {
         this.containerResizeObserver = null;
         this.resize = lodash_1.default.debounce(() => {
             this.taskQueue.queueTask(() => {
-                this.widget?.refresh();
+                var _a;
+                (_a = this.widget) === null || _a === void 0 ? void 0 : _a.refresh();
             });
         }, 100);
         this.syncfusionWidgetType = ej2_inputs_1.Slider;

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

@@ -0,0 +1,7 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { Timeline, TimelineModel } from '@syncfusion/ej2/layouts';
+export declare class Ej2Timeline extends SyncfusionWrapper<Timeline, TimelineModel> {
+    protected syncfusionWidgetType: typeof Timeline;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+}

package/dist/commonjs/widgets/timeline/ej2-timeline.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.Ej2Timeline = void 0;
+const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
+const aurelia_framework_1 = require("aurelia-framework");
+const decorator_1 = require("utilities/decorator");
+const layouts_1 = require("@syncfusion/ej2/layouts");
+let Ej2Timeline = class Ej2Timeline extends syncfusionWrapper_1.SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = layouts_1.Timeline;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+exports.Ej2Timeline = Ej2Timeline;
+exports.Ej2Timeline = Ej2Timeline = __decorate([
+    (0, decorator_1.generateBindables)("timeline"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-timeline')
+], Ej2Timeline);

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

@@ -8,6 +8,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Ej2Uploader = void 0;
 const constants_1 = require("../../common/constants");
@@ -156,27 +165,29 @@ let Ej2Uploader = class Ej2Uploader extends syncfusionWrapper_1.SyncfusionWrappe
     removeFile(file) {
         this.widget.remove(file);
     }
-    async removing(args) {
-        let event = new CustomEvent("on-removing", {
-            bubbles: true,
-            detail: args
-        });
-        this.element.dispatchEvent(event);
-        if (args.cancel) {
-            return;
-        }
-        if (this.dataAdapter && this.dataAdapter.remove) {
-            try {
-                if (this.serverDelete) {
-                    await this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
-                }
-                this.onRemoveSuccess(args);
-                this.onWidgetRemoveComplete(null, args);
+    removing(args) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let event = new CustomEvent("on-removing", {
+                bubbles: true,
+                detail: args
+            });
+            this.element.dispatchEvent(event);
+            if (args.cancel) {
+                return;
             }
-            catch (error) {
-                this.onWidgetRemoveFailed(error, args);
+            if (this.dataAdapter && this.dataAdapter.remove) {
+                try {
+                    if (this.serverDelete) {
+                        yield this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
+                    }
+                    this.onRemoveSuccess(args);
+                    this.onWidgetRemoveComplete(null, args);
+                }
+                catch (error) {
+                    this.onWidgetRemoveFailed(error, args);
+                }
             }
-        }
+        });
     }
     onWidgetRemoveComplete(response, args) {
         this.widget.removeCompleted(response, args.filesData[0], false);

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

@@ -34,6 +34,8 @@ export declare class ConfigBuilder {
     ej2Switch(): ConfigBuilder;
     ej2TextBox(): ConfigBuilder;
     ej2TimePicker(): ConfigBuilder;
+    ej2Timeline(): ConfigBuilder;
     ej2TreeView(): ConfigBuilder;
     ej2Uploader(): ConfigBuilder;
+    ej2RichTextEditor(): ConfigBuilder;
 }

package/dist/native-modules/configBuider.js

@@ -28,6 +28,8 @@ import { Ej2TreeView } from './widgets/treeView/ej2-treeView';
 import { Ej2Uploader } from './widgets/uploader/ej2-uploader';
 import { Ej2Splitter } from './widgets/splitter/ej2-splitter';
 import { Ej2DropDownTree } from './widgets/dropDownTree/ej2-dropDownTree';
+import { Ej2RichTextEditor } from "./widgets/richTextEditor/ej2-richTextEditor";
+import { Ej2Timeline } from "./widgets/timeline/ej2-timeline";
 export class ConfigBuilder {
     constructor() {
         this.resources = [];
@@ -56,12 +58,14 @@ export class ConfigBuilder {
             .ej2Pager()
             .ej2ProgressButton()
             .ej2Radio()
+            .ej2RichTextEditor()
             .ej2Schedule()
             .ej2Sidebar()
             .ej2Slider()
             .ej2Splitter()
             .ej2Switch()
             .ej2TextBox()
+            .ej2Timeline()
             .ej2TimePicker()
             .ej2TreeView()
             .ej2Uploader();
@@ -197,6 +201,10 @@ export class ConfigBuilder {
         this.resources.push(Ej2TimePicker);
         return this;
     }
+    ej2Timeline() {
+        this.resources.push(Ej2Timeline);
+        return this;
+    }
     ej2TreeView() {
         this.resources.push(Ej2TreeView);
         return this;
@@ -205,4 +213,8 @@ export class ConfigBuilder {
         this.resources.push(Ej2Uploader);
         return this;
     }
+    ej2RichTextEditor() {
+        this.resources.push(Ej2RichTextEditor);
+        return this;
+    }
 }

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

@@ -97,6 +97,11 @@ export declare const ControlBindings: {
         oneWay: string[];
         events: string[];
     };
+    richTextEditor: {
+        oneWay: string[];
+        twoWay: string[];
+        events: string[];
+    };
     schedule: {
         oneWay: string[];
         events: string[];
@@ -129,6 +134,10 @@ export declare const ControlBindings: {
         twoWay: string[];
         events: string[];
     };
+    timeline: {
+        oneWay: string[];
+        events: string[];
+    };
     treeView: {
         oneWay: string[];
         twoWay: string[];

package/dist/native-modules/controlBindings.js

@@ -113,6 +113,11 @@ export const ControlBindings = {
         oneWay: ["checked", "cssClass", "disabled", "enableHtmlSanitizer", "htmlAttributes", "label", "labelPosition", "name", "value"],
         events: ["change", "created"]
     },
+    richTextEditor: {
+        oneWay: ["autoSaveOnIdle", "backgroundColor", "bulletFormatList", "cssClass", "editorMode", "emojiPickerSettings", "enableAutoUrl", "enableHtmlEncode", "enableHtmlSanitizer", "enableResize", "enableTabKey", "enableXhtml", "enabled", "enterKey", "exportPdf", "exportWord", "fileManagerSettings", "floatingToolbarOffset", "fontColor", "fontFamily", "fontSize", "format", "formatPainterSettings", "formatter", "height", "htmlAttributes", "iframeSettings", "importWord", "inlineMode", "insertAudioSettings", "insertImageSettings", "insertVideoSettings", "keyConfig", "maxLength", "numberFormatList", "pasteCleanupSettings", "placeholder", "quickToolbarSettings", "readonly", "saveInterval", "shiftEnterKey", "showCharCount", "showTooltip", "slashMenuSettings", "tableSettings", "toolbarSettings", "undoRedoSteps", "undoRedoTimer", "value", "valueTemplate", "width"],
+        twoWay: ["value"],
+        events: ["actionBegin", "actionComplete", "afterImageDelete", "afterMediaDelete", "afterPasteCleanup", "beforeDialogClose", "beforeDialogOpen", "beforeFileUpload", "beforeImageDrop", "beforeImageUpload", "beforePasteCleanup", "beforeQuickToolbarOpen", "beforeSanitizeHtml", "blur", "change", "created", "destroyed", "dialogClose", "dialogOpen", "fileRemoving", "fileSelected", "fileUploadFailed", "fileUploadSuccess", "fileUploading", "focus", "imageRemoving", "imageSelected", "imageUploadFailed", "imageUploadSuccess", "imageUploading", "quickToolbarClose", "quickToolbarOpen", "resizeStart", "resizeStop", "resizing", "slashMenuItemSelect", "toolbarClick", "toolbarStatusUpdate", "updatedToolbarStatus"]
+    },
     schedule: {
         oneWay: ["agendaDaysCount", "allowDragAndDrop", "allowInline", "allowKeyboardInteraction", "allowMultiCellSelection", "allowMultiDrag", "allowMultiRowSelection", "allowResizing",
             "allowSwiping", "calendarMode", "cellHeaderTemplate", "cellTemplate", "cssClass", "currentView", "dateFormat", "dateHeaderTemplate",
@@ -153,6 +158,10 @@ export const ControlBindings = {
         twoWay: ["value", "min", "max"],
         events: ["blur", "change", "cleared", "close", "created", "destroyed", "focus", "itemRender", "open"]
     },
+    timeline: {
+        oneWay: ["align", "cssClass", "items", "orientation", "reverse", "template"],
+        events: ["beforeItemRender", "created"]
+    },
     treeView: {
         oneWay: ["allowDragAndDrop", "allowEditing", "allowMultiSelection",
             "allowTextWrap", "animation", "autoCheck", "cssClass",

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

@@ -61,14 +61,14 @@ __decorate([
 ], 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>
+    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/richTextEditor/ej2-richTextEditor.d.ts

@@ -0,0 +1,8 @@
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+import { RichTextEditor, RichTextEditorModel } from '@syncfusion/ej2-richtexteditor';
+export declare class Ej2RichTextEditor extends SyncfusionWrapper<RichTextEditor, RichTextEditorModel> {
+    protected syncfusionWidgetType: any;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+    onBeforeWidgetInstantiation(): void;
+}

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

@@ -0,0 +1,29 @@
+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 { inlineView, customElement } from 'aurelia-framework';
+import { generateBindables } from '../../utilities/decorator';
+import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
+import { RichTextEditor, Count, FileManager, EmojiPicker, FormatPainter, Toolbar, SlashMenu, ImportExport, Link, Image, HtmlEditor, QuickToolbar, Table, Video, Audio, PasteCleanup } from '@syncfusion/ej2-richtexteditor';
+let Ej2RichTextEditor = class Ej2RichTextEditor extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = RichTextEditor;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+    onBeforeWidgetInstantiation() {
+        RichTextEditor.Inject(Toolbar, Link, Image, Count, HtmlEditor, QuickToolbar, Table, FileManager, EmojiPicker, Audio, Video, FormatPainter, PasteCleanup, SlashMenu, ImportExport);
+    }
+};
+Ej2RichTextEditor = __decorate([
+    generateBindables("richTextEditor"),
+    inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    customElement('ej2-rich-text-editor')
+], Ej2RichTextEditor);
+export { Ej2RichTextEditor };

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

@@ -16,7 +16,8 @@ let Ej2Slider = class Ej2Slider extends SyncfusionWrapper {
         this.containerResizeObserver = null;
         this.resize = _.debounce(() => {
             this.taskQueue.queueTask(() => {
-                this.widget?.refresh();
+                var _a;
+                (_a = this.widget) === null || _a === void 0 ? void 0 : _a.refresh();
             });
         }, 100);
         this.syncfusionWidgetType = Slider;

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

@@ -0,0 +1,7 @@
+import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
+import { Timeline, TimelineModel } from '@syncfusion/ej2/layouts';
+export declare class Ej2Timeline extends SyncfusionWrapper<Timeline, TimelineModel> {
+    protected syncfusionWidgetType: typeof Timeline;
+    protected onWrapperCreated(): void;
+    protected onWidgetCreated(): void;
+}

package/dist/native-modules/widgets/timeline/ej2-timeline.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 { inlineView, customElement } from 'aurelia-framework';
+import { generateBindables } from 'utilities/decorator';
+import { Timeline } from '@syncfusion/ej2/layouts';
+let Ej2Timeline = class Ej2Timeline extends SyncfusionWrapper {
+    constructor() {
+        super(...arguments);
+        this.syncfusionWidgetType = Timeline;
+    }
+    onWrapperCreated() {
+    }
+    onWidgetCreated() {
+    }
+};
+Ej2Timeline = __decorate([
+    generateBindables("timeline"),
+    inlineView(`<template><div element.ref="widgetElement"></div></template>`),
+    customElement('ej2-timeline')
+], Ej2Timeline);
+export { Ej2Timeline };

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

@@ -7,6 +7,15 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 var __metadata = (this && this.__metadata) || function (k, v) {
     if (typeof Reflect === "object" && typeof Reflect.metadata === "function") return Reflect.metadata(k, v);
 };
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
 import { constants } from '../../common/constants';
 import { Uploader } from "@syncfusion/ej2-inputs";
 import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
@@ -153,27 +162,29 @@ let Ej2Uploader = class Ej2Uploader extends SyncfusionWrapper {
     removeFile(file) {
         this.widget.remove(file);
     }
-    async removing(args) {
-        let event = new CustomEvent("on-removing", {
-            bubbles: true,
-            detail: args
-        });
-        this.element.dispatchEvent(event);
-        if (args.cancel) {
-            return;
-        }
-        if (this.dataAdapter && this.dataAdapter.remove) {
-            try {
-                if (this.serverDelete) {
-                    await this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
-                }
-                this.onRemoveSuccess(args);
-                this.onWidgetRemoveComplete(null, args);
+    removing(args) {
+        return __awaiter(this, void 0, void 0, function* () {
+            let event = new CustomEvent("on-removing", {
+                bubbles: true,
+                detail: args
+            });
+            this.element.dispatchEvent(event);
+            if (args.cancel) {
+                return;
             }
-            catch (error) {
-                this.onWidgetRemoveFailed(error, args);
+            if (this.dataAdapter && this.dataAdapter.remove) {
+                try {
+                    if (this.serverDelete) {
+                        yield this.dataAdapter.remove.call(this.context || this.bindingContext, args.filesData[0]);
+                    }
+                    this.onRemoveSuccess(args);
+                    this.onWidgetRemoveComplete(null, args);
+                }
+                catch (error) {
+                    this.onWidgetRemoveFailed(error, args);
+                }
             }
-        }
+        });
     }
     onWidgetRemoveComplete(response, args) {
         this.widget.removeCompleted(response, args.filesData[0], false);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aurelia-syncfusion-ej2-bridge",
   "description": "An Aurelia plugin wrapper for syncfusion EJ2 controls",
-  "version": "1.0.2",
+  "version": "1.0.5",
   "keywords": [
     "aurelia",
     "syncfusion"
@@ -21,7 +21,7 @@
     "build": "au build-plugin"
   },
   "devDependencies": {
-    "@syncfusion/ej2": "^26.1.38",
+    "@syncfusion/ej2": "^27.1.50",
     "@types/jest": "^24.0.9",
     "@types/node": "^20.12.7",
     "aurelia-animator-css": "^1.0.4",
@@ -101,5 +101,6 @@
       "text",
       "html"
     ]
-  }
-}
+  },
+  "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
+}