aurelia-syncfusion-ej2-bridge 1.0.19 → 1.0.21

package/README.md

@@ -1,35 +1,35 @@
-# `aurelia-syncfusion-ej-2-bridge`
-
-This wrapper is not fully supported, use at your own risk
-
-# Supported controls
-* Accoridon
-* Auto Complete
-* Button
-* Checkbox
-* Color Picker
-* 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
+# `aurelia-syncfusion-ej-2-bridge`
+
+This wrapper is not fully supported, use at your own risk
+
+# Supported controls
+* Accoridon
+* Auto Complete
+* Button
+* Checkbox
+* Color Picker
+* 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/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

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

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

@@ -10,87 +10,18 @@ exports.Ej2RichTextEditor = void 0;
 const aurelia_framework_1 = require("aurelia-framework");
 const decorator_1 = require("../../utilities/decorator");
 const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
-const constants_1 = require("../../common/constants");
 const ej2_richtexteditor_1 = require("@syncfusion/ej2-richtexteditor");
 let Ej2RichTextEditor = class Ej2RichTextEditor extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
-        this.defaultToolbarItems = [
-            'Undo',
-            'Redo',
-            '|',
-            'Bold',
-            'Italic',
-            'Underline',
-            'StrikeThrough',
-            'InlineCode',
-            'SuperScript',
-            'SubScript',
-            '|',
-            'FontName',
-            'FontSize',
-            'FontColor',
-            'BackgroundColor',
-            '|',
-            'LowerCase',
-            'UpperCase',
-            '|',
-            'Formats',
-            'Alignments',
-            'Blockquote',
-            '|',
-            'NumberFormatList',
-            'BulletFormatList',
-            '|',
-            'Outdent',
-            'Indent',
-            '|',
-            'CreateLink',
-            'CreateTable',
-            '|',
-            'FormatPainter',
-            'ClearFormat',
-            '|', 'EmojiPicker', 'Print', '|',
-            'SourceCode', 'FullScreen'
-        ];
         this.syncfusionWidgetType = ej2_richtexteditor_1.RichTextEditor;
     }
     onWrapperCreated() {
     }
     onWidgetCreated() {
-        this.widget.change = () => { this.onChange(); };
     }
     onBeforeWidgetInstantiation() {
-        var _a, _b, _c, _d;
-        if (!this['e-toolbarSettings'] && !((_a = this._eModel.toolbarSettings) === null || _a === void 0 ? void 0 : _a.items)) {
-            this._eModel.toolbarSettings = {
-                items: this.defaultToolbarItems
-            };
-        }
-        if ((_b = this._eModel.toolbarSettings) === null || _b === void 0 ? void 0 : _b.items) {
-            if (this._eModel.toolbarSettings.items.includes("Image")) {
-                ej2_richtexteditor_1.RichTextEditor.Inject(ej2_richtexteditor_1.Image);
-            }
-            if (this._eModel.toolbarSettings.items.includes("Audio")) {
-                ej2_richtexteditor_1.RichTextEditor.Inject(ej2_richtexteditor_1.Audio);
-            }
-            if (this._eModel.toolbarSettings.items.includes("Video")) {
-                ej2_richtexteditor_1.RichTextEditor.Inject(ej2_richtexteditor_1.Video);
-            }
-            if (this._eModel.toolbarSettings.items.includes("FileManager") && ((_c = this._eModel.fileManagerSettings) === null || _c === void 0 ? void 0 : _c.enable)) {
-                ej2_richtexteditor_1.RichTextEditor.Inject(ej2_richtexteditor_1.FileManager);
-            }
-            if (this._eModel.toolbarSettings.items.includes("EmojiPicker")) {
-                ej2_richtexteditor_1.RichTextEditor.Inject(ej2_richtexteditor_1.EmojiPicker);
-            }
-        }
-        if (!this['e-slashMenuSettings'] && !((_d = this._eModel.slashMenuSettings) === null || _d === void 0 ? void 0 : _d.enable)) {
-            ej2_richtexteditor_1.RichTextEditor.Inject(ej2_richtexteditor_1.SlashMenu);
-        }
-        ej2_richtexteditor_1.RichTextEditor.Inject(ej2_richtexteditor_1.Toolbar, ej2_richtexteditor_1.Link, ej2_richtexteditor_1.Count, ej2_richtexteditor_1.HtmlEditor, ej2_richtexteditor_1.QuickToolbar, ej2_richtexteditor_1.Table, ej2_richtexteditor_1.FormatPainter, ej2_richtexteditor_1.PasteCleanup, ej2_richtexteditor_1.ImportExport);
-    }
-    onChange() {
-        this[`${constants_1.constants.bindablePrefix}value`] = this.widget.value;
+        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;

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

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

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

@@ -7,87 +7,18 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 import { inlineView, customElement } from 'aurelia-framework';
 import { generateBindables } from '../../utilities/decorator';
 import { SyncfusionWrapper } from '../../common/syncfusionWrapper';
-import { constants } from '../../common/constants';
 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.defaultToolbarItems = [
-            'Undo',
-            'Redo',
-            '|',
-            'Bold',
-            'Italic',
-            'Underline',
-            'StrikeThrough',
-            'InlineCode',
-            'SuperScript',
-            'SubScript',
-            '|',
-            'FontName',
-            'FontSize',
-            'FontColor',
-            'BackgroundColor',
-            '|',
-            'LowerCase',
-            'UpperCase',
-            '|',
-            'Formats',
-            'Alignments',
-            'Blockquote',
-            '|',
-            'NumberFormatList',
-            'BulletFormatList',
-            '|',
-            'Outdent',
-            'Indent',
-            '|',
-            'CreateLink',
-            'CreateTable',
-            '|',
-            'FormatPainter',
-            'ClearFormat',
-            '|', 'EmojiPicker', 'Print', '|',
-            'SourceCode', 'FullScreen'
-        ];
         this.syncfusionWidgetType = RichTextEditor;
     }
     onWrapperCreated() {
     }
     onWidgetCreated() {
-        this.widget.change = () => { this.onChange(); };
     }
     onBeforeWidgetInstantiation() {
-        var _a, _b, _c, _d;
-        if (!this['e-toolbarSettings'] && !((_a = this._eModel.toolbarSettings) === null || _a === void 0 ? void 0 : _a.items)) {
-            this._eModel.toolbarSettings = {
-                items: this.defaultToolbarItems
-            };
-        }
-        if ((_b = this._eModel.toolbarSettings) === null || _b === void 0 ? void 0 : _b.items) {
-            if (this._eModel.toolbarSettings.items.includes("Image")) {
-                RichTextEditor.Inject(Image);
-            }
-            if (this._eModel.toolbarSettings.items.includes("Audio")) {
-                RichTextEditor.Inject(Audio);
-            }
-            if (this._eModel.toolbarSettings.items.includes("Video")) {
-                RichTextEditor.Inject(Video);
-            }
-            if (this._eModel.toolbarSettings.items.includes("FileManager") && ((_c = this._eModel.fileManagerSettings) === null || _c === void 0 ? void 0 : _c.enable)) {
-                RichTextEditor.Inject(FileManager);
-            }
-            if (this._eModel.toolbarSettings.items.includes("EmojiPicker")) {
-                RichTextEditor.Inject(EmojiPicker);
-            }
-        }
-        if (!this['e-slashMenuSettings'] && !((_d = this._eModel.slashMenuSettings) === null || _d === void 0 ? void 0 : _d.enable)) {
-            RichTextEditor.Inject(SlashMenu);
-        }
-        RichTextEditor.Inject(Toolbar, Link, Count, HtmlEditor, QuickToolbar, Table, FormatPainter, PasteCleanup, ImportExport);
-    }
-    onChange() {
-        this[`${constants.bindablePrefix}value`] = this.widget.value;
+        RichTextEditor.Inject(Toolbar, Link, Image, Count, HtmlEditor, QuickToolbar, Table, FileManager, EmojiPicker, Audio, Video, FormatPainter, PasteCleanup, SlashMenu, ImportExport);
     }
 };
 Ej2RichTextEditor = __decorate([

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aurelia-syncfusion-ej2-bridge",
   "description": "An Aurelia plugin wrapper for syncfusion EJ2 controls",
-  "version": "1.0.19",
+  "version": "1.0.21",
   "keywords": [
     "aurelia",
     "syncfusion"
@@ -11,17 +11,18 @@
     "name": "Refactored Technology Solutions"
   },
   "dependencies": {
-    "lodash": "^4.17.21"
+    "lodash": "^4.17.21",
+    "yarn": "^1.22.22"
   },
   "peerDependencies": {
-    "@syncfusion/ej2": "^28.1.41"
+    "@syncfusion/ej2": "^30.1.37"
   },
   "scripts": {
     "start": "au run",
     "build": "au build-plugin"
   },
   "devDependencies": {
-    "@syncfusion/ej2": "^29.2.10",
+    "@syncfusion/ej2": "^30.1.37",
     "@types/jest": "^24.0.9",
     "@types/node": "^20.12.7",
     "aurelia-animator-css": "^1.0.4",