squarified 0.1.0 → 0.1.1

package/dist/index.d.ts

@@ -222,6 +222,13 @@ type NativeModule = ReturnType<typeof bindParentForModule>[number] & {
     parent: NativeModule;
     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 findRelativeNode(c: HTMLCanvasElement, p: {
+    x: number;
+    y: number;
+}, layoutNodes: LayoutModule[]): LayoutModule | null;
+declare function findRelativeNodeById(id: string, layoutNodes: LayoutModule[]): LayoutModule | null;
 
 type LayoutModule = {
     node: NativeModule;
@@ -260,6 +267,7 @@ interface App {
     setOptions: (options: TreemapOptions) => void;
     resize: () => void;
     use: (using: Using, register: (app: TreemapLayout) => void) => void;
+    zoom: (id: string) => void;
 }
 declare class Schedule extends etoile.Schedule {
 }
@@ -280,4 +288,4 @@ declare class TreemapLayout extends Schedule {
 declare function createTreemap(): App & EventMethods;
 type TreemapInstanceAPI = TreemapLayout['api'];
 
-export { type App, type ColorMappings, type Rect, type RenderColor, type RenderDecorator, type RenderFont, type RenderLayout, type Series, type TreemapInstanceAPI, c2m, createTreemap, defaultFontOptions, defaultLayoutOptions, flatten as flattenModule, presetDecorator, sortChildrenByKey };
+export { type App, type ColorMappings, type EventMethods, type LayoutModule, type Module, type NativeModule, type PrimitiveEvent, type PrimitiveEventCallback, type PrimitiveEventDefinition, type PrimitiveEventMetadata, type Rect, type RenderColor, type RenderDecorator, type RenderFont, type RenderLayout, type Series, type TreemapInstanceAPI, TreemapLayout, type TreemapOptions, c2m, createTreemap, defaultFontOptions, defaultLayoutOptions, findRelativeNode, findRelativeNodeById, flatten as flattenModule, getNodeDepth, presetDecorator, sortChildrenByKey, visit };

package/dist/index.js

@@ -1082,9 +1082,6 @@ function onZoom(ctx, node, root) {
         const startTime = Date.now();
         const animationDuration = 300;
         const draw = ()=>{
-            if (self.forceDestroy) {
-                return;
-            }
             const elapsed = Date.now() - startTime;
             const progress = Math.min(elapsed / animationDuration, 1);
             const easedProgress = easing.cubicInOut(progress);
@@ -1301,13 +1298,15 @@ class TreemapLayout extends Schedule {
 function createTreemap() {
     let treemap = null;
     let root = null;
+    let installed = false;
     const uses = [];
     const context = {
         init,
         dispose,
         setOptions,
         resize,
-        use
+        use,
+        zoom
     };
     function init(el) {
         treemap = new TreemapLayout(el);
@@ -1338,8 +1337,11 @@ function createTreemap() {
             throw new Error('Treemap not initialized');
         }
         treemap.data = bindParentForModule(options.data || []);
-        for (const registry of defaultRegistries){
-            registry(context, treemap, treemap.render);
+        if (!installed) {
+            for (const registry of defaultRegistries){
+                registry(context, treemap, treemap.render);
+            }
+            installed = true;
         }
         for (const use of uses){
             use(treemap);
@@ -1353,6 +1355,13 @@ function createTreemap() {
                 break;
         }
     }
+    function zoom(id) {
+        if (!treemap) {
+            throw new Error("treemap don't init.");
+        }
+        const node = findRelativeNodeById(id, treemap.layoutNodes);
+        node && treemap.api.zoom(node);
+    }
     return context;
 }
 
@@ -1429,10 +1438,15 @@ function colorMappings(app) {
     };
 }
 
+exports.TreemapLayout = TreemapLayout;
 exports.c2m = c2m;
 exports.createTreemap = createTreemap;
 exports.defaultFontOptions = defaultFontOptions;
 exports.defaultLayoutOptions = defaultLayoutOptions;
+exports.findRelativeNode = findRelativeNode;
+exports.findRelativeNodeById = findRelativeNodeById;
 exports.flattenModule = flatten;
+exports.getNodeDepth = getNodeDepth;
 exports.presetDecorator = presetDecorator;
 exports.sortChildrenByKey = sortChildrenByKey;
+exports.visit = visit;

package/dist/index.mjs

@@ -1080,9 +1080,6 @@ function onZoom(ctx, node, root) {
         const startTime = Date.now();
         const animationDuration = 300;
         const draw = ()=>{
-            if (self.forceDestroy) {
-                return;
-            }
             const elapsed = Date.now() - startTime;
             const progress = Math.min(elapsed / animationDuration, 1);
             const easedProgress = easing.cubicInOut(progress);
@@ -1299,13 +1296,15 @@ class TreemapLayout extends Schedule {
 function createTreemap() {
     let treemap = null;
     let root = null;
+    let installed = false;
     const uses = [];
     const context = {
         init,
         dispose,
         setOptions,
         resize,
-        use
+        use,
+        zoom
     };
     function init(el) {
         treemap = new TreemapLayout(el);
@@ -1336,8 +1335,11 @@ function createTreemap() {
             throw new Error('Treemap not initialized');
         }
         treemap.data = bindParentForModule(options.data || []);
-        for (const registry of defaultRegistries){
-            registry(context, treemap, treemap.render);
+        if (!installed) {
+            for (const registry of defaultRegistries){
+                registry(context, treemap, treemap.render);
+            }
+            installed = true;
         }
         for (const use of uses){
             use(treemap);
@@ -1351,6 +1353,13 @@ function createTreemap() {
                 break;
         }
     }
+    function zoom(id) {
+        if (!treemap) {
+            throw new Error("treemap don't init.");
+        }
+        const node = findRelativeNodeById(id, treemap.layoutNodes);
+        node && treemap.api.zoom(node);
+    }
     return context;
 }
 
@@ -1427,4 +1436,4 @@ function colorMappings(app) {
     };
 }
 
-export { c2m, createTreemap, defaultFontOptions, defaultLayoutOptions, flatten as flattenModule, presetDecorator, sortChildrenByKey };
+export { TreemapLayout, c2m, createTreemap, defaultFontOptions, defaultLayoutOptions, findRelativeNode, findRelativeNodeById, flatten as flattenModule, getNodeDepth, presetDecorator, sortChildrenByKey, visit };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "squarified",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "squarified tree map",
   "main": "dist/index.js",
   "module": "dist/index.mjs",