jsl-ui 9.28.3 → 9.28.4

package/lib/components/tabs/TabsComponent.js

@@ -1,200 +1,191 @@
-import "./TabsStyle.scss";
-import { refresh } from "jsl-render";
-import { helper } from "../../core/helper";
-export class TabsComponent {
-    constructor(options) {
-        var _a, _b, _c;
-        this.options = options;
-        this.State = { selectedIndex: null };
-        this.options = (_a = this.options) !== null && _a !== void 0 ? _a : {};
-        this.options.tabs = (_b = this.options.tabs) !== null && _b !== void 0 ? _b : [];
-        this.options.selectedIndex = (_c = this.options.selectedIndex) !== null && _c !== void 0 ? _c : 0;
-    }
-    getActiveTabIndex() {
-        var _a;
-        return (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex;
-    }
-    render() {
-        var _a, _b, _c, _d, _e;
-        this.checkForDuplicateIds();
-        let index = -1;
-        const activeIndex = (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex;
-        if (activeIndex > -1 &&
-            this.options.tabs[activeIndex].content == null &&
-            this.options.tabs[activeIndex].onCreate) {
-            this.options.tabs[activeIndex].content = this.options.tabs[activeIndex].onCreate();
-        }
-        const tabs = [];
-        for (let idx = 0; idx < this.options.tabs.length; idx++) {
-            if (!this.options.tabs[idx].id) {
-                this.options.tabs[idx].id = helper.newDomGuid();
-            }
-            if (idx === activeIndex) {
-                tabs.push({
-                    tag: "div",
-                    attr: {
-                        class: "tab-content " + ((_b = this.options.contentClass) !== null && _b !== void 0 ? _b : ""),
-                        style: { "max-height": ((_c = this.options.maxHeight) !== null && _c !== void 0 ? _c : "100%") },
-                        id: this.options.tabs[idx].id
-                    },
-                    children: [this.toNode(this.options.tabs[idx].content)]
-                });
-            }
-            else if (this.options.preserveContent) {
-                tabs.push({
-                    tag: "div",
-                    attr: {
-                        class: "tab-content tab-hidden " + ((_d = this.options.contentClass) !== null && _d !== void 0 ? _d : ""),
-                        style: { "max-height": ((_e = this.options.maxHeight) !== null && _e !== void 0 ? _e : "100%") },
-                        id: this.options.tabs[idx].id
-                    },
-                    children: [this.toNode(this.options.tabs[idx].content)]
-                });
-            }
-        }
-        return {
-            tag: "div", attr: { class: "stabcomponent " + (this.options.class || ""), style: this.options.style },
-            children: [
-                {
-                    tag: "div", attr: { class: "tab-header-row" },
-                    children: this.options.tabs.map((x) => {
-                        index++;
-                        const currIndex = index;
-                        return {
-                            tag: "div",
-                            attr: {
-                                class: "tab-item " + (index === activeIndex ? "active " : "") + (this.options.tabs[currIndex].enabled === false ? "disabled " : ""),
-                                click: (evt) => {
-                                    var _a;
-                                    if ((_a = this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
-                                        this.SetSelectedTab(currIndex);
-                                        if (this.options.onSelect) {
-                                            this.options.onSelect(currIndex);
-                                        }
-                                    }
-                                }
-                            }, children: [
-                                { tag: "span", attr: { style: "vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline;" }, children: [this.toNode(x.header, "span")] },
-                                this.options.tabs[index].canClose
-                                    ?
-                                        {
-                                            tag: "div",
-                                            attr: {
-                                                class: "close-button",
-                                                click: (evt) => {
-                                                    var _a;
-                                                    if ((_a = this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
-                                                        evt.stopPropagation();
-                                                        this.closeTabIndex(currIndex, true);
-                                                    }
-                                                }
-                                            },
-                                            content: "X"
-                                        }
-                                    :
-                                        undefined
-                            ]
-                        };
-                    })
-                },
-                ...tabs
-            ]
-        };
-    }
-    AddTab(tabItem) {
-        var _a;
-        tabItem.enabled = (_a = tabItem.enabled) !== null && _a !== void 0 ? _a : true;
-        this.options.tabs.push(tabItem);
-        this.checkForDuplicateIds();
-        return this.options.tabs.length - 1;
-    }
-    EnableAll() {
-        for (let i = 0; i < this.options.tabs.length; i++) {
-            this.options.tabs[i].enabled = true;
-        }
-        if (this.renderer != null) {
-            this.renderer.refresh();
-        }
-        else {
-            refresh();
-        }
-    }
-    DisableAll() {
-        for (let i = 0; i < this.options.tabs.length; i++) {
-            this.options.tabs[i].enabled = false;
-        }
-        if (this.renderer != null) {
-            this.renderer.refresh();
-        }
-        else {
-            refresh();
-        }
-    }
-    GetByID(id) {
-        return this.options.tabs.filter((f) => f.id === id)[0];
-    }
-    closeTabIndex(index, raiseSelectEvent) {
-        var _a, _b;
-        // console.log("closing tab index " + index);
-        if (this.options.tabs[index].onClosing) {
-            if (this.options.tabs[index].onClosing() === false) {
-                return false;
-            }
-        }
-        this.options.tabs = this.options.tabs.filter((_, currIdx) => currIdx !== index);
-        let newSelectedIndex = (_b = (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex) !== null && _b !== void 0 ? _b : 0;
-        if (this.options.tabs.length <= newSelectedIndex) {
-            newSelectedIndex--;
-            this.SetSelectedTab(newSelectedIndex);
-        }
-        if (raiseSelectEvent) {
-            if (this.options.onSelect) {
-                this.options.onSelect(newSelectedIndex);
-            }
-        }
-        return true;
-    }
-    // public onCreate(node: IJSLVNode) {
-    //     this.ref = node.dom as HTMLDivElement;
-    // }
-    // public onUpdate(node: IJSLVNode) {
-    //     this.ref = node.dom as HTMLDivElement;
-    // }
-    onInit(renderer) {
-        this.renderer = renderer;
-    }
-    SetSelectedTab(index) {
-        var _a;
-        if (((_a = this.options.tabs[index]) === null || _a === void 0 ? void 0 : _a.onCreate) != null && this.options.tabs[index].content == null) {
-            this.options.tabs[index].content = this.options.tabs[index].onCreate();
-        }
-        this.options.selectedIndex = index;
-        this.State.selectedIndex = index;
-        if (this.renderer != null) {
-            this.renderer.refresh();
-        }
-        else {
-            refresh();
-        }
-    }
-    toNode(content, tag) {
-        if (content == null) {
-            return undefined;
-        }
-        if (typeof content === "string") {
-            return { tag: tag !== null && tag !== void 0 ? tag : "div", content };
-        }
-        return content;
-    }
-    checkForDuplicateIds() {
-        if (this.options.tabs == null || this.options.tabs.length === 0) {
-            return;
-        }
-        const ids = {};
-        for (const tab of this.options.tabs) {
-            if (tab.id && ids[tab.id] !== undefined) {
-                throw new Error("Tab Control has duplicate id " + tab.id);
-            }
-        }
-    }
-}
+import "./TabsStyle.scss";
+import { refresh } from "jsl-render";
+import { helper } from "../../core/helper";
+export class TabsComponent {
+    constructor(options) {
+        var _a, _b, _c;
+        this.options = options;
+        this.State = { selectedIndex: null };
+        this.options = (_a = this.options) !== null && _a !== void 0 ? _a : {};
+        this.options.tabs = (_b = this.options.tabs) !== null && _b !== void 0 ? _b : [];
+        this.options.selectedIndex = (_c = this.options.selectedIndex) !== null && _c !== void 0 ? _c : 0;
+    }
+    getActiveTabIndex() {
+        var _a;
+        return (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex;
+    }
+    render() {
+        var _a, _b, _c, _d, _e;
+        this.checkForDuplicateIds();
+        let index = -1;
+        const activeIndex = (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex;
+        if (activeIndex > -1 &&
+            this.options.tabs[activeIndex].content == null &&
+            this.options.tabs[activeIndex].onCreate) {
+            this.options.tabs[activeIndex].content = this.options.tabs[activeIndex].onCreate();
+        }
+        const tabs = [];
+        for (let idx = 0; idx < this.options.tabs.length; idx++) {
+            if (!this.options.tabs[idx].id) {
+                this.options.tabs[idx].id = helper.newDomGuid();
+            }
+            if (idx === activeIndex) {
+                tabs.push({
+                    tag: "div", attr: {
+                        class: "tab-content " + ((_b = this.options.contentClass) !== null && _b !== void 0 ? _b : ""),
+                        style: { "max-height": ((_c = this.options.maxHeight) !== null && _c !== void 0 ? _c : "100%") },
+                        id: this.options.tabs[idx].id
+                    },
+                    children: [this.toNode(this.options.tabs[idx].content)]
+                });
+            }
+            else if (this.options.preserveContent) {
+                tabs.push({
+                    tag: "div", attr: {
+                        class: "tab-content tab-hidden " + ((_d = this.options.contentClass) !== null && _d !== void 0 ? _d : ""),
+                        style: { "max-height": ((_e = this.options.maxHeight) !== null && _e !== void 0 ? _e : "100%") },
+                        id: this.options.tabs[idx].id
+                    },
+                    children: [this.toNode(this.options.tabs[idx].content)]
+                });
+            }
+        }
+        return {
+            tag: "div", attr: { class: "stabcomponent " + (this.options.class || ""), style: this.options.style }, children: [
+                {
+                    tag: "div", attr: { class: "tab-header-row" }, children: this.options.tabs.map((x) => {
+                        index++;
+                        const currIndex = index;
+                        return {
+                            tag: "div", attr: {
+                                class: "tab-item " + (index === activeIndex ? "active " : "") + (this.options.tabs[currIndex].enabled === false ? "disabled " : ""),
+                                click: (evt) => {
+                                    var _a;
+                                    if ((_a = this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
+                                        this.SetSelectedTab(currIndex);
+                                        if (this.options.onSelect) {
+                                            this.options.onSelect(currIndex);
+                                        }
+                                    }
+                                }
+                            }, children: [
+                                { tag: "span", attr: { style: "vertical-align: middle; vertical-align: -webkit-baseline-middle; vertical-align: -moz-middle-with-baseline;" }, children: [this.toNode(x.header, "span")] },
+                                this.options.tabs[index].canClose
+                                    ?
+                                        {
+                                            tag: "div", attr: {
+                                                class: "close-button", click: (evt) => {
+                                                    var _a;
+                                                    if ((_a = this.options.tabs[currIndex].enabled) !== null && _a !== void 0 ? _a : true) {
+                                                        evt.stopPropagation();
+                                                        this.closeTabIndex(currIndex, true);
+                                                    }
+                                                }
+                                            }, content: "X"
+                                        }
+                                    :
+                                        undefined
+                            ]
+                        };
+                    })
+                }, ...tabs
+            ]
+        };
+    }
+    AddTab(tabItem) {
+        var _a;
+        tabItem.enabled = (_a = tabItem.enabled) !== null && _a !== void 0 ? _a : true;
+        this.options.tabs.push(tabItem);
+        this.checkForDuplicateIds();
+        return this.options.tabs.length - 1;
+    }
+    EnableAll() {
+        for (let i = 0; i < this.options.tabs.length; i++) {
+            this.options.tabs[i].enabled = true;
+        }
+        if (this.renderer != null) {
+            this.renderer.refresh();
+        }
+        else {
+            refresh();
+        }
+    }
+    DisableAll() {
+        for (let i = 0; i < this.options.tabs.length; i++) {
+            this.options.tabs[i].enabled = false;
+        }
+        if (this.renderer != null) {
+            this.renderer.refresh();
+        }
+        else {
+            refresh();
+        }
+    }
+    GetByID(id) {
+        return this.options.tabs.filter((f) => f.id === id)[0];
+    }
+    closeTabIndex(index, raiseSelectEvent) {
+        var _a, _b;
+        // console.log("closing tab index " + index);
+        if (this.options.tabs[index].onClosing) {
+            if (this.options.tabs[index].onClosing() === false) {
+                return false;
+            }
+        }
+        this.options.tabs = this.options.tabs.filter((_, currIdx) => currIdx !== index);
+        let newSelectedIndex = (_b = (_a = this.State.selectedIndex) !== null && _a !== void 0 ? _a : this.options.selectedIndex) !== null && _b !== void 0 ? _b : 0;
+        if (this.options.tabs.length <= newSelectedIndex) {
+            newSelectedIndex--;
+            this.SetSelectedTab(newSelectedIndex);
+        }
+        if (raiseSelectEvent) {
+            if (this.options.onSelect) {
+                this.options.onSelect(newSelectedIndex);
+            }
+        }
+        return true;
+    }
+    // public onCreate(node: IJSLVNode) {
+    //     this.ref = node.dom as HTMLDivElement;
+    // }
+    // public onUpdate(node: IJSLVNode) {
+    //     this.ref = node.dom as HTMLDivElement;
+    // }
+    onInit(renderer) {
+        this.renderer = renderer;
+    }
+    SetSelectedTab(index) {
+        var _a;
+        if (((_a = this.options.tabs[index]) === null || _a === void 0 ? void 0 : _a.onCreate) != null && this.options.tabs[index].content == null) {
+            this.options.tabs[index].content = this.options.tabs[index].onCreate();
+        }
+        this.options.selectedIndex = index;
+        this.State.selectedIndex = index;
+        if (this.renderer != null) {
+            this.renderer.refresh();
+        }
+        else {
+            refresh();
+        }
+    }
+    toNode(content, tag) {
+        if (content == null) {
+            return undefined;
+        }
+        if (typeof content === "string") {
+            return { tag: tag !== null && tag !== void 0 ? tag : "div", content };
+        }
+        return content;
+    }
+    checkForDuplicateIds() {
+        if (this.options.tabs == null || this.options.tabs.length === 0) {
+            return;
+        }
+        const ids = {};
+        for (const tab of this.options.tabs) {
+            if (tab.id && ids[tab.id] !== undefined) {
+                throw new Error("Tab Control has duplicate id " + tab.id);
+            }
+        }
+    }
+}

package/lib/components/time/TimeComponent.d.ts

@@ -1,29 +1,29 @@
-import "./TimeComponent.scss";
-import { IJSLComponent, IJSLVNode } from "jsl-render";
-import { EventHandler } from "../../interaction/eventhandler";
-import { IDataConverter } from "../../interaction/dataconverter";
-export interface ITimeComponentOptions<T> {
-    id?: string;
-    class?: string;
-    style?: string;
-    placeholder?: string;
-    value?: Date;
-    onChange?: EventHandler<Date> | ((v?: Date) => void);
-    bindTo?: T;
-    property?: keyof T;
-    bindMode?: "toModel" | "fromModel" | "both";
-    converter?: IDataConverter<any, Date>;
-    enabled?: boolean;
-    inputMode?: "HourMinute" | "HourMinuteSecond";
-}
-export declare class TimeComponent<T = any> implements IJSLComponent {
-    private options;
-    private currentDom;
-    constructor(options: ITimeComponentOptions<T>);
-    render(): IJSLVNode;
-    onCreate(node: IJSLVNode): void;
-    onUpdate(node: IJSLVNode): void;
-    getValue(): string;
-    getValueAsDate(datePart: Date): Date;
-    private raiseChangeEvent;
-}
+import "./TimeComponent.scss";
+import { IJSLComponent, IJSLVNode } from "jsl-render";
+import { EventHandler } from "../../interaction/eventhandler";
+import { IDataConverter } from "../../interaction/dataconverter";
+export interface ITimeComponentOptions<T> {
+    id?: string;
+    class?: string;
+    style?: string;
+    placeholder?: string;
+    value?: Date;
+    onChange?: EventHandler<Date> | ((v?: Date) => void);
+    bindTo?: T;
+    property?: keyof T;
+    bindMode?: "toModel" | "fromModel" | "both";
+    converter?: IDataConverter<any, Date>;
+    enabled?: boolean;
+    inputMode?: "HourMinute" | "HourMinuteSecond";
+}
+export declare class TimeComponent<T = any> implements IJSLComponent {
+    private options;
+    private currentDom;
+    constructor(options: ITimeComponentOptions<T>);
+    render(): IJSLVNode;
+    onCreate(node: IJSLVNode): void;
+    onUpdate(node: IJSLVNode): void;
+    getValue(): string;
+    getValueAsDate(datePart: Date): Date;
+    private raiseChangeEvent;
+}