jsl-ui 9.28.2 → 9.28.4

package/lib/components/IntervalComponent.js

@@ -1,68 +1,65 @@
-var IntervalComponent = /** @class */ (function () {
-    function IntervalComponent(fnc, options) {
+export class IntervalComponent {
+    constructor(fnc, options) {
         this.fnc = fnc;
         this.options = options;
     }
-    IntervalComponent.prototype.isEqual = function (node) {
+    isEqual(node) {
         return this.__proto__ === node.__proto__;
-    };
-    IntervalComponent.prototype.render = function () {
+    }
+    render() {
         return { tag: "input", attr: { type: "hidden" } };
-    };
-    IntervalComponent.prototype.onInit = function (render) {
+    }
+    onInit(render) {
         this.renderer = render;
-    };
-    IntervalComponent.prototype.onCreate = function (node) {
-        var _this = this;
-        var timeoutRef = node.dom.value;
+    }
+    onCreate(node) {
+        const timeoutRef = node.dom.value;
         if (timeoutRef && timeoutRef !== "0") {
             clearTimeout(parseInt(timeoutRef, 10));
             node.dom.value = "";
         }
-        var f = function () {
-            var result;
+        const f = () => {
+            let result;
             try {
-                result = _this.fnc();
+                result = this.fnc();
             }
             catch (e) {
                 console.error(e);
-                if (_this.options.stopOnError) {
+                if (this.options.stopOnError) {
                     return;
                 }
             }
-            var isPromise = result && typeof result.then === "function" && typeof result.catch === "function";
+            const isPromise = result && typeof result.then === "function" && typeof result.catch === "function";
             if (isPromise) {
-                result.then(function () {
-                    if (!_this.options.noRefresh) {
-                        _this.renderer.refresh();
+                result.then(() => {
+                    if (!this.options.noRefresh) {
+                        this.renderer.refresh();
                     }
-                    node.dom.value = setTimeout(f, _this.options.interval).toString();
-                }).catch(function (e) {
+                    node.dom.value = setTimeout(f, this.options.interval).toString();
+                }).catch((e) => {
                     console.error(e);
-                    if (!_this.options.stopOnError) {
-                        if (!_this.options.noRefresh) {
-                            _this.renderer.refresh();
+                    if (!this.options.stopOnError) {
+                        if (!this.options.noRefresh) {
+                            this.renderer.refresh();
                         }
-                        node.dom.value = setTimeout(f, _this.options.interval).toString();
+                        node.dom.value = setTimeout(f, this.options.interval).toString();
                     }
                 });
             }
             else {
-                if (!_this.options.noRefresh) {
-                    _this.renderer.refresh();
+                if (!this.options.noRefresh) {
+                    this.renderer.refresh();
                 }
-                node.dom.value = setTimeout(f, _this.options.interval).toString();
+                node.dom.value = setTimeout(f, this.options.interval).toString();
             }
         };
         f();
-    };
-    IntervalComponent.prototype.onRemove = function (node) {
-        var timeoutRef = node.dom.value;
+    }
+    onRemove(node) {
+        const timeoutRef = node.dom.value;
         if (timeoutRef && timeoutRef !== "0") {
             clearTimeout(parseInt(timeoutRef, 10));
             node.dom.value = "";
         }
-    };
-    return IntervalComponent;
-}());
-export { IntervalComponent };
+    }
+}

package/lib/components/auto-suggest/AutoSuggestComponent.js

@@ -1,49 +1,47 @@
 import { AutoSuggest } from "../../ui/auto.suggest";
-var AutoSuggestComponent = /** @class */ (function () {
-    function AutoSuggestComponent(options) {
+export class AutoSuggestComponent {
+    constructor(options) {
         this.options = options;
         // this.id = this.options.id ?? helper.newDomGuid();
     }
-    AutoSuggestComponent.prototype.render = function () {
+    render() {
         var _a;
         return {
             tag: "input",
             attr: { value: this.options.value, class: this.options.class, style: this.options.style, placeholder: (_a = this.options.placeholder) !== null && _a !== void 0 ? _a : "" }
         };
-    };
-    AutoSuggestComponent.prototype.getRef = function () {
+    }
+    getRef() {
         return this.ref;
-    };
-    AutoSuggestComponent.prototype.getValue = function () {
+    }
+    getValue() {
         if (this.dom == null) {
             return "";
         }
         return this.dom.value;
-    };
-    AutoSuggestComponent.prototype.setValue = function (val) {
+    }
+    setValue(val) {
         if (this.dom == null) {
             return;
         }
         this.dom.value = val;
-    };
-    AutoSuggestComponent.prototype.focus = function () {
+    }
+    focus() {
         if (this.dom == null) {
             return;
         }
         this.dom.focus();
-    };
-    AutoSuggestComponent.prototype.onCreate = function (node) {
+    }
+    onCreate(node) {
         this.dom = node.dom;
         AutoSuggest(node.dom, this.options);
-    };
-    AutoSuggestComponent.prototype.onUpdate = function (node) {
+    }
+    onUpdate(node) {
         this.dom = node.dom;
-    };
-    AutoSuggestComponent.prototype.onRemove = function () {
+    }
+    onRemove() {
         if (this.ref != null) {
             this.ref.destroy();
         }
-    };
-    return AutoSuggestComponent;
-}());
-export { AutoSuggestComponent };
+    }
+}

package/lib/components/button/ButtonComponent.js

@@ -1,31 +1,16 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { EventHandler } from "../../interaction/eventhandler";
-var ButtonComponent = /** @class */ (function () {
-    function ButtonComponent(options) {
-        this.options = __assign({ enabled: true, class: "" }, options);
+export class ButtonComponent {
+    get click() {
+        return this.options.click;
+    }
+    constructor(options) {
+        this.options = { ...{ enabled: true, class: "" }, ...options };
         this.options.click = EventHandler.Create(this.options.click);
     }
-    Object.defineProperty(ButtonComponent.prototype, "click", {
-        get: function () {
-            return this.options.click;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    ButtonComponent.prototype.isEqual = function (node) {
+    isEqual(node) {
         return this.__proto__ === node.__proto__;
-    };
-    ButtonComponent.prototype.render = function () {
+    }
+    render() {
         return {
             tag: "button",
             attr: {
@@ -35,12 +20,10 @@ var ButtonComponent = /** @class */ (function () {
             content: typeof this.options.content === "string" ? this.options.content : "",
             children: typeof this.options.content !== "string" ? [this.options.content] : []
         };
-    };
-    ButtonComponent.prototype.raiseEvent = function (evt) {
+    }
+    raiseEvent(evt) {
         if (this.options.enabled) {
             this.options.click.notify(evt);
         }
-    };
-    return ButtonComponent;
-}());
-export { ButtonComponent };
+    }
+}

package/lib/components/checkbox/CheckBoxComponent.js

@@ -1,21 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import "./CheckBoxStyle.scss";
 import { EventHandler } from "../../interaction/eventhandler";
 import { helper } from "../../core/helper";
-var CheckBoxComponent = /** @class */ (function () {
-    function CheckBoxComponent(options) {
+export class CheckBoxComponent {
+    get onChange() {
+        return this.options.onChange;
+    }
+    constructor(options) {
         var _a;
-        this.options = __assign({ enabled: true, class: "", bindMode: "toModel" }, options);
+        this.options = { ...{ enabled: true, class: "", bindMode: "toModel" }, ...options };
         if (!this.options.id) {
             this.options.id = helper.newDomGuid();
         }
@@ -26,26 +18,19 @@ var CheckBoxComponent = /** @class */ (function () {
         }
         this.options.onChange = EventHandler.Create(this.options.onChange);
     }
-    Object.defineProperty(CheckBoxComponent.prototype, "onChange", {
-        get: function () {
-            return this.options.onChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
     // public isEqual(node: IJSLComponent): boolean {
     //     return (this as any).__proto__ === (node as any).__proto__;
     // }
-    CheckBoxComponent.prototype.render = function () {
+    render() {
         var _a;
-        var val = this.options.value;
+        let val = this.options.value;
         if (this.options.bindMode !== "toModel" && this.options.bindTo != null && this.options.property != null) {
-            var current = this.getValue();
-            var newVal = (((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toUI) ?
+            const current = this.getValue();
+            const newVal = (((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toUI) ?
                 this.options.converter.toUI(this.options.bindTo[this.options.property]) :
                 this.options.bindTo[this.options.property]);
+            val = newVal;
             if (newVal !== current) {
-                val = newVal;
                 if (this.currentDom != null) {
                     this.currentDom.checked = val;
                 }
@@ -66,12 +51,12 @@ var CheckBoxComponent = /** @class */ (function () {
                     }
                 }, { tag: "label", content: this.options.label, attr: { for: this.options.id } }]
         };
-    };
-    CheckBoxComponent.prototype.getValue = function () {
+    }
+    getValue() {
         var _a;
         return ((_a = this.currentDom) === null || _a === void 0 ? void 0 : _a.checked) || false;
-    };
-    CheckBoxComponent.prototype.setValue = function (val) {
+    }
+    setValue(val) {
         var _a;
         if (this.currentDom != null) {
             this.currentDom.checked = val;
@@ -79,20 +64,18 @@ var CheckBoxComponent = /** @class */ (function () {
         if (this.options.bindTo && this.options.bindMode !== "fromModel" && this.options.property) {
             this.options.bindTo[this.options.property] = ((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toData) ? this.options.converter.toData(val) : val;
         }
-    };
-    CheckBoxComponent.prototype.onCreate = function (node) {
+    }
+    onCreate(node) {
         this.currentDom = node.dom.querySelector("input");
-    };
-    CheckBoxComponent.prototype.raiseEvent = function (e, node) {
+    }
+    raiseEvent(e, node) {
         var _a;
         if (this.options.enabled) {
-            var value = node.dom.checked;
+            const value = node.dom.checked;
             if (this.options.bindTo && this.options.bindMode !== "fromModel" && this.options.property) {
                 this.options.bindTo[this.options.property] = ((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toData) ? this.options.converter.toData(value) : value;
             }
             this.options.onChange.notify(value);
         }
-    };
-    return CheckBoxComponent;
-}());
-export { CheckBoxComponent };
+    }
+}

package/lib/components/date/DateComponent.js

@@ -1,22 +1,11 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import { DatePicker } from "../../ui/date.picker";
 import { date } from "../../core/date";
 import { helper } from "../../core/helper";
 import { EventHandler } from "../../interaction/eventhandler";
-var DateComponent = /** @class */ (function () {
-    function DateComponent(options) {
+export class DateComponent {
+    constructor(options) {
         var _a;
-        this.options = __assign({ enabled: true, id: helper.newDomGuid(), bindMode: "toModel" }, options);
+        this.options = { ...{ enabled: true, id: helper.newDomGuid(), bindMode: "toModel" }, ...options };
         if (this.options.bindTo != null && this.options.property != null && this.options.value == null) {
             this.options.value = (((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toUI) ?
                 this.options.converter.toUI(this.options.bindTo[this.options.property]) :
@@ -24,24 +13,20 @@ var DateComponent = /** @class */ (function () {
         }
         this.options.onChange = EventHandler.Create(this.options.onChange);
     }
-    Object.defineProperty(DateComponent.prototype, "onChange", {
-        get: function () {
-            return this.options.onChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    DateComponent.prototype.render = function () {
+    get onChange() {
+        return this.options.onChange;
+    }
+    render() {
         var _a;
-        var val = this.options.value;
+        let val = this.options.value;
         if (this.options.bindMode !== "toModel" && this.options.bindTo != null && this.options.property != null) {
-            var current = this.getValue();
-            var newVal = (((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toUI) ?
+            const current = this.getValue();
+            const newVal = (((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toUI) ?
                 this.options.converter.toUI(this.options.bindTo[this.options.property]) :
                 this.options.bindTo[this.options.property]);
-            var newValStr = date.format(newVal);
+            const newValStr = date.format(newVal);
+            val = newVal;
             if (newValStr !== current) {
-                val = newVal;
                 if (this.currentDom != null) {
                     this.currentDom.value = newValStr;
                 }
@@ -59,14 +44,14 @@ var DateComponent = /** @class */ (function () {
                 change: this.raiseEvent,
             }
         };
-    };
-    DateComponent.prototype.getValue = function () {
+    }
+    getValue() {
         if (this.currentDom == null) {
             return "";
         }
         return this.currentDom.value;
-    };
-    DateComponent.prototype.getValueAsDate = function () {
+    }
+    getValueAsDate() {
         if (this.currentDom == null) {
             return null;
         }
@@ -74,33 +59,31 @@ var DateComponent = /** @class */ (function () {
             return this.options.parse(this.currentDom.value);
         }
         return date.parse(this.currentDom.value);
-    };
-    DateComponent.prototype.getRef = function () {
+    }
+    getRef() {
         return this.ref;
-    };
-    DateComponent.prototype.onCreate = function (node) {
+    }
+    onCreate(node) {
         this.currentDom = node.dom;
         this.ref = DatePicker(this.currentDom, this.options);
-    };
-    DateComponent.prototype.onUpdate = function (node) {
+    }
+    onUpdate(node) {
         this.currentDom = node.dom;
-    };
-    DateComponent.prototype.onRemove = function () {
+    }
+    onRemove() {
         if (this.ref != null) {
             this.ref.destroy();
         }
-    };
-    DateComponent.prototype.raiseEvent = function (e, node) {
+    }
+    raiseEvent(e, node) {
         var _a;
         if (this.options.enabled) {
-            var val = date.parse(node.dom.value);
+            const val = date.parse(node.dom.value);
             if (this.options.bindTo && this.options.bindMode !== "fromModel" && this.options.property) {
                 this.options.bindTo[this.options.property] =
                     ((_a = this.options.converter) === null || _a === void 0 ? void 0 : _a.toData) ? this.options.converter.toData(val) : val;
             }
             this.options.onChange.notify(val);
         }
-    };
-    return DateComponent;
-}());
-export { DateComponent };
+    }
+}

package/lib/components/date-range/DateRangeComponent.js

@@ -1,25 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
 import "./DateRangeStyle.scss";
 import { noUiSlider } from "../slider/nouislider";
 import { DateComponent } from "../date/DateComponent";
 import { date } from "../../core/date";
 import { EventHandler } from "../../interaction/eventhandler";
-var DateRangeComponent = /** @class */ (function () {
-    function DateRangeComponent(o) {
-        var _this = this;
+export class DateRangeComponent {
+    constructor(o) {
         this.State = { currentMin: null, currentMax: null };
         this.manualChange = false;
-        this.options = __assign({}, o);
+        this.options = { ...o };
         if (this.options.minValue == null) {
             this.options.minValue = this.options.min;
         }
@@ -32,16 +20,16 @@ var DateRangeComponent = /** @class */ (function () {
             max: this.options.max,
             value: this.options.minValue,
             style: "width:6rem;",
-            onChange: function (val) {
-                if (_this.manualChange) {
+            onChange: (val) => {
+                if (this.manualChange) {
                     return;
                 }
-                _this.manualChange = true;
-                var min = _this.minDate.getValueAsDate();
-                var max = _this.maxDate.getValueAsDate();
-                _this.slider.set([date.getDaysBetween(_this.options.min, min), date.getDaysBetween(_this.options.min, max)]);
-                _this.manualChange = false;
-                _this.triggerChange();
+                this.manualChange = true;
+                const min = this.minDate.getValueAsDate();
+                const max = this.maxDate.getValueAsDate();
+                this.slider.set([date.getDaysBetween(this.options.min, min), date.getDaysBetween(this.options.min, max)]);
+                this.manualChange = false;
+                this.triggerChange();
             }
         });
         this.maxDate = new DateComponent({
@@ -49,20 +37,20 @@ var DateRangeComponent = /** @class */ (function () {
             max: this.options.max,
             value: this.options.maxValue,
             style: "width:6rem;text-align:right;",
-            onChange: function (val) {
-                if (_this.manualChange) {
+            onChange: (val) => {
+                if (this.manualChange) {
                     return;
                 }
-                _this.manualChange = true;
-                var min = _this.minDate.getValueAsDate();
-                var max = _this.maxDate.getValueAsDate();
-                _this.slider.set([date.getDaysBetween(_this.options.min, min), date.getDaysBetween(_this.options.min, max)]);
-                _this.manualChange = false;
-                _this.triggerChange();
+                this.manualChange = true;
+                const min = this.minDate.getValueAsDate();
+                const max = this.maxDate.getValueAsDate();
+                this.slider.set([date.getDaysBetween(this.options.min, min), date.getDaysBetween(this.options.min, max)]);
+                this.manualChange = false;
+                this.triggerChange();
             }
         });
     }
-    DateRangeComponent.prototype.render = function () {
+    render() {
         var _a;
         return {
             tag: "div", attr: { style: this.options.style, class: "date-range-comp " + ((_a = this.options.class) !== null && _a !== void 0 ? _a : "") }, children: [
@@ -79,58 +67,55 @@ var DateRangeComponent = /** @class */ (function () {
                 }
             ]
         };
-    };
-    DateRangeComponent.prototype.onCreate = function (node) {
-        var _this = this;
-        var diffInDays = date.getDaysBetween(this.options.min, this.options.max);
+    }
+    onCreate(node) {
+        const diffInDays = date.getDaysBetween(this.options.min, this.options.max);
         if (this.options.increment !== "days") {
             console.warn(" only days as increments are currently supported");
         }
-        var min = 0;
-        var max = diffInDays;
+        const min = 0;
+        const max = diffInDays;
         this.slider = noUiSlider.create(node.dom.querySelector(".slider-div"), {
             start: [date.getDaysBetween(this.options.min, this.options.minValue),
                 date.getDaysBetween(this.options.min, this.options.maxValue)],
             connect: true,
             step: 1,
             range: {
-                min: min,
-                max: max
+                min,
+                max
             },
         });
-        this.slider.on("update", function (values) {
-            if (_this.manualChange) {
+        this.slider.on("update", (values) => {
+            if (this.manualChange) {
                 return;
             }
-            _this.manualChange = true;
-            _this.State.currentMin = values[0];
-            _this.State.currentMax = values[1];
-            var minVal = date.addDays(_this.options.min, parseFloat(values[0]));
-            var maxVal = date.addDays(_this.options.min, parseFloat(values[1]));
-            _this.minDate.getRef().setState({ selectedDate: minVal });
-            _this.maxDate.getRef().setState({ selectedDate: maxVal });
-            _this.manualChange = false;
-            _this.triggerChange();
+            this.manualChange = true;
+            this.State.currentMin = values[0];
+            this.State.currentMax = values[1];
+            const minVal = date.addDays(this.options.min, parseFloat(values[0]));
+            const maxVal = date.addDays(this.options.min, parseFloat(values[1]));
+            this.minDate.getRef().setState({ selectedDate: minVal });
+            this.maxDate.getRef().setState({ selectedDate: maxVal });
+            this.manualChange = false;
+            this.triggerChange();
         });
-    };
-    DateRangeComponent.prototype.onRemove = function () {
+    }
+    onRemove() {
         if (this.slider != null) {
             this.slider.destroy();
             this.slider = null;
         }
-    };
-    DateRangeComponent.prototype.getMin = function () {
+    }
+    getMin() {
         return this.minDate.getValueAsDate();
-    };
-    DateRangeComponent.prototype.getMax = function () {
+    }
+    getMax() {
         return this.maxDate.getValueAsDate();
-    };
-    DateRangeComponent.prototype.triggerChange = function () {
+    }
+    triggerChange() {
         this.options.onChange.notify({
             minValue: this.getMin(),
             maxValue: this.getMin()
         });
-    };
-    return DateRangeComponent;
-}());
-export { DateRangeComponent };
+    }
+}