import { LitElement } from "lit";
import { StoreSubscriber } from "lit-svelte-stores";
import { Readable } from "svelte/store";
import "@alenaksu/json-viewer";
import "@scoped-elements/cytoscape";
import { EdgeDefinition, NodeDefinition } from "cytoscape";
import "@shoelace-style/shoelace/dist/components/relative-time/relative-time.js";
type TreeNode<T> = {
    node: T;
    children: Array<TreeNode<T>>;
};
export declare function buildAndJoinTree(store: Readable<any>): Readable<TreeNode<{
    id: number;
    value: any;
    lastUpdated: number;
}>>;
export declare function valueTreeToElements(valueTree: TreeNode<{
    id: number;
    value: any;
}>): Array<NodeDefinition | EdgeDefinition>;
export declare function findNodeInTree(tree: TreeNode<{
    id: number;
    value: any;
    lastUpdated: number;
}>, id: number): {
    id: number;
    value: any;
    lastUpdated: number;
};
export declare class VisualizeStoreTree extends LitElement {
    store: Readable<any>;
    selectedStore: number | undefined;
    _subscriber: StoreSubscriber<TreeNode<{
        id: number;
        value: any;
        lastUpdated: number;
    }>>;
    get selectedValue(): any;
    render(): import("lit-html").TemplateResult<1>;
    static styles: import("lit").CSSResult;
}
export {};
//# sourceMappingURL=visualize-store-tree.d.ts.map