@vectojs/core 0.2.7 → 0.2.9

package/dist/index.js

@@ -3,7 +3,7 @@
 
 
 
-var _chunkBWLNEJJWjs = require('./chunk-BWLNEJJW.js');
+var _chunkXLZDOFSBjs = require('./chunk-XLZDOFSB.js');
 
 
 
@@ -12,7 +12,7 @@ var _chunkBWLNEJJWjs = require('./chunk-BWLNEJJW.js');
 
 
 
-var _chunkGTQRCY6Wjs = require('./chunk-GTQRCY6W.js');
+var _chunkBPMNCGU7js = require('./chunk-BPMNCGU7.js');
 
 
 
@@ -24,7 +24,7 @@ var _chunkGTQRCY6Wjs = require('./chunk-GTQRCY6W.js');
 
 
 
-var _chunkDWMQYHNCjs = require('./chunk-DWMQYHNC.js');
+var _chunkU4UYRERWjs = require('./chunk-U4UYRERW.js');
 
 
 
@@ -41,7 +41,7 @@ var PARTICLE_OFFSET_ORIGIN_X = 4;
 var PARTICLE_OFFSET_ORIGIN_Y = 5;
 var PARTICLE_OFFSET_SIZE = 6;
 var PARTICLE_OFFSET_LIFE = 7;
-var ComputeParticleEntity = (_class = class extends _chunkDWMQYHNCjs.Entity {
+var ComputeParticleEntity = (_class = class extends _chunkU4UYRERWjs.Entity {
   
   
   
@@ -358,50 +358,55 @@ var Scene = (_class2 = class _Scene {
   /** DOM nodes mirroring static text content, keyed by entity id. */
   __init19() {this.contentElements = /* @__PURE__ */ new Map()}
   __init20() {this.contentProjectionEnabled = true}
+  // Animation/interactive flags collected during the render walk (tree-walk
+  // fusion): the loop reads last frame's answers instead of re-walking the
+  // tree up to 4× per tick. Start true so the first tick stays conservative.
+  __init21() {this.frameHadAnimation = true}
+  __init22() {this.frameHadInteractive = true}
   
-  __init21() {this.focusedA11yElement = null}
-  __init22() {this.caretBlinkTimer = null}
-  __init23() {this.a11yNeedsReorder = true}
-  __init24() {this.portalRoot = null}
-  __init25() {this.fullViewportElements = []}
-  __init26() {this.normalElements = []}
-  __init27() {this.activeIds = /* @__PURE__ */ new Set()}
-  __init28() {this.activePortalsThisFrame = /* @__PURE__ */ new Set()}
-  __init29() {this.activePortalsPrevFrame = /* @__PURE__ */ new Set()}
-  __init30() {this.portalEntities = /* @__PURE__ */ new Map()}
-  __init31() {this.renderOrderCounter = 0}
+  __init23() {this.focusedA11yElement = null}
+  __init24() {this.caretBlinkTimer = null}
+  __init25() {this.a11yNeedsReorder = true}
+  __init26() {this.portalRoot = null}
+  __init27() {this.fullViewportElements = []}
+  __init28() {this.normalElements = []}
+  __init29() {this.activeIds = /* @__PURE__ */ new Set()}
+  __init30() {this.activePortalsThisFrame = /* @__PURE__ */ new Set()}
+  __init31() {this.activePortalsPrevFrame = /* @__PURE__ */ new Set()}
+  __init32() {this.portalEntities = /* @__PURE__ */ new Map()}
+  __init33() {this.renderOrderCounter = 0}
   // Optional WebGL point-cloud layer (see SceneOptions.pointBackend).
-  __init32() {this.pointRenderer = null}
-  __init33() {this.glCanvas = null}
+  __init34() {this.pointRenderer = null}
+  __init35() {this.glCanvas = null}
   
   
   
-  __init34() {this.disableWindowResize = false}
+  __init36() {this.disableWindowResize = false}
   // WebGPU properties
-  __init35() {this.destroyed = false}
-  __init36() {this.device = null}
-  __init37() {this.deviceLost = false}
-  __init38() {this.particleBackend = "auto"}
-  __init39() {this._webgpuDisabled = false}
+  __init37() {this.destroyed = false}
+  __init38() {this.device = null}
+  __init39() {this.deviceLost = false}
+  __init40() {this.particleBackend = "auto"}
+  __init41() {this._webgpuDisabled = false}
   get webgpuDisabled() {
     return this._webgpuDisabled || this.particleBackend === "cpu";
   }
   set webgpuDisabled(value) {
     this._webgpuDisabled = value;
   }
-  __init40() {this.recoveryTimerId = null}
-  __init41() {this.manager = null}
-  __init42() {this.initializingWebGPU = false}
-  __init43() {this.gpuCanvas = null}
-  __init44() {this.gpuContext = null}
+  __init42() {this.recoveryTimerId = null}
+  __init43() {this.manager = null}
+  __init44() {this.initializingWebGPU = false}
+  __init45() {this.gpuCanvas = null}
+  __init46() {this.gpuContext = null}
   /** True while the GPU canvas holds a presented particle frame (needs clearing when they leave). */
-  __init45() {this.gpuHasContent = false}
-  __init46() {this.mouseX = -9999}
-  __init47() {this.mouseY = -9999}
-  __init48() {this.pointerMoveListener = null}
-  __init49() {this.pointerLeaveListener = null}
-  __init50() {this.hasWarnedZeroSize = false}
-  constructor(canvas, options = {}) {;_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);_class2.prototype.__init19.call(this);_class2.prototype.__init20.call(this);_class2.prototype.__init21.call(this);_class2.prototype.__init22.call(this);_class2.prototype.__init23.call(this);_class2.prototype.__init24.call(this);_class2.prototype.__init25.call(this);_class2.prototype.__init26.call(this);_class2.prototype.__init27.call(this);_class2.prototype.__init28.call(this);_class2.prototype.__init29.call(this);_class2.prototype.__init30.call(this);_class2.prototype.__init31.call(this);_class2.prototype.__init32.call(this);_class2.prototype.__init33.call(this);_class2.prototype.__init34.call(this);_class2.prototype.__init35.call(this);_class2.prototype.__init36.call(this);_class2.prototype.__init37.call(this);_class2.prototype.__init38.call(this);_class2.prototype.__init39.call(this);_class2.prototype.__init40.call(this);_class2.prototype.__init41.call(this);_class2.prototype.__init42.call(this);_class2.prototype.__init43.call(this);_class2.prototype.__init44.call(this);_class2.prototype.__init45.call(this);_class2.prototype.__init46.call(this);_class2.prototype.__init47.call(this);_class2.prototype.__init48.call(this);_class2.prototype.__init49.call(this);_class2.prototype.__init50.call(this);
+  __init47() {this.gpuHasContent = false}
+  __init48() {this.mouseX = -9999}
+  __init49() {this.mouseY = -9999}
+  __init50() {this.pointerMoveListener = null}
+  __init51() {this.pointerLeaveListener = null}
+  __init52() {this.hasWarnedZeroSize = false}
+  constructor(canvas, options = {}) {;_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);_class2.prototype.__init19.call(this);_class2.prototype.__init20.call(this);_class2.prototype.__init21.call(this);_class2.prototype.__init22.call(this);_class2.prototype.__init23.call(this);_class2.prototype.__init24.call(this);_class2.prototype.__init25.call(this);_class2.prototype.__init26.call(this);_class2.prototype.__init27.call(this);_class2.prototype.__init28.call(this);_class2.prototype.__init29.call(this);_class2.prototype.__init30.call(this);_class2.prototype.__init31.call(this);_class2.prototype.__init32.call(this);_class2.prototype.__init33.call(this);_class2.prototype.__init34.call(this);_class2.prototype.__init35.call(this);_class2.prototype.__init36.call(this);_class2.prototype.__init37.call(this);_class2.prototype.__init38.call(this);_class2.prototype.__init39.call(this);_class2.prototype.__init40.call(this);_class2.prototype.__init41.call(this);_class2.prototype.__init42.call(this);_class2.prototype.__init43.call(this);_class2.prototype.__init44.call(this);_class2.prototype.__init45.call(this);_class2.prototype.__init46.call(this);_class2.prototype.__init47.call(this);_class2.prototype.__init48.call(this);_class2.prototype.__init49.call(this);_class2.prototype.__init50.call(this);_class2.prototype.__init51.call(this);_class2.prototype.__init52.call(this);
     this.canvas = canvas;
     this.debugA11y = _nullishCoalesce(options.debugA11y, () => ( false));
     this.disableWindowResize = _nullishCoalesce(options.disableWindowResize, () => ( false));
@@ -423,7 +428,7 @@ var Scene = (_class2 = class _Scene {
     this.a11ySyncInterval = _nullishCoalesce(options.a11ySyncInterval, () => ( 0));
     this.contentProjectionEnabled = _nullishCoalesce(options.contentProjection, () => ( true));
     this.reducedMotionQuery = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
-    this.root = new class RootEntity extends _chunkDWMQYHNCjs.Entity {
+    this.root = new class RootEntity extends _chunkU4UYRERWjs.Entity {
       isPointInside() {
         return false;
       }
@@ -432,7 +437,7 @@ var Scene = (_class2 = class _Scene {
       }
     }("root");
     this.root._scene = this;
-    this.overlayRoot = new class OverlayRoot extends _chunkDWMQYHNCjs.Entity {
+    this.overlayRoot = new class OverlayRoot extends _chunkU4UYRERWjs.Entity {
       isPointInside() {
         return false;
       }
@@ -443,7 +448,7 @@ var Scene = (_class2 = class _Scene {
     if (options.renderer) {
       this.renderer = options.renderer;
     } else {
-      this.renderer = new (0, _chunkGTQRCY6Wjs.CanvasRenderer)(
+      this.renderer = new (0, _chunkBPMNCGU7js.CanvasRenderer)(
         canvas,
         this.disableWindowResize ? { width: this.width, height: this.height } : void 0
       );
@@ -711,6 +716,18 @@ var Scene = (_class2 = class _Scene {
    * Essential for deterministic rendering (e.g. video export).
    * Note: You should call `scene.stop()` before using this to avoid conflict with the rAF loop.
    */
+  /**
+   * The scene-graph root entity. Exposed read-only for tooling — the devtools
+   * inspector walks it to build the Virtual Math Tree view. Mutate the graph
+   * through {@link add}/{@link remove}, not by editing this node directly.
+   */
+  get rootEntity() {
+    return this.root;
+  }
+  /** The overlay layer root (see {@link showOverlay}), read-only for tooling. */
+  get overlayRootEntity() {
+    return this.overlayRoot;
+  }
   step(dt) {
     const time = this.lastTime + dt;
     this.lastTime = time;
@@ -727,21 +744,7 @@ var Scene = (_class2 = class _Scene {
     this.dirty = true;
   }
   /** True when any node in the subtree has a pending animation. */
-  hasAnyPendingAnimation(node) {
-    if (node.hasPendingAnimations()) return true;
-    for (const child of node.children) {
-      if (this.hasAnyPendingAnimation(child)) return true;
-    }
-    return false;
-  }
   /** True when any node in the subtree is interactive (drives a11y sync). */
-  hasAnyInteractive(node) {
-    if (node.interactive) return true;
-    for (const child of node.children) {
-      if (this.hasAnyInteractive(child)) return true;
-    }
-    return false;
-  }
   syncA11y(node) {
     if (!this.a11yRoot) return;
     if (node.isDOMPortal) {
@@ -787,42 +790,42 @@ var Scene = (_class2 = class _Scene {
           el.style.background = "transparent";
         }
         el.addEventListener("click", (e) => {
-          node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("click", node, e));
+          node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("click", node, e));
         });
         el.addEventListener("mouseenter", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.2)";
-          node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("hover", node, e, false));
+          node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("hover", node, e, false));
         });
         el.addEventListener("mouseleave", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.05)";
-          node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("pointerleave", node, e, false));
+          node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("pointerleave", node, e, false));
         });
         const capEl = el;
         el.addEventListener("pointerdown", (e) => {
           if (typeof capEl.setPointerCapture === "function") capEl.setPointerCapture(e.pointerId);
-          node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("pointerdown", node, e));
+          node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("pointerdown", node, e));
         });
         el.addEventListener("pointerup", (e) => {
           if (typeof capEl.releasePointerCapture === "function")
             capEl.releasePointerCapture(e.pointerId);
-          node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("pointerup", node, e));
+          node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("pointerup", node, e));
         });
         el.addEventListener(
           "pointermove",
-          (e) => node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("pointermove", node, e))
+          (e) => node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("pointermove", node, e))
         );
         el.addEventListener(
           "wheel",
           (e) => {
-            node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("wheel", node, e));
+            node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("wheel", node, e));
           },
           { passive: false }
         );
         el.addEventListener("keydown", (e) => {
-          node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("keydown", node, e));
+          node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("keydown", node, e));
         });
         el.addEventListener("keyup", (e) => {
-          node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("keyup", node, e));
+          node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("keyup", node, e));
         });
         if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
           const input = el;
@@ -895,7 +898,7 @@ var Scene = (_class2 = class _Scene {
           el.addEventListener("keydown", (e) => {
             if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
-              node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("click", node, e));
+              node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("click", node, e));
             }
           });
         }
@@ -920,7 +923,7 @@ var Scene = (_class2 = class _Scene {
         if (el.placeholder !== attrs.placeholder) el.placeholder = attrs.placeholder;
       }
       if (attrs.href !== void 0 && el instanceof HTMLAnchorElement) {
-        const safeHref = _chunkGTQRCY6Wjs.sanitizeUrl.call(void 0, attrs.href);
+        const safeHref = _chunkBPMNCGU7js.sanitizeUrl.call(void 0, attrs.href);
         if (el.getAttribute("href") !== safeHref) el.setAttribute("href", safeHref);
       }
       if (el instanceof HTMLImageElement) {
@@ -1029,7 +1032,7 @@ var Scene = (_class2 = class _Scene {
       el.addEventListener(
         "wheel",
         (e2) => {
-          node.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)("wheel", node, e2));
+          node.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)("wheel", node, e2));
         },
         { passive: false }
       );
@@ -1276,7 +1279,7 @@ var Scene = (_class2 = class _Scene {
   loop(time) {
     if (!this.isRunning) return;
     let cap = this.effectiveMaxFPS();
-    const isIdle = !this.dirty && !this.hasAnyPendingAnimation(this.root) && !this.hasAnyPendingAnimation(this.overlayRoot);
+    const isIdle = !this.dirty && !this.frameHadAnimation;
     if (isIdle && this.autoThrottle && this.renderMode === "always" && this.maxFPS > 0) {
       cap = Math.min(cap, 2);
     }
@@ -1292,8 +1295,8 @@ var Scene = (_class2 = class _Scene {
     }
     this.dirty = false;
     this.render(this.renderer, dt, time);
-    const hasActiveAnimation = this.hasAnyPendingAnimation(this.root) || this.hasAnyPendingAnimation(this.overlayRoot);
-    const hasInteractive = this.hasAnyInteractive(this.root) || this.hasAnyInteractive(this.overlayRoot);
+    const hasActiveAnimation = this.frameHadAnimation;
+    const hasInteractive = this.frameHadInteractive;
     const wantsContentSync = this.contentProjectionEnabled;
     const shouldSyncInterval = this.a11ySyncInterval <= 0 || time - this.lastA11ySync >= this.a11ySyncInterval;
     if ((hasInteractive || this.a11yElements.size > 0 || wantsContentSync) && (shouldSyncInterval || this.a11yPendingSyncAfterAnimation)) {
@@ -1450,8 +1453,14 @@ var Scene = (_class2 = class _Scene {
     }
     const vw = this.width;
     const vh = this.height;
+    let walkHadAnimation = false;
+    let walkHadInteractive = false;
     const renderNode = (node, pa, pb, pc, pd, pe, pf, parentOpacity) => {
-      if (isMainRenderer) node.update(dt, time);
+      if (isMainRenderer) {
+        node.update(dt, time);
+        if (!walkHadAnimation && node.hasPendingAnimations()) walkHadAnimation = true;
+        if (!walkHadInteractive && node.interactive) walkHadInteractive = true;
+      }
       const cos = Math.cos(node.rotation);
       const sin = Math.sin(node.rotation);
       const te = pa * node.x + pc * node.y + pe;
@@ -1571,7 +1580,11 @@ var Scene = (_class2 = class _Scene {
     for (const overlay of this.overlayRoot.children) {
       renderNode(overlay, 1, 0, 0, 1, 0, 0, 1);
     }
-    if (isMainRenderer) this.reconcilePortals();
+    if (isMainRenderer) {
+      this.frameHadAnimation = walkHadAnimation;
+      this.frameHadInteractive = walkHadInteractive;
+      this.reconcilePortals();
+    }
     renderer.flush();
     if (isMainRenderer) {
       _optionalChain([this, 'access', _64 => _64.pointRenderer, 'optionalAccess', _65 => _65.flush, 'call', _66 => _66()]);
@@ -1582,7 +1595,7 @@ var Scene = (_class2 = class _Scene {
    * Export the current scene state to a lightweight, flat SVG XML string.
    */
   toSVG() {
-    const renderer = new (0, _chunkGTQRCY6Wjs.SVGRenderer)(this.width, this.height);
+    const renderer = new (0, _chunkBPMNCGU7js.SVGRenderer)(this.width, this.height);
     this.render(renderer, 0, 0);
     return renderer.toXMLString();
   }
@@ -1776,27 +1789,27 @@ var Scene = (_class2 = class _Scene {
 // src/components/TextEntity.ts
 var sharedMeasurer;
 function defaultMeasurer() {
-  if (sharedMeasurer === void 0) sharedMeasurer = _chunkBWLNEJJWjs.createCanvasMeasurer.call(void 0, "sans-serif");
+  if (sharedMeasurer === void 0) sharedMeasurer = _chunkXLZDOFSBjs.createCanvasMeasurer.call(void 0, "sans-serif");
   return sharedMeasurer;
 }
-var TextEntity = (_class3 = class extends _chunkDWMQYHNCjs.Entity {
+var TextEntity = (_class3 = class extends _chunkU4UYRERWjs.Entity {
   
   
   
   
-  __init51() {this.nodes = []}
+  __init53() {this.nodes = []}
   
-  __init52() {this.fillStyle = "#94a3b8"}
-  __init53() {this.strokeStyle = null}
-  __init54() {this.hoveredFillStyle = "#ffffff"}
-  __init55() {this.lineWidth = 1}
-  __init56() {this.isHovered = false}
+  __init54() {this.fillStyle = "#94a3b8"}
+  __init55() {this.strokeStyle = null}
+  __init56() {this.hoveredFillStyle = "#ffffff"}
+  __init57() {this.lineWidth = 1}
+  __init58() {this.isHovered = false}
   constructor(text, atlas, maxWidth, fontSize = 24) {
-    super();_class3.prototype.__init51.call(this);_class3.prototype.__init52.call(this);_class3.prototype.__init53.call(this);_class3.prototype.__init54.call(this);_class3.prototype.__init55.call(this);_class3.prototype.__init56.call(this);;
+    super();_class3.prototype.__init53.call(this);_class3.prototype.__init54.call(this);_class3.prototype.__init55.call(this);_class3.prototype.__init56.call(this);_class3.prototype.__init57.call(this);_class3.prototype.__init58.call(this);;
     this.text = text;
     this.atlas = atlas;
     this.fontSize = fontSize;
-    this.layout = new (0, _chunkBWLNEJJWjs.LayoutEngine)(maxWidth, 1e4, defaultMeasurer());
+    this.layout = new (0, _chunkXLZDOFSBjs.LayoutEngine)(maxWidth, 1e4, defaultMeasurer());
     this.prepared = this.layout.prepare(this.text, this.atlas, this.fontSize);
     this.applyLayout();
     this.interactive = true;
@@ -1835,6 +1848,26 @@ var TextEntity = (_class3 = class extends _chunkDWMQYHNCjs.Entity {
     this.applyLayout();
     return this;
   }
+  /**
+   * Set horizontal alignment (`'justify'` stretches wrapped lines flush to
+   * the wrap width; the last line stays ragged) and reflow.
+   */
+  setTextAlign(align) {
+    this.layout.textAlign = align;
+    this.applyLayout();
+    return this;
+  }
+  /**
+   * Plug a hyphenator (word → parts). Break opportunities are baked in during
+   * the cold pass, so this re-prepares the current text. Soft hyphens
+   * (U+00AD) in the text work without one.
+   */
+  setHyphenator(fn) {
+    this.layout.hyphenate = fn;
+    this.prepared = this.layout.prepare(this.text, this.atlas, this.fontSize);
+    this.applyLayout();
+    return this;
+  }
   /** Hot pass: place the cached {@link PreparedText} and refresh the a11y box. */
   applyLayout() {
     const result = this.layout.layoutPrepared(this.prepared);
@@ -1885,17 +1918,17 @@ var TextEntity = (_class3 = class extends _chunkDWMQYHNCjs.Entity {
 }, _class3);
 
 // src/components/GridTextEntity.ts
-var GridTextEntity = (_class4 = class extends _chunkDWMQYHNCjs.Entity {
+var GridTextEntity = (_class4 = class extends _chunkU4UYRERWjs.Entity {
   
-  __init57() {this.fillStyle = "#ffffff"}
-  __init58() {this.grid = []}
+  __init59() {this.fillStyle = "#ffffff"}
+  __init60() {this.grid = []}
   // Array of rows
-  __init59() {this.cols = 0}
-  __init60() {this.rows = 0}
+  __init61() {this.cols = 0}
+  __init62() {this.rows = 0}
   
   
   constructor(_atlas, fontSize = 10) {
-    super();_class4.prototype.__init57.call(this);_class4.prototype.__init58.call(this);_class4.prototype.__init59.call(this);_class4.prototype.__init60.call(this);;
+    super();_class4.prototype.__init59.call(this);_class4.prototype.__init60.call(this);_class4.prototype.__init61.call(this);_class4.prototype.__init62.call(this);;
     this.fontSize = fontSize;
     this.charWidth = fontSize * 1;
     this.charHeight = fontSize * 1.1;
@@ -1979,7 +2012,7 @@ function distSqToSegment(px, py, x1, y1, x2, y2) {
   const ey = py - cy;
   return ex * ex + ey * ey;
 }
-var SplineEntity = (_class5 = class extends _chunkDWMQYHNCjs.Entity {
+var SplineEntity = (_class5 = class extends _chunkU4UYRERWjs.Entity {
   
   
   
@@ -1987,23 +2020,23 @@ var SplineEntity = (_class5 = class extends _chunkDWMQYHNCjs.Entity {
   
   
   
-  __init61() {this.offscreen = null}
-  __init62() {this.baked = false}
+  __init63() {this.offscreen = null}
+  __init64() {this.baked = false}
   /** Logical (CSS-pixel) size of the baked bitmap — the blit destination size. */
-  __init63() {this.bakedWidth = 0}
-  __init64() {this.bakedHeight = 0}
+  __init65() {this.bakedWidth = 0}
+  __init66() {this.bakedHeight = 0}
   /** Gradient strokes can't be baked to a solid-color bitmap; they render per-frame. */
   
   /** Lazily-flattened polylines (one Float32Array of [x,y,...] per segment) for hit-testing. */
-  __init65() {this.polylines = null}
+  __init67() {this.polylines = null}
   /**
    * When `true`, the renderer draws a rounded-rect outline of the entity's
    * local bounds after painting the curves. Useful for drag feedback and
    * debugging hit areas. Defaults to `false`.
    */
-  __init66() {this.showBounds = false}
+  __init68() {this.showBounds = false}
   constructor(doc, opts = {}) {
-    super();_class5.prototype.__init61.call(this);_class5.prototype.__init62.call(this);_class5.prototype.__init63.call(this);_class5.prototype.__init64.call(this);_class5.prototype.__init65.call(this);_class5.prototype.__init66.call(this);;
+    super();_class5.prototype.__init63.call(this);_class5.prototype.__init64.call(this);_class5.prototype.__init65.call(this);_class5.prototype.__init66.call(this);_class5.prototype.__init67.call(this);_class5.prototype.__init68.call(this);;
     this.doc = doc;
     this.lineWidth = _nullishCoalesce(opts.lineWidth, () => ( 2));
     this.cache = _nullishCoalesce(opts.cache, () => ( true));
@@ -2256,9 +2289,9 @@ async function loadSpline(url) {
 // src/math/SpatialHashGrid.ts
 var SpatialHashGrid = (_class6 = class {
   
-  __init67() {this.grid = /* @__PURE__ */ new Map()}
-  __init68() {this.entityCells = /* @__PURE__ */ new Map()}
-  constructor(cellSize = 64) {;_class6.prototype.__init67.call(this);_class6.prototype.__init68.call(this);
+  __init69() {this.grid = /* @__PURE__ */ new Map()}
+  __init70() {this.entityCells = /* @__PURE__ */ new Map()}
+  constructor(cellSize = 64) {;_class6.prototype.__init69.call(this);_class6.prototype.__init70.call(this);
     this.cellSize = cellSize;
   }
   hash(cx, cy) {
@@ -2348,20 +2381,20 @@ var SpatialHashGrid = (_class6 = class {
 }, _class6);
 
 // src/tree/DOMPortalEntity.ts
-var DOMPortalEntity = (_class7 = class extends _chunkDWMQYHNCjs.Entity {
+var DOMPortalEntity = (_class7 = class extends _chunkU4UYRERWjs.Entity {
   
-  __init69() {this.isDOMPortal = true}
-  __init70() {this.domListeners = []}
-  __init71() {this.resizeObserver = null}
-  __init72() {this.cachedWidth = 100}
-  __init73() {this.cachedHeight = 100}
-  __init74() {this.lastWidth = ""}
-  __init75() {this.lastHeight = ""}
-  __init76() {this.lastTransform = ""}
-  __init77() {this.lastZIndex = ""}
-  __init78() {this.lastOpacity = ""}
+  __init71() {this.isDOMPortal = true}
+  __init72() {this.domListeners = []}
+  __init73() {this.resizeObserver = null}
+  __init74() {this.cachedWidth = 100}
+  __init75() {this.cachedHeight = 100}
+  __init76() {this.lastWidth = ""}
+  __init77() {this.lastHeight = ""}
+  __init78() {this.lastTransform = ""}
+  __init79() {this.lastZIndex = ""}
+  __init80() {this.lastOpacity = ""}
   constructor(domElement, width, height, id) {
-    super(id);_class7.prototype.__init69.call(this);_class7.prototype.__init70.call(this);_class7.prototype.__init71.call(this);_class7.prototype.__init72.call(this);_class7.prototype.__init73.call(this);_class7.prototype.__init74.call(this);_class7.prototype.__init75.call(this);_class7.prototype.__init76.call(this);_class7.prototype.__init77.call(this);_class7.prototype.__init78.call(this);;
+    super(id);_class7.prototype.__init71.call(this);_class7.prototype.__init72.call(this);_class7.prototype.__init73.call(this);_class7.prototype.__init74.call(this);_class7.prototype.__init75.call(this);_class7.prototype.__init76.call(this);_class7.prototype.__init77.call(this);_class7.prototype.__init78.call(this);_class7.prototype.__init79.call(this);_class7.prototype.__init80.call(this);;
     this.domElement = domElement;
     this.width = _nullishCoalesce(width, () => ( 0));
     this.height = _nullishCoalesce(height, () => ( 0));
@@ -2383,7 +2416,7 @@ var DOMPortalEntity = (_class7 = class extends _chunkDWMQYHNCjs.Entity {
       const events = ["click", "pointerdown", "pointerup", "pointermove", "wheel"];
       for (const type of events) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)(type, this, e));
+          this.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)(type, this, e));
         };
         this.domElement.addEventListener(type, handler);
         this.domListeners.push({ type, handler, capture: false });
@@ -2394,7 +2427,7 @@ var DOMPortalEntity = (_class7 = class extends _chunkDWMQYHNCjs.Entity {
       ];
       for (const { native, vecto } of hoverEvents) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)(vecto, this, e, false));
+          this.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)(vecto, this, e, false));
         };
         this.domElement.addEventListener(native, handler);
         this.domListeners.push({ type: native, handler, capture: false });
@@ -2402,7 +2435,7 @@ var DOMPortalEntity = (_class7 = class extends _chunkDWMQYHNCjs.Entity {
       const focusEvents = ["focus", "blur"];
       for (const type of focusEvents) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunkDWMQYHNCjs.VectoJSEvent)(type, this, e, true));
+          this.dispatchEvent(new (0, _chunkU4UYRERWjs.VectoJSEvent)(type, this, e, true));
         };
         this.domElement.addEventListener(type, handler, true);
         this.domListeners.push({ type, handler, capture: true });
@@ -2441,8 +2474,8 @@ var DOMPortalEntity = (_class7 = class extends _chunkDWMQYHNCjs.Entity {
 }, _class7);
 
 // src/index.ts
-Scene.registerWebGLPointRendererCreator(_chunkGTQRCY6Wjs.createWebGLPointRenderer);
-Scene.registerWebGPUParticleSystemManager(_chunkGTQRCY6Wjs.WebGPUParticleSystemManager);
+Scene.registerWebGLPointRendererCreator(_chunkBPMNCGU7js.createWebGLPointRenderer);
+Scene.registerWebGPUParticleSystemManager(_chunkBPMNCGU7js.WebGPUParticleSystemManager);
 
 
 
@@ -2487,4 +2520,4 @@ Scene.registerWebGPUParticleSystemManager(_chunkGTQRCY6Wjs.WebGPUParticleSystemM
 
 
 
-exports.ArabicShaper = _chunkCTZQOM5Zjs.ArabicShaper; exports.BidiResolver = _chunkCTZQOM5Zjs.BidiResolver; exports.CanvasRenderer = _chunkGTQRCY6Wjs.CanvasRenderer; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DOMPortalEntity = DOMPortalEntity; exports.Easing = _chunkDWMQYHNCjs.Easing; exports.Entity = _chunkDWMQYHNCjs.Entity; exports.GridTextEntity = GridTextEntity; exports.LayoutEngine = _chunkBWLNEJJWjs.LayoutEngine; exports.LayoutResultBuffer = _chunkBWLNEJJWjs.LayoutResultBuffer; exports.LayoutWorkerManager = _chunkCTZQOM5Zjs.LayoutWorkerManager; exports.MSDFFont = _chunkDWMQYHNCjs.MSDFFont; exports.MSDFTextEntity = _chunkDWMQYHNCjs.MSDFTextEntity; exports.PARTICLE_OFFSET_LIFE = PARTICLE_OFFSET_LIFE; exports.PARTICLE_OFFSET_ORIGIN_X = PARTICLE_OFFSET_ORIGIN_X; exports.PARTICLE_OFFSET_ORIGIN_Y = PARTICLE_OFFSET_ORIGIN_Y; exports.PARTICLE_OFFSET_POSITION_X = PARTICLE_OFFSET_POSITION_X; exports.PARTICLE_OFFSET_POSITION_Y = PARTICLE_OFFSET_POSITION_Y; exports.PARTICLE_OFFSET_SIZE = PARTICLE_OFFSET_SIZE; exports.PARTICLE_OFFSET_VELOCITY_X = PARTICLE_OFFSET_VELOCITY_X; exports.PARTICLE_OFFSET_VELOCITY_Y = PARTICLE_OFFSET_VELOCITY_Y; exports.PARTICLE_STRIDE_FLOATS = PARTICLE_STRIDE_FLOATS; exports.REDUCED_MOTION_FPS = REDUCED_MOTION_FPS; exports.SVGEntity = _chunkDWMQYHNCjs.SVGEntity; exports.SVGRenderer = _chunkGTQRCY6Wjs.SVGRenderer; exports.Scene = Scene; exports.SpatialHashGrid = SpatialHashGrid; exports.SplineEntity = SplineEntity; exports.SpringDriver = _chunkDWMQYHNCjs.SpringDriver; exports.SpringPhysics = _chunkDWMQYHNCjs.SpringPhysics; exports.TextEntity = TextEntity; exports.TweenDriver = _chunkDWMQYHNCjs.TweenDriver; exports.VectoJSEvent = _chunkDWMQYHNCjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkGTQRCY6Wjs.WebGPUParticleSystemManager; exports.computeLineSegments = _chunkBWLNEJJWjs.computeLineSegments; exports.createCanvasMeasurer = _chunkBWLNEJJWjs.createCanvasMeasurer; exports.createWebGLPointRenderer = _chunkGTQRCY6Wjs.createWebGLPointRenderer; exports.isSafeUrl = _chunkGTQRCY6Wjs.isSafeUrl; exports.isTweenConfig = _chunkDWMQYHNCjs.isTweenConfig; exports.loadSpline = loadSpline; exports.parseColorToRGBA = _chunkGTQRCY6Wjs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkGTQRCY6Wjs.sanitizeUrl;
+exports.ArabicShaper = _chunkCTZQOM5Zjs.ArabicShaper; exports.BidiResolver = _chunkCTZQOM5Zjs.BidiResolver; exports.CanvasRenderer = _chunkBPMNCGU7js.CanvasRenderer; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DOMPortalEntity = DOMPortalEntity; exports.Easing = _chunkU4UYRERWjs.Easing; exports.Entity = _chunkU4UYRERWjs.Entity; exports.GridTextEntity = GridTextEntity; exports.LayoutEngine = _chunkXLZDOFSBjs.LayoutEngine; exports.LayoutResultBuffer = _chunkXLZDOFSBjs.LayoutResultBuffer; exports.LayoutWorkerManager = _chunkCTZQOM5Zjs.LayoutWorkerManager; exports.MSDFFont = _chunkU4UYRERWjs.MSDFFont; exports.MSDFTextEntity = _chunkU4UYRERWjs.MSDFTextEntity; exports.PARTICLE_OFFSET_LIFE = PARTICLE_OFFSET_LIFE; exports.PARTICLE_OFFSET_ORIGIN_X = PARTICLE_OFFSET_ORIGIN_X; exports.PARTICLE_OFFSET_ORIGIN_Y = PARTICLE_OFFSET_ORIGIN_Y; exports.PARTICLE_OFFSET_POSITION_X = PARTICLE_OFFSET_POSITION_X; exports.PARTICLE_OFFSET_POSITION_Y = PARTICLE_OFFSET_POSITION_Y; exports.PARTICLE_OFFSET_SIZE = PARTICLE_OFFSET_SIZE; exports.PARTICLE_OFFSET_VELOCITY_X = PARTICLE_OFFSET_VELOCITY_X; exports.PARTICLE_OFFSET_VELOCITY_Y = PARTICLE_OFFSET_VELOCITY_Y; exports.PARTICLE_STRIDE_FLOATS = PARTICLE_STRIDE_FLOATS; exports.REDUCED_MOTION_FPS = REDUCED_MOTION_FPS; exports.SVGEntity = _chunkU4UYRERWjs.SVGEntity; exports.SVGRenderer = _chunkBPMNCGU7js.SVGRenderer; exports.Scene = Scene; exports.SpatialHashGrid = SpatialHashGrid; exports.SplineEntity = SplineEntity; exports.SpringDriver = _chunkU4UYRERWjs.SpringDriver; exports.SpringPhysics = _chunkU4UYRERWjs.SpringPhysics; exports.TextEntity = TextEntity; exports.TweenDriver = _chunkU4UYRERWjs.TweenDriver; exports.VectoJSEvent = _chunkU4UYRERWjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkBPMNCGU7js.WebGPUParticleSystemManager; exports.computeLineSegments = _chunkXLZDOFSBjs.computeLineSegments; exports.createCanvasMeasurer = _chunkXLZDOFSBjs.createCanvasMeasurer; exports.createWebGLPointRenderer = _chunkBPMNCGU7js.createWebGLPointRenderer; exports.isSafeUrl = _chunkBPMNCGU7js.isSafeUrl; exports.isTweenConfig = _chunkU4UYRERWjs.isTweenConfig; exports.loadSpline = loadSpline; exports.parseColorToRGBA = _chunkBPMNCGU7js.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkBPMNCGU7js.sanitizeUrl;