@hpcc-js/layout 3.5.1 → 3.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hpcc-js/layout",
-    "version": "3.5.1",
+    "version": "3.5.4",
     "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.6",
-        "@hpcc-js/chart": "^3.6.2",
-        "@hpcc-js/common": "^3.6.2",
-        "@hpcc-js/dgrid2": "^3.5.4",
-        "@hpcc-js/util": "^3.4.5"
+        "@hpcc-js/api": "^3.4.9",
+        "@hpcc-js/chart": "^3.6.5",
+        "@hpcc-js/common": "^3.6.5",
+        "@hpcc-js/dgrid2": "^3.5.7",
+        "@hpcc-js/util": "^3.4.8"
     },
     "devDependencies": {
-        "@hpcc-js/esbuild-plugins": "^1.8.1",
+        "@hpcc-js/esbuild-plugins": "^1.8.3",
         "@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": "cdd52de0cb8b157acefb4cea23895268d8127570"
+    "gitHead": "34c404f172efc43a9caf59e8e463d1f07d469578"
 }

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,85 +1,85 @@
-.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;
 }