How to use the @hpcc-js/api.ITree.prototype function in @hpcc-js/api

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;

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");

function xmlToJson(xml, id = "") {
    const retVal = {
        id,
        label: "",
        attributes: {},
        children: []
    };

    retVal.label = xml.nodeName;

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;
    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;

Treemap.prototype.publish("paletteID", "default", "set", "Palette ID", 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 });
Treemap.prototype.publish("aggrType", null, "set", "Aggregation Type", [null, "mean", "median", "sum", "min", "max"], { optional: true });
Treemap.prototype.publish("aggrColumn", null, "set", "Aggregation Field", function () { return this.columns(); }, { optional: true, disable: (w) => !w.aggrType() });
Treemap.prototype.publish("fontSize", null, "number", "Font Size", null, { optional: true });
Treemap.prototype.publish("transitionDuration", 250, "number", "Transition Duration");

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;

Dendrogram.prototype.publish("paletteID", "default", "set", "Palette ID", 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 });

Dendrogram.prototype.publish("circleRadius", 4.5, "number", "Text offset from circle");
Dendrogram.prototype.publish("separation", 240, "number", "Leaf Separation");
Dendrogram.prototype.publish("dendrogram", true, "boolean", "Dendrogram");
Dendrogram.prototype.publish("radial", false, "boolean", "Radial");
Dendrogram.prototype.publish("orientation", "horizontal", "set", "Orientation", ["horizontal", "vertical"], { tags: ["Private"], disable: w => w.radial() });

const k = this.diameter / v[2];
        this.view = v;
        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 {
    showSize(): boolean;
    showSize(_: boolean): this;
    paletteDepthLevel(): number;
    paletteDepthLevel(_: number): this;
    paletteDepthLevel_exists(): boolean;
    paletteDepthVariant(): "brighter" | "darker";
    paletteDepthVariant(_: "brighter" | "darker"): this;
}

CirclePacking.prototype.publish("showSize", true, "boolean", "Show size along with label");
CirclePacking.prototype.publish("paletteDepthLevel", null, "number", "If not null then beyond this depth number the child node colors are based on parent", null, {optional: true});
CirclePacking.prototype.publish("paletteDepthVariant", "brighter", "set", "Determines paletteDepthLevel decendant color shade variant", ["brighter", "darker"], {disable: w => w.paletteDepthLevel_exists()});
CirclePacking.prototype.publish("paletteID", "default", "set", "Color palette for this widget", CirclePacking.prototype._palette.switch(), { tags: ["Basic", "Shared"] });
CirclePacking.prototype.publish("useClonedPalette", false, "boolean", "Enable or disable using a cloned palette", null, { tags: ["Intermediate", "Shared"] });