@hpcc-js/other 2.17.1 → 2.17.3

package/src/MorphText.ts

@@ -1,102 +1,102 @@
-import { SVGWidget } from "@hpcc-js/common";
-
-import "../src/MorphText.css";
-
-export class MorphText extends SVGWidget {
-    _fontWidth;
-    _textElement;
-
-    constructor() {
-        super();
-    }
-
-    enter(domNode, element) {
-        if (!this.fontSize()) {
-            const style = window.getComputedStyle(domNode, null);
-            this.fontSize(parseInt(style.fontSize));
-        }
-        this._fontWidth = this.fontSize() * 32 / 48;
-        this._textElement = element.append("g")
-            ;
-    }
-
-    dateTime() {
-        const d = new Date();
-        const seconds = d.getSeconds().toString().length === 1 ? "0" + d.getSeconds() : d.getSeconds();
-        const minutes = d.getMinutes().toString().length === 1 ? "0" + d.getMinutes() : d.getMinutes();
-        const hours = d.getHours().toString().length === 1 ? "0" + d.getHours() : d.getHours();
-        const ampm = d.getHours() >= 12 ? "pm" : "am";
-        const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
-        const days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
-        return days[d.getDay()] + " " + months[d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + " " + hours + ":" + minutes + ":" + seconds + ampm;
-    }
-
-    update(domNode, element) {
-        const context = this;
-        const text = this._textElement.selectAll("text")
-            .data(this.data(), function (d) { return d.id; })
-            ;
-        text
-            .attr("class", "update")
-            ;
-        this.transition.apply(text)
-            .attr("x", function (d, i) { return (-context.data().length / 2 + i) * context._fontWidth + context._fontWidth / 2; })
-            ;
-
-        const newText = text.enter().append("text")
-            .attr("class", "enter")
-            .attr("font-size", this.fontSize())
-            .attr("dy", ".35em")
-            .attr("y", (this.reverse() ? +1 : -1) * this._fontWidth * 2)
-            .attr("x", function (d, i) { return (-context.data().length / 2 + i) * context._fontWidth + context._fontWidth / 2; })
-            .style("fill-opacity", 1e-6)
-            .style("text-anchor", this.anchor())
-            .text(function (d) { return d.text; })
-            ;
-        this.transition.apply(newText)
-            .attr("y", 0)
-            .style("fill-opacity", 1)
-            ;
-
-        text.exit()
-            .attr("class", "exit")
-            ;
-        this.transition.apply(text.exit())
-            .attr("y", (this.reverse() ? -1 : +1) * this._fontWidth * 2)
-            .style("fill-opacity", 1e-6)
-            .remove()
-            ;
-    }
-    anchor: { (): string; (_: string): MorphText };
-    anchor_exists: () => boolean;
-    fontSize: { (): number; (_: number): MorphText };
-    fontSize_exists: () => boolean;
-    reverse: { (): boolean; (_: boolean): MorphText };
-    reverse_exists: () => boolean;
-    text: (_?: string) => MorphText | this;
-    text_exists: () => boolean;
-}
-MorphText.prototype._class += " other_MorphText";
-
-MorphText.prototype.publish("anchor", "middle", "set", "Sets anchor point", ["middle"], { tags: ["Basic"] });
-MorphText.prototype.publish("fontSize", 14, "number", "Sets fontsize", null, { tags: ["Basic"] });
-MorphText.prototype.publish("reverse", false, "boolean", "Reverse Animation", null, { tags: ["Basic"] });
-MorphText.prototype.publish("text", "", "string", "Sets text/data of widget", null, { tags: ["Basic"] });
-
-const _origText = MorphText.prototype.text;
-MorphText.prototype.text = function (_) {
-    const retVal = _origText.apply(this, arguments);
-    if (arguments.length) {
-        const usedChars = {};
-        const chars = _.split("");
-        this.data(chars.map(function (d) {
-            const id = "_" + d;
-            if (usedChars[id] === undefined) {
-                usedChars[id] = 0;
-            }
-            usedChars[id]++;
-            return { text: d, id: d.charCodeAt(0) + (1024 * usedChars[id]) };
-        }));
-    }
-    return retVal;
-};
+import { SVGWidget } from "@hpcc-js/common";
+
+import "../src/MorphText.css";
+
+export class MorphText extends SVGWidget {
+    _fontWidth;
+    _textElement;
+
+    constructor() {
+        super();
+    }
+
+    enter(domNode, element) {
+        if (!this.fontSize()) {
+            const style = window.getComputedStyle(domNode, null);
+            this.fontSize(parseInt(style.fontSize));
+        }
+        this._fontWidth = this.fontSize() * 32 / 48;
+        this._textElement = element.append("g")
+            ;
+    }
+
+    dateTime() {
+        const d = new Date();
+        const seconds = d.getSeconds().toString().length === 1 ? "0" + d.getSeconds() : d.getSeconds();
+        const minutes = d.getMinutes().toString().length === 1 ? "0" + d.getMinutes() : d.getMinutes();
+        const hours = d.getHours().toString().length === 1 ? "0" + d.getHours() : d.getHours();
+        const ampm = d.getHours() >= 12 ? "pm" : "am";
+        const months = ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"];
+        const days = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"];
+        return days[d.getDay()] + " " + months[d.getMonth()] + " " + d.getDate() + " " + d.getFullYear() + " " + hours + ":" + minutes + ":" + seconds + ampm;
+    }
+
+    update(domNode, element) {
+        const context = this;
+        const text = this._textElement.selectAll("text")
+            .data(this.data(), function (d) { return d.id; })
+            ;
+        text
+            .attr("class", "update")
+            ;
+        this.transition.apply(text)
+            .attr("x", function (d, i) { return (-context.data().length / 2 + i) * context._fontWidth + context._fontWidth / 2; })
+            ;
+
+        const newText = text.enter().append("text")
+            .attr("class", "enter")
+            .attr("font-size", this.fontSize())
+            .attr("dy", ".35em")
+            .attr("y", (this.reverse() ? +1 : -1) * this._fontWidth * 2)
+            .attr("x", function (d, i) { return (-context.data().length / 2 + i) * context._fontWidth + context._fontWidth / 2; })
+            .style("fill-opacity", 1e-6)
+            .style("text-anchor", this.anchor())
+            .text(function (d) { return d.text; })
+            ;
+        this.transition.apply(newText)
+            .attr("y", 0)
+            .style("fill-opacity", 1)
+            ;
+
+        text.exit()
+            .attr("class", "exit")
+            ;
+        this.transition.apply(text.exit())
+            .attr("y", (this.reverse() ? -1 : +1) * this._fontWidth * 2)
+            .style("fill-opacity", 1e-6)
+            .remove()
+            ;
+    }
+    anchor: { (): string; (_: string): MorphText };
+    anchor_exists: () => boolean;
+    fontSize: { (): number; (_: number): MorphText };
+    fontSize_exists: () => boolean;
+    reverse: { (): boolean; (_: boolean): MorphText };
+    reverse_exists: () => boolean;
+    text: (_?: string) => MorphText | this;
+    text_exists: () => boolean;
+}
+MorphText.prototype._class += " other_MorphText";
+
+MorphText.prototype.publish("anchor", "middle", "set", "Sets anchor point", ["middle"], { tags: ["Basic"] });
+MorphText.prototype.publish("fontSize", 14, "number", "Sets fontsize", null, { tags: ["Basic"] });
+MorphText.prototype.publish("reverse", false, "boolean", "Reverse Animation", null, { tags: ["Basic"] });
+MorphText.prototype.publish("text", "", "string", "Sets text/data of widget", null, { tags: ["Basic"] });
+
+const _origText = MorphText.prototype.text;
+MorphText.prototype.text = function (_) {
+    const retVal = _origText.apply(this, arguments);
+    if (arguments.length) {
+        const usedChars = {};
+        const chars = _.split("");
+        this.data(chars.map(function (d) {
+            const id = "_" + d;
+            if (usedChars[id] === undefined) {
+                usedChars[id] = 0;
+            }
+            usedChars[id]++;
+            return { text: d, id: d.charCodeAt(0) + (1024 * usedChars[id]) };
+        }));
+    }
+    return retVal;
+};

package/src/NestedTable.ts

@@ -1,51 +1,51 @@
-import { Table } from "./Table";
-
-export class NestedTable extends Table {
-    constructor() {
-        super();
-        this.minWidgetHeight(240);
-        this.minWidgetWidth(360);
-    }
-}
-NestedTable.prototype._class += " other_NestedTable";
-
-const origColumns = NestedTable.prototype.columns;
-NestedTable.prototype.columns = function (_?) {
-    if (arguments.length) {
-        this._columns = _;
-        return origColumns.call(this, _.map(function (col) {
-            if (typeof col === "object") {
-                return col.label;
-            }
-            return col;
-        }));
-    }
-    return origColumns.apply(this, arguments);
-};
-
-const origData = NestedTable.prototype.data;
-NestedTable.prototype.data = function (_?: any): NestedTable | any {
-    if (arguments.length) {
-        const context = this;
-        return origData.call(this, _.map(function (row) {
-            return row.map(function (cell, idx) {
-                if (cell instanceof Array) {
-                    let columns = [];
-                    if (typeof context._columns[idx] === "object" && context._columns[idx].columns) {
-                        columns = context._columns[idx].columns;
-                    } else {
-                        for (let i = 0; i < cell.length; ++i) {
-                            columns.push(context._columns[idx] + "." + i);
-                        }
-                    }
-                    return new Table()
-                        .columns(columns)
-                        .data(cell)
-                        ;
-                }
-                return cell;
-            });
-        }));
-    }
-    return origData.apply(this, arguments);
-};
+import { Table } from "./Table";
+
+export class NestedTable extends Table {
+    constructor() {
+        super();
+        this.minWidgetHeight(240);
+        this.minWidgetWidth(360);
+    }
+}
+NestedTable.prototype._class += " other_NestedTable";
+
+const origColumns = NestedTable.prototype.columns;
+NestedTable.prototype.columns = function (_?) {
+    if (arguments.length) {
+        this._columns = _;
+        return origColumns.call(this, _.map(function (col) {
+            if (typeof col === "object") {
+                return col.label;
+            }
+            return col;
+        }));
+    }
+    return origColumns.apply(this, arguments);
+};
+
+const origData = NestedTable.prototype.data;
+NestedTable.prototype.data = function (_?: any): NestedTable | any {
+    if (arguments.length) {
+        const context = this;
+        return origData.call(this, _.map(function (row) {
+            return row.map(function (cell, idx) {
+                if (cell instanceof Array) {
+                    let columns = [];
+                    if (typeof context._columns[idx] === "object" && context._columns[idx].columns) {
+                        columns = context._columns[idx].columns;
+                    } else {
+                        for (let i = 0; i < cell.length; ++i) {
+                            columns.push(context._columns[idx] + "." + i);
+                        }
+                    }
+                    return new Table()
+                        .columns(columns)
+                        .data(cell)
+                        ;
+                }
+                return cell;
+            });
+        }));
+    }
+    return origData.apply(this, arguments);
+};

package/src/Opportunity.css

@@ -1,81 +1,81 @@
-.graph_Opportunity {
-    transform: translate(20px,20px)scale(1) !important;
-}
-
-.graph_Opportunity .group {
-    stroke-width: 1.0;
-    stroke:#555;
-    fill:#FEFEFE;
-}
-
-.graph_Opportunity .group_headings {
-    font-family: "Helvetica","Arial",sans-serif;
-    font-size: 14px;
-    font-weight: 700;
-    line-height: 20px;
-}
-
-.graph_Opportunity .node_prev_rect {
-    fill:white;
-    stroke-width:2;
-    stroke:#000;
-    stroke-dasharray:3,3;
-      opacity:0.6;
-}
-
-.graph_Opportunity .node_rev_change {
-    fill:white;
-}
-.graph_Opportunity .node_rev_change_text {
-  font-size:18px;
-  font-family:Arial;
-  color: black;
-  font-weight: bold;
-}
-
-.graph_Opportunity .node_date_change {
-    fill:white;
-}
-
-.graph_Opportunity .node_date_change_text {
-  font-size:18px;
-  font-family:Arial;
-  color: black;
-  font-weight: bold;
-}
-
-.graph_Opportunity .node_prev_text {
-    font-size:9px;
-    font-family:Arial;
-    opacity:0.6;
-}
-
-.graph_Opportunity .node_cur_rect {
-    stroke-width:2;
-    stroke:#000;
-}
-
-.graph_Opportunity .node_cur_text {
-    font-size:9px;
-    font-family:Arial;
-    text-decoration: underline;
-}
-
-.graph_Opportunity .arrowhead {
-    refX:6;
-}
-
-.graph_Opportunity-tooltip.tooltip {
-    position: absolute;
-    text-align: left;
-    width:350px;
-    height: 135px;                  
-    padding: 10px;
-    padding-top: 15px;
-    font: 14px arial;
-    background: #BDBDBD;
-    border: 0px;
-    border-radius: 8px;
-    pointer-events: none;
-    z-index: 1;
+.graph_Opportunity {
+    transform: translate(20px,20px)scale(1) !important;
+}
+
+.graph_Opportunity .group {
+    stroke-width: 1.0;
+    stroke:#555;
+    fill:#FEFEFE;
+}
+
+.graph_Opportunity .group_headings {
+    font-family: "Helvetica","Arial",sans-serif;
+    font-size: 14px;
+    font-weight: 700;
+    line-height: 20px;
+}
+
+.graph_Opportunity .node_prev_rect {
+    fill:white;
+    stroke-width:2;
+    stroke:#000;
+    stroke-dasharray:3,3;
+      opacity:0.6;
+}
+
+.graph_Opportunity .node_rev_change {
+    fill:white;
+}
+.graph_Opportunity .node_rev_change_text {
+  font-size:18px;
+  font-family:Arial;
+  color: black;
+  font-weight: bold;
+}
+
+.graph_Opportunity .node_date_change {
+    fill:white;
+}
+
+.graph_Opportunity .node_date_change_text {
+  font-size:18px;
+  font-family:Arial;
+  color: black;
+  font-weight: bold;
+}
+
+.graph_Opportunity .node_prev_text {
+    font-size:9px;
+    font-family:Arial;
+    opacity:0.6;
+}
+
+.graph_Opportunity .node_cur_rect {
+    stroke-width:2;
+    stroke:#000;
+}
+
+.graph_Opportunity .node_cur_text {
+    font-size:9px;
+    font-family:Arial;
+    text-decoration: underline;
+}
+
+.graph_Opportunity .arrowhead {
+    refX:6;
+}
+
+.graph_Opportunity-tooltip.tooltip {
+    position: absolute;
+    text-align: left;
+    width:350px;
+    height: 135px;                  
+    padding: 10px;
+    padding-top: 15px;
+    font: 14px arial;
+    background: #BDBDBD;
+    border: 0px;
+    border-radius: 8px;
+    pointer-events: none;
+    z-index: 1;
 }