@vectojs/core 0.1.0 → 0.2.1

package/dist/{chunk-53DAQC3U.js → chunk-LA3FJLP2.js}

@@ -1,9 +1,123 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5;
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; } var _class; var _class2; var _class3; var _class4; var _class5; var _class6; var _class7;
 
 var _chunkRW6NC4RBjs = require('./chunk-RW6NC4RB.js');
 
+// src/math/SpringPhysics.ts
+var SpringPhysics = (_class = class {
+  
+  
+  __init() {this.velocity = 0}
+  __init2() {this.stiffness = 180}
+  __init3() {this.damping = 12}
+  __init4() {this.mass = 1}
+  __init5() {this.valEpsilon = 5e-3}
+  __init6() {this.velEpsilon = 5e-3}
+  constructor(initial) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);_class.prototype.__init3.call(this);_class.prototype.__init4.call(this);_class.prototype.__init5.call(this);_class.prototype.__init6.call(this);
+    this.value = initial;
+    this.target = initial;
+  }
+  update(dt) {
+    if (this.isAtRest()) {
+      this.value = this.target;
+      this.velocity = 0;
+      return;
+    }
+    const forceSpring = -this.stiffness * (this.value - this.target);
+    const forceDamping = -this.damping * this.velocity;
+    const acceleration = (forceSpring + forceDamping) / this.mass;
+    this.velocity += acceleration * dt;
+    this.value += this.velocity * dt;
+  }
+  isAtRest() {
+    return Math.abs(this.value - this.target) < this.valEpsilon && Math.abs(this.velocity) < this.velEpsilon;
+  }
+}, _class);
+
+// src/animation/easing.ts
+var c1 = 1.70158;
+var c3 = c1 + 1;
+var Easing = {
+  linear: (t) => t,
+  easeInQuad: (t) => t * t,
+  easeOutQuad: (t) => t * (2 - t),
+  easeInOutQuad: (t) => t < 0.5 ? 2 * t * t : 1 - Math.pow(-2 * t + 2, 2) / 2,
+  easeInCubic: (t) => t * t * t,
+  easeOutCubic: (t) => 1 - Math.pow(1 - t, 3),
+  easeInOutCubic: (t) => t < 0.5 ? 4 * t * t * t : 1 - Math.pow(-2 * t + 2, 3) / 2,
+  easeOutBack: (t) => 1 + c3 * Math.pow(t - 1, 3) + c1 * Math.pow(t - 1, 2),
+  easeInOutBack: (t) => {
+    const c2 = c1 * 1.525;
+    return t < 0.5 ? Math.pow(2 * t, 2) * ((c2 + 1) * 2 * t - c2) / 2 : (Math.pow(2 * t - 2, 2) * ((c2 + 1) * (t * 2 - 2) + c2) + 2) / 2;
+  }
+};
+
+// src/animation/drivers.ts
+function isTweenConfig(c) {
+  return typeof c === "object" && "duration" in c;
+}
+var TweenDriver = (_class2 = class {
+  
+  
+  
+  __init7() {this.elapsed = 0}
+  
+  
+  
+  constructor(from, to, cfg) {;_class2.prototype.__init7.call(this);
+    this.value = from;
+    this.from = from;
+    this.to = to;
+    this.duration = Math.max(1, cfg.duration);
+    this.delay = _nullishCoalesce(cfg.delay, () => ( 0));
+    this.ease = typeof cfg.easing === "function" ? cfg.easing : Easing[_nullishCoalesce(cfg.easing, () => ( "easeOutQuad"))];
+  }
+  get target() {
+    return this.to;
+  }
+  retarget(to) {
+    this.from = this.value;
+    this.to = to;
+    this.elapsed = 0;
+  }
+  tick(dtMs) {
+    this.elapsed += dtMs;
+    const active = this.elapsed - this.delay;
+    if (active <= 0) return;
+    const p = Math.min(active / this.duration, 1);
+    this.value = this.from + (this.to - this.from) * this.ease(p);
+  }
+  isDone() {
+    return this.elapsed - this.delay >= this.duration;
+  }
+}, _class2);
+var SpringDriver = class {
+  
+  constructor(from, to, cfg) {
+    this.spring = new SpringPhysics(from);
+    if (cfg.stiffness !== void 0) this.spring.stiffness = cfg.stiffness;
+    if (cfg.damping !== void 0) this.spring.damping = cfg.damping;
+    if (cfg.mass !== void 0) this.spring.mass = cfg.mass;
+    this.spring.target = to;
+  }
+  get value() {
+    return this.spring.value;
+  }
+  get target() {
+    return this.spring.target;
+  }
+  retarget(to) {
+    this.spring.target = to;
+  }
+  tick(dtMs) {
+    this.spring.update(dtMs / 1e3);
+  }
+  isDone() {
+    return this.spring.isAtRest();
+  }
+};
+
 // src/tree/Entity.ts
-var VectoJSEvent = (_class = class {
+var VectoJSEvent = (_class3 = class {
   /** The event name. */
   
   /** The entity the event originated on. */
@@ -14,9 +128,9 @@ var VectoJSEvent = (_class = class {
   
   /** Whether the event bubbles past its target (capture always runs). */
   
-  __init() {this.stopped = false}
-  __init2() {this.stoppedImmediate = false}
-  constructor(type, target, nativeEvent, bubbles = true) {;_class.prototype.__init.call(this);_class.prototype.__init2.call(this);
+  __init8() {this.stopped = false}
+  __init9() {this.stoppedImmediate = false}
+  constructor(type, target, nativeEvent, bubbles = true) {;_class3.prototype.__init8.call(this);_class3.prototype.__init9.call(this);
     this.type = type;
     this.target = target;
     this.currentTarget = target;
@@ -68,11 +182,11 @@ var VectoJSEvent = (_class = class {
   get key() {
     return _optionalChain([this, 'access', _14 => _14.nativeEvent, 'optionalAccess', _15 => _15.key]);
   }
-}, _class);
-var Entity = (_class2 = class {
+}, _class3);
+var Entity = (_class4 = class {
   
-  __init3() {this.children = []}
-  __init4() {this.parent = null}
+  __init10() {this.children = []}
+  __init11() {this.parent = null}
   /**
    * Walk up the parent chain to find the scene this entity is currently attached to.
    */
@@ -80,14 +194,62 @@ var Entity = (_class2 = class {
     if (this._scene) return this._scene;
     return this.parent ? this.parent.scene : null;
   }
-  __init5() {this.x = 0}
-  __init6() {this.y = 0}
-  __init7() {this.scaleX = 1}
-  __init8() {this.scaleY = 1}
-  __init9() {this.rotation = 0}
-  __init10() {this.opacity = 1}
-  __init11() {this.isDOMPortal = false}
-  __init12() {this._interactive = false}
+  __init12() {this._x = 0}
+  __init13() {this._y = 0}
+  __init14() {this._scaleX = 1}
+  __init15() {this._scaleY = 1}
+  __init16() {this._rotation = 0}
+  __init17() {this._opacity = 1}
+  // Fast-path flag: false for the overwhelming majority of entities (incl. the
+  // Danmaku hot loop), so a bare `entity.x = v` is one boolean check + field write.
+  __init18() {this._hasTransitions = false}
+  __init19() {this._transitions = null}
+  __init20() {this._drivers = /* @__PURE__ */ new Map()}
+  __init21() {this._mounted = false}
+  get x() {
+    return this._x;
+  }
+  set x(v) {
+    if (this._hasTransitions) this._animateProp("x", v);
+    else this._x = v;
+  }
+  get y() {
+    return this._y;
+  }
+  set y(v) {
+    if (this._hasTransitions) this._animateProp("y", v);
+    else this._y = v;
+  }
+  get scaleX() {
+    return this._scaleX;
+  }
+  set scaleX(v) {
+    if (this._hasTransitions) this._animateProp("scaleX", v);
+    else this._scaleX = v;
+  }
+  get scaleY() {
+    return this._scaleY;
+  }
+  set scaleY(v) {
+    if (this._hasTransitions) this._animateProp("scaleY", v);
+    else this._scaleY = v;
+  }
+  get rotation() {
+    return this._rotation;
+  }
+  set rotation(v) {
+    if (this._hasTransitions) this._animateProp("rotation", v);
+    else this._rotation = v;
+  }
+  get opacity() {
+    return this._opacity;
+  }
+  set opacity(v) {
+    if (this._hasTransitions) this._animateProp("opacity", v);
+    else this._opacity = v;
+  }
+  __init22() {this.isDOMPortal = false}
+  __init23() {this._interactive = false}
   get interactive() {
     return this._interactive;
   }
@@ -101,10 +263,10 @@ var Entity = (_class2 = class {
       }
     }
   }
-  __init13() {this.width = 0}
-  __init14() {this.height = 0}
-  __init15() {this.a11yOffsetX = 0}
-  __init16() {this.a11yOffsetY = 0}
+  __init24() {this.width = 0}
+  __init25() {this.height = 0}
+  __init26() {this.a11yOffsetX = 0}
+  __init27() {this.a11yOffsetY = 0}
   /**
    * Opt in to a viewport-filling accessibility/automation shadow node even when
    * this entity has no intrinsic box (`width`/`height` of `0`). Use for
@@ -112,19 +274,19 @@ var Entity = (_class2 = class {
    * that need global pointer events. The node is mounted behind all other shadow
    * nodes, so on-top components stay clickable.
    */
-  __init17() {this.a11yFullViewport = false}
+  __init28() {this.a11yFullViewport = false}
   /**
    * Clip this node's children to its local box (`[0,0]–[width,height]`) while
    * rendering. Combined with translating a content child, this is how
    * scroll/overflow containers (e.g. `ScrollView`) keep their content inside a
    * fixed viewport. Off by default (children render unclipped). Canvas2D only.
    */
-  __init18() {this.clipChildren = false}
-  __init19() {this.listeners = /* @__PURE__ */ new Map()}
+  __init29() {this.clipChildren = false}
+  __init30() {this.listeners = /* @__PURE__ */ new Map()}
   /** Capture-phase listeners (fired root→target before bubble). */
-  __init20() {this.captureListeners = /* @__PURE__ */ new Map()}
-  __init21() {this.animations = []}
-  constructor(id) {;_class2.prototype.__init3.call(this);_class2.prototype.__init4.call(this);_class2.prototype.__init5.call(this);_class2.prototype.__init6.call(this);_class2.prototype.__init7.call(this);_class2.prototype.__init8.call(this);_class2.prototype.__init9.call(this);_class2.prototype.__init10.call(this);_class2.prototype.__init11.call(this);_class2.prototype.__init12.call(this);_class2.prototype.__init13.call(this);_class2.prototype.__init14.call(this);_class2.prototype.__init15.call(this);_class2.prototype.__init16.call(this);_class2.prototype.__init17.call(this);_class2.prototype.__init18.call(this);_class2.prototype.__init19.call(this);_class2.prototype.__init20.call(this);_class2.prototype.__init21.call(this);
+  __init31() {this.captureListeners = /* @__PURE__ */ new Map()}
+  __init32() {this.animations = []}
+  constructor(id) {;_class4.prototype.__init10.call(this);_class4.prototype.__init11.call(this);_class4.prototype.__init12.call(this);_class4.prototype.__init13.call(this);_class4.prototype.__init14.call(this);_class4.prototype.__init15.call(this);_class4.prototype.__init16.call(this);_class4.prototype.__init17.call(this);_class4.prototype.__init18.call(this);_class4.prototype.__init19.call(this);_class4.prototype.__init20.call(this);_class4.prototype.__init21.call(this);_class4.prototype.__init22.call(this);_class4.prototype.__init23.call(this);_class4.prototype.__init24.call(this);_class4.prototype.__init25.call(this);_class4.prototype.__init26.call(this);_class4.prototype.__init27.call(this);_class4.prototype.__init28.call(this);_class4.prototype.__init29.call(this);_class4.prototype.__init30.call(this);_class4.prototype.__init31.call(this);_class4.prototype.__init32.call(this);
     this.id = id || `entity_${Math.random().toString(36).substring(2, 9)}`;
   }
   /**
@@ -140,9 +302,20 @@ var Entity = (_class2 = class {
     if (s) {
       s.a11yNeedsReorder = true;
       s.markDirty();
+      child._notifyMounted();
     }
     return this;
   }
+  /** Called once when this entity becomes attached to a live Scene. Override to react. */
+  onMounted() {
+  }
+  /** Fire onMounted for this node and its descendants, guarded against double-fire. */
+  _notifyMounted() {
+    if (this._mounted) return;
+    this._mounted = true;
+    this.onMounted();
+    for (const c of this.children) c._notifyMounted();
+  }
   /**
    * Remove a child entity from this node.
    *
@@ -195,6 +368,123 @@ var Entity = (_class2 = class {
     });
     return this;
   }
+  /** Write a driver-computed value to a backing field without re-triggering the setter. */
+  _applyAnimated(prop, v) {
+    switch (prop) {
+      case "x":
+        this._x = v;
+        break;
+      case "y":
+        this._y = v;
+        break;
+      case "scaleX":
+        this._scaleX = v;
+        break;
+      case "scaleY":
+        this._scaleY = v;
+        break;
+      case "rotation":
+        this._rotation = v;
+        break;
+      case "opacity":
+        this._opacity = v;
+        break;
+    }
+  }
+  _currentOf(prop) {
+    switch (prop) {
+      case "x":
+        return this._x;
+      case "y":
+        return this._y;
+      case "scaleX":
+        return this._scaleX;
+      case "scaleY":
+        return this._scaleY;
+      case "rotation":
+        return this._rotation;
+      case "opacity":
+        return this._opacity;
+    }
+  }
+  /**
+   * Write a value immediately, bypassing any configured transition. For subclasses
+   * that need to seed a starting state (e.g. the presence helper's enter `from`).
+   */
+  setImmediate(prop, v) {
+    this._drivers.delete(prop);
+    this._applyAnimated(prop, v);
+  }
+  _spawnDriver(prop, to, cfg) {
+    if (prop !== "opacity" && _optionalChain([this, 'access', _16 => _16.scene, 'optionalAccess', _17 => _17.prefersReducedMotion])) {
+      this._drivers.delete(prop);
+      this._applyAnimated(prop, to);
+      return;
+    }
+    const existing = this._drivers.get(prop);
+    if (existing) {
+      existing.retarget(to);
+      return;
+    }
+    const from = this._currentOf(prop);
+    const driver = isTweenConfig(cfg) ? new TweenDriver(from, to, cfg) : new SpringDriver(from, to, cfg === "spring" ? {} : cfg);
+    this._drivers.set(prop, driver);
+    _optionalChain([this, 'access', _18 => _18.scene, 'optionalAccess', _19 => _19.markDirty, 'call', _20 => _20()]);
+  }
+  /** Assignment path when a declarative transition is configured for `prop`. */
+  _animateProp(prop, to) {
+    const cfg = _optionalChain([this, 'access', _21 => _21._transitions, 'optionalAccess', _22 => _22.get, 'call', _23 => _23(prop)]);
+    if (!cfg) {
+      this._applyAnimated(prop, to);
+      return;
+    }
+    this._spawnDriver(prop, to, cfg);
+  }
+  /** Declare which properties animate, and how. Subsequent assignment animates them. */
+  setTransition(config) {
+    this._transitions ??= /* @__PURE__ */ new Map();
+    for (const [k, v] of Object.entries(config))
+      this._transitions.set(k, v);
+    this._hasTransitions = this._transitions.size > 0;
+    return this;
+  }
+  /** Imperative tween toward targets; resolves when all reach their end. */
+  animateTo(props, cfg) {
+    return this._driveTo(props, cfg);
+  }
+  /** Imperative spring toward targets; resolves when all reach rest. */
+  springTo(props, cfg = {}) {
+    return this._driveTo(props, cfg);
+  }
+  _driveTo(props, cfg) {
+    const entries = Object.entries(props);
+    return Promise.all(
+      entries.map(
+        (e) => new Promise((resolve) => {
+          this._spawnDriver(e[0], e[1], cfg);
+          const d = this._drivers.get(e[0]);
+          if (!d)
+            resolve();
+          else d.onDone = resolve;
+        })
+      )
+    ).then(() => void 0);
+  }
+  /** Advance active property drivers one frame. Call from update(). */
+  tickDrivers(dt) {
+    if (this._drivers.size === 0) return;
+    for (const [prop, driver] of this._drivers) {
+      driver.tick(dt);
+      if (driver.isDone()) {
+        this._applyAnimated(prop, driver.target);
+        _optionalChain([driver, 'access', _24 => _24.onDone, 'optionalCall', _25 => _25()]);
+        this._drivers.delete(prop);
+      } else {
+        this._applyAnimated(prop, driver.value);
+      }
+    }
+    _optionalChain([this, 'access', _26 => _26.scene, 'optionalAccess', _27 => _27.markDirty, 'call', _28 => _28()]);
+  }
   /**
    * Advance the entity's internal state for one frame.
    *
@@ -204,7 +494,8 @@ var Entity = (_class2 = class {
    * @param dt - Elapsed time since the last frame in milliseconds.
    * @param time - Absolute timestamp from `performance.now()`.
    */
-  update(_dt, time) {
+  update(dt, time) {
+    this.tickDrivers(dt);
     if (this.animations.length > 0) {
       const anim = this.animations[0];
       if (anim.startTime === -1) {
@@ -241,7 +532,7 @@ var Entity = (_class2 = class {
    * @example entity.on('click', (e) => console.log('clicked', e));
    */
   on(event, callback, options) {
-    const map = _optionalChain([options, 'optionalAccess', _16 => _16.capture]) ? this.captureListeners : this.listeners;
+    const map = _optionalChain([options, 'optionalAccess', _29 => _29.capture]) ? this.captureListeners : this.listeners;
     if (!map.has(event)) {
       map.set(event, []);
     }
@@ -257,7 +548,7 @@ var Entity = (_class2 = class {
    * @returns `this` for method chaining.
    */
   off(event, callback, options) {
-    const handlers = (_optionalChain([options, 'optionalAccess', _17 => _17.capture]) ? this.captureListeners : this.listeners).get(event);
+    const handlers = (_optionalChain([options, 'optionalAccess', _30 => _30.capture]) ? this.captureListeners : this.listeners).get(event);
     if (handlers) {
       const idx = handlers.indexOf(callback);
       if (idx !== -1) handlers.splice(idx, 1);
@@ -438,29 +729,37 @@ var Entity = (_class2 = class {
     return null;
   }
   /**
-   * Whether this entity still has a queued/running tween animation.
+   * Whether this entity still has a queued/running tween animation, or an
+   * active {@link setTransition}/{@link animateTo}/{@link springTo} property
+   * driver.
    *
-   * Used by {@link Scene}'s `onDemand` render mode to keep redrawing while an
-   * animation is in flight.
+   * Used by {@link Scene} to keep rendering continuously while an animation
+   * is in flight — both in `onDemand` render mode, and to hold off the
+   * `always`-mode idle auto-throttle. Without checking `_drivers` here, a
+   * property driver becomes invisible to that throttle: `markDirty()` called
+   * from inside `update()`/`tickDrivers()` is wiped by the loop's own
+   * `dirty = false` at the end of that same tick, so once the throttle
+   * engages an in-flight spring/tween only advances one animation-frame per
+   * external `markDirty()` trigger instead of every render frame.
    *
-   * @returns `true` if at least one animation remains.
+   * @returns `true` if at least one animation or property driver remains.
    */
   hasPendingAnimations() {
-    return this.animations.length > 0;
+    return this.animations.length > 0 || this._drivers.size > 0;
   }
-}, _class2);
+}, _class4);
 
 // src/text/MSDFFont.ts
 function kernKey(a, b) {
   return a * 1114112 + b;
 }
-var MSDFFont = (_class3 = class _MSDFFont {
+var MSDFFont = (_class5 = class _MSDFFont {
   static __initStatic() {this.idCounter = 0}
   
   
-  __init22() {this.byCode = /* @__PURE__ */ new Map()}
-  __init23() {this.kern = /* @__PURE__ */ new Map()}
-  constructor(data) {;_class3.prototype.__init22.call(this);_class3.prototype.__init23.call(this);
+  __init33() {this.byCode = /* @__PURE__ */ new Map()}
+  __init34() {this.kern = /* @__PURE__ */ new Map()}
+  constructor(data) {;_class5.prototype.__init33.call(this);_class5.prototype.__init34.call(this);
     this.id = `font-${_MSDFFont.idCounter++}`;
     this.data = data;
     for (const g of data.glyphs) this.byCode.set(g.unicode, g);
@@ -545,10 +844,10 @@ var MSDFFont = (_class3 = class _MSDFFont {
       height: (line + 1) * lineHeight * fontSizePx
     };
   }
-}, _class3.__initStatic(), _class3);
+}, _class5.__initStatic(), _class5);
 
 // src/text/MSDFTextEntity.ts
-var MSDFTextEntity = (_class4 = class extends Entity {
+var MSDFTextEntity = (_class6 = class extends Entity {
   
   
   
@@ -556,13 +855,13 @@ var MSDFTextEntity = (_class4 = class extends Entity {
   
   
   
-  __init24() {this.text = ""}
-  __init25() {this.lastRenderedSeqId = 0}
-  __init26() {this.rgbColorCache = /* @__PURE__ */ new Map()}
-  __init27() {this.fontStringCache = []}
-  __init28() {this.layoutResult = null}
+  __init35() {this.text = ""}
+  __init36() {this.lastRenderedSeqId = 0}
+  __init37() {this.rgbColorCache = /* @__PURE__ */ new Map()}
+  __init38() {this.fontStringCache = []}
+  __init39() {this.layoutResult = null}
   constructor(text, options) {
-    super();_class4.prototype.__init24.call(this);_class4.prototype.__init25.call(this);_class4.prototype.__init26.call(this);_class4.prototype.__init27.call(this);_class4.prototype.__init28.call(this);;
+    super();_class6.prototype.__init35.call(this);_class6.prototype.__init36.call(this);_class6.prototype.__init37.call(this);_class6.prototype.__init38.call(this);_class6.prototype.__init39.call(this);;
     this.font = options.font;
     this.texture = options.texture;
     this.fallbackFont = _nullishCoalesce(options.fallbackFont, () => ( "sans-serif"));
@@ -588,7 +887,7 @@ var MSDFTextEntity = (_class4 = class extends Entity {
         if (res.seqId < this.lastRenderedSeqId) return;
         this.lastRenderedSeqId = res.seqId;
         this.layoutResult = res;
-        _optionalChain([this, 'access', _18 => _18.scene, 'optionalAccess', _19 => _19.markDirty, 'call', _20 => _20()]);
+        _optionalChain([this, 'access', _31 => _31.scene, 'optionalAccess', _32 => _32.markDirty, 'call', _33 => _33()]);
       }
     });
   }
@@ -683,23 +982,23 @@ var MSDFTextEntity = (_class4 = class extends Entity {
     _chunkRW6NC4RBjs.LayoutWorkerManager.getInstance().cancelLayout(this.id);
     super.destroy();
   }
-}, _class4);
+}, _class6);
 
 // src/text/SVGEntity.ts
-var SVGEntity = (_class5 = class extends Entity {
-  __init29() {this.svgSource = ""}
-  __init30() {this.imageBitmap = null}
-  __init31() {this.imageElement = null}
-  __init32() {this.blobURL = null}
-  __init33() {this.currentImg = null}
-  __init34() {this.lodTimeout = null}
-  __init35() {this.cachedDoc = null}
-  __init36() {this.baseWidth = 100}
-  __init37() {this.baseHeight = 100}
-  __init38() {this.lastRasterizedScale = 1}
-  __init39() {this.targetScale = 1}
+var SVGEntity = (_class7 = class extends Entity {
+  __init40() {this.svgSource = ""}
+  __init41() {this.imageBitmap = null}
+  __init42() {this.imageElement = null}
+  __init43() {this.blobURL = null}
+  __init44() {this.currentImg = null}
+  __init45() {this.lodTimeout = null}
+  __init46() {this.cachedDoc = null}
+  __init47() {this.baseWidth = 100}
+  __init48() {this.baseHeight = 100}
+  __init49() {this.lastRasterizedScale = 1}
+  __init50() {this.targetScale = 1}
   constructor(svgSource, id) {
-    super(id);_class5.prototype.__init29.call(this);_class5.prototype.__init30.call(this);_class5.prototype.__init31.call(this);_class5.prototype.__init32.call(this);_class5.prototype.__init33.call(this);_class5.prototype.__init34.call(this);_class5.prototype.__init35.call(this);_class5.prototype.__init36.call(this);_class5.prototype.__init37.call(this);_class5.prototype.__init38.call(this);_class5.prototype.__init39.call(this);;
+    super(id);_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);;
     this.setSVGSource(svgSource);
   }
   setSVGSource(svgSource) {
@@ -896,7 +1195,12 @@ var SVGEntity = (_class5 = class extends Entity {
     this.cachedDoc = null;
     super.destroy();
   }
-}, _class5);
+}, _class7);
+
+
+
+
+
 
 
 
@@ -904,4 +1208,4 @@ var SVGEntity = (_class5 = class extends Entity {
 
 
 
-exports.VectoJSEvent = VectoJSEvent; exports.Entity = Entity; exports.MSDFFont = MSDFFont; exports.MSDFTextEntity = MSDFTextEntity; exports.SVGEntity = SVGEntity;
+exports.SpringPhysics = SpringPhysics; exports.Easing = Easing; exports.isTweenConfig = isTweenConfig; exports.TweenDriver = TweenDriver; exports.SpringDriver = SpringDriver; exports.VectoJSEvent = VectoJSEvent; exports.Entity = Entity; exports.MSDFFont = MSDFFont; exports.MSDFTextEntity = MSDFTextEntity; exports.SVGEntity = SVGEntity;

package/dist/components/GridTextEntity.d.ts

@@ -0,0 +1,15 @@
+import { Entity } from '../tree/Entity';
+import { IRenderer } from '../renderer/IRenderer';
+export declare class GridTextEntity extends Entity {
+    fontSize: number;
+    fillStyle: string;
+    grid: string[];
+    cols: number;
+    rows: number;
+    charWidth: number;
+    charHeight: number;
+    constructor(_atlas: any, fontSize?: number);
+    updateGrid(ascii: string[]): void;
+    isPointInside(_globalX: number, _globalY: number): boolean;
+    render(renderer: IRenderer): void;
+}