@hpcc-js/phosphor 3.4.7 → 3.5.0

package/src/PDockPanel.ts

@@ -1,117 +1,117 @@
-// import { Persist } from "@hpcc-js/other";
-import { DockLayout, DockPanel, TabBar, Widget } from "./phosphor-shim.ts";
-import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter.ts";
-
-export class PRenderer extends DockPanel.Renderer {
-    _owner: PDockPanel;
-
-    constructor() {
-        super();
-    }
-
-    createTabBar(): TabBar<Widget> {
-        const bar = super.createTabBar();
-        bar.tabsMovable = this._owner.tabsMovable;
-        return bar;
-    }
-}
-
-export class PDockPanel extends DockPanel {
-
-    private _content: WidgetAdapterArray;
-    private _contentMap: { [key: string]: WidgetAdapter };
-
-    constructor(options: DockPanel.IOptions = {}) {
-        options.renderer = options.renderer || new PRenderer();
-        super(options);
-        if (this["_renderer"] instanceof PRenderer) {
-            this["_renderer"]._owner = this;
-        }
-        this._content = WidgetAdapterArray.create();
-        this._contentMap = {};
-    }
-
-    appendContent(wa: WidgetAdapter) {
-        this._content.push(wa);
-        this._contentMap[wa.widget.id()] = wa;
-    }
-
-    removeContent(wa: WidgetAdapter) {
-        const idx = this._content.indexOf(wa);
-        if (idx >= 0) {
-            this._content.splice(idx, 1);
-        }
-        delete this._contentMap[wa.widget.id()];
-        wa.dispose();
-    }
-
-    content(): WidgetAdapterArray {
-        return this._content;
-    }
-
-    serializeWidget(widget: Widget): object {
-        if (widget instanceof WidgetAdapter) {
-            try {
-                return {
-                    __id: widget.widget.id()
-                };
-            } catch (e: any) {
-                return {
-                    exception: {
-                        message: e.message ?? "",
-                        stack: e.stack ?? []
-                    }
-                };
-            }
-        }
-        return null;
-    }
-
-    deserializeWidget(layout: any): WidgetAdapter {
-        let wa: WidgetAdapter = this._contentMap[layout.__id];
-        if (wa) {
-            // Persist.deserializeFromObject(wa.widget, layout);
-        } else {
-            wa = new WidgetAdapter(undefined, layout);
-        }
-        return wa;
-    }
-
-    serializeITabAreaConfig(config: DockLayout.ITabAreaConfig, deserialize: boolean): DockLayout.ITabAreaConfig {
-        return {
-            ...config,
-            widgets: config.widgets.map(widget => deserialize ? this.deserializeWidget(widget) : this.serializeWidget(widget) as any)
-        };
-    }
-
-    serializeISplitAreaConfig(config: DockLayout.ISplitAreaConfig, deserialize: boolean): DockLayout.ISplitAreaConfig {
-        return {
-            ...config,
-            children: config.children.map(child => this.serializeAreaConfig(child, deserialize))
-        };
-    }
-
-    serializeAreaConfig(config: DockLayout.AreaConfig, deserialize: boolean): DockLayout.AreaConfig {
-        if (config) {
-            switch (config.type) {
-                case "tab-area":
-                    return this.serializeITabAreaConfig(config, deserialize);
-                case "split-area":
-                    return this.serializeISplitAreaConfig(config, deserialize);
-            }
-        }
-        return undefined;
-    }
-
-    saveLayout(): DockLayout.ILayoutConfig {
-        return {
-            main: this.serializeAreaConfig(super.saveLayout().main, false)
-        };
-    }
-
-    restoreLayout(config: DockLayout.ILayoutConfig) {
-        return super.restoreLayout({
-            main: this.serializeAreaConfig(config.main, true)
-        });
-    }
-}
+// import { Persist } from "@hpcc-js/other";
+import { DockLayout, DockPanel, TabBar, Widget } from "./phosphor-shim.ts";
+import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter.ts";
+
+export class PRenderer extends DockPanel.Renderer {
+    _owner: PDockPanel;
+
+    constructor() {
+        super();
+    }
+
+    createTabBar(): TabBar<Widget> {
+        const bar = super.createTabBar();
+        bar.tabsMovable = this._owner.tabsMovable;
+        return bar;
+    }
+}
+
+export class PDockPanel extends DockPanel {
+
+    private _content: WidgetAdapterArray;
+    private _contentMap: { [key: string]: WidgetAdapter };
+
+    constructor(options: DockPanel.IOptions = {}) {
+        options.renderer = options.renderer || new PRenderer();
+        super(options);
+        if (this["_renderer"] instanceof PRenderer) {
+            this["_renderer"]._owner = this;
+        }
+        this._content = WidgetAdapterArray.create();
+        this._contentMap = {};
+    }
+
+    appendContent(wa: WidgetAdapter) {
+        this._content.push(wa);
+        this._contentMap[wa.widget.id()] = wa;
+    }
+
+    removeContent(wa: WidgetAdapter) {
+        const idx = this._content.indexOf(wa);
+        if (idx >= 0) {
+            this._content.splice(idx, 1);
+        }
+        delete this._contentMap[wa.widget.id()];
+        wa.dispose();
+    }
+
+    content(): WidgetAdapterArray {
+        return this._content;
+    }
+
+    serializeWidget(widget: Widget): object {
+        if (widget instanceof WidgetAdapter) {
+            try {
+                return {
+                    __id: widget.widget.id()
+                };
+            } catch (e: any) {
+                return {
+                    exception: {
+                        message: e.message ?? "",
+                        stack: e.stack ?? []
+                    }
+                };
+            }
+        }
+        return null;
+    }
+
+    deserializeWidget(layout: any): WidgetAdapter {
+        let wa: WidgetAdapter = this._contentMap[layout.__id];
+        if (wa) {
+            // Persist.deserializeFromObject(wa.widget, layout);
+        } else {
+            wa = new WidgetAdapter(undefined, layout);
+        }
+        return wa;
+    }
+
+    serializeITabAreaConfig(config: DockLayout.ITabAreaConfig, deserialize: boolean): DockLayout.ITabAreaConfig {
+        return {
+            ...config,
+            widgets: config.widgets.map(widget => deserialize ? this.deserializeWidget(widget) : this.serializeWidget(widget) as any)
+        };
+    }
+
+    serializeISplitAreaConfig(config: DockLayout.ISplitAreaConfig, deserialize: boolean): DockLayout.ISplitAreaConfig {
+        return {
+            ...config,
+            children: config.children.map(child => this.serializeAreaConfig(child, deserialize))
+        };
+    }
+
+    serializeAreaConfig(config: DockLayout.AreaConfig, deserialize: boolean): DockLayout.AreaConfig {
+        if (config) {
+            switch (config.type) {
+                case "tab-area":
+                    return this.serializeITabAreaConfig(config, deserialize);
+                case "split-area":
+                    return this.serializeISplitAreaConfig(config, deserialize);
+            }
+        }
+        return undefined;
+    }
+
+    saveLayout(): DockLayout.ILayoutConfig {
+        return {
+            main: this.serializeAreaConfig(super.saveLayout().main, false)
+        };
+    }
+
+    restoreLayout(config: DockLayout.ILayoutConfig) {
+        return super.restoreLayout({
+            main: this.serializeAreaConfig(config.main, true)
+        });
+    }
+}

package/src/SplitPanel.ts

@@ -1,70 +1,70 @@
-import { HTMLWidget, SVGWidget, Widget } from "@hpcc-js/common";
-import { SplitPanel as PSplitPanel, Widget as PWidget } from "./phosphor-shim.ts";
-import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter.ts";
-
-import "../src/DockPanel.css";
-
-export class SplitPanel extends HTMLWidget {
-    private _split: PSplitPanel;
-    private content = WidgetAdapterArray.create();
-
-    constructor(orientation: "horizontal" | "vertical" = "vertical") {
-        super();
-        this._split = new PSplitPanel({ orientation });
-        this._tag = "div";
-        this._split.id = "p" + this.id();
-    }
-
-    protected getWidgetAdapter(widget: Widget): WidgetAdapter | null {
-        let retVal = null;
-        this.content.some(wa => {
-            if (wa.widget === widget) {
-                retVal = wa;
-                return true;
-            }
-            return false;
-        });
-        return retVal;
-    }
-
-    addWidget(widget: SVGWidget | HTMLWidget) {
-        const wa = new WidgetAdapter(this, widget);
-        this._split.addWidget(wa);
-        this.content.push(wa);
-        return this;
-    }
-
-    relativeSizes(): number[];
-    relativeSizes(_: number[]): this;
-    relativeSizes(_?: number[]): number[] | this {
-        if (!arguments.length) return this._split.relativeSizes();
-        this._split.setRelativeSizes(_);
-        return this;
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        PWidget.attach(this._split, domNode);
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-        element.select(".lm-Widget")
-            .style("width", this.width() + "px")
-            .style("height", this.height() + "px")
-            ;
-    }
-
-    exit(domNode, element) {
-        PWidget.detach(this._split);
-        super.exit(domNode, element);
-    }
-
-    render(callback?: (w: Widget) => void): this {
-        return super.render(w => {
-            this.content.watchRendered(this, callback);
-            this._split.update();
-        });
-    }
-}
-SplitPanel.prototype._class += " phosphor_SplitPanel";
+import { HTMLWidget, SVGWidget, Widget } from "@hpcc-js/common";
+import { SplitPanel as PSplitPanel, Widget as PWidget } from "./phosphor-shim.ts";
+import { WidgetAdapter, WidgetAdapterArray } from "./WidgetAdapter.ts";
+
+import "../src/DockPanel.css";
+
+export class SplitPanel extends HTMLWidget {
+    private _split: PSplitPanel;
+    private content = WidgetAdapterArray.create();
+
+    constructor(orientation: "horizontal" | "vertical" = "vertical") {
+        super();
+        this._split = new PSplitPanel({ orientation });
+        this._tag = "div";
+        this._split.id = "p" + this.id();
+    }
+
+    protected getWidgetAdapter(widget: Widget): WidgetAdapter | null {
+        let retVal = null;
+        this.content.some(wa => {
+            if (wa.widget === widget) {
+                retVal = wa;
+                return true;
+            }
+            return false;
+        });
+        return retVal;
+    }
+
+    addWidget(widget: SVGWidget | HTMLWidget) {
+        const wa = new WidgetAdapter(this, widget);
+        this._split.addWidget(wa);
+        this.content.push(wa);
+        return this;
+    }
+
+    relativeSizes(): number[];
+    relativeSizes(_: number[]): this;
+    relativeSizes(_?: number[]): number[] | this {
+        if (!arguments.length) return this._split.relativeSizes();
+        this._split.setRelativeSizes(_);
+        return this;
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        PWidget.attach(this._split, domNode);
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+        element.select(".lm-Widget")
+            .style("width", this.width() + "px")
+            .style("height", this.height() + "px")
+            ;
+    }
+
+    exit(domNode, element) {
+        PWidget.detach(this._split);
+        super.exit(domNode, element);
+    }
+
+    render(callback?: (w: Widget) => void): this {
+        return super.render(w => {
+            this.content.watchRendered(this, callback);
+            this._split.update();
+        });
+    }
+}
+SplitPanel.prototype._class += " phosphor_SplitPanel";

package/src/TabPanel.ts

@@ -1,117 +1,117 @@
-import { HTMLWidget, SVGWidget, Widget } from "@hpcc-js/common";
-import { IMessageHandler, Message, TabPanel as PTabPanel, Widget as PWidget } from "./phosphor-shim.ts";
-import { Msg, WidgetAdapter, WidgetAdapterArray, WidgetAdapterExt } from "./WidgetAdapter.ts";
-
-import "../src/DockPanel.css";
-
-export class TabPanel extends HTMLWidget {
-    private _tab = new PTabPanel({ tabPlacement: "top" });
-    protected content = WidgetAdapterArray.create();
-
-    constructor() {
-        super();
-        this._tag = "div";
-        this._tab.id = "p" + this.id();
-    }
-
-    protected getWidget(wa: PWidget): Widget | undefined {
-        if (wa instanceof WidgetAdapter) {
-            return wa.widget;
-        }
-    }
-
-    protected getWidgetAdapter(widget: Widget): WidgetAdapter | null {
-        let retVal = null;
-        this.content.some(wa => {
-            if (wa.widget === widget) {
-                retVal = wa;
-                return true;
-            }
-            return false;
-        });
-        return retVal;
-    }
-
-    addWidget(widget: SVGWidget | HTMLWidget, title: string, ext: WidgetAdapterExt = {}) {
-        if (!this._prevActive) {
-            this._prevActive = widget;
-        }
-        const wa = new WidgetAdapter(this, widget, undefined, undefined, ext);
-        wa.title.label = title;
-        wa.padding = 8;
-        this._tab.addWidget(wa);
-        this.content.push(wa);
-        return this;
-    }
-
-    removeWidget(widget: SVGWidget | HTMLWidget) {
-        const wa = this.getWidgetAdapter(widget);
-        if (wa) {
-            const found = this.content.indexOf(wa);
-            if (found >= 0) {
-                this.content.splice(found, 1);
-            }
-            widget.target(null);
-            wa.dispose();
-        }
-        return this;
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        PWidget.attach(this._tab, domNode);
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-        element.select(".lm-Widget")
-            .style("width", this.width() + "px")
-            .style("height", this.height() + "px")
-            ;
-    }
-
-    exit(domNode, element) {
-        PWidget.detach(this._tab);
-        super.exit(domNode, element);
-    }
-
-    render(callback?: (w: Widget) => void): this {
-        return super.render(w => {
-            this.content.watchRendered(this, callback);
-            this._tab.update();
-        });
-    }
-
-    //  Phosphor Messaging  ---
-    messageHook(handler: IMessageHandler, msg: Message): boolean {
-        if (handler === this) {
-            this.processMessage(msg);
-        }
-        return true;
-    }
-
-    private _prevActive: Widget;
-    processMessage(msg: Message): void {
-        switch (msg.type) {
-            case "wa-activate-request":
-                const widget = (msg as Msg.WAActivateRequest).wa.widget;
-                if (this._prevActive !== widget) {
-                    this._prevActive = widget;
-                    this.childActivation(widget);
-                }
-                break;
-        }
-    }
-
-    childActivation(w: Widget) {
-    }
-
-    active(): Widget;
-    active(_: Widget);
-    active(_?: Widget): Widget | this {
-        if (!arguments.length) return this.getWidget(this._tab.currentWidget);
-        this._tab.currentWidget = this.getWidgetAdapter(_);
-        return this;
-    }
-}
-TabPanel.prototype._class += " phosphor_TabPanel";
+import { HTMLWidget, SVGWidget, Widget } from "@hpcc-js/common";
+import { IMessageHandler, Message, TabPanel as PTabPanel, Widget as PWidget } from "./phosphor-shim.ts";
+import { Msg, WidgetAdapter, WidgetAdapterArray, WidgetAdapterExt } from "./WidgetAdapter.ts";
+
+import "../src/DockPanel.css";
+
+export class TabPanel extends HTMLWidget {
+    private _tab = new PTabPanel({ tabPlacement: "top" });
+    protected content = WidgetAdapterArray.create();
+
+    constructor() {
+        super();
+        this._tag = "div";
+        this._tab.id = "p" + this.id();
+    }
+
+    protected getWidget(wa: PWidget): Widget | undefined {
+        if (wa instanceof WidgetAdapter) {
+            return wa.widget;
+        }
+    }
+
+    protected getWidgetAdapter(widget: Widget): WidgetAdapter | null {
+        let retVal = null;
+        this.content.some(wa => {
+            if (wa.widget === widget) {
+                retVal = wa;
+                return true;
+            }
+            return false;
+        });
+        return retVal;
+    }
+
+    addWidget(widget: SVGWidget | HTMLWidget, title: string, ext: WidgetAdapterExt = {}) {
+        if (!this._prevActive) {
+            this._prevActive = widget;
+        }
+        const wa = new WidgetAdapter(this, widget, undefined, undefined, ext);
+        wa.title.label = title;
+        wa.padding = 8;
+        this._tab.addWidget(wa);
+        this.content.push(wa);
+        return this;
+    }
+
+    removeWidget(widget: SVGWidget | HTMLWidget) {
+        const wa = this.getWidgetAdapter(widget);
+        if (wa) {
+            const found = this.content.indexOf(wa);
+            if (found >= 0) {
+                this.content.splice(found, 1);
+            }
+            widget.target(null);
+            wa.dispose();
+        }
+        return this;
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        PWidget.attach(this._tab, domNode);
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+        element.select(".lm-Widget")
+            .style("width", this.width() + "px")
+            .style("height", this.height() + "px")
+            ;
+    }
+
+    exit(domNode, element) {
+        PWidget.detach(this._tab);
+        super.exit(domNode, element);
+    }
+
+    render(callback?: (w: Widget) => void): this {
+        return super.render(w => {
+            this.content.watchRendered(this, callback);
+            this._tab.update();
+        });
+    }
+
+    //  Phosphor Messaging  ---
+    messageHook(handler: IMessageHandler, msg: Message): boolean {
+        if (handler === this) {
+            this.processMessage(msg);
+        }
+        return true;
+    }
+
+    private _prevActive: Widget;
+    processMessage(msg: Message): void {
+        switch (msg.type) {
+            case "wa-activate-request":
+                const widget = (msg as Msg.WAActivateRequest).wa.widget;
+                if (this._prevActive !== widget) {
+                    this._prevActive = widget;
+                    this.childActivation(widget);
+                }
+                break;
+        }
+    }
+
+    childActivation(w: Widget) {
+    }
+
+    active(): Widget;
+    active(_: Widget);
+    active(_?: Widget): Widget | this {
+        if (!arguments.length) return this.getWidget(this._tab.currentWidget);
+        this._tab.currentWidget = this.getWidgetAdapter(_);
+        return this;
+    }
+}
+TabPanel.prototype._class += " phosphor_TabPanel";

package/src/WidgetAdapter.css

@@ -1,17 +1,17 @@
-.phosphor_WidgetAdapter {
-  border-left: 1px solid #C0C0C0;
-  border-right: 1px solid #C0C0C0;
-  border-bottom: 1px solid #C0C0C0;
-  background: white;
-  min-width: 64px;
-  min-height: 64px;
-}
-
-.phosphor_WidgetAdapter.lm-DockPanel-widget {
-  border-top: none;
-  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.2);
-}
-
-.phosphor_WidgetAdapter.lm-SplitPanel-child {
-  border: none;
+.phosphor_WidgetAdapter {
+  border-left: 1px solid #C0C0C0;
+  border-right: 1px solid #C0C0C0;
+  border-bottom: 1px solid #C0C0C0;
+  background: white;
+  min-width: 64px;
+  min-height: 64px;
+}
+
+.phosphor_WidgetAdapter.lm-DockPanel-widget {
+  border-top: none;
+  box-shadow: 0px -1px 0px rgba(0, 0, 0, 0.2), 1px 1px 2px rgba(0, 0, 0, 0.2);
+}
+
+.phosphor_WidgetAdapter.lm-SplitPanel-child {
+  border: none;
 }