@hpcc-js/common 2.73.3 → 2.73.5

package/src/Text.css

@@ -1,4 +1,4 @@
-.common_Text {
-    fill: #000;
-    font-size: 12px;
-}
+.common_Text {
+    fill: #000;
+    font-size: 12px;
+}

package/src/Text.ts

@@ -1,131 +1,131 @@
-import { SVGWidget } from "./SVGWidget";
-
-import "../src/Text.css";
-
-export class Text extends SVGWidget {
-
-    private _textElement;
-
-    constructor() {
-        super();
-    }
-
-    getBBox(refresh = false, round = false) {
-        const textParts = this.text().split("\n");
-        const lineHeight = this.fontSize() || 12;
-        const height = lineHeight * textParts.length;
-        const widths: number[] = textParts.map(line => {
-            return this.textSize(line, this.fontFamily() || "Verdana", lineHeight).width;
-        });
-        const width = Math.max(...widths);
-        const retVal = {
-            x: - width / 2,
-            y: - height / 2 - lineHeight / (this.fontFamily() === "FontAwesome" ? 4 : 6), // baseLine offset
-            width,
-            height
-        };
-        switch (this.anchor()) {
-            case "start":
-                retVal.x = 0;
-                break;
-            case "end":
-                retVal.x = -width;
-                break;
-        }
-        return retVal;
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        delete this._prevHash;
-        this._textElement = element.append("text")
-            .on("click", () => {
-                this.click();
-            })
-            .on("dblclick", () => {
-                this.dblclick();
-            })
-            ;
-    }
-
-    _prevHash;
-    update(domNode, element) {
-        super.update(domNode, element);
-        const hash = this.hashSum([], { width: this.width() });
-        if (this._prevHash !== hash) {
-            this._prevHash = hash;
-
-            const bbox = this.getBBox();
-
-            this._textElement
-                .style("font-size", this.fontSize())
-                .style("text-anchor", this.anchor())
-                .attr("transform", d => `rotate(${this.rotation()}) translate(0,${bbox.y})`)
-                ;
-
-            const width = this.width();
-            const context = this;
-            const textParts = this.text().split("\n");
-            const textLine = this._textElement.selectAll("tspan").data(textParts);
-            textLine.enter().append("tspan")
-                .attr("class", function (_d, i) { return "tspan_" + i; })
-                .attr("dy", "1em")
-                .attr("x", "0")
-                .merge(textLine)
-                .style("font-family", this.fontFamily())
-                .style("fill", this.colorFill())
-                .style("stroke", this.colorStroke())
-                .text((d: string) => {
-                    if (!width) return d;
-                    let retVal = d;
-                    const lineHeight = context.fontSize() || 12;
-                    let clipPos = retVal.length - 1;
-                    while (clipPos > -3 && this.textSize(retVal, this.fontFamily() || "Verdana", lineHeight).width > width) {
-                        retVal = retVal.substr(0, --clipPos) + "...".substr(0, clipPos + 3);
-                    }
-                    return retVal;
-                })
-                ;
-            textLine.exit()
-                .remove()
-                ;
-
-        }
-    }
-
-    click() {
-    }
-
-    dblclick() {
-    }
-}
-Text.prototype._class += " common_Text";
-
-export interface Text {
-    text(): string;
-    text(_: string): this;
-    fontFamily(): string;
-    fontFamily(_: string): this;
-    fontSize(): number;
-    fontSize(_: number): this;
-    anchor(): "start" | "middle" | "end";
-    anchor(_: "start" | "middle" | "end"): this;
-    colorFill(): string;
-    colorFill(_: string): this;
-    colorFill_default(): string;
-    colorFill_default(_: string): this;
-    colorStroke(): string;
-    colorStroke(_: string): this;
-    colorStroke_default(): string;
-    colorStroke_default(_: string): this;
-    rotation(): number;
-    rotation(_: number): Text;
-}
-
-Text.prototype.publish("text", "", "string", "Display Text", null, { tags: ["Basic"] });
-Text.prototype.publish("fontFamily", null, "string", "Font Family", null, { tags: ["Intermediate"], optional: true });
-Text.prototype.publish("fontSize", null, "number", "Font Size (pixels)", null, { tags: ["Intermediate"] });
-Text.prototype.publish("anchor", "middle", "set", "Anchor Position", ["start", "middle", "end"], { tags: ["Intermediate"] });
-Text.prototype.publish("colorFill", null, "html-color", "Fill Color", null, { tags: ["Basic"] });
-Text.prototype.publish("colorStroke", null, "html-color", "Fill Color", null, { tags: ["Basic"] });
-Text.prototype.publish("rotation", 0, "number", "Degrees of rotation", null, { tags: ["Basic"] });
+import { SVGWidget } from "./SVGWidget";
+
+import "../src/Text.css";
+
+export class Text extends SVGWidget {
+
+    private _textElement;
+
+    constructor() {
+        super();
+    }
+
+    getBBox(refresh = false, round = false) {
+        const textParts = this.text().split("\n");
+        const lineHeight = this.fontSize() || 12;
+        const height = lineHeight * textParts.length;
+        const widths: number[] = textParts.map(line => {
+            return this.textSize(line, this.fontFamily() || "Verdana", lineHeight).width;
+        });
+        const width = Math.max(...widths);
+        const retVal = {
+            x: - width / 2,
+            y: - height / 2 - lineHeight / (this.fontFamily() === "FontAwesome" ? 4 : 6), // baseLine offset
+            width,
+            height
+        };
+        switch (this.anchor()) {
+            case "start":
+                retVal.x = 0;
+                break;
+            case "end":
+                retVal.x = -width;
+                break;
+        }
+        return retVal;
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        delete this._prevHash;
+        this._textElement = element.append("text")
+            .on("click", () => {
+                this.click();
+            })
+            .on("dblclick", () => {
+                this.dblclick();
+            })
+            ;
+    }
+
+    _prevHash;
+    update(domNode, element) {
+        super.update(domNode, element);
+        const hash = this.hashSum([], { width: this.width() });
+        if (this._prevHash !== hash) {
+            this._prevHash = hash;
+
+            const bbox = this.getBBox();
+
+            this._textElement
+                .style("font-size", this.fontSize())
+                .style("text-anchor", this.anchor())
+                .attr("transform", d => `rotate(${this.rotation()}) translate(0,${bbox.y})`)
+                ;
+
+            const width = this.width();
+            const context = this;
+            const textParts = this.text().split("\n");
+            const textLine = this._textElement.selectAll("tspan").data(textParts);
+            textLine.enter().append("tspan")
+                .attr("class", function (_d, i) { return "tspan_" + i; })
+                .attr("dy", "1em")
+                .attr("x", "0")
+                .merge(textLine)
+                .style("font-family", this.fontFamily())
+                .style("fill", this.colorFill())
+                .style("stroke", this.colorStroke())
+                .text((d: string) => {
+                    if (!width) return d;
+                    let retVal = d;
+                    const lineHeight = context.fontSize() || 12;
+                    let clipPos = retVal.length - 1;
+                    while (clipPos > -3 && this.textSize(retVal, this.fontFamily() || "Verdana", lineHeight).width > width) {
+                        retVal = retVal.substr(0, --clipPos) + "...".substr(0, clipPos + 3);
+                    }
+                    return retVal;
+                })
+                ;
+            textLine.exit()
+                .remove()
+                ;
+
+        }
+    }
+
+    click() {
+    }
+
+    dblclick() {
+    }
+}
+Text.prototype._class += " common_Text";
+
+export interface Text {
+    text(): string;
+    text(_: string): this;
+    fontFamily(): string;
+    fontFamily(_: string): this;
+    fontSize(): number;
+    fontSize(_: number): this;
+    anchor(): "start" | "middle" | "end";
+    anchor(_: "start" | "middle" | "end"): this;
+    colorFill(): string;
+    colorFill(_: string): this;
+    colorFill_default(): string;
+    colorFill_default(_: string): this;
+    colorStroke(): string;
+    colorStroke(_: string): this;
+    colorStroke_default(): string;
+    colorStroke_default(_: string): this;
+    rotation(): number;
+    rotation(_: number): Text;
+}
+
+Text.prototype.publish("text", "", "string", "Display Text", null, { tags: ["Basic"] });
+Text.prototype.publish("fontFamily", null, "string", "Font Family", null, { tags: ["Intermediate"], optional: true });
+Text.prototype.publish("fontSize", null, "number", "Font Size (pixels)", null, { tags: ["Intermediate"] });
+Text.prototype.publish("anchor", "middle", "set", "Anchor Position", ["start", "middle", "end"], { tags: ["Intermediate"] });
+Text.prototype.publish("colorFill", null, "html-color", "Fill Color", null, { tags: ["Basic"] });
+Text.prototype.publish("colorStroke", null, "html-color", "Fill Color", null, { tags: ["Basic"] });
+Text.prototype.publish("rotation", 0, "number", "Degrees of rotation", null, { tags: ["Basic"] });

package/src/TextBox.css

@@ -1,4 +1,4 @@
-.common_TextBox .common_Shape {
-    fill: #dcf1ff;
-    stroke: #1f77b4;
-}
+.common_TextBox .common_Shape {
+    fill: #dcf1ff;
+    stroke: #1f77b4;
+}

package/src/TextBox.ts

@@ -1,168 +1,168 @@
-import { textColor } from "./Palette";
-import { Shape } from "./Shape";
-import { SVGWidget } from "./SVGWidget";
-import { Text } from "./Text";
-import { ISize } from "./Widget";
-
-import "../src/TextBox.css";
-
-export class TextBox extends SVGWidget {
-
-    protected _shape: Shape;
-    protected _text: Text;
-
-    constructor() {
-        super();
-
-        this._shape = new Shape()
-            .shape("rect")
-            .on("click", () => {
-                this.click();
-            })
-            .on("dblclick", () => {
-                this.dblclick();
-            })
-            ;
-        this._text = new Text()
-            .on("click", () => {
-                this.click();
-            })
-            .on("dblclick", () => {
-                this.dblclick();
-            })
-            ;
-    }
-
-    padding(_) {
-        this.paddingLeft(_);
-        this.paddingRight(_);
-        this.paddingTop(_);
-        this.paddingBottom(_);
-        return this;
-    }
-
-    getTextX(width) {
-        switch (this.anchor()) {
-            case "start":
-                return -width / 2;
-            case "end":
-                return width / 2;
-        }
-        return 0;
-    }
-
-    getBBox(refresh = false, round = false) {
-        const textBBox = this._text.getBBox(true);
-        const width = this.fixedSize() ? this.fixedSize().width : textBBox.width + this.paddingLeft() + this.paddingRight();
-        const height = this.fixedSize() ? this.fixedSize().height : textBBox.height + this.paddingTop() + this.paddingBottom();
-        return {
-            x: -width - 2,
-            y: -height - 2,
-            width,
-            height
-        };
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        delete this._prevHash;
-        this._shape
-            .target(domNode)
-            .tooltip(this.tooltip())
-            ;
-        this._text
-            .target(domNode)
-            ;
-    }
-
-    _prevHash;
-    update(domNode, element) {
-        super.update(domNode, element);
-        const hash = this.hashSum();
-        if (this._prevHash !== hash) {
-            this._prevHash = hash;
-
-            const textBBox = this._text.getBBox(true);
-            const size = {
-                width: this.fixedSize() ? this.fixedSize().width : textBBox.width + this.paddingLeft() + this.paddingRight(),
-                height: this.fixedSize() ? this.fixedSize().height : textBBox.height + this.paddingTop() + this.paddingBottom()
-            };
-
-            this._shape
-                .width(size.width)
-                .height(size.height)
-                .render()
-                ;
-
-            this._text
-                .x(this.getTextX(textBBox.width))
-                .colorFill_default(this._shape.colorFill_exists() ? textColor(this._shape.colorFill()) : undefined)
-                .render()
-                ;
-
-            if (this.fixedSize()) {
-                switch (this.anchor()) {
-                    case "start":
-                        this._text
-                            .x(-this.fixedSize().width / 2 + textBBox.width / 2 + (this.paddingLeft() + this.paddingRight()) / 2)
-                            .render()
-                            ;
-                        break;
-                    case "end":
-                        this._text
-                            .x(this.fixedSize().width / 2 - textBBox.width / 2 - (this.paddingLeft() + this.paddingRight()) / 2)
-                            .render()
-                            ;
-                        break;
-                }
-            }
-            this._text.visible(textBBox.width <= size.width && textBBox.height <= size.height);
-        }
-    }
-
-    exit(domNode, element) {
-        this._shape
-            .target(null)
-            ;
-        this._text
-            .target(null)
-            ;
-        super.exit(domNode, element);
-    }
-
-    click() {
-    }
-
-    dblclick() {
-    }
-
-    text: { (): string; (_: string): TextBox; };
-    fontSize: { (): number; (_: number): TextBox; };
-    shape_colorFill: { (): string; (_: string): TextBox; };
-    shape_colorStroke: { (): string; (_: string): TextBox; };
-    text_colorFill: { (): string; (_: string): TextBox; };
-    text_fontFamily: { (): string; (_: string): TextBox; };
-    paddingLeft: { (): number; (_: number): TextBox; };
-    paddingRight: { (): number; (_: number): TextBox; };
-    paddingTop: { (): number; (_: number): TextBox; };
-    paddingBottom: { (): number; (_: number): TextBox; };
-    anchor: { (): "start" | "middle" | "end"; (_: "start" | "middle" | "end"): TextBox; };
-    fixedSize: { (): ISize; (_: ISize): TextBox; };
-    tooltip: { (): string; (_: string): TextBox; };
-}
-TextBox.prototype._class += " common_TextBox";
-
-TextBox.prototype.publishProxy("text", "_text");
-TextBox.prototype.publishProxy("fontSize", "_text", "fontSize");
-TextBox.prototype.publishProxy("shape_colorStroke", "_shape", "colorStroke");
-TextBox.prototype.publishProxy("shape_colorFill", "_shape", "colorFill");
-TextBox.prototype.publishProxy("text_colorFill", "_text", "colorFill");
-TextBox.prototype.publishProxy("text_fontFamily", "_text", "fontFamily");
-TextBox.prototype.publish("paddingLeft", 4, "number", "Left padding (in pixels)", null, { tags: ["Private"] });
-TextBox.prototype.publish("paddingRight", 4, "number", "Right padding (in pixels)", null, { tags: ["Private"] });
-TextBox.prototype.publish("paddingTop", 4, "number", "Top padding (in pixels)", null, { tags: ["Private"] });
-TextBox.prototype.publish("paddingBottom", 4, "number", "Bottom padding (in pixels)", null, { tags: ["Private"] });
-TextBox.prototype.publishProxy("anchor", "_text");
-TextBox.prototype.publish("fixedSize", null);
-
-TextBox.prototype.publish("tooltip", "", "string", "Tooltip", null, { tags: ["Private"] });
+import { textColor } from "./Palette";
+import { Shape } from "./Shape";
+import { SVGWidget } from "./SVGWidget";
+import { Text } from "./Text";
+import { ISize } from "./Widget";
+
+import "../src/TextBox.css";
+
+export class TextBox extends SVGWidget {
+
+    protected _shape: Shape;
+    protected _text: Text;
+
+    constructor() {
+        super();
+
+        this._shape = new Shape()
+            .shape("rect")
+            .on("click", () => {
+                this.click();
+            })
+            .on("dblclick", () => {
+                this.dblclick();
+            })
+            ;
+        this._text = new Text()
+            .on("click", () => {
+                this.click();
+            })
+            .on("dblclick", () => {
+                this.dblclick();
+            })
+            ;
+    }
+
+    padding(_) {
+        this.paddingLeft(_);
+        this.paddingRight(_);
+        this.paddingTop(_);
+        this.paddingBottom(_);
+        return this;
+    }
+
+    getTextX(width) {
+        switch (this.anchor()) {
+            case "start":
+                return -width / 2;
+            case "end":
+                return width / 2;
+        }
+        return 0;
+    }
+
+    getBBox(refresh = false, round = false) {
+        const textBBox = this._text.getBBox(true);
+        const width = this.fixedSize() ? this.fixedSize().width : textBBox.width + this.paddingLeft() + this.paddingRight();
+        const height = this.fixedSize() ? this.fixedSize().height : textBBox.height + this.paddingTop() + this.paddingBottom();
+        return {
+            x: -width - 2,
+            y: -height - 2,
+            width,
+            height
+        };
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        delete this._prevHash;
+        this._shape
+            .target(domNode)
+            .tooltip(this.tooltip())
+            ;
+        this._text
+            .target(domNode)
+            ;
+    }
+
+    _prevHash;
+    update(domNode, element) {
+        super.update(domNode, element);
+        const hash = this.hashSum();
+        if (this._prevHash !== hash) {
+            this._prevHash = hash;
+
+            const textBBox = this._text.getBBox(true);
+            const size = {
+                width: this.fixedSize() ? this.fixedSize().width : textBBox.width + this.paddingLeft() + this.paddingRight(),
+                height: this.fixedSize() ? this.fixedSize().height : textBBox.height + this.paddingTop() + this.paddingBottom()
+            };
+
+            this._shape
+                .width(size.width)
+                .height(size.height)
+                .render()
+                ;
+
+            this._text
+                .x(this.getTextX(textBBox.width))
+                .colorFill_default(this._shape.colorFill_exists() ? textColor(this._shape.colorFill()) : undefined)
+                .render()
+                ;
+
+            if (this.fixedSize()) {
+                switch (this.anchor()) {
+                    case "start":
+                        this._text
+                            .x(-this.fixedSize().width / 2 + textBBox.width / 2 + (this.paddingLeft() + this.paddingRight()) / 2)
+                            .render()
+                            ;
+                        break;
+                    case "end":
+                        this._text
+                            .x(this.fixedSize().width / 2 - textBBox.width / 2 - (this.paddingLeft() + this.paddingRight()) / 2)
+                            .render()
+                            ;
+                        break;
+                }
+            }
+            this._text.visible(textBBox.width <= size.width && textBBox.height <= size.height);
+        }
+    }
+
+    exit(domNode, element) {
+        this._shape
+            .target(null)
+            ;
+        this._text
+            .target(null)
+            ;
+        super.exit(domNode, element);
+    }
+
+    click() {
+    }
+
+    dblclick() {
+    }
+
+    text: { (): string; (_: string): TextBox; };
+    fontSize: { (): number; (_: number): TextBox; };
+    shape_colorFill: { (): string; (_: string): TextBox; };
+    shape_colorStroke: { (): string; (_: string): TextBox; };
+    text_colorFill: { (): string; (_: string): TextBox; };
+    text_fontFamily: { (): string; (_: string): TextBox; };
+    paddingLeft: { (): number; (_: number): TextBox; };
+    paddingRight: { (): number; (_: number): TextBox; };
+    paddingTop: { (): number; (_: number): TextBox; };
+    paddingBottom: { (): number; (_: number): TextBox; };
+    anchor: { (): "start" | "middle" | "end"; (_: "start" | "middle" | "end"): TextBox; };
+    fixedSize: { (): ISize; (_: ISize): TextBox; };
+    tooltip: { (): string; (_: string): TextBox; };
+}
+TextBox.prototype._class += " common_TextBox";
+
+TextBox.prototype.publishProxy("text", "_text");
+TextBox.prototype.publishProxy("fontSize", "_text", "fontSize");
+TextBox.prototype.publishProxy("shape_colorStroke", "_shape", "colorStroke");
+TextBox.prototype.publishProxy("shape_colorFill", "_shape", "colorFill");
+TextBox.prototype.publishProxy("text_colorFill", "_text", "colorFill");
+TextBox.prototype.publishProxy("text_fontFamily", "_text", "fontFamily");
+TextBox.prototype.publish("paddingLeft", 4, "number", "Left padding (in pixels)", null, { tags: ["Private"] });
+TextBox.prototype.publish("paddingRight", 4, "number", "Right padding (in pixels)", null, { tags: ["Private"] });
+TextBox.prototype.publish("paddingTop", 4, "number", "Top padding (in pixels)", null, { tags: ["Private"] });
+TextBox.prototype.publish("paddingBottom", 4, "number", "Bottom padding (in pixels)", null, { tags: ["Private"] });
+TextBox.prototype.publishProxy("anchor", "_text");
+TextBox.prototype.publish("fixedSize", null);
+
+TextBox.prototype.publish("tooltip", "", "string", "Tooltip", null, { tags: ["Private"] });