@hpcc-js/html 3.3.6 → 3.3.9

package/src/TitleBar.css

@@ -1,85 +1,85 @@
-#wrap
-{
-    width: 100%;
-}
-#left, #right {padding:5px;}
-
-#left {
-    background-color:red;
-    text-align:left;
-    display: block;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-}
-
-#right {
-    background-color:orange;
-    float:right;
-    text-align:right;
-    white-space: nowrap;
-}
-
-.html_TitleBar > .main {
-    width: 100%;
-    display: block;
-}
-
-.html_TitleBar .title {
-    padding:4px;
-    text-align:left;
-    display: block;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-    overflow: hidden;
-    font-size:20px;
-    font-weight: bold;
-}
-
-.html_TitleBar .icon-bar {
-    padding:4px;
-    float: right;
-    text-align:right;
-    white-space: nowrap;
-    line-height: 28px;
-}
-
-.html_TitleBar .icon-bar-item {
-    display: inline;    
-}
-
-.html_TitleBar .icon-bar-item > div {
-    display: inline;    
-}
-
-.html_TitleBar .icon-bar a {
-    text-align: center; /* Center-align text */
-    padding-top: 4px;
-    padding-bottom: 4px;
-    transition: all 0.3s ease; /* Add transition for hover effects */
-    color: darkgray; /* White text color */
-}
-
-.html_TitleBar .icon-bar a:hover {
-    background-color: whitesmoke; /* Add a hover color */
-}
-
-.html_TitleBar .icon-bar a.selected {
-    background-color: #efe5e5; /* Add a hover color */
-}
-
-.html_TitleBar .icon-bar a.spacer {
-    text-align: center; /* Center-align text */
-    padding-top: 2px;
-    padding-left: 8px;
-    padding-bottom: 0px;
-    color: none;
-}
-
-.html_TitleBar .icon-bar a.spacer:hover {
-    background-color: transparent;
-}
-
-.html_TitleBar .icon-bar .active {
-    background-color: #4CAF50; /* Add an active/current color */
+#wrap
+{
+    width: 100%;
+}
+#left, #right {padding:5px;}
+
+#left {
+    background-color:red;
+    text-align:left;
+    display: block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+}
+
+#right {
+    background-color:orange;
+    float:right;
+    text-align:right;
+    white-space: nowrap;
+}
+
+.html_TitleBar > .main {
+    width: 100%;
+    display: block;
+}
+
+.html_TitleBar .title {
+    padding:4px;
+    text-align:left;
+    display: block;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
+    font-size:20px;
+    font-weight: bold;
+}
+
+.html_TitleBar .icon-bar {
+    padding:4px;
+    float: right;
+    text-align:right;
+    white-space: nowrap;
+    line-height: 28px;
+}
+
+.html_TitleBar .icon-bar-item {
+    display: inline;    
+}
+
+.html_TitleBar .icon-bar-item > div {
+    display: inline;    
+}
+
+.html_TitleBar .icon-bar a {
+    text-align: center; /* Center-align text */
+    padding-top: 4px;
+    padding-bottom: 4px;
+    transition: all 0.3s ease; /* Add transition for hover effects */
+    color: darkgray; /* White text color */
+}
+
+.html_TitleBar .icon-bar a:hover {
+    background-color: whitesmoke; /* Add a hover color */
+}
+
+.html_TitleBar .icon-bar a.selected {
+    background-color: #efe5e5; /* Add a hover color */
+}
+
+.html_TitleBar .icon-bar a.spacer {
+    text-align: center; /* Center-align text */
+    padding-top: 2px;
+    padding-left: 8px;
+    padding-bottom: 0px;
+    color: none;
+}
+
+.html_TitleBar .icon-bar a.spacer:hover {
+    background-color: transparent;
+}
+
+.html_TitleBar .icon-bar .active {
+    background-color: #4CAF50; /* Add an active/current color */
 }

package/src/TitleBar.ts

@@ -1,136 +1,136 @@
-import { HTMLWidget } from "@hpcc-js/common";
-import { JSXWidget } from "./JSXWidget.ts";
-
-import "../src/TitleBar.css";
-
-export interface IClickHandler {
-    titleBarClick(src: Item, d, idx: number, groups): void;
-}
-
-export class Item extends HTMLWidget {
-    protected _owner: IClickHandler;
-
-    constructor(owner: IClickHandler) {
-        super();
-        this._owner = owner;
-        this._tag = "a";
-    }
-}
-Item.prototype._class += " html_Item";
-
-export class Button extends Item {
-    private _icon: string;
-
-    constructor(owner: IClickHandler, icon: string) {
-        super(owner);
-        this._icon = icon;
-    }
-
-    icon() {
-        return this._icon;
-    }
-
-    enter(domNode: HTMLElement, element) {
-        super.enter(domNode, element);
-        element
-            .attr("href", "#")
-            .on("click", (d, idx, groups) => this._owner.titleBarClick(this, d, idx, groups))
-            .append("i")
-            .attr("class", `fa ${this._icon} fa-lg fa-fw`)
-            ;
-    }
-}
-Button.prototype._class += " html_Button";
-
-export class ToggleButton extends Button {
-
-    enter(domNode: HTMLElement, element) {
-        element.on("click.sel", (d, idx, groups) => {
-            this.selected(!this.selected());
-            this.render();
-        });
-        super.enter(domNode, element);
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-        this._element.classed("selected", this.selected());
-    }
-}
-ToggleButton.prototype._class += " html_ToggleButton";
-export interface ToggleButton {
-    selected(): boolean;
-    selected(_: boolean): this;
-}
-ToggleButton.prototype.publish("selected", false, "boolean");
-
-export class Spacer extends Item {
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        element
-            .attr("class", "spacer")
-            .attr("href", "#")
-            .append("i")
-            ;
-    }
-}
-Spacer.prototype._class += " html_Spacer";
-
-export class TitleBar extends JSXWidget {
-    protected _divMain;
-    protected _divIconBar;
-    protected _divTitle;
-
-    constructor() {
-        super();
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        this._divMain = element.append("div")
-            .attr("class", "main")
-            ;
-        this._divIconBar = this._divMain.append("div")
-            .attr("class", "icon-bar")
-            ;
-        this._divTitle = this._divMain.append("div")
-            .attr("class", "title")
-            ;
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-
-        this._divTitle.text(this.title());
-
-        const icons = this._divIconBar.selectAll(".icon-bar-item").data(this.buttons());
-        icons.enter().append("div")
-            .attr("class", "icon-bar-item")
-            .each(function (this: HTMLElement, d: Item) {
-                d.target(this);
-            })
-            .merge(icons)
-            .each(function (d: Item) {
-                d.render();
-            })
-            ;
-        icons.exit()
-            .each(function (d: Item) {
-                d.target(null);
-            })
-            .remove()
-            ;
-        icons.order();
-    }
-}
-TitleBar.prototype._class += " html_TitleBar";
-
-export interface TitleBar {
-    title(): string;
-    title(_: string): this;
-    buttons(): Item[];
-    buttons(items: Item[]): this;
-}
-TitleBar.prototype.publish("title", "", "string");
-TitleBar.prototype.publish("buttons", [], "widgetArray");
+import { HTMLWidget } from "@hpcc-js/common";
+import { JSXWidget } from "./JSXWidget.ts";
+
+import "../src/TitleBar.css";
+
+export interface IClickHandler {
+    titleBarClick(src: Item, d, idx: number, groups): void;
+}
+
+export class Item extends HTMLWidget {
+    protected _owner: IClickHandler;
+
+    constructor(owner: IClickHandler) {
+        super();
+        this._owner = owner;
+        this._tag = "a";
+    }
+}
+Item.prototype._class += " html_Item";
+
+export class Button extends Item {
+    private _icon: string;
+
+    constructor(owner: IClickHandler, icon: string) {
+        super(owner);
+        this._icon = icon;
+    }
+
+    icon() {
+        return this._icon;
+    }
+
+    enter(domNode: HTMLElement, element) {
+        super.enter(domNode, element);
+        element
+            .attr("href", "#")
+            .on("click", (d, idx, groups) => this._owner.titleBarClick(this, d, idx, groups))
+            .append("i")
+            .attr("class", `fa ${this._icon} fa-lg fa-fw`)
+            ;
+    }
+}
+Button.prototype._class += " html_Button";
+
+export class ToggleButton extends Button {
+
+    enter(domNode: HTMLElement, element) {
+        element.on("click.sel", (d, idx, groups) => {
+            this.selected(!this.selected());
+            this.render();
+        });
+        super.enter(domNode, element);
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+        this._element.classed("selected", this.selected());
+    }
+}
+ToggleButton.prototype._class += " html_ToggleButton";
+export interface ToggleButton {
+    selected(): boolean;
+    selected(_: boolean): this;
+}
+ToggleButton.prototype.publish("selected", false, "boolean");
+
+export class Spacer extends Item {
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        element
+            .attr("class", "spacer")
+            .attr("href", "#")
+            .append("i")
+            ;
+    }
+}
+Spacer.prototype._class += " html_Spacer";
+
+export class TitleBar extends JSXWidget {
+    protected _divMain;
+    protected _divIconBar;
+    protected _divTitle;
+
+    constructor() {
+        super();
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        this._divMain = element.append("div")
+            .attr("class", "main")
+            ;
+        this._divIconBar = this._divMain.append("div")
+            .attr("class", "icon-bar")
+            ;
+        this._divTitle = this._divMain.append("div")
+            .attr("class", "title")
+            ;
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+
+        this._divTitle.text(this.title());
+
+        const icons = this._divIconBar.selectAll(".icon-bar-item").data(this.buttons());
+        icons.enter().append("div")
+            .attr("class", "icon-bar-item")
+            .each(function (this: HTMLElement, d: Item) {
+                d.target(this);
+            })
+            .merge(icons)
+            .each(function (d: Item) {
+                d.render();
+            })
+            ;
+        icons.exit()
+            .each(function (d: Item) {
+                d.target(null);
+            })
+            .remove()
+            ;
+        icons.order();
+    }
+}
+TitleBar.prototype._class += " html_TitleBar";
+
+export interface TitleBar {
+    title(): string;
+    title(_: string): this;
+    buttons(): Item[];
+    buttons(items: Item[]): this;
+}
+TitleBar.prototype.publish("title", "", "string");
+TitleBar.prototype.publish("buttons", [], "widgetArray");

package/src/VizComponent.tsx

@@ -1,39 +1,39 @@
-import { JSXWidget } from "./JSXWidget.ts";
-
-export class VizComponent extends JSXWidget.Component<any, any> {
-    widget;
-
-    refreshProps() {
-        for (const key in (this as any).props) {
-            if (this.widget[key] && typeof this.widget[key] === "function") {
-                this.widget[key]((this as any).props[key]);
-            }
-        }
-    }
-
-    componentDidMount() {
-        this.widget = new (this as any).props.type()
-            .target((this as any).base)
-            ;
-        this.refreshProps();
-        this.widget
-            .render()
-            ;
-    }
-
-    componentWillUnmount() {
-        this.widget
-            .target(null)
-            .render()
-            ;
-    }
-
-    render() {
-        return <div style={(this as any).props.style} />;
-    }
-
-    componentDidUpdate() {
-        this.refreshProps();
-        this.widget.render();
-    }
-}
+import { JSXWidget } from "./JSXWidget.ts";
+
+export class VizComponent extends JSXWidget.Component<any, any> {
+    widget;
+
+    refreshProps() {
+        for (const key in (this as any).props) {
+            if (this.widget[key] && typeof this.widget[key] === "function") {
+                this.widget[key]((this as any).props[key]);
+            }
+        }
+    }
+
+    componentDidMount() {
+        this.widget = new (this as any).props.type()
+            .target((this as any).base)
+            ;
+        this.refreshProps();
+        this.widget
+            .render()
+            ;
+    }
+
+    componentWillUnmount() {
+        this.widget
+            .target(null)
+            .render()
+            ;
+    }
+
+    render() {
+        return <div style={(this as any).props.style} />;
+    }
+
+    componentDidUpdate() {
+        this.refreshProps();
+        this.widget.render();
+    }
+}

package/src/VizInstance.tsx

@@ -1,39 +1,39 @@
-import { JSXWidget } from "./JSXWidget.ts";
-
-export class VizInstance extends JSXWidget.Component<any, any> {
-    widget;
-
-    refreshProps() {
-        for (const key in (this as any).props) {
-            if (this.widget[key] && typeof this.widget[key] === "function") {
-                this.widget[key]((this as any).props[key]);
-            }
-        }
-    }
-
-    componentDidMount() {
-        this.widget = (this as any).props.instance
-            .target((this as any).base)
-            ;
-        this.refreshProps();
-        this.widget
-            .render()
-            ;
-    }
-
-    componentWillUnmount() {
-        this.widget
-            .target(null)
-            .render()
-            ;
-    }
-
-    render() {
-        return <div style={(this as any).props.style} />;
-    }
-
-    componentDidUpdate() {
-        this.refreshProps();
-        this.widget.render();
-    }
-}
+import { JSXWidget } from "./JSXWidget.ts";
+
+export class VizInstance extends JSXWidget.Component<any, any> {
+    widget;
+
+    refreshProps() {
+        for (const key in (this as any).props) {
+            if (this.widget[key] && typeof this.widget[key] === "function") {
+                this.widget[key]((this as any).props[key]);
+            }
+        }
+    }
+
+    componentDidMount() {
+        this.widget = (this as any).props.instance
+            .target((this as any).base)
+            ;
+        this.refreshProps();
+        this.widget
+            .render()
+            ;
+    }
+
+    componentWillUnmount() {
+        this.widget
+            .target(null)
+            .render()
+            ;
+    }
+
+    render() {
+        return <div style={(this as any).props.style} />;
+    }
+
+    componentDidUpdate() {
+        this.refreshProps();
+        this.widget.render();
+    }
+}

package/src/__package__.ts

@@ -1,3 +1,3 @@
-export const PKG_NAME = "__PACKAGE_NAME__";
-export const PKG_VERSION = "__PACKAGE_VERSION__";
-export const BUILD_VERSION = "__BUILD_VERSION__";
+export const PKG_NAME = "__PACKAGE_NAME__";
+export const PKG_VERSION = "__PACKAGE_VERSION__";
+export const BUILD_VERSION = "__BUILD_VERSION__";

package/src/index.ts

@@ -1,11 +1,11 @@
-export * from "./__package__.ts";
-export * from "./BreakdownTable.ts";
-export * from "./HTMLTooltip.ts";
-export * from "./JSXWidget.ts";
-export * from "./reactD3.ts";
-export * from "./VizComponent.tsx";
-export * from "./VizInstance.tsx";
-export * from "./SimpleTable.ts";
-export * from "./StatsTable.ts";
-export * from "./StyledTable.ts";
-export * from "./TitleBar.ts";
+export * from "./__package__.ts";
+export * from "./BreakdownTable.ts";
+export * from "./HTMLTooltip.ts";
+export * from "./JSXWidget.ts";
+export * from "./reactD3.ts";
+export * from "./VizComponent.tsx";
+export * from "./VizInstance.tsx";
+export * from "./SimpleTable.ts";
+export * from "./StatsTable.ts";
+export * from "./StyledTable.ts";
+export * from "./TitleBar.ts";