aurelia-syncfusion-ej2-bridge 1.0.3 → 1.0.6

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,6 +1,6 @@
 # `aurelia-syncfusion-ej-2-bridge`
 
-This is an early release and is not recommended for use
+This wrapper is not fully supported, use at your own risk
 
 # Supported controls
 * Accoridon
@@ -21,12 +21,14 @@ This is an early release and is not recommended for use
 * 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/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/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/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/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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aurelia-syncfusion-ej2-bridge",
   "description": "An Aurelia plugin wrapper for syncfusion EJ2 controls",
-  "version": "1.0.3",
+  "version": "1.0.6",
   "keywords": [
     "aurelia",
     "syncfusion"
@@ -21,7 +21,7 @@
     "build": "au build-plugin"
   },
   "devDependencies": {
-    "@syncfusion/ej2": "^26.2.14",
+    "@syncfusion/ej2": "^27.1.50",
     "@types/jest": "^24.0.9",
     "@types/node": "^20.12.7",
     "aurelia-animator-css": "^1.0.4",
@@ -103,4 +103,4 @@
     ]
   },
   "packageManager": "yarn@1.22.22+sha512.a6b2f7906b721bba3d67d4aff083df04dad64c399707841b7acf00f6b133b7ac24255f2652fa22ae3534329dc6180534e98d17432037ff6fd140556e2bb3137e"
-}
+}