squarified 0.5.0 → 0.6.1

package/dist/{dom-event-Dz0I7Z12.js → dom-event-CxIxc4YC.js}

@@ -90,7 +90,6 @@ var DisplayType = /*#__PURE__*/ function(DisplayType) {
     DisplayType["Box"] = "Box";
     DisplayType["Text"] = "Text";
     DisplayType["RoundRect"] = "RoundRect";
-    DisplayType["Bitmap"] = "Bitmap";
     return DisplayType;
 }({});
 class Display {
@@ -293,12 +292,10 @@ class S extends Display {
 class Graph extends S {
     instruction;
     __options__;
-    __widget__;
     constructor(options = {}){
         super(options);
         this.instruction = createInstruction();
         this.__options__ = options;
-        this.__widget__ = null;
     }
     render(ctx) {
         this.create();
@@ -335,15 +332,11 @@ function isRoundRect(display) {
 function isText(display) {
     return isGraph(display) && display.__shape__ === DisplayType.Text;
 }
-function isBitmap(display) {
-    return isGraph(display) && display.__shape__ === DisplayType.Bitmap;
-}
 const asserts = {
     isGraph,
     isBox,
     isText,
-    isRoundRect,
-    isBitmap
+    isRoundRect
 };
 
 class C extends Display {
@@ -743,16 +736,6 @@ function applyCanvasTransform(ctx, matrix, dpr) {
     ctx.setTransform(matrix.a * dpr, matrix.b * dpr, matrix.c * dpr, matrix.d * dpr, matrix.e * dpr, matrix.f * dpr);
 }
 function mixin(app, methods) {
-    methods.forEach(({ name, fn })=>{
-        Object.defineProperty(app, name, {
-            value: fn(app),
-            writable: false
-        });
-    });
-    // @ts-expect-error not
-    return app;
-}
-function mixinWithParams(app, methods) {
     methods.forEach(({ name, fn })=>{
         Object.defineProperty(app, name, {
             value: fn(app),
@@ -762,12 +745,6 @@ function mixinWithParams(app, methods) {
     });
     return app;
 }
-function prettyStrJoin(...s) {
-    return s.join('');
-}
-function isMacOS() {
-    return /Mac OS X/.test(navigator.userAgent);
-}
 function typedForIn(obj, callback) {
     for(const key in obj){
         if (Object.prototype.hasOwnProperty.call(obj, key)) {
@@ -1127,12 +1104,15 @@ function squarify(data, rect, config, scale = 1) {
     if (!processedData.length) {
         return result;
     }
-    rect = {
-        x: rect.x + scaledGap / 2,
-        y: rect.y + scaledGap / 2,
-        w: rect.w - scaledGap,
-        h: rect.h - scaledGap
-    };
+    let workingRect = rect;
+    if (scaledGap > 0) {
+        workingRect = {
+            x: rect.x + scaledGap / 2,
+            y: rect.y + scaledGap / 2,
+            w: Math.max(0, rect.w - scaledGap),
+            h: Math.max(0, rect.h - scaledGap)
+        };
+    }
     const worst = (start, end, shortestSide, totalWeight, aspectRatio)=>{
         const max = processedData[start].weight * aspectRatio;
         const min = processedData[end].weight * aspectRatio;
@@ -1184,39 +1164,43 @@ function squarify(data, rect, config, scale = 1) {
                     w = upper - lower;
                     h = splited;
                 }
-                const edgeGap = currentGap / 2;
-                if (!isFirst) {
-                    if (isHorizontalLayout) {
-                        y += edgeGap;
-                        h -= edgeGap;
-                    } else {
-                        x += edgeGap;
-                        w -= edgeGap;
+                if (currentGap > 0) {
+                    const edgeGap = currentGap / 2;
+                    if (!isFirst) {
+                        if (isHorizontalLayout) {
+                            y += edgeGap;
+                            h = Math.max(0, h - edgeGap);
+                        } else {
+                            x += edgeGap;
+                            w = Math.max(0, w - edgeGap);
+                        }
                     }
-                }
-                if (!isLast) {
-                    if (isHorizontalLayout) {
-                        h -= edgeGap;
-                    } else {
-                        w -= edgeGap;
+                    if (!isLast) {
+                        if (isHorizontalLayout) {
+                            h = Math.max(0, h - edgeGap);
+                        } else {
+                            w = Math.max(0, w - edgeGap);
+                        }
                     }
                 }
                 const nodeDepth = getNodeDepth(children) || 1;
                 const { titleAreaHeight } = config;
                 const diff = titleAreaHeight.max / nodeDepth;
                 const titleHeight = diff < titleAreaHeight.min ? titleAreaHeight.min : diff;
-                w = Math.max(2, w);
-                h = Math.max(2, h);
+                w = Math.max(1, w);
+                h = Math.max(1, h);
                 let childrenLayout = [];
                 const hasValidChildren = children.groups && children.groups.length > 0;
                 if (hasValidChildren) {
+                    const childGapOffset = currentGap > 0 ? currentGap : 0;
                     const childRect = {
-                        x: x + currentGap,
+                        x: x + childGapOffset,
                         y: y + titleHeight,
-                        w: Math.max(0, w - currentGap * 2),
-                        h: Math.max(0, h - titleHeight - currentGap)
+                        w: Math.max(0, w - childGapOffset * 2),
+                        h: Math.max(0, h - titleHeight - childGapOffset)
                     };
-                    if (childRect.w > currentRadius * 2 && childRect.h > currentRadius * 2) {
+                    const minChildSize = currentRadius > 0 ? currentRadius * 2 : 1;
+                    if (childRect.w >= minChildSize && childRect.h >= minChildSize) {
                         childrenLayout = squarify(children.groups || [], childRect, {
                             ...config,
                             rectGap: currentGap,
@@ -1242,16 +1226,17 @@ function squarify(data, rect, config, scale = 1) {
                 areaInLayout += area;
             }
             start = end;
+            const rectGapOffset = currentGap > 0 ? currentGap : 0;
             if (isHorizontalLayout) {
-                rect.x += splited + currentGap;
-                rect.w -= splited + currentGap;
+                rect.x += splited + rectGapOffset;
+                rect.w = Math.max(0, rect.w - splited - rectGapOffset);
             } else {
-                rect.y += splited + currentGap;
-                rect.h -= splited + currentGap;
+                rect.y += splited + rectGapOffset;
+                rect.h = Math.max(0, rect.h - splited - rectGapOffset);
             }
         }
     };
-    recursion(0, rect);
+    recursion(0, workingRect);
     return result;
 }
 
@@ -1298,6 +1283,7 @@ class PluginDriver {
         this.plugins.forEach((plugin)=>{
             const hook = plugin[hookName];
             if (hook) {
+                // @ts-expect-error fixme
                 const hookResult = hook.call(this.pluginContext, ...args);
                 if (hookResult) {
                     Object.assign(finalResult, hookResult);
@@ -1353,6 +1339,65 @@ class Component extends Schedule {
         this.caches = new DefaultMap(()=>14);
         this.layoutNodes = [];
     }
+    clearFontCacheInAABB(aabb) {
+        const affectedModules = this.getModulesInAABB(this.layoutNodes, aabb);
+        for (const module of affectedModules){
+            this.caches.delete(module.node.id);
+        }
+    }
+    getModulesInAABB(modules, aabb) {
+        const result = [];
+        for (const module of modules){
+            const [x, y, w, h] = module.layout;
+            const moduleAABB = {
+                x,
+                y,
+                width: w,
+                height: h
+            };
+            if (this.isAABBIntersecting(moduleAABB, aabb)) {
+                result.push(module);
+                if (module.children && module.children.length > 0) {
+                    result.push(...this.getModulesInAABB(module.children, aabb));
+                }
+            }
+        }
+        return result;
+    }
+    getViewportAABB(matrixE, matrixF, scale) {
+        const { width, height } = this.render.options;
+        const worldX = -matrixE / scale;
+        const worldY = -matrixF / scale;
+        const worldWidth = width / scale;
+        const worldHeight = height / scale;
+        return {
+            x: worldX,
+            y: worldY,
+            width: worldWidth,
+            height: worldHeight
+        };
+    }
+    getAABBUnion(a, b) {
+        const minX = Math.min(a.x, b.x);
+        const minY = Math.min(a.y, b.y);
+        const maxX = Math.max(a.x + a.width, b.x + b.width);
+        const maxY = Math.max(a.y + a.height, b.y + b.height);
+        return {
+            x: minX,
+            y: minY,
+            width: maxX - minX,
+            height: maxY - minY
+        };
+    }
+    handleTransformCacheInvalidation(oldMatrix, newMatrix) {
+        const oldViewportAABB = this.getViewportAABB(oldMatrix.e, oldMatrix.f, oldMatrix.a);
+        const newViewportAABB = this.getViewportAABB(newMatrix.e, newMatrix.f, newMatrix.a);
+        const affectedAABB = this.getAABBUnion(oldViewportAABB, newViewportAABB);
+        this.clearFontCacheInAABB(affectedAABB);
+    }
+    isAABBIntersecting(a, b) {
+        return !(a.x + a.width < b.x || b.x + b.width < a.x || a.y + a.height < b.y || b.y + b.height < a.y);
+    }
     drawBroundRect(node) {
         const [x, y, w, h] = node.layout;
         const { rectRadius } = node.config;
@@ -1363,7 +1408,6 @@ class Component extends Schedule {
             padding: 0,
             radius: effectiveRadius
         });
-        rect.__widget__ = node;
         this.rectLayer.add(rect);
         for (const child of node.children){
             this.drawBroundRect(child);
@@ -1437,11 +1481,16 @@ class Component extends Schedule {
     }
     calculateLayoutNodes(data, rect, scale = 1) {
         const config = {
-            titleAreaHeight: this.config.layout?.titleAreaHeight || DEFAULT_TITLE_AREA_HEIGHT,
-            rectRadius: this.config.layout?.rectRadius || DEFAULT_RECT_BORDER_RADIUS,
-            rectGap: this.config.layout?.rectGap || DEFAULT_RECT_GAP
+            titleAreaHeight: this.config.layout?.titleAreaHeight ?? DEFAULT_TITLE_AREA_HEIGHT,
+            rectRadius: this.config.layout?.rectRadius ?? DEFAULT_RECT_BORDER_RADIUS,
+            rectGap: this.config.layout?.rectGap ?? DEFAULT_RECT_GAP
         };
-        return squarify(data, rect, config, scale);
+        const layoutNodes = squarify(data, rect, config, scale);
+        const result = this.pluginDriver.cascadeHook('onLayoutCalculated', layoutNodes, rect, config);
+        if (result && result.layoutNodes?.length) {
+            return result.layoutNodes;
+        }
+        return layoutNodes;
     }
 }
 function evaluateOptimalFontSize(c, text, config, desiredW, desiredH) {
@@ -1450,39 +1499,25 @@ function evaluateOptimalFontSize(c, text, config, desiredW, desiredH) {
     const { fontSize, family } = config;
     let min = fontSize.min;
     let max = fontSize.max;
-    const cache = new Map();
     while(max - min >= 1){
         const current = min + (max - min) / 2;
-        if (!cache.has(current)) {
-            c.font = `${current}px ${family}`;
-            const metrics = c.measureText(text);
-            const width = metrics.width;
-            const height = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
-            cache.set(current, {
-                width,
-                height
-            });
-        }
-        const { width, height } = cache.get(current);
-        if (width > desiredW || height > desiredH) {
-            max = current;
-        } else {
+        c.font = `${current}px ${family}`;
+        const textWidth = c.measureText(text).width;
+        const metrics = c.measureText(text);
+        const textHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
+        if (textWidth <= desiredW && textHeight <= desiredH) {
             min = current;
+        } else {
+            max = current;
         }
     }
     return Math.floor(min);
 }
 function getTextLayout(c, text, width, height) {
-    const ellipsisWidth = measureTextWidth(c, '...');
-    if (width < ellipsisWidth) {
-        if (height > ellipsisWidth) {
-            return {
-                valid: true,
-                text: '...',
-                direction: 'vertical',
-                width: ellipsisWidth / 3
-            };
-        }
+    const textWidth = c.measureText(text).width;
+    const metrics = c.measureText(text);
+    const textHeight = metrics.actualBoundingBoxAscent + metrics.actualBoundingBoxDescent;
+    if (textHeight > height) {
         return {
             valid: false,
             text: '',
@@ -1490,8 +1525,7 @@ function getTextLayout(c, text, width, height) {
             width: 0
         };
     }
-    const textWidth = measureTextWidth(c, text);
-    if (textWidth < width) {
+    if (textWidth <= width) {
         return {
             valid: true,
             text,
@@ -1499,16 +1533,41 @@ function getTextLayout(c, text, width, height) {
             width: textWidth
         };
     }
-    return {
+    const ellipsisWidth = c.measureText('...').width;
+    if (width <= ellipsisWidth) {
+        return {
+            valid: false,
+            text: '',
+            direction: 'horizontal',
+            width: 0
+        };
+    }
+    let left = 0;
+    let right = text.length;
+    let bestFit = '';
+    while(left <= right){
+        const mid = Math.floor((left + right) / 2);
+        const substring = text.substring(0, mid);
+        const subWidth = c.measureText(substring).width;
+        if (subWidth + ellipsisWidth <= width) {
+            bestFit = substring;
+            left = mid + 1;
+        } else {
+            right = mid - 1;
+        }
+    }
+    return bestFit.length > 0 ? {
+        valid: true,
+        text: bestFit + '...',
+        direction: 'horizontal',
+        width
+    } : {
         valid: true,
         text: '...',
         direction: 'horizontal',
         width: ellipsisWidth
     };
 }
-function measureTextWidth(c, text) {
-    return c.measureText(text).width;
-}
 
 // I think those event is enough for user.
 const DOM_EVENTS = [
@@ -1669,16 +1728,13 @@ exports.getNodeDepth = getNodeDepth;
 exports.hashCode = hashCode;
 exports.isClickEvent = isClickEvent;
 exports.isContextMenuEvent = isContextMenuEvent;
-exports.isMacOS = isMacOS;
 exports.isMouseEvent = isMouseEvent;
 exports.isScrollWheelOrRightButtonOnMouseupAndDown = isScrollWheelOrRightButtonOnMouseupAndDown;
 exports.isWheelEvent = isWheelEvent;
 exports.logger = logger;
 exports.mixin = mixin;
-exports.mixinWithParams = mixinWithParams;
 exports.noop = noop;
 exports.perferNumeric = perferNumeric;
-exports.prettyStrJoin = prettyStrJoin;
 exports.raf = raf;
 exports.smoothFrame = smoothFrame;
 exports.sortChildrenByKey = sortChildrenByKey;

package/dist/{index-Dskgz6nc.d.ts → index-Bb8ZzMCD.d.ts}

@@ -33,8 +33,7 @@ declare const enum DisplayType {
     Graph = "Graph",
     Box = "Box",
     Text = "Text",
-    RoundRect = "RoundRect",
-    Bitmap = "Bitmap"
+    RoundRect = "RoundRect"
 }
 declare abstract class Display {
     parent: Display | null;
@@ -106,7 +105,6 @@ declare abstract class S extends Display {
 declare abstract class Graph extends S {
     instruction: ReturnType<typeof createInstruction>;
     __options__: Partial<LocOptions>;
-    __widget__: Any;
     abstract style: GraphStyleSheet;
     constructor(options?: Partial<GraphOptions>);
     abstract create(): void;
@@ -262,16 +260,6 @@ interface GraphicConfig {
     layout?: GraphicLayout;
     font?: GraphicFont;
 }
-/**
- * @deprecated `TreemapInstanceAPI` don't provide methods anymore. (will be removed in the future versions)
- * Keep it only for migration convenience
- */
-interface TreemapInstanceAPI {
-    /**
-     * @deprecated don't call this method anymore.
-     */
-    zoom: () => void;
-}
 
 declare function sortChildrenByKey<T extends AnyObject, K extends keyof T = 'weight'>(data: T[], ...keys: K[]): T[];
 declare function c2m<T extends AnyObject & {
@@ -332,14 +320,6 @@ declare function createTitleText(text: string, x: number, y: number, font: strin
 declare const raf: ((callback: FrameRequestCallback) => number) & typeof requestAnimationFrame;
 declare function createCanvasElement(): HTMLCanvasElement;
 declare function applyCanvasTransform(ctx: CanvasRenderingContext2D, matrix: Matrix2D, dpr: number): void;
-interface InheritedCollections<T = object> {
-    name: string;
-    fn: (instance: T) => void;
-}
-type MixinHelp<T extends InheritedCollections[]> = T extends [infer L, ...infer R] ? L extends InheritedCollections ? R extends InheritedCollections[] ? {
-    [key in L['name']]: L['fn'];
-} & MixinHelp<R> : Record<string, never> : Record<string, never> : Record<string, never>;
-declare function mixin<T extends AnyObject, const I extends InheritedCollections<T>[]>(app: T, methods: I): T & MixinHelp<I>;
 interface InheritedCollectionsWithParamter<T = Any> {
     name: string;
     fn: (instance: T) => (...args: Any[]) => Any;
@@ -347,11 +327,7 @@ interface InheritedCollectionsWithParamter<T = Any> {
 type MixinHelpWithParamater<T extends InheritedCollectionsWithParamter[]> = T extends [infer L, ...infer R] ? L extends InheritedCollectionsWithParamter ? R extends InheritedCollectionsWithParamter[] ? {
     [key in L['name']]: ReturnType<L['fn']>;
 } & MixinHelpWithParamater<R> : Record<string, never> : Record<string, never> : Record<string, never>;
-declare function mixinWithParams<T extends AnyObject, const M extends InheritedCollectionsWithParamter<T>[]>(app: T, methods: M): T & MixinHelpWithParamater<M>;
-type Tail<T extends string[]> = T extends readonly [infer _, ...infer Rest] ? Rest : [];
-type StrJoin<T extends string[], F extends string> = T extends readonly [] ? '' : T extends readonly [infer FF] ? FF : `${F}${StrJoin<Tail<T>, T[0]>}`;
-declare function prettyStrJoin<T extends string[]>(...s: T): StrJoin<T, T[0]>;
-declare function isMacOS(): boolean;
+declare function mixin<T extends AnyObject, const M extends InheritedCollectionsWithParamter<T>[]>(app: T, methods: M): T & MixinHelpWithParamater<M>;
 declare function typedForIn<T extends NonNullable<object>>(obj: T, callback: (key: keyof T, value: T[keyof T]) => void): void;
 declare function stackMatrixTransform(graph: S, e: number, f: number, scale: number): void;
 declare function stackMatrixTransformWithGraphAndLayer(graphs: Display[], e: number, f: number, scale: number): void;
@@ -380,15 +356,19 @@ interface PluginContext {
 interface OnModuleInitResult {
     colorMappings?: ColorMappings;
 }
+interface OnLayoutCalculatedResult {
+    layoutNodes?: LayoutModule[];
+}
 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;
+    onLayoutCalculated?: (this: PluginContext, layoutNodes: LayoutModule[], rect: Rect, viewport: Required<GraphicLayout>) => OnLayoutCalculatedResult | void;
     onResize?: (this: PluginContext, domEvent: DOMEvent) => void;
     onDispose?: (this: PluginContext) => void;
 }
 type BasicPluginHooks = Pick<PluginHooks, 'onLoad' | 'onDOMEventTriggered' | 'onResize' | 'onDispose'>;
-type CascadedPluginHooks = Pick<PluginHooks, 'onModuleInit'>;
+type CascadedPluginHooks = Pick<PluginHooks, 'onModuleInit' | 'onLayoutCalculated'>;
 interface Plugin<T = string, M = Any> extends PluginHooks {
     name: T;
     meta?: M;
@@ -405,6 +385,12 @@ declare class PluginDriver<T extends Component> {
 }
 
 type ColorMappings = Record<string, ColorDecoratorResult>;
+interface AABB {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+}
 declare class Component extends Schedule {
     pluginDriver: PluginDriver<Component>;
     data: NativeModule[];
@@ -415,6 +401,20 @@ declare class Component extends Schedule {
     config: GraphicConfig;
     caches: DefaultMap<string, number>;
     constructor(config: GraphicConfig, ...args: ConstructorParameters<typeof Schedule>);
+    clearFontCacheInAABB(aabb: AABB): void;
+    private getModulesInAABB;
+    getViewportAABB(matrixE: number, matrixF: number, scale: number): AABB;
+    private getAABBUnion;
+    handleTransformCacheInvalidation(oldMatrix: {
+        e: number;
+        f: number;
+        a: number;
+    }, newMatrix: {
+        e: number;
+        f: number;
+        a: number;
+    }): void;
+    private isAABBIntersecting;
     private drawBroundRect;
     private drawText;
     draw(flush?: boolean, update?: boolean): void;
@@ -435,22 +435,21 @@ interface PrimitiveEventMetadata<T extends keyof HTMLElementEventMap> {
 }
 type ExposedEventCallback<T extends DOMEventType> = (metadata: PrimitiveEventMetadata<T>) => void;
 type ExposedEventDefinition = {
-    [K in DOMEventType]: BindThisParameter<ExposedEventCallback<K>, TreemapInstanceAPI>;
+    [K in DOMEventType]: BindThisParameter<ExposedEventCallback<K>, AnyObject>;
 };
-interface ExposedEventMethods<C = TreemapInstanceAPI, D = ExposedEventDefinition> {
-    on<Evt extends keyof D>(evt: Evt, handler: BindThisParameter<D[Evt], unknown extends C ? this : C>): void;
+interface ExposedEventMethods<C = AnyObject, D = ExposedEventDefinition> {
+    on<Evt extends keyof D | (string & {})>(evt: Evt, handler: BindThisParameter<Evt extends keyof D ? D[Evt] : Any, unknown extends C ? this : C>): void;
     off<Evt extends keyof D>(evt: keyof D, handler?: BindThisParameter<D[Evt], unknown extends C ? this : C>): void;
 }
-type DOMEVEntDefinition<API = unknown> = {
-    [K in DOMEventType]: BindThisParameter<DOMEventCallback<K>, API>;
+type DOMEVEntDefinition = {
+    [K in DOMEventType]: BindThisParameter<DOMEventCallback<K>, unknown>;
 } & {
-    __exposed__: (type: DOMEventType, metadata: PrimitiveEventMetadata<DOMEventType>) => void;
+    __exposed__: <D extends DOMEventType | (string & {})>(type: D, metadata: D extends DOMEventType ? PrimitiveEventMetadata<D> : Any) => void;
 };
 declare const STATE_TRANSITION: {
     readonly IDLE: "IDLE";
     readonly PRESSED: "PRESSED";
     readonly DRAGGING: "DRAGGING";
-    readonly CLICK_POTENTIAL: "CLICK_POTENTIAL";
     readonly ZOOMING: "ZOOMING";
     readonly MOVE: "MOVE";
     readonly SCALING: "SCALING";
@@ -511,11 +510,11 @@ declare function createTreemap<const P extends readonly Plugin[]>(options?: Crea
     resize: () => void;
     setOptions: (options: TreemapOptions) => void;
 } & {
-    on: () => (evt: string, handler: (this: TreemapInstanceAPI, ...args: any[]) => any) => void;
+    on: (evt: any, handler: (this: Event<DefaultEventDefinition>, ...args: any[]) => any, c?: any) => void;
 } & {
-    off: () => (evt: string, handler?: ((this: unknown, ...args: any[]) => any) | undefined) => void;
+    off: (evt: string, handler?: ((this: unknown, ...args: any[]) => any) | undefined) => void;
 } & Record<string, never>) & BasicTreemapInstance & ExposedEventMethods & PluginMixins<P>;
 type TreemapInstance<P extends readonly Plugin[]> = BasicTreemapInstance & ExposedEventMethods & PluginMixins<P>;
 
-export { smoothFrame as $, perferNumeric as A, noop as F, createRoundBlock as H, createTitleText as I, raf as J, createCanvasElement as K, applyCanvasTransform as O, mixin as R, mixinWithParams as V, prettyStrJoin as W, isMacOS as X, typedForIn as Y, stackMatrixTransform as Z, stackMatrixTransformWithGraphAndLayer as _, isScrollWheelOrRightButtonOnMouseupAndDown as a0, DefaultMap as a1, 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 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, PluginContext as P, InheritedCollections as Q, Series as S, TreemapOptions as T, InheritedCollectionsWithParamter as U, 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, TreemapInstanceAPI as y };
+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 };

package/dist/index.d.mts

@@ -1 +1 @@
-export { B as BasicTreemapInstance, c as CreateTreemapOptions, D as DOMEventType, a1 as DefaultMap, E as ExposedEventCallback, n as ExposedEventDefinition, o as ExposedEventMethods, x as GraphicConfig, w as GraphicFont, G as GraphicLayout, Q as InheritedCollections, U 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, y as TreemapInstanceAPI, T as TreemapOptions, O as applyCanvasTransform, f as c2m, K as createCanvasElement, H as createRoundBlock, I as createTitleText, d as createTreemap, m as definePlugin, g as findRelativeNode, h as findRelativeNodeById, i as flattenModule, j as getNodeDepth, z as hashCode, q as isClickEvent, r as isContextMenuEvent, X as isMacOS, t as isMouseEvent, a0 as isScrollWheelOrRightButtonOnMouseupAndDown, u as isWheelEvent, R as mixin, V as mixinWithParams, F as noop, A as perferNumeric, W as prettyStrJoin, J as raf, $ as smoothFrame, s as sortChildrenByKey, Z as stackMatrixTransform, _ as stackMatrixTransformWithGraphAndLayer, Y as typedForIn, v as visit } from './index-Dskgz6nc.js';
+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-Bb8ZzMCD.js';

package/dist/index.d.ts

@@ -1 +1 @@
-export { B as BasicTreemapInstance, c as CreateTreemapOptions, D as DOMEventType, a1 as DefaultMap, E as ExposedEventCallback, n as ExposedEventDefinition, o as ExposedEventMethods, x as GraphicConfig, w as GraphicFont, G as GraphicLayout, Q as InheritedCollections, U 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, y as TreemapInstanceAPI, T as TreemapOptions, O as applyCanvasTransform, f as c2m, K as createCanvasElement, H as createRoundBlock, I as createTitleText, d as createTreemap, m as definePlugin, g as findRelativeNode, h as findRelativeNodeById, i as flattenModule, j as getNodeDepth, z as hashCode, q as isClickEvent, r as isContextMenuEvent, X as isMacOS, t as isMouseEvent, a0 as isScrollWheelOrRightButtonOnMouseupAndDown, u as isWheelEvent, R as mixin, V as mixinWithParams, F as noop, A as perferNumeric, W as prettyStrJoin, J as raf, $ as smoothFrame, s as sortChildrenByKey, Z as stackMatrixTransform, _ as stackMatrixTransformWithGraphAndLayer, Y as typedForIn, v as visit } from './index-Dskgz6nc.js';
+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-Bb8ZzMCD.js';

package/dist/index.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var domEvent = require('./dom-event-Dz0I7Z12.js');
+var domEvent = require('./dom-event-CxIxc4YC.js');
 
 function createTreemap(// @ts-expect-error todo fix
 options) {
@@ -13,9 +13,6 @@ options) {
     if (!Array.isArray(plugins)) {
         domEvent.logger.panic('Plugins should be an array');
     }
-    const api = {
-        zoom: domEvent.noop
-    };
     const ctx = {
         init,
         dispose,
@@ -73,7 +70,7 @@ options) {
     const base = domEvent.mixin(ctx, [
         {
             name: 'on',
-            fn: ()=>exposedEvent.bindWithContext(api)
+            fn: ()=>exposedEvent.on.bind(exposedEvent)
         },
         {
             name: 'off',
@@ -97,15 +94,12 @@ exports.getNodeDepth = domEvent.getNodeDepth;
 exports.hashCode = domEvent.hashCode;
 exports.isClickEvent = domEvent.isClickEvent;
 exports.isContextMenuEvent = domEvent.isContextMenuEvent;
-exports.isMacOS = domEvent.isMacOS;
 exports.isMouseEvent = domEvent.isMouseEvent;
 exports.isScrollWheelOrRightButtonOnMouseupAndDown = domEvent.isScrollWheelOrRightButtonOnMouseupAndDown;
 exports.isWheelEvent = domEvent.isWheelEvent;
 exports.mixin = domEvent.mixin;
-exports.mixinWithParams = domEvent.mixinWithParams;
 exports.noop = domEvent.noop;
 exports.perferNumeric = domEvent.perferNumeric;
-exports.prettyStrJoin = domEvent.prettyStrJoin;
 exports.raf = domEvent.raf;
 exports.smoothFrame = domEvent.smoothFrame;
 exports.sortChildrenByKey = domEvent.sortChildrenByKey;

package/dist/index.mjs

@@ -1,5 +1,5 @@
-import { l as logger, m as mixin, E as Event, n as noop, a as assertExists, b as bindParentForModule, C as Component, D as DOMEvent } from './dom-event-Bkw3ecGf.mjs';
-export { J 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, p as hashCode, i as isClickEvent, j as isContextMenuEvent, A as isMacOS, k as isMouseEvent, I as isScrollWheelOrRightButtonOnMouseupAndDown, o as isWheelEvent, y as mixinWithParams, q as perferNumeric, z as prettyStrJoin, u as raf, H as smoothFrame, s as sortChildrenByKey, F as stackMatrixTransform, G as stackMatrixTransformWithGraphAndLayer, B as typedForIn, v as visit } from './dom-event-Bkw3ecGf.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-CKb3Ko4-.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-CKb3Ko4-.mjs';
 
 function createTreemap(// @ts-expect-error todo fix
 options) {
@@ -12,9 +12,6 @@ options) {
     if (!Array.isArray(plugins)) {
         logger.panic('Plugins should be an array');
     }
-    const api = {
-        zoom: noop
-    };
     const ctx = {
         init,
         dispose,
@@ -72,7 +69,7 @@ options) {
     const base = mixin(ctx, [
         {
             name: 'on',
-            fn: ()=>exposedEvent.bindWithContext(api)
+            fn: ()=>exposedEvent.on.bind(exposedEvent)
         },
         {
             name: 'off',
@@ -82,4 +79,4 @@ options) {
     return base;
 }
 
-export { createTreemap, mixin, noop };
+export { createTreemap, mixin };

package/dist/plugin.d.mts

@@ -1,4 +1,4 @@
-import { P as PluginContext, D as DOMEventType, a as DOMEventMetadata, L as LayoutModule, b as DOMEvent, C as ColorMappings, B as BasicTreemapInstance } from './index-Dskgz6nc.js';
+import { P as PluginContext, D as DOMEventType, a as DOMEventMetadata, L as LayoutModule, b as DOMEvent, C as ColorMappings, B as BasicTreemapInstance } from './index-Bb8ZzMCD.js';
 
 declare const presetHighlightPlugin: {
     name: "treemap:preset-highlight";