mermaid/dist/diagrams/treemap/types.d.ts

Markdown-ish syntax for generating flowcharts, mindmaps, sequence diagrams, class diagrams, gantt charts, git graphs and more.

import type { DiagramDBBase, DiagramStyleClassDef } from '../../diagram-api/types.js';
import type { BaseDiagramConfig } from '../../config.type.js';
export interface TreemapNode {
    name: string;
    children?: TreemapNode[];
    value?: number;
    parent?: TreemapNode;
    classSelector?: string;
    cssCompiledStyles?: string[];
}
export interface TreemapDB extends DiagramDBBase<TreemapDiagramConfig> {
    getNodes: () => TreemapNode[];
    addNode: (node: TreemapNode, level: number) => void;
    getRoot: () => TreemapNode | undefined;
    getClasses: () => Map<string, DiagramStyleClassDef>;
    addClass: (className: string, style: string) => void;
    getStylesForClass: (classSelector: string) => string[];
}
export interface TreemapStyleOptions {
    sectionStrokeColor?: string;
    sectionStrokeWidth?: string;
    sectionFillColor?: string;
    leafStrokeColor?: string;
    leafStrokeWidth?: string;
    leafFillColor?: string;
    labelColor?: string;
    labelFontSize?: string;
    valueFontSize?: string;
    valueColor?: string;
    titleColor?: string;
    titleFontSize?: string;
}
export interface TreemapData {
    nodes: TreemapNode[];
    levels: Map<TreemapNode, number>;
    root?: TreemapNode;
    outerNodes: TreemapNode[];
    classes: Map<string, DiagramStyleClassDef>;
}
export interface TreemapItem {
    $type: string;
    name: string;
    value?: number;
    classSelector?: string;
}
export interface TreemapRow {
    $type: string;
    indent?: string;
    item?: TreemapItem;
    className?: string;
    styleText?: string;
}
export interface TreemapAst {
    TreemapRows?: TreemapRow[];
    title?: string;
    description?: string;
    accDescription?: string;
    accTitle?: string;
    diagramTitle?: string;
}
export interface TreemapDiagramConfig extends BaseDiagramConfig {
    padding?: number;
    diagramPadding?: number;
    showValues?: boolean;
    nodeWidth?: number;
    nodeHeight?: number;
    borderWidth?: number;
    valueFontSize?: number;
    labelFontSize?: number;
    valueFormat?: string;
}