jsl-ui 9.28.3 → 9.28.5

package/lib/components/IntervalComponent.d.ts

@@ -1,17 +1,17 @@
-import { IJSLComponent, JSLRender, IJSLVNode } from "jsl-render";
-export interface IIntervalOptions {
-    interval: number;
-    stopOnError?: boolean;
-    noRefresh?: boolean;
-}
-export declare class IntervalComponent implements IJSLComponent {
-    private fnc;
-    private options;
-    private renderer;
-    constructor(fnc: any, options: IIntervalOptions);
-    isEqual(node: IJSLComponent): boolean;
-    render(): IJSLVNode;
-    onInit(render: JSLRender): void;
-    onCreate(node: IJSLVNode): void;
-    onRemove(node: IJSLVNode): void;
-}
+import { IJSLComponent, JSLRender, IJSLVNode } from "jsl-render";
+export interface IIntervalOptions {
+    interval: number;
+    stopOnError?: boolean;
+    noRefresh?: boolean;
+}
+export declare class IntervalComponent implements IJSLComponent {
+    private fnc;
+    private options;
+    private renderer;
+    constructor(fnc: any, options: IIntervalOptions);
+    isEqual(node: IJSLComponent): boolean;
+    render(): IJSLVNode;
+    onInit(render: JSLRender): void;
+    onCreate(node: IJSLVNode): void;
+    onRemove(node: IJSLVNode): void;
+}

package/lib/components/IntervalComponent.js

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

package/lib/components/auto-suggest/AutoSuggestComponent.d.ts

@@ -1,22 +1,22 @@
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-import { IAutoSuggestOptions, IAutoSuggest } from "../../ui/auto.suggest";
-export interface IAutoSuggestComponentOptions extends IAutoSuggestOptions {
-    value?: string;
-    class?: string;
-    style?: string;
-    placeholder?: string;
-}
-export declare class AutoSuggestComponent implements IJSLComponent {
-    private options;
-    private ref;
-    private dom;
-    constructor(options: IAutoSuggestComponentOptions);
-    render(): IJSLVNode;
-    getRef(): IAutoSuggest;
-    getValue(): string;
-    setValue(val: string): void;
-    focus(): void;
-    onCreate(node: IJSLVNode): void;
-    onUpdate(node: IJSLVNode): void;
-    onRemove(): void;
-}
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+import { IAutoSuggestOptions, IAutoSuggest } from "../../ui/auto.suggest";
+export interface IAutoSuggestComponentOptions extends IAutoSuggestOptions {
+    value?: string;
+    class?: string;
+    style?: string;
+    placeholder?: string;
+}
+export declare class AutoSuggestComponent implements IJSLComponent {
+    private options;
+    private ref;
+    private dom;
+    constructor(options: IAutoSuggestComponentOptions);
+    render(): IJSLVNode;
+    getRef(): IAutoSuggest;
+    getValue(): string;
+    setValue(val: string): void;
+    focus(): void;
+    onCreate(node: IJSLVNode): void;
+    onUpdate(node: IJSLVNode): void;
+    onRemove(): void;
+}

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

@@ -1,47 +1,47 @@
-import { AutoSuggest } from "../../ui/auto.suggest";
-export class AutoSuggestComponent {
-    constructor(options) {
-        this.options = options;
-        // this.id = this.options.id ?? helper.newDomGuid();
-    }
-    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 : "" }
-        };
-    }
-    getRef() {
-        return this.ref;
-    }
-    getValue() {
-        if (this.dom == null) {
-            return "";
-        }
-        return this.dom.value;
-    }
-    setValue(val) {
-        if (this.dom == null) {
-            return;
-        }
-        this.dom.value = val;
-    }
-    focus() {
-        if (this.dom == null) {
-            return;
-        }
-        this.dom.focus();
-    }
-    onCreate(node) {
-        this.dom = node.dom;
-        AutoSuggest(node.dom, this.options);
-    }
-    onUpdate(node) {
-        this.dom = node.dom;
-    }
-    onRemove() {
-        if (this.ref != null) {
-            this.ref.destroy();
-        }
-    }
-}
+import { AutoSuggest } from "../../ui/auto.suggest";
+export class AutoSuggestComponent {
+    constructor(options) {
+        this.options = options;
+        // this.id = this.options.id ?? helper.newDomGuid();
+    }
+    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 : "" }
+        };
+    }
+    getRef() {
+        return this.ref;
+    }
+    getValue() {
+        if (this.dom == null) {
+            return "";
+        }
+        return this.dom.value;
+    }
+    setValue(val) {
+        if (this.dom == null) {
+            return;
+        }
+        this.dom.value = val;
+    }
+    focus() {
+        if (this.dom == null) {
+            return;
+        }
+        this.dom.focus();
+    }
+    onCreate(node) {
+        this.dom = node.dom;
+        AutoSuggest(node.dom, this.options);
+    }
+    onUpdate(node) {
+        this.dom = node.dom;
+    }
+    onRemove() {
+        if (this.ref != null) {
+            this.ref.destroy();
+        }
+    }
+}

package/lib/components/button/ButtonComponent.d.ts

@@ -1,18 +1,18 @@
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-import { EventHandler } from "../../interaction/eventhandler";
-export interface IButtonOptions {
-    content: string | IJSLVNode | IJSLComponent;
-    enabled?: boolean;
-    class?: string;
-    outlined?: boolean;
-    style?: string;
-    click?: EventHandler<MouseEvent> | ((evt?: MouseEvent) => void);
-}
-export declare class ButtonComponent implements IJSLComponent {
-    private options;
-    get click(): EventHandler<MouseEvent>;
-    constructor(options: IButtonOptions);
-    isEqual(node: IJSLComponent): boolean;
-    render(): IJSLVNode;
-    private raiseEvent;
-}
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+import { EventHandler } from "../../interaction/eventhandler";
+export interface IButtonOptions {
+    content: string | IJSLVNode | IJSLComponent;
+    enabled?: boolean;
+    class?: string;
+    outlined?: boolean;
+    style?: string;
+    click?: EventHandler<MouseEvent> | ((evt?: MouseEvent) => void);
+}
+export declare class ButtonComponent implements IJSLComponent {
+    private options;
+    get click(): EventHandler<MouseEvent>;
+    constructor(options: IButtonOptions);
+    isEqual(node: IJSLComponent): boolean;
+    render(): IJSLVNode;
+    private raiseEvent;
+}

package/lib/components/button/ButtonComponent.js

@@ -1,29 +1,29 @@
-import { EventHandler } from "../../interaction/eventhandler";
-export class ButtonComponent {
-    constructor(options) {
-        this.options = { ...{ enabled: true, class: "" }, ...options };
-        this.options.click = EventHandler.Create(this.options.click);
-    }
-    get click() {
-        return this.options.click;
-    }
-    isEqual(node) {
-        return this.__proto__ === node.__proto__;
-    }
-    render() {
-        return {
-            tag: "button",
-            attr: {
-                class: "jsl-button " + (this.options.outlined ? "jsl-button-outline " : "") +
-                    this.options.class + (!this.options.enabled ? " disabled" : ""), style: this.options.style, click: this.raiseEvent
-            },
-            content: typeof this.options.content === "string" ? this.options.content : "",
-            children: typeof this.options.content !== "string" ? [this.options.content] : []
-        };
-    }
-    raiseEvent(evt) {
-        if (this.options.enabled) {
-            this.options.click.notify(evt);
-        }
-    }
-}
+import { EventHandler } from "../../interaction/eventhandler";
+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);
+    }
+    isEqual(node) {
+        return this.__proto__ === node.__proto__;
+    }
+    render() {
+        return {
+            tag: "button",
+            attr: {
+                class: "jsl-button " + (this.options.outlined ? "jsl-button-outline " : "") +
+                    this.options.class + (!this.options.enabled ? " disabled" : ""), style: this.options.style, click: this.raiseEvent
+            },
+            content: typeof this.options.content === "string" ? this.options.content : "",
+            children: typeof this.options.content !== "string" ? [this.options.content] : []
+        };
+    }
+    raiseEvent(evt) {
+        if (this.options.enabled) {
+            this.options.click.notify(evt);
+        }
+    }
+}

package/lib/components/checkbox/CheckBoxComponent.d.ts

@@ -1,28 +1,28 @@
-import "./CheckBoxStyle.scss";
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-import { EventHandler } from "../../interaction/eventhandler";
-import { IDataConverter } from "../../interaction/dataconverter";
-export interface ICheckBoxOptions<T = any> {
-    value?: boolean;
-    label: string;
-    enabled?: boolean;
-    class?: string;
-    style?: string;
-    onChange?: EventHandler<boolean> | ((v?: boolean) => void);
-    id?: string;
-    bindTo?: T;
-    property?: keyof T;
-    bindMode?: "toModel" | "fromModel" | "both";
-    converter?: IDataConverter<any, boolean>;
-}
-export declare class CheckBoxComponent<T = any> implements IJSLComponent {
-    private options;
-    private currentDom;
-    get onChange(): EventHandler<boolean>;
-    constructor(options: ICheckBoxOptions<T>);
-    render(): IJSLVNode;
-    getValue(): boolean;
-    setValue(val: boolean): void;
-    onCreate(node: IJSLVNode): void;
-    private raiseEvent;
-}
+import "./CheckBoxStyle.scss";
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+import { EventHandler } from "../../interaction/eventhandler";
+import { IDataConverter } from "../../interaction/dataconverter";
+export interface ICheckBoxOptions<T = any> {
+    value?: boolean;
+    label: string;
+    enabled?: boolean;
+    class?: string;
+    style?: string;
+    onChange?: EventHandler<boolean> | ((v?: boolean) => void);
+    id?: string;
+    bindTo?: T;
+    property?: keyof T;
+    bindMode?: "toModel" | "fromModel" | "both";
+    converter?: IDataConverter<any, boolean>;
+}
+export declare class CheckBoxComponent<T = any> implements IJSLComponent {
+    private options;
+    private currentDom;
+    get onChange(): EventHandler<boolean>;
+    constructor(options: ICheckBoxOptions<T>);
+    render(): IJSLVNode;
+    getValue(): boolean;
+    setValue(val: boolean): void;
+    onCreate(node: IJSLVNode): void;
+    private raiseEvent;
+}

package/lib/components/checkbox/CheckBoxComponent.js

@@ -1,81 +1,81 @@
-import "./CheckBoxStyle.scss";
-import { EventHandler } from "../../interaction/eventhandler";
-import { helper } from "../../core/helper";
-export class CheckBoxComponent {
-    constructor(options) {
-        var _a;
-        this.options = { ...{ enabled: true, class: "", bindMode: "toModel" }, ...options };
-        if (!this.options.id) {
-            this.options.id = helper.newDomGuid();
-        }
-        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);
-    }
-    get onChange() {
-        return this.options.onChange;
-    }
-    // public isEqual(node: IJSLComponent): boolean {
-    //     return (this as any).__proto__ === (node as any).__proto__;
-    // }
-    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]);
-            val = newVal;
-            if (newVal !== current) {
-                if (this.currentDom != null) {
-                    this.currentDom.checked = val;
-                }
-            }
-        }
-        return {
-            tag: "span",
-            attr: { style: this.options.style },
-            children: [{
-                    tag: "input",
-                    attr: {
-                        type: "checkbox",
-                        disabled: !this.options.enabled ? "disabled" : undefined,
-                        class: "checkbox-comp " + (this.options.class || ""),
-                        change: this.raiseEvent,
-                        checked: val ? "checked" : undefined,
-                        id: typeof this.options.id === "string" ? this.options.id : undefined
-                    }
-                }, { tag: "label", content: this.options.label, attr: { for: this.options.id } }]
-        };
-    }
-    getValue() {
-        var _a;
-        return ((_a = this.currentDom) === null || _a === void 0 ? void 0 : _a.checked) || false;
-    }
-    setValue(val) {
-        var _a;
-        if (this.currentDom != null) {
-            this.currentDom.checked = val;
-        }
-        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;
-        }
-    }
-    onCreate(node) {
-        this.currentDom = node.dom.querySelector("input");
-    }
-    raiseEvent(e, node) {
-        var _a;
-        if (this.options.enabled) {
-            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);
-        }
-    }
-}
+import "./CheckBoxStyle.scss";
+import { EventHandler } from "../../interaction/eventhandler";
+import { helper } from "../../core/helper";
+export class CheckBoxComponent {
+    get onChange() {
+        return this.options.onChange;
+    }
+    constructor(options) {
+        var _a;
+        this.options = { ...{ enabled: true, class: "", bindMode: "toModel" }, ...options };
+        if (!this.options.id) {
+            this.options.id = helper.newDomGuid();
+        }
+        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);
+    }
+    // public isEqual(node: IJSLComponent): boolean {
+    //     return (this as any).__proto__ === (node as any).__proto__;
+    // }
+    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]);
+            val = newVal;
+            if (newVal !== current) {
+                if (this.currentDom != null) {
+                    this.currentDom.checked = val;
+                }
+            }
+        }
+        return {
+            tag: "span",
+            attr: { style: this.options.style },
+            children: [{
+                    tag: "input",
+                    attr: {
+                        type: "checkbox",
+                        disabled: !this.options.enabled ? "disabled" : undefined,
+                        class: "checkbox-comp " + (this.options.class || ""),
+                        change: this.raiseEvent,
+                        checked: val ? "checked" : undefined,
+                        id: typeof this.options.id === "string" ? this.options.id : undefined
+                    }
+                }, { tag: "label", content: this.options.label, attr: { for: this.options.id } }]
+        };
+    }
+    getValue() {
+        var _a;
+        return ((_a = this.currentDom) === null || _a === void 0 ? void 0 : _a.checked) || false;
+    }
+    setValue(val) {
+        var _a;
+        if (this.currentDom != null) {
+            this.currentDom.checked = val;
+        }
+        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;
+        }
+    }
+    onCreate(node) {
+        this.currentDom = node.dom.querySelector("input");
+    }
+    raiseEvent(e, node) {
+        var _a;
+        if (this.options.enabled) {
+            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);
+        }
+    }
+}