squarified 0.6.2 → 1.1.0

package/dist/{index-Bks7tGiV.d.ts → index-C0Hd4N0X.d.ts}

@@ -23,6 +23,10 @@ declare class Matrix2D implements MatrixLoc {
     constructor(loc?: Partial<MatrixLoc>);
     create(loc: MatrixLoc): this;
     transform(x: number, y: number, scaleX: number, scaleY: number, rotation: number, skewX: number, skewY: number): this;
+    transformPoint(x: number, y: number): {
+        x: number;
+        y: number;
+    };
     translation(x: number, y: number): this;
     scale(a: number, d: number): this;
     private skew;
@@ -35,12 +39,13 @@ declare const enum DisplayType {
     Text = "Text",
     RoundRect = "RoundRect"
 }
-declare abstract class Display {
+declare abstract class Display<T extends Any = Any> {
     parent: Display | null;
     id: number;
     matrix: Matrix2D;
+    __widget__: T;
     abstract get __instanceOf__(): DisplayType;
-    constructor();
+    constructor(id?: number, widget?: T);
     destory(): void;
 }
 interface GraphStyleSheet {
@@ -49,7 +54,10 @@ interface GraphStyleSheet {
     font: string;
     lineWidth: number;
 }
-interface LocOptions {
+interface RequestID {
+    __id__?: number;
+}
+interface LocOptions extends RequestID {
     width: number;
     height: number;
     x: number;
@@ -102,11 +110,11 @@ declare abstract class S extends Display {
     skewY: number;
     constructor(options?: Partial<LocOptions>);
 }
-declare abstract class Graph extends S {
+declare abstract class Graph<T extends Any = Any> extends S {
     instruction: ReturnType<typeof createInstruction>;
     __options__: Partial<LocOptions>;
     abstract style: GraphStyleSheet;
-    constructor(options?: Partial<GraphOptions>);
+    constructor(options?: Partial<GraphOptions>, widget?: T);
     abstract create(): void;
     abstract clone(): Graph;
     abstract get __shape__(): DisplayType;
@@ -114,22 +122,24 @@ declare abstract class Graph extends S {
     get __instanceOf__(): DisplayType.Graph;
 }
 
+declare function traverse(graphs: Display[], handler: (graph: S) => void): void;
+
 declare abstract class C extends Display {
     elements: Display[];
-    constructor();
+    constructor(id?: number);
     abstract get __instanceOf__(): DisplayType;
     add(...elements: Display[]): void;
     remove(...elements: Display[]): void;
     destory(): void;
 }
-declare class Box extends C {
+declare class Box<T extends AnyObject = AnyObject> extends C {
     elements: Display[];
-    constructor();
+    constructor(id?: number, widget?: T);
     add(...elements: Display[]): void;
     remove(...elements: Display[]): void;
     destory(): void;
     get __instanceOf__(): DisplayType.Box;
-    clone(): Box;
+    clone(): Box<any>;
 }
 
 interface RGBColor {
@@ -167,12 +177,12 @@ type RoundRectStyleOptions = RectStyleOptions & {
 type RoundRectOptions = RectOptions & {
     style: Partial<RoundRectStyleOptions>;
 };
-declare class RoundRect extends Graph {
+declare class RoundRect<T extends Any = Any> extends Graph {
     style: Required<RoundRectStyleOptions>;
-    constructor(options?: Partial<RoundRectOptions>);
+    constructor(options?: Partial<RoundRectOptions>, widget?: T);
     get __shape__(): DisplayType;
     create(): void;
-    clone(): RoundRect;
+    clone(): RoundRect<any>;
 }
 
 interface TextOptions extends Omit<GraphOptions, 'style'> {
@@ -185,15 +195,36 @@ interface TextOptions extends Omit<GraphOptions, 'style'> {
         fill: string;
     }>;
 }
-declare class Text extends Graph {
+declare class Text<T extends Any = Any> extends Graph {
     text: string;
     style: Required<TextOptions['style']>;
-    constructor(options?: Partial<TextOptions>);
+    constructor(options?: Partial<TextOptions>, widget?: T);
     create(): void;
-    clone(): Text;
+    clone(): Text<any>;
     get __shape__(): DisplayType;
 }
 
+declare function isGraph(display: Display): display is Graph;
+declare function isBox(display: Display): display is Box;
+declare function isRoundRect(display: Display): display is RoundRect;
+declare function isText<T extends Any = Any>(display: Display): display is Text<T>;
+declare const asserts: {
+    isGraph: typeof isGraph;
+    isBox: typeof isBox;
+    isText: typeof isText;
+    isRoundRect: typeof isRoundRect;
+};
+
+declare const easing: {
+    linear: (k: number) => number;
+    quadraticIn: (k: number) => number;
+    quadraticOut: (k: number) => number;
+    quadraticInOut: (k: number) => number;
+    cubicIn: (k: number) => number;
+    cubicOut: (k: number) => number;
+    cubicInOut: (k: number) => number;
+};
+
 type EventCallback<P = Any[]> = P extends Any[] ? (...args: P) => Any : never;
 type DefaultEventDefinition = Record<string, EventCallback>;
 type BindThisParameter<T, C = unknown> = T extends (...args: infer P) => infer R ? (this: C, ...args: P) => R : never;
@@ -215,12 +246,19 @@ declare class Event<EvtDefinition extends DefaultEventDefinition = DefaultEventD
     bindWithContext<C>(c: C): (evt: keyof EvtDefinition, handler: BindThisParameter<EvtDefinition[keyof EvtDefinition], unknown extends C ? this : C>) => void;
 }
 
+declare function writeBoundingRectForCanvas(c: HTMLCanvasElement, w: number, h: number, dpr: number): void;
 interface RenderViewportOptions {
     width: number;
     height: number;
     devicePixelRatio: number;
     shaow?: boolean;
 }
+declare class Canvas {
+    canvas: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    constructor(options: RenderViewportOptions);
+    setOptions(options: RenderViewportOptions): void;
+}
 declare class Render {
     options: RenderViewportOptions;
     private container;
@@ -233,13 +271,31 @@ declare class Render {
 }
 
 type ApplyTo = string | HTMLElement;
+interface DrawGraphIntoCanvasOptions {
+    c: HTMLCanvasElement;
+    ctx: CanvasRenderingContext2D;
+    dpr: number;
+}
+declare function drawGraphIntoCanvas(graph: Display, opts: DrawGraphIntoCanvasOptions, visibleSet?: Set<number>): void;
+interface DirtyRect {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 declare class Schedule<D extends DefaultEventDefinition = DefaultEventDefinition> extends Box {
     render: Render;
     to: HTMLElement;
     event: Event<D>;
+    private _overlays;
+    private _spatialIndex;
     constructor(to: ApplyTo, renderOptions?: Partial<RenderViewportOptions>);
+    addOverlay(...elements: Display[]): void;
+    clearOverlay(): void;
+    /** Full redraw: clear canvas, draw all elements and overlay. Rebuilds spatial index. */
     update(): void;
-    execute(render: Render, graph?: Display): void;
+    updateDirty(rects: ReadonlyArray<DirtyRect>): void;
+    execute(render: Render, graph?: Display, visibleSet?: Set<number>): void;
 }
 
 type Series<T> = {
@@ -280,7 +336,7 @@ type NativeModule = ReturnType<typeof bindParentForModule>[number] & {
     groups: NativeModule[];
 };
 declare function getNodeDepth(node: NativeModule): number;
-declare function visit<T extends AnyObject>(data: T[], fn: (data: T) => boolean | void): T | null;
+declare function visit<T extends AnyObject>(data: T[], fn: (data: T) => boolean | void, getChildren?: (data: T) => T[] | null | undefined): T | null;
 declare function findRelativeNode(p: {
     x: number;
     y: number;
@@ -315,8 +371,8 @@ declare function squarify(data: NativeModule[], rect: Rect, config: Required<Gra
 declare function hashCode(str: string): number;
 declare function perferNumeric(s: string | number): boolean;
 declare function noop(): void;
-declare function createRoundBlock(x: number, y: number, width: number, height: number, style?: Partial<RoundRectStyleOptions>): RoundRect;
-declare function createTitleText(text: string, x: number, y: number, font: string, color: string): Text;
+declare function createRoundBlock<T extends Any = Any>(x: number, y: number, width: number, height: number, style?: Partial<RoundRectStyleOptions>, widget?: T): RoundRect<T>;
+declare function createTitleText<T extends Any = Any>(text: string, x: number, y: number, font: string, color: string, widget?: T): Text<T>;
 declare const raf: ((callback: FrameRequestCallback) => number) & typeof requestAnimationFrame;
 declare function createCanvasElement(): HTMLCanvasElement;
 declare function applyCanvasTransform(ctx: CanvasRenderingContext2D, matrix: Matrix2D, dpr: number): void;
@@ -345,7 +401,7 @@ declare class DefaultMap<K, V> extends Map<K, V> {
     private defaultFactory;
     constructor(defaultFactory: () => V, entries?: readonly [K, V][] | null);
     get(key: K): V;
-    getOrInsert(key: K, value?: V): V;
+    getOrCreate(key: K, value?: () => V): V;
 }
 
 interface PluginContext {
@@ -362,7 +418,7 @@ interface OnLayoutCalculatedResult {
 interface PluginHooks {
     onLoad?: (this: PluginContext, treemapContext: BasicTreemapInstance, domEvent: DOMEvent) => void | Record<string, Any>;
     onModuleInit?: (this: PluginContext, modules: LayoutModule[]) => OnModuleInitResult | void;
-    onDOMEventTriggered?: <N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, module: LayoutModule | null, domEvent: DOMEvent) => void;
+    onDOMEventTriggered?: <N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, graphic: Box<LayoutModule> | null, domEvent: DOMEvent) => void;
     onLayoutCalculated?: (this: PluginContext, layoutNodes: LayoutModule[], rect: Rect, viewport: Required<GraphicLayout>) => OnLayoutCalculatedResult | void;
     onResize?: (this: PluginContext, domEvent: DOMEvent) => void;
     onDispose?: (this: PluginContext) => void;
@@ -384,6 +440,10 @@ declare class PluginDriver<T extends Component> {
     getPluginMetadata<M = Any>(pluginName: string): M | null;
 }
 
+declare const logger: {
+    error: (message: string) => void;
+    panic: (message: string) => never;
+};
 type ColorMappings = Record<string, ColorDecoratorResult>;
 interface AABB {
     x: number;
@@ -395,8 +455,6 @@ declare class Component extends Schedule {
     pluginDriver: PluginDriver<Component>;
     data: NativeModule[];
     colorMappings: ColorMappings;
-    rectLayer: Box;
-    textLayer: Box;
     layoutNodes: LayoutModule[];
     config: GraphicConfig;
     caches: DefaultMap<string, number>;
@@ -413,8 +471,7 @@ declare class Component extends Schedule {
         f: number;
     }): void;
     private isAABBIntersecting;
-    private drawBroundRect;
-    private drawText;
+    drawNode(node: LayoutModule, box: Box | null): void;
     draw(flush?: boolean, update?: boolean): void;
     cleanup(): void;
     calculateLayoutNodes(data: NativeModule[], rect: Parameters<typeof squarify>[1], scale?: number): LayoutModule[];
@@ -480,7 +537,7 @@ declare class DOMEvent extends Event<DOMEVEntDefinition> {
     constructor(component: Component);
     destory(): void;
     private dispatch;
-    findRelativeNode(e: DOMEventMetadata): LayoutModule | null;
+    findRelativeGraphicNode(metadata: DOMEventMetadata<DOMEventType>): Box<LayoutModule> | null;
 }
 
 interface CreateTreemapOptions<P extends Plugin[]> {
@@ -514,5 +571,5 @@ declare function createTreemap<const P extends readonly Plugin[]>(options?: Crea
 } & Record<string, never>) & BasicTreemapInstance & ExposedEventMethods & PluginMixins<P>;
 type TreemapInstance<P extends readonly Plugin[]> = BasicTreemapInstance & ExposedEventMethods & PluginMixins<P>;
 
-export { noop as A, createRoundBlock as F, createTitleText as H, raf as I, createCanvasElement as J, applyCanvasTransform as K, mixin as Q, typedForIn as R, stackMatrixTransform as U, stackMatrixTransformWithGraphAndLayer as V, smoothFrame as W, isScrollWheelOrRightButtonOnMouseupAndDown as X, DefaultMap as Y, DOMEvent as b, createTreemap as d, c2m as f, findRelativeNode as g, findRelativeNodeById as h, flatten as i, getNodeDepth as j, definePlugin as m, isClickEvent as q, isContextMenuEvent as r, sortChildrenByKey as s, isMouseEvent as t, isWheelEvent as u, visit as v, hashCode as y, perferNumeric as z };
-export type { BasicTreemapInstance as B, ColorMappings as C, DOMEventType as D, ExposedEventCallback as E, GraphicLayout as G, LayoutModule as L, Module as M, NativeModule as N, InheritedCollectionsWithParamter as O, PluginContext as P, Series as S, TreemapOptions as T, DOMEventMetadata as a, CreateTreemapOptions as c, TreemapInstance as e, Plugin as k, PluginHooks as l, ExposedEventDefinition as n, ExposedEventMethods as o, PrimitiveEventMetadata as p, GraphicFont as w, GraphicConfig as x };
+export { Box as B, traverse as F, Text as H, isGraph as I, isBox as J, isRoundRect as K, isText as O, asserts as Q, RoundRect as R, easing as U, Event as Z, drawGraphIntoCanvas as a0, Schedule as a2, writeBoundingRectForCanvas as a3, Canvas as a5, Render as a6, hashCode as a7, perferNumeric as a8, noop as a9, createRoundBlock as aa, createTitleText as ab, raf as ac, createCanvasElement as ad, applyCanvasTransform as ae, mixin as ag, typedForIn as ah, stackMatrixTransform as ai, stackMatrixTransformWithGraphAndLayer as aj, smoothFrame as ak, isScrollWheelOrRightButtonOnMouseupAndDown as al, DefaultMap as am, DOMEvent as b, createTreemap as e, c2m as g, findRelativeNode as h, findRelativeNodeById as i, flatten as j, getNodeDepth as k, definePlugin as n, Component as o, logger as p, sortChildrenByKey as s, isClickEvent as u, visit as v, isContextMenuEvent as w, isMouseEvent as x, isWheelEvent as y };
+export type { DrawGraphIntoCanvasOptions as $, GraphicConfig as A, ColorMappings as C, DOMEventType as D, ExposedEventCallback as E, GraphicLayout as G, LayoutModule as L, Module as M, NativeModule as N, PluginContext as P, Series as S, TreemapOptions as T, DefaultEventDefinition as V, BindThisParameter as W, EventCollectionData as X, EventCollections as Y, ApplyTo as _, DOMEventMetadata as a, DirtyRect as a1, RenderViewportOptions as a4, InheritedCollectionsWithParamter as af, BasicTreemapInstance as c, CreateTreemapOptions as d, TreemapInstance as f, Plugin as l, PluginHooks as m, ExposedEventDefinition as q, ExposedEventMethods as r, PrimitiveEventMetadata as t, GraphicFont as z };

package/dist/index.d.mts

@@ -1 +1 @@
-export { B as BasicTreemapInstance, c as CreateTreemapOptions, D as DOMEventType, Y as DefaultMap, E as ExposedEventCallback, n as ExposedEventDefinition, o as ExposedEventMethods, x as GraphicConfig, w as GraphicFont, G as GraphicLayout, O as InheritedCollectionsWithParamter, L as LayoutModule, M as Module, N as NativeModule, k as Plugin, P as PluginContext, l as PluginHooks, p as PrimitiveEventMetadata, S as Series, e as TreemapInstance, T as TreemapOptions, K as applyCanvasTransform, f as c2m, J as createCanvasElement, F as createRoundBlock, H as createTitleText, d as createTreemap, m as definePlugin, g as findRelativeNode, h as findRelativeNodeById, i as flattenModule, j as getNodeDepth, y as hashCode, q as isClickEvent, r as isContextMenuEvent, t as isMouseEvent, X as isScrollWheelOrRightButtonOnMouseupAndDown, u as isWheelEvent, Q as mixin, A as noop, z as perferNumeric, I as raf, W as smoothFrame, s as sortChildrenByKey, U as stackMatrixTransform, V as stackMatrixTransformWithGraphAndLayer, R as typedForIn, v as visit } from './index-Bks7tGiV.js';
+export { _ as ApplyTo, c as BasicTreemapInstance, W as BindThisParameter, B as Box, a5 as Canvas, o as Component, d as CreateTreemapOptions, D as DOMEventType, V as DefaultEventDefinition, am as DefaultMap, a1 as DirtyRect, $ as DrawGraphIntoCanvasOptions, Z as Event, X as EventCollectionData, Y as EventCollections, E as ExposedEventCallback, q as ExposedEventDefinition, r as ExposedEventMethods, A as GraphicConfig, z as GraphicFont, G as GraphicLayout, af as InheritedCollectionsWithParamter, L as LayoutModule, M as Module, N as NativeModule, l as Plugin, P as PluginContext, m as PluginHooks, t as PrimitiveEventMetadata, a6 as Render, a4 as RenderViewportOptions, R as RoundRect, a2 as Schedule, S as Series, H as Text, f as TreemapInstance, T as TreemapOptions, ae as applyCanvasTransform, Q as asserts, g as c2m, ad as createCanvasElement, aa as createRoundBlock, ab as createTitleText, e as createTreemap, n as definePlugin, a0 as drawGraphIntoCanvas, U as easing, h as findRelativeNode, i as findRelativeNodeById, j as flattenModule, k as getNodeDepth, a7 as hashCode, J as isBox, u as isClickEvent, w as isContextMenuEvent, I as isGraph, x as isMouseEvent, K as isRoundRect, al as isScrollWheelOrRightButtonOnMouseupAndDown, O as isText, y as isWheelEvent, p as logger, ag as mixin, a9 as noop, a8 as perferNumeric, ac as raf, ak as smoothFrame, s as sortChildrenByKey, ai as stackMatrixTransform, aj as stackMatrixTransformWithGraphAndLayer, F as traverse, ah as typedForIn, v as visit, a3 as writeBoundingRectForCanvas } from './index-C0Hd4N0X.js';

package/dist/index.d.ts

@@ -1 +1 @@
-export { B as BasicTreemapInstance, c as CreateTreemapOptions, D as DOMEventType, Y as DefaultMap, E as ExposedEventCallback, n as ExposedEventDefinition, o as ExposedEventMethods, x as GraphicConfig, w as GraphicFont, G as GraphicLayout, O as InheritedCollectionsWithParamter, L as LayoutModule, M as Module, N as NativeModule, k as Plugin, P as PluginContext, l as PluginHooks, p as PrimitiveEventMetadata, S as Series, e as TreemapInstance, T as TreemapOptions, K as applyCanvasTransform, f as c2m, J as createCanvasElement, F as createRoundBlock, H as createTitleText, d as createTreemap, m as definePlugin, g as findRelativeNode, h as findRelativeNodeById, i as flattenModule, j as getNodeDepth, y as hashCode, q as isClickEvent, r as isContextMenuEvent, t as isMouseEvent, X as isScrollWheelOrRightButtonOnMouseupAndDown, u as isWheelEvent, Q as mixin, A as noop, z as perferNumeric, I as raf, W as smoothFrame, s as sortChildrenByKey, U as stackMatrixTransform, V as stackMatrixTransformWithGraphAndLayer, R as typedForIn, v as visit } from './index-Bks7tGiV.js';
+export { _ as ApplyTo, c as BasicTreemapInstance, W as BindThisParameter, B as Box, a5 as Canvas, o as Component, d as CreateTreemapOptions, D as DOMEventType, V as DefaultEventDefinition, am as DefaultMap, a1 as DirtyRect, $ as DrawGraphIntoCanvasOptions, Z as Event, X as EventCollectionData, Y as EventCollections, E as ExposedEventCallback, q as ExposedEventDefinition, r as ExposedEventMethods, A as GraphicConfig, z as GraphicFont, G as GraphicLayout, af as InheritedCollectionsWithParamter, L as LayoutModule, M as Module, N as NativeModule, l as Plugin, P as PluginContext, m as PluginHooks, t as PrimitiveEventMetadata, a6 as Render, a4 as RenderViewportOptions, R as RoundRect, a2 as Schedule, S as Series, H as Text, f as TreemapInstance, T as TreemapOptions, ae as applyCanvasTransform, Q as asserts, g as c2m, ad as createCanvasElement, aa as createRoundBlock, ab as createTitleText, e as createTreemap, n as definePlugin, a0 as drawGraphIntoCanvas, U as easing, h as findRelativeNode, i as findRelativeNodeById, j as flattenModule, k as getNodeDepth, a7 as hashCode, J as isBox, u as isClickEvent, w as isContextMenuEvent, I as isGraph, x as isMouseEvent, K as isRoundRect, al as isScrollWheelOrRightButtonOnMouseupAndDown, O as isText, y as isWheelEvent, p as logger, ag as mixin, a9 as noop, a8 as perferNumeric, ac as raf, ak as smoothFrame, s as sortChildrenByKey, ai as stackMatrixTransform, aj as stackMatrixTransformWithGraphAndLayer, F as traverse, ah as typedForIn, v as visit, a3 as writeBoundingRectForCanvas } from './index-C0Hd4N0X.js';

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var domEvent = require('./dom-event-ClwTQnot.js');
+var domEvent = require('./dom-event-BkRCiIWB.js');
 
 function createTreemap(// @ts-expect-error todo fix
 options) {
@@ -55,7 +55,6 @@ options) {
             width,
             devicePixelRatio: window.devicePixelRatio
         });
-        component.render.canvas.style.position = 'absolute';
         if (domEvent$1) {
             component.pluginDriver.runHook('onResize', domEvent$1);
         }
@@ -80,23 +79,39 @@ options) {
     return base;
 }
 
+exports.Box = domEvent.Box;
+exports.Canvas = domEvent.Canvas;
+exports.Component = domEvent.Component;
 exports.DefaultMap = domEvent.DefaultMap;
+exports.Event = domEvent.Event;
+exports.Render = domEvent.Render;
+exports.RoundRect = domEvent.RoundRect;
+exports.Schedule = domEvent.Schedule;
+exports.Text = domEvent.Text;
 exports.applyCanvasTransform = domEvent.applyCanvasTransform;
+exports.asserts = domEvent.asserts;
 exports.c2m = domEvent.c2m;
 exports.createCanvasElement = domEvent.createCanvasElement;
 exports.createRoundBlock = domEvent.createRoundBlock;
 exports.createTitleText = domEvent.createTitleText;
 exports.definePlugin = domEvent.definePlugin;
+exports.drawGraphIntoCanvas = domEvent.drawGraphIntoCanvas;
+exports.easing = domEvent.easing;
 exports.findRelativeNode = domEvent.findRelativeNode;
 exports.findRelativeNodeById = domEvent.findRelativeNodeById;
 exports.flattenModule = domEvent.flatten;
 exports.getNodeDepth = domEvent.getNodeDepth;
 exports.hashCode = domEvent.hashCode;
+exports.isBox = domEvent.isBox;
 exports.isClickEvent = domEvent.isClickEvent;
 exports.isContextMenuEvent = domEvent.isContextMenuEvent;
+exports.isGraph = domEvent.isGraph;
 exports.isMouseEvent = domEvent.isMouseEvent;
+exports.isRoundRect = domEvent.isRoundRect;
 exports.isScrollWheelOrRightButtonOnMouseupAndDown = domEvent.isScrollWheelOrRightButtonOnMouseupAndDown;
+exports.isText = domEvent.isText;
 exports.isWheelEvent = domEvent.isWheelEvent;
+exports.logger = domEvent.logger;
 exports.mixin = domEvent.mixin;
 exports.noop = domEvent.noop;
 exports.perferNumeric = domEvent.perferNumeric;
@@ -105,6 +120,8 @@ exports.smoothFrame = domEvent.smoothFrame;
 exports.sortChildrenByKey = domEvent.sortChildrenByKey;
 exports.stackMatrixTransform = domEvent.stackMatrixTransform;
 exports.stackMatrixTransformWithGraphAndLayer = domEvent.stackMatrixTransformWithGraphAndLayer;
+exports.traverse = domEvent.traverse;
 exports.typedForIn = domEvent.typedForIn;
 exports.visit = domEvent.visit;
+exports.writeBoundingRectForCanvas = domEvent.writeBoundingRectForCanvas;
 exports.createTreemap = createTreemap;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { l as logger, m as mixin, E as Event, a as assertExists, b as bindParentForModule, C as Component, D as DOMEvent } from './dom-event-DrYYfglv.mjs';
-export { G as DefaultMap, x as applyCanvasTransform, c as c2m, w as createCanvasElement, r as createRoundBlock, t as createTitleText, h as definePlugin, f as findRelativeNode, d as findRelativeNodeById, e as flattenModule, g as getNodeDepth, o as hashCode, i as isClickEvent, j as isContextMenuEvent, k as isMouseEvent, F as isScrollWheelOrRightButtonOnMouseupAndDown, n as isWheelEvent, q as noop, p as perferNumeric, u as raf, B as smoothFrame, s as sortChildrenByKey, z as stackMatrixTransform, A as stackMatrixTransformWithGraphAndLayer, y as typedForIn, v as visit } from './dom-event-DrYYfglv.mjs';
+import { l as logger, m as mixin, E as Event, a as assertExists, b as bindParentForModule, C as Component, D as DOMEvent } from './dom-event-CBrOg7CX.mjs';
+export { B as Box, z as Canvas, V as DefaultMap, A as Render, R as RoundRect, S as Schedule, T as Text, M as applyCanvasTransform, u as asserts, c as c2m, L as createCanvasElement, I as createRoundBlock, J as createTitleText, h as definePlugin, x as drawGraphIntoCanvas, w as easing, f as findRelativeNode, d as findRelativeNodeById, e as flattenModule, g as getNodeDepth, F as hashCode, p as isBox, i as isClickEvent, j as isContextMenuEvent, o as isGraph, k as isMouseEvent, q as isRoundRect, U as isScrollWheelOrRightButtonOnMouseupAndDown, r as isText, n as isWheelEvent, H as noop, G as perferNumeric, K as raf, Q as smoothFrame, s as sortChildrenByKey, O as stackMatrixTransform, P as stackMatrixTransformWithGraphAndLayer, t as traverse, N as typedForIn, v as visit, y as writeBoundingRectForCanvas } from './dom-event-CBrOg7CX.mjs';
 
 function createTreemap(// @ts-expect-error todo fix
 options) {
@@ -54,7 +54,6 @@ options) {
             width,
             devicePixelRatio: window.devicePixelRatio
         });
-        component.render.canvas.style.position = 'absolute';
         if (domEvent) {
             component.pluginDriver.runHook('onResize', domEvent);
         }
@@ -79,4 +78,4 @@ options) {
     return base;
 }
 
-export { createTreemap, mixin };
+export { Component, Event, createTreemap, logger, mixin };

package/dist/plugin.d.mts

@@ -1,19 +1,8 @@
-import { P as PluginContext, D as DOMEventType, a as DOMEventMetadata, L as LayoutModule, b as DOMEvent, C as ColorMappings, B as BasicTreemapInstance } from './index-Bks7tGiV.js';
-
-declare const presetHighlightPlugin: {
-    name: "treemap:preset-highlight";
-    onLoad(this: PluginContext): void;
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, _: DOMEventMetadata<N>, module: LayoutModule | null, { stateManager: state, matrix }: DOMEvent): void;
-    onResize(this: PluginContext): void;
-    onDispose(this: PluginContext): void;
-    meta: {
-        highlight: null;
-    };
-};
+import { D as DOMEventType, P as PluginContext, a as DOMEventMetadata, B as Box, L as LayoutModule, b as DOMEvent, C as ColorMappings, c as BasicTreemapInstance } from './index-C0Hd4N0X.js';
 
 declare const presetDragElementPlugin: {
     name: "treemap:preset-drag-element";
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, module: LayoutModule | null, domEvent: DOMEvent): void;
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, module: Box<LayoutModule> | null, domEvent: DOMEvent): void;
     meta: {
         dragOptions: {
             x: number;
@@ -25,6 +14,17 @@ declare const presetDragElementPlugin: {
     onResize(this: PluginContext, { matrix, stateManager: state }: DOMEvent): void;
 };
 
+declare const presetHighlightPlugin: {
+    name: "treemap:preset-highlight";
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, _: DOMEventMetadata<N>, graphic: Box<LayoutModule> | null, { stateManager: state, matrix, component }: DOMEvent): void;
+    onResize(this: PluginContext): void;
+    onDispose(this: PluginContext): void;
+    meta: {
+        overlayGraphic: null;
+        lastDirtyRect: null;
+    };
+};
+
 interface MenuRenderConfig {
     html: string;
     action: string;
@@ -32,11 +32,11 @@ interface MenuRenderConfig {
 interface MenuPluginOptions {
     style?: Partial<CSSStyleDeclaration>;
     render?: (menu: HTMLDivElement) => MenuRenderConfig[];
-    onClick?: (action: string, module: LayoutModule | null) => void;
+    onClick?: (action: string, module: Box<LayoutModule> | null) => void;
 }
 declare function presetMenuPlugin(options?: MenuPluginOptions): {
     name: "treemap:preset-menu";
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, __: LayoutModule | null, DOMEvent: DOMEvent): void;
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, __: Box<LayoutModule> | null, DOMEvent: DOMEvent): void;
     onDispose(this: PluginContext): void;
 };
 
@@ -50,24 +50,38 @@ declare const presetColorPlugin: {
 interface ScalePluginOptions {
     /**
      * @default Infinity
-     * @description The maximum scale factor for the treemap.
      */
     max?: number;
     /**
      * @default 0.1
-     * @description The minimum scale factor for the treemap.
      */
     min?: number;
+    springStiffness?: number;
+    springDamping?: number;
+    overshootResistance?: number;
+    overshootLimitFactor?: number;
+    wheelDebounce?: number;
+    animationsEnabled?: boolean;
 }
 declare function presetScalePlugin(options?: ScalePluginOptions): {
     name: "treemap:preset-scale";
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, module: LayoutModule | null, evt: DOMEvent): void;
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, module: Box<LayoutModule> | null, evt: DOMEvent): void;
     meta: {
         scaleOptions: {
             scale: number;
+            virtualScale: number;
             minScale: number;
             maxScale: number;
             scaleFactor: number;
+            springStiffness: number;
+            springDamping: number;
+            overshootResistance: number;
+            overshootLimitFactor: number;
+            lastAnchorX: undefined;
+            lastAnchorY: undefined;
+            springRafId: null;
+            animationsEnabled: boolean;
+            wheelDebounce: number;
         };
         gestureState: {
             isTrackingGesture: false;
@@ -78,6 +92,7 @@ declare function presetScalePlugin(options?: ScalePluginOptions): {
             consecutivePinchEvents: number;
             gestureType: "unknown";
             lockGestureType: false;
+            wheelEndTimeoutId: null;
         };
     };
     onResize(this: PluginContext, { matrix, stateManager: state }: DOMEvent): void;

package/dist/plugin.d.ts

@@ -1,19 +1,8 @@
-import { P as PluginContext, D as DOMEventType, a as DOMEventMetadata, L as LayoutModule, b as DOMEvent, C as ColorMappings, B as BasicTreemapInstance } from './index-Bks7tGiV.js';
-
-declare const presetHighlightPlugin: {
-    name: "treemap:preset-highlight";
-    onLoad(this: PluginContext): void;
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, _: DOMEventMetadata<N>, module: LayoutModule | null, { stateManager: state, matrix }: DOMEvent): void;
-    onResize(this: PluginContext): void;
-    onDispose(this: PluginContext): void;
-    meta: {
-        highlight: null;
-    };
-};
+import { D as DOMEventType, P as PluginContext, a as DOMEventMetadata, B as Box, L as LayoutModule, b as DOMEvent, C as ColorMappings, c as BasicTreemapInstance } from './index-C0Hd4N0X.js';
 
 declare const presetDragElementPlugin: {
     name: "treemap:preset-drag-element";
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, module: LayoutModule | null, domEvent: DOMEvent): void;
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, event: DOMEventMetadata<N>, module: Box<LayoutModule> | null, domEvent: DOMEvent): void;
     meta: {
         dragOptions: {
             x: number;
@@ -25,6 +14,17 @@ declare const presetDragElementPlugin: {
     onResize(this: PluginContext, { matrix, stateManager: state }: DOMEvent): void;
 };
 
+declare const presetHighlightPlugin: {
+    name: "treemap:preset-highlight";
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, name: N, _: DOMEventMetadata<N>, graphic: Box<LayoutModule> | null, { stateManager: state, matrix, component }: DOMEvent): void;
+    onResize(this: PluginContext): void;
+    onDispose(this: PluginContext): void;
+    meta: {
+        overlayGraphic: null;
+        lastDirtyRect: null;
+    };
+};
+
 interface MenuRenderConfig {
     html: string;
     action: string;
@@ -32,11 +32,11 @@ interface MenuRenderConfig {
 interface MenuPluginOptions {
     style?: Partial<CSSStyleDeclaration>;
     render?: (menu: HTMLDivElement) => MenuRenderConfig[];
-    onClick?: (action: string, module: LayoutModule | null) => void;
+    onClick?: (action: string, module: Box<LayoutModule> | null) => void;
 }
 declare function presetMenuPlugin(options?: MenuPluginOptions): {
     name: "treemap:preset-menu";
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, __: LayoutModule | null, DOMEvent: DOMEvent): void;
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, __: Box<LayoutModule> | null, DOMEvent: DOMEvent): void;
     onDispose(this: PluginContext): void;
 };
 
@@ -50,24 +50,38 @@ declare const presetColorPlugin: {
 interface ScalePluginOptions {
     /**
      * @default Infinity
-     * @description The maximum scale factor for the treemap.
      */
     max?: number;
     /**
      * @default 0.1
-     * @description The minimum scale factor for the treemap.
      */
     min?: number;
+    springStiffness?: number;
+    springDamping?: number;
+    overshootResistance?: number;
+    overshootLimitFactor?: number;
+    wheelDebounce?: number;
+    animationsEnabled?: boolean;
 }
 declare function presetScalePlugin(options?: ScalePluginOptions): {
     name: "treemap:preset-scale";
-    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, module: LayoutModule | null, evt: DOMEvent): void;
+    onDOMEventTriggered<N extends DOMEventType>(this: PluginContext, _: N, event: DOMEventMetadata<N>, module: Box<LayoutModule> | null, evt: DOMEvent): void;
     meta: {
         scaleOptions: {
             scale: number;
+            virtualScale: number;
             minScale: number;
             maxScale: number;
             scaleFactor: number;
+            springStiffness: number;
+            springDamping: number;
+            overshootResistance: number;
+            overshootLimitFactor: number;
+            lastAnchorX: undefined;
+            lastAnchorY: undefined;
+            springRafId: null;
+            animationsEnabled: boolean;
+            wheelDebounce: number;
         };
         gestureState: {
             isTrackingGesture: false;
@@ -78,6 +92,7 @@ declare function presetScalePlugin(options?: ScalePluginOptions): {
             consecutivePinchEvents: number;
             gestureType: "unknown";
             lockGestureType: false;
+            wheelEndTimeoutId: null;
         };
     };
     onResize(this: PluginContext, { matrix, stateManager: state }: DOMEvent): void;