@hpcc-js/chart 2.86.0 → 3.2.0

package/package.json

@@ -1,52 +1,49 @@
 {
     "name": "@hpcc-js/chart",
-    "version": "2.86.0",
+    "version": "3.2.0",
     "description": "hpcc-js - Viz Chart",
-    "main": "dist/index.js",
-    "module": "dist/index.es6",
-    "unpkg": "dist/index.min.js",
-    "jsdelivr": "dist/index.min.js",
-    "types": "types/index.d.ts",
-    "typesVersions": {
-        "<3.8": {
-            "*": [
-                "types-3.4/index.d.ts"
-            ]
-        }
+    "type": "module",
+    "exports": {
+        ".": {
+            "types": "./types/index.d.ts",
+            "default": "./dist/index.js"
+        },
+        "./dist/*": "./dist/*"
     },
+    "module": "./dist/index.js",
+    "browser": "./dist/index.js",
+    "types": "./types/index.d.ts",
     "files": [
         "dist/*",
+        "src/*",
         "types/*",
-        "types-3.4/*",
-        "src/*"
+        "font-awesome/**/*"
     ],
     "scripts": {
-        "clean": "rimraf --glob lib* types dist *.tsbuildinfo",
-        "compile-es6": "tsc --module es6 --outDir ./lib-es6",
-        "compile-es6-watch": "npm run compile-es6 -- -w",
-        "compile-umd": "tsc --module umd --outDir ./lib-umd",
-        "compile-umd-watch": "npm run compile-umd -- -w",
-        "bundle": "rollup -c",
-        "bundle-watch": "npm run bundle -- -w",
-        "minimize": "terser dist/index.js -c -m --source-map \"content='dist/index.js.map',url='index.min.js.map'\" -o dist/index.min.js",
-        "gen-legacy-types": "downlevel-dts ./types ./types-3.4",
-        "build": "npm run compile-es6 && npm run bundle",
-        "watch": "npm-run-all compile-es6 -p compile-es6-watch bundle-watch",
-        "stamp": "node ../../node_modules/@hpcc-js/bundle/src/stamp.js",
+        "clean": "rimraf --glob lib* types dist *.tsbuildinfo .turbo",
+        "bundle": "node esbuild.js",
+        "bundle-watch": "npm run bundle -- --development --watch",
+        "gen-types": "tsc --project tsconfig.json",
+        "gen-types-watch": "npm run gen-types -- --watch",
+        "build": "run-p gen-types bundle",
         "lint": "eslint ./src",
+        "lint-fix": "eslint --fix src/**/*.ts",
         "docs": "typedoc --options tdoptions.json .",
-        "update": "npx --yes npm-check-updates -u -t minor"
+        "test-browser": "vitest run --project browser",
+        "test": "vitest run",
+        "coverage": "vitest run --coverage",
+        "update": "npx --yes npm-check-updates -u -t minor",
+        "update-major": "npx --yes npm-check-updates -u"
     },
     "dependencies": {
-        "@hpcc-js/api": "^2.14.0",
-        "@hpcc-js/common": "^2.73.0",
-        "@hpcc-js/util": "^2.53.0"
+        "@hpcc-js/api": "^3.2.0",
+        "@hpcc-js/common": "^3.2.0",
+        "@hpcc-js/util": "^3.2.0"
     },
     "devDependencies": {
-        "@hpcc-js/bundle": "^2.12.0",
-        "@hpcc-js/dataflow": "^9.1.0",
+        "@hpcc-js/esbuild-plugins": "^1.3.0",
         "@types/d3-shape": "1.3.12",
-        "@types/d3-transition": "1.3.5",
+        "@types/d3-transition": "1.3.6",
         "d3-array": "^1",
         "d3-axis": "^1",
         "d3-brush": "^1",
@@ -65,8 +62,7 @@
         "d3-time-format": "^2",
         "d3-transition": "^1",
         "d3-zoom": "^1",
-        "d3v4-bullet": "1.0.7",
-        "tslib": "2.7.0"
+        "d3v4-bullet": "1.0.7"
     },
     "repository": {
         "type": "git",
@@ -79,5 +75,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "fbbef050700b0e9d76ef99714856383d95155149"
+    "gitHead": "658c50fd965a7744ba8db675ba6878607c44d5e2"
 }

package/src/Area.ts

@@ -1,4 +1,4 @@
-import { Scatter } from "./Scatter";
+import { Scatter } from "./Scatter.ts";
 
 export class Area extends Scatter {
     constructor() {

package/src/Axis.ts

@@ -1,4 +1,4 @@
-import { publish, SVGWidget } from "@hpcc-js/common";
+import { SVGWidget } from "@hpcc-js/common";
 import { axisBottom as d3AxisBottom, axisLeft as d3AxisLeft, axisRight as d3AxisRight, axisTop as d3AxisTop } from "d3-axis";
 import { format as d3Format } from "d3-format";
 import { scaleBand as d3ScaleBand, scaleLinear as d3ScaleLinear, scaleLog as d3ScaleLog, scalePow as d3ScalePow, scaleTime as d3ScaleTime } from "d3-scale";
@@ -17,6 +17,9 @@ export interface IOverflow {
 }
 
 export class Axis extends SVGWidget {
+    _origType;
+    _origTimePattern;
+
     protected parser;
     protected parserInvert;
     protected formatter: (date: Date) => string;
@@ -28,32 +31,6 @@ export class Axis extends SVGWidget {
     protected svgAxis;
     protected svgGuides;
 
-    @publish("linear", "set", "Type", ["none", "ordinal", "linear", "pow", "log", "time"])
-    _type: string;
-    type(): string;
-    type(_: string): this;
-    type(_?: string): string | this {
-        if (!arguments.length) return this._type;
-        this._type = _;
-        this.updateScale();
-        return this;
-    }
-
-    @publish("%Y-%m-%d", "string", "Time Series Pattern", null, { disable: (w: any) => w.type() !== "time" })
-    _timePattern: string;
-    timePattern(): string;
-    timePattern(_: string): this;
-    timePattern(_?: string): string | this {
-        if (!arguments.length) return this._timePattern;
-        this._timePattern = _;
-        this.updateScale();
-        return this;
-    }
-    timePattern_exists: () => boolean;
-
-    @publish(false, "boolean", "Reverse")
-    reverse: publish<this, boolean>;
-
     constructor(drawStartPosition: "origin" | "center" = "origin") {
         super();
         this._drawStartPos = drawStartPosition;
@@ -136,13 +113,13 @@ export class Axis extends SVGWidget {
         return true;
     }
 
-    domain(_) {
+    domain(_?) {
         if (!arguments.length) return this.d3Scale.domain();
         this.d3Scale.domain(_);
         return this;
     }
 
-    range(_) {
+    range(_?) {
         if (!arguments.length) {
             if (this.d3Scale.rangeRoundBands) {
                 return this.d3Scale.rangeExtent();
@@ -662,42 +639,71 @@ export class Axis extends SVGWidget {
                 ;
         }
     }
-
-    title: { (): string; (_: string): Axis; };
-    orientation: { (): string; (_: string): Axis; };
-    orientation_default: { (): string; (_: string): Axis; };
-    powExponent: { (): number; (_: number): Axis; };
-    logBase: { (): number; (_: number): Axis; };
-    ordinals: { (): string[]; (_: string[]): Axis; };
-    ordinals_exists: () => boolean;
-    fontSize: { (): number; (_: number): Axis; };
-    fontSize_exists: () => boolean;
-    fontFamily: { (): string; (_: string): Axis; };
-    tickCount: { (): number; (_: number): Axis; };
-    tickFormat: { (): string; (_: string): Axis; };
-    tickFormat_exists: () => boolean;
-    tickLength: { (): number; (_: number): Axis; };
-    tickLength_exists: () => boolean;
-    ticks: { (): Array<{ value: string, label: string }>; (_: Array<{ value: string, label: string }>): Axis; };
-    xAxisDomainLow: { (): string; (_: string): Axis; };
-    xAxisDomainHigh: { (): string; (_: string): Axis; };
-    low: { (): any; (_: any): Axis; };
-    low_exists: () => boolean;
-    high: { (): any; (_: any): Axis; };
-    high_exists: () => boolean;
-    overlapMode: { (): string; (_: string): Axis; };
-    overlapMode_default: { (): string; (_: string): Axis; };
-    labelRotation: { (): number; (_: number): Axis; };
-    shrinkToFit: { (): string; (_: string): Axis; };
-    shrinkToFit_default: { (): string; (_: string): Axis; };
-    extend: { (): number; (_: number): Axis; };
-    extend_default: { (): number; (_: number): Axis; };
-    hidden: { (): boolean; (_: boolean): Axis; };
 }
 Axis.prototype._class += " chart_Axis";
 
 export interface Axis {
+    type(): string;
+    type(_: string): this;
+    type_exists(): boolean;
+    timePattern(): string;
+    timePattern(_: string): this;
+    timePattern_exists(): boolean;
+    reverse(): boolean;
+    reverse(_: boolean): this;
+
+    title(): string;
+    title(_: string): this;
     title_exists(): boolean;
+    orientation(): string;
+    orientation(_: string): this;
+    orientation_default(): string;
+    orientation_default(_: string): this;
+    powExponent(): number;
+    powExponent(_: number): this;
+    logBase(): number;
+    logBase(_: number): this;
+    ordinals(): string[];
+    ordinals(_: string[]): this;
+    ordinals_exists(): boolean;
+    fontSize(): number;
+    fontSize(_: number): this;
+    fontSize_exists(): boolean;
+    fontFamily(): string;
+    fontFamily(_: string): this;
+    tickCount(): number;
+    tickCount(_: number): this;
+    tickFormat(): string;
+    tickFormat(_: string): this;
+    tickFormat_exists(): boolean;
+    tickLength(): number;
+    tickLength(_: number): this;
+    tickLength_exists(): boolean;
+    ticks(): Array<{ value: string, label: string }>;
+    ticks(_: Array<{ value: string, label: string }>): this;
+    low(): any;
+    low(_: any): this;
+    low_exists(): boolean;
+    high(): any;
+    high(_: any): this;
+    high_exists(): boolean;
+    overlapMode(): string;
+    overlapMode(_: string): this;
+    overlapMode_default(): string;
+    overlapMode_default(_: string): this;
+    labelRotation(): number;
+    labelRotation(_: number): this;
+    shrinkToFit(): string;
+    shrinkToFit(_: string): this;
+    shrinkToFit_default(): string;
+    shrinkToFit_default(_: string): this;
+    extend(): number;
+    extend(_: number): this;
+    extend_default(): number;
+    extend_default(_: number): this;
+    hidden(): boolean;
+    hidden(_: boolean): this;
+
     ordinalPaddingInner(): number;
     ordinalPaddingInner(_: number): this;
     ordinalPaddingOuter(): number;
@@ -709,6 +715,10 @@ export interface Axis {
     padding(_: number): this;
 }
 
+Axis.prototype.publish("type", "linear", "set", "Type", ["none", "ordinal", "linear", "pow", "log", "time"]);
+Axis.prototype.publish("timePattern", "%Y-%m-%d", "string", "Time Series Pattern", null, { disable: (w: any) => w.type() !== "time" });
+Axis.prototype.publish("reverse", false, "boolean", "Reverse");
+
 Axis.prototype.publish("title", null, "string", "Title");
 Axis.prototype.publish("orientation", "bottom", "set", "Placement/orientation of the axis", ["left", "top", "right", "bottom"]);
 Axis.prototype.publish("powExponent", 2, "number", "Power exponent (disabled when type is not 'pow')", null, { disable: (w: any) => w.type() !== "pow" });
@@ -727,7 +737,28 @@ Axis.prototype.publish("labelRotation", 33, "number", "Angle of rotation for tic
 Axis.prototype.publish("shrinkToFit", "both", "set", "shrinkToFit", ["none", "low", "high", "both"]); // TODO: What does this control?
 Axis.prototype.publish("extend", 5, "number", "Extend the axis range by this % beyond what is needed to display the data (disabled when type is 'ordinal')", null, { optional: true, disable: (w: any) => w.type() === "ordinal" });
 Axis.prototype.publish("hidden", false, "boolean", "Hides axis when 'true'");
+
 Axis.prototype.publish("ordinalPaddingInner", 0.1, "number", "Determines the ratio of the range that is reserved for blank space between band (0->1)", null, { disable: (w: Axis) => w.type() !== "ordinal" });
 Axis.prototype.publish("ordinalPaddingOuter", 0.1, "number", "Determines the ratio of the range that is reserved for blank space before the first band and after the last band (0->1)", null, { disable: (w: Axis) => w.type() !== "ordinal" });
 Axis.prototype.publish("ordinalMappings", null, "object", "Alternative label mappings (icons)", null, { optional: true });
 Axis.prototype.publish("padding", 0, "number", "Padding space at top of axis (pixels)", null, { optional: true });
+
+Axis.prototype._origType = Axis.prototype.type;
+Axis.prototype.type = function (_?: string) {
+    const retVal = Axis.prototype._origType.apply(this, arguments);
+    if (_ !== undefined) {
+        this._type = _;
+        this.updateScale();
+    }
+    return retVal;
+};
+
+Axis.prototype._origTimePattern = Axis.prototype.timePattern;
+Axis.prototype.timePattern = function (_?: string) {
+    const retVal = Axis.prototype._origTimePattern.apply(this, arguments);
+    if (_ !== undefined) {
+        this._timePattern = _;
+        this.updateScale();
+    }
+    return retVal;
+};

package/src/Bar.ts

@@ -1,4 +1,4 @@
-import { Column } from "./Column";
+import { Column } from "./Column.ts";
 
 export class Bar extends Column {
     constructor() {

package/src/Bubble.ts

@@ -163,29 +163,34 @@ export class Bubble extends SVGWidget {
         super.exit(domNode, element);
     }
 
-    paletteID: { (): string; (_: string): Bubble; };
-    useClonedPalette: { (): boolean; (_: boolean): Bubble; };
+}
+Bubble.prototype._class += " chart_Bubble";
+Bubble.prototype.implements(I2DChart.prototype);
+Bubble.prototype.implements(ITooltip.prototype);
+Bubble.prototype.mixin(Utility.SimpleSelectionMixin);
+
+export interface Bubble {
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
 
     //  I2DChart
     _palette;
-    fillColor: (row: any[], column: string, value: number) => string;
-    textColor: (row: any[], column: string, value: number) => string;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
+    fillColor(row: any[], column: string, value: number): string;
+    textColor(row: any[], column: string, value: number): string;
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
 
     //  ITooltip
     tooltip;
-    tooltipHTML: (_) => string;
-    tooltipFormat: (_) => string;
-    tooltipStyle: () => "default" | "none" | "series-table";
+    tooltipHTML(_): string;
+    tooltipFormat(_): string;
+    tooltipStyle(): "default" | "none" | "series-table";
 
     //  SimpleSelectionMixin
     _selection;
 }
-Bubble.prototype._class += " chart_Bubble";
-Bubble.prototype.implements(I2DChart.prototype);
-Bubble.prototype.implements(ITooltip.prototype);
-Bubble.prototype.mixin(Utility.SimpleSelectionMixin);
 
 Bubble.prototype.publish("paletteID", "default", "set", "Color palette for this widget", Bubble.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
 Bubble.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });

package/src/BubbleXY.ts

@@ -1,4 +1,4 @@
-import { Scatter } from "./Scatter";
+import { Scatter } from "./Scatter.ts";
 
 export class BubbleXY extends Scatter {
     constructor() {

package/src/Bullet.ts

@@ -1,20 +1,10 @@
-import { HTMLWidget, publish, Utility } from "@hpcc-js/common";
+import { HTMLWidget, Utility } from "@hpcc-js/common";
 import { select as d3Select } from "d3-selection";
 import { bullet as d3Bullet } from "d3v4-bullet";
 
 import "../src/Bullet.css";
 
 export class Bullet extends HTMLWidget {
-    @publish(null, "set", "Title Column", function () { return this.columns(); }, { optional: true })
-    titleColumn: publish<this, string>;
-    @publish(null, "set", "Subtitle Column", function () { return this.columns(); }, { optional: true })
-    subtitleColumn: publish<this, string>;
-    @publish(null, "set", "Ranges Column", function () { return this.columns(); }, { optional: true })
-    rangesColumn: publish<this, string>;
-    @publish(null, "set", "Measures Column", function () { return this.columns(); }, { optional: true })
-    measuresColumn: publish<this, string>;
-    @publish(null, "set", "Markers Column", function () { return this.columns(); }, { optional: true })
-    markersColumn: publish<this, string>;
 
     private _hiddenColumns = {};
 
@@ -165,3 +155,23 @@ export class Bullet extends HTMLWidget {
     _selection;
 }
 Bullet.prototype._class += " chart_Bullet";
+
+export interface Bullet {
+    titleColumn(): string;
+    titleColumn(_: string): this;
+    subtitleColumn(): string;
+    subtitleColumn(_: string): this;
+    rangesColumn(): string;
+    rangesColumn(_: string): this;
+    measuresColumn(): string;
+    measuresColumn(_: string): this;
+    markersColumn(): string;
+    markersColumn(_: string): this;
+}
+
+Bullet.prototype.publish("titleColumn", null, "set", "Title Column", function () { return this.columns(); }, { optional: true });
+Bullet.prototype.publish("subtitleColumn", null, "set", "Subtitle Column", function () { return this.columns(); }, { optional: true });
+Bullet.prototype.publish("rangesColumn", null, "set", "Ranges Column", function () { return this.columns(); }, { optional: true });
+Bullet.prototype.publish("measuresColumn", null, "set", "Measures Column", function () { return this.columns(); }, { optional: true });
+Bullet.prototype.publish("markersColumn", null, "set", "Markers Column", function () { return this.columns(); }, { optional: true });
+

package/src/Column.ts

@@ -3,7 +3,7 @@ import { InputField, Text } from "@hpcc-js/common";
 import { format as d3Format } from "d3-format";
 import { scaleBand as d3ScaleBand } from "d3-scale";
 import { local as d3Local, select as d3Select } from "d3-selection";
-import { XYAxis } from "./XYAxis";
+import { XYAxis } from "./XYAxis.ts";
 
 import "../src/Column.css";
 
@@ -572,18 +572,6 @@ export class Column extends XYAxis {
     innerText(origRow, lparam, idx): string {
         return origRow[0];
     }
-
-    //  INDChart  ---
-    _palette;
-    fillColor: (row, column, value, origRow) => string;
-    textColor: (row, column, value, origRow) => string;
-    dblclick: (row, column, selected) => void;
-
-    //  ITooltip  ---
-    tooltip;
-    tooltipHTML: (_) => string;
-    tooltipFormat: (_) => string;
-    tooltipStyle: () => "default" | "none" | "series-table";
 }
 Column.prototype._class += " chart_Column";
 Column.prototype.implements(INDChart.prototype);
@@ -627,6 +615,18 @@ export interface Column {
     innerTextPadding_exists(): boolean;
     tooltipInnerTextEllipsedOnly(): boolean;
     tooltipInnerTextEllipsedOnly(_: boolean): this;
+
+    //  INDChart  ---
+    fillColor(row, column, value, origRow): string;
+    textColor(row, column, value, origRow): string;
+    dblclick(row, column, selected): void;
+
+    //  ITooltip  ---
+    tooltip;
+    tooltipHTML(_): string;
+    tooltipFormat(_): string;
+    tooltipStyle(): "default" | "none" | "series-table";
+    tooltipStyle(_: "default" | "none" | "series-table"): this;
 }
 
 Column.prototype.publish("valueFontFamily", null, "string", "Font family of value text", null, { optional: true });

package/src/Contour.ts

@@ -2,7 +2,7 @@ import { I1DChart } from "@hpcc-js/api";
 import { InputField } from "@hpcc-js/common";
 import { contourDensity as d3ContourDensity } from "d3-contour";
 import { geoPath } from "d3-geo";
-import { XYAxis } from "./XYAxis";
+import { XYAxis } from "./XYAxis.ts";
 
 export class Contour extends XYAxis {
     static __inputs: InputField[] = [{

package/src/D3Cloud.ts

@@ -26,7 +26,7 @@ export function d3Cloud() {
     let random = Math.random;
     let canvas = cloudCanvas;
 
-    cloud.canvas = function (_) {
+    cloud.canvas = function (_?) {
         return arguments.length ? (canvas = functor(_), cloud) : canvas;
     };
 
@@ -149,51 +149,51 @@ export function d3Cloud() {
         return false;
     }
 
-    cloud.timeInterval = function (_) {
+    cloud.timeInterval = function (_?) {
         return arguments.length ? (timeInterval = _ == null ? Infinity : _, cloud) : timeInterval;
     };
 
-    cloud.words = function (_) {
+    cloud.words = function (_?) {
         return arguments.length ? (words = _, cloud) : words;
     };
 
-    cloud.size = function (_) {
+    cloud.size = function (_?) {
         return arguments.length ? (size = [+_[0], +_[1]], cloud) : size;
     };
 
-    cloud.font = function (_) {
+    cloud.font = function (_?) {
         return arguments.length ? (font = functor(_), cloud) : font;
     };
 
-    cloud.fontStyle = function (_) {
+    cloud.fontStyle = function (_?) {
         return arguments.length ? (fontStyle = functor(_), cloud) : fontStyle;
     };
 
-    cloud.fontWeight = function (_) {
+    cloud.fontWeight = function (_?) {
         return arguments.length ? (fontWeight = functor(_), cloud) : fontWeight;
     };
 
-    cloud.rotate = function (_) {
+    cloud.rotate = function (_?) {
         return arguments.length ? (rotate = functor(_), cloud) : rotate;
     };
 
-    cloud.text = function (_) {
+    cloud.text = function (_?) {
         return arguments.length ? (text = functor(_), cloud) : text;
     };
 
-    cloud.spiral = function (_) {
+    cloud.spiral = function (_?) {
         return arguments.length ? (spiral = spirals[_] || _, cloud) : spiral;
     };
 
-    cloud.fontSize = function (_) {
+    cloud.fontSize = function (_?) {
         return arguments.length ? (fontSize = functor(_), cloud) : fontSize;
     };
 
-    cloud.padding = function (_) {
+    cloud.padding = function (_?) {
         return arguments.length ? (padding = functor(_), cloud) : padding;
     };
 
-    cloud.random = function (_) {
+    cloud.random = function (_?) {
         return arguments.length ? (random = _, cloud) : random;
     };
 

package/src/Gantt.ts

@@ -1,4 +1,4 @@
-import { Bar } from "./Bar";
+import { Bar } from "./Bar.ts";
 
 export class Gantt extends Bar {
     constructor() {

package/src/Gauge.ts

@@ -1,4 +1,4 @@
-import { publish, SVGWidget } from "@hpcc-js/common";
+import { SVGWidget } from "@hpcc-js/common";
 import { format as d3Format } from "d3-format";
 import { interpolate as d3Interpolate, interpolateHcl as d3InterpolateHcl } from "d3-interpolate";
 import { scaleLinear } from "d3-scale";
@@ -66,33 +66,6 @@ export class Gauge extends SVGWidget {
     protected _tooltipG: any;
     protected _mainTooltip: any;
 
-    @publish("", "string")
-    title: publish<this, string>;
-
-    @publish("", "string")
-    titleDescription: publish<this, string>;
-
-    @publish(128, "number")
-    maxDiameter: publish<this, number>;
-
-    @publish(0, "number")
-    value: publish<this, number>;
-
-    @publish("", "string")
-    valueDescription: publish<this, string>;
-
-    @publish(false, "boolean")
-    showTick: publish<this, boolean>;
-
-    @publish(0, "number")
-    tickValue: publish<this, number>;
-
-    @publish("", "string")
-    tickValueDescription: publish<this, string>;
-
-    @publish("", "string")
-    tooltip: publish<this, string>;
-
     constructor() {
         super();
     }
@@ -342,6 +315,25 @@ export class Gauge extends SVGWidget {
 Gauge.prototype._class += " chart_Gauge";
 
 export interface Gauge {
+    title(): string;
+    title(_: string): this;
+    titleDescription(): string;
+    titleDescription(_: string): this;
+    maxDiameter(): number;
+    maxDiameter(_: number): this;
+    value(): number;
+    value(_: number): this;
+    valueDescription(): string;
+    valueDescription(_: string): this;
+    showTick(): boolean;
+    showTick(_: boolean): this;
+    tickValue(): number;
+    tickValue(_: number): this;
+    tickValueDescription(): string;
+    tickValueDescription(_: string): this;
+    tooltip(): string;
+    tooltip(_: string): this;
+
     tickColor(): string;
     tickColor(_: string): this;
     emptyColor(): string;
@@ -352,6 +344,16 @@ export interface Gauge {
     colorRange(_: string[]): this;
 }
 
+Gauge.prototype.publish("title", "", "string", "Title");
+Gauge.prototype.publish("titleDescription", "", "string", "Title Description");
+Gauge.prototype.publish("maxDiameter", 128, "number", "Max Diameter");
+Gauge.prototype.publish("value", 0, "number", "Value");
+Gauge.prototype.publish("valueDescription", "", "string", "Value Description");
+Gauge.prototype.publish("showTick", false, "boolean", "Show Tick");
+Gauge.prototype.publish("tickValue", 0, "number", "Tick Value");
+Gauge.prototype.publish("tickValueDescription", "", "string", "Tick Value Description");
+Gauge.prototype.publish("tooltip", "", "string", "Tooltip");
+
 Gauge.prototype.publish("colorRange", ["green", "green", "green", "green", "green", "green", "green", "green", "orange", "red", "red"], "array", "Array of colors for the filled gauge portion. The fill color will be relative to the gauge value.");
 Gauge.prototype.publish("colorDomain", [0, 0.1, 0.2, 0.3, 0.4, 0.5, 0.6, 0.7, 0.8, 0.9, 1], "array", "This array augments the mapping of the value to the fill colorRange.");
 Gauge.prototype.publish("emptyColor", "lightgrey", "html-color", "Color of the empty portion of the gauge");

package/src/HalfPie.ts

@@ -1,4 +1,4 @@
-import { Pie } from "./Pie";
+import { Pie } from "./Pie.ts";
 
 export class HalfPie extends Pie {
     constructor() {

package/src/Heat.ts

@@ -1,5 +1,5 @@
 import { max, Palette } from "@hpcc-js/common";
-import { XYAxis } from "./XYAxis";
+import { XYAxis } from "./XYAxis.ts";
 
 export class Heat extends XYAxis {