@hpcc-js/tree 2.41.0 → 3.0.0

package/package.json

@@ -1,56 +1,52 @@
 {
     "name": "@hpcc-js/tree",
-    "version": "2.41.0",
+    "version": "3.0.0",
     "description": "hpcc-js - Viz Tree",
-    "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"
         }
     },
+    "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.13.0",
-        "@hpcc-js/common": "^2.72.0"
+        "@hpcc-js/api": "^3.1.0",
+        "@hpcc-js/common": "^3.1.0"
     },
     "devDependencies": {
-        "@hpcc-js/bundle": "^2.12.0",
-        "@types/d3-transition": "1.3.5",
+        "@hpcc-js/esbuild-plugins": "^1.2.0",
+        "@types/d3-transition": "1.3.6",
         "d3-hierarchy": "^1",
         "d3-interpolate": "^1",
         "d3-scale": "^1",
         "d3-selection": "^1",
         "d3-shape": "^1",
-        "d3-transition": "^1",
-        "tslib": "2.6.3"
+        "d3-transition": "^1"
     },
     "repository": {
         "type": "git",
@@ -63,5 +59,5 @@
         "url": "https://github.com/hpcc-systems/Visualization/issues"
     },
     "homepage": "https://github.com/hpcc-systems/Visualization",
-    "gitHead": "99332f074dd1fff0cbb8eae52c5b6c98d6ad5a7a"
+    "gitHead": "658c50fd965a7744ba8db675ba6878607c44d5e2"
 }

package/src/CirclePacking.ts

@@ -120,18 +120,18 @@ export class CirclePacking extends SVGWidget {
         this._node.attr("transform", function (d) { return "translate(" + (d.x - v[0]) * k + "," + (d.y - v[1]) * k + ")"; });
         this.circle.attr("r", function (d) { return d.r * k; });
     }
-
-    paletteID: (_?: string) => string | CirclePacking;
-    useClonedPalette: (_?: boolean) => boolean | CirclePacking;
-
-    //  I2DChart
-    _palette;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
 }
 CirclePacking.prototype._class += " tree_CirclePacking";
 CirclePacking.prototype.implements(ITree.prototype);
+
 export interface CirclePacking {
+    _palette;
+
+    //  I2DChart  ---
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
+
+    // Properties  ---
     showSize(): boolean;
     showSize(_: boolean): this;
     paletteDepthLevel(): number;
@@ -139,6 +139,10 @@ export interface CirclePacking {
     paletteDepthLevel_exists(): boolean;
     paletteDepthVariant(): "brighter" | "darker";
     paletteDepthVariant(_: "brighter" | "darker"): this;
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
 }
 
 CirclePacking.prototype.publish("showSize", true, "boolean", "Show size along with label");

package/src/Dendrogram.ts

@@ -175,7 +175,7 @@ export class Dendrogram extends SVGZoomWidget {
                     tmp = tmp.children[0];
                 }
                 if (d.depth > 0) {
-                    if(tmp.origRows) {
+                    if (tmp.origRows) {
                         context.click(context.rowToObj(tmp.origRows[0]), context.mappings()[d.depth - 1].column(), true);
                     } else {
                         context.click(tmp.data, context.mappings()[d.depth - 1].column(), true);
@@ -188,7 +188,7 @@ export class Dendrogram extends SVGZoomWidget {
                     tmp = tmp.children[0];
                 }
                 if (d.depth > 0) {
-                    if(tmp.origRows) {
+                    if (tmp.origRows) {
                         context.dblclick(context.rowToObj(tmp.origRows[0]), context.mappings()[d.depth - 1].column(), true);
                     } else {
                         context.dblclick(tmp.data, context.mappings()[d.depth - 1].column(), true);
@@ -249,30 +249,42 @@ export class Dendrogram extends SVGZoomWidget {
             context.zoomToFit();
         }
     }
-
-    paletteID: { (): string; (_: string): Dendrogram; };
-    useClonedPalette: { (): boolean; (_: boolean): Dendrogram; };
-    mappings: { (): DendrogramColumn[]; (_: DendrogramColumn[]): Dendrogram; };
-
-    circleRadius: { (): number; (_: number): Dendrogram; };
-    separation: { (): number; (_: number): Dendrogram; };
-    dendrogram: { (): boolean; (_: boolean): Dendrogram; };
-    radial: { (): boolean; (_: boolean): Dendrogram; };
-    orientation: { (): string; (_: string): Dendrogram; };
-
-    //  ITree
-    _palette;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
-
-    //  SimpleSelectionMixin
-    _selection;
 }
 Dendrogram.prototype._class += " tree_Dendrogram";
 Dendrogram.prototype.implements(ITree.prototype);
 Dendrogram.prototype.mixin(Utility.SimpleSelectionMixin);
 Dendrogram.prototype.Column = DendrogramColumn;
 
+export interface Dendrogram {
+    _palette;
+
+    //  ITree  ---
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
+
+    //  SimpleSelectionMixin  ---
+    _selection;
+
+    //  Properties  ---
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
+    mappings(): DendrogramColumn[];
+    mappings(_: DendrogramColumn[]): this;
+
+    circleRadius(): number;
+    circleRadius(_: number): this;
+    separation(): number;
+    separation(_: number): this;
+    dendrogram(): boolean;
+    dendrogram(_: boolean): this;
+    radial(): boolean;
+    radial(_: boolean): this;
+    orientation(): "horizontal" | "vertical";
+    orientation(_: "horizontal" | "vertical"): this;
+}
+
 Dendrogram.prototype.publish("paletteID", "default", "set", "Color palette for this widget", Dendrogram.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
 Dendrogram.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });
 Dendrogram.prototype.publish("mappings", [], "propertyArray", "Source Columns", null, { autoExpand: DendrogramColumn });

package/src/DirectoryTree.ts

@@ -1,5 +1,5 @@
-import { HTMLWidget, Palette, Platform, select as d3Select, Utility,  } from "@hpcc-js/common";
-import { max as d3Max} from "d3-array";
+import { HTMLWidget, Palette, Platform, select as d3Select, Utility, } from "@hpcc-js/common";
+import { max as d3Max } from "d3-array";
 import { hierarchy as d3Hierarchy } from "d3-hierarchy";
 
 interface DirectoryItem {
@@ -18,8 +18,6 @@ interface DirectoryItem {
 
 export class DirectoryTree extends HTMLWidget {
 
-    _palette;
-
     constructor() {
         super();
     }
@@ -92,7 +90,7 @@ export class DirectoryTree extends HTMLWidget {
         return widest;
     }
 
-    rowClick(str, markers) {}
+    rowClick(str, markers) { }
 
     enter(domNode, element) {
         super.enter(domNode, element);
@@ -111,10 +109,10 @@ export class DirectoryTree extends HTMLWidget {
             .style("overflow-y", this.verticalScroll() ? "scroll" : null)
             ;
         const flatData = this.flattenData(this.data());
-        const maxWeightValue = d3Max(flatData, n=>Number(n.weightValue));
+        const maxWeightValue = d3Max(flatData, n => Number(n.weightValue));
 
-        flatData.forEach(d=>{
-            if(!d.weightValue){
+        flatData.forEach(d => {
+            if (!d.weightValue) {
                 d.weightColor = "transparent";
             } else {
                 d.weightColor = this._palette(d.weightValue, 1, maxWeightValue);
@@ -127,7 +125,7 @@ export class DirectoryTree extends HTMLWidget {
         const rowSelection = element.selectAll(".directory-row").data(flatData);
         const fontFamily = this.fontFamily();
         const fontSize = this.fontSize();
-        const maxWeightWidth = d3Max(flatData, d=>this.textSize(d.weightValue, fontFamily, fontSize).width);
+        const maxWeightWidth = d3Max(flatData, d => this.textSize(d.weightValue, fontFamily, fontSize).width);
         const rowItemPadding = `${padding}px ${padding}px ${padding / 2}px ${padding}px`;
 
         const rowEnter = rowSelection.enter().append("div")
@@ -188,7 +186,7 @@ export class DirectoryTree extends HTMLWidget {
                     .style("text-overflow", "ellipsis")
                     .style("line-height", lineHeight + "px")
                     ;
-                
+
                 rowDiv
                     .on("mouseenter", () => {
                         labelDiv.style("font-weight", "bold");
@@ -205,7 +203,7 @@ export class DirectoryTree extends HTMLWidget {
                         context.weight_mouseleave(d);
                     })
                     ;
-                
+
                 if (d.isFolder) {
                     rowDiv.on("click", function (d: any) {
                         let next = this.nextSibling;
@@ -249,50 +247,48 @@ export class DirectoryTree extends HTMLWidget {
 
         rowSelection.exit().remove();
     }
-    weight_mouseenter(d){
-        
+    weight_mouseenter(d) {
+
     }
-    weight_mouseleave(d){
+    weight_mouseleave(d) {
 
     }
 }
 DirectoryTree.prototype._class += " tree_DirectoryTree";
+DirectoryTree.prototype._palette = Palette.rainbow("Blues");
 
 export interface DirectoryTree {
+    _palette;
+
+    depthSize(): number;
+    depthSize(_: number): this;
+    paletteID(): string;
+    paletteID(_: string): this;
+    omitRoot(): boolean;
+    omitRoot(_: boolean): this;
+    rowItemPadding(): number;
+    rowItemPadding(_: number): this;
+    selectionBackgroundColor(): string;
+    selectionBackgroundColor(_: string): this;
     backgroundColor(): string;
     backgroundColor(_: string): this;
     fontColor(): string;
     fontColor(_: string): this;
     fontFamily(): string;
     fontFamily(_: string): this;
-    omitRoot(): boolean;
-    omitRoot(_: boolean): this;
     fontSize(): number;
     fontSize(_: number): this;
     iconSize(): number;
     iconSize(_: number): this;
-    fileIconSize(): number;
-    fileIconSize(_: number): this;
     folderIconOpen(): string;
     folderIconOpen(_: string): this;
     folderIconClosed(): string;
     folderIconClosed(_: string): this;
-    hoverBackgroundColor(): string;
-    hoverBackgroundColor(_: string): this;
-    selectionBackgroundColor(): string;
-    selectionBackgroundColor(_: string): this;
-    rowItemPadding(): number;
-    rowItemPadding(_: number): this;
     textFileIcon(): string;
     textFileIcon(_: string): this;
     verticalScroll(): boolean;
     verticalScroll(_: boolean): this;
-    paletteID(): string;
-    paletteID(_: string): this;
-    depthSize(): number;
-    depthSize(_: number): this;
 }
-DirectoryTree.prototype._palette = Palette.rainbow("Blues");
 
 DirectoryTree.prototype.publish("depthSize", 14, "number", "Width of indentation per file or folder depth (pixels)");
 DirectoryTree.prototype.publish("paletteID", "Blues", "set", "Color palette for the weight backgrounds", DirectoryTree.prototype._palette.switch(), { tags: ["Basic"] });

package/src/Indented.ts

@@ -229,25 +229,32 @@ export class Indented extends SVGZoomWidget {
             return context._collapsed[getID(d)] ? "#3182bd" : d.children ? "#c6dbef" : "#fd8d3c";
         }
     }
-
-    xmlColumn: { (_: string): Indented; (): string; };
-    xmlColumn_exists: () => boolean;
-    mappings: { (_: IndentedColumn[]): Indented; (): IndentedColumn[]; };
-    barHeight: { (_: number): Indented; (): number; };
-
-    //  ITree
-    _palette;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
-
-    //  SimpleSelectionMixin
-    _selection;
 }
 Indented.prototype._class += " tree_Indented";
 Indented.prototype.implements(ITree.prototype);
 Indented.prototype.mixin(Utility.SimpleSelectionMixin);
 Indented.prototype.Column = IndentedColumn;
 
+export interface Indented {
+    _palette;
+
+    //  ITree  ---
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
+
+    //  SimpleSelectionMixin  ---
+    _selection;
+
+    // Properties  ---
+    xmlColumn(): string;
+    xmlColumn(_: string): this;
+    xmlColumn_exists(): boolean;
+    mappings(): IndentedColumn[];
+    mappings(_: IndentedColumn[]): this;
+    barHeight(): number;
+    barHeight(_: number): this;
+}
+
 Indented.prototype.publish("xmlColumn", null, "set", "Field", function () { return this.columns(); }, { optional: true });
 Indented.prototype.publish("mappings", [], "propertyArray", "Source Columns", null, { autoExpand: IndentedColumn, disable: (w) => w.xmlColumn_exists() });
 Indented.prototype.publish("barHeight", 16, "number", "Bar height");

package/src/SunburstPartition.ts

@@ -135,17 +135,23 @@ export class SunburstPartition extends SVGWidget {
             .selectAll("path")
             .attrTween("d", function (d2) { return function () { return context.arc(d2); }; });
     }
-
-    paletteID: (_?: string) => string | SunburstPartition;
-    useClonedPalette: (_?: boolean) => boolean | SunburstPartition;
-
-    //  ITree
-    _palette;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
 }
 SunburstPartition.prototype._class += " tree_SunburstPartition";
 SunburstPartition.prototype.implements(ITree.prototype);
 
+export interface SunburstPartition {
+    _palette;
+
+    //  ITree  ---
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
+
+    //  Properties  ---
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
+}
+
 SunburstPartition.prototype.publish("paletteID", "default", "set", "Color palette for this widget", SunburstPartition.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
 SunburstPartition.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });

package/src/Treemap.ts

@@ -148,7 +148,7 @@ export class Treemap extends HTMLWidget {
                             columnLabel = mapping.column();
                         }
                     });
-                    if(d.origRows) {
+                    if (d.origRows) {
                         context.click(context.rowToObj(d.origRows[0]), columnLabel, context._selection.selected(this));
                     } else {
                         context.click(d.data, columnLabel, context._selection.selected(this));
@@ -163,7 +163,7 @@ export class Treemap extends HTMLWidget {
                             columnLabel = mapping.column();
                         }
                     });
-                    if(d.origRows) {
+                    if (d.origRows) {
                         context.dblclick(context.rowToObj(d.origRows[0]), columnLabel, context._selection.selected(this));
                     } else {
                         context.dblclick(d.data, columnLabel, context._selection.selected(this));
@@ -258,43 +258,69 @@ export class Treemap extends HTMLWidget {
     leafWeightHTML(d) {
         return this.showLeafWeight() ? `<span class="treemap-leaf-label">${d.data.label}</span><span class="treemap-leaf-value">${d.value}${this.weightSuffix()}</span>` : `<span class="treemap-leaf-label">${d.data.label}</span>`;
     }
-
-    paletteID: { (): string[]; (_: string[]): Treemap; };
-    useClonedPalette: { (): boolean[]; (_: boolean[]): Treemap; };
-    mappings: { (): TreemapColumn[]; (_: TreemapColumn[]): Treemap; };
-    aggrType: { (): string; (_: string): Treemap; };
-    aggrColumn: { (): string; (_: string): Treemap; };
-    fontSize: { (): number; (_: number): Treemap; };
-    fontSize_exists: () => boolean;
-    paddingInner: { (): number; (_: number): Treemap; };
-    paddingOuter: { (): number; (_: number): Treemap; };
-    paddingTop: { (): number; (_: number): Treemap; };
-    parentFontSize: { (): number; (_: number): Treemap; };
-    leafFontSize: { (): number; (_: number): Treemap; };
-    brighterLeafNodes: { (): boolean; (_: boolean): Treemap; };
-    showRoot: { (): boolean; (_: boolean): Treemap; };
-    enableParentLabels: { (): boolean; (_: boolean): Treemap; };
-    enableParentTooltips: { (): boolean; (_: boolean): Treemap; };
-    showParentWeight: { (): boolean; (_: boolean): Treemap; };
-    showLeafWeight: { (): boolean; (_: boolean): Treemap; };
-    usePaletteOnParentNodes: { (): boolean; (_: boolean): Treemap; };
-    depthColorLimit: { (): number; (_: number): Treemap; };
-    squarifyRatio: { (): number; (_: number): Treemap; };
-    weightSuffix: { (): string; (_: string): Treemap; };
-    tilingMethod: { (): string; (_: string): Treemap; };
-
-    transitionDuration: { (): number[]; (_: number[]): Treemap; };
-
-    //  ITree
-    _palette;
-    click: (row, column, selected) => void;
-    dblclick: (row, column, selected) => void;
 }
 Treemap.prototype._class += " tree_Treemap";
 Treemap.prototype.implements(ITree.prototype);
 Treemap.prototype.mixin(Utility.SimpleSelectionMixin);
 Treemap.prototype.Column = TreemapColumn;
 
+export interface Treemap {
+    _palette;
+
+    //  ITree  ---
+    click(row, column, selected): void;
+    dblclick(row, column, selected): void;
+
+    //  Properties  ---
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
+    mappings(): TreemapColumn[];
+    mappings(_: TreemapColumn[]): this;
+    aggrType(): string;
+    aggrType(_: string): this;
+    aggrColumn(): string;
+    aggrColumn(_: string): this;
+    fontSize(): number;
+    fontSize(_: number): this;
+    fontSize_exists(): boolean;
+    paddingInner(): number;
+    paddingInner(_: number): this;
+    paddingOuter(): number;
+    paddingOuter(_: number): this;
+    paddingTop(): number;
+    paddingTop(_: number): this;
+    showRoot(): boolean;
+    showRoot(_: boolean): this;
+    parentFontSize(): number;
+    parentFontSize(_: number): this;
+    leafFontSize(): number;
+    leafFontSize(_: number): this;
+    usePaletteOnParentNodes(): boolean;
+    usePaletteOnParentNodes(_: boolean): this;
+    depthColorLimit(): number;
+    depthColorLimit(_: number): this;
+    squarifyRatio(): number;
+    squarifyRatio(_: number): this;
+    showParentWeight(): boolean;
+    showParentWeight(_: boolean): this;
+    showLeafWeight(): boolean;
+    showLeafWeight(_: boolean): this;
+    weightSuffix(): string;
+    weightSuffix(_: string): this;
+    brighterLeafNodes(): boolean;
+    brighterLeafNodes(_: boolean): this;
+    enableParentLabels(): boolean;
+    enableParentLabels(_: boolean): this;
+    enableParentTooltips(): boolean;
+    enableParentTooltips(_: boolean): this;
+    transitionDuration(): number[];
+    transitionDuration(_: number[]): this;
+    tilingMethod(): string;
+    tilingMethod(_: string): this;
+}
+
 Treemap.prototype.publish("paletteID", "default", "set", "Color palette for this widget", Treemap.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
 Treemap.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });
 Treemap.prototype.publish("mappings", [], "propertyArray", "Source Columns", null, { autoExpand: TreemapColumn });

package/src/__package__.ts

@@ -1,3 +1,3 @@
 export const PKG_NAME = "@hpcc-js/tree";
-export const PKG_VERSION = "2.41.0";
-export const BUILD_VERSION = "2.106.0";
+export const PKG_VERSION = "3.0.0";
+export const BUILD_VERSION = "3.2.0";

package/src/index.ts

@@ -1,7 +1,7 @@
-export * from "./__package__";
-export * from "./CirclePacking";
-export * from "./Dendrogram";
-export * from "./DirectoryTree";
-export * from "./Indented";
-export * from "./SunburstPartition";
-export * from "./Treemap";
+export * from "./__package__.ts";
+export * from "./CirclePacking.ts";
+export * from "./Dendrogram.ts";
+export * from "./DirectoryTree.ts";
+export * from "./Indented.ts";
+export * from "./SunburstPartition.ts";
+export * from "./Treemap.ts";

package/types/CirclePacking.d.ts

@@ -14,13 +14,11 @@ export declare class CirclePacking extends SVGWidget {
     update(_domNode: any, _element: any): void;
     zoom(newFocus: any): void;
     zoomTo(v: any): void;
-    paletteID: (_?: string) => string | CirclePacking;
-    useClonedPalette: (_?: boolean) => boolean | CirclePacking;
-    _palette: any;
-    click: (row: any, column: any, selected: any) => void;
-    dblclick: (row: any, column: any, selected: any) => void;
 }
 export interface CirclePacking {
+    _palette: any;
+    click(row: any, column: any, selected: any): void;
+    dblclick(row: any, column: any, selected: any): void;
     showSize(): boolean;
     showSize(_: boolean): this;
     paletteDepthLevel(): number;
@@ -28,5 +26,8 @@ export interface CirclePacking {
     paletteDepthLevel_exists(): boolean;
     paletteDepthVariant(): "brighter" | "darker";
     paletteDepthVariant(_: "brighter" | "darker"): this;
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
 }
-//# sourceMappingURL=CirclePacking.d.ts.map

package/types/Dendrogram.d.ts

@@ -20,41 +20,26 @@ export declare class Dendrogram extends SVGZoomWidget {
     dendrogramData(): any;
     enter(domNode: any, element: any): void;
     update(domNode: any, element: any): void;
-    paletteID: {
-        (): string;
-        (_: string): Dendrogram;
-    };
-    useClonedPalette: {
-        (): boolean;
-        (_: boolean): Dendrogram;
-    };
-    mappings: {
-        (): DendrogramColumn[];
-        (_: DendrogramColumn[]): Dendrogram;
-    };
-    circleRadius: {
-        (): number;
-        (_: number): Dendrogram;
-    };
-    separation: {
-        (): number;
-        (_: number): Dendrogram;
-    };
-    dendrogram: {
-        (): boolean;
-        (_: boolean): Dendrogram;
-    };
-    radial: {
-        (): boolean;
-        (_: boolean): Dendrogram;
-    };
-    orientation: {
-        (): string;
-        (_: string): Dendrogram;
-    };
+}
+export interface Dendrogram {
     _palette: any;
-    click: (row: any, column: any, selected: any) => void;
-    dblclick: (row: any, column: any, selected: any) => void;
+    click(row: any, column: any, selected: any): void;
+    dblclick(row: any, column: any, selected: any): void;
     _selection: any;
+    paletteID(): string;
+    paletteID(_: string): this;
+    useClonedPalette(): boolean;
+    useClonedPalette(_: boolean): this;
+    mappings(): DendrogramColumn[];
+    mappings(_: DendrogramColumn[]): this;
+    circleRadius(): number;
+    circleRadius(_: number): this;
+    separation(): number;
+    separation(_: number): this;
+    dendrogram(): boolean;
+    dendrogram(_: boolean): this;
+    radial(): boolean;
+    radial(_: boolean): this;
+    orientation(): "horizontal" | "vertical";
+    orientation(_: "horizontal" | "vertical"): this;
 }
-//# sourceMappingURL=Dendrogram.d.ts.map