jsl-ui 9.28.3 → 9.28.4

package/lib/components/time/TimeComponent.js

@@ -1,104 +1,102 @@
-import "./TimeComponent.scss";
-import { EventHandler } from "../../interaction/eventhandler";
-import { helper } from "../../core/helper";
-import { date } from "../../core/date";
-export class TimeComponent {
-    constructor(options) {
-        var _a;
-        this.options = {
-            ...{
-                enabled: true,
-                id: helper.newDomGuid(),
-                inputMode: "HourMinute",
-                bindMode: "toModel",
-                placeholder: (options === null || options === void 0 ? void 0 : options.inputMode) === "HourMinuteSecond" ? "__:__:__" : "__:__"
-            },
-            ...options
-        };
-        if (this.options.bindTo != null && this.options.bindMode !== "fromModel" && 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);
-    }
-    render() {
-        var _a, _b;
-        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 = date.formatTime(newVal, this.options.inputMode);
-            val = newVal;
-            if (newValStr !== current) {
-                if (this.currentDom != null) {
-                    this.currentDom.value = newValStr;
-                }
-            }
-        }
-        return {
-            tag: "input",
-            attr: {
-                id: this.options.id,
-                enabled: this.options.enabled,
-                value: date.formatTime(val, this.options.inputMode),
-                class: "time-comp " + ((_b = this.options.class) !== null && _b !== void 0 ? _b : ""),
-                style: this.options.style,
-                placeholder: this.options.placeholder,
-                change: this.raiseChangeEvent
-            }
-        };
-    }
-    onCreate(node) {
-        this.currentDom = node.dom;
-    }
-    onUpdate(node) {
-        this.currentDom = node.dom;
-    }
-    getValue() {
-        if (this.currentDom == null) {
-            return "";
-        }
-        return this.currentDom.value;
-    }
-    getValueAsDate(datePart) {
-        const x = datePart ? new Date(datePart.getTime()) : new Date();
-        try {
-            const parts = this.getValue().split(":");
-            x.setHours(parseInt(parts[0], 10));
-            if (parts.length > 1) {
-                x.setMinutes(parseInt(parts[1], 10));
-            }
-            else {
-                x.setMinutes(0);
-            }
-            if (this.options.inputMode === "HourMinuteSecond" && parts.length > 2) {
-                x.setSeconds(parseInt(parts[2], 10));
-            }
-            else {
-                x.setSeconds(0);
-            }
-        }
-        catch (e) {
-            console.log(e);
-            this.currentDom.value = "";
-            x.setHours(0);
-            x.setMinutes(0);
-            x.setSeconds(0);
-        }
-        return x;
-    }
-    raiseChangeEvent(e, node) {
-        var _a;
-        if (this.options.enabled) {
-            const val = this.getValueAsDate(this.options.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);
-        }
-    }
-}
+import "./TimeComponent.scss";
+import { EventHandler } from "../../interaction/eventhandler";
+import { helper } from "../../core/helper";
+import { date } from "../../core/date";
+export class TimeComponent {
+    constructor(options) {
+        var _a;
+        this.options = {
+            ...{
+                enabled: true,
+                id: helper.newDomGuid(),
+                inputMode: "HourMinute",
+                bindMode: "toModel",
+                placeholder: (options === null || options === void 0 ? void 0 : options.inputMode) === "HourMinuteSecond" ? "__:__:__" : "__:__"
+            }, ...options
+        };
+        if (this.options.bindTo != null && this.options.bindMode !== "fromModel" && 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);
+    }
+    render() {
+        var _a, _b;
+        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 = date.formatTime(newVal, this.options.inputMode);
+            val = newVal;
+            if (newValStr !== current) {
+                if (this.currentDom != null) {
+                    this.currentDom.value = newValStr;
+                }
+            }
+        }
+        return {
+            tag: "input", attr: {
+                id: this.options.id,
+                enabled: this.options.enabled,
+                value: date.formatTime(val, this.options.inputMode),
+                class: "time-comp " + ((_b = this.options.class) !== null && _b !== void 0 ? _b : ""),
+                style: this.options.style,
+                placeholder: this.options.placeholder,
+                change: this.raiseChangeEvent
+            }
+        };
+    }
+    onCreate(node) {
+        this.currentDom = node.dom;
+    }
+    onUpdate(node) {
+        this.currentDom = node.dom;
+    }
+    getValue() {
+        if (this.currentDom == null) {
+            return "";
+        }
+        return this.currentDom.value;
+    }
+    getValueAsDate(datePart) {
+        const x = datePart ? new Date(datePart.getTime()) : new Date();
+        try {
+            const parts = this.getValue().split(":");
+            x.setHours(parseInt(parts[0], 10));
+            if (parts.length > 1) {
+                x.setMinutes(parseInt(parts[1], 10));
+            }
+            else {
+                x.setMinutes(0);
+            }
+            if (this.options.inputMode === "HourMinuteSecond" && parts.length > 2) {
+                x.setSeconds(parseInt(parts[2], 10));
+            }
+            else {
+                x.setSeconds(0);
+            }
+        }
+        catch (e) {
+            console.log(e);
+            this.currentDom.value = "";
+            x.setHours(0);
+            x.setMinutes(0);
+            x.setSeconds(0);
+        }
+        return x;
+    }
+    raiseChangeEvent(e, node) {
+        var _a;
+        if (this.options.enabled) {
+            const val = this.getValueAsDate(this.options.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);
+        }
+    }
+}

package/lib/components/tree-view/TreeViewComponent.d.ts

@@ -1,23 +1,23 @@
-import "./TreeViewStyle.scss";
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-export interface ITreeViewComponentOptions {
-    data: ITreeViewChild;
-    renderItem?: (data: any) => IJSLVNode;
-    style?: string;
-    class?: string;
-}
-export interface ITreeViewChild {
-    id: string;
-    content: IJSLVNode | string;
-    children?: ITreeViewChild[];
-    collapsed?: boolean;
-}
-export declare class TreeViewComponent implements IJSLComponent {
-    private options;
-    private filteredData;
-    constructor(options: ITreeViewComponentOptions);
-    isEqual(node: IJSLComponent): boolean;
-    render(): IJSLVNode;
-    private renderNode;
-    private addChild;
-}
+import "./TreeViewStyle.scss";
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+export interface ITreeViewComponentOptions {
+    data: ITreeViewChild;
+    renderItem?: (data: any) => IJSLVNode;
+    style?: string;
+    class?: string;
+}
+export interface ITreeViewChild {
+    id: string;
+    content: IJSLVNode | string;
+    children?: ITreeViewChild[];
+    collapsed?: boolean;
+}
+export declare class TreeViewComponent implements IJSLComponent {
+    private options;
+    private filteredData;
+    constructor(options: ITreeViewComponentOptions);
+    isEqual(node: IJSLComponent): boolean;
+    render(): IJSLVNode;
+    private renderNode;
+    private addChild;
+}

package/lib/components/tree-view/TreeViewComponent.js

@@ -1,43 +1,42 @@
-import "./TreeViewStyle.scss";
-export class TreeViewComponent {
-    constructor(options) {
-        this.options = options;
-    }
-    isEqual(node) {
-        return this.__proto__ === node.__proto__;
-    }
-    render() {
-        var _a, _b;
-        return {
-            tag: "div",
-            attr: { style: this.options.style, class: "treeview-comp hover " + ((_a = this.options.class) !== null && _a !== void 0 ? _a : "") }, children: [
-                { tag: "ul", attr: { class: "tv-ul" }, children: [this.renderNode((_b = this.filteredData) !== null && _b !== void 0 ? _b : this.options.data)] }
-            ]
-        };
-    }
-    renderNode(el) {
-        function getInput() {
-            const res = { tag: "input", attr: { class: "tv-input", type: "checkbox", id: el.id } };
-            if (el.collapsed) {
-                res.attr.checked = "checked";
-            }
-            return res;
-        }
-        return (el.children && el.children.length > 0) ?
-            { tag: "li", children: [
-                    getInput(),
-                    this.addChild({ tag: "label", attr: { for: el.id } }, this.options.renderItem != null ? this.options.renderItem(el) : el.content),
-                    { tag: "ul", attr: { class: "tv-ul" }, children: el.children.map((c) => this.renderNode(c)) }
-                ] } :
-            this.addChild({ tag: "li" }, this.options.renderItem != null ? this.options.renderItem(el) : el.content);
-    }
-    addChild(parent, content) {
-        if (typeof content === "string") {
-            parent.content = content;
-        }
-        else {
-            parent.children = [content];
-        }
-        return parent;
-    }
-}
+import "./TreeViewStyle.scss";
+export class TreeViewComponent {
+    constructor(options) {
+        this.options = options;
+    }
+    isEqual(node) {
+        return this.__proto__ === node.__proto__;
+    }
+    render() {
+        var _a, _b;
+        return {
+            tag: "div", attr: { style: this.options.style, class: "treeview-comp hover " + ((_a = this.options.class) !== null && _a !== void 0 ? _a : "") }, children: [
+                { tag: "ul", attr: { class: "tv-ul" }, children: [this.renderNode((_b = this.filteredData) !== null && _b !== void 0 ? _b : this.options.data)] }
+            ]
+        };
+    }
+    renderNode(el) {
+        function getInput() {
+            const res = { tag: "input", attr: { class: "tv-input", type: "checkbox", id: el.id } };
+            if (el.collapsed) {
+                res.attr.checked = "checked";
+            }
+            return res;
+        }
+        return (el.children && el.children.length > 0) ?
+            { tag: "li", children: [
+                    getInput(),
+                    this.addChild({ tag: "label", attr: { for: el.id } }, this.options.renderItem != null ? this.options.renderItem(el) : el.content),
+                    { tag: "ul", attr: { class: "tv-ul" }, children: el.children.map((c) => this.renderNode(c)) }
+                ] } :
+            this.addChild({ tag: "li" }, this.options.renderItem != null ? this.options.renderItem(el) : el.content);
+    }
+    addChild(parent, content) {
+        if (typeof content === "string") {
+            parent.content = content;
+        }
+        else {
+            parent.children = [content];
+        }
+        return parent;
+    }
+}

package/lib/components/virtual-render/VirtualRenderComponent.d.ts

@@ -1,30 +1,30 @@
-import "./VirtualRenderStyle.scss";
-import { IJSLComponent, IJSLVNode, JSLRender } from "jsl-render";
-export interface IVirtualArg {
-    index: number;
-    rowData: any;
-    container: IJSLVNode;
-}
-export interface IVirtualRenderOptions {
-    data: any[];
-    renderRow: (args: IVirtualArg) => string | IJSLVNode | IJSLComponent | void;
-    rowHeight?: number;
-    rowTag?: string;
-    bufferSizeInPx?: number;
-    viewportSizeInPX?: number;
-    class?: string;
-    style?: string;
-}
-export declare class VirtualRenderComponent implements IJSLComponent {
-    State: {
-        scrollPos: number;
-        renderer?: JSLRender;
-    };
-    private options;
-    constructor(options: IVirtualRenderOptions);
-    isEqual(node: IJSLComponent): boolean;
-    setData(data: any[]): void;
-    onInit(renderer: JSLRender): void;
-    render(): IJSLVNode;
-    private getChildren;
-}
+import "./VirtualRenderStyle.scss";
+import { IJSLComponent, IJSLVNode, JSLRender } from "jsl-render";
+export interface IVirtualArg {
+    index: number;
+    rowData: any;
+    container: IJSLVNode;
+}
+export interface IVirtualRenderOptions {
+    data: any[];
+    renderRow: (args: IVirtualArg) => string | IJSLVNode | IJSLComponent | void;
+    rowHeight?: number;
+    rowTag?: string;
+    bufferSizeInPx?: number;
+    viewportSizeInPX?: number;
+    class?: string;
+    style?: string;
+}
+export declare class VirtualRenderComponent implements IJSLComponent {
+    State: {
+        scrollPos: number;
+        renderer?: JSLRender;
+    };
+    private options;
+    constructor(options: IVirtualRenderOptions);
+    isEqual(node: IJSLComponent): boolean;
+    setData(data: any[]): void;
+    onInit(renderer: JSLRender): void;
+    render(): IJSLVNode;
+    private getChildren;
+}

package/lib/components/virtual-render/VirtualRenderComponent.js

@@ -1,92 +1,90 @@
-import "./VirtualRenderStyle.scss";
-export class VirtualRenderComponent {
-    constructor(options) {
-        this.State = { scrollPos: 0 };
-        const defaultOptions = {
-            data: null,
-            renderRow: null,
-            bufferSizeInPx: 200,
-            rowHeight: 20,
-            rowTag: "div",
-            viewportSizeInPX: window.innerHeight
-        };
-        this.options = { ...defaultOptions, ...options };
-    }
-    isEqual(node) {
-        return this.__proto__ === node.__proto__;
-    }
-    setData(data) {
-        this.options.data = data;
-    }
-    onInit(renderer) {
-        this.State.renderer = renderer;
-    }
-    render() {
-        var _a, _b;
-        const o = this.options;
-        const vrBody = {
-            tag: "div",
-            attr: { class: "v-r-child", style: "height:" + (o.data.length * o.rowHeight) + "px;position:relative" },
-            children: this.getChildren()
-        };
-        const vrContainer = {
-            tag: "div",
-            attr: {
-                class: "v-r-comp " + ((_a = o.class) !== null && _a !== void 0 ? _a : ""),
-                style: "overflow-y:auto;" + ((_b = o.style) !== null && _b !== void 0 ? _b : ""),
-                scroll: (e, node) => {
-                    const newScrollPos = node.dom.scrollTop;
-                    if (Math.abs(this.State.scrollPos - newScrollPos) < o.bufferSizeInPx) {
-                        return false;
-                    }
-                    this.State.scrollPos = newScrollPos;
-                    vrBody.children = this.getChildren();
-                    node.children[0].children = [{ tag: "dummy" }];
-                    this.State.renderer.updateNode(node.children[0], vrBody);
-                    return false;
-                }
-            },
-            children: [vrBody]
-        };
-        return vrContainer;
-    }
-    // public scrollRowToTop(idx: number) {
-    // }
-    // public scrollRowToCenter(idx: number) {
-    // }
-    // public scrollRowToBottom(idx: number) {
-    // }
-    getChildren() {
-        const o = this.options;
-        const children = [];
-        const viewport = {
-            top: Math.floor((this.State.scrollPos - o.bufferSizeInPx) / o.rowHeight),
-            bottom: Math.ceil((this.State.scrollPos + o.viewportSizeInPX + o.bufferSizeInPx) / o.rowHeight)
-        };
-        for (let idx = viewport.top; idx < viewport.bottom; idx++) {
-            if (idx < 0 || idx >= o.data.length) {
-                continue;
-            }
-            const node = {
-                tag: o.rowTag, attr: {
-                    style: {
-                        top: (idx * o.rowHeight) + "px",
-                        height: o.rowHeight + "px",
-                        position: "absolute",
-                        left: "0",
-                        right: "0"
-                    }
-                }, children: []
-            };
-            const result = o.renderRow({ index: idx, container: node, rowData: o.data[idx] });
-            if (typeof result === "string") {
-                node.content = result;
-            }
-            else if (result != null) {
-                node.children.push(result);
-            }
-            children.push(node);
-        }
-        return children;
-    }
-}
+import "./VirtualRenderStyle.scss";
+export class VirtualRenderComponent {
+    constructor(options) {
+        this.State = { scrollPos: 0 };
+        const defaultOptions = {
+            data: null,
+            renderRow: null,
+            bufferSizeInPx: 200,
+            rowHeight: 20,
+            rowTag: "div",
+            viewportSizeInPX: window.innerHeight
+        };
+        this.options = { ...defaultOptions, ...options };
+    }
+    isEqual(node) {
+        return this.__proto__ === node.__proto__;
+    }
+    setData(data) {
+        this.options.data = data;
+    }
+    onInit(renderer) {
+        this.State.renderer = renderer;
+    }
+    render() {
+        var _a, _b;
+        const o = this.options;
+        const vrBody = {
+            tag: "div",
+            attr: { class: "v-r-child", style: "height:" + (o.data.length * o.rowHeight) + "px;position:relative" },
+            children: this.getChildren()
+        };
+        const vrContainer = {
+            tag: "div", attr: {
+                class: "v-r-comp " + ((_a = o.class) !== null && _a !== void 0 ? _a : ""),
+                style: "overflow-y:auto;" + ((_b = o.style) !== null && _b !== void 0 ? _b : ""),
+                scroll: (e, node) => {
+                    const newScrollPos = node.dom.scrollTop;
+                    if (Math.abs(this.State.scrollPos - newScrollPos) < o.bufferSizeInPx) {
+                        return false;
+                    }
+                    this.State.scrollPos = newScrollPos;
+                    vrBody.children = this.getChildren();
+                    node.children[0].children = [{ tag: "dummy" }];
+                    this.State.renderer.updateNode(node.children[0], vrBody);
+                    return false;
+                }
+            }, children: [vrBody]
+        };
+        return vrContainer;
+    }
+    // public scrollRowToTop(idx: number) {
+    // }
+    // public scrollRowToCenter(idx: number) {
+    // }
+    // public scrollRowToBottom(idx: number) {
+    // }
+    getChildren() {
+        const o = this.options;
+        const children = [];
+        const viewport = {
+            top: Math.floor((this.State.scrollPos - o.bufferSizeInPx) / o.rowHeight),
+            bottom: Math.ceil((this.State.scrollPos + o.viewportSizeInPX + o.bufferSizeInPx) / o.rowHeight)
+        };
+        for (let idx = viewport.top; idx < viewport.bottom; idx++) {
+            if (idx < 0 || idx >= o.data.length) {
+                continue;
+            }
+            const node = {
+                tag: o.rowTag, attr: {
+                    style: {
+                        top: (idx * o.rowHeight) + "px",
+                        height: o.rowHeight + "px",
+                        position: "absolute",
+                        left: "0",
+                        right: "0"
+                    }
+                }, children: []
+            };
+            const result = o.renderRow({ index: idx, container: node, rowData: o.data[idx] });
+            if (typeof result === "string") {
+                node.content = result;
+            }
+            else if (result != null) {
+                node.children.push(result);
+            }
+            children.push(node);
+        }
+        return children;
+    }
+}

package/lib/core/culture.d.ts

@@ -1,5 +1,5 @@
-declare let culture: any;
-/**
- * culture info for date and number formatting and parsing
- */
-export default culture;
+declare let culture: any;
+/**
+ * culture info for date and number formatting and parsing
+ */
+export default culture;