@vectojs/core 1.38.0 → 1.39.0

package/dist/{chunk-SRXU3ZXK.js → chunk-POPXUPKR.js}

@@ -400,6 +400,18 @@ var Entity = (_class2 = class {
   }
   /** Attach a single child (the O(1) common path). See {@link add}. */
   _addOne(child) {
+    if (child === this) {
+      throw new Error(`Entity.add(): cannot add entity "${child.id}" under itself.`);
+    }
+    let ancestor = this.parent;
+    while (ancestor) {
+      if (ancestor === child) {
+        throw new Error(
+          `Entity.add(): cannot add entity "${child.id}" under "${this.id}" \u2014 an entity cannot be added under its own descendant.`
+        );
+      }
+      ancestor = ancestor.parent;
+    }
     if (child.parent) child.parent.remove(child);
     child.parent = this;
     this.children.push(child);
@@ -487,13 +499,26 @@ var Entity = (_class2 = class {
    * @example entity.animate({ x: 400, opacity: 0 }, 500);
    */
   animate(targetProps, durationMs) {
+    if (!Number.isFinite(durationMs) || durationMs <= 0) {
+      for (const key in targetProps) {
+        const end = targetProps[key];
+        if (typeof end !== "number") continue;
+        if (ANIMATABLE_PROPS.has(key)) {
+          this._applyAnimated(key, end);
+        } else {
+          this[key] = end;
+        }
+      }
+      _optionalChain([this, 'access', _51 => _51.scene, 'optionalAccess', _52 => _52.markDirty, 'call', _53 => _53({ entity: this.id, reason: "animation-start" })]);
+      return this;
+    }
     (this.animations ??= []).push({
       target: targetProps,
       duration: durationMs,
       startTime: -1,
       startProps: {}
     });
-    _optionalChain([this, 'access', _51 => _51.scene, 'optionalAccess', _52 => _52.markDirty, 'call', _53 => _53({ entity: this.id, reason: "animation-start" })]);
+    _optionalChain([this, 'access', _54 => _54.scene, 'optionalAccess', _55 => _55.markDirty, 'call', _56 => _56({ entity: this.id, reason: "animation-start" })]);
     return this;
   }
   /** Write a driver-computed value to a backing field without re-triggering the setter. */
@@ -540,26 +565,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', _54 => _54._drivers, 'optionalAccess', _55 => _55.get, 'call', _56 => _56(prop)]);
+    const existing = _optionalChain([this, 'access', _57 => _57._drivers, 'optionalAccess', _58 => _58.get, 'call', _59 => _59(prop)]);
     if (existing) this._settleDriver(existing);
-    _optionalChain([this, 'access', _57 => _57._drivers, 'optionalAccess', _58 => _58.delete, 'call', _59 => _59(prop)]);
+    _optionalChain([this, 'access', _60 => _60._drivers, 'optionalAccess', _61 => _61.delete, 'call', _62 => _62(prop)]);
     this._applyAnimated(prop, v);
   }
   _settleDriver(driver) {
     const active = driver;
     const onDone = active.onDone;
     active.onDone = void 0;
-    _optionalChain([onDone, 'optionalCall', _60 => _60()]);
+    _optionalChain([onDone, 'optionalCall', _63 => _63()]);
   }
   _spawnDriver(prop, to, cfg) {
-    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 (prop !== "opacity" && _optionalChain([this, 'access', _64 => _64.scene, 'optionalAccess', _65 => _65.prefersReducedMotion])) {
+      const existing2 = _optionalChain([this, 'access', _66 => _66._drivers, 'optionalAccess', _67 => _67.get, 'call', _68 => _68(prop)]);
       if (existing2) this._settleDriver(existing2);
-      _optionalChain([this, 'access', _66 => _66._drivers, 'optionalAccess', _67 => _67.delete, 'call', _68 => _68(prop)]);
+      _optionalChain([this, 'access', _69 => _69._drivers, 'optionalAccess', _70 => _70.delete, 'call', _71 => _71(prop)]);
       this._applyAnimated(prop, to);
       return;
     }
-    const existing = _optionalChain([this, 'access', _69 => _69._drivers, 'optionalAccess', _70 => _70.get, 'call', _71 => _71(prop)]);
+    const existing = _optionalChain([this, 'access', _72 => _72._drivers, 'optionalAccess', _73 => _73.get, 'call', _74 => _74(prop)]);
     if (existing) {
       this._settleDriver(existing);
       existing.retarget(to);
@@ -568,12 +593,17 @@ 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', _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)]);
+    const s = this.scene;
+    if (s && this._driversTickedFrame === s.currentFrame && s._updateWalkDt !== null) {
+      driver.tick(s._updateWalkDt);
+      this._applyDriverTick(prop, driver);
+    }
+    _optionalChain([this, 'access', _75 => _75.scene, 'optionalAccess', _76 => _76.markDirty, 'call', _77 => _77({ entity: this.id, reason: "driver-added" })]);
+    _optionalChain([this, 'access', _78 => _78.scene, 'optionalAccess', _79 => _79._registerActiveDriverEntity, 'call', _80 => _80(this)]);
   }
   /** Assignment path when a declarative transition is configured for `prop`. */
   _animateProp(prop, to) {
-    const cfg = _optionalChain([this, 'access', _78 => _78._transitions, 'optionalAccess', _79 => _79.get, 'call', _80 => _80(prop)]);
+    const cfg = _optionalChain([this, 'access', _81 => _81._transitions, 'optionalAccess', _82 => _82.get, 'call', _83 => _83(prop)]);
     if (!cfg) {
       this._applyAnimated(prop, to);
       return;
@@ -602,7 +632,7 @@ var Entity = (_class2 = class {
       entries.map(
         (e) => new Promise((resolve) => {
           this._spawnDriver(e[0], e[1], cfg);
-          const d = _optionalChain([this, 'access', _81 => _81._drivers, 'optionalAccess', _82 => _82.get, 'call', _83 => _83(e[0])]);
+          const d = _optionalChain([this, 'access', _84 => _84._drivers, 'optionalAccess', _85 => _85.get, 'call', _86 => _86(e[0])]);
           if (!d)
             resolve();
           else d.onDone = resolve;
@@ -624,7 +654,7 @@ var Entity = (_class2 = class {
         this._applyAnimated(prop, driver.value);
       }
     }
-    _optionalChain([this, 'access', _84 => _84.scene, 'optionalAccess', _85 => _85.markDirty, 'call', _86 => _86({ entity: this.id, reason: "driver-tick" })]);
+    _optionalChain([this, 'access', _87 => _87.scene, 'optionalAccess', _88 => _88.markDirty, 'call', _89 => _89({ entity: this.id, reason: "driver-tick" })]);
   }
   /**
    * Internal: this entity's active-driver map (read-only view), or `null` if
@@ -649,15 +679,11 @@ var Entity = (_class2 = class {
     if (driver.isDone()) {
       this._applyAnimated(prop, driver.target);
       this._settleDriver(driver);
-      _optionalChain([this, 'access', _87 => _87._drivers, 'optionalAccess', _88 => _88.delete, 'call', _89 => _89(prop)]);
+      _optionalChain([this, 'access', _90 => _90._drivers, 'optionalAccess', _91 => _91.delete, 'call', _92 => _92(prop)]);
     } else {
       this._applyAnimated(prop, driver.value);
     }
   }
-  /** Internal: true if this entity currently has any active property driver. */
-  _hasActiveDrivers() {
-    return !!this._drivers && this._drivers.size > 0;
-  }
   /**
    * Advance the entity's internal state for one frame.
    *
@@ -710,7 +736,7 @@ var Entity = (_class2 = class {
    * @example entity.on('click', (e) => console.log('clicked', e));
    */
   on(event, callback, options) {
-    const map = _optionalChain([options, 'optionalAccess', _90 => _90.capture]) ? this.captureListeners ??= /* @__PURE__ */ new Map() : this.listeners ??= /* @__PURE__ */ new Map();
+    const map = _optionalChain([options, 'optionalAccess', _93 => _93.capture]) ? this.captureListeners ??= /* @__PURE__ */ new Map() : this.listeners ??= /* @__PURE__ */ new Map();
     if (!map.has(event)) {
       map.set(event, []);
     }
@@ -726,7 +752,7 @@ var Entity = (_class2 = class {
    * @returns `this` for method chaining.
    */
   off(event, callback, options) {
-    const handlers = _optionalChain([(_optionalChain([options, 'optionalAccess', _91 => _91.capture]) ? this.captureListeners : this.listeners), 'optionalAccess', _92 => _92.get, 'call', _93 => _93(event)]);
+    const handlers = _optionalChain([(_optionalChain([options, 'optionalAccess', _94 => _94.capture]) ? this.captureListeners : this.listeners), 'optionalAccess', _95 => _95.get, 'call', _96 => _96(event)]);
     if (handlers) {
       const idx = handlers.indexOf(callback);
       if (idx !== -1) handlers.splice(idx, 1);
@@ -763,8 +789,8 @@ var Entity = (_class2 = class {
       }
       this._drivers.clear();
     }
-    _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()]);
+    _optionalChain([this, 'access', _97 => _97.listeners, 'optionalAccess', _98 => _98.clear, 'call', _99 => _99()]);
+    _optionalChain([this, 'access', _100 => _100.captureListeners, 'optionalAccess', _101 => _101.clear, 'call', _102 => _102()]);
     if (this.parent) {
       this.parent.remove(this);
     }
@@ -779,7 +805,7 @@ var Entity = (_class2 = class {
    * @param payload - Arbitrary data forwarded to each listener.
    */
   emit(event, payload) {
-    const handlers = _optionalChain([this, 'access', _100 => _100.listeners, 'optionalAccess', _101 => _101.get, 'call', _102 => _102(event)]);
+    const handlers = _optionalChain([this, 'access', _103 => _103.listeners, 'optionalAccess', _104 => _104.get, 'call', _105 => _105(event)]);
     if (handlers) {
       handlers.forEach((h) => h(payload));
     }
@@ -793,19 +819,19 @@ var Entity = (_class2 = class {
    * with `requestAnimationFrame(() => document.getElementById(id)?.focus())`.
    */
   focus() {
-    const el = _optionalChain([this, 'access', _103 => _103.scene, 'optionalAccess', _104 => _104.getA11yElement, 'call', _105 => _105(this.id)]);
+    const el = _optionalChain([this, 'access', _106 => _106.scene, 'optionalAccess', _107 => _107.getA11yElement, 'call', _108 => _108(this.id)]);
     if (el) {
       el.focus();
       return;
     }
     requestAnimationFrame(() => {
-      const retry = _optionalChain([this, 'access', _106 => _106.scene, 'optionalAccess', _107 => _107.getA11yElement, 'call', _108 => _108(this.id)]);
+      const retry = _optionalChain([this, 'access', _109 => _109.scene, 'optionalAccess', _110 => _110.getA11yElement, 'call', _111 => _111(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', _109 => _109.get, 'call', _110 => _110(event.type)]);
+    const handlers = _optionalChain([map, 'optionalAccess', _112 => _112.get, 'call', _113 => _113(event.type)]);
     if (!handlers) return;
     event.currentTarget = node;
     for (const h of handlers.slice()) {
@@ -1026,6 +1052,14 @@ var Entity = (_class2 = class {
    * Accumulated world rotation: this entity's own `rotation` plus
    * that of every ancestor.
    *
+   * Valid only under positive scales: the sum models the composed matrix
+   * `T*S*R` correctly while every ancestor's `scaleX`/`scaleY` is positive,
+   * but a mirrored (negative-scale) ancestor flips handedness, which an
+   * additive sum cannot represent — the result is then off by the mirror.
+   * For mirror-safe rotation, derive the angle from
+   * {@link getWorldTransform}'s matrix (e.g. `atan2(b, a)`), as SVGEntity's
+   * signed-scale handling already does.
+   *
    * @returns The accumulated world rotation in radians.
    */
   getWorldRotation() {
@@ -1211,7 +1245,7 @@ var Entity = (_class2 = class {
    * @returns `true` if at least one animation or property driver remains.
    */
   hasPendingAnimations() {
-    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;
+    return (_nullishCoalesce(_optionalChain([this, 'access', _114 => _114.animations, 'optionalAccess', _115 => _115.length]), () => ( 0))) > 0 || (_nullishCoalesce(_optionalChain([this, 'access', _116 => _116._drivers, 'optionalAccess', _117 => _117.size]), () => ( 0))) > 0;
   }
 }, _class2);
 
@@ -1244,17 +1278,16 @@ var MSDFTextEntity = (_class3 = class extends Entity {
   // long-lived shared atlas image would retain the whole entity.
   __init47() {this.atlasDecodeTarget = null}
   __init48() {this.atlasDecodeHandler = null}
-  __init49() {this.rgbColorCache = /* @__PURE__ */ new Map()}
-  __init50() {this.fontStringCache = []}
-  __init51() {this.layoutResult = null}
+  __init49() {this.fontStringCache = []}
+  __init50() {this.layoutResult = null}
   /**
    * Visual rows rebuilt from {@link layoutResult} (see
    * {@link rebuildProjectionLines}). Empty until a layout reply lands and the
    * reply's shaped glyphs can be mapped back to the source text 1:1.
    */
-  __init52() {this.projectionLines = []}
+  __init51() {this.projectionLines = []}
   constructor(text, options) {
-    super();_class3.prototype.__init42.call(this);_class3.prototype.__init43.call(this);_class3.prototype.__init44.call(this);_class3.prototype.__init45.call(this);_class3.prototype.__init46.call(this);_class3.prototype.__init47.call(this);_class3.prototype.__init48.call(this);_class3.prototype.__init49.call(this);_class3.prototype.__init50.call(this);_class3.prototype.__init51.call(this);_class3.prototype.__init52.call(this);;
+    super();_class3.prototype.__init42.call(this);_class3.prototype.__init43.call(this);_class3.prototype.__init44.call(this);_class3.prototype.__init45.call(this);_class3.prototype.__init46.call(this);_class3.prototype.__init47.call(this);_class3.prototype.__init48.call(this);_class3.prototype.__init49.call(this);_class3.prototype.__init50.call(this);_class3.prototype.__init51.call(this);;
     this.font = options.font;
     this.texture = options.texture;
     this.fallbackFont = _nullishCoalesce(options.fallbackFont, () => ( "sans-serif"));
@@ -1299,7 +1332,7 @@ var MSDFTextEntity = (_class3 = class extends Entity {
     const target = this.texture;
     this.atlasDecodeHandler = () => {
       this.detachAtlasDecodeListener();
-      _optionalChain([this, 'access', _115 => _115.scene, 'optionalAccess', _116 => _116.markDirty, 'call', _117 => _117()]);
+      _optionalChain([this, 'access', _118 => _118.scene, 'optionalAccess', _119 => _119.markDirty, 'call', _120 => _120()]);
     };
     target.addEventListener("load", this.atlasDecodeHandler);
     target.addEventListener("error", this.atlasDecodeHandler);
@@ -1381,7 +1414,7 @@ var MSDFTextEntity = (_class3 = class extends Entity {
         this.layoutResult = res;
         this.contentEpoch++;
         this.rebuildProjectionLines();
-        _optionalChain([this, 'access', _118 => _118.scene, 'optionalAccess', _119 => _119.markDirty, 'call', _120 => _120()]);
+        _optionalChain([this, 'access', _121 => _121.scene, 'optionalAccess', _122 => _122.markDirty, 'call', _123 => _123()]);
       }
     });
   }
@@ -1400,8 +1433,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', _121 => _121.ascender]), () => ( 0.8));
-    const desc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _122 => _122.descender]), () => ( -0.2));
+    const asc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _124 => _124.ascender]), () => ( 0.8));
+    const desc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _125 => _125.descender]), () => ( -0.2));
     const actualLineHeight = _nullishCoalesce(this.lineHeight, () => ( this.fontSize * (asc - desc)));
     return {
       text: this.text,
@@ -1431,18 +1464,33 @@ var MSDFTextEntity = (_class3 = class extends Entity {
       shaped.push(String.fromCodePoint(res.codePoints[i]));
     }
     const sourceWithoutNewlines = this.text.replace(/\n/g, "");
-    if (this.textAlign !== "left" || shaped.join("") !== sourceWithoutNewlines || res.yCoords.length !== res.codePoints.length) {
+    if (this.textAlign !== "left" || // The layout worker breaks lines on \n only, so a \r survives as a real
+    // glyph — a phantom ~1em advance at every CRLF line end — yet would
+    // still compare equal below after \n is stripped from both sides. The
+    // contract promises the coarse branch whenever the reply cannot
+    // reproduce the source exactly, and that includes any \r (#692).
+    this.text.includes("\r") || shaped.join("") !== sourceWithoutNewlines || res.yCoords.length !== res.codePoints.length) {
       this.projectionLines = [];
       return;
     }
     const metrics = this.font.data.metrics;
-    const asc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _123 => _123.ascender]), () => ( 0.8));
-    const desc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _124 => _124.descender]), () => ( -0.2));
+    const asc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _126 => _126.ascender]), () => ( 0.8));
+    const desc = _nullishCoalesce(_optionalChain([metrics, 'optionalAccess', _127 => _127.descender]), () => ( -0.2));
     const actualLineHeight = _nullishCoalesce(this.lineHeight, () => ( this.fontSize * (asc - desc)));
     const baseline = asc * this.fontSize;
-    const srcIdx = [];
-    for (let i = 0; i < this.text.length; i++) {
-      if (this.text[i] !== "\n") srcIdx.push(i);
+    const srcStart = [];
+    const srcEnd = [];
+    {
+      let cursor = 0;
+      while (cursor < this.text.length) {
+        const code = this.text.codePointAt(cursor);
+        const width = code > 65535 ? 2 : 1;
+        if (code !== 10) {
+          srcStart.push(cursor);
+          srcEnd.push(cursor + width);
+        }
+        cursor += width;
+      }
     }
     const glyphsByLine = /* @__PURE__ */ new Map();
     let maxIdx = -1;
@@ -1458,8 +1506,8 @@ var MSDFTextEntity = (_class3 = class extends Entity {
     let previousEnd = 0;
     for (let i = 0; i <= maxIdx; i++) {
       const glyphs = _nullishCoalesce(glyphsByLine.get(i), () => ( []));
-      const start = glyphs.length > 0 ? srcIdx[glyphs[0]] : previousEnd;
-      const end = glyphs.length > 0 ? srcIdx[glyphs[glyphs.length - 1]] + 1 : start;
+      const start = glyphs.length > 0 ? srcStart[glyphs[0]] : previousEnd;
+      const end = glyphs.length > 0 ? srcEnd[glyphs[glyphs.length - 1]] : start;
       starts.push(start);
       ends.push(end);
       previousEnd = Math.max(previousEnd, end);
@@ -1512,7 +1560,6 @@ var MSDFTextEntity = (_class3 = class extends Entity {
         const code = this.layoutResult.codePoints[i];
         const nodeX = this.layoutResult.xCoords[i];
         const nodeY = this.layoutResult.yCoords[i];
-        const packedStyle = this.layoutResult.packedStyles[i];
         const def = this.font.getGlyph(code);
         if (!def || !def.atlasBounds || !def.planeBounds) continue;
         const { atlasBounds: ab, planeBounds: pb } = def;
@@ -1526,15 +1573,6 @@ var MSDFTextEntity = (_class3 = class extends Entity {
         const glyphH = (pb.top - pb.bottom) * this.fontSize * worldScaleY;
         const v0 = this.font.data.atlas.yOrigin === "bottom" ? 1 - ab.top / ah : ab.top / ah;
         const v1 = this.font.data.atlas.yOrigin === "bottom" ? 1 - ab.bottom / ah : ab.bottom / ah;
-        const colorVal = packedStyle >>> 8;
-        let runColor = this.rgbColorCache.get(colorVal);
-        if (!runColor) {
-          const r = colorVal >> 16 & 255;
-          const g = colorVal >> 8 & 255;
-          const b = colorVal & 255;
-          runColor = `rgb(${r},${g},${b})`;
-          this.rgbColorCache.set(colorVal, runColor);
-        }
         scene.pointRenderer.addGlyph(
           glyphX,
           glyphY,
@@ -1544,7 +1582,7 @@ var MSDFTextEntity = (_class3 = class extends Entity {
           v0,
           ab.right / aw,
           v1,
-          runColor,
+          this.color,
           worldOpacity,
           worldRot
         );
@@ -1564,16 +1602,7 @@ var MSDFTextEntity = (_class3 = class extends Entity {
       const nodeY = this.layoutResult.yCoords[i];
       const packedStyle = this.layoutResult.packedStyles[i];
       const fontString = this.fontStringCache[packedStyle & 3];
-      const colorVal = packedStyle >>> 8;
-      let runColor = this.rgbColorCache.get(colorVal);
-      if (!runColor) {
-        const r = colorVal >> 16 & 255;
-        const g = colorVal >> 8 & 255;
-        const b = colorVal & 255;
-        runColor = `rgb(${r},${g},${b})`;
-        this.rgbColorCache.set(colorVal, runColor);
-      }
-      renderer.fillText(String.fromCodePoint(code), nodeX, nodeY, fontString, runColor);
+      renderer.fillText(String.fromCodePoint(code), nodeX, nodeY, fontString, this.color);
     }
   }
   destroy() {
@@ -1588,11 +1617,32 @@ var SVG_NAMESPACE = "http://www.w3.org/2000/svg";
 function isSvgWhitespace(ch) {
   return ch === " " || ch === "	" || ch === "\n" || ch === "\r";
 }
+function findSvgTagEnd(source, from) {
+  let quote = null;
+  for (let i = from; i < source.length; i++) {
+    const ch = source[i];
+    if (quote !== null) {
+      if (ch === quote) quote = null;
+    } else if (ch === '"' || ch === "'") {
+      quote = ch;
+    } else if (ch === ">") {
+      return i;
+    }
+  }
+  return -1;
+}
+function isPercentDimension(value) {
+  return value.trim().endsWith("%");
+}
+function viewBoxDimensions(value) {
+  const parts = value.split(/[\s,]+/).map(parseFloat);
+  return parts.length === 4 && parts.every(Number.isFinite) ? { width: parts[2], height: parts[3] } : null;
+}
 function readSvgAttribute(source, name) {
   const lowerSource = source.toLowerCase();
   const svgStart = lowerSource.indexOf("<svg");
   if (svgStart < 0) return null;
-  const tagEnd = source.indexOf(">", svgStart + 4);
+  const tagEnd = findSvgTagEnd(source, svgStart + 4);
   if (tagEnd < 0) return null;
   const tag = source.slice(svgStart + 4, tagEnd);
   const lowerTag = tag.toLowerCase();
@@ -1621,23 +1671,23 @@ var SVGEntity = (_class4 = class extends Entity {
    * rasterized. Set to `'transparent'` to opt out and keep the box empty.
    * Default `'rgba(248,113,113,0.9)'`.
    */
-  __init53() {this.fallbackStroke = "rgba(248,113,113,0.9)"}
+  __init52() {this.fallbackStroke = "rgba(248,113,113,0.9)"}
   /** Fill behind the fallback marker. Default `'rgba(248,113,113,0.12)'`. */
-  __init54() {this.fallbackFill = "rgba(248,113,113,0.12)"}
-  __init55() {this.svgSource = ""}
-  __init56() {this.imageBitmap = null}
-  __init57() {this.imageElement = null}
-  __init58() {this.blobURL = null}
-  __init59() {this.currentImg = null}
-  __init60() {this.lodTimeout = null}
-  __init61() {this.rasterFailed = false}
-  __init62() {this.cachedDoc = null}
-  __init63() {this.baseWidth = 100}
-  __init64() {this.baseHeight = 100}
-  __init65() {this.lastRasterizedScale = 1}
-  __init66() {this.targetScale = 1}
+  __init53() {this.fallbackFill = "rgba(248,113,113,0.12)"}
+  __init54() {this.svgSource = ""}
+  __init55() {this.imageBitmap = null}
+  __init56() {this.imageElement = null}
+  __init57() {this.blobURL = null}
+  __init58() {this.currentImg = null}
+  __init59() {this.lodTimeout = null}
+  __init60() {this.rasterFailed = false}
+  __init61() {this.cachedDoc = null}
+  __init62() {this.baseWidth = 100}
+  __init63() {this.baseHeight = 100}
+  __init64() {this.lastRasterizedScale = 1}
+  __init65() {this.targetScale = 1}
   constructor(svgSource, id) {
-    super(id);_class4.prototype.__init53.call(this);_class4.prototype.__init54.call(this);_class4.prototype.__init55.call(this);_class4.prototype.__init56.call(this);_class4.prototype.__init57.call(this);_class4.prototype.__init58.call(this);_class4.prototype.__init59.call(this);_class4.prototype.__init60.call(this);_class4.prototype.__init61.call(this);_class4.prototype.__init62.call(this);_class4.prototype.__init63.call(this);_class4.prototype.__init64.call(this);_class4.prototype.__init65.call(this);_class4.prototype.__init66.call(this);;
+    super(id);_class4.prototype.__init52.call(this);_class4.prototype.__init53.call(this);_class4.prototype.__init54.call(this);_class4.prototype.__init55.call(this);_class4.prototype.__init56.call(this);_class4.prototype.__init57.call(this);_class4.prototype.__init58.call(this);_class4.prototype.__init59.call(this);_class4.prototype.__init60.call(this);_class4.prototype.__init61.call(this);_class4.prototype.__init62.call(this);_class4.prototype.__init63.call(this);_class4.prototype.__init64.call(this);_class4.prototype.__init65.call(this);;
     this.setSVGSource(svgSource);
   }
   setSVGSource(svgSource) {
@@ -1664,14 +1714,14 @@ var SVGEntity = (_class4 = class extends Entity {
           const wAttr = svgEl.getAttribute("width");
           const hAttr = svgEl.getAttribute("height");
           const vbAttr = svgEl.getAttribute("viewBox");
-          if (wAttr && hAttr) {
+          if (wAttr && hAttr && !isPercentDimension(wAttr) && !isPercentDimension(hAttr)) {
             width = parseFloat(wAttr) || 100;
             height = parseFloat(hAttr) || 100;
           } else if (vbAttr) {
-            const parts = vbAttr.split(/[\s,]+/).map(parseFloat);
-            if (parts.length === 4) {
-              width = parts[2];
-              height = parts[3];
+            const dims = viewBoxDimensions(vbAttr);
+            if (dims) {
+              width = dims.width;
+              height = dims.height;
             }
           }
         }
@@ -1683,14 +1733,14 @@ var SVGEntity = (_class4 = class extends Entity {
       const wAttr = readSvgAttribute(this.svgSource, "width");
       const hAttr = readSvgAttribute(this.svgSource, "height");
       const vbAttr = readSvgAttribute(this.svgSource, "viewBox");
-      if (wAttr && hAttr) {
+      if (wAttr && hAttr && !isPercentDimension(wAttr) && !isPercentDimension(hAttr)) {
         width = parseFloat(wAttr) || 100;
         height = parseFloat(hAttr) || 100;
       } else if (vbAttr) {
-        const parts = vbAttr.split(/[\s,]+/).map(parseFloat);
-        if (parts.length === 4) {
-          width = parts[2];
-          height = parts[3];
+        const dims = viewBoxDimensions(vbAttr);
+        if (dims) {
+          width = dims.width;
+          height = dims.height;
         }
       }
     }