jsl-ui 9.28.2 → 9.28.3

package/lib/components/notification/Notification.js

@@ -1,69 +1,65 @@
-import "./Notification.scss";
-import { JSLRender } from "jsl-render";
-import { helper } from "../../core/helper";
-var Notification = /** @class */ (function () {
-    function Notification() {
-    }
-    Notification.show = function (options) {
-        if (Notification.container == null) {
-            Notification.createContainer();
-        }
-        var id = helper.newDomGuid();
-        // add
-        var notification = {
-            tag: "div",
-            attr: { id: id, style: options.style, class: "jsl-notification " + (options.class || "") },
-            animation: { attr: "opacity", from: 0, to: 1, duration: 600 },
-            children: [
-                typeof options.content === "string" ? { tag: "div", content: options.content } : options.content
-            ]
-        };
-        Notification.containerVNode.children.push(notification);
-        Notification.renderer.refresh();
-        // remove
-        if (options.timeOut) {
-            setTimeout(function () {
-                var idx = Notification.containerVNode.children.indexOf(notification);
-                if (idx >= 0) {
-                    Notification.containerVNode.children.splice(idx, 1);
-                }
-                Notification.renderer.refresh();
-            }, options.timeOut);
-        }
-        notification.attr.click = function () {
-            var _a;
-            if (options.onClick != null) {
-                options.onClick();
-            }
-            if (((_a = options.closeOnClick) !== null && _a !== void 0 ? _a : true) === true) {
-                var idx = Notification.containerVNode.children.indexOf(notification);
-                if (idx >= 0) {
-                    Notification.containerVNode.children.splice(idx, 1);
-                }
-            }
-        };
-        return id;
-    };
-    Notification.clearNotification = function (id) {
-        Notification.containerVNode.children = Notification.containerVNode.children.filter(function (x) { var _a; return ((_a = x.attr) === null || _a === void 0 ? void 0 : _a.id) !== id; });
-        Notification.renderer.refresh();
-    };
-    Notification.clearAll = function () {
-        if (Notification.containerVNode != null) {
-            Notification.containerVNode.children = [];
-        }
-        if (Notification.renderer != null) {
-            Notification.renderer.refresh();
-        }
-    };
-    Notification.createContainer = function () {
-        Notification.container = document.createElement("div");
-        document.body.appendChild(Notification.container);
-        Notification.container.className = "jsl-notification-container";
-        Notification.containerVNode = { tag: "div", children: [] };
-        Notification.renderer = new JSLRender(Notification.container, false);
-        Notification.renderer.render(Notification.containerVNode);
-    };
-    return Notification;
-}());
-export { Notification };
+import "./Notification.scss";
+import { JSLRender } from "jsl-render";
+import { helper } from "../../core/helper";
+export class Notification {
+    static show(options) {
+        if (Notification.container == null) {
+            Notification.createContainer();
+        }
+        const id = helper.newDomGuid();
+        // add
+        const notification = {
+            tag: "div",
+            attr: { id, style: options.style, class: "jsl-notification " + (options.class || "") },
+            animation: { attr: "opacity", from: 0, to: 1, duration: 600 },
+            children: [
+                typeof options.content === "string" ? { tag: "div", content: options.content } : options.content
+            ]
+        };
+        Notification.containerVNode.children.push(notification);
+        Notification.renderer.refresh();
+        // remove
+        if (options.timeOut) {
+            setTimeout(() => {
+                const idx = Notification.containerVNode.children.indexOf(notification);
+                if (idx >= 0) {
+                    Notification.containerVNode.children.splice(idx, 1);
+                }
+                Notification.renderer.refresh();
+            }, options.timeOut);
+        }
+        notification.attr.click = () => {
+            var _a;
+            if (options.onClick != null) {
+                options.onClick();
+            }
+            if (((_a = options.closeOnClick) !== null && _a !== void 0 ? _a : true) === true) {
+                const idx = Notification.containerVNode.children.indexOf(notification);
+                if (idx >= 0) {
+                    Notification.containerVNode.children.splice(idx, 1);
+                }
+            }
+        };
+        return id;
+    }
+    static clearNotification(id) {
+        Notification.containerVNode.children = Notification.containerVNode.children.filter((x) => { var _a; return ((_a = x.attr) === null || _a === void 0 ? void 0 : _a.id) !== id; });
+        Notification.renderer.refresh();
+    }
+    static clearAll() {
+        if (Notification.containerVNode != null) {
+            Notification.containerVNode.children = [];
+        }
+        if (Notification.renderer != null) {
+            Notification.renderer.refresh();
+        }
+    }
+    static createContainer() {
+        Notification.container = document.createElement("div");
+        document.body.appendChild(Notification.container);
+        Notification.container.className = "jsl-notification-container";
+        Notification.containerVNode = { tag: "div", children: [] };
+        Notification.renderer = new JSLRender(Notification.container, false);
+        Notification.renderer.render(Notification.containerVNode);
+    }
+}

package/lib/components/number/NumberComponent.d.ts

@@ -1,26 +1,26 @@
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-import { INumberInputOptions } from "../../ui/number.input";
-import { EventHandler } from "../../interaction/eventhandler";
-import { IDataConverter } from "../../interaction/dataconverter";
-export interface INumberComponentOptions<T = any> extends INumberInputOptions {
-    id?: string;
-    class?: string;
-    style?: string;
-    placeholder?: string;
-    bindTo?: T;
-    bindMode?: "toModel" | "fromModel" | "both";
-    property?: keyof T;
-    converter?: IDataConverter<any, number>;
-}
-export declare class NumberComponent<T = any> implements IJSLComponent {
-    private currentDom;
-    private id;
-    private options;
-    constructor(options: INumberComponentOptions<T>);
-    get onChange(): EventHandler<number>;
-    render(): IJSLVNode;
-    getValue(): string;
-    getValueAsNumber(): number;
-    setValue(value: number): void;
-    onCreate(node: IJSLVNode): void;
-}
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+import { INumberInputOptions } from "../../ui/number.input";
+import { EventHandler } from "../../interaction/eventhandler";
+import { IDataConverter } from "../../interaction/dataconverter";
+export interface INumberComponentOptions<T = any> extends INumberInputOptions {
+    id?: string;
+    class?: string;
+    style?: string;
+    placeholder?: string;
+    bindTo?: T;
+    bindMode?: "toModel" | "fromModel" | "both";
+    property?: keyof T;
+    converter?: IDataConverter<any, number>;
+}
+export declare class NumberComponent<T = any> implements IJSLComponent {
+    private currentDom;
+    private id;
+    private options;
+    constructor(options: INumberComponentOptions<T>);
+    get onChange(): EventHandler<number>;
+    render(): IJSLVNode;
+    getValue(): string;
+    getValueAsNumber(): number;
+    setValue(value: number): void;
+    onCreate(node: IJSLVNode): void;
+}

package/lib/components/number/NumberComponent.js

@@ -1,98 +1,80 @@
-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 { NumberInput } from "../../ui/number.input";
-import { numeric } from "../../core/numeric";
-import { helper } from "../../core/helper";
-import { EventHandler } from "../../interaction/eventhandler";
-var NumberComponent = /** @class */ (function () {
-    function NumberComponent(options) {
-        var _a;
-        this.options = __assign({ onChange: new EventHandler(), 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]) :
-                this.options.bindTo[this.options.property]);
-        }
-        this.options.onChange = EventHandler.Create(this.options.onChange);
-        this.id = options.id || helper.newDomGuid();
-    }
-    Object.defineProperty(NumberComponent.prototype, "onChange", {
-        get: function () {
-            return this.options.onChange;
-        },
-        enumerable: false,
-        configurable: true
-    });
-    NumberComponent.prototype.render = function () {
-        var _a;
-        var 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) ?
-                this.options.converter.toUI(this.options.bindTo[this.options.property]) :
-                this.options.bindTo[this.options.property]);
-            var newValStr = numeric.format(newVal, this.options.format);
-            if (newValStr !== current) {
-                val = newVal;
-                if (this.currentDom != null) {
-                    this.currentDom.value = newValStr;
-                }
-            }
-        }
-        return {
-            tag: "input",
-            attr: {
-                id: this.id,
-                class: this.options.class,
-                style: this.options.style,
-                value: numeric.format(val, this.options.format),
-                placeholder: this.options.placeholder
-            }
-        };
-    };
-    NumberComponent.prototype.getValue = function () {
-        if (this.currentDom == null) {
-            return null;
-        }
-        return this.currentDom.value;
-    };
-    NumberComponent.prototype.getValueAsNumber = function () {
-        return numeric.parse(this.getValue());
-    };
-    NumberComponent.prototype.setValue = function (value) {
-        var _a;
-        this.options.value = value;
-        if (this.currentDom != null) {
-            this.currentDom.value = numeric.format(value, this.options.format);
-        }
-        if (this.options.bindMode !== "fromModel" && this.options.bindTo && this.options.property) {
-            this.options.bindTo[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;
-        }
-    };
-    NumberComponent.prototype.onCreate = function (node) {
-        var _this = this;
-        this.currentDom = node.dom;
-        var handler = new EventHandler(function (value) {
-            var _a;
-            if (_this.options.bindTo != null && _this.options.bindMode !== "fromModel" && _this.options.property != null) {
-                if (_this.options.bindTo && _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);
-        });
-        NumberInput(this.currentDom, __assign(__assign({}, this.options), { onChange: handler }));
-    };
-    return NumberComponent;
-}());
-export { NumberComponent };
+import { NumberInput } from "../../ui/number.input";
+import { numeric } from "../../core/numeric";
+import { helper } from "../../core/helper";
+import { EventHandler } from "../../interaction/eventhandler";
+export class NumberComponent {
+    constructor(options) {
+        var _a;
+        this.options = { ...{ onChange: new EventHandler(), 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]) :
+                this.options.bindTo[this.options.property]);
+        }
+        this.options.onChange = EventHandler.Create(this.options.onChange);
+        this.id = options.id || helper.newDomGuid();
+    }
+    get onChange() {
+        return this.options.onChange;
+    }
+    render() {
+        var _a;
+        let val = this.options.value;
+        if (this.options.bindMode !== "toModel" && this.options.bindTo != null && this.options.property != null) {
+            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]);
+            const newValStr = numeric.format(newVal, this.options.format);
+            val = newVal;
+            if (newValStr !== current) {
+                if (this.currentDom != null) {
+                    this.currentDom.value = newValStr;
+                }
+            }
+        }
+        return {
+            tag: "input",
+            attr: {
+                id: this.id,
+                class: this.options.class,
+                style: this.options.style,
+                value: numeric.format(val, this.options.format),
+                placeholder: this.options.placeholder
+            }
+        };
+    }
+    getValue() {
+        if (this.currentDom == null) {
+            return null;
+        }
+        return this.currentDom.value;
+    }
+    getValueAsNumber() {
+        return numeric.parse(this.getValue());
+    }
+    setValue(value) {
+        var _a;
+        this.options.value = value;
+        if (this.currentDom != null) {
+            this.currentDom.value = numeric.format(value, this.options.format);
+        }
+        if (this.options.bindMode !== "fromModel" && this.options.bindTo && this.options.property) {
+            this.options.bindTo[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;
+        }
+    }
+    onCreate(node) {
+        this.currentDom = node.dom;
+        const handler = new EventHandler((value) => {
+            var _a;
+            if (this.options.bindTo != null && this.options.bindMode !== "fromModel" && this.options.property != null) {
+                if (this.options.bindTo && 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);
+        });
+        NumberInput(this.currentDom, { ...this.options, onChange: handler });
+    }
+}

package/lib/components/overlay/OverlayComponent.d.ts

@@ -1,27 +1,27 @@
-import "./overlay.css";
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-export interface IOverlayComponentOptions {
-    content: IJSLVNode | string | IJSLComponent;
-    showCloseButton?: boolean;
-    closeOnEscape?: boolean;
-    closeOnOverlayClick?: boolean;
-    onClose?: () => void | boolean;
-    onOpen?: () => void;
-    animate?: boolean;
-    direction?: "left" | "top";
-    size?: string;
-    class?: string;
-    style?: string;
-}
-export declare class OverlayComponent implements IJSLComponent {
-    static show(options: IOverlayComponentOptions): OverlayComponent;
-    private static lastRenderedDlg;
-    private closeIcon;
-    private onKeydownEvent;
-    close(): void;
-    private options;
-    constructor(options: IOverlayComponentOptions);
-    onCreate(node: IJSLVNode): void;
-    render(): IJSLVNode;
-    private toNode;
-}
+import "./overlay.css";
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+export interface IOverlayComponentOptions {
+    content: IJSLVNode | string | IJSLComponent;
+    showCloseButton?: boolean;
+    closeOnEscape?: boolean;
+    closeOnOverlayClick?: boolean;
+    onClose?: () => void | boolean;
+    onOpen?: () => void;
+    animate?: boolean;
+    direction?: "left" | "top";
+    size?: string;
+    class?: string;
+    style?: string;
+}
+export declare class OverlayComponent implements IJSLComponent {
+    static show(options: IOverlayComponentOptions): OverlayComponent;
+    private static lastRenderedDlg;
+    private closeIcon;
+    private onKeydownEvent;
+    close(): void;
+    private options;
+    constructor(options: IOverlayComponentOptions);
+    onCreate(node: IJSLVNode): void;
+    render(): IJSLVNode;
+    private toNode;
+}