@hpcc-js/chart 2.86.0 → 3.2.0

package/src/HexBin.ts

@@ -2,7 +2,7 @@ import { I2DAggrChart, ITooltip } from "@hpcc-js/api";
 import { InputField } from "@hpcc-js/common";
 import { extent as d3Extent, max as d3Max, min as d3Min } from "d3-array";
 import { hexbin as d3HexBin } from "d3-hexbin";
-import { XYAxis } from "./XYAxis";
+import { XYAxis } from "./XYAxis.ts";
 
 import "../src/HexBin.css";
 
@@ -118,21 +118,26 @@ export class HexBin extends XYAxis {
     dblclick(row: object[], column, selected) {
         // console.log("Click:  " + JSON.stringify(row) + ", " + column + ", " + selected);
     }
+}
+HexBin.prototype._class += " chart_HexBin";
+HexBin.prototype.implements(I2DAggrChart.prototype);
+HexBin.prototype.implements(ITooltip.prototype);
 
+export interface HexBin {
     //  ITooltip
     tooltip;
-    tooltipHTML: (_) => string;
-    tooltipFormat: (_) => string;
-    tooltipValueFormat: (_) => string;
-    tooltipValueFormat_default: (_) => string;
+    tooltipHTML(_): string;
+    tooltipFormat(_): string;
+    tooltipValueFormat(_): string;
+    tooltipValueFormat_default(_): string;
 
-    paletteID: { (): string; (_: string): HexBin; };
-    useClonedPalette: { (): boolean; (_: boolean): HexBin; };
-    binSize: { (): number; (_: number): HexBin; };
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
+    binSize(): number;
+    binSize(_: number): this;
 }
-HexBin.prototype._class += " chart_HexBin";
-HexBin.prototype.implements(I2DAggrChart.prototype);
-HexBin.prototype.implements(ITooltip.prototype);
 
 HexBin.prototype.publish("paletteID", "Blues", "set", "Color palette for this widget", HexBin.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
 HexBin.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });

package/src/Line.ts

@@ -1,4 +1,4 @@
-import { Scatter } from "./Scatter";
+import { Scatter } from "./Scatter.ts";
 
 import "../src/Line.css";
 

package/src/Pie.ts

@@ -437,38 +437,12 @@ export class Pie extends SVGWidget {
             })
             ;
     }
-
-    paletteID: (_?: string) => string | Pie;
-    useClonedPalette: (_?: boolean) => boolean | Pie;
-    outerText: (_?: boolean) => boolean | Pie;
-    innerRadius: { (): number; (_: number): Pie; };
-    innerRadius_exists: () => boolean;
-
-    //  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;
-
-    //  ITooltip
-    tooltip;
-    tooltipHTML: (_) => string;
-    tooltipFormat: (_) => string;
-    tooltipStyle: () => "default" | "none" | "series-table";
-    tooltipTick: { (): boolean; (_: boolean): Pie; };
-    tooltipTick_default: { (): boolean; (_: boolean): Pie; };
-    tooltipOffset: { (): number; (_: number): Pie; };
-    tooltipOffset_default: { (): number; (_: number): Pie; };
-
-    //  SimpleSelectionMixin
-    _selection: Utility.SimpleSelection;
 }
-
 Pie.prototype._class += " chart_Pie";
 Pie.prototype.implements(I2DChart.prototype);
 Pie.prototype.implements(ITooltip.prototype);
 Pie.prototype.mixin(Utility.SimpleSelectionMixin);
+
 export interface Pie {
     showSeriesValue(): boolean;
     showSeriesValue(_: boolean): this;
@@ -488,6 +462,36 @@ export interface Pie {
     showLabels(_: boolean): this;
     sortDataByValue(): "none" | "ascending" | "descending";
     sortDataByValue(_: "none" | "ascending" | "descending"): this;
+
+    paletteID(_?: string): string | Pie;
+    useClonedPalette(_?: boolean): boolean | Pie;
+    outerText(_?: boolean): boolean | Pie;
+    innerRadius(): number;
+    innerRadius_exists(): boolean;
+
+    //  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;
+
+    //  ITooltip
+    tooltip;
+    tooltipHTML(_): string;
+    tooltipFormat(_): string;
+    tooltipStyle(): "default" | "none" | "series-table";
+    tooltipTick(): boolean;
+    tooltipTick(_: boolean): Pie;
+    tooltipTick_default(): boolean;
+    tooltipTick_default(_: boolean): Pie;
+    tooltipOffset(): number;
+    tooltipOffset(_: number): Pie;
+    tooltipOffset_default(): number;
+    tooltipOffset_default(_: number): Pie;
+
+    //  SimpleSelectionMixin
+    _selection: Utility.SimpleSelection;
 }
 Pie.prototype.publish("showLabels", true, "boolean", "If true, wedge labels will display");
 Pie.prototype.publish("showSeriesValue", false, "boolean", "Append data series value next to label", null, { disable: w => !w.showLabels() });

package/src/QuarterPie.ts

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

package/src/Radar.ts

@@ -282,21 +282,6 @@ export class Radar extends SVGWidget {
         }
         return inside;
     }
-
-    //  INDChart
-    _palette;
-    fillColor: (row, column, value) => string;
-    strokeColor: (row, column, value) => string;
-    textColor: (row, column, value) => string;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
-
-    //  ITooltip
-    tooltip;
-    tooltipHTML: (_) => string;
-    tooltipFormat: (_) => string;
-
-    _selection;
 }
 Radar.prototype._class += " chart_Radar";
 Radar.prototype.implements(INDChart.prototype);
@@ -324,6 +309,21 @@ export interface Radar {
     pointShape(_: string): this;
     pointSize(): number;
     pointSize(_: number): this;
+
+    //  INDChart
+    _palette;
+    fillColor(row, column, value): string;
+    strokeColor(row, column, value): string;
+    textColor(row, column, value): string;
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
+
+    //  ITooltip
+    tooltip;
+    tooltipHTML(_): string;
+    tooltipFormat(_): string;
+
+    _selection;
 }
 
 Radar.prototype.publish("paletteID", "default", "set", "Color palette for this widget", Radar.prototype._palette.switch());

package/src/RadialBar.ts

@@ -168,24 +168,12 @@ export class RadialBar extends SVGWidget {
         return degrees * Math.PI / 180;
     }
 
-    //  INDChart
-    _palette;
-    fillColor: (row, column, value) => string;
-    strokeColor: (row, column, value) => string;
-    textColor: (row, column, value) => string;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
-
-    //  ITooltip
-    tooltip;
-    tooltipHTML: (_) => string;
-    tooltipFormat: (_) => string;
-    _selection;
 }
 RadialBar.prototype._class += " chart_RadialBar";
 RadialBar.prototype.implements(INDChart.prototype);
 RadialBar.prototype.implements(ITooltip.prototype);
 RadialBar.prototype.mixin(Utility.SimpleSelectionMixin);
+
 export interface RadialBar {
     paletteID(): string;
     paletteID(_: string): this;
@@ -202,7 +190,24 @@ export interface RadialBar {
     transitionDelay(_: number): this;
     transitionDuration(): number;
     transitionDuration(_: number): this;
+
+    //  INDChart
+    _palette;
+    fillColor(row, column, value): string;
+    strokeColor(row, column, value): string;
+    textColor(row, column, value): string;
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
+
+    //  ITooltip
+    tooltip;
+    tooltipHTML(_): string;
+    tooltipFormat(_): string;
+
+    //  SimpleSelectionMixin
+    _selection;
 }
+
 RadialBar.prototype.publish("paletteID", "default", "set", "Color palette for this widget", RadialBar.prototype._palette.switch());
 RadialBar.prototype.publish("tickCount", 10, "number", "Number of ticks to display");
 RadialBar.prototype.publish("domainPadding", 0.25, "number", "Padding between chart edge and container edge (0..1)");

package/src/Scatter.ts

@@ -9,7 +9,7 @@ import {
     curveMonotoneX as d3CurveMonotoneX, curveNatural as d3CurveNatural, curveStep as d3CurveStep, curveStepAfter as d3CurveStepAfter, curveStepBefore as d3CurveStepBefore,
     line as d3Line
 } from "d3-shape";
-import { XYAxis } from "./XYAxis";
+import { XYAxis } from "./XYAxis.ts";
 
 import "../src/Scatter.css";
 
@@ -321,35 +321,13 @@ export class Scatter extends XYAxis {
     exit(domNode, element) {
         super.exit(domNode, element);
     }
-
-    paletteID: { (): string; (_: string): Scatter; };
-    useClonedPalette: { (): boolean; (_: boolean): Scatter; };
-    pointSizeScale: { (): string; (_: string): Scatter; };
-    pointShape: { (): string; (_: string): Scatter; };
-    pointSize: { (): number; (_: number): Scatter; };
-    interpolate: { (): string; (_: string): Scatter; };
-    interpolate_default: { (): string; (_: string): Scatter; };
-    interpolateFill: { (): boolean; (_: boolean): Scatter; };
-    interpolateFill_default: { (): boolean; (_: boolean): Scatter; };
-    interpolateFillOpacity: { (): number; (_: number): Scatter; };
-
-    //  INDChart
-    _palette;
-    fillColor: (row, column, value, origRow) => string;
-    strokeColor: (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";
 }
 Scatter.prototype._class += " chart_Scatter";
 Scatter.prototype.implements(INDChart.prototype);
 Scatter.prototype.implements(ITooltip.prototype);
+
 export interface Scatter {
+
     valueAnchor(): string;
     valueAnchor(_: string): this;
     valueBaseline(): string;
@@ -360,6 +338,39 @@ export interface Scatter {
     pointDarken(_: boolean): this;
     interpolateDarken(): boolean;
     interpolateDarken(_: boolean): this;
+
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
+    pointSizeScale(): string;
+    pointSizeScale(_: string): this;
+    pointShape(): string;
+    pointShape(_: string): this;
+    pointSize(): number;
+    pointSize(_: number): this;
+    interpolate(): string;
+    interpolate(_: string): this;
+    interpolate_default(): string;
+    interpolate_default(_: string): this;
+    interpolateFill(): boolean;
+    interpolateFill(_: boolean): this;
+    interpolateFill_default(): boolean;
+    interpolateFill_default(_: boolean): this;
+    interpolateFillOpacity(): number;
+    interpolateFillOpacity(_: number): this;
+
+    //  INDChart
+    fillColor(row, column, value, origRow): string;
+    strokeColor(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";
 }
 Scatter.prototype.publish("paletteID", "default", "set", "Color palette for this widget", Scatter.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
 Scatter.prototype.publish("pointSizeScale", "linear", "set", "pointSizeScale", ["linear", "pow", "log", "sqrt"]);

package/src/StatChart.ts

@@ -1,6 +1,6 @@
 import { format as d3Format, HTMLWidget, Palette } from "@hpcc-js/common";
-import { QuartileCandlestick } from "./QuartileCandlestick";
-import { Scatter } from "./Scatter";
+import { QuartileCandlestick } from "./QuartileCandlestick.ts";
+import { Scatter } from "./Scatter.ts";
 
 const rainbow = Palette.rainbow("Blues");
 const palette = Palette.ordinal("Quartile", [rainbow(100, 0, 100), rainbow(50, 0, 100), rainbow(50, 0, 100), rainbow(75, 0, 100)]);
@@ -221,8 +221,16 @@ export class StatChart extends HTMLWidget {
         this.updateScatter();
         this.updateCandle();
     }
+
+    exit(domNode, element) {
+        this._bellCurve.target(null);
+        this._candle.target(null);
+        this._selectElement.remove();
+
+        super.exit(domNode, element);
+    }
 }
-StatChart.prototype._class += " chart_Stat";
+StatChart.prototype._class += " chart_StatChart";
 
 export interface StatChart {
     view(): StatChartView;

package/src/Step.ts

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

package/src/WordCloud.ts

@@ -2,7 +2,7 @@ import { I2DChart, ITooltip } from "@hpcc-js/api";
 import { d3Event, InputField, SVGWidget, Utility, zoom as d3Zoom } from "@hpcc-js/common";
 import { extent as d3Extent } from "d3-array";
 import { scaleLinear as d3ScaleLinear, scaleLog as d3ScaleLog, scalePow as d3ScalePow, scaleSqrt as d3ScaleSqrt } from "d3-scale";
-import { d3Cloud } from "./D3Cloud";
+import { d3Cloud } from "./D3Cloud.ts";
 
 import "../src/WordCloud.css";
 
@@ -184,67 +184,72 @@ export class WordCloud extends SVGWidget {
             this._prevZoom = scale;
         }
     }
+}
+WordCloud.prototype._class += " chart_WordCloud";
+WordCloud.prototype.implements(I2DChart.prototype);
+WordCloud.prototype.implements(ITooltip.prototype);
+WordCloud.prototype.mixin(Utility.SimpleSelectionMixin);
 
-    paletteID: { (): string; (_: string): WordCloud };
-    paletteID_exists: () => boolean;
-    useClonedPalette: { (): boolean; (_: boolean): WordCloud };
-    useClonedPalette_exists: () => boolean;
-    fontFamily: { (): string; (_: string): WordCloud };
-    fontFamily_exists: () => boolean;
-    fontSizeFrom: { (): number; (_: number): WordCloud };
-    fontSizeFrom_exists: () => boolean;
-    fontSizeTo: { (): number; (_: number): WordCloud };
-    fontSizeTo_exists: () => boolean;
-    angleFrom: { (): number; (_: number): WordCloud };
-    angleFrom_exists: () => boolean;
-    angleTo: { (): number; (_: number): WordCloud };
-    angleTo_exists: () => boolean;
-    angleCount: { (): number; (_: number): WordCloud };
-    angleCount_exists: () => boolean;
-    padding: { (): number; (_: number): WordCloud };
-    padding_exists: () => boolean;
-    scaleMode: { (): string; (_: string): WordCloud };
-    scaleMode_exists: () => boolean;
-    spiral: { (): string; (_: string): WordCloud };
-    spiral_exists: () => boolean;
-    offsetX: { (): number; (_: number): WordCloud };
-    offsetX_exists: () => boolean;
-    offsetY: { (): number; (_: number): WordCloud };
-    offsetY_exists: () => boolean;
-    zoom: { (): number; (_: number): WordCloud };
-    zoom_exists: () => boolean;
+export interface WordCloud {
+
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
+    fontFamily(): string;
+    fontFamily(_: string): this;
+    fontSizeFrom(): number;
+    fontSizeFrom(_: number): this;
+    fontSizeTo(): number;
+    fontSizeTo(_: number): this;
+    angleFrom(): number;
+    angleFrom(_: number): this;
+    angleTo(): number;
+    angleTo(_: number): this;
+    angleCount(): number;
+    angleCount(_: number): this;
+    padding(): number;
+    padding(_: number): this;
+    scaleMode(): string;
+    scaleMode(_: string): this;
+    spiral(): string;
+    spiral(_: string): this;
+    offsetX(): number;
+    offsetX(_: number): this;
+    offsetY(): number;
+    offsetY(_: number): this;
+    zoom(): number;
+    zoom(_: number): this;
+    zoom_exists(): boolean;
 
     //  I2DChart
     _palette;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
 
     //  ITooltip  ---
     tooltip;
-    tooltipHTML: (_?) => any;
-    tooltipFormat: (opts) => any;
-    tooltipStyle: { (): string; (_: string): WordCloud };
-    tooltipStyle_exists: () => boolean;
-    tooltipValueFormat: { (): string; (_: string): WordCloud };
-    tooltipValueFormat_exists: () => boolean;
-    tooltipSeriesColor: { (): string; (_: string): WordCloud };
-    tooltipSeriesColor_exists: () => boolean;
-    tooltipLabelColor: { (): string; (_: string): WordCloud };
-    tooltipLabelColor_exists: () => boolean;
-    tooltipValueColor: { (): string; (_: string): WordCloud };
-    tooltipValueColor_exists: () => boolean;
-    tooltipTick: { (): boolean; (_: boolean): WordCloud };
-    tooltipTick_exists: () => boolean;
-    tooltipOffset: { (): number; (_: number): WordCloud };
-    tooltipOffset_exists: () => boolean;
+    tooltipHTML(_?): any;
+    tooltipFormat(opts): any;
+    tooltipStyle(): string;
+    tooltipStyle(_: string): this;
+    tooltipValueFormat(): string;
+    tooltipValueFormat(_: string): this;
+    tooltipSeriesColor(): string;
+    tooltipSeriesColor(_: string): this;
+    tooltipLabelColor(): string;
+    tooltipLabelColor(_: string): this;
+    tooltipValueColor(): string;
+    tooltipValueColor(_: string): this;
+    tooltipTick(): boolean;
+    tooltipTick(_: boolean): this;
+    tooltipOffset(): number;
+    tooltipOffset(_: number): this;
+    tooltipOffset_exists(): boolean;
 
     //  SimpleSelectionMixin
     _selection: Utility.SimpleSelection;
 }
-WordCloud.prototype._class += " chart_WordCloud";
-WordCloud.prototype.implements(I2DChart.prototype);
-WordCloud.prototype.implements(ITooltip.prototype);
-WordCloud.prototype.mixin(Utility.SimpleSelectionMixin);
 
 WordCloud.prototype.publish("paletteID", "default", "set", "Color palette for this widget", WordCloud.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
 WordCloud.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });

package/src/XYAxis.ts

@@ -2,7 +2,7 @@ import { d3Event, select as d3Select, SVGWidget, Utility } from "@hpcc-js/common
 import { max as d3Max, min as d3Min } from "d3-array";
 import { brush as d3Brush, brushSelection as d3BrushSelection, brushX as d3BrushX, brushY as d3BrushY } from "d3-brush";
 import { hsl as d3Hsl } from "d3-color";
-import { Axis } from "./Axis";
+import { Axis } from "./Axis.ts";
 
 import "../src/XYAxis.css";
 
@@ -16,7 +16,6 @@ export class XYAxis extends SVGWidget {
     protected yBrush;
     protected margin;
     protected focusChart: XYAxis;
-    _palette;
 
     constructor() {
         super();
@@ -219,7 +218,7 @@ export class XYAxis extends SVGWidget {
         const isHorizontal = this.orientation() === "horizontal";
         const handleTypes = this.use2dSelection() ? [] : isHorizontal ? [{ type: "w" }, { type: "e" }] : [{ type: "n" }, { type: "s" }];
         const handlePath = this.svgBrush.selectAll(".handle--custom").data(handleTypes);
-        const s = d3Event().selection;
+        const s = d3Event()?.selection;
         if (s == null) {
             handlePath.attr("display", "none");
         } else if (isHorizontal) {
@@ -571,7 +570,7 @@ export class XYAxis extends SVGWidget {
         return masterColumns.indexOf(column);
     }
 
-    layerData(host: XYAxis): any[][] {
+    layerData(host?: XYAxis): any[][] {
         if (arguments.length === 1) {
             const indices = this.layerColumnIndices(host);
             return host.data().map(row => {
@@ -659,6 +658,7 @@ XYAxis.prototype._class += " chart_XYAxis";
 XYAxis.prototype.mixin(Utility.SimpleSelectionMixin);
 
 export interface XYAxis {
+    _palette;
     orientation(): "horizontal" | "vertical";
     orientation(_: "horizontal" | "vertical"): this;
     orientation_default(_: string);

package/src/__package__.ts

@@ -1,3 +1,3 @@
 export const PKG_NAME = "@hpcc-js/chart";
-export const PKG_VERSION = "2.86.0";
-export const BUILD_VERSION = "2.107.0";
+export const PKG_VERSION = "3.2.0";
+export const BUILD_VERSION = "3.2.0";

package/src/index.ts

@@ -1,27 +1,27 @@
-export * from "./__package__";
-export * from "./Area";
-export * from "./Axis";
-export * from "./Bar";
-export * from "./Bubble";
-export * from "./BubbleXY";
-export * from "./Bullet";
-export * from "./Column";
-export * from "./Contour";
-export * from "./Gantt";
-export * from "./Gauge";
-export * from "./HalfPie";
-export * from "./Heat";
-export * from "./HexBin";
-export * from "./Line";
-export * from "./Pie";
-export * from "./QuarterPie";
-export * from "./QuartileCandlestick";
-export * from "./Radar";
-export * from "./RadialBar";
-export * from "./Scatter";
-export * from "./StatChart";
-export * from "./Step";
-export * from "./Summary";
-export * from "./SummaryC";
-export * from "./WordCloud";
-export * from "./XYAxis";
+export * from "./__package__.ts";
+export * from "./Area.ts";
+export * from "./Axis.ts";
+export * from "./Bar.ts";
+export * from "./Bubble.ts";
+export * from "./BubbleXY.ts";
+export * from "./Bullet.ts";
+export * from "./Column.ts";
+export * from "./Contour.ts";
+export * from "./Gantt.ts";
+export * from "./Gauge.ts";
+export * from "./HalfPie.ts";
+export * from "./Heat.ts";
+export * from "./HexBin.ts";
+export * from "./Line.ts";
+export * from "./Pie.ts";
+export * from "./QuarterPie.ts";
+export * from "./QuartileCandlestick.ts";
+export * from "./Radar.ts";
+export * from "./RadialBar.ts";
+export * from "./Scatter.ts";
+export * from "./StatChart.ts";
+export * from "./Step.ts";
+export * from "./Summary.ts";
+export * from "./SummaryC.ts";
+export * from "./WordCloud.ts";
+export * from "./XYAxis.ts";

package/types/Area.d.ts

@@ -1,5 +1,4 @@
-import { Scatter } from "./Scatter";
+import { Scatter } from "./Scatter.ts";
 export declare class Area extends Scatter {
     constructor();
 }
-//# sourceMappingURL=Area.d.ts.map