@vectojs/core 1.35.1 → 1.35.3

package/dist/{chunk-IFSFHYF7.mjs → chunk-25PS5K7R.mjs}

@@ -231,6 +231,10 @@ var CanvasRenderer = class _CanvasRenderer {
     this.ctx.canvas.style.width = `${width}px`;
     this.ctx.canvas.style.height = `${height}px`;
     this.ctx.scale(dpr, dpr);
+    this._cachedFont = "";
+    this._cachedFill = "";
+    this.batchActive = false;
+    this.batchCount = 0;
   }
   /** Whether the 2D context is currently lost (drawing is a no-op until it is
    *  restored). The owner skips its render pass while this is true. */
@@ -378,10 +382,12 @@ var CanvasRenderer = class _CanvasRenderer {
   flush() {
     if (!this.batchActive) return;
     if (this.counters) this.counters.flushes++;
+    const prevAlpha = this.ctx.globalAlpha;
     this.ctx.globalAlpha = this.batchAlpha;
     this.ctx.fillStyle = this.batchColor;
     this.ctx.fill();
-    this.ctx.globalAlpha = 1;
+    this.ctx.globalAlpha = prevAlpha;
+    this._cachedFill = this.batchColor;
     this.batchActive = false;
     this.batchCount = 0;
   }
@@ -463,17 +469,22 @@ function hasSafeSchemeOrIsRelative(url) {
   if (!SCHEME_PATTERN.test(candidate)) return true;
   return SAFE_SCHEMES.has(`${candidate.toLowerCase()}:`);
 }
+var CHAR_REF = /&(?:#\d+|#x[\da-f]+|colon|tab|newline);/i;
+function decodeCharacterReferences(value) {
+  if (value.indexOf("&") < 0 || !CHAR_REF.test(value)) return value;
+  return value.replace(/&#x([\da-f]+);/gi, (_, hex) => String.fromCodePoint(parseInt(hex, 16))).replace(/&#(\d+);/g, (_, dec) => String.fromCodePoint(parseInt(dec, 10))).replace(/&colon;/gi, ":").replace(/&tab;/gi, "	").replace(/&newline;/gi, "\n");
+}
 function sanitizeUrl(href) {
   if (typeof href !== "string") return "";
   const trimmed = href.trim();
   if (trimmed === "") return "";
-  return hasSafeSchemeOrIsRelative(trimmed) ? trimmed : "#";
+  return hasSafeSchemeOrIsRelative(decodeCharacterReferences(trimmed)) ? trimmed : "#";
 }
 function isSafeUrl(urlStr) {
   if (typeof urlStr !== "string") return false;
   const trimmed = urlStr.trim();
   if (trimmed === "") return false;
-  return hasSafeSchemeOrIsRelative(trimmed);
+  return hasSafeSchemeOrIsRelative(decodeCharacterReferences(trimmed));
 }
 
 // src/renderer/SVGRenderer.ts
@@ -942,6 +953,7 @@ var SVGRenderer = class {
 var CACHE_MAX = 1e3;
 var cache = /* @__PURE__ */ new Map();
 var fallbackCtx;
+var SENTINEL = "#010203";
 function fromHex(hex) {
   const h = hex.slice(1);
   const n = h.length;
@@ -976,7 +988,9 @@ function fromCanvas(css) {
   if (!fallbackCtx) fallbackCtx = document.createElement("canvas").getContext("2d");
   if (!fallbackCtx) return null;
   fallbackCtx.clearRect(0, 0, 1, 1);
+  fallbackCtx.fillStyle = SENTINEL;
   fallbackCtx.fillStyle = css;
+  if (fallbackCtx.fillStyle === SENTINEL) return null;
   fallbackCtx.fillRect(0, 0, 1, 1);
   const d = fallbackCtx.getImageData(0, 0, 1, 1).data;
   return [d[0] / 255, d[1] / 255, d[2] / 255, d[3] / 255];
@@ -1475,6 +1489,22 @@ function createWebGLPointRenderer(canvas) {
   let destroyed = false;
   const pointSizeRange = typeof gl.getParameter === "function" ? gl.getParameter(gl.ALIASED_POINT_SIZE_RANGE) : null;
   const maxPointSize = pointSizeRange ? pointSizeRange[1] : Infinity;
+  const drawSprites = () => {
+    if (spriteCount === 0 || !texture) return;
+    const bytes = spriteCount * VERTS_PER_QUAD * PACKED_QUAD_VERT_STRIDE;
+    gl.useProgram(spriteProgram);
+    gl.bindVertexArray(spriteVAO);
+    gl.bindBuffer(gl.ARRAY_BUFFER, spriteBuffer);
+    gl.bufferData(gl.ARRAY_BUFFER, spriteData.u8.subarray(0, bytes), gl.DYNAMIC_DRAW);
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.uniform1i(sUTex, 0);
+    gl.uniform2f(sURes, logicalW, logicalH);
+    ensureQuadIndices(spriteCount);
+    gl.drawElements(gl.TRIANGLES, spriteCount * INDICES_PER_QUAD, gl.UNSIGNED_INT, 0);
+    frameDrawCalls++;
+    spriteCount = 0;
+  };
   const drawGlyphs = () => {
     if (glyphCount === 0 || !msdfTexture) return;
     const bytes = glyphCount * VERTS_PER_QUAD * PACKED_QUAD_VERT_STRIDE;
@@ -1534,6 +1564,7 @@ function createWebGLPointRenderer(canvas) {
     setTexture(source) {
       if (source === textureSource && texture) return;
       if (!isSourceReady(source)) return;
+      drawSprites();
       if (!texture) {
         texture = gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
@@ -1718,18 +1749,7 @@ function createWebGLPointRenderer(canvas) {
         frameDrawCalls++;
       }
       if (spriteCount > 0 && texture) {
-        const bytes = spriteCount * VERTS_PER_QUAD * PACKED_QUAD_VERT_STRIDE;
-        gl.useProgram(spriteProgram);
-        gl.bindVertexArray(spriteVAO);
-        gl.bindBuffer(gl.ARRAY_BUFFER, spriteBuffer);
-        gl.bufferData(gl.ARRAY_BUFFER, spriteData.u8.subarray(0, bytes), gl.DYNAMIC_DRAW);
-        gl.activeTexture(gl.TEXTURE0);
-        gl.bindTexture(gl.TEXTURE_2D, texture);
-        gl.uniform1i(sUTex, 0);
-        gl.uniform2f(sURes, logicalW, logicalH);
-        ensureQuadIndices(spriteCount);
-        gl.drawElements(gl.TRIANGLES, spriteCount * INDICES_PER_QUAD, gl.UNSIGNED_INT, 0);
-        frameDrawCalls++;
+        drawSprites();
       }
       gl.bindVertexArray(null);
       drawGlyphs();

package/dist/{chunk-TV4ARAC5.mjs → chunk-CHDJEHML.mjs}

@@ -390,6 +390,7 @@ var Entity = class {
       s.markStructureChanged?.();
       s.markDirty({ entity: this.id, reason: "child-added" });
       child._notifyMounted();
+      s._registerActiveDriverSubtree?.(child);
     }
   }
   /** Called once when this entity becomes attached to a live Scene. Override to react. */
@@ -419,6 +420,7 @@ var Entity = class {
         s.a11yNeedsReorder = true;
         s.markStructureChanged?.();
         s.markDirty({ entity: this.id, reason: "child-removed" });
+        s._unregisterActiveDriverSubtree?.(child);
       }
     }
     return this;

package/dist/{chunk-M73XB4ZK.js → chunk-MO24PVGT.js}

@@ -22,8 +22,8 @@ function setRendererDevMode(active) {
 function isRendererDevMode() {
   if (rendererDevMode) return true;
   const g = typeof globalThis !== "undefined" ? globalThis : void 0;
-  if (_optionalChain([g, 'optionalAccess', _ => _.__DEV__])) return true;
-  return _optionalChain([g, 'optionalAccess', _2 => _2.process, 'optionalAccess', _3 => _3.env, 'optionalAccess', _4 => _4.NODE_ENV]) === "development";
+  if (_optionalChain([g, 'optionalAccess', _2 => _2.__DEV__])) return true;
+  return _optionalChain([g, 'optionalAccess', _3 => _3.process, 'optionalAccess', _4 => _4.env, 'optionalAccess', _5 => _5.NODE_ENV]) === "development";
 }
 function installRendererDevTraps(renderer, label) {
   if (!isRendererDevMode()) return;
@@ -133,8 +133,8 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
     this.maxDPR = maxDPR;
     const dpr = this.effectiveDPR();
     this.appliedDPR = dpr;
-    this.width = _nullishCoalesce(_optionalChain([size, 'optionalAccess', _5 => _5.width]), () => ( (typeof window !== "undefined" ? window.innerWidth : canvas.width || 0)));
-    this.height = _nullishCoalesce(_optionalChain([size, 'optionalAccess', _6 => _6.height]), () => ( (typeof window !== "undefined" ? window.innerHeight : canvas.height || 0)));
+    this.width = _nullishCoalesce(_optionalChain([size, 'optionalAccess', _6 => _6.width]), () => ( (typeof window !== "undefined" ? window.innerWidth : canvas.width || 0)));
+    this.height = _nullishCoalesce(_optionalChain([size, 'optionalAccess', _7 => _7.height]), () => ( (typeof window !== "undefined" ? window.innerHeight : canvas.height || 0)));
     canvas.width = this.width * dpr;
     canvas.height = this.height * dpr;
     if (canvas.style) {
@@ -179,7 +179,7 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
       this.batchActive = false;
       this.batchCount = 0;
       this.contextLost = false;
-      _optionalChain([this, 'access', _7 => _7.contextRestoredCb, 'optionalCall', _8 => _8()]);
+      _optionalChain([this, 'access', _8 => _8.contextRestoredCb, 'optionalCall', _9 => _9()]);
     });
   }
   /**
@@ -233,6 +233,10 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
     this.ctx.canvas.style.width = `${width}px`;
     this.ctx.canvas.style.height = `${height}px`;
     this.ctx.scale(dpr, dpr);
+    this._cachedFont = "";
+    this._cachedFill = "";
+    this.batchActive = false;
+    this.batchCount = 0;
   }
   /** Whether the 2D context is currently lost (drawing is a no-op until it is
    *  restored). The owner skips its render pass while this is true. */
@@ -380,10 +384,12 @@ var CanvasRenderer = (_class = class _CanvasRenderer {
   flush() {
     if (!this.batchActive) return;
     if (this.counters) this.counters.flushes++;
+    const prevAlpha = this.ctx.globalAlpha;
     this.ctx.globalAlpha = this.batchAlpha;
     this.ctx.fillStyle = this.batchColor;
     this.ctx.fill();
-    this.ctx.globalAlpha = 1;
+    this.ctx.globalAlpha = prevAlpha;
+    this._cachedFill = this.batchColor;
     this.batchActive = false;
     this.batchCount = 0;
   }
@@ -465,17 +471,22 @@ function hasSafeSchemeOrIsRelative(url) {
   if (!SCHEME_PATTERN.test(candidate)) return true;
   return SAFE_SCHEMES.has(`${candidate.toLowerCase()}:`);
 }
+var CHAR_REF = /&(?:#\d+|#x[\da-f]+|colon|tab|newline);/i;
+function decodeCharacterReferences(value) {
+  if (value.indexOf("&") < 0 || !CHAR_REF.test(value)) return value;
+  return value.replace(/&#x([\da-f]+);/gi, (_, hex) => String.fromCodePoint(parseInt(hex, 16))).replace(/&#(\d+);/g, (_, dec) => String.fromCodePoint(parseInt(dec, 10))).replace(/&colon;/gi, ":").replace(/&tab;/gi, "	").replace(/&newline;/gi, "\n");
+}
 function sanitizeUrl(href) {
   if (typeof href !== "string") return "";
   const trimmed = href.trim();
   if (trimmed === "") return "";
-  return hasSafeSchemeOrIsRelative(trimmed) ? trimmed : "#";
+  return hasSafeSchemeOrIsRelative(decodeCharacterReferences(trimmed)) ? trimmed : "#";
 }
 function isSafeUrl(urlStr) {
   if (typeof urlStr !== "string") return false;
   const trimmed = urlStr.trim();
   if (trimmed === "") return false;
-  return hasSafeSchemeOrIsRelative(trimmed);
+  return hasSafeSchemeOrIsRelative(decodeCharacterReferences(trimmed));
 }
 
 // src/renderer/SVGRenderer.ts
@@ -790,8 +801,8 @@ var SVGRenderer = (_class2 = class {
   }
   drawImage(source, dx, dy, dw, dh) {
     this.flush();
-    const fromCanvas2 = typeof _optionalChain([source, 'optionalAccess', _9 => _9.toDataURL]) === "function";
-    const rawHref = fromCanvas2 ? source.toDataURL() : _optionalChain([source, 'optionalAccess', _10 => _10.src]) || "";
+    const fromCanvas2 = typeof _optionalChain([source, 'optionalAccess', _10 => _10.toDataURL]) === "function";
+    const rawHref = fromCanvas2 ? source.toDataURL() : _optionalChain([source, 'optionalAccess', _11 => _11.src]) || "";
     const href = fromCanvas2 && this.isSafeRasterDataUrl(rawHref) ? rawHref : sanitizeUrl(String(rawHref));
     const transformStr = `matrix(${this.ma},${this.mb},${this.mc},${this.md},${this.me},${this.mf})`;
     if (href) {
@@ -944,6 +955,7 @@ var SVGRenderer = (_class2 = class {
 var CACHE_MAX = 1e3;
 var cache = /* @__PURE__ */ new Map();
 var fallbackCtx;
+var SENTINEL = "#010203";
 function fromHex(hex) {
   const h = hex.slice(1);
   const n = h.length;
@@ -978,7 +990,9 @@ function fromCanvas(css) {
   if (!fallbackCtx) fallbackCtx = document.createElement("canvas").getContext("2d");
   if (!fallbackCtx) return null;
   fallbackCtx.clearRect(0, 0, 1, 1);
+  fallbackCtx.fillStyle = SENTINEL;
   fallbackCtx.fillStyle = css;
+  if (fallbackCtx.fillStyle === SENTINEL) return null;
   fallbackCtx.fillRect(0, 0, 1, 1);
   const d = fallbackCtx.getImageData(0, 0, 1, 1).data;
   return [d[0] / 255, d[1] / 255, d[2] / 255, d[3] / 255];
@@ -1477,6 +1491,22 @@ function createWebGLPointRenderer(canvas) {
   let destroyed = false;
   const pointSizeRange = typeof gl.getParameter === "function" ? gl.getParameter(gl.ALIASED_POINT_SIZE_RANGE) : null;
   const maxPointSize = pointSizeRange ? pointSizeRange[1] : Infinity;
+  const drawSprites = () => {
+    if (spriteCount === 0 || !texture) return;
+    const bytes = spriteCount * VERTS_PER_QUAD * PACKED_QUAD_VERT_STRIDE;
+    gl.useProgram(spriteProgram);
+    gl.bindVertexArray(spriteVAO);
+    gl.bindBuffer(gl.ARRAY_BUFFER, spriteBuffer);
+    gl.bufferData(gl.ARRAY_BUFFER, spriteData.u8.subarray(0, bytes), gl.DYNAMIC_DRAW);
+    gl.activeTexture(gl.TEXTURE0);
+    gl.bindTexture(gl.TEXTURE_2D, texture);
+    gl.uniform1i(sUTex, 0);
+    gl.uniform2f(sURes, logicalW, logicalH);
+    ensureQuadIndices(spriteCount);
+    gl.drawElements(gl.TRIANGLES, spriteCount * INDICES_PER_QUAD, gl.UNSIGNED_INT, 0);
+    frameDrawCalls++;
+    spriteCount = 0;
+  };
   const drawGlyphs = () => {
     if (glyphCount === 0 || !msdfTexture) return;
     const bytes = glyphCount * VERTS_PER_QUAD * PACKED_QUAD_VERT_STRIDE;
@@ -1536,6 +1566,7 @@ function createWebGLPointRenderer(canvas) {
     setTexture(source) {
       if (source === textureSource && texture) return;
       if (!isSourceReady(source)) return;
+      drawSprites();
       if (!texture) {
         texture = gl.createTexture();
         gl.bindTexture(gl.TEXTURE_2D, texture);
@@ -1720,18 +1751,7 @@ function createWebGLPointRenderer(canvas) {
         frameDrawCalls++;
       }
       if (spriteCount > 0 && texture) {
-        const bytes = spriteCount * VERTS_PER_QUAD * PACKED_QUAD_VERT_STRIDE;
-        gl.useProgram(spriteProgram);
-        gl.bindVertexArray(spriteVAO);
-        gl.bindBuffer(gl.ARRAY_BUFFER, spriteBuffer);
-        gl.bufferData(gl.ARRAY_BUFFER, spriteData.u8.subarray(0, bytes), gl.DYNAMIC_DRAW);
-        gl.activeTexture(gl.TEXTURE0);
-        gl.bindTexture(gl.TEXTURE_2D, texture);
-        gl.uniform1i(sUTex, 0);
-        gl.uniform2f(sURes, logicalW, logicalH);
-        ensureQuadIndices(spriteCount);
-        gl.drawElements(gl.TRIANGLES, spriteCount * INDICES_PER_QUAD, gl.UNSIGNED_INT, 0);
-        frameDrawCalls++;
+        drawSprites();
       }
       gl.bindVertexArray(null);
       drawGlyphs();

package/dist/{chunk-XXU56ZNA.js → chunk-XHPUCU5P.js}

@@ -392,6 +392,7 @@ var Entity = (_class2 = class {
       _optionalChain([s, 'access', _43 => _43.markStructureChanged, 'optionalCall', _44 => _44()]);
       s.markDirty({ entity: this.id, reason: "child-added" });
       child._notifyMounted();
+      _optionalChain([s, 'access', _45 => _45._registerActiveDriverSubtree, 'optionalCall', _46 => _46(child)]);
     }
   }
   /** Called once when this entity becomes attached to a live Scene. Override to react. */
@@ -419,8 +420,9 @@ var Entity = (_class2 = class {
       if (s) {
         s.detachA11y(child);
         s.a11yNeedsReorder = true;
-        _optionalChain([s, 'access', _45 => _45.markStructureChanged, 'optionalCall', _46 => _46()]);
+        _optionalChain([s, 'access', _47 => _47.markStructureChanged, 'optionalCall', _48 => _48()]);
         s.markDirty({ entity: this.id, reason: "child-removed" });
+        _optionalChain([s, 'access', _49 => _49._unregisterActiveDriverSubtree, 'optionalCall', _50 => _50(child)]);
       }
     }
     return this;
@@ -474,7 +476,7 @@ var Entity = (_class2 = class {
       startTime: -1,
       startProps: {}
     });
-    _optionalChain([this, 'access', _47 => _47.scene, 'optionalAccess', _48 => _48.markDirty, 'call', _49 => _49({ entity: this.id, reason: "animation-start" })]);
+    _optionalChain([this, 'access', _51 => _51.scene, 'optionalAccess', _52 => _52.markDirty, 'call', _53 => _53({ entity: this.id, reason: "animation-start" })]);
     return this;
   }
   /** Write a driver-computed value to a backing field without re-triggering the setter. */
@@ -521,26 +523,26 @@ var Entity = (_class2 = class {
    * that need to seed a starting state (e.g. the presence helper's enter `from`).
    */
   setImmediate(prop, v) {
-    const existing = _optionalChain([this, 'access', _50 => _50._drivers, 'optionalAccess', _51 => _51.get, 'call', _52 => _52(prop)]);
+    const existing = _optionalChain([this, 'access', _54 => _54._drivers, 'optionalAccess', _55 => _55.get, 'call', _56 => _56(prop)]);
     if (existing) this._settleDriver(existing);
-    _optionalChain([this, 'access', _53 => _53._drivers, 'optionalAccess', _54 => _54.delete, 'call', _55 => _55(prop)]);
+    _optionalChain([this, 'access', _57 => _57._drivers, 'optionalAccess', _58 => _58.delete, 'call', _59 => _59(prop)]);
     this._applyAnimated(prop, v);
   }
   _settleDriver(driver) {
     const active = driver;
     const onDone = active.onDone;
     active.onDone = void 0;
-    _optionalChain([onDone, 'optionalCall', _56 => _56()]);
+    _optionalChain([onDone, 'optionalCall', _60 => _60()]);
   }
   _spawnDriver(prop, to, cfg) {
-    if (prop !== "opacity" && _optionalChain([this, 'access', _57 => _57.scene, 'optionalAccess', _58 => _58.prefersReducedMotion])) {
-      const existing2 = _optionalChain([this, 'access', _59 => _59._drivers, 'optionalAccess', _60 => _60.get, 'call', _61 => _61(prop)]);
+    if (prop !== "opacity" && _optionalChain([this, 'access', _61 => _61.scene, 'optionalAccess', _62 => _62.prefersReducedMotion])) {
+      const existing2 = _optionalChain([this, 'access', _63 => _63._drivers, 'optionalAccess', _64 => _64.get, 'call', _65 => _65(prop)]);
       if (existing2) this._settleDriver(existing2);
-      _optionalChain([this, 'access', _62 => _62._drivers, 'optionalAccess', _63 => _63.delete, 'call', _64 => _64(prop)]);
+      _optionalChain([this, 'access', _66 => _66._drivers, 'optionalAccess', _67 => _67.delete, 'call', _68 => _68(prop)]);
       this._applyAnimated(prop, to);
       return;
     }
-    const existing = _optionalChain([this, 'access', _65 => _65._drivers, 'optionalAccess', _66 => _66.get, 'call', _67 => _67(prop)]);
+    const existing = _optionalChain([this, 'access', _69 => _69._drivers, 'optionalAccess', _70 => _70.get, 'call', _71 => _71(prop)]);
     if (existing) {
       this._settleDriver(existing);
       existing.retarget(to);
@@ -549,12 +551,12 @@ var Entity = (_class2 = class {
     const from = this._currentOf(prop);
     const driver = _animation.isTweenConfig.call(void 0, cfg) ? new (0, _animation.TweenDriver)(from, to, cfg) : new (0, _animation.SpringDriver)(from, to, cfg === "spring" ? {} : cfg);
     (this._drivers ??= /* @__PURE__ */ new Map()).set(prop, driver);
-    _optionalChain([this, 'access', _68 => _68.scene, 'optionalAccess', _69 => _69.markDirty, 'call', _70 => _70({ entity: this.id, reason: "driver-added" })]);
-    _optionalChain([this, 'access', _71 => _71.scene, 'optionalAccess', _72 => _72._registerActiveDriverEntity, 'call', _73 => _73(this)]);
+    _optionalChain([this, 'access', _72 => _72.scene, 'optionalAccess', _73 => _73.markDirty, 'call', _74 => _74({ entity: this.id, reason: "driver-added" })]);
+    _optionalChain([this, 'access', _75 => _75.scene, 'optionalAccess', _76 => _76._registerActiveDriverEntity, 'call', _77 => _77(this)]);
   }
   /** Assignment path when a declarative transition is configured for `prop`. */
   _animateProp(prop, to) {
-    const cfg = _optionalChain([this, 'access', _74 => _74._transitions, 'optionalAccess', _75 => _75.get, 'call', _76 => _76(prop)]);
+    const cfg = _optionalChain([this, 'access', _78 => _78._transitions, 'optionalAccess', _79 => _79.get, 'call', _80 => _80(prop)]);
     if (!cfg) {
       this._applyAnimated(prop, to);
       return;
@@ -583,7 +585,7 @@ var Entity = (_class2 = class {
       entries.map(
         (e) => new Promise((resolve) => {
           this._spawnDriver(e[0], e[1], cfg);
-          const d = _optionalChain([this, 'access', _77 => _77._drivers, 'optionalAccess', _78 => _78.get, 'call', _79 => _79(e[0])]);
+          const d = _optionalChain([this, 'access', _81 => _81._drivers, 'optionalAccess', _82 => _82.get, 'call', _83 => _83(e[0])]);
           if (!d)
             resolve();
           else d.onDone = resolve;
@@ -605,7 +607,7 @@ var Entity = (_class2 = class {
         this._applyAnimated(prop, driver.value);
       }
     }
-    _optionalChain([this, 'access', _80 => _80.scene, 'optionalAccess', _81 => _81.markDirty, 'call', _82 => _82({ entity: this.id, reason: "driver-tick" })]);
+    _optionalChain([this, 'access', _84 => _84.scene, 'optionalAccess', _85 => _85.markDirty, 'call', _86 => _86({ entity: this.id, reason: "driver-tick" })]);
   }
   /**
    * Internal: this entity's active-driver map (read-only view), or `null` if
@@ -630,7 +632,7 @@ var Entity = (_class2 = class {
     if (driver.isDone()) {
       this._applyAnimated(prop, driver.target);
       this._settleDriver(driver);
-      _optionalChain([this, 'access', _83 => _83._drivers, 'optionalAccess', _84 => _84.delete, 'call', _85 => _85(prop)]);
+      _optionalChain([this, 'access', _87 => _87._drivers, 'optionalAccess', _88 => _88.delete, 'call', _89 => _89(prop)]);
     } else {
       this._applyAnimated(prop, driver.value);
     }
@@ -691,7 +693,7 @@ var Entity = (_class2 = class {
    * @example entity.on('click', (e) => console.log('clicked', e));
    */
   on(event, callback, options) {
-    const map = _optionalChain([options, 'optionalAccess', _86 => _86.capture]) ? this.captureListeners ??= /* @__PURE__ */ new Map() : this.listeners ??= /* @__PURE__ */ new Map();
+    const map = _optionalChain([options, 'optionalAccess', _90 => _90.capture]) ? this.captureListeners ??= /* @__PURE__ */ new Map() : this.listeners ??= /* @__PURE__ */ new Map();
     if (!map.has(event)) {
       map.set(event, []);
     }
@@ -707,7 +709,7 @@ var Entity = (_class2 = class {
    * @returns `this` for method chaining.
    */
   off(event, callback, options) {
-    const handlers = _optionalChain([(_optionalChain([options, 'optionalAccess', _87 => _87.capture]) ? this.captureListeners : this.listeners), 'optionalAccess', _88 => _88.get, 'call', _89 => _89(event)]);
+    const handlers = _optionalChain([(_optionalChain([options, 'optionalAccess', _91 => _91.capture]) ? this.captureListeners : this.listeners), 'optionalAccess', _92 => _92.get, 'call', _93 => _93(event)]);
     if (handlers) {
       const idx = handlers.indexOf(callback);
       if (idx !== -1) handlers.splice(idx, 1);
@@ -744,8 +746,8 @@ var Entity = (_class2 = class {
       }
       this._drivers.clear();
     }
-    _optionalChain([this, 'access', _90 => _90.listeners, 'optionalAccess', _91 => _91.clear, 'call', _92 => _92()]);
-    _optionalChain([this, 'access', _93 => _93.captureListeners, 'optionalAccess', _94 => _94.clear, 'call', _95 => _95()]);
+    _optionalChain([this, 'access', _94 => _94.listeners, 'optionalAccess', _95 => _95.clear, 'call', _96 => _96()]);
+    _optionalChain([this, 'access', _97 => _97.captureListeners, 'optionalAccess', _98 => _98.clear, 'call', _99 => _99()]);
     if (this.parent) {
       this.parent.remove(this);
     }
@@ -760,7 +762,7 @@ var Entity = (_class2 = class {
    * @param payload - Arbitrary data forwarded to each listener.
    */
   emit(event, payload) {
-    const handlers = _optionalChain([this, 'access', _96 => _96.listeners, 'optionalAccess', _97 => _97.get, 'call', _98 => _98(event)]);
+    const handlers = _optionalChain([this, 'access', _100 => _100.listeners, 'optionalAccess', _101 => _101.get, 'call', _102 => _102(event)]);
     if (handlers) {
       handlers.forEach((h) => h(payload));
     }
@@ -774,19 +776,19 @@ var Entity = (_class2 = class {
    * with `requestAnimationFrame(() => document.getElementById(id)?.focus())`.
    */
   focus() {
-    const el = _optionalChain([this, 'access', _99 => _99.scene, 'optionalAccess', _100 => _100.getA11yElement, 'call', _101 => _101(this.id)]);
+    const el = _optionalChain([this, 'access', _103 => _103.scene, 'optionalAccess', _104 => _104.getA11yElement, 'call', _105 => _105(this.id)]);
     if (el) {
       el.focus();
       return;
     }
     requestAnimationFrame(() => {
-      const retry = _optionalChain([this, 'access', _102 => _102.scene, 'optionalAccess', _103 => _103.getA11yElement, 'call', _104 => _104(this.id)]);
+      const retry = _optionalChain([this, 'access', _106 => _106.scene, 'optionalAccess', _107 => _107.getA11yElement, 'call', _108 => _108(this.id)]);
       if (retry) retry.focus();
     });
   }
   /** Run one node's listeners for the event, honoring stopImmediatePropagation. */
   fireListeners(node, map, event) {
-    const handlers = _optionalChain([map, 'optionalAccess', _105 => _105.get, 'call', _106 => _106(event.type)]);
+    const handlers = _optionalChain([map, 'optionalAccess', _109 => _109.get, 'call', _110 => _110(event.type)]);
     if (!handlers) return;
     event.currentTarget = node;
     for (const h of handlers.slice()) {
@@ -1173,7 +1175,7 @@ var Entity = (_class2 = class {
    * @returns `true` if at least one animation or property driver remains.
    */
   hasPendingAnimations() {
-    return (_nullishCoalesce(_optionalChain([this, 'access', _107 => _107.animations, 'optionalAccess', _108 => _108.length]), () => ( 0))) > 0 || (_nullishCoalesce(_optionalChain([this, 'access', _109 => _109._drivers, 'optionalAccess', _110 => _110.size]), () => ( 0))) > 0;
+    return (_nullishCoalesce(_optionalChain([this, 'access', _111 => _111.animations, 'optionalAccess', _112 => _112.length]), () => ( 0))) > 0 || (_nullishCoalesce(_optionalChain([this, 'access', _113 => _113._drivers, 'optionalAccess', _114 => _114.size]), () => ( 0))) > 0;
   }
 }, _class2);
 
@@ -1261,7 +1263,7 @@ var MSDFTextEntity = (_class3 = class extends Entity {
     const target = this.texture;
     this.atlasDecodeHandler = () => {
       this.detachAtlasDecodeListener();
-      _optionalChain([this, 'access', _111 => _111.scene, 'optionalAccess', _112 => _112.markDirty, 'call', _113 => _113()]);
+      _optionalChain([this, 'access', _115 => _115.scene, 'optionalAccess', _116 => _116.markDirty, 'call', _117 => _117()]);
     };
     target.addEventListener("load", this.atlasDecodeHandler);
     target.addEventListener("error", this.atlasDecodeHandler);
@@ -1343,7 +1345,7 @@ var MSDFTextEntity = (_class3 = class extends Entity {
         this.layoutResult = res;
         this.contentEpoch++;
         this.rebuildProjectionLines();
-        _optionalChain([this, 'access', _114 => _114.scene, 'optionalAccess', _115 => _115.markDirty, 'call', _116 => _116()]);
+        _optionalChain([this, 'access', _118 => _118.scene, 'optionalAccess', _119 => _119.markDirty, 'call', _120 => _120()]);
       }
     });
   }
@@ -1362,8 +1364,8 @@ var MSDFTextEntity = (_class3 = class extends Entity {
   getContentProjection() {
     if (!this.text) return null;
     const metrics = this.font.data.metrics;
-    const asc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _117 => _117.ascender]), () => ( 0.8));
-    const desc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _118 => _118.descender]), () => ( -0.2));
+    const asc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _121 => _121.ascender]), () => ( 0.8));
+    const desc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _122 => _122.descender]), () => ( -0.2));
     const actualLineHeight = _nullishCoalesce(this.lineHeight, () => ( this.fontSize * (asc - desc)));
     return {
       text: this.text,
@@ -1398,8 +1400,8 @@ var MSDFTextEntity = (_class3 = class extends Entity {
       return;
     }
     const metrics = this.font.data.metrics;
-    const asc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _119 => _119.ascender]), () => ( 0.8));
-    const desc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _120 => _120.descender]), () => ( -0.2));
+    const asc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _123 => _123.ascender]), () => ( 0.8));
+    const desc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _124 => _124.descender]), () => ( -0.2));
     const actualLineHeight = _nullishCoalesce(this.lineHeight, () => ( this.fontSize * (asc - desc)));
     const baseline = asc * this.fontSize;
     const srcIdx = [];

package/dist/components/SplineEntity.d.ts

@@ -99,6 +99,12 @@ export declare class SplineEntity extends Entity {
     /** Logical (CSS-pixel) size of the baked bitmap — the blit destination size. */
     private bakedWidth;
     private bakedHeight;
+    /**
+     * Device-pixel ratio the bitmap was rasterized at. Tracked so a DPR change
+     * (browser zoom, a monitor move, a renderer whose clamp changed) re-bakes
+     * instead of blitting a bitmap at the wrong device density forever.
+     */
+    private bakedDPR;
     /**
      * 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