@krainovsd/graph 0.14.0-beta.6 → 0.14.0-beta.8

package/lib/cjs/index.cjs

@@ -1322,6 +1322,7 @@ function initArea() {
         if (!this.context)
             throw new Error("couldn't create canvas context");
         this.context.scale(this.dpi, this.dpi);
+        this.updateRect();
     }
 }
 
@@ -2163,7 +2164,7 @@ function initPointer() {
             this.area.style.cursor = "default";
         }
         this.animateHighlight(highlightNode ? currentNode : undefined, highlightLink ? currentLink : undefined);
-        if (!this.listeners.onMove)
+        if (!this.listeners.onHover)
             return;
         if (!currentNode && !checkHighlightNode) {
             const [pointerX, pointerY] = this.getPointerAreaPosition(event);
@@ -2183,8 +2184,7 @@ function initPointer() {
                 curve: this.linkSettings.curve,
             });
         }
-        if (!currentNode)
-            return void this.listeners.onMove.call(this, event, currentNode, currentLink);
+        this.listeners.onHover.call(this, event, currentNode, currentLink);
     }
     function onWheelClick(event) {
         if (this.isDragging ||
@@ -2327,8 +2327,20 @@ function initResize() {
         signal: abortController.signal,
     });
     document.addEventListener("visibilitychange", () => {
-        if (!document.hidden)
+        if (document.hidden) {
+            this.highlightController?.abort();
+            this.highlightedNode = null;
+            this.highlightedLink = null;
+            this.highlightedNeighbors = null;
+            this.highlightProgress = 0;
+            this.highlightStart = null;
+            this.highlightPositive = false;
+            return;
+        }
+        this.updateSize();
+        requestAnimationFrame(() => {
             this.updateSize();
+        });
     }, { signal: abortController.signal });
     observer.observe(this.area);
 }
@@ -3371,7 +3383,7 @@ class GraphCanvas {
             if (controller.signal.aborted)
                 return;
             const elapsed = performance.now() - startTime;
-            const t = Math.min(elapsed / duration, 1);
+            const t = duration === 0 ? 1 : Math.min(elapsed / duration, 1);
             const current = startProgress + delta * t;
             const eased = current < 0.5 ? 4 * current * current * current : 1 - (-2 * current + 2) ** 3 / 2;
             this.highlightProgress = eased;