@hpcc-js/layout 3.5.7 → 3.5.10

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hpcc-js/layout",
-    "version": "3.5.7",
+    "version": "3.5.10",
     "description": "hpcc-js - Viz Layout",
     "type": "module",
     "main": "./dist/index.umd.cjs",
@@ -37,14 +37,14 @@
         "update-major": "npx --yes npm-check-updates -u"
     },
     "dependencies": {
-        "@hpcc-js/api": "^3.4.12",
-        "@hpcc-js/chart": "^3.7.1",
-        "@hpcc-js/common": "^3.7.2",
-        "@hpcc-js/dgrid2": "^3.6.1",
-        "@hpcc-js/util": "^3.5.1"
+        "@hpcc-js/api": "^3.4.15",
+        "@hpcc-js/chart": "^3.7.4",
+        "@hpcc-js/common": "^3.7.5",
+        "@hpcc-js/dgrid2": "^3.6.4",
+        "@hpcc-js/util": "^3.5.4"
     },
     "devDependencies": {
-        "@hpcc-js/esbuild-plugins": "^1.8.4",
+        "@hpcc-js/esbuild-plugins": "^1.8.7",
         "@types/d3-transition": "1.3.6",
         "d3-drag": "^1",
         "d3-selection": "^1",
@@ -64,5 +64,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "04460c76008934053c9957c361693aac862ca7dc"
+    "gitHead": "f8bdd58fc6914054a2313a87bbe1257dc9720545"
 }

package/src/AbsoluteSurface.css

@@ -1,9 +1,9 @@
-.layout_AbsoluteSurface {
-    pointer-events: none !important;
-}
-
-.layout_AbsoluteSurface>.placeholder {
-    position: relative;
-    overflow: hidden;
-    pointer-events: all;
+.layout_AbsoluteSurface {
+    pointer-events: none !important;
+}
+
+.layout_AbsoluteSurface>.placeholder {
+    position: relative;
+    overflow: hidden;
+    pointer-events: all;
 }

package/src/AbsoluteSurface.ts

@@ -1,93 +1,93 @@
-import { HTMLWidget } from "@hpcc-js/common";
-
-import "../src/AbsoluteSurface.css";
-
-export class AbsoluteSurface extends HTMLWidget {
-    constructor() {
-        super();
-
-        this._tag = "div";
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-
-        let xPos = 0;
-        let yPos = 0;
-        let width = this.clientWidth();
-        let height = this.clientHeight();
-        switch (this.units()) {
-            case "pixels":
-                xPos = this.widgetX();
-                yPos = this.widgetY();
-                width = this.widgetWidth() === "" ? width - xPos : Number(this.widgetWidth());
-                height = this.widgetHeight() === "" ? height - yPos : Number(this.widgetHeight());
-                break;
-            case "percent":
-                xPos = this.widgetX() * width / 100;
-                yPos = this.widgetY() * height / 100;
-                width = this.widgetWidth() === "" ? width - xPos : Number(this.widgetWidth()) * width / 100;
-                height = this.widgetHeight() === "" ? height - yPos : Number(this.widgetHeight()) * height / 100;
-                break;
-        }
-        element.style("opacity", this.opacity());
-
-        const widgets = element.selectAll("#" + this._id + " > .placeholder").data(this.widget() ? [this.widget()] : [], function (d) { return d._id; });
-        widgets.enter().append("div")
-            .attr("class", "placeholder")
-            .each(function (d) {
-                d.target(this);
-            })
-            .merge(widgets)
-            .style("left", xPos + "px")
-            .style("top", yPos + "px")
-            .style("width", width + "px")
-            .style("bottom", height + "px")
-            .each(function (d) {
-                d
-                    .resize({ width, height })
-                    ;
-            })
-            ;
-        widgets.exit().each(function (d) {
-            d.target(null);
-        }).remove();
-    }
-
-    exit(domNode, element) {
-        if (this.widget()) {
-            this.widget().target(null);
-        }
-        super.exit(domNode, element);
-    }
-}
-AbsoluteSurface.prototype._class += " layout_AbsoluteSurface";
-
-export interface AbsoluteSurface {
-    units(): string;
-    units(_: string): this;
-    widgetX(): number;
-    widgetX(_: number): this;
-    widgetY(): number;
-    widgetY(_: number): this;
-    widgetWidth(): string;
-    widgetWidth(_: string): this;
-    widgetHeight(): string;
-    widgetHeight(_: string): this;
-    widget(): any;
-    widget(_: any): this;
-    opacity(): number;
-    opacity(_: number): this;
-}
-
-AbsoluteSurface.prototype.publish("units", "percent", "set", "Units", ["pixels", "percent"]);
-AbsoluteSurface.prototype.publish("widgetX", 0, "number", "Widget XPos");
-AbsoluteSurface.prototype.publish("widgetY", 0, "number", "Widget YPos");
-AbsoluteSurface.prototype.publish("widgetWidth", "100", "string", "Widget Width, omit for full");
-AbsoluteSurface.prototype.publish("widgetHeight", "100", "string", "Widget Height, omit for full");
-AbsoluteSurface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
-AbsoluteSurface.prototype.publish("opacity", 1, "number", "Opacity");
+import { HTMLWidget } from "@hpcc-js/common";
+
+import "../src/AbsoluteSurface.css";
+
+export class AbsoluteSurface extends HTMLWidget {
+    constructor() {
+        super();
+
+        this._tag = "div";
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+
+        let xPos = 0;
+        let yPos = 0;
+        let width = this.clientWidth();
+        let height = this.clientHeight();
+        switch (this.units()) {
+            case "pixels":
+                xPos = this.widgetX();
+                yPos = this.widgetY();
+                width = this.widgetWidth() === "" ? width - xPos : Number(this.widgetWidth());
+                height = this.widgetHeight() === "" ? height - yPos : Number(this.widgetHeight());
+                break;
+            case "percent":
+                xPos = this.widgetX() * width / 100;
+                yPos = this.widgetY() * height / 100;
+                width = this.widgetWidth() === "" ? width - xPos : Number(this.widgetWidth()) * width / 100;
+                height = this.widgetHeight() === "" ? height - yPos : Number(this.widgetHeight()) * height / 100;
+                break;
+        }
+        element.style("opacity", this.opacity());
+
+        const widgets = element.selectAll("#" + this._id + " > .placeholder").data(this.widget() ? [this.widget()] : [], function (d) { return d._id; });
+        widgets.enter().append("div")
+            .attr("class", "placeholder")
+            .each(function (d) {
+                d.target(this);
+            })
+            .merge(widgets)
+            .style("left", xPos + "px")
+            .style("top", yPos + "px")
+            .style("width", width + "px")
+            .style("bottom", height + "px")
+            .each(function (d) {
+                d
+                    .resize({ width, height })
+                    ;
+            })
+            ;
+        widgets.exit().each(function (d) {
+            d.target(null);
+        }).remove();
+    }
+
+    exit(domNode, element) {
+        if (this.widget()) {
+            this.widget().target(null);
+        }
+        super.exit(domNode, element);
+    }
+}
+AbsoluteSurface.prototype._class += " layout_AbsoluteSurface";
+
+export interface AbsoluteSurface {
+    units(): string;
+    units(_: string): this;
+    widgetX(): number;
+    widgetX(_: number): this;
+    widgetY(): number;
+    widgetY(_: number): this;
+    widgetWidth(): string;
+    widgetWidth(_: string): this;
+    widgetHeight(): string;
+    widgetHeight(_: string): this;
+    widget(): any;
+    widget(_: any): this;
+    opacity(): number;
+    opacity(_: number): this;
+}
+
+AbsoluteSurface.prototype.publish("units", "percent", "set", "Units", ["pixels", "percent"]);
+AbsoluteSurface.prototype.publish("widgetX", 0, "number", "Widget XPos");
+AbsoluteSurface.prototype.publish("widgetY", 0, "number", "Widget YPos");
+AbsoluteSurface.prototype.publish("widgetWidth", "100", "string", "Widget Width, omit for full");
+AbsoluteSurface.prototype.publish("widgetHeight", "100", "string", "Widget Height, omit for full");
+AbsoluteSurface.prototype.publish("widget", null, "widget", "Widget", null, { tags: ["Private"] });
+AbsoluteSurface.prototype.publish("opacity", 1, "number", "Opacity");

package/src/Accordion.css

@@ -1,102 +1,102 @@
-.layout_Accordion>ul {
-    position: relative;
-}
-
-.layout_Accordion.open>span {
-    font-style: italic;
-}
-
-.layout_Accordion.closed>ul {
-    height: 0px;
-    overflow: hidden;
-}
-
-.layout_Accordion.open>ul {
-    display: block;
-}
-
-.layout_Accordion>.collapsible-icon,
-.layout_Accordion>.collapsible-title {
-    cursor: pointer;
-    box-sizing: border-box;
-}
-
-.layout_Accordion>.collapsible-title {
-    display: block;
-    width: 100%;
-}
-
-.layout_Accordion>.collapsible-title {
-    font-size: 13px;
-    color: #FFF;
-    padding: 4px 8px;
-    height: 26px;
-    -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
-    -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
-    box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
-}
-
-.layout_Accordion li {
-    background-color: #FFFFFF;
-}
-
-.layout_Accordion>ul,
-.layout_Accordion>.collapsible-title {
-    background-color: #333;
-}
-
-.layout_Accordion .layout_Accordion>ul,
-.layout_Accordion .layout_Accordion>.collapsible-title {
-    background-color: #555;
-}
-
-.layout_Accordion .layout_Accordion .layout_Accordion>ul,
-.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
-    background-color: #777;
-}
-
-.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
-.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
-    background-color: #999;
-}
-
-.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
-.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
-    background-color: #BBB;
-}
-
-.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
-.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
-    background-color: #CCC;
-}
-
-.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
-.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
-    background-color: #DDD;
-}
-
-.layout_Accordion>ul,
-.layout_Accordion>span {
-    padding-left: 0px;
-}
-
-.layout_Accordion .layout_Accordion>ul,
-.layout_Accordion .layout_Accordion>span {
-    padding-left: 12px;
-}
-
-.layout_Accordion>.collapsible-title:before {
-    padding: 4px 8px 4px 8px;
-    position: absolute;
-    left: 0;
-    top: 0;
-}
-
-.layout_Accordion>.collapsible-icon {
-    position: absolute;
-    top: 0px;
-    right: 0px;
-    width: 24px;
-    height: 24px;
-    color: #FFF;
+.layout_Accordion>ul {
+    position: relative;
+}
+
+.layout_Accordion.open>span {
+    font-style: italic;
+}
+
+.layout_Accordion.closed>ul {
+    height: 0px;
+    overflow: hidden;
+}
+
+.layout_Accordion.open>ul {
+    display: block;
+}
+
+.layout_Accordion>.collapsible-icon,
+.layout_Accordion>.collapsible-title {
+    cursor: pointer;
+    box-sizing: border-box;
+}
+
+.layout_Accordion>.collapsible-title {
+    display: block;
+    width: 100%;
+}
+
+.layout_Accordion>.collapsible-title {
+    font-size: 13px;
+    color: #FFF;
+    padding: 4px 8px;
+    height: 26px;
+    -webkit-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
+    -moz-box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
+    box-shadow: inset 0px -1px 1px 0px rgba(0, 0, 0, 0.2);
+}
+
+.layout_Accordion li {
+    background-color: #FFFFFF;
+}
+
+.layout_Accordion>ul,
+.layout_Accordion>.collapsible-title {
+    background-color: #333;
+}
+
+.layout_Accordion .layout_Accordion>ul,
+.layout_Accordion .layout_Accordion>.collapsible-title {
+    background-color: #555;
+}
+
+.layout_Accordion .layout_Accordion .layout_Accordion>ul,
+.layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
+    background-color: #777;
+}
+
+.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
+.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
+    background-color: #999;
+}
+
+.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
+.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
+    background-color: #BBB;
+}
+
+.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
+.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
+    background-color: #CCC;
+}
+
+.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>ul,
+.layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion .layout_Accordion>.collapsible-title {
+    background-color: #DDD;
+}
+
+.layout_Accordion>ul,
+.layout_Accordion>span {
+    padding-left: 0px;
+}
+
+.layout_Accordion .layout_Accordion>ul,
+.layout_Accordion .layout_Accordion>span {
+    padding-left: 12px;
+}
+
+.layout_Accordion>.collapsible-title:before {
+    padding: 4px 8px 4px 8px;
+    position: absolute;
+    left: 0;
+    top: 0;
+}
+
+.layout_Accordion>.collapsible-icon {
+    position: absolute;
+    top: 0px;
+    right: 0px;
+    width: 24px;
+    height: 24px;
+    color: #FFF;
 }