jsl-ui 9.28.2 → 9.28.3

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

@@ -1,136 +1,123 @@
-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;
-        this.State = { currentMin: null, currentMax: null };
-        this.manualChange = false;
-        this.options = __assign({}, o);
-        if (this.options.minValue == null) {
-            this.options.minValue = this.options.min;
-        }
-        if (this.options.maxValue == null) {
-            this.options.maxValue = this.options.max;
-        }
-        this.options.onChange = EventHandler.Create(this.options.onChange);
-        this.minDate = new DateComponent({
-            min: this.options.min,
-            max: this.options.max,
-            value: this.options.minValue,
-            style: "width:6rem;",
-            onChange: function (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.maxDate = new DateComponent({
-            min: this.options.min,
-            max: this.options.max,
-            value: this.options.maxValue,
-            style: "width:6rem;text-align:right;",
-            onChange: function (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();
-            }
-        });
-    }
-    DateRangeComponent.prototype.render = function () {
-        var _a;
-        return {
-            tag: "div", attr: { style: this.options.style, class: "date-range-comp " + ((_a = this.options.class) !== null && _a !== void 0 ? _a : "") }, children: [
-                {
-                    tag: "div", children: [
-                        this.minDate,
-                        { tag: "span", content: " - " },
-                        this.maxDate
-                    ]
-                }, {
-                    tag: "div", children: [
-                        { tag: "div", attr: { class: "slider-div" } }
-                    ]
-                }
-            ]
-        };
-    };
-    DateRangeComponent.prototype.onCreate = function (node) {
-        var _this = this;
-        var 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;
-        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
-            },
-        });
-        this.slider.on("update", function (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();
-        });
-    };
-    DateRangeComponent.prototype.onRemove = function () {
-        if (this.slider != null) {
-            this.slider.destroy();
-            this.slider = null;
-        }
-    };
-    DateRangeComponent.prototype.getMin = function () {
-        return this.minDate.getValueAsDate();
-    };
-    DateRangeComponent.prototype.getMax = function () {
-        return this.maxDate.getValueAsDate();
-    };
-    DateRangeComponent.prototype.triggerChange = function () {
-        this.options.onChange.notify({
-            minValue: this.getMin(),
-            maxValue: this.getMin()
-        });
-    };
-    return DateRangeComponent;
-}());
-export { DateRangeComponent };
+import "./DateRangeStyle.scss";
+import { noUiSlider } from "../slider/nouislider";
+import { DateComponent } from "../date/DateComponent";
+import { date } from "../../core/date";
+import { EventHandler } from "../../interaction/eventhandler";
+export class DateRangeComponent {
+    constructor(o) {
+        this.State = { currentMin: null, currentMax: null };
+        this.manualChange = false;
+        this.options = { ...o };
+        if (this.options.minValue == null) {
+            this.options.minValue = this.options.min;
+        }
+        if (this.options.maxValue == null) {
+            this.options.maxValue = this.options.max;
+        }
+        this.options.onChange = EventHandler.Create(this.options.onChange);
+        this.minDate = new DateComponent({
+            min: this.options.min,
+            max: this.options.max,
+            value: this.options.minValue,
+            style: "width:6rem;",
+            onChange: (val) => {
+                if (this.manualChange) {
+                    return;
+                }
+                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({
+            min: this.options.min,
+            max: this.options.max,
+            value: this.options.maxValue,
+            style: "width:6rem;text-align:right;",
+            onChange: (val) => {
+                if (this.manualChange) {
+                    return;
+                }
+                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();
+            }
+        });
+    }
+    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: [
+                {
+                    tag: "div", children: [
+                        this.minDate,
+                        { tag: "span", content: " - " },
+                        this.maxDate
+                    ]
+                }, {
+                    tag: "div", children: [
+                        { tag: "div", attr: { class: "slider-div" } }
+                    ]
+                }
+            ]
+        };
+    }
+    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");
+        }
+        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,
+                max
+            },
+        });
+        this.slider.on("update", (values) => {
+            if (this.manualChange) {
+                return;
+            }
+            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();
+        });
+    }
+    onRemove() {
+        if (this.slider != null) {
+            this.slider.destroy();
+            this.slider = null;
+        }
+    }
+    getMin() {
+        return this.minDate.getValueAsDate();
+    }
+    getMax() {
+        return this.maxDate.getValueAsDate();
+    }
+    triggerChange() {
+        this.options.onChange.notify({
+            minValue: this.getMin(),
+            maxValue: this.getMin()
+        });
+    }
+}

package/lib/components/date-time/DateTimeComponent.d.ts

@@ -1,15 +1,15 @@
-import "./DateTimeStyle.scss";
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-import { IDateComponentOptions } from "../date/DateComponent";
-import { ITimeComponentOptions } from "../time/TimeComponent";
-export interface IDateTimeComponentOptions<T> extends IDateComponentOptions<T>, ITimeComponentOptions<T> {
-}
-export declare class DateTimeComponent<T = any> implements IJSLComponent {
-    private options;
-    private dateComp;
-    private timeComp;
-    constructor(options: IDateTimeComponentOptions<T>);
-    render(): IJSLVNode;
-    getValue(): string;
-    getValueAsDate(): Date;
-}
+import "./DateTimeStyle.scss";
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+import { IDateComponentOptions } from "../date/DateComponent";
+import { ITimeComponentOptions } from "../time/TimeComponent";
+export interface IDateTimeComponentOptions<T> extends IDateComponentOptions<T>, ITimeComponentOptions<T> {
+}
+export declare class DateTimeComponent<T = any> implements IJSLComponent {
+    private options;
+    private dateComp;
+    private timeComp;
+    constructor(options: IDateTimeComponentOptions<T>);
+    render(): IJSLVNode;
+    getValue(): string;
+    getValueAsDate(): Date;
+}

package/lib/components/date-time/DateTimeComponent.js

@@ -1,53 +1,39 @@
-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 "./DateTimeStyle.scss";
-import { EventHandler } from "../../interaction/eventhandler";
-import { DateComponent } from "../date/DateComponent";
-import { TimeComponent } from "../time/TimeComponent";
-var DateTimeComponent = /** @class */ (function () {
-    function DateTimeComponent(options) {
-        var _this = this;
-        if (options.bindMode && options.bindMode !== "toModel") {
-            throw new Error("Currently DateTimeComponent only supports toModel as bindMode");
-        }
-        this.options = __assign({}, options);
-        this.options.onChange = EventHandler.Create(this.options.onChange);
-        var optionsCopy = __assign({}, options);
-        optionsCopy.bindTo = null;
-        optionsCopy.property = null;
-        optionsCopy.converter = null;
-        optionsCopy.onChange = function () {
-            var _a;
-            var val = _this.getValueAsDate();
-            if (_this.options.bindTo && options.property) {
-                _this.options.bindTo[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);
-        };
-        this.dateComp = new DateComponent(optionsCopy);
-        this.timeComp = new TimeComponent(optionsCopy);
-    }
-    DateTimeComponent.prototype.render = function () {
-        return { tag: "div", attr: { class: "date-time-comp" }, children: [
-                this.dateComp, this.timeComp
-            ] };
-    };
-    DateTimeComponent.prototype.getValue = function () {
-        return this.dateComp.getValue() + " " + this.timeComp.getValue();
-    };
-    DateTimeComponent.prototype.getValueAsDate = function () {
-        return this.timeComp.getValueAsDate(this.dateComp.getValueAsDate());
-    };
-    return DateTimeComponent;
-}());
-export { DateTimeComponent };
+import "./DateTimeStyle.scss";
+import { EventHandler } from "../../interaction/eventhandler";
+import { DateComponent } from "../date/DateComponent";
+import { TimeComponent } from "../time/TimeComponent";
+export class DateTimeComponent {
+    constructor(options) {
+        if (options.bindMode && options.bindMode !== "toModel") {
+            throw new Error("Currently DateTimeComponent only supports toModel as bindMode");
+        }
+        this.options = { ...options };
+        this.options.onChange = EventHandler.Create(this.options.onChange);
+        const optionsCopy = { ...options };
+        optionsCopy.bindTo = null;
+        optionsCopy.property = null;
+        optionsCopy.converter = null;
+        optionsCopy.onChange = () => {
+            var _a;
+            const val = this.getValueAsDate();
+            if (this.options.bindTo && options.property) {
+                this.options.bindTo[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);
+        };
+        this.dateComp = new DateComponent(optionsCopy);
+        this.timeComp = new TimeComponent(optionsCopy);
+    }
+    render() {
+        return { tag: "div", attr: { class: "date-time-comp" }, children: [
+                this.dateComp, this.timeComp
+            ] };
+    }
+    getValue() {
+        return this.dateComp.getValue() + " " + this.timeComp.getValue();
+    }
+    getValueAsDate() {
+        return this.timeComp.getValueAsDate(this.dateComp.getValueAsDate());
+    }
+}

package/lib/components/dialog/DialogComponent.d.ts

@@ -1,67 +1,67 @@
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-import { IDialogOptions, JSLDialog } from "../../ui/dialog";
-import { IMoveableOptions } from "../../interaction/moveable";
-import { IResizeOptions } from "../../interaction/resizable";
-export interface IDialogComponentOptions extends IDialogOptions {
-    width?: string;
-    minWidth?: string;
-    minHeight?: string;
-    height?: string;
-    maxWidth?: string;
-    maxHeight?: string;
-    header: IJSLVNode | string | IJSLComponent;
-    content: IJSLVNode | string | IJSLComponent;
-    footer: IJSLVNode | string | IJSLComponent;
-    showCloseButton?: boolean;
-    allowMove?: boolean;
-    allowResize?: boolean;
-    resizeOptions?: IResizeOptions;
-    moveOptions?: IMoveableOptions;
-    class?: string;
-}
-export interface IDialogButtonOptions {
-    content?: string;
-    class?: string;
-    onClick?: () => void | boolean | Promise<any>;
-    raw?: boolean;
-}
-export declare class DialogComponent implements IJSLComponent {
-    static Button(options: IDialogButtonOptions): {
-        tag: string;
-        attr: {
-            class: string;
-            click: () => Promise<void>;
-        };
-        content: string;
-        raw: boolean;
-    };
-    static Ok(onClick?: () => void | boolean | Promise<any>): {
-        tag: string;
-        attr: {
-            class: string;
-            click: () => Promise<void>;
-        };
-        content: string;
-        raw: boolean;
-    };
-    static Cancel(): {
-        tag: string;
-        attr: {
-            class: string;
-            click: () => Promise<void>;
-        };
-        content: string;
-        raw: boolean;
-    };
-    static show(options: IDialogComponentOptions): DialogComponent;
-    private static lastRenderedDlg;
-    private closeIcon;
-    private resizeHandle;
-    private ref;
-    private options;
-    constructor(options: IDialogComponentOptions);
-    render(): IJSLVNode;
-    onCreate(node: IJSLVNode): void;
-    getRef(): JSLDialog;
-    private toNode;
-}
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+import { IDialogOptions, JSLDialog } from "../../ui/dialog";
+import { IMoveableOptions } from "../../interaction/moveable";
+import { IResizeOptions } from "../../interaction/resizable";
+export interface IDialogComponentOptions extends IDialogOptions {
+    width?: string;
+    minWidth?: string;
+    minHeight?: string;
+    height?: string;
+    maxWidth?: string;
+    maxHeight?: string;
+    header: IJSLVNode | string | IJSLComponent;
+    content: IJSLVNode | string | IJSLComponent;
+    footer: IJSLVNode | string | IJSLComponent;
+    showCloseButton?: boolean;
+    allowMove?: boolean;
+    allowResize?: boolean;
+    resizeOptions?: IResizeOptions;
+    moveOptions?: IMoveableOptions;
+    class?: string;
+}
+export interface IDialogButtonOptions {
+    content?: string;
+    class?: string;
+    onClick?: () => void | boolean | Promise<any>;
+    raw?: boolean;
+}
+export declare class DialogComponent implements IJSLComponent {
+    static Button(options: IDialogButtonOptions): {
+        tag: string;
+        attr: {
+            class: string;
+            click: () => Promise<void>;
+        };
+        content: string;
+        raw: boolean;
+    };
+    static Ok(onClick?: () => void | boolean | Promise<any>): {
+        tag: string;
+        attr: {
+            class: string;
+            click: () => Promise<void>;
+        };
+        content: string;
+        raw: boolean;
+    };
+    static Cancel(): {
+        tag: string;
+        attr: {
+            class: string;
+            click: () => Promise<void>;
+        };
+        content: string;
+        raw: boolean;
+    };
+    static show(options: IDialogComponentOptions): DialogComponent;
+    private static lastRenderedDlg;
+    private closeIcon;
+    private resizeHandle;
+    private ref;
+    private options;
+    constructor(options: IDialogComponentOptions);
+    render(): IJSLVNode;
+    onCreate(node: IJSLVNode): void;
+    getRef(): JSLDialog;
+    private toNode;
+}