@vectojs/core 1.32.6 → 1.32.7

package/dist/index.js

@@ -19,7 +19,7 @@ var _chunkM73XB4ZKjs = require('./chunk-M73XB4ZK.js');
 
 
 
-var _chunkTRT2TRCWjs = require('./chunk-TRT2TRCW.js');
+var _chunkFQ2565ITjs = require('./chunk-FQ2565IT.js');
 
 // src/tree/Scene.ts
 var _animation = require('@vectojs/animation'); _createStarExport(_animation);
@@ -34,7 +34,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 _chunkTRT2TRCWjs.Entity {
+var ComputeParticleEntity = (_class = class extends _chunkFQ2565ITjs.Entity {
   
   
   
@@ -1435,6 +1435,7 @@ function parseInlinePx(value) {
   return Number.isFinite(n) && n > 0 ? n : null;
 }
 var DEFAULT_CONTENT_SEMANTIC_BUDGET = 256;
+var WASM_UPLOAD_REJECT_LIMIT = 3;
 function projectionGridLineWindow(grid, projectionLines, band) {
   const count = grid.lines.length;
   const all = { start: 0, end: count, gated: false };
@@ -2205,10 +2206,18 @@ var Scene = (_class7 = class _Scene {
   __init115() {this._wasmWorld = null}
   __init116() {this._structureVersion = 0}
   __init117() {this._storeStructureVersion = -1}
+  /**
+   * Consecutive `uploadRuns` rejections. Reset by any success and by
+   * {@link setTransformBackend}; at {@link WASM_UPLOAD_REJECT_LIMIT} the backend
+   * mode flips to `'js'` permanently.
+   */
+  __init118() {this._wasmUploadRejections = 0}
+  /** Latch for the permanent-fallback warning, which fires from a per-frame path. */
+  __init119() {this.hasWarnedWasmUploadFallback = false}
   // Cached list of ComputeParticleEntity instances in the tree, keyed by the
   // structure version it was gathered at. Rebuilt only on a topology change.
-  __init118() {this._computeEntities = []}
-  __init119() {this._computeEntitiesVersion = -1}
+  __init120() {this._computeEntities = []}
+  __init121() {this._computeEntitiesVersion = -1}
   /** Invalidate the resident WASM store layout; the next wasm-mode frame rebuilds
    *  it. Called by `Entity.add`/`remove` (topology changes only). */
   markStructureChanged() {
@@ -2242,6 +2251,7 @@ var Scene = (_class7 = class _Scene {
   setTransformBackend(backend) {
     this._wasm = backend;
     this._transformBackend = backend ? "wasm" : "js";
+    this._wasmUploadRejections = 0;
   }
   /**
    * Asynchronously instantiate the WASM transform core and, on success, hot-swap
@@ -2293,7 +2303,7 @@ var Scene = (_class7 = class _Scene {
    * cached globally; the instance is per-Scene, which is the isolation that
    * actually matters.
    */
-  __init120() {this._wasmRuntime = null}
+  __init122() {this._wasmRuntime = null}
   /**
    * Load (or reuse) this Scene's shared WASM runtime.
    *
@@ -2321,30 +2331,30 @@ var Scene = (_class7 = class _Scene {
   get wasmRuntime() {
     return this._wasmRuntime;
   }
-  __init121() {this._hitWasm = null}
+  __init123() {this._hitWasm = null}
   // Cache key: which frame + structure version the grid was last (successfully,
   // non-overflowing) built for. findEntityAt is called ad-hoc (pointer
   // hover/click), not every frame, so the grid is refreshed lazily on demand
   // rather than proactively every render() — unlike the transform store, which
   // every frame's draw depends on.
-  __init122() {this._hitGridFrame = -1}
-  __init123() {this._hitGridOk = false}
-  __init124() {this._hitSlotEntity = []}
-  __init125() {this._hitBoundless = []}
+  __init124() {this._hitGridFrame = -1}
+  __init125() {this._hitGridOk = false}
+  __init126() {this._hitSlotEntity = []}
+  __init127() {this._hitBoundless = []}
   /** Reused buffer for the fused gather, so a pointer query allocates nothing. */
-  __init126() {this._hitGatherBuffer = null}
+  __init128() {this._hitGatherBuffer = null}
   /**
    * Whether the last grid build sourced its AABBs from the WASM transform store
    * rather than recomputing them in JS. Diagnostic only — both paths must
    * produce the same entity for a given point.
    */
-  __init127() {this._hitFusedGather = false}
+  __init129() {this._hitFusedGather = false}
   /**
    * Whether `compute_aabbs` has run against the current frame's world matrices.
    * The AABB pass is only meaningful after a `compose_*`, so the fused gather
    * must not read the views before then.
    */
-  __init128() {this._wasmAabbsFresh = false}
+  __init130() {this._wasmAabbsFresh = false}
   /** Did the last hit-grid build use the fused (WASM-store) gather? */
   get hitGatherPath() {
     return this._hitFusedGather ? "fused" : "js";
@@ -2353,9 +2363,9 @@ var Scene = (_class7 = class _Scene {
    * Why the transform accelerator did or did not run on the most recent frame.
    * Written by the render walk and `_syncWasmStore`.
    */
-  __init129() {this._transformReason = "not-installed"}
+  __init131() {this._transformReason = "not-installed"}
   /** Why the batched-driver accelerator did or did not run. */
-  __init130() {this._animReason = "not-installed"}
+  __init132() {this._animReason = "not-installed"}
   /**
    * Why the hit-test accelerator did or did not serve the last pointer query.
    * The grid is built lazily on demand, not every frame, so this describes the
@@ -2363,11 +2373,11 @@ var Scene = (_class7 = class _Scene {
    * before a backend exists; `_ensureHitGrid` moves it to `'not-applicable'`
    * once one is installed but nothing has queried yet.
    */
-  __init131() {this._hitReason = "not-installed"}
+  __init133() {this._hitReason = "not-installed"}
   /** Why the particle accelerator did or did not run. */
-  __init132() {this._particleReason = "not-applicable"}
+  __init134() {this._particleReason = "not-applicable"}
   /** Which particle implementation actually simulated the most recent frame. */
-  __init133() {this._particlePath = "none"}
+  __init135() {this._particlePath = "none"}
   /**
    * Per-frame status of every invisible accelerator: whether each is installed,
    * whether it actually ran on the most recent frame, and why.
@@ -2527,25 +2537,25 @@ var Scene = (_class7 = class _Scene {
   // EasingFn (which cannot cross into WASM) all fall through to it — WASM can
   // only ever change *how* a driver is advanced, never *what* value it lands
   // on.
-  __init134() {this._animWasm = null}
+  __init136() {this._animWasm = null}
   // Entities with at least one active driver, added by Entity._spawnDriver.
   // Self-pruning: _tickBatchedDrivers drops an entry the first time it visits
   // an entity whose drivers have since all completed or been removed. This is
   // what lets the batch pass find its candidates in O(active drivers), not
   // O(tree size) — the exact mistake G3's first integrated benchmark made.
-  __init135() {this._activeDriverEntities = /* @__PURE__ */ new Set()}
+  __init137() {this._activeDriverEntities = /* @__PURE__ */ new Set()}
   // Reused across frames instead of allocating a fresh array + N {entity,prop,
   // driver} objects every call — the integrated benchmark
   // (benchmarks/anim-wasm-scene) found that allocation churn was the
   // dominant integrated cost, not the wasm kernel itself. Parallel arrays,
   // truncated to the live count after each use so a stale tail slot never
   // pins a no-longer-active entity/driver in memory.
-  __init136() {this._springEntities = []}
-  __init137() {this._springProps = []}
-  __init138() {this._springDrivers = []}
-  __init139() {this._tweenEntities = []}
-  __init140() {this._tweenProps = []}
-  __init141() {this._tweenDrivers = []}
+  __init138() {this._springEntities = []}
+  __init139() {this._springProps = []}
+  __init140() {this._springDrivers = []}
+  __init141() {this._tweenEntities = []}
+  __init142() {this._tweenProps = []}
+  __init143() {this._tweenDrivers = []}
   /**
    * Minimum number of batchable (spring, or named-easing tween) active drivers
    * before a frame engages the WASM batch path at all; below it, every driver
@@ -2617,7 +2627,7 @@ var Scene = (_class7 = class _Scene {
    * Setting {@link animDriverGateCount} overwrites all three, so existing code
    * that tuned the single knob keeps working unchanged.
    */
-  __init142() {this._animBatchedLastFrame = false}
+  __init144() {this._animBatchedLastFrame = false}
   /**
    * Whether the WASM batch path actually ran on the most recent frame.
    *
@@ -2629,7 +2639,7 @@ var Scene = (_class7 = class _Scene {
   get animBatchedLastFrame() {
     return this._animBatchedLastFrame;
   }
-  __init143() {this.animGate = {
+  __init145() {this.animGate = {
     spring: 128,
     tween: 256,
     mixed: 128
@@ -2667,7 +2677,7 @@ var Scene = (_class7 = class _Scene {
   // (benchmarks/particle-wasm). f32 (matches the WGSL shader), bit-identical to
   // a JS f32 reference oracle; updateCPU (f64) stays the permanent fallback when
   // no backend is installed or a scene runs on WebGPU.
-  __init144() {this._particleWasm = null}
+  __init146() {this._particleWasm = null}
   /** Which backend runs the CPU particle simulation. Reflects only whether a
    *  backend is installed (the WebGPU compute path, when active, is used first
    *  regardless). */
@@ -2873,8 +2883,19 @@ var Scene = (_class7 = class _Scene {
       }
       if (!backend.uploadRuns(built.store)) {
         this._transformReason = "rejected";
+        this._wasmUploadRejections++;
+        if (this._wasmUploadRejections >= WASM_UPLOAD_REJECT_LIMIT) {
+          this._transformBackend = "js";
+          if (!this.hasWarnedWasmUploadFallback) {
+            console.warn(
+              `[VectoJS] WASM transform backend disabled after ${this._wasmUploadRejections} consecutive run-table rejections (${built.store.runCount} runs for ${built.store.count} entities); the crate refused this topology. Falling back to JS transforms for this scene. Call scene.setTransformBackend(backend) to re-enable after reducing the tree.`
+            );
+            this.hasWarnedWasmUploadFallback = true;
+          }
+        }
         return null;
       }
+      this._wasmUploadRejections = 0;
       this._treeStore = built.store;
       this._slotEntity = slotEntity2;
       this._wasmInputs = backend.inputView();
@@ -2944,24 +2965,24 @@ var Scene = (_class7 = class _Scene {
    * sync, so retaining the order prevents a newly opened overlay from spending
    * its first frame below previously projected controls.
    */
-  __init145() {this.a11yRenderOrders = /* @__PURE__ */ new Map()}
+  __init147() {this.a11yRenderOrders = /* @__PURE__ */ new Map()}
   // Optional WebGL point-cloud layer (see SceneOptions.pointBackend).
-  __init146() {this.pointRenderer = null}
-  __init147() {this.glCanvas = null}
-  __init148() {this.glContextLostHandler = null}
-  __init149() {this.glContextRestoredHandler = null}
+  __init148() {this.pointRenderer = null}
+  __init149() {this.glCanvas = null}
+  __init150() {this.glContextLostHandler = null}
+  __init151() {this.glContextRestoredHandler = null}
   
   
   
-  __init150() {this.disableWindowResize = false}
+  __init152() {this.disableWindowResize = false}
   /** See {@link SceneOptions.maxDPR}. `undefined` = uncapped (real DPR). */
   
   // WebGPU properties
-  __init151() {this.destroyed = false}
-  __init152() {this.device = null}
-  __init153() {this.deviceLost = false}
-  __init154() {this.particleBackend = "auto"}
-  __init155() {this._webgpuDisabled = false}
+  __init153() {this.destroyed = false}
+  __init154() {this.device = null}
+  __init155() {this.deviceLost = false}
+  __init156() {this.particleBackend = "auto"}
+  __init157() {this._webgpuDisabled = false}
   get webgpuDisabled() {
     return this._webgpuDisabled || this.particleBackend === "cpu";
   }
@@ -2989,22 +3010,32 @@ var Scene = (_class7 = class _Scene {
   set webgpuDisabled(value) {
     this._webgpuDisabled = value;
   }
-  __init156() {this.recoveryTimerId = null}
-  __init157() {this.manager = null}
-  __init158() {this.initializingWebGPU = false}
-  __init159() {this.gpuCanvas = null}
-  __init160() {this.gpuContext = null}
+  __init158() {this.recoveryTimerId = null}
+  __init159() {this.manager = null}
+  __init160() {this.initializingWebGPU = false}
+  __init161() {this.gpuCanvas = null}
+  __init162() {this.gpuContext = null}
   /** True while the GPU canvas holds a presented particle frame (needs clearing when they leave). */
-  __init161() {this.gpuHasContent = false}
-  __init162() {this.mouseX = -9999}
-  __init163() {this.mouseY = -9999}
-  __init164() {this.pointerMoveListener = null}
-  __init165() {this.pointerLeaveListener = null}
+  __init163() {this.gpuHasContent = false}
+  __init164() {this.mouseX = -9999}
+  __init165() {this.mouseY = -9999}
+  __init166() {this.pointerMoveListener = null}
+  __init167() {this.pointerLeaveListener = null}
   /** Element the pointer listeners are bound to (parent container if present,
    *  else the canvas). Stored so `destroy()` detaches from the same element. */
-  __init166() {this.pointerEventTarget = null}
-  __init167() {this.hasWarnedZeroSize = false}
-  __init168() {this.fontLoadHandler = null}
+  __init168() {this.pointerEventTarget = null}
+  __init169() {this.hasWarnedZeroSize = false}
+  /**
+   * Latch for {@link Scene.resize}'s invalid-dimension warning.
+   *
+   * Separate from `hasWarnedZeroSize`: that one fires for a tolerated zero-size
+   * scene at `start()`, this one for a rejected resize, and sharing the flag
+   * would let either suppress the other's first (and only) report. Latched
+   * because `resize()` is commonly driven from a `ResizeObserver`, which would
+   * otherwise warn on every frame of a drag.
+   */
+  __init170() {this.hasWarnedInvalidResize = false}
+  __init171() {this.fontLoadHandler = null}
   // ── Dev-mode warning infrastructure ──────────────────────────────
   //
   // Enable with `Scene.devMode = true` or by setting `globalThis.__DEV__`.
@@ -3038,7 +3069,7 @@ var Scene = (_class7 = class _Scene {
     return false;
   }
   
-  __init169() {this._devFrameCount = 0}
+  __init172() {this._devFrameCount = 0}
   _devWarn(message) {
     if (!this._devActive) return;
     console.warn(`[vectojs/dev] ${message}`);
@@ -3115,7 +3146,7 @@ var Scene = (_class7 = class _Scene {
     };
     walkProjections(this.root);
   }
-  constructor(canvas, options = {}) {;_class7.prototype.__init27.call(this);_class7.prototype.__init28.call(this);_class7.prototype.__init29.call(this);_class7.prototype.__init30.call(this);_class7.prototype.__init31.call(this);_class7.prototype.__init32.call(this);_class7.prototype.__init33.call(this);_class7.prototype.__init34.call(this);_class7.prototype.__init35.call(this);_class7.prototype.__init36.call(this);_class7.prototype.__init37.call(this);_class7.prototype.__init38.call(this);_class7.prototype.__init39.call(this);_class7.prototype.__init40.call(this);_class7.prototype.__init41.call(this);_class7.prototype.__init42.call(this);_class7.prototype.__init43.call(this);_class7.prototype.__init44.call(this);_class7.prototype.__init45.call(this);_class7.prototype.__init46.call(this);_class7.prototype.__init47.call(this);_class7.prototype.__init48.call(this);_class7.prototype.__init49.call(this);_class7.prototype.__init50.call(this);_class7.prototype.__init51.call(this);_class7.prototype.__init52.call(this);_class7.prototype.__init53.call(this);_class7.prototype.__init54.call(this);_class7.prototype.__init55.call(this);_class7.prototype.__init56.call(this);_class7.prototype.__init57.call(this);_class7.prototype.__init58.call(this);_class7.prototype.__init59.call(this);_class7.prototype.__init60.call(this);_class7.prototype.__init61.call(this);_class7.prototype.__init62.call(this);_class7.prototype.__init63.call(this);_class7.prototype.__init64.call(this);_class7.prototype.__init65.call(this);_class7.prototype.__init66.call(this);_class7.prototype.__init67.call(this);_class7.prototype.__init68.call(this);_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);_class7.prototype.__init79.call(this);_class7.prototype.__init80.call(this);_class7.prototype.__init81.call(this);_class7.prototype.__init82.call(this);_class7.prototype.__init83.call(this);_class7.prototype.__init84.call(this);_class7.prototype.__init85.call(this);_class7.prototype.__init86.call(this);_class7.prototype.__init87.call(this);_class7.prototype.__init88.call(this);_class7.prototype.__init89.call(this);_class7.prototype.__init90.call(this);_class7.prototype.__init91.call(this);_class7.prototype.__init92.call(this);_class7.prototype.__init93.call(this);_class7.prototype.__init94.call(this);_class7.prototype.__init95.call(this);_class7.prototype.__init96.call(this);_class7.prototype.__init97.call(this);_class7.prototype.__init98.call(this);_class7.prototype.__init99.call(this);_class7.prototype.__init100.call(this);_class7.prototype.__init101.call(this);_class7.prototype.__init102.call(this);_class7.prototype.__init103.call(this);_class7.prototype.__init104.call(this);_class7.prototype.__init105.call(this);_class7.prototype.__init106.call(this);_class7.prototype.__init107.call(this);_class7.prototype.__init108.call(this);_class7.prototype.__init109.call(this);_class7.prototype.__init110.call(this);_class7.prototype.__init111.call(this);_class7.prototype.__init112.call(this);_class7.prototype.__init113.call(this);_class7.prototype.__init114.call(this);_class7.prototype.__init115.call(this);_class7.prototype.__init116.call(this);_class7.prototype.__init117.call(this);_class7.prototype.__init118.call(this);_class7.prototype.__init119.call(this);_class7.prototype.__init120.call(this);_class7.prototype.__init121.call(this);_class7.prototype.__init122.call(this);_class7.prototype.__init123.call(this);_class7.prototype.__init124.call(this);_class7.prototype.__init125.call(this);_class7.prototype.__init126.call(this);_class7.prototype.__init127.call(this);_class7.prototype.__init128.call(this);_class7.prototype.__init129.call(this);_class7.prototype.__init130.call(this);_class7.prototype.__init131.call(this);_class7.prototype.__init132.call(this);_class7.prototype.__init133.call(this);_class7.prototype.__init134.call(this);_class7.prototype.__init135.call(this);_class7.prototype.__init136.call(this);_class7.prototype.__init137.call(this);_class7.prototype.__init138.call(this);_class7.prototype.__init139.call(this);_class7.prototype.__init140.call(this);_class7.prototype.__init141.call(this);_class7.prototype.__init142.call(this);_class7.prototype.__init143.call(this);_class7.prototype.__init144.call(this);_class7.prototype.__init145.call(this);_class7.prototype.__init146.call(this);_class7.prototype.__init147.call(this);_class7.prototype.__init148.call(this);_class7.prototype.__init149.call(this);_class7.prototype.__init150.call(this);_class7.prototype.__init151.call(this);_class7.prototype.__init152.call(this);_class7.prototype.__init153.call(this);_class7.prototype.__init154.call(this);_class7.prototype.__init155.call(this);_class7.prototype.__init156.call(this);_class7.prototype.__init157.call(this);_class7.prototype.__init158.call(this);_class7.prototype.__init159.call(this);_class7.prototype.__init160.call(this);_class7.prototype.__init161.call(this);_class7.prototype.__init162.call(this);_class7.prototype.__init163.call(this);_class7.prototype.__init164.call(this);_class7.prototype.__init165.call(this);_class7.prototype.__init166.call(this);_class7.prototype.__init167.call(this);_class7.prototype.__init168.call(this);_class7.prototype.__init169.call(this);
+  constructor(canvas, options = {}) {;_class7.prototype.__init27.call(this);_class7.prototype.__init28.call(this);_class7.prototype.__init29.call(this);_class7.prototype.__init30.call(this);_class7.prototype.__init31.call(this);_class7.prototype.__init32.call(this);_class7.prototype.__init33.call(this);_class7.prototype.__init34.call(this);_class7.prototype.__init35.call(this);_class7.prototype.__init36.call(this);_class7.prototype.__init37.call(this);_class7.prototype.__init38.call(this);_class7.prototype.__init39.call(this);_class7.prototype.__init40.call(this);_class7.prototype.__init41.call(this);_class7.prototype.__init42.call(this);_class7.prototype.__init43.call(this);_class7.prototype.__init44.call(this);_class7.prototype.__init45.call(this);_class7.prototype.__init46.call(this);_class7.prototype.__init47.call(this);_class7.prototype.__init48.call(this);_class7.prototype.__init49.call(this);_class7.prototype.__init50.call(this);_class7.prototype.__init51.call(this);_class7.prototype.__init52.call(this);_class7.prototype.__init53.call(this);_class7.prototype.__init54.call(this);_class7.prototype.__init55.call(this);_class7.prototype.__init56.call(this);_class7.prototype.__init57.call(this);_class7.prototype.__init58.call(this);_class7.prototype.__init59.call(this);_class7.prototype.__init60.call(this);_class7.prototype.__init61.call(this);_class7.prototype.__init62.call(this);_class7.prototype.__init63.call(this);_class7.prototype.__init64.call(this);_class7.prototype.__init65.call(this);_class7.prototype.__init66.call(this);_class7.prototype.__init67.call(this);_class7.prototype.__init68.call(this);_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);_class7.prototype.__init79.call(this);_class7.prototype.__init80.call(this);_class7.prototype.__init81.call(this);_class7.prototype.__init82.call(this);_class7.prototype.__init83.call(this);_class7.prototype.__init84.call(this);_class7.prototype.__init85.call(this);_class7.prototype.__init86.call(this);_class7.prototype.__init87.call(this);_class7.prototype.__init88.call(this);_class7.prototype.__init89.call(this);_class7.prototype.__init90.call(this);_class7.prototype.__init91.call(this);_class7.prototype.__init92.call(this);_class7.prototype.__init93.call(this);_class7.prototype.__init94.call(this);_class7.prototype.__init95.call(this);_class7.prototype.__init96.call(this);_class7.prototype.__init97.call(this);_class7.prototype.__init98.call(this);_class7.prototype.__init99.call(this);_class7.prototype.__init100.call(this);_class7.prototype.__init101.call(this);_class7.prototype.__init102.call(this);_class7.prototype.__init103.call(this);_class7.prototype.__init104.call(this);_class7.prototype.__init105.call(this);_class7.prototype.__init106.call(this);_class7.prototype.__init107.call(this);_class7.prototype.__init108.call(this);_class7.prototype.__init109.call(this);_class7.prototype.__init110.call(this);_class7.prototype.__init111.call(this);_class7.prototype.__init112.call(this);_class7.prototype.__init113.call(this);_class7.prototype.__init114.call(this);_class7.prototype.__init115.call(this);_class7.prototype.__init116.call(this);_class7.prototype.__init117.call(this);_class7.prototype.__init118.call(this);_class7.prototype.__init119.call(this);_class7.prototype.__init120.call(this);_class7.prototype.__init121.call(this);_class7.prototype.__init122.call(this);_class7.prototype.__init123.call(this);_class7.prototype.__init124.call(this);_class7.prototype.__init125.call(this);_class7.prototype.__init126.call(this);_class7.prototype.__init127.call(this);_class7.prototype.__init128.call(this);_class7.prototype.__init129.call(this);_class7.prototype.__init130.call(this);_class7.prototype.__init131.call(this);_class7.prototype.__init132.call(this);_class7.prototype.__init133.call(this);_class7.prototype.__init134.call(this);_class7.prototype.__init135.call(this);_class7.prototype.__init136.call(this);_class7.prototype.__init137.call(this);_class7.prototype.__init138.call(this);_class7.prototype.__init139.call(this);_class7.prototype.__init140.call(this);_class7.prototype.__init141.call(this);_class7.prototype.__init142.call(this);_class7.prototype.__init143.call(this);_class7.prototype.__init144.call(this);_class7.prototype.__init145.call(this);_class7.prototype.__init146.call(this);_class7.prototype.__init147.call(this);_class7.prototype.__init148.call(this);_class7.prototype.__init149.call(this);_class7.prototype.__init150.call(this);_class7.prototype.__init151.call(this);_class7.prototype.__init152.call(this);_class7.prototype.__init153.call(this);_class7.prototype.__init154.call(this);_class7.prototype.__init155.call(this);_class7.prototype.__init156.call(this);_class7.prototype.__init157.call(this);_class7.prototype.__init158.call(this);_class7.prototype.__init159.call(this);_class7.prototype.__init160.call(this);_class7.prototype.__init161.call(this);_class7.prototype.__init162.call(this);_class7.prototype.__init163.call(this);_class7.prototype.__init164.call(this);_class7.prototype.__init165.call(this);_class7.prototype.__init166.call(this);_class7.prototype.__init167.call(this);_class7.prototype.__init168.call(this);_class7.prototype.__init169.call(this);_class7.prototype.__init170.call(this);_class7.prototype.__init171.call(this);_class7.prototype.__init172.call(this);
     this.canvas = canvas;
     this.debugA11y = _nullishCoalesce(options.debugA11y, () => ( false));
     this.disableWindowResize = _nullishCoalesce(options.disableWindowResize, () => ( false));
@@ -3152,7 +3183,7 @@ var Scene = (_class7 = class _Scene {
       this.forcedColorsChangeHandler = () => this.markDirty();
       _optionalChain([this, 'access', _62 => _62.forcedColorsQuery, 'access', _63 => _63.addEventListener, 'optionalCall', _64 => _64("change", this.forcedColorsChangeHandler)]);
     }
-    this.root = new class RootEntity extends _chunkTRT2TRCWjs.Entity {
+    this.root = new class RootEntity extends _chunkFQ2565ITjs.Entity {
       isPointInside() {
         return false;
       }
@@ -3161,7 +3192,7 @@ var Scene = (_class7 = class _Scene {
       }
     }("root");
     this.root._scene = this;
-    this.overlayRoot = new class OverlayRoot extends _chunkTRT2TRCWjs.Entity {
+    this.overlayRoot = new class OverlayRoot extends _chunkFQ2565ITjs.Entity {
       isPointInside() {
         return false;
       }
@@ -3600,7 +3631,7 @@ var Scene = (_class7 = class _Scene {
       }
       if (this.hoveredA11yElements.has(el)) {
         this.hoveredA11yElements.delete(el);
-        node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("pointerleave", node, void 0, false));
+        node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("pointerleave", node, void 0, false));
       }
       this.preserveFocusOnRemoval(el);
       el.remove();
@@ -3805,9 +3836,11 @@ var Scene = (_class7 = class _Scene {
   /**
    * Begin the `requestAnimationFrame` render loop.
    *
-   * Idempotent — calling `start()` on an already-running scene is a no-op.
+   * Idempotent — calling `start()` on an already-running scene is a no-op, and so
+   * is calling it on a destroyed one.
    */
   start() {
+    if (this.destroyed) return;
     if (this.isRunning) return;
     if ((this.width === 0 || this.height === 0) && !this.hasWarnedZeroSize) {
       console.warn(
@@ -4220,20 +4253,20 @@ var Scene = (_class7 = class _Scene {
           el.style.background = "transparent";
         }
         el.addEventListener("click", (e) => {
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("click", node, e));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("click", node, e));
         });
         el.addEventListener("dblclick", (e) => {
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("dblclick", node, e));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("dblclick", node, e));
         });
         el.addEventListener("mouseenter", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.2)";
           this.hoveredA11yElements.add(el);
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("hover", node, e, false));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("hover", node, e, false));
         });
         el.addEventListener("mouseleave", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.05)";
           this.hoveredA11yElements.delete(el);
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("pointerleave", node, e, false));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("pointerleave", node, e, false));
         });
         const capEl = el;
         const releasePointer = (event) => {
@@ -4249,24 +4282,24 @@ var Scene = (_class7 = class _Scene {
         };
         el.addEventListener("pointerdown", (e) => {
           if (typeof capEl.setPointerCapture === "function") capEl.setPointerCapture(e.pointerId);
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("pointerdown", node, e));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("pointerdown", node, e));
         });
         el.addEventListener("pointerup", (e) => {
           releasePointer(e);
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("pointerup", node, e));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("pointerup", node, e));
         });
         el.addEventListener("pointercancel", (e) => {
           releasePointer(e);
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("pointercancel", node, e));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("pointercancel", node, e));
         });
         el.addEventListener(
           "pointermove",
-          (e) => node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("pointermove", node, e))
+          (e) => node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("pointermove", node, e))
         );
         el.addEventListener(
           "wheel",
           (e) => {
-            node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("wheel", node, e));
+            node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("wheel", node, e));
           },
           { passive: false }
         );
@@ -4291,10 +4324,10 @@ var Scene = (_class7 = class _Scene {
         );
         emitInitialScroll = emitScroll;
         el.addEventListener("keydown", (e) => {
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("keydown", node, e));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("keydown", node, e));
         });
         el.addEventListener("keyup", (e) => {
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("keyup", node, e));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("keyup", node, e));
         });
         if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
           const input = el;
@@ -4360,7 +4393,7 @@ var Scene = (_class7 = class _Scene {
           el.addEventListener("keydown", (e) => {
             if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
-              node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("click", node, e));
+              node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("click", node, e));
             }
           });
         }
@@ -4796,7 +4829,7 @@ var Scene = (_class7 = class _Scene {
       el.addEventListener(
         "wheel",
         (e2) => {
-          node.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)("wheel", node, e2));
+          node.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)("wheel", node, e2));
         },
         { passive: false }
       );
@@ -4976,9 +5009,27 @@ var Scene = (_class7 = class _Scene {
     if (el.dataset.vectoContentGrid !== signature) {
       const materializeStart = typeof performance !== "undefined" ? performance.now() : 0;
       this.clearContentGridState(node.id, el, false);
+      if (el.firstChild !== null) {
+        let scan = el.firstChild;
+        let strippedSelection = false;
+        while (scan !== null) {
+          const next = scan.nextSibling;
+          if (scan.nodeType === 3) {
+            if (!strippedSelection) {
+              strippedSelection = true;
+              this.releaseContentSelectionForRebuild(el);
+            }
+            scan.remove();
+          }
+          scan = next;
+        }
+      }
       const projectionLines = _nullishCoalesce(projection.lines, () => ( []));
       const selectionLine = this.contentGridSelectionLine(el);
       let rebuiltSelectionLine = false;
+      if (selectionLine !== null && (selectionLine < gridWindow.start || selectionLine >= gridWindow.end)) {
+        rebuiltSelectionLine = true;
+      }
       const existingLines = el.children;
       for (let lineIndex = gridWindow.start; lineIndex < gridWindow.end; lineIndex++) {
         const domIndex = lineIndex - gridWindow.start;
@@ -5075,9 +5126,6 @@ var Scene = (_class7 = class _Scene {
       }
       const windowLength = gridWindow.end - gridWindow.start;
       while (el.children.length > windowLength) {
-        if (selectionLine !== null && selectionLine >= gridWindow.end) {
-          rebuiltSelectionLine = true;
-        }
         _optionalChain([el, 'access', _139 => _139.lastElementChild, 'optionalAccess', _140 => _140.remove, 'call', _141 => _141()]);
       }
       if (rebuiltSelectionLine) this.releaseContentSelectionForRebuild(el);
@@ -5746,6 +5794,11 @@ var Scene = (_class7 = class _Scene {
       if (isMainRenderPath && !this.device && !this.webgpuDisabled && !this.initializingWebGPU && !this.deviceLost) {
         this.initializingWebGPU = true;
         this.initWebGPUContext(computeEntities).then((newDevice) => {
+          if (this.destroyed) {
+            newDevice.destroy();
+            this.initializingWebGPU = false;
+            return;
+          }
           this.device = newDevice;
           this.initializingWebGPU = false;
           const format = navigator.gpu ? navigator.gpu.getPreferredCanvasFormat() : "rgba8unorm";
@@ -5871,7 +5924,7 @@ var Scene = (_class7 = class _Scene {
     let walkHadAnimation = false;
     let walkHadInteractive = false;
     const runUpdate = (node) => {
-      const overridesUpdate = node.update !== _chunkTRT2TRCWjs.Entity.prototype.update;
+      const overridesUpdate = node.update !== _chunkFQ2565ITjs.Entity.prototype.update;
       let pending = node.hasPendingAnimations();
       if (pending || overridesUpdate) {
         node.update(dt, time);
@@ -5880,7 +5933,7 @@ var Scene = (_class7 = class _Scene {
       if (pending) walkHadAnimation = true;
       if (!walkHadInteractive && node.interactive) walkHadInteractive = true;
       if (this._devActive && this._devFrameCount % 120 === 0) {
-        if (overridesUpdate && node.hasPendingAnimations === _chunkTRT2TRCWjs.Entity.prototype.hasPendingAnimations) {
+        if (overridesUpdate && node.hasPendingAnimations === _chunkFQ2565ITjs.Entity.prototype.hasPendingAnimations) {
           this._devWarn(
             `Entity "${node.id}" overrides update() but not hasPendingAnimations(). Custom motion in update() without overriding hasPendingAnimations() causes the idle throttle to drop the animation to ~2fps. Override hasPendingAnimations() to return true while motion is in flight.`
           );
@@ -6098,8 +6151,21 @@ var Scene = (_class7 = class _Scene {
   }
   /**
    * Manually resize the Scene's viewport.
+   *
+   * Rejects a negative or non-finite dimension, keeping the last known-good
+   * size. `0` is accepted: a zero-size scene is tolerated and warned about at
+   * {@link start} instead, and rejecting it here would contradict that.
    */
   resize(width, height) {
+    if (!Number.isFinite(width) || !Number.isFinite(height) || width < 0 || height < 0) {
+      if (!this.hasWarnedInvalidResize) {
+        console.warn(
+          `[VectoJS] Scene.resize() ignored invalid dimensions (width: ${width}, height: ${height}). Width and height must be finite and non-negative; the previous viewport size was kept.`
+        );
+        this.hasWarnedInvalidResize = true;
+      }
+      return;
+    }
     this.width = width;
     this.height = height;
     this.contentFontEpoch++;
@@ -6405,22 +6471,22 @@ function defaultMeasurer() {
   sharedMeasurer ??= _layout.resolveGlyphMeasurer.call(void 0, "sans-serif");
   return sharedMeasurer;
 }
-var TextEntity = (_class8 = class extends _chunkTRT2TRCWjs.Entity {
+var TextEntity = (_class8 = class extends _chunkFQ2565ITjs.Entity {
   
   
   
   
-  __init170() {this.nodes = []}
+  __init173() {this.nodes = []}
   
-  __init171() {this.fillStyle = "#94a3b8"}
-  __init172() {this.strokeStyle = null}
-  __init173() {this.hoveredFillStyle = "#ffffff"}
-  __init174() {this.lineWidth = 1}
-  __init175() {this.isHovered = false}
+  __init174() {this.fillStyle = "#94a3b8"}
+  __init175() {this.strokeStyle = null}
+  __init176() {this.hoveredFillStyle = "#ffffff"}
+  __init177() {this.lineWidth = 1}
+  __init178() {this.isHovered = false}
   /** Bumped by {@link applyLayout}; read by `Scene` to skip an unchanged sync. */
-  __init176() {this.contentEpoch = 0}
+  __init179() {this.contentEpoch = 0}
   constructor(text, atlas, maxWidth, fontSize = 24) {
-    super();_class8.prototype.__init170.call(this);_class8.prototype.__init171.call(this);_class8.prototype.__init172.call(this);_class8.prototype.__init173.call(this);_class8.prototype.__init174.call(this);_class8.prototype.__init175.call(this);_class8.prototype.__init176.call(this);;
+    super();_class8.prototype.__init173.call(this);_class8.prototype.__init174.call(this);_class8.prototype.__init175.call(this);_class8.prototype.__init176.call(this);_class8.prototype.__init177.call(this);_class8.prototype.__init178.call(this);_class8.prototype.__init179.call(this);;
     this.text = text;
     this.atlas = atlas;
     this.fontSize = fontSize;
@@ -6537,17 +6603,17 @@ var TextEntity = (_class8 = class extends _chunkTRT2TRCWjs.Entity {
 }, _class8);
 
 // src/components/GridTextEntity.ts
-var GridTextEntity = (_class9 = class extends _chunkTRT2TRCWjs.Entity {
+var GridTextEntity = (_class9 = class extends _chunkFQ2565ITjs.Entity {
   
-  __init177() {this.fillStyle = "#ffffff"}
-  __init178() {this.grid = []}
+  __init180() {this.fillStyle = "#ffffff"}
+  __init181() {this.grid = []}
   // Array of rows
-  __init179() {this.cols = 0}
-  __init180() {this.rows = 0}
+  __init182() {this.cols = 0}
+  __init183() {this.rows = 0}
   
   
   constructor(_atlas, fontSize = 10) {
-    super();_class9.prototype.__init177.call(this);_class9.prototype.__init178.call(this);_class9.prototype.__init179.call(this);_class9.prototype.__init180.call(this);;
+    super();_class9.prototype.__init180.call(this);_class9.prototype.__init181.call(this);_class9.prototype.__init182.call(this);_class9.prototype.__init183.call(this);;
     this.fontSize = fontSize;
     this.charWidth = fontSize * 1;
     this.charHeight = fontSize * 1.1;
@@ -6631,7 +6697,7 @@ function distSqToSegment(px, py, x1, y1, x2, y2) {
   const ey = py - cy;
   return ex * ex + ey * ey;
 }
-var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
+var SplineEntity = (_class10 = class extends _chunkFQ2565ITjs.Entity {
   
   
   
@@ -6639,25 +6705,57 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
   
   
   
-  __init181() {this.offscreen = null}
-  __init182() {this.baked = false}
+  __init184() {this.offscreen = null}
+  __init185() {this.baked = false}
   /** Logical (CSS-pixel) size of the baked bitmap — the blit destination size. */
-  __init183() {this.bakedWidth = 0}
-  __init184() {this.bakedHeight = 0}
-  /** Gradient strokes can't be baked to a solid-color bitmap; they render per-frame. */
+  __init186() {this.bakedWidth = 0}
+  __init187() {this.bakedHeight = 0}
+  /**
+   * Gradient strokes can't be baked to a solid-color bitmap; they render
+   * per-frame. Derived from `_doc`, so it is NOT readonly — assigning a new
+   * document has to recompute it (see the `doc` setter).
+   */
   
   /** Lazily-flattened polylines (one Float32Array of [x,y,...] per segment) for hit-testing. */
-  __init185() {this.polylines = null}
+  __init188() {this.polylines = null}
+  /**
+   * The spline document to render. Assigning a new document invalidates all
+   * caches (baked canvas, flattened polylines, bounds).
+   */
+  get doc() {
+    return this._doc;
+  }
+  set doc(value) {
+    if (this._doc === value) return;
+    this._doc = value;
+    this.invalidateCache();
+    this.bounds = this.computeBounds();
+    this.width = this.bounds.width;
+    this.height = this.bounds.height;
+    this.containsGradient = this.computeContainsGradient();
+  }
+  /**
+   * Stroke width in local units. Assigning a new value invalidates the baked
+   * canvas and hit-test polylines so visual and hit geometry stay consistent.
+   */
+  get lineWidth() {
+    return this._lineWidth;
+  }
+  set lineWidth(value) {
+    if (this._lineWidth === value) return;
+    this._lineWidth = value;
+    this.invalidateCache();
+  }
   /**
    * 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`.
    */
-  __init186() {this.showBounds = false}
+  __init189() {this.showBounds = false}
   constructor(doc, opts = {}) {
-    super();_class10.prototype.__init181.call(this);_class10.prototype.__init182.call(this);_class10.prototype.__init183.call(this);_class10.prototype.__init184.call(this);_class10.prototype.__init185.call(this);_class10.prototype.__init186.call(this);;
-    this.doc = doc;
-    this.lineWidth = _nullishCoalesce(opts.lineWidth, () => ( 2));
+    super();_class10.prototype.__init184.call(this);_class10.prototype.__init185.call(this);_class10.prototype.__init186.call(this);_class10.prototype.__init187.call(this);_class10.prototype.__init188.call(this);_class10.prototype.__init189.call(this);;
+    this._doc = doc;
+    this._lineWidth = _nullishCoalesce(opts.lineWidth, () => ( 2));
     this.cache = _nullishCoalesce(opts.cache, () => ( true));
     this.defaultColor = _nullishCoalesce(opts.defaultColor, () => ( "#e2e8f0"));
     this.hitMode = _nullishCoalesce(opts.hitTest, () => ( "curve"));
@@ -6665,21 +6763,35 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
     this.bounds = this.computeBounds();
     this.width = this.bounds.width;
     this.height = this.bounds.height;
-    const isGradient = (c) => c !== null && !Array.isArray(c);
-    this.containsGradient = (_nullishCoalesce(_optionalChain([this, 'access', _178 => _178.doc, 'access', _179 => _179.equations, 'optionalAccess', _180 => _180.some, 'call', _181 => _181((eq) => isGradient(eq.color_rgb))]), () => ( false))) || (_nullishCoalesce(_optionalChain([this, 'access', _182 => _182.doc, 'access', _183 => _183.paths, 'optionalAccess', _184 => _184.some, 'call', _185 => _185((p) => isGradient(p.color_rgb))]), () => ( false)));
+    this.containsGradient = this.computeContainsGradient();
     this.interactive = true;
   }
+  /**
+   * Whether any stroke in the current document is a gradient. Shared by the
+   * constructor and the `doc` setter so both stay in agreement — the flag picks
+   * the render path, so a stale value renders a gradient as a flat color.
+   */
+  computeContainsGradient() {
+    const isGradient = (c) => c !== null && !Array.isArray(c);
+    return (_nullishCoalesce(_optionalChain([this, 'access', _178 => _178._doc, 'access', _179 => _179.equations, 'optionalAccess', _180 => _180.some, 'call', _181 => _181((eq) => isGradient(eq.color_rgb))]), () => ( false))) || (_nullishCoalesce(_optionalChain([this, 'access', _182 => _182._doc, 'access', _183 => _183.paths, 'optionalAccess', _184 => _184.some, 'call', _185 => _185((p) => isGradient(p.color_rgb))]), () => ( false)));
+  }
+  /** Clear cached baked canvas and hit-test polylines. */
+  invalidateCache() {
+    this.baked = false;
+    this.offscreen = null;
+    this.polylines = null;
+  }
   computeBounds() {
-    if (this.doc.bounding_box) {
-      const [minX2, minY2, maxX2, maxY2] = this.doc.bounding_box;
+    if (this._doc.bounding_box) {
+      const [minX2, minY2, maxX2, maxY2] = this._doc.bounding_box;
       return { x: minX2, y: minY2, width: maxX2 - minX2, height: maxY2 - minY2 };
     }
     let minX = Infinity;
     let minY = Infinity;
     let maxX = -Infinity;
     let maxY = -Infinity;
-    if (this.doc.equations) {
-      for (const eq of this.doc.equations) {
+    if (this._doc.equations) {
+      for (const eq of this._doc.equations) {
         for (const seg of eq.data) {
           const b = polySegmentToBezier(seg);
           for (const [x, y] of [
@@ -6696,8 +6808,8 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
         }
       }
     }
-    if (this.doc.paths) {
-      for (const path of this.doc.paths) {
+    if (this._doc.paths) {
+      for (const path of this._doc.paths) {
         for (const pt of path.data) {
           if (pt.x < minX) minX = pt.x;
           if (pt.x > maxX) maxX = pt.x;
@@ -6757,15 +6869,15 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
   getPolylines() {
     if (this.polylines) return this.polylines;
     const out = [];
-    if (this.doc.equations) {
-      for (const eq of this.doc.equations) {
+    if (this._doc.equations) {
+      for (const eq of this._doc.equations) {
         for (const seg of eq.data) {
           out.push(flattenBezier(polySegmentToBezier(seg), HIT_SAMPLES));
         }
       }
     }
-    if (this.doc.paths) {
-      for (const path of this.doc.paths) {
+    if (this._doc.paths) {
+      for (const path of this._doc.paths) {
         const pts = new Float32Array(path.data.length * 2);
         for (let i = 0; i < path.data.length; i++) {
           pts[i * 2] = path.data[i].x;
@@ -6794,8 +6906,8 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
     );
   }
   strokeEquations(r) {
-    if (this.doc.equations) {
-      for (const eq of this.doc.equations) {
+    if (this._doc.equations) {
+      for (const eq of this._doc.equations) {
         const stroke = this.resolveColor(eq.color_rgb, r);
         r.beginPath();
         for (const seg of eq.data) {
@@ -6806,8 +6918,8 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
         r.stroke(stroke, this.lineWidth);
       }
     }
-    if (this.doc.paths) {
-      for (const path of this.doc.paths) {
+    if (this._doc.paths) {
+      for (const path of this._doc.paths) {
         const stroke = this.resolveColor(path.color_rgb, r);
         r.beginPath();
         if (path.data.length > 0) {
@@ -6846,8 +6958,8 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
     ctx.lineWidth = this.lineWidth;
     ctx.lineCap = "round";
     ctx.lineJoin = "round";
-    if (this.doc.equations) {
-      for (const eq of this.doc.equations) {
+    if (this._doc.equations) {
+      for (const eq of this._doc.equations) {
         ctx.strokeStyle = eq.color_rgb === null ? this.defaultColor : Array.isArray(eq.color_rgb) ? rgbToCss(eq.color_rgb) : this.defaultColor;
         ctx.beginPath();
         for (const seg of eq.data) {
@@ -6858,8 +6970,8 @@ var SplineEntity = (_class10 = class extends _chunkTRT2TRCWjs.Entity {
         ctx.stroke();
       }
     }
-    if (this.doc.paths) {
-      for (const path of this.doc.paths) {
+    if (this._doc.paths) {
+      for (const path of this._doc.paths) {
         ctx.strokeStyle = path.color_rgb === null ? this.defaultColor : Array.isArray(path.color_rgb) ? rgbToCss(path.color_rgb) : this.defaultColor;
         ctx.beginPath();
         if (path.data.length > 0) {
@@ -6906,7 +7018,7 @@ async function loadSpline(url) {
 }
 
 // src/components/Rect.ts
-var Rect = class extends _chunkTRT2TRCWjs.Entity {
+var Rect = class extends _chunkFQ2565ITjs.Entity {
   
   
   
@@ -6921,7 +7033,14 @@ var Rect = class extends _chunkTRT2TRCWjs.Entity {
     this.radius = _nullishCoalesce(opts.radius, () => ( 0));
   }
   getBounds() {
-    return { x: 0, y: 0, width: this.width, height: this.height };
+    const inflation = this.stroke !== null ? this.strokeWidth / 2 : 0;
+    const origin = inflation > 0 ? -inflation : 0;
+    return {
+      x: origin,
+      y: origin,
+      width: this.width + inflation * 2,
+      height: this.height + inflation * 2
+    };
   }
   /**
    * Solid-fill, square-cornered, unstroked rectangles opt into the GPU
@@ -6955,7 +7074,7 @@ var Rect = class extends _chunkTRT2TRCWjs.Entity {
 };
 
 // src/components/Circle.ts
-var Circle = class extends _chunkTRT2TRCWjs.Entity {
+var Circle = class extends _chunkFQ2565ITjs.Entity {
   
   
   
@@ -6983,11 +7102,15 @@ var Circle = class extends _chunkTRT2TRCWjs.Entity {
     this.a11yOffsetY = -this._radius;
   }
   getBounds() {
+    const r = this._radius;
+    const inflation = this.stroke !== null ? this.strokeWidth / 2 : 0;
+    const fullRadius = r + inflation;
+    const origin = fullRadius > 0 ? -fullRadius : 0;
     return {
-      x: -this._radius,
-      y: -this._radius,
-      width: this._radius * 2,
-      height: this._radius * 2
+      x: origin,
+      y: origin,
+      width: fullRadius * 2,
+      height: fullRadius * 2
     };
   }
   /**
@@ -7015,7 +7138,7 @@ var Circle = class extends _chunkTRT2TRCWjs.Entity {
 };
 
 // src/components/Group.ts
-var Group = class extends _chunkTRT2TRCWjs.Entity {
+var Group = class extends _chunkFQ2565ITjs.Entity {
   constructor(...children) {
     super();
     if (children.length > 0) this.add(...children);
@@ -7034,21 +7157,21 @@ var _math = require('@vectojs/math'); _createStarExport(_math);
 
 
 // src/tree/DOMPortalEntity.ts
-var DOMPortalEntity = (_class11 = class extends _chunkTRT2TRCWjs.Entity {
+var DOMPortalEntity = (_class11 = class extends _chunkFQ2565ITjs.Entity {
   
-  __init187() {this.isDOMPortal = true}
-  __init188() {this.domListeners = []}
-  __init189() {this.resizeObserver = null}
-  __init190() {this.domBound = false}
-  __init191() {this.cachedWidth = 100}
-  __init192() {this.cachedHeight = 100}
-  __init193() {this.lastWidth = ""}
-  __init194() {this.lastHeight = ""}
-  __init195() {this.lastTransform = ""}
-  __init196() {this.lastZIndex = ""}
-  __init197() {this.lastOpacity = ""}
+  __init190() {this.isDOMPortal = true}
+  __init191() {this.domListeners = []}
+  __init192() {this.resizeObserver = null}
+  __init193() {this.domBound = false}
+  __init194() {this.cachedWidth = 100}
+  __init195() {this.cachedHeight = 100}
+  __init196() {this.lastWidth = ""}
+  __init197() {this.lastHeight = ""}
+  __init198() {this.lastTransform = ""}
+  __init199() {this.lastZIndex = ""}
+  __init200() {this.lastOpacity = ""}
   constructor(domElement, width, height, id) {
-    super(id);_class11.prototype.__init187.call(this);_class11.prototype.__init188.call(this);_class11.prototype.__init189.call(this);_class11.prototype.__init190.call(this);_class11.prototype.__init191.call(this);_class11.prototype.__init192.call(this);_class11.prototype.__init193.call(this);_class11.prototype.__init194.call(this);_class11.prototype.__init195.call(this);_class11.prototype.__init196.call(this);_class11.prototype.__init197.call(this);;
+    super(id);_class11.prototype.__init190.call(this);_class11.prototype.__init191.call(this);_class11.prototype.__init192.call(this);_class11.prototype.__init193.call(this);_class11.prototype.__init194.call(this);_class11.prototype.__init195.call(this);_class11.prototype.__init196.call(this);_class11.prototype.__init197.call(this);_class11.prototype.__init198.call(this);_class11.prototype.__init199.call(this);_class11.prototype.__init200.call(this);;
     this.domElement = domElement;
     this.width = _nullishCoalesce(width, () => ( 0));
     this.height = _nullishCoalesce(height, () => ( 0));
@@ -7090,7 +7213,7 @@ var DOMPortalEntity = (_class11 = class extends _chunkTRT2TRCWjs.Entity {
     ];
     for (const type of events) {
       const handler = (e) => {
-        this.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)(type, this, e));
+        this.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)(type, this, e));
       };
       this.domElement.addEventListener(type, handler);
       this.domListeners.push({ type, handler, capture: false });
@@ -7101,7 +7224,7 @@ var DOMPortalEntity = (_class11 = class extends _chunkTRT2TRCWjs.Entity {
     ];
     for (const { native, vecto } of hoverEvents) {
       const handler = (e) => {
-        this.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)(vecto, this, e, false));
+        this.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)(vecto, this, e, false));
       };
       this.domElement.addEventListener(native, handler);
       this.domListeners.push({ type: native, handler, capture: false });
@@ -7109,7 +7232,7 @@ var DOMPortalEntity = (_class11 = class extends _chunkTRT2TRCWjs.Entity {
     const focusEvents = ["focus", "blur"];
     for (const type of focusEvents) {
       const handler = (e) => {
-        this.dispatchEvent(new (0, _chunkTRT2TRCWjs.VectoJSEvent)(type, this, e, true));
+        this.dispatchEvent(new (0, _chunkFQ2565ITjs.VectoJSEvent)(type, this, e, true));
       };
       this.domElement.addEventListener(type, handler, true);
       this.domListeners.push({ type, handler, capture: true });
@@ -7207,4 +7330,4 @@ Scene.registerWebGPUParticleSystemManager(_chunkM73XB4ZKjs.WebGPUParticleSystemM
 
 
 
-exports.CanvasRenderer = _chunkM73XB4ZKjs.CanvasRenderer; exports.Circle = Circle; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DEFAULT_CONTENT_SEMANTIC_BUDGET = DEFAULT_CONTENT_SEMANTIC_BUDGET; exports.DOMPortalEntity = DOMPortalEntity; exports.Entity = _chunkTRT2TRCWjs.Entity; exports.GlyphRasterAtlas = _chunkM73XB4ZKjs.GlyphRasterAtlas; exports.GridTextEntity = GridTextEntity; exports.Group = Group; exports.MSDFTextEntity = _chunkTRT2TRCWjs.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.Rect = Rect; exports.SCENE_OPTION_KEYS = SCENE_OPTION_KEYS; exports.SVGEntity = _chunkTRT2TRCWjs.SVGEntity; exports.SVGRenderer = _chunkM73XB4ZKjs.SVGRenderer; exports.Scene = Scene; exports.SplineEntity = SplineEntity; exports.TextEntity = TextEntity; exports.TextRasterCache = _chunkM73XB4ZKjs.TextRasterCache; exports.VECTO_USER_TIMING = VECTO_USER_TIMING; exports.VectoJSEvent = _chunkTRT2TRCWjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkM73XB4ZKjs.WebGPUParticleSystemManager; exports.beginVectoUserTiming = beginVectoUserTiming; exports.contentLineInHint = _chunkTRT2TRCWjs.contentLineInHint; exports.createWebGLPointRenderer = _chunkM73XB4ZKjs.createWebGLPointRenderer; exports.endVectoUserTiming = endVectoUserTiming; exports.installRendererDevTraps = _chunkM73XB4ZKjs.installRendererDevTraps; exports.isRendererDevMode = _chunkM73XB4ZKjs.isRendererDevMode; exports.isSafeUrl = _chunkM73XB4ZKjs.isSafeUrl; exports.loadSpline = loadSpline; exports.measureVectoUserTiming = measureVectoUserTiming; exports.parseColorToRGBA = _chunkM73XB4ZKjs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkM73XB4ZKjs.sanitizeUrl; exports.setRendererDevMode = _chunkM73XB4ZKjs.setRendererDevMode;
+exports.CanvasRenderer = _chunkM73XB4ZKjs.CanvasRenderer; exports.Circle = Circle; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DEFAULT_CONTENT_SEMANTIC_BUDGET = DEFAULT_CONTENT_SEMANTIC_BUDGET; exports.DOMPortalEntity = DOMPortalEntity; exports.Entity = _chunkFQ2565ITjs.Entity; exports.GlyphRasterAtlas = _chunkM73XB4ZKjs.GlyphRasterAtlas; exports.GridTextEntity = GridTextEntity; exports.Group = Group; exports.MSDFTextEntity = _chunkFQ2565ITjs.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.Rect = Rect; exports.SCENE_OPTION_KEYS = SCENE_OPTION_KEYS; exports.SVGEntity = _chunkFQ2565ITjs.SVGEntity; exports.SVGRenderer = _chunkM73XB4ZKjs.SVGRenderer; exports.Scene = Scene; exports.SplineEntity = SplineEntity; exports.TextEntity = TextEntity; exports.TextRasterCache = _chunkM73XB4ZKjs.TextRasterCache; exports.VECTO_USER_TIMING = VECTO_USER_TIMING; exports.VectoJSEvent = _chunkFQ2565ITjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkM73XB4ZKjs.WebGPUParticleSystemManager; exports.beginVectoUserTiming = beginVectoUserTiming; exports.contentLineInHint = _chunkFQ2565ITjs.contentLineInHint; exports.createWebGLPointRenderer = _chunkM73XB4ZKjs.createWebGLPointRenderer; exports.endVectoUserTiming = endVectoUserTiming; exports.installRendererDevTraps = _chunkM73XB4ZKjs.installRendererDevTraps; exports.isRendererDevMode = _chunkM73XB4ZKjs.isRendererDevMode; exports.isSafeUrl = _chunkM73XB4ZKjs.isSafeUrl; exports.loadSpline = loadSpline; exports.measureVectoUserTiming = measureVectoUserTiming; exports.parseColorToRGBA = _chunkM73XB4ZKjs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier; exports.sanitizeUrl = _chunkM73XB4ZKjs.sanitizeUrl; exports.setRendererDevMode = _chunkM73XB4ZKjs.setRendererDevMode;