@hpcc-js/composite 3.4.7 → 3.4.10

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hpcc-js/composite",
-    "version": "3.4.7",
+    "version": "3.4.10",
     "description": "hpcc-js - Viz Composite",
     "type": "module",
     "main": "./dist/index.umd.cjs",
@@ -37,18 +37,18 @@
         "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/dgrid": "^3.5.6",
-        "@hpcc-js/form": "^3.3.6",
-        "@hpcc-js/html": "^3.3.6",
-        "@hpcc-js/other": "^3.4.7",
-        "@hpcc-js/phosphor": "^3.4.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/dgrid": "^3.5.9",
+        "@hpcc-js/form": "^3.3.9",
+        "@hpcc-js/html": "^3.3.9",
+        "@hpcc-js/other": "^3.4.10",
+        "@hpcc-js/phosphor": "^3.4.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-collection": "^1",
         "d3-selection": "^1",
@@ -65,5 +65,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "cdd52de0cb8b157acefb4cea23895268d8127570"
+    "gitHead": "34c404f172efc43a9caf59e8e463d1f07d469578"
 }

package/src/ChartPanel.css

@@ -1,26 +1,26 @@
-.composite_ChartPanel > .body {
-    margin: 0;
-    padding: 0;
-    display: flex;
-    flex-flow: row;
-}
-
-.composite_ChartPanel > .body > article {
-    flex: 3 1 60%;
-    order: 2;
-}
-
-.composite_ChartPanel > .body > nav {
-    flex: 1 6 20%;
-    order: 1;
-}
-
-.composite_ChartPanel > .body > aside {
-    margin-left: 4px;
-    flex: 1 6 20%;
-    order: 3;
-}
-
-header, footer {
-    display: block;
-}
+.composite_ChartPanel > .body {
+    margin: 0;
+    padding: 0;
+    display: flex;
+    flex-flow: row;
+}
+
+.composite_ChartPanel > .body > article {
+    flex: 3 1 60%;
+    order: 2;
+}
+
+.composite_ChartPanel > .body > nav {
+    flex: 1 6 20%;
+    order: 1;
+}
+
+.composite_ChartPanel > .body > aside {
+    margin-left: 4px;
+    flex: 1 6 20%;
+    order: 3;
+}
+
+header, footer {
+    display: block;
+}

package/src/ChartPanel.ts

@@ -1,80 +1,80 @@
-import { HTMLWidget, Widget } from "@hpcc-js/common";
-import { ChartPanel } from "@hpcc-js/layout";
-import { MultiChart } from "./MultiChart.ts";
-
-import "../src/ChartPanel.css";
-
-class Summary extends HTMLWidget {
-
-    constructor() {
-        super();
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-        element.append("p");
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-        element.select("p").text(this.text());
-    }
-}
-interface Summary {
-    text(): string;
-    text(_: string): this;
-}
-Summary.prototype.publish("text", "", "string");
-
-export class MultiChartPanel extends ChartPanel<MultiChart> {
-
-    constructor() {
-        super();
-        this.widget(new MultiChart().chartType("COLUMN"));
-    }
-
-    multiChart(): MultiChart {
-        return this._widget;
-    }
-
-    chartType(): string;
-    chartType(_: string): this;
-    chartType(_?: string): string | this {
-        if (!arguments.length) return this._widget.chartType();
-        this._widget.chartType(_);
-        return this;
-    }
-
-    chart(): Widget;
-    chart(_: Widget): this;
-    chart(_?: Widget): Widget | this {
-        if (!arguments.length) return this._widget.chart();
-        this._widget.chart(_);
-        return this;
-    }
-
-    chartTypeDefaults(): object;
-    chartTypeDefaults(_: object): this;
-    chartTypeDefaults(_?: object): this | object {
-        if (!arguments.length) return this._widget.chartTypeDefaults();
-        this._widget.chartTypeDefaults(_);
-        return this;
-    }
-
-    chartTypeProperties(): object;
-    chartTypeProperties(_: object): this;
-    chartTypeProperties(_?: object): this | object {
-        if (!arguments.length) return this._widget.chartTypeProperties();
-        this._widget.chartTypeProperties(_);
-        return this;
-    }
-
-    update(domNode, element) {
-        super.update(domNode, element);
-        if (this._widget instanceof MultiChart) {
-            this._legend.dataFamily(this._widget.getChartDataFamily());
-        }
-        super.update(domNode, element);
-    }
-}
-MultiChartPanel.prototype._class += " composite_MultiChartPanel";
+import { HTMLWidget, Widget } from "@hpcc-js/common";
+import { ChartPanel } from "@hpcc-js/layout";
+import { MultiChart } from "./MultiChart.ts";
+
+import "../src/ChartPanel.css";
+
+class Summary extends HTMLWidget {
+
+    constructor() {
+        super();
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+        element.append("p");
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+        element.select("p").text(this.text());
+    }
+}
+interface Summary {
+    text(): string;
+    text(_: string): this;
+}
+Summary.prototype.publish("text", "", "string");
+
+export class MultiChartPanel extends ChartPanel<MultiChart> {
+
+    constructor() {
+        super();
+        this.widget(new MultiChart().chartType("COLUMN"));
+    }
+
+    multiChart(): MultiChart {
+        return this._widget;
+    }
+
+    chartType(): string;
+    chartType(_: string): this;
+    chartType(_?: string): string | this {
+        if (!arguments.length) return this._widget.chartType();
+        this._widget.chartType(_);
+        return this;
+    }
+
+    chart(): Widget;
+    chart(_: Widget): this;
+    chart(_?: Widget): Widget | this {
+        if (!arguments.length) return this._widget.chart();
+        this._widget.chart(_);
+        return this;
+    }
+
+    chartTypeDefaults(): object;
+    chartTypeDefaults(_: object): this;
+    chartTypeDefaults(_?: object): this | object {
+        if (!arguments.length) return this._widget.chartTypeDefaults();
+        this._widget.chartTypeDefaults(_);
+        return this;
+    }
+
+    chartTypeProperties(): object;
+    chartTypeProperties(_: object): this;
+    chartTypeProperties(_?: object): this | object {
+        if (!arguments.length) return this._widget.chartTypeProperties();
+        this._widget.chartTypeProperties(_);
+        return this;
+    }
+
+    update(domNode, element) {
+        super.update(domNode, element);
+        if (this._widget instanceof MultiChart) {
+            this._legend.dataFamily(this._widget.getChartDataFamily());
+        }
+        super.update(domNode, element);
+    }
+}
+MultiChartPanel.prototype._class += " composite_MultiChartPanel";

package/src/Dermatology.css

@@ -1,38 +1,38 @@
-.composite_Dermatology {
-    background-color: ghostwhite;
-}
-
-.composite_Dermatology .common_Icon {
-    background-color: red;
-    opacity:0.75;
-}
-
-.composite_Dermatology .common_Icon .common_Shape {
-    fill: white;
-    stroke: darkgray;
-    cursor:pointer;
-}
-
-.composite_Dermatology .common_Icon.show .common_Shape {
-    fill: lightgray;
-}
-
-.composite_Dermatology .common_Icon .common_FAChar .common_Text {
-    fill: darkgray;
-    cursor:pointer;
-}
-
-.composite_Dermatology .other_PropertyEditor {
-    font-family: sans-serif;
-    font-size: 11px;
-}
-
-.composite_Dermatology .other_PropertyEditor input {
-    font-family: sans-serif;
-    font-size: 11px;
-    border:0px;
-}
-
-.composite_Dermatology .other_PropertyEditor .property-label {
-    height:unset;
-}
+.composite_Dermatology {
+    background-color: ghostwhite;
+}
+
+.composite_Dermatology .common_Icon {
+    background-color: red;
+    opacity:0.75;
+}
+
+.composite_Dermatology .common_Icon .common_Shape {
+    fill: white;
+    stroke: darkgray;
+    cursor:pointer;
+}
+
+.composite_Dermatology .common_Icon.show .common_Shape {
+    fill: lightgray;
+}
+
+.composite_Dermatology .common_Icon .common_FAChar .common_Text {
+    fill: darkgray;
+    cursor:pointer;
+}
+
+.composite_Dermatology .other_PropertyEditor {
+    font-family: sans-serif;
+    font-size: 11px;
+}
+
+.composite_Dermatology .other_PropertyEditor input {
+    font-family: sans-serif;
+    font-size: 11px;
+    border:0px;
+}
+
+.composite_Dermatology .other_PropertyEditor .property-label {
+    height:unset;
+}

package/src/Dermatology.ts

@@ -1,101 +1,101 @@
-import { OnOff } from "@hpcc-js/form";
-import { Border, Toolbar } from "@hpcc-js/layout";
-import { PropertyEditor } from "@hpcc-js/other";
-
-import "../src/Dermatology.css";
-
-export class Dermatology extends Border {
-    _toolbar;
-    _propEditor;
-    _showProperties;
-    _propsButton;
-    _prevWidget;
-
-    constructor() {
-        super();
-
-        this._toolbar = new Toolbar()
-            .title("Dermatology")
-            ;
-        this._propEditor = new PropertyEditor()
-            .show_settings(true)
-            ;
-    }
-
-    showProperties(_?) {
-        if (!arguments.length) return this._showProperties;
-        this._showProperties = _;
-        this
-            .rightPercentage(0)
-            .rightSize(this._showProperties ? 360 : 0)
-            .setContent("right", this._showProperties ? this._propEditor : null)
-            ;
-        const widget = this.widget();
-        if (widget && widget.designMode) {
-            widget.designMode(this._showProperties);
-        }
-        return this;
-    }
-
-    toggleProperties() {
-        return this.showProperties(!this.showProperties());
-    }
-
-    enter(domNode, element) {
-        super.enter(domNode, element);
-
-        this
-            .topPercentage(0)
-            .topSize(0)
-            .setContent("top", this._toolbar)
-            ;
-        this.getCell("top").surfaceShadow(true);
-
-        const context = this;
-        this._propsButton = new OnOff()
-            .id(this.id() + "_props")
-            .value("Properties")
-            .on("click", function () {
-                context
-                    .toggleProperties()
-                    .render()
-                    ;
-            })
-            ;
-        this._toolbar.widgets([this._propsButton]);
-    }
-
-    update(domNode, element) {
-        this
-            .topPercentage(0)
-            .topSize(this.showToolbar() ? 32 : 0)
-            ;
-
-        super.update(domNode, element);
-
-        const widget = this.widget();
-        element.style("background-color", widget && widget.surfaceShadow ? null : "white");
-    }
-
-    render(callback) {
-        const widget = this.widget();
-        if (widget !== this._prevWidget) {
-            if (widget && widget.surfaceShadow) {
-                widget.surfaceBackgroundColor_default("white");
-            }
-            this.setContent("center", widget);
-            this._propEditor.widget(widget);
-            this._prevWidget = widget;
-        }
-        return super.render(callback);
-    }
-
-    showToolbar: { (): boolean; (_: boolean): Dermatology };
-    showToolbar_exists: () => boolean;
-    widget: { (): any; (_: any): Dermatology };
-    widget_exists: () => boolean;
-}
-Dermatology.prototype._class += " composite_Dermatology";
-
-Dermatology.prototype.publish("showToolbar", true, "boolean", "Show Toolbar");
-Dermatology.prototype.publish("widget", null, "widget", "Widget");
+import { OnOff } from "@hpcc-js/form";
+import { Border, Toolbar } from "@hpcc-js/layout";
+import { PropertyEditor } from "@hpcc-js/other";
+
+import "../src/Dermatology.css";
+
+export class Dermatology extends Border {
+    _toolbar;
+    _propEditor;
+    _showProperties;
+    _propsButton;
+    _prevWidget;
+
+    constructor() {
+        super();
+
+        this._toolbar = new Toolbar()
+            .title("Dermatology")
+            ;
+        this._propEditor = new PropertyEditor()
+            .show_settings(true)
+            ;
+    }
+
+    showProperties(_?) {
+        if (!arguments.length) return this._showProperties;
+        this._showProperties = _;
+        this
+            .rightPercentage(0)
+            .rightSize(this._showProperties ? 360 : 0)
+            .setContent("right", this._showProperties ? this._propEditor : null)
+            ;
+        const widget = this.widget();
+        if (widget && widget.designMode) {
+            widget.designMode(this._showProperties);
+        }
+        return this;
+    }
+
+    toggleProperties() {
+        return this.showProperties(!this.showProperties());
+    }
+
+    enter(domNode, element) {
+        super.enter(domNode, element);
+
+        this
+            .topPercentage(0)
+            .topSize(0)
+            .setContent("top", this._toolbar)
+            ;
+        this.getCell("top").surfaceShadow(true);
+
+        const context = this;
+        this._propsButton = new OnOff()
+            .id(this.id() + "_props")
+            .value("Properties")
+            .on("click", function () {
+                context
+                    .toggleProperties()
+                    .render()
+                    ;
+            })
+            ;
+        this._toolbar.widgets([this._propsButton]);
+    }
+
+    update(domNode, element) {
+        this
+            .topPercentage(0)
+            .topSize(this.showToolbar() ? 32 : 0)
+            ;
+
+        super.update(domNode, element);
+
+        const widget = this.widget();
+        element.style("background-color", widget && widget.surfaceShadow ? null : "white");
+    }
+
+    render(callback) {
+        const widget = this.widget();
+        if (widget !== this._prevWidget) {
+            if (widget && widget.surfaceShadow) {
+                widget.surfaceBackgroundColor_default("white");
+            }
+            this.setContent("center", widget);
+            this._propEditor.widget(widget);
+            this._prevWidget = widget;
+        }
+        return super.render(callback);
+    }
+
+    showToolbar: { (): boolean; (_: boolean): Dermatology };
+    showToolbar_exists: () => boolean;
+    widget: { (): any; (_: any): Dermatology };
+    widget_exists: () => boolean;
+}
+Dermatology.prototype._class += " composite_Dermatology";
+
+Dermatology.prototype.publish("showToolbar", true, "boolean", "Show Toolbar");
+Dermatology.prototype.publish("widget", null, "widget", "Widget");

package/src/MegaChart.css

@@ -1,6 +1,6 @@
-.composite_MegaChart-Info,
-.composite_MegaChart-Info *,
-.composite_MegaChart-Maximize,
-.composite_MegaChart-Maximize *{
-    font-family: FontAwesome;
+.composite_MegaChart-Info,
+.composite_MegaChart-Info *,
+.composite_MegaChart-Maximize,
+.composite_MegaChart-Maximize *{
+    font-family: FontAwesome;
 }