aurelia-syncfusion-ej2-bridge 1.0.0 → 1.0.2

package/dist/commonjs/common/controlBase.js

@@ -17,6 +17,9 @@ const constants_1 = require("./constants");
 const aurelia_event_aggregator_1 = require("aurelia-event-aggregator");
 let logger = aurelia_framework_1.LogManager.getLogger("SyncfusionBridge");
 let ControlBase = class ControlBase {
+    get controlType() {
+        throw "syncfusionControlType is not set";
+    }
     constructor(bindingEngine, controlContainer, taskQueue, eventAggregator, element) {
         this.bindingEngine = bindingEngine;
         this.controlContainer = controlContainer;
@@ -32,9 +35,6 @@ let ControlBase = class ControlBase {
         this.propertyPriority = true;
         this.subscriptions = [];
     }
-    get controlType() {
-        throw "syncfusionControlType is not set";
-    }
     onBind() {
     }
     onAttached() {
@@ -144,16 +144,16 @@ let ControlBase = class ControlBase {
         this.widgetElement = null;
     }
 };
+exports.ControlBase = ControlBase;
 __decorate([
     aurelia_framework_1.bindable,
     __metadata("design:type", Object)
 ], ControlBase.prototype, "eModel", void 0);
-ControlBase = __decorate([
+exports.ControlBase = ControlBase = __decorate([
     aurelia_framework_1.autoinject,
     __metadata("design:paramtypes", [aurelia_framework_1.BindingEngine, controlContainer_1.ControlContainer,
         aurelia_task_queue_1.TaskQueue, aurelia_event_aggregator_1.EventAggregator, Element])
 ], ControlBase);
-exports.ControlBase = ControlBase;
 exports.ExcludedProperties = [
     "__propertiesDefined__",
     "eModel",

package/dist/commonjs/common/syncfusionWrapper.js

@@ -3,10 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SyncfusionWrapper = void 0;
 const controlBase_1 = require("./controlBase");
 class SyncfusionWrapper extends controlBase_1.ControlBase {
-    constructor() {
-        super(...arguments);
-        this.syncfusionWidgetType = null;
-    }
     onCreateControl() {
         this.onBeforeWidgetInstantiation();
         this.widget = new this.syncfusionWidgetType(this._eModel);

package/dist/commonjs/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.configure = void 0;
+exports.ConfigBuilder = void 0;
+exports.configure = configure;
 const configBuider_1 = require("./configBuider");
 var configBuider_2 = require("./configBuider");
 Object.defineProperty(exports, "ConfigBuilder", { enumerable: true, get: function () { return configBuider_2.ConfigBuilder; } });
@@ -14,4 +15,3 @@ function configure(aurelia, configCallback) {
         aurelia.globalResources(resources);
     }
 }
-exports.configure = configure;

package/dist/commonjs/utilities/decorator.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.delayed = exports.generateBindables = void 0;
+exports.generateBindables = generateBindables;
+exports.delayed = delayed;
 const aurelia_templating_1 = require("aurelia-templating");
 const aurelia_dependency_injection_1 = require("aurelia-dependency-injection");
 const aurelia_metadata_1 = require("aurelia-metadata");
@@ -50,7 +51,6 @@ function generateBindables(controlName) {
         }
     };
 }
-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);
@@ -61,4 +61,3 @@ function delayed() {
         return descriptor;
     };
 }
-exports.delayed = delayed;

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

@@ -12,7 +12,7 @@ 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);
+(0, ej2_base_1.enableRipple)(true);
 let Ej2Accordion = class Ej2Accordion extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -23,9 +23,9 @@ let Ej2Accordion = class Ej2Accordion extends syncfusionWrapper_1.SyncfusionWrap
     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;
+exports.Ej2Accordion = Ej2Accordion = __decorate([
+    (0, decorator_1.generateBindables)("accordion"),
+    (0, aurelia_framework_1.customElement)('ej2-accordion'),
+    (0, aurelia_framework_1.inlineView)('<template><div element.ref="widgetElement"></div></template>')
+], Ej2Accordion);

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

@@ -21,9 +21,9 @@ let Ej2AutoComplete = class Ej2AutoComplete extends syncfusionWrapper_1.Syncfusi
     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;
+exports.Ej2AutoComplete = Ej2AutoComplete = __decorate([
+    (0, decorator_1.generateBindables)("autoComplete"),
+    (0, aurelia_framework_1.customElement)('ej2-auto-complete'),
+    (0, aurelia_framework_1.inlineView)('<template><input element.ref="widgetElement" type="text" /></template>')
+], Ej2AutoComplete);

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

@@ -47,9 +47,9 @@ let Ej2Button = class Ej2Button extends syncfusionWrapper_1.SyncfusionWrapper {
         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;
+exports.Ej2Button = Ej2Button = __decorate([
+    (0, decorator_1.generateBindables)("button"),
+    (0, aurelia_framework_1.inlineView)('<template><button element.ref="widgetElement"><slot></slot></button></template>'),
+    (0, aurelia_framework_1.customElement)('ej2-button')
+], Ej2Button);

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

@@ -42,6 +42,7 @@ let Ej2CheckboxList = class Ej2CheckboxList {
         return this.selectedItems.findIndex((x) => this.matcher(x, option)) !== -1;
     }
 };
+exports.Ej2CheckboxList = Ej2CheckboxList;
 __decorate([
     aurelia_framework_1.bindable,
     __metadata("design:type", Array)
@@ -62,9 +63,9 @@ __decorate([
     aurelia_framework_1.bindable,
     __metadata("design:type", Function)
 ], Ej2CheckboxList.prototype, "matcher", void 0);
-Ej2CheckboxList = __decorate([
-    aurelia_framework_1.customElement("ej2-checkbox-list"),
-    aurelia_framework_1.inlineView(`<template>
+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"
@@ -74,4 +75,3 @@ Ej2CheckboxList = __decorate([
   </div>
 </template>`)
 ], Ej2CheckboxList);
-exports.Ej2CheckboxList = Ej2CheckboxList;

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

@@ -48,11 +48,11 @@ let Ej2Checkbox = class Ej2Checkbox extends syncfusionWrapper_1.SyncfusionWrappe
         super.detached();
     }
 };
-Ej2Checkbox = __decorate([
+exports.Ej2Checkbox = Ej2Checkbox;
+exports.Ej2Checkbox = Ej2Checkbox = __decorate([
     aurelia_framework_1.autoinject,
-    aurelia_framework_1.transient(),
-    decorator_1.generateBindables("checkbox"),
-    aurelia_framework_1.customElement("ej2-checkbox"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" type="checkbox" /></template>`)
+    (0, aurelia_framework_1.transient)(),
+    (0, decorator_1.generateBindables)("checkbox"),
+    (0, aurelia_framework_1.customElement)("ej2-checkbox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" type="checkbox" /></template>`)
 ], Ej2Checkbox);
-exports.Ej2Checkbox = Ej2Checkbox;

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

@@ -27,9 +27,9 @@ let Ej2ComboBox = class Ej2ComboBox extends syncfusionWrapper_1.SyncfusionWrappe
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2ComboBox = __decorate([
-    decorator_1.generateBindables("comboBox"),
-    aurelia_framework_1.inlineView(`<template><input type="text" tabindex="1" element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement('ej2-combo-box')
-], Ej2ComboBox);
 exports.Ej2ComboBox = Ej2ComboBox;
+exports.Ej2ComboBox = Ej2ComboBox = __decorate([
+    (0, decorator_1.generateBindables)("comboBox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input type="text" tabindex="1" element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-combo-box')
+], Ej2ComboBox);

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

@@ -21,9 +21,9 @@ let Ej2DashboardLayout = class Ej2DashboardLayout extends syncfusionWrapper_1.Sy
     onWidgetCreated() {
     }
 };
-Ej2DashboardLayout = __decorate([
-    decorator_1.generateBindables("dashboardLayout"),
-    aurelia_framework_1.inlineView(`<template><div class="dashboard-container"><div element.ref="widgetElement"><slot></slot></div></div></template>`),
-    aurelia_framework_1.customElement("ej2-dashboard-layout")
-], Ej2DashboardLayout);
 exports.Ej2DashboardLayout = Ej2DashboardLayout;
+exports.Ej2DashboardLayout = Ej2DashboardLayout = __decorate([
+    (0, decorator_1.generateBindables)("dashboardLayout"),
+    (0, aurelia_framework_1.inlineView)(`<template><div class="dashboard-container"><div element.ref="widgetElement"><slot></slot></div></div></template>`),
+    (0, aurelia_framework_1.customElement)("ej2-dashboard-layout")
+], Ej2DashboardLayout);

package/dist/commonjs/widgets/datePicker/ej2-DatePicker.js

@@ -27,9 +27,9 @@ let Ej2DatePicker = class Ej2DatePicker extends syncfusionWrapper_1.SyncfusionWr
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2DatePicker = __decorate([
-    decorator_1.generateBindables("datePicker"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement("ej2-date-picker")
-], Ej2DatePicker);
 exports.Ej2DatePicker = Ej2DatePicker;
+exports.Ej2DatePicker = Ej2DatePicker = __decorate([
+    (0, decorator_1.generateBindables)("datePicker"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)("ej2-date-picker")
+], Ej2DatePicker);

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

@@ -29,9 +29,9 @@ let Ej2DateRangePicker = class Ej2DateRangePicker extends syncfusionWrapper_1.Sy
         this[`${constants_1.constants.bindablePrefix}endDate`] = args.endDate;
     }
 };
-Ej2DateRangePicker = __decorate([
-    decorator_1.generateBindables("dateRangePicker"),
-    aurelia_framework_1.customElement('ej2-date-range-picker'),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`)
-], Ej2DateRangePicker);
 exports.Ej2DateRangePicker = Ej2DateRangePicker;
+exports.Ej2DateRangePicker = Ej2DateRangePicker = __decorate([
+    (0, decorator_1.generateBindables)("dateRangePicker"),
+    (0, aurelia_framework_1.customElement)('ej2-date-range-picker'),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`)
+], Ej2DateRangePicker);

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

@@ -27,9 +27,9 @@ let Ej2DateTimePicker = class Ej2DateTimePicker extends syncfusionWrapper_1.Sync
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2DateTimePicker = __decorate([
-    decorator_1.generateBindables("dateTimePicker"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement('ej2-date-time-picker')
-], Ej2DateTimePicker);
 exports.Ej2DateTimePicker = Ej2DateTimePicker;
+exports.Ej2DateTimePicker = Ej2DateTimePicker = __decorate([
+    (0, decorator_1.generateBindables)("dateTimePicker"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-date-time-picker')
+], Ej2DateTimePicker);

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

@@ -31,9 +31,9 @@ let Ej2DropDownList = class Ej2DropDownList extends syncfusionWrapper_1.Syncfusi
         super.attached();
     }
 };
-Ej2DropDownList = __decorate([
-    decorator_1.generateBindables("dropDownList"),
-    aurelia_framework_1.inlineView(`<template><div><slot><input /></slot></div></template>`),
-    aurelia_framework_1.customElement('ej2-drop-down-list')
-], Ej2DropDownList);
 exports.Ej2DropDownList = Ej2DropDownList;
+exports.Ej2DropDownList = Ej2DropDownList = __decorate([
+    (0, decorator_1.generateBindables)("dropDownList"),
+    (0, aurelia_framework_1.inlineView)(`<template><div><slot><input /></slot></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-drop-down-list')
+], Ej2DropDownList);

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

@@ -27,9 +27,9 @@ let Ej2DropDownTree = class Ej2DropDownTree extends syncfusionWrapper_1.Syncfusi
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2DropDownTree = __decorate([
-    decorator_1.generateBindables("dropDownTree"),
-    aurelia_framework_1.customElement('ej2-drop-down-tree'),
-    aurelia_framework_1.inlineView('<template><input type="text" element.ref="widgetElement" /></template>')
-], Ej2DropDownTree);
 exports.Ej2DropDownTree = Ej2DropDownTree;
+exports.Ej2DropDownTree = Ej2DropDownTree = __decorate([
+    (0, decorator_1.generateBindables)("dropDownTree"),
+    (0, aurelia_framework_1.customElement)('ej2-drop-down-tree'),
+    (0, aurelia_framework_1.inlineView)('<template><input type="text" element.ref="widgetElement" /></template>')
+], Ej2DropDownTree);

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

@@ -16,7 +16,7 @@ let Ej2FileManager = class Ej2FileManager extends syncfusionWrapper_1.Syncfusion
     constructor() {
         super(...arguments);
         this.syncfusionWidgetType = ej2_filemanager_1.FileManager;
-        this.id = `fm-${uuid_1.v4()}`;
+        this.id = `fm-${(0, uuid_1.v4)()}`;
     }
     onBeforeWidgetInstantiation() {
         ej2_filemanager_1.FileManager.Inject(ej2_filemanager_1.Toolbar, ej2_filemanager_1.NavigationPane, ej2_filemanager_1.DetailsView, ej2_filemanager_1.ContextMenu);
@@ -26,9 +26,9 @@ let Ej2FileManager = class Ej2FileManager extends syncfusionWrapper_1.Syncfusion
     onWrapperCreated() {
     }
 };
-Ej2FileManager = __decorate([
-    decorator_1.generateBindables("fileManager"),
-    aurelia_framework_1.inlineView(`<template><div id.bind="id" element.ref="widgetElement"></div></template>`),
-    aurelia_framework_1.customElement('ej2-file-manager')
-], Ej2FileManager);
 exports.Ej2FileManager = Ej2FileManager;
+exports.Ej2FileManager = Ej2FileManager = __decorate([
+    (0, decorator_1.generateBindables)("fileManager"),
+    (0, aurelia_framework_1.inlineView)(`<template><div id.bind="id" element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-file-manager')
+], Ej2FileManager);

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

@@ -89,9 +89,9 @@ let Ej2Grid = class Ej2Grid extends syncfusionWrapper_1.SyncfusionWrapper {
     onWrapperCreated() {
     }
 };
-Ej2Grid = __decorate([
-    decorator_1.generateBindables("grid"),
-    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
-    aurelia_framework_1.customElement('ej2-grid')
-], Ej2Grid);
 exports.Ej2Grid = Ej2Grid;
+exports.Ej2Grid = Ej2Grid = __decorate([
+    (0, decorator_1.generateBindables)("grid"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-grid')
+], Ej2Grid);

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

@@ -26,9 +26,9 @@ let Ej2ListView = class Ej2ListView extends syncfusionWrapper_1.SyncfusionWrappe
         }
     }
 };
-Ej2ListView = __decorate([
-    decorator_1.generateBindables("listView"),
-    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
-    aurelia_framework_1.customElement('ej2-list-view')
-], Ej2ListView);
 exports.Ej2ListView = Ej2ListView;
+exports.Ej2ListView = Ej2ListView = __decorate([
+    (0, decorator_1.generateBindables)("listView"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-list-view')
+], Ej2ListView);

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

@@ -13,7 +13,7 @@ const ej2_inputs_1 = require("@syncfusion/ej2-inputs");
 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);
+(0, ej2_base_1.enableRipple)(true);
 let Ej2MaskedTextBox = class Ej2MaskedTextBox extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -29,9 +29,9 @@ let Ej2MaskedTextBox = class Ej2MaskedTextBox extends syncfusionWrapper_1.Syncfu
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2MaskedTextBox = __decorate([
-    decorator_1.generateBindables("maskedTextBox"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement('ej2-masked-text-box')
-], Ej2MaskedTextBox);
 exports.Ej2MaskedTextBox = Ej2MaskedTextBox;
+exports.Ej2MaskedTextBox = Ej2MaskedTextBox = __decorate([
+    (0, decorator_1.generateBindables)("maskedTextBox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-masked-text-box')
+], Ej2MaskedTextBox);

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

@@ -13,7 +13,7 @@ const ej2_dropdowns_1 = require("@syncfusion/ej2-dropdowns");
 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);
+(0, ej2_base_1.enableRipple)(true);
 let Ej2MultiSelect = class Ej2MultiSelect extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -36,9 +36,9 @@ let Ej2MultiSelect = class Ej2MultiSelect extends syncfusionWrapper_1.Syncfusion
         super.attached();
     }
 };
-Ej2MultiSelect = __decorate([
-    decorator_1.generateBindables("multiSelect"),
-    aurelia_framework_1.inlineView(`<template><div><slot><input /></slot></div></template>`),
-    aurelia_framework_1.customElement('ej2-multi-select')
-], Ej2MultiSelect);
 exports.Ej2MultiSelect = Ej2MultiSelect;
+exports.Ej2MultiSelect = Ej2MultiSelect = __decorate([
+    (0, decorator_1.generateBindables)("multiSelect"),
+    (0, aurelia_framework_1.inlineView)(`<template><div><slot><input /></slot></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-multi-select')
+], Ej2MultiSelect);

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

@@ -27,9 +27,9 @@ let Ej2NumericTextBox = class Ej2NumericTextBox extends syncfusionWrapper_1.Sync
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2NumericTextBox = __decorate([
-    decorator_1.generateBindables("numericTextBox"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement('ej2-numeric-text-box')
-], Ej2NumericTextBox);
 exports.Ej2NumericTextBox = Ej2NumericTextBox;
+exports.Ej2NumericTextBox = Ej2NumericTextBox = __decorate([
+    (0, decorator_1.generateBindables)("numericTextBox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-numeric-text-box')
+], Ej2NumericTextBox);

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

@@ -21,9 +21,9 @@ let Ej2Pager = class Ej2Pager extends syncfusionWrapper_1.SyncfusionWrapper {
     onWidgetCreated() {
     }
 };
-Ej2Pager = __decorate([
-    decorator_1.generateBindables("pager"),
-    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
-    aurelia_framework_1.customElement('ej2-pager')
-], Ej2Pager);
 exports.Ej2Pager = Ej2Pager;
+exports.Ej2Pager = Ej2Pager = __decorate([
+    (0, decorator_1.generateBindables)("pager"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-pager')
+], Ej2Pager);

package/dist/commonjs/widgets/progressButton/ej2-progress-button.js

@@ -56,9 +56,9 @@ let Ej2ProgressButton = class Ej2ProgressButton extends syncfusionWrapper_1.Sync
         this.widget.element.removeEventListener("click", this._onClick, false);
     }
 };
-Ej2ProgressButton = __decorate([
-    decorator_1.generateBindables("progressButton"),
-    aurelia_framework_1.inlineView(`<template><button element.ref="widgetElement"><slot></slot></button></template>`),
-    aurelia_framework_1.customElement('ej2-progress-button')
-], Ej2ProgressButton);
 exports.Ej2ProgressButton = Ej2ProgressButton;
+exports.Ej2ProgressButton = Ej2ProgressButton = __decorate([
+    (0, decorator_1.generateBindables)("progressButton"),
+    (0, aurelia_framework_1.inlineView)(`<template><button element.ref="widgetElement"><slot></slot></button></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-progress-button')
+], Ej2ProgressButton);

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

@@ -46,9 +46,9 @@ let Ej2Radio = class Ej2Radio extends syncfusionWrapper_1.SyncfusionWrapper {
         super.detached();
     }
 };
-Ej2Radio = __decorate([
-    decorator_1.generateBindables("radio"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" type="radio" /></template>`),
-    aurelia_framework_1.customElement('ej2-radio')
-], Ej2Radio);
 exports.Ej2Radio = Ej2Radio;
+exports.Ej2Radio = Ej2Radio = __decorate([
+    (0, decorator_1.generateBindables)("radio"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" type="radio" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-radio')
+], Ej2Radio);

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

@@ -24,9 +24,9 @@ let Ej2Schedule = class Ej2Schedule extends syncfusionWrapper_1.SyncfusionWrappe
         ej2_schedule_1.Schedule.Inject(ej2_schedule_1.Day, ej2_schedule_1.Week, ej2_schedule_1.WorkWeek, ej2_schedule_1.Month, ej2_schedule_1.Agenda, ej2_schedule_1.TimelineViews, ej2_schedule_1.TimelineMonth, ej2_schedule_1.TimelineYear, ej2_schedule_1.DragAndDrop, ej2_schedule_1.Resize, ej2_schedule_1.ExcelExport, ej2_schedule_1.ICalendarExport, ej2_schedule_1.ICalendarImport, ej2_schedule_1.Print);
     }
 };
-Ej2Schedule = __decorate([
-    decorator_1.generateBindables("radio"),
-    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
-    aurelia_framework_1.customElement('ej2-schedule')
-], Ej2Schedule);
 exports.Ej2Schedule = Ej2Schedule;
+exports.Ej2Schedule = Ej2Schedule = __decorate([
+    (0, decorator_1.generateBindables)("radio"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-schedule')
+], Ej2Schedule);

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

@@ -22,9 +22,9 @@ let Ej2Sidebar = class Ej2Sidebar extends syncfusionWrapper_1.SyncfusionWrapper
         let _this = this;
     }
 };
-Ej2Sidebar = __decorate([
-    decorator_1.generateBindables("sidebar"),
-    aurelia_framework_1.inlineView(`<template element.ref="widgetElement"><slot></slot></template>`),
-    aurelia_framework_1.customElement('ej2-sidebar')
-], Ej2Sidebar);
 exports.Ej2Sidebar = Ej2Sidebar;
+exports.Ej2Sidebar = Ej2Sidebar = __decorate([
+    (0, decorator_1.generateBindables)("sidebar"),
+    (0, aurelia_framework_1.inlineView)(`<template element.ref="widgetElement"><slot></slot></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-sidebar')
+], Ej2Sidebar);

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

@@ -1,6 +1,8 @@
 import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
 import { Slider, SliderModel, SliderChangeEventArgs } from "@syncfusion/ej2-inputs";
 export declare class Ej2Slider extends SyncfusionWrapper<Slider, SliderModel> {
+    private containerResizeObserver;
+    private resize;
     protected syncfusionWidgetType: typeof Slider;
     protected onWrapperCreated(): void;
     protected onWidgetCreated(): void;

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

@@ -5,6 +5,9 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Ej2Slider = void 0;
 const constants_1 = require("./../../common/constants");
@@ -12,12 +15,23 @@ const syncfusionWrapper_1 = require("../../common/syncfusionWrapper");
 const ej2_inputs_1 = require("@syncfusion/ej2-inputs");
 const decorator_1 = require("../../utilities/decorator");
 const aurelia_framework_1 = require("aurelia-framework");
+const lodash_1 = __importDefault(require("lodash"));
 let Ej2Slider = class Ej2Slider extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
+        this.containerResizeObserver = null;
+        this.resize = lodash_1.default.debounce(() => {
+            this.taskQueue.queueTask(() => {
+                this.widget?.refresh();
+            });
+        }, 100);
         this.syncfusionWidgetType = ej2_inputs_1.Slider;
     }
     onWrapperCreated() {
+        this.containerResizeObserver = new ResizeObserver((entries) => {
+            this.resize();
+        });
+        this.containerResizeObserver.observe(this.widgetElement);
     }
     onWidgetCreated() {
         let _this = this;
@@ -29,9 +43,9 @@ let Ej2Slider = class Ej2Slider extends syncfusionWrapper_1.SyncfusionWrapper {
         this[`${constants_1.constants.bindablePrefix}value`] = event.value;
     }
 };
-Ej2Slider = __decorate([
-    decorator_1.generateBindables("slider"),
-    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
-    aurelia_framework_1.customElement('ej2-slider')
-], Ej2Slider);
 exports.Ej2Slider = Ej2Slider;
+exports.Ej2Slider = Ej2Slider = __decorate([
+    (0, decorator_1.generateBindables)("slider"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-slider')
+], Ej2Slider);

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

@@ -21,9 +21,9 @@ let Ej2Splitter = class Ej2Splitter extends syncfusionWrapper_1.SyncfusionWrappe
     onWidgetCreated() {
     }
 };
-Ej2Splitter = __decorate([
-    decorator_1.generateBindables("splitter"),
-    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"><slot></slot></div></template>`),
-    aurelia_framework_1.customElement('ej2-splitter')
-], Ej2Splitter);
 exports.Ej2Splitter = Ej2Splitter;
+exports.Ej2Splitter = Ej2Splitter = __decorate([
+    (0, decorator_1.generateBindables)("splitter"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"><slot></slot></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-splitter')
+], Ej2Splitter);

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

@@ -44,9 +44,9 @@ let Ej2Switch = class Ej2Switch extends syncfusionWrapper_1.SyncfusionWrapper {
         this.widget.removeEventListener("change", this.onChange);
     }
 };
-Ej2Switch = __decorate([
-    decorator_1.generateBindables("switch"),
-    aurelia_framework_1.inlineView(`<template><slot></slot><input element.ref="widgetElement" type="checkbox" /></template>`),
-    aurelia_framework_1.customElement('ej2-switch')
-], Ej2Switch);
 exports.Ej2Switch = Ej2Switch;
+exports.Ej2Switch = Ej2Switch = __decorate([
+    (0, decorator_1.generateBindables)("switch"),
+    (0, aurelia_framework_1.inlineView)(`<template><slot></slot><input element.ref="widgetElement" type="checkbox" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-switch')
+], Ej2Switch);

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

@@ -13,7 +13,7 @@ const ej2_inputs_1 = require("@syncfusion/ej2-inputs");
 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);
+(0, ej2_base_1.enableRipple)(true);
 let Ej2TextBox = class Ej2TextBox extends syncfusionWrapper_1.SyncfusionWrapper {
     constructor() {
         super(...arguments);
@@ -29,9 +29,9 @@ let Ej2TextBox = class Ej2TextBox extends syncfusionWrapper_1.SyncfusionWrapper
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2TextBox = __decorate([
-    decorator_1.generateBindables("textBox"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement('ej2-text-box')
-], Ej2TextBox);
 exports.Ej2TextBox = Ej2TextBox;
+exports.Ej2TextBox = Ej2TextBox = __decorate([
+    (0, decorator_1.generateBindables)("textBox"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-text-box')
+], Ej2TextBox);

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

@@ -27,9 +27,9 @@ let Ej2TimePicker = class Ej2TimePicker extends syncfusionWrapper_1.SyncfusionWr
         this[`${constants_1.constants.bindablePrefix}value`] = args.value;
     }
 };
-Ej2TimePicker = __decorate([
-    decorator_1.generateBindables("timePicker"),
-    aurelia_framework_1.inlineView(`<template><input element.ref="widgetElement" /></template>`),
-    aurelia_framework_1.customElement('ej2-time-picker')
-], Ej2TimePicker);
 exports.Ej2TimePicker = Ej2TimePicker;
+exports.Ej2TimePicker = Ej2TimePicker = __decorate([
+    (0, decorator_1.generateBindables)("timePicker"),
+    (0, aurelia_framework_1.inlineView)(`<template><input element.ref="widgetElement" /></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-time-picker')
+], Ej2TimePicker);

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

@@ -21,9 +21,9 @@ let Ej2TreeView = class Ej2TreeView extends syncfusionWrapper_1.SyncfusionWrappe
     onWidgetCreated() {
     }
 };
-Ej2TreeView = __decorate([
-    decorator_1.generateBindables("treeView"),
-    aurelia_framework_1.inlineView(`<template><div element.ref="widgetElement"></div></template>`),
-    aurelia_framework_1.customElement('ej2-tree-view')
-], Ej2TreeView);
 exports.Ej2TreeView = Ej2TreeView;
+exports.Ej2TreeView = Ej2TreeView = __decorate([
+    (0, decorator_1.generateBindables)("treeView"),
+    (0, aurelia_framework_1.inlineView)(`<template><div element.ref="widgetElement"></div></template>`),
+    (0, aurelia_framework_1.customElement)('ej2-tree-view')
+], Ej2TreeView);

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

@@ -92,7 +92,7 @@ let Ej2Uploader = class Ej2Uploader extends syncfusionWrapper_1.SyncfusionWrappe
         }
     }
     initializeFile(widgetFile, i, extraProperties) {
-        let __id = uuid_1.v4();
+        let __id = (0, uuid_1.v4)();
         widgetFile[this._privateIdProperty] = __id;
         this._files[i][this._privateIdProperty] = __id;
         extraProperties.forEach((prop) => {
@@ -202,7 +202,7 @@ let Ej2Uploader = class Ej2Uploader extends syncfusionWrapper_1.SyncfusionWrappe
             let _uploadedFile = args.file;
             let fileName = _uploadedFile.name.substr(0, _uploadedFile.name.length - (_uploadedFile.type.length + 1));
             let additionalProperties = {};
-            additionalProperties[this._privateIdProperty] = uuid_1.v4();
+            additionalProperties[this._privateIdProperty] = (0, uuid_1.v4)();
             if (this.uploadResultModel) {
                 for (let prop in this.uploadResultModel) {
                     additionalProperties[this.uploadResultModel[prop]] = response[prop];
@@ -302,6 +302,7 @@ let Ej2Uploader = class Ej2Uploader extends syncfusionWrapper_1.SyncfusionWrappe
         return _metadata;
     }
 };
+exports.Ej2Uploader = Ej2Uploader;
 __decorate([
     aurelia_framework_1.bindable,
     __metadata("design:type", Object)
@@ -338,9 +339,8 @@ __decorate([
     aurelia_framework_1.bindable,
     __metadata("design:type", Boolean)
 ], Ej2Uploader.prototype, "serverDelete", void 0);
-Ej2Uploader = __decorate([
-    decorator_1.generateBindables("uploader"),
-    aurelia_framework_2.inlineView(`<template><input element.ref="widgetElement" type="file" name="UploadFiles" /></template>`),
-    aurelia_framework_2.customElement('ej2-uploader')
+exports.Ej2Uploader = Ej2Uploader = __decorate([
+    (0, decorator_1.generateBindables)("uploader"),
+    (0, aurelia_framework_2.inlineView)(`<template><input element.ref="widgetElement" type="file" name="UploadFiles" /></template>`),
+    (0, aurelia_framework_2.customElement)('ej2-uploader')
 ], Ej2Uploader);
-exports.Ej2Uploader = Ej2Uploader;

package/dist/native-modules/common/controlBase.js

@@ -14,6 +14,9 @@ import { constants } from "./constants";
 import { EventAggregator } from 'aurelia-event-aggregator';
 let logger = LogManager.getLogger("SyncfusionBridge");
 let ControlBase = class ControlBase {
+    get controlType() {
+        throw "syncfusionControlType is not set";
+    }
     constructor(bindingEngine, controlContainer, taskQueue, eventAggregator, element) {
         this.bindingEngine = bindingEngine;
         this.controlContainer = controlContainer;
@@ -29,9 +32,6 @@ let ControlBase = class ControlBase {
         this.propertyPriority = true;
         this.subscriptions = [];
     }
-    get controlType() {
-        throw "syncfusionControlType is not set";
-    }
     onBind() {
     }
     onAttached() {

package/dist/native-modules/common/syncfusionWrapper.js

@@ -1,9 +1,5 @@
 import { ControlBase } from "./controlBase";
 export class SyncfusionWrapper extends ControlBase {
-    constructor() {
-        super(...arguments);
-        this.syncfusionWidgetType = null;
-    }
     onCreateControl() {
         this.onBeforeWidgetInstantiation();
         this.widget = new this.syncfusionWidgetType(this._eModel);

package/dist/native-modules/interfaces/IEJ2WidgetBridge.js

@@ -0,0 +1 @@
+export {};

package/dist/native-modules/interfaces/IEj2Uploader.js

@@ -0,0 +1 @@
+export {};

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

@@ -1,6 +1,8 @@
 import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
 import { Slider, SliderModel, SliderChangeEventArgs } from "@syncfusion/ej2-inputs";
 export declare class Ej2Slider extends SyncfusionWrapper<Slider, SliderModel> {
+    private containerResizeObserver;
+    private resize;
     protected syncfusionWidgetType: typeof Slider;
     protected onWrapperCreated(): void;
     protected onWidgetCreated(): void;

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

@@ -9,12 +9,23 @@ import { SyncfusionWrapper } from "../../common/syncfusionWrapper";
 import { Slider } from "@syncfusion/ej2-inputs";
 import { generateBindables } from "../../utilities/decorator";
 import { inlineView, customElement } from 'aurelia-framework';
+import _ from 'lodash';
 let Ej2Slider = class Ej2Slider extends SyncfusionWrapper {
     constructor() {
         super(...arguments);
+        this.containerResizeObserver = null;
+        this.resize = _.debounce(() => {
+            this.taskQueue.queueTask(() => {
+                this.widget?.refresh();
+            });
+        }, 100);
         this.syncfusionWidgetType = Slider;
     }
     onWrapperCreated() {
+        this.containerResizeObserver = new ResizeObserver((entries) => {
+            this.resize();
+        });
+        this.containerResizeObserver.observe(this.widgetElement);
     }
     onWidgetCreated() {
         let _this = this;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "aurelia-syncfusion-ej2-bridge",
   "description": "An Aurelia plugin wrapper for syncfusion EJ2 controls",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "keywords": [
     "aurelia",
     "syncfusion"
@@ -10,18 +10,20 @@
   "author": {
     "name": "Refactored Technology Solutions"
   },
-  "dependencies": {},
+  "dependencies": {
+    "lodash": "^4.17.21"
+  },
   "peerDependencies": {
-    "@syncfusion/ej2": "^25.2.7"
+    "@syncfusion/ej2": "^26.1.38"
   },
   "scripts": {
     "start": "au run",
     "build": "au build-plugin"
   },
   "devDependencies": {
-    "@syncfusion/ej2": "^25.2.7",
+    "@syncfusion/ej2": "^26.1.38",
     "@types/jest": "^24.0.9",
-    "@types/node": "^10.11.6",
+    "@types/node": "^20.12.7",
     "aurelia-animator-css": "^1.0.4",
     "aurelia-bootstrapper": "^2.3.2",
     "aurelia-cli": "^1.1.1",
@@ -51,7 +53,7 @@
     "through2": "^3.0.0",
     "ts-jest": "^24.0.0",
     "tslint": "^5.13.0",
-    "typescript": "^3.1.2",
+    "typescript": "^5.5.2",
     "vinyl-fs": "^3.0.3"
   },
   "engines": {
@@ -99,10 +101,5 @@
       "text",
       "html"
     ]
-  },
-  "overrides": {
-    "foo": {
-      "source-map": "0.7.4"
-    }
   }
 }