@hpcc-js/composite 3.5.5 → 3.5.7

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@hpcc-js/composite",
-    "version": "3.5.5",
+    "version": "3.5.7",
     "description": "hpcc-js - Viz Composite",
     "type": "module",
     "main": "./dist/index.umd.cjs",
@@ -23,10 +23,12 @@
     "scripts": {
         "clean": "rimraf --glob lib* types dist *.tsbuildinfo .turbo",
         "bundle": "vite build",
-        "bundle-watch": "vite --port 5503",
+        "bundle-watch": "vite build --watch",
+        "bundle-serve": "vite --port 5503",
         "gen-types": "tsc --project tsconfig.json",
         "gen-types-watch": "npm run gen-types -- --watch",
         "build": "run-p gen-types bundle",
+        "watch": "run-p gen-types-watch bundle-watch",
         "lint": "eslint ./src",
         "lint-fix": "eslint --fix src/**/*.ts",
         "docs": "typedoc --options tdoptions.json .",
@@ -37,15 +39,15 @@
         "update-major": "npx --yes npm-check-updates -u"
     },
     "dependencies": {
-        "@hpcc-js/api": "^3.4.15",
-        "@hpcc-js/chart": "^3.7.4",
-        "@hpcc-js/common": "^3.7.5",
-        "@hpcc-js/dgrid": "^3.7.5",
-        "@hpcc-js/form": "^3.4.4",
-        "@hpcc-js/html": "^3.3.15",
-        "@hpcc-js/other": "^3.5.4",
-        "@hpcc-js/phosphor": "^3.5.4",
-        "@hpcc-js/util": "^3.5.4"
+        "@hpcc-js/api": "^3.4.16",
+        "@hpcc-js/chart": "^3.7.5",
+        "@hpcc-js/common": "^3.7.6",
+        "@hpcc-js/dgrid": "^3.7.6",
+        "@hpcc-js/form": "^3.4.5",
+        "@hpcc-js/html": "^3.3.16",
+        "@hpcc-js/other": "^3.5.5",
+        "@hpcc-js/phosphor": "^3.6.0",
+        "@hpcc-js/util": "^3.5.5"
     },
     "devDependencies": {
         "@hpcc-js/esbuild-plugins": "^1.8.7",
@@ -65,5 +67,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "f8bdd58fc6914054a2313a87bbe1257dc9720545"
+    "gitHead": "5fcd2df494c2f457cf07c9100d6101b123e3ab40"
 }

package/src/ChartPanel.css

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