@hpcc-js/other 2.17.1 → 2.17.3

package/src/HeatMap.ts

@@ -1,135 +1,135 @@
-import { CanvasWidget, Palette } from "@hpcc-js/common";
-import * as _simpleheat from "simpleheat";
-
-const simpleheat = (window as any).simpleheat || (_simpleheat && _simpleheat.default) || _simpleheat;
-
-export class HeatMap extends CanvasWidget {
-    _heat;
-    _palette;
-
-    constructor() {
-        super();
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        // canvas size needs to be set before render
-        this.resize(this._size);
-        this._heat = simpleheat(domNode);
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-
-        this._palette = this._palette.switch(this.paletteID());
-        if (this.useClonedPalette()) {
-            this._palette = this._palette.cloneNotExists(this.paletteID() + "_" + this.id());
-        }
-
-        if (this.topLeftX_exists() && this.topLeftY_exists() && this.bottomRightX_exists() && this.bottomRightY_exists()) {
-            this._heat.data(this.skewedData());
-        } else {
-            this._heat.data(this.data());
-        }
-
-        if (this.radius()) {
-            this._heat.radius(this.radius(), this.blur());
-        }
-        if (this.usePalette()) {
-            const grad = {};
-            for (let idx = 1; idx <= this.colorCount(); idx++) {
-                const value = idx / this.colorCount();
-                grad[value] = this._palette(idx, 1, this.colorCount());
-            }
-            this._heat.defaultGradient = grad;
-            this._heat.gradient(grad);
-        } else if (this.gradient()) {
-            this._heat.defaultGradient = this.gradient();
-            this._heat.gradient(this.gradient());
-        }
-
-        this._heat.draw();
-    }
-
-    exit(domNode, element) {
-        delete this._heat;
-        super.exit(domNode, element);
-    }
-
-    resize(size: any): this {
-        const retVal = CanvasWidget.prototype.resize.apply(this, arguments);
-        if (this._heat !== undefined) {
-            this._heat.resize();
-        }
-        return retVal;
-    }
-
-    skewedData() {
-        const context = this;
-        const retArr = [];
-        const arr = this.data();
-        const box = this.size();
-
-        const coordsWidth = this.bottomRightX() - this.topLeftX();
-        const coordsHeight = this.bottomRightY() - this.topLeftY();
-
-        const pixelValueX = coordsWidth / box.width;
-        const pixelValueY = coordsHeight / box.height;
-
-        arr.forEach(function (n) {
-            const left = Math.abs(n[0] - context.topLeftX());
-            const top = Math.abs(n[1] - context.topLeftY());
-
-            const newX = left / pixelValueX;
-            const newY = top / pixelValueY;
-
-            retArr.push([newX, newY, n[2]]);
-        });
-
-        return retArr;
-    }
-
-    radius: { (): number; (_: number): HeatMap };
-    radius_exists: () => boolean;
-    blur: { (): number; (_: number): HeatMap };
-    blur_exists: () => boolean;
-    max: { (): number; (_: number): HeatMap };
-    max_exists: () => boolean;
-    gradient: { (): object; (_: object): HeatMap };
-    gradient_exists: () => boolean;
-    usePalette: { (): boolean; (_: boolean): HeatMap };
-    usePalette_exists: () => boolean;
-    colorCount: { (): number; (_: number): HeatMap };
-    colorCount_exists: () => boolean;
-    paletteID: { (): string; (_: string): HeatMap };
-    paletteID_exists: () => boolean;
-    useClonedPalette: { (): boolean; (_: boolean): HeatMap };
-    useClonedPalette_exists: () => boolean;
-    topLeftX: { (): number; (_: number): HeatMap };
-    topLeftX_exists: () => boolean;
-    topLeftY: { (): number; (_: number): HeatMap };
-    topLeftY_exists: () => boolean;
-    bottomRightX: { (): number; (_: number): HeatMap };
-    bottomRightX_exists: () => boolean;
-    bottomRightY: { (): number; (_: number): HeatMap };
-    bottomRightY_exists: () => boolean;
-}
-HeatMap.prototype._class += " other_HeatMap";
-HeatMap.prototype._palette = Palette.rainbow("default");
-
-HeatMap.prototype.publish("radius", 15, "number", "Set point radius", null, { tags: ["Basic"] });
-HeatMap.prototype.publish("blur", 15, "number", "Set point blur", null, { tags: ["Basic"] });
-HeatMap.prototype.publish("max", 1, "number", "Set max data value", null, { tags: ["Basic"] });
-
-HeatMap.prototype.publish("gradient", { 0.4: "blue", 0.6: "cyan", 0.7: "lime", 0.8: "yellow", 1.0: "red" }, "object", "Set gradient colors", null, { tags: ["Basic"] });
-
-HeatMap.prototype.publish("usePalette", false, "boolean", "If true, uses paletteID and colorCount to determine gradient", null, { tags: ["Basic"] });
-
-HeatMap.prototype.publish("colorCount", 10, "number", "Top left x-value", null, { tags: ["Basic"] });
-HeatMap.prototype.publish("paletteID", "default", "set", "Color palette for this widget", HeatMap.prototype._palette.switch(), { tags: ["Basic"] });
-HeatMap.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });
-
-HeatMap.prototype.publish("topLeftX", null, "number", "Top left x-value", null, { tags: ["Basic"], optional: true });
-HeatMap.prototype.publish("topLeftY", null, "number", "Top left y-value", null, { tags: ["Basic"], optional: true });
-HeatMap.prototype.publish("bottomRightX", null, "number", "Bottom right x-value", null, { tags: ["Basic"], optional: true });
-HeatMap.prototype.publish("bottomRightY", null, "number", "Bottom right y-value", null, { tags: ["Basic"], optional: true });
+import { CanvasWidget, Palette } from "@hpcc-js/common";
+import * as _simpleheat from "simpleheat";
+
+const simpleheat = (window as any).simpleheat || (_simpleheat && _simpleheat.default) || _simpleheat;
+
+export class HeatMap extends CanvasWidget {
+    _heat;
+    _palette;
+
+    constructor() {
+        super();
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        // canvas size needs to be set before render
+        this.resize(this._size);
+        this._heat = simpleheat(domNode);
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+
+        this._palette = this._palette.switch(this.paletteID());
+        if (this.useClonedPalette()) {
+            this._palette = this._palette.cloneNotExists(this.paletteID() + "_" + this.id());
+        }
+
+        if (this.topLeftX_exists() && this.topLeftY_exists() && this.bottomRightX_exists() && this.bottomRightY_exists()) {
+            this._heat.data(this.skewedData());
+        } else {
+            this._heat.data(this.data());
+        }
+
+        if (this.radius()) {
+            this._heat.radius(this.radius(), this.blur());
+        }
+        if (this.usePalette()) {
+            const grad = {};
+            for (let idx = 1; idx <= this.colorCount(); idx++) {
+                const value = idx / this.colorCount();
+                grad[value] = this._palette(idx, 1, this.colorCount());
+            }
+            this._heat.defaultGradient = grad;
+            this._heat.gradient(grad);
+        } else if (this.gradient()) {
+            this._heat.defaultGradient = this.gradient();
+            this._heat.gradient(this.gradient());
+        }
+
+        this._heat.draw();
+    }
+
+    exit(domNode, element) {
+        delete this._heat;
+        super.exit(domNode, element);
+    }
+
+    resize(size: any): this {
+        const retVal = CanvasWidget.prototype.resize.apply(this, arguments);
+        if (this._heat !== undefined) {
+            this._heat.resize();
+        }
+        return retVal;
+    }
+
+    skewedData() {
+        const context = this;
+        const retArr = [];
+        const arr = this.data();
+        const box = this.size();
+
+        const coordsWidth = this.bottomRightX() - this.topLeftX();
+        const coordsHeight = this.bottomRightY() - this.topLeftY();
+
+        const pixelValueX = coordsWidth / box.width;
+        const pixelValueY = coordsHeight / box.height;
+
+        arr.forEach(function (n) {
+            const left = Math.abs(n[0] - context.topLeftX());
+            const top = Math.abs(n[1] - context.topLeftY());
+
+            const newX = left / pixelValueX;
+            const newY = top / pixelValueY;
+
+            retArr.push([newX, newY, n[2]]);
+        });
+
+        return retArr;
+    }
+
+    radius: { (): number; (_: number): HeatMap };
+    radius_exists: () => boolean;
+    blur: { (): number; (_: number): HeatMap };
+    blur_exists: () => boolean;
+    max: { (): number; (_: number): HeatMap };
+    max_exists: () => boolean;
+    gradient: { (): object; (_: object): HeatMap };
+    gradient_exists: () => boolean;
+    usePalette: { (): boolean; (_: boolean): HeatMap };
+    usePalette_exists: () => boolean;
+    colorCount: { (): number; (_: number): HeatMap };
+    colorCount_exists: () => boolean;
+    paletteID: { (): string; (_: string): HeatMap };
+    paletteID_exists: () => boolean;
+    useClonedPalette: { (): boolean; (_: boolean): HeatMap };
+    useClonedPalette_exists: () => boolean;
+    topLeftX: { (): number; (_: number): HeatMap };
+    topLeftX_exists: () => boolean;
+    topLeftY: { (): number; (_: number): HeatMap };
+    topLeftY_exists: () => boolean;
+    bottomRightX: { (): number; (_: number): HeatMap };
+    bottomRightX_exists: () => boolean;
+    bottomRightY: { (): number; (_: number): HeatMap };
+    bottomRightY_exists: () => boolean;
+}
+HeatMap.prototype._class += " other_HeatMap";
+HeatMap.prototype._palette = Palette.rainbow("default");
+
+HeatMap.prototype.publish("radius", 15, "number", "Set point radius", null, { tags: ["Basic"] });
+HeatMap.prototype.publish("blur", 15, "number", "Set point blur", null, { tags: ["Basic"] });
+HeatMap.prototype.publish("max", 1, "number", "Set max data value", null, { tags: ["Basic"] });
+
+HeatMap.prototype.publish("gradient", { 0.4: "blue", 0.6: "cyan", 0.7: "lime", 0.8: "yellow", 1.0: "red" }, "object", "Set gradient colors", null, { tags: ["Basic"] });
+
+HeatMap.prototype.publish("usePalette", false, "boolean", "If true, uses paletteID and colorCount to determine gradient", null, { tags: ["Basic"] });
+
+HeatMap.prototype.publish("colorCount", 10, "number", "Top left x-value", null, { tags: ["Basic"] });
+HeatMap.prototype.publish("paletteID", "default", "set", "Color palette for this widget", HeatMap.prototype._palette.switch(), { tags: ["Basic"] });
+HeatMap.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });
+
+HeatMap.prototype.publish("topLeftX", null, "number", "Top left x-value", null, { tags: ["Basic"], optional: true });
+HeatMap.prototype.publish("topLeftY", null, "number", "Top left y-value", null, { tags: ["Basic"], optional: true });
+HeatMap.prototype.publish("bottomRightX", null, "number", "Bottom right x-value", null, { tags: ["Basic"], optional: true });
+HeatMap.prototype.publish("bottomRightY", null, "number", "Bottom right y-value", null, { tags: ["Basic"], optional: true });

package/src/Html.css

@@ -1,6 +1,6 @@
-.other_Html{
-    height:100%;
-    width:100%;
-    overflow-x:auto;
-    overflow-y:scroll;
+.other_Html{
+    height:100%;
+    width:100%;
+    overflow-x:auto;
+    overflow-y:scroll;
 }

package/src/Html.ts

@@ -1,44 +1,44 @@
-import { HTMLWidget } from "@hpcc-js/common";
-
-import "../src/Html.css";
-
-export class Html extends HTMLWidget {
-    constructor() {
-        super();
-
-        this._tag = "div";
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-
-        element
-            .style("overflow-x", this.overflowX_exists() ? this.overflowX() : "")
-            .style("overflow-y", this.overflowY_exists() ? this.overflowY() : "")
-            ;
-
-        const html = element.selectAll(".htmlWrapper").data(this.data().length > 0 ? this.data() : [this.html()]);
-        html.enter().append("div")
-            .attr("class", "htmlWrapper")
-            .merge(html)
-            .html(function (d) { return d; })
-            ;
-        html.exit().remove();
-    }
-
-    html: { (): string; (_: string): Html };
-    html_exists: () => boolean;
-    overflowX: { (): string; (_: string): Html };
-    overflowX_exists: () => boolean;
-    overflowY: { (): string; (_: string): Html };
-    overflowY_exists: () => boolean;
-}
-Html.prototype._class += " other_Html";
-
-Html.prototype.publish("html", "", "string", "Html to render", null, { tags: ["Basic"] });
-Html.prototype.publish("overflowX", null, "set", "CSS overflow-x", ["", "visible", "hidden", "scroll", "auto", "initial", "inherit"], { tags: ["Basic"], optional: true });
-Html.prototype.publish("overflowY", null, "set", "CSS overflow-y", ["", "visible", "hidden", "scroll", "auto", "initial", "inherit"], { tags: ["Basic"], optional: true });
+import { HTMLWidget } from "@hpcc-js/common";
+
+import "../src/Html.css";
+
+export class Html extends HTMLWidget {
+    constructor() {
+        super();
+
+        this._tag = "div";
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+
+        element
+            .style("overflow-x", this.overflowX_exists() ? this.overflowX() : "")
+            .style("overflow-y", this.overflowY_exists() ? this.overflowY() : "")
+            ;
+
+        const html = element.selectAll(".htmlWrapper").data(this.data().length > 0 ? this.data() : [this.html()]);
+        html.enter().append("div")
+            .attr("class", "htmlWrapper")
+            .merge(html)
+            .html(function (d) { return d; })
+            ;
+        html.exit().remove();
+    }
+
+    html: { (): string; (_: string): Html };
+    html_exists: () => boolean;
+    overflowX: { (): string; (_: string): Html };
+    overflowX_exists: () => boolean;
+    overflowY: { (): string; (_: string): Html };
+    overflowY_exists: () => boolean;
+}
+Html.prototype._class += " other_Html";
+
+Html.prototype.publish("html", "", "string", "Html to render", null, { tags: ["Basic"] });
+Html.prototype.publish("overflowX", null, "set", "CSS overflow-x", ["", "visible", "hidden", "scroll", "auto", "initial", "inherit"], { tags: ["Basic"], optional: true });
+Html.prototype.publish("overflowY", null, "set", "CSS overflow-y", ["", "visible", "hidden", "scroll", "auto", "initial", "inherit"], { tags: ["Basic"], optional: true });

package/src/IconList.css

@@ -1,4 +1,4 @@
-.other_IconList .other_Html{
-    overflow-x: hidden;
-    overflow-y: hidden;
+.other_IconList .other_Html{
+    overflow-x: hidden;
+    overflow-y: hidden;
 }

package/src/IconList.ts

@@ -1,86 +1,86 @@
-import { Entity, HTMLWidget } from "@hpcc-js/common";
-import { HorizontalList, VerticalList } from "@hpcc-js/layout";
-import { select as d3Select } from "d3-selection";
-import { Html } from "./Html";
-
-import "../src/IconList.css";
-
-export class IconList extends HTMLWidget {
-    protected _list;
-    protected _entity_list = [];
-    protected _content_list = [];
-    constructor() {
-        super();
-        this._list = new HorizontalList()
-            .orientation_default("horizontal")
-            .flexWrap_default("nowrap")
-            ;
-    }
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        element
-            .style("height", "100%")
-            .style("width", "100%")
-            ;
-        d3Select(domNode.parentElement)
-            .style("height", "100%")
-            .style("width", "100%")
-            ;
-        this._list.target(domNode);
-    }
-    update(domNode, element) {
-        super.update(domNode, element);
-        const listWidgets = this._list.widgets();
-        this.data().forEach((row, idx) => {
-            if (!listWidgets[idx]) {
-                listWidgets[idx] = this.updateListProperties(new VerticalList(), idx)
-                    .widgets([
-                        this.updateEntityProperties(new Entity(), idx),
-                        new Html().html(this.data()[idx][this.htmlColumnIndex_exists() ? this.htmlColumnIndex() : 1])
-                    ]);
-            } else {
-                listWidgets[idx] = this.updateListProperties(listWidgets[idx], idx);
-                this.updateEntityProperties(listWidgets[idx].widgets()[0], idx);
-                listWidgets[idx]
-                    .widgets()[1]
-                    .html(this.data()[idx][this.htmlColumnIndex_exists() ? this.htmlColumnIndex() : 1])
-                    ;
-            }
-        });
-        this._list.widgets(listWidgets.slice(0, this.data().length));
-        this._list.resize().render();
-    }
-    updateListProperties(list, idx) {
-        return list
-            .disableScroll(true)
-            .widgetsFlexBasis([this.iconSize() + "px", `calc(100% - ${this.iconSize()}px)`])
-            ;
-    }
-    updateEntityProperties(entity, idx) {
-        return entity
-            .icon(this.iconColumnIndex_exists() ? this.data()[idx][this.iconColumnIndex()] : "?")
-            .iconColor(this.iconColorColumnIndex_exists() ? this.data()[idx][this.iconColorColumnIndex()] : "#000")
-            .iconDiameter(this.iconSize())
-            .iconPaddingPercent(0)
-            ;
-    }
-}
-IconList.prototype._class += " other_IconList";
-
-export interface IconList {
-    iconSize(): number;
-    iconSize(_: number): this;
-    iconColumnIndex(): number;
-    iconColumnIndex(_: number): this;
-    iconColumnIndex_exists(): boolean;
-    iconColorColumnIndex(): number;
-    iconColorColumnIndex(_: number): this;
-    iconColorColumnIndex_exists(): boolean;
-    htmlColumnIndex(): number;
-    htmlColumnIndex(_: number): this;
-    htmlColumnIndex_exists(): boolean;
-}
-IconList.prototype.publish("iconSize", 72, "number", "Size of icon (pixels)");
-IconList.prototype.publish("iconColumnIndex", 0, "number", "Index of column containing icon character");
-IconList.prototype.publish("iconColorColumnIndex", 1, "number", "Index of column containing icon color");
-IconList.prototype.publish("htmlColumnIndex", 2, "number", "Index of column containing html string");
+import { Entity, HTMLWidget } from "@hpcc-js/common";
+import { HorizontalList, VerticalList } from "@hpcc-js/layout";
+import { select as d3Select } from "d3-selection";
+import { Html } from "./Html";
+
+import "../src/IconList.css";
+
+export class IconList extends HTMLWidget {
+    protected _list;
+    protected _entity_list = [];
+    protected _content_list = [];
+    constructor() {
+        super();
+        this._list = new HorizontalList()
+            .orientation_default("horizontal")
+            .flexWrap_default("nowrap")
+            ;
+    }
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        element
+            .style("height", "100%")
+            .style("width", "100%")
+            ;
+        d3Select(domNode.parentElement)
+            .style("height", "100%")
+            .style("width", "100%")
+            ;
+        this._list.target(domNode);
+    }
+    update(domNode, element) {
+        super.update(domNode, element);
+        const listWidgets = this._list.widgets();
+        this.data().forEach((row, idx) => {
+            if (!listWidgets[idx]) {
+                listWidgets[idx] = this.updateListProperties(new VerticalList(), idx)
+                    .widgets([
+                        this.updateEntityProperties(new Entity(), idx),
+                        new Html().html(this.data()[idx][this.htmlColumnIndex_exists() ? this.htmlColumnIndex() : 1])
+                    ]);
+            } else {
+                listWidgets[idx] = this.updateListProperties(listWidgets[idx], idx);
+                this.updateEntityProperties(listWidgets[idx].widgets()[0], idx);
+                listWidgets[idx]
+                    .widgets()[1]
+                    .html(this.data()[idx][this.htmlColumnIndex_exists() ? this.htmlColumnIndex() : 1])
+                    ;
+            }
+        });
+        this._list.widgets(listWidgets.slice(0, this.data().length));
+        this._list.resize().render();
+    }
+    updateListProperties(list, idx) {
+        return list
+            .disableScroll(true)
+            .widgetsFlexBasis([this.iconSize() + "px", `calc(100% - ${this.iconSize()}px)`])
+            ;
+    }
+    updateEntityProperties(entity, idx) {
+        return entity
+            .icon(this.iconColumnIndex_exists() ? this.data()[idx][this.iconColumnIndex()] : "?")
+            .iconColor(this.iconColorColumnIndex_exists() ? this.data()[idx][this.iconColorColumnIndex()] : "#000")
+            .iconDiameter(this.iconSize())
+            .iconPaddingPercent(0)
+            ;
+    }
+}
+IconList.prototype._class += " other_IconList";
+
+export interface IconList {
+    iconSize(): number;
+    iconSize(_: number): this;
+    iconColumnIndex(): number;
+    iconColumnIndex(_: number): this;
+    iconColumnIndex_exists(): boolean;
+    iconColorColumnIndex(): number;
+    iconColorColumnIndex(_: number): this;
+    iconColorColumnIndex_exists(): boolean;
+    htmlColumnIndex(): number;
+    htmlColumnIndex(_: number): this;
+    htmlColumnIndex_exists(): boolean;
+}
+IconList.prototype.publish("iconSize", 72, "number", "Size of icon (pixels)");
+IconList.prototype.publish("iconColumnIndex", 0, "number", "Index of column containing icon character");
+IconList.prototype.publish("iconColorColumnIndex", 1, "number", "Index of column containing icon color");
+IconList.prototype.publish("htmlColumnIndex", 2, "number", "Index of column containing html string");