@vectojs/core 0.1.0 → 0.2.0

package/dist/index.js

@@ -1,4 +1,4 @@
-"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 _class8;
+"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;
 
 
 
@@ -17,7 +17,12 @@ var _chunkLIX7DJTIjs = require('./chunk-LIX7DJTI.js');
 
 
 
-var _chunk53DAQC3Ujs = require('./chunk-53DAQC3U.js');
+
+
+
+
+
+var _chunkW3SFIVXOjs = require('./chunk-W3SFIVXO.js');
 
 
 
@@ -34,7 +39,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 _chunk53DAQC3Ujs.Entity {
+var ComputeParticleEntity = (_class = class extends _chunkW3SFIVXOjs.Entity {
   
   
   
@@ -323,6 +328,10 @@ var Scene = (_class2 = class _Scene {
   __init12() {this.respectReducedMotion = true}
   /** Cached media-query list; `.matches` is read live each frame. */
   __init13() {this.reducedMotionQuery = null}
+  /** True when the OS asks for reduced motion and we respect it. Read by the animation drivers. */
+  get prefersReducedMotion() {
+    return this.respectReducedMotion && !!_optionalChain([this, 'access', _13 => _13.reducedMotionQuery, 'optionalAccess', _14 => _14.matches]);
+  }
   /**
    * Throttle interval (ms) for the a11y/automation shadow sync. `0` = every
    * frame. See {@link SceneOptions.a11ySyncInterval}.
@@ -390,13 +399,13 @@ var Scene = (_class2 = class _Scene {
       this.height = typeof window !== "undefined" ? window.innerHeight : canvas.clientHeight || canvas.height || 600;
     }
     const globalProcess = typeof globalThis !== "undefined" ? globalThis.process : void 0;
-    const isTest = globalProcess && (_optionalChain([globalProcess, 'access', _13 => _13.env, 'optionalAccess', _14 => _14.NODE_ENV]) === "test" || _optionalChain([globalProcess, 'access', _15 => _15.env, 'optionalAccess', _16 => _16.VITEST]) === "true");
+    const isTest = globalProcess && (_optionalChain([globalProcess, 'access', _15 => _15.env, 'optionalAccess', _16 => _16.NODE_ENV]) === "test" || _optionalChain([globalProcess, 'access', _17 => _17.env, 'optionalAccess', _18 => _18.VITEST]) === "true");
     this.maxFPS = _nullishCoalesce(options.maxFPS, () => ( (isTest ? 0 : 60)));
     this.respectReducedMotion = _nullishCoalesce(options.respectReducedMotion, () => ( true));
     this.particleBackend = _nullishCoalesce(options.particleBackend, () => ( "auto"));
     this.a11ySyncInterval = _nullishCoalesce(options.a11ySyncInterval, () => ( 0));
     this.reducedMotionQuery = typeof window !== "undefined" && typeof window.matchMedia === "function" ? window.matchMedia("(prefers-reduced-motion: reduce)") : null;
-    this.root = new class RootEntity extends _chunk53DAQC3Ujs.Entity {
+    this.root = new class RootEntity extends _chunkW3SFIVXOjs.Entity {
       isPointInside() {
         return false;
       }
@@ -405,7 +414,7 @@ var Scene = (_class2 = class _Scene {
       }
     }("root");
     this.root._scene = this;
-    this.overlayRoot = new class OverlayRoot extends _chunk53DAQC3Ujs.Entity {
+    this.overlayRoot = new class OverlayRoot extends _chunkW3SFIVXOjs.Entity {
       isPointInside() {
         return false;
       }
@@ -568,12 +577,12 @@ var Scene = (_class2 = class _Scene {
         this.canvas.removeEventListener("pointerleave", this.pointerLeaveListener);
       }
     }
-    _optionalChain([this, 'access', _17 => _17.a11yRoot, 'optionalAccess', _18 => _18.remove, 'call', _19 => _19()]);
-    _optionalChain([this, 'access', _20 => _20.portalRoot, 'optionalAccess', _21 => _21.remove, 'call', _22 => _22()]);
+    _optionalChain([this, 'access', _19 => _19.a11yRoot, 'optionalAccess', _20 => _20.remove, 'call', _21 => _21()]);
+    _optionalChain([this, 'access', _22 => _22.portalRoot, 'optionalAccess', _23 => _23.remove, 'call', _24 => _24()]);
     this.a11yElements.clear();
-    _optionalChain([this, 'access', _23 => _23.pointRenderer, 'optionalAccess', _24 => _24.destroy, 'call', _25 => _25()]);
-    _optionalChain([this, 'access', _26 => _26.glCanvas, 'optionalAccess', _27 => _27.remove, 'call', _28 => _28()]);
-    _optionalChain([this, 'access', _29 => _29.gpuCanvas, 'optionalAccess', _30 => _30.remove, 'call', _31 => _31()]);
+    _optionalChain([this, 'access', _25 => _25.pointRenderer, 'optionalAccess', _26 => _26.destroy, 'call', _27 => _27()]);
+    _optionalChain([this, 'access', _28 => _28.glCanvas, 'optionalAccess', _29 => _29.remove, 'call', _30 => _30()]);
+    _optionalChain([this, 'access', _31 => _31.gpuCanvas, 'optionalAccess', _32 => _32.remove, 'call', _33 => _33()]);
     this.gpuCanvas = null;
     this.gpuContext = null;
     if (this.recoveryTimerId) {
@@ -713,42 +722,42 @@ var Scene = (_class2 = class _Scene {
           el.style.background = "transparent";
         }
         el.addEventListener("click", (e) => {
-          node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("click", node, e));
+          node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("click", node, e));
         });
         el.addEventListener("mouseenter", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.2)";
-          node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("hover", node, e, false));
+          node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("hover", node, e, false));
         });
         el.addEventListener("mouseleave", (e) => {
           if (this.debugA11y) el.style.backgroundColor = "rgba(56, 189, 248, 0.05)";
-          node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("pointerleave", node, e, false));
+          node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("pointerleave", node, e, false));
         });
         const capEl = el;
         el.addEventListener("pointerdown", (e) => {
           if (typeof capEl.setPointerCapture === "function") capEl.setPointerCapture(e.pointerId);
-          node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("pointerdown", node, e));
+          node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("pointerdown", node, e));
         });
         el.addEventListener("pointerup", (e) => {
           if (typeof capEl.releasePointerCapture === "function")
             capEl.releasePointerCapture(e.pointerId);
-          node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("pointerup", node, e));
+          node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("pointerup", node, e));
         });
         el.addEventListener(
           "pointermove",
-          (e) => node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("pointermove", node, e))
+          (e) => node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("pointermove", node, e))
         );
         el.addEventListener(
           "wheel",
           (e) => {
-            node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("wheel", node, e));
+            node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("wheel", node, e));
           },
           { passive: false }
         );
         el.addEventListener("keydown", (e) => {
-          node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("keydown", node, e));
+          node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("keydown", node, e));
         });
         el.addEventListener("keyup", (e) => {
-          node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("keyup", node, e));
+          node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("keyup", node, e));
         });
         if (el instanceof HTMLInputElement || el instanceof HTMLTextAreaElement) {
           const input = el;
@@ -774,7 +783,7 @@ var Scene = (_class2 = class _Scene {
           });
           el.addEventListener("compositionupdate", (e) => {
             const data = _nullishCoalesce(e.data, () => ( ""));
-            composition = { start: _nullishCoalesce(_optionalChain([composition, 'optionalAccess', _32 => _32.start]), () => ( 0)), length: data.length };
+            composition = { start: _nullishCoalesce(_optionalChain([composition, 'optionalAccess', _34 => _34.start]), () => ( 0)), length: data.length };
             forward();
           });
           el.addEventListener("compositionend", () => {
@@ -820,7 +829,7 @@ var Scene = (_class2 = class _Scene {
           el.addEventListener("keydown", (e) => {
             if (e.key === "Enter" || e.key === " ") {
               e.preventDefault();
-              node.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)("click", node, e));
+              node.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)("click", node, e));
             }
           });
         }
@@ -1073,7 +1082,7 @@ var Scene = (_class2 = class _Scene {
    * (and {@link respectReducedMotion} is on). `0` means uncapped.
    */
   effectiveMaxFPS() {
-    const reduced = this.respectReducedMotion && !!_optionalChain([this, 'access', _33 => _33.reducedMotionQuery, 'optionalAccess', _34 => _34.matches]);
+    const reduced = this.respectReducedMotion && !!_optionalChain([this, 'access', _35 => _35.reducedMotionQuery, 'optionalAccess', _36 => _36.matches]);
     if (reduced)
       return this.maxFPS > 0 ? Math.min(this.maxFPS, REDUCED_MOTION_FPS) : REDUCED_MOTION_FPS;
     return this.maxFPS;
@@ -1229,7 +1238,7 @@ var Scene = (_class2 = class _Scene {
     renderer.clear();
     const isMainRenderer = renderer === this.renderer;
     if (isMainRenderer) {
-      _optionalChain([this, 'access', _35 => _35.pointRenderer, 'optionalAccess', _36 => _36.begin, 'call', _37 => _37()]);
+      _optionalChain([this, 'access', _37 => _37.pointRenderer, 'optionalAccess', _38 => _38.begin, 'call', _39 => _39()]);
     }
     const vw = this.width;
     const vh = this.height;
@@ -1343,7 +1352,7 @@ var Scene = (_class2 = class _Scene {
     this.reconcilePortals();
     renderer.flush();
     if (isMainRenderer) {
-      _optionalChain([this, 'access', _38 => _38.pointRenderer, 'optionalAccess', _39 => _39.flush, 'call', _40 => _40()]);
+      _optionalChain([this, 'access', _40 => _40.pointRenderer, 'optionalAccess', _41 => _41.flush, 'call', _42 => _42()]);
     }
   }
   /**
@@ -1363,7 +1372,7 @@ var Scene = (_class2 = class _Scene {
     if (typeof this.renderer.resize === "function") {
       this.renderer.resize(width, height);
     }
-    _optionalChain([this, 'access', _41 => _41.pointRenderer, 'optionalAccess', _42 => _42.resize, 'call', _43 => _43(width, height)]);
+    _optionalChain([this, 'access', _43 => _43.pointRenderer, 'optionalAccess', _44 => _44.resize, 'call', _45 => _45(width, height)]);
     this.markDirty();
   }
   /**
@@ -1514,7 +1523,7 @@ function defaultMeasurer() {
   if (sharedMeasurer === void 0) sharedMeasurer = _chunk72WVPMSJjs.createCanvasMeasurer.call(void 0, "sans-serif");
   return sharedMeasurer;
 }
-var TextEntity = (_class3 = class extends _chunk53DAQC3Ujs.Entity {
+var TextEntity = (_class3 = class extends _chunkW3SFIVXOjs.Entity {
   
   
   
@@ -1613,7 +1622,7 @@ var TextEntity = (_class3 = class extends _chunk53DAQC3Ujs.Entity {
 }, _class3);
 
 // src/components/GridTextEntity.ts
-var GridTextEntity = (_class4 = class extends _chunk53DAQC3Ujs.Entity {
+var GridTextEntity = (_class4 = class extends _chunkW3SFIVXOjs.Entity {
   
   __init53() {this.fillStyle = "#ffffff"}
   __init54() {this.grid = []}
@@ -1632,7 +1641,7 @@ var GridTextEntity = (_class4 = class extends _chunk53DAQC3Ujs.Entity {
   updateGrid(ascii) {
     this.grid = ascii;
     this.rows = ascii.length;
-    this.cols = _optionalChain([ascii, 'access', _44 => _44[0], 'optionalAccess', _45 => _45.length]) || 0;
+    this.cols = _optionalChain([ascii, 'access', _46 => _46[0], 'optionalAccess', _47 => _47.length]) || 0;
   }
   isPointInside(_globalX, _globalY) {
     return false;
@@ -1707,7 +1716,7 @@ function distSqToSegment(px, py, x1, y1, x2, y2) {
   const ey = py - cy;
   return ex * ex + ey * ey;
 }
-var SplineEntity = (_class5 = class extends _chunk53DAQC3Ujs.Entity {
+var SplineEntity = (_class5 = class extends _chunkW3SFIVXOjs.Entity {
   
   
   
@@ -2029,7 +2038,7 @@ var SpatialHashGrid = (_class6 = class {
     const keys = this.entityCells.get(id);
     if (!keys) return;
     for (const key of keys) {
-      _optionalChain([this, 'access', _46 => _46.grid, 'access', _47 => _47.get, 'call', _48 => _48(key), 'optionalAccess', _49 => _49.delete, 'call', _50 => _50(id)]);
+      _optionalChain([this, 'access', _48 => _48.grid, 'access', _49 => _49.get, 'call', _50 => _50(key), 'optionalAccess', _51 => _51.delete, 'call', _52 => _52(id)]);
     }
     this.entityCells.delete(id);
   }
@@ -2064,51 +2073,20 @@ var SpatialHashGrid = (_class6 = class {
   }
 }, _class6);
 
-// src/math/SpringPhysics.ts
-var SpringPhysics = (_class7 = class {
-  
-  
-  __init63() {this.velocity = 0}
-  __init64() {this.stiffness = 180}
-  __init65() {this.damping = 12}
-  __init66() {this.mass = 1}
-  __init67() {this.valEpsilon = 5e-3}
-  __init68() {this.velEpsilon = 5e-3}
-  constructor(initial) {;_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);
-    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;
-  }
-}, _class7);
-
 // src/tree/DOMPortalEntity.ts
-var DOMPortalEntity = (_class8 = class extends _chunk53DAQC3Ujs.Entity {
+var DOMPortalEntity = (_class7 = class extends _chunkW3SFIVXOjs.Entity {
   
-  __init69() {this.isDOMPortal = true}
-  __init70() {this.domListeners = []}
-  __init71() {this.resizeObserver = null}
-  __init72() {this.cachedWidth = 100}
-  __init73() {this.cachedHeight = 100}
-  __init74() {this.lastWidth = ""}
-  __init75() {this.lastHeight = ""}
-  __init76() {this.lastTransform = ""}
-  __init77() {this.lastZIndex = ""}
+  __init63() {this.isDOMPortal = true}
+  __init64() {this.domListeners = []}
+  __init65() {this.resizeObserver = null}
+  __init66() {this.cachedWidth = 100}
+  __init67() {this.cachedHeight = 100}
+  __init68() {this.lastWidth = ""}
+  __init69() {this.lastHeight = ""}
+  __init70() {this.lastTransform = ""}
+  __init71() {this.lastZIndex = ""}
   constructor(domElement, width, height, id) {
-    super(id);_class8.prototype.__init69.call(this);_class8.prototype.__init70.call(this);_class8.prototype.__init71.call(this);_class8.prototype.__init72.call(this);_class8.prototype.__init73.call(this);_class8.prototype.__init74.call(this);_class8.prototype.__init75.call(this);_class8.prototype.__init76.call(this);_class8.prototype.__init77.call(this);;
+    super(id);_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);;
     this.domElement = domElement;
     this.width = _nullishCoalesce(width, () => ( 0));
     this.height = _nullishCoalesce(height, () => ( 0));
@@ -2130,7 +2108,7 @@ var DOMPortalEntity = (_class8 = class extends _chunk53DAQC3Ujs.Entity {
       const events = ["click", "pointerdown", "pointerup", "pointermove", "wheel"];
       for (const type of events) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)(type, this, e));
+          this.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)(type, this, e));
         };
         this.domElement.addEventListener(type, handler);
         this.domListeners.push({ type, handler, capture: false });
@@ -2141,7 +2119,7 @@ var DOMPortalEntity = (_class8 = class extends _chunk53DAQC3Ujs.Entity {
       ];
       for (const { native, vecto } of hoverEvents) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)(vecto, this, e, false));
+          this.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)(vecto, this, e, false));
         };
         this.domElement.addEventListener(native, handler);
         this.domListeners.push({ type: native, handler, capture: false });
@@ -2149,7 +2127,7 @@ var DOMPortalEntity = (_class8 = class extends _chunk53DAQC3Ujs.Entity {
       const focusEvents = ["focus", "blur"];
       for (const type of focusEvents) {
         const handler = (e) => {
-          this.dispatchEvent(new (0, _chunk53DAQC3Ujs.VectoJSEvent)(type, this, e, true));
+          this.dispatchEvent(new (0, _chunkW3SFIVXOjs.VectoJSEvent)(type, this, e, true));
         };
         this.domElement.addEventListener(type, handler, true);
         this.domListeners.push({ type, handler, capture: true });
@@ -2192,7 +2170,7 @@ var DOMPortalEntity = (_class8 = class extends _chunk53DAQC3Ujs.Entity {
     }
     super.destroy();
   }
-}, _class8);
+}, _class7);
 
 // src/index.ts
 Scene.registerWebGLPointRendererCreator(_chunkLIX7DJTIjs.createWebGLPointRenderer);
@@ -2235,4 +2213,8 @@ Scene.registerWebGPUParticleSystemManager(_chunkLIX7DJTIjs.WebGPUParticleSystemM
 
 
 
-exports.ArabicShaper = _chunkRW6NC4RBjs.ArabicShaper; exports.BidiResolver = _chunkRW6NC4RBjs.BidiResolver; exports.CanvasRenderer = _chunkLIX7DJTIjs.CanvasRenderer; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DOMPortalEntity = DOMPortalEntity; exports.Entity = _chunk53DAQC3Ujs.Entity; exports.GridTextEntity = GridTextEntity; exports.LayoutEngine = _chunk72WVPMSJjs.LayoutEngine; exports.LayoutResultBuffer = _chunk72WVPMSJjs.LayoutResultBuffer; exports.LayoutWorkerManager = _chunkRW6NC4RBjs.LayoutWorkerManager; exports.MSDFFont = _chunk53DAQC3Ujs.MSDFFont; exports.MSDFTextEntity = _chunk53DAQC3Ujs.MSDFTextEntity; exports.PARTICLE_OFFSET_LIFE = PARTICLE_OFFSET_LIFE; exports.PARTICLE_OFFSET_ORIGIN_X = PARTICLE_OFFSET_ORIGIN_X; exports.PARTICLE_OFFSET_ORIGIN_Y = PARTICLE_OFFSET_ORIGIN_Y; exports.PARTICLE_OFFSET_POSITION_X = PARTICLE_OFFSET_POSITION_X; exports.PARTICLE_OFFSET_POSITION_Y = PARTICLE_OFFSET_POSITION_Y; exports.PARTICLE_OFFSET_SIZE = PARTICLE_OFFSET_SIZE; exports.PARTICLE_OFFSET_VELOCITY_X = PARTICLE_OFFSET_VELOCITY_X; exports.PARTICLE_OFFSET_VELOCITY_Y = PARTICLE_OFFSET_VELOCITY_Y; exports.PARTICLE_STRIDE_FLOATS = PARTICLE_STRIDE_FLOATS; exports.REDUCED_MOTION_FPS = REDUCED_MOTION_FPS; exports.SVGEntity = _chunk53DAQC3Ujs.SVGEntity; exports.SVGRenderer = _chunkLIX7DJTIjs.SVGRenderer; exports.Scene = Scene; exports.SpatialHashGrid = SpatialHashGrid; exports.SplineEntity = SplineEntity; exports.SpringPhysics = SpringPhysics; exports.TextEntity = TextEntity; exports.VectoJSEvent = _chunk53DAQC3Ujs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkLIX7DJTIjs.WebGPUParticleSystemManager; exports.computeLineSegments = _chunk72WVPMSJjs.computeLineSegments; exports.createCanvasMeasurer = _chunk72WVPMSJjs.createCanvasMeasurer; exports.createWebGLPointRenderer = _chunkLIX7DJTIjs.createWebGLPointRenderer; exports.loadSpline = loadSpline; exports.parseColorToRGBA = _chunkLIX7DJTIjs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier;
+
+
+
+
+exports.ArabicShaper = _chunkRW6NC4RBjs.ArabicShaper; exports.BidiResolver = _chunkRW6NC4RBjs.BidiResolver; exports.CanvasRenderer = _chunkLIX7DJTIjs.CanvasRenderer; exports.ComputeParticleEntity = ComputeParticleEntity; exports.DOMPortalEntity = DOMPortalEntity; exports.Easing = _chunkW3SFIVXOjs.Easing; exports.Entity = _chunkW3SFIVXOjs.Entity; exports.GridTextEntity = GridTextEntity; exports.LayoutEngine = _chunk72WVPMSJjs.LayoutEngine; exports.LayoutResultBuffer = _chunk72WVPMSJjs.LayoutResultBuffer; exports.LayoutWorkerManager = _chunkRW6NC4RBjs.LayoutWorkerManager; exports.MSDFFont = _chunkW3SFIVXOjs.MSDFFont; exports.MSDFTextEntity = _chunkW3SFIVXOjs.MSDFTextEntity; exports.PARTICLE_OFFSET_LIFE = PARTICLE_OFFSET_LIFE; exports.PARTICLE_OFFSET_ORIGIN_X = PARTICLE_OFFSET_ORIGIN_X; exports.PARTICLE_OFFSET_ORIGIN_Y = PARTICLE_OFFSET_ORIGIN_Y; exports.PARTICLE_OFFSET_POSITION_X = PARTICLE_OFFSET_POSITION_X; exports.PARTICLE_OFFSET_POSITION_Y = PARTICLE_OFFSET_POSITION_Y; exports.PARTICLE_OFFSET_SIZE = PARTICLE_OFFSET_SIZE; exports.PARTICLE_OFFSET_VELOCITY_X = PARTICLE_OFFSET_VELOCITY_X; exports.PARTICLE_OFFSET_VELOCITY_Y = PARTICLE_OFFSET_VELOCITY_Y; exports.PARTICLE_STRIDE_FLOATS = PARTICLE_STRIDE_FLOATS; exports.REDUCED_MOTION_FPS = REDUCED_MOTION_FPS; exports.SVGEntity = _chunkW3SFIVXOjs.SVGEntity; exports.SVGRenderer = _chunkLIX7DJTIjs.SVGRenderer; exports.Scene = Scene; exports.SpatialHashGrid = SpatialHashGrid; exports.SplineEntity = SplineEntity; exports.SpringDriver = _chunkW3SFIVXOjs.SpringDriver; exports.SpringPhysics = _chunkW3SFIVXOjs.SpringPhysics; exports.TextEntity = TextEntity; exports.TweenDriver = _chunkW3SFIVXOjs.TweenDriver; exports.VectoJSEvent = _chunkW3SFIVXOjs.VectoJSEvent; exports.WebGPUParticleSystemManager = _chunkLIX7DJTIjs.WebGPUParticleSystemManager; exports.computeLineSegments = _chunk72WVPMSJjs.computeLineSegments; exports.createCanvasMeasurer = _chunk72WVPMSJjs.createCanvasMeasurer; exports.createWebGLPointRenderer = _chunkLIX7DJTIjs.createWebGLPointRenderer; exports.isTweenConfig = _chunkW3SFIVXOjs.isTweenConfig; exports.loadSpline = loadSpline; exports.parseColorToRGBA = _chunkLIX7DJTIjs.parseColorToRGBA; exports.polySegmentToBezier = polySegmentToBezier;

package/dist/index.mjs

@@ -12,12 +12,17 @@ import {
   parseColorToRGBA
 } from "./chunk-2Y45S4JK.mjs";
 import {
+  Easing,
   Entity,
   MSDFFont,
   MSDFTextEntity,
   SVGEntity,
-  VectoJSEvent
-} from "./chunk-M2IZPGOL.mjs";
+  SpringDriver,
+  SpringPhysics,
+  TweenDriver,
+  VectoJSEvent,
+  isTweenConfig
+} from "./chunk-Y2N7TGEH.mjs";
 import {
   ArabicShaper,
   BidiResolver,
@@ -323,6 +328,10 @@ var Scene = class _Scene {
   respectReducedMotion = true;
   /** Cached media-query list; `.matches` is read live each frame. */
   reducedMotionQuery = null;
+  /** True when the OS asks for reduced motion and we respect it. Read by the animation drivers. */
+  get prefersReducedMotion() {
+    return this.respectReducedMotion && !!this.reducedMotionQuery?.matches;
+  }
   /**
    * Throttle interval (ms) for the a11y/automation shadow sync. `0` = every
    * frame. See {@link SceneOptions.a11ySyncInterval}.
@@ -2064,37 +2073,6 @@ var SpatialHashGrid = class {
   }
 };
 
-// src/math/SpringPhysics.ts
-var SpringPhysics = class {
-  value;
-  target;
-  velocity = 0;
-  stiffness = 180;
-  damping = 12;
-  mass = 1;
-  valEpsilon = 5e-3;
-  velEpsilon = 5e-3;
-  constructor(initial) {
-    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;
-  }
-};
-
 // src/tree/DOMPortalEntity.ts
 var DOMPortalEntity = class extends Entity {
   domElement;
@@ -2203,6 +2181,7 @@ export {
   CanvasRenderer,
   ComputeParticleEntity,
   DOMPortalEntity,
+  Easing,
   Entity,
   GridTextEntity,
   LayoutEngine,
@@ -2225,13 +2204,16 @@ export {
   Scene,
   SpatialHashGrid,
   SplineEntity,
+  SpringDriver,
   SpringPhysics,
   TextEntity,
+  TweenDriver,
   VectoJSEvent,
   WebGPUParticleSystemManager,
   computeLineSegments,
   createCanvasMeasurer,
   createWebGLPointRenderer,
+  isTweenConfig,
   loadSpline,
   parseColorToRGBA,
   polySegmentToBezier

package/dist/{layout.d.mts → layout/LayoutEngine.d.ts}

@@ -4,7 +4,7 @@
  * Each entry provides the glyph's pixel `width` at `baseSize`, and an `ast`
  * property holding the raw vector path data used by the renderer.
  */
-interface GlyphAtlas {
+export interface GlyphAtlas {
     [char: string]: {
         width: number;
         baseSize: number;
@@ -18,14 +18,14 @@ interface GlyphAtlas {
  * Implemented by {@link createCanvasMeasurer} (canvas `measureText`), but kept
  * abstract so callers can supply their own metrics source.
  */
-interface GlyphMeasurer {
+export interface GlyphMeasurer {
     measure(char: string, fontSize: number): number;
 }
 /**
  * Per-run inline style for rich text ({@link LayoutEngine.prepareRich}). All
  * fields are optional and inherited from the call's base style when omitted.
  */
-interface TextStyle {
+export interface TextStyle {
     /** Font size in px for this run; overrides the base size (affects width + line height). */
     fontSize?: number;
     /** Fill color, e.g. `'#38bdf8'`. */
@@ -38,14 +38,14 @@ interface TextStyle {
     href?: string;
 }
 /** A run of text sharing one {@link TextStyle}, the input unit of {@link LayoutEngine.prepareRich}. */
-interface StyledSpan {
+export interface StyledSpan {
     text: string;
     style?: TextStyle;
 }
 /**
  * A single positioned glyph produced by {@link LayoutEngine.layoutText}.
  */
-interface LayoutNode {
+export interface LayoutNode {
     char: string;
     x: number;
     y: number;
@@ -62,14 +62,14 @@ interface LayoutNode {
  * The complete output of a text layout pass — an ordered list of positioned
  * glyphs and the total bounding-box dimensions.
  */
-interface LayoutResult {
+export interface LayoutResult {
     nodes: LayoutNode[];
     totalWidth: number;
     totalHeight: number;
     fallbackToCanvas?: boolean;
 }
 /** A single measured grapheme (the "cold" half of the cold/hot split). */
-interface PreparedGlyph {
+export interface PreparedGlyph {
     char: string;
     /** Advance width at the prepared `fontSize`. */
     width: number;
@@ -81,7 +81,7 @@ interface PreparedGlyph {
     combining?: string[];
 }
 /** A measured word/segment, ready to be placed without re-measuring. */
-interface PreparedWord {
+export interface PreparedWord {
     glyphs: PreparedGlyph[];
     /** Sum of glyph advances — used for word-level wrap decisions. */
     width: number;
@@ -90,7 +90,7 @@ interface PreparedWord {
     isWhitespace: boolean;
 }
 /** A measured paragraph; `isEmpty` marks a blank line (forced newline). */
-interface PreparedParagraph {
+export interface PreparedParagraph {
     words: PreparedWord[];
     isEmpty: boolean;
     fallbackToCanvas?: boolean;
@@ -103,7 +103,7 @@ interface PreparedParagraph {
  * re-layouts ({@link LayoutEngine.layoutPrepared}) on resize / reposition,
  * avoiding the per-frame `Intl.Segmenter` + measurement cost.
  */
-interface PreparedText {
+export interface PreparedText {
     paragraphs: PreparedParagraph[];
     fontSize: number;
     fallbackToCanvas?: boolean;
@@ -113,14 +113,14 @@ interface PreparedText {
  * flow around — the v1 of text flow exclusion shapes. A left/right rect acts
  * like a CSS float; a centered rect splits the affected lines in two.
  */
-interface ExclusionRect {
+export interface ExclusionRect {
     x: number;
     y: number;
     width: number;
     height: number;
 }
 /** A free horizontal interval `[x0, x1)` available for text on one line. */
-interface LineSegment {
+export interface LineSegment {
     x0: number;
     x1: number;
 }
@@ -133,12 +133,12 @@ interface LineSegment {
  *
  * Time O(n log n) in the number of overlapping exclusions; space O(n).
  */
-declare function computeLineSegments(top: number, bottom: number, maxWidth: number, exclusions: ExclusionRect[]): LineSegment[];
+export declare function computeLineSegments(top: number, bottom: number, maxWidth: number, exclusions: ExclusionRect[]): LineSegment[];
 /**
  * VectoJS Global Layout Engine (Intl.Segmenter)
  * Advanced Typography Engine supporting CJK, Emoji, and Western Graphemes
  */
-declare class LayoutEngine {
+export declare class LayoutEngine {
     maxWidth: number;
     maxHeight: number;
     preserveLeadingSpaces: boolean;
@@ -243,7 +243,7 @@ declare class LayoutEngine {
  * Pre-allocated buffer for zero-GC layout results.
  * Reuse a single instance across frames by calling reset() before each layout pass.
  */
-declare class LayoutResultBuffer {
+export declare class LayoutResultBuffer {
     static readonly CAPACITY = 16384;
     /** X positions of each glyph. */
     xs: Float32Array;
@@ -262,58 +262,3 @@ declare class LayoutResultBuffer {
     /** Convert to the standard LayoutResult format (allocates — use sparingly). */
     toLayoutResult(): LayoutResult;
 }
-
-/**
- * Create a {@link GlyphMeasurer} backed by a single lazily-created offscreen
- * Canvas 2D context.
- *
- * Each grapheme is measured once at `baseSize` and cached; because canvas
- * `measureText` advance width is linear in font size, later queries at any
- * `fontSize` are derived by pure arithmetic (no re-measure). This gives the
- * {@link LayoutEngine} real per-glyph metrics for text that has no pre-baked
- * vector atlas, fixing the coarse `0.5em` line-breaking fallback.
- *
- * Returns `null` in DOM-free environments (SSR, workers without a canvas) so
- * callers stay portable and the engine keeps its `0.5em` fallback.
- *
- * @param fontFamily - CSS font family used for measurement; should match what
- *   the renderer actually draws (e.g. `TextEntity` falls back to `sans-serif`).
- * @param baseSize - Pixel size at which each glyph is measured and cached.
- * @returns A measurer, or `null` when no Canvas 2D context is available.
- */
-declare function createCanvasMeasurer(fontFamily?: string, baseSize?: number): GlyphMeasurer | null;
-
-interface LayoutWorkerResponse {
-    id: string;
-    seqId: number;
-    width: number;
-    height: number;
-    codePoints: Uint32Array;
-    xCoords: Float32Array;
-    yCoords: Float32Array;
-    packedStyles: Uint32Array;
-}
-
-declare class LayoutWorkerManager {
-    private static instance;
-    private worker;
-    private registeredFonts;
-    private pendingCallbacks;
-    private seqIdCounter;
-    private debounceTimers;
-    private constructor();
-    static getInstance(): LayoutWorkerManager;
-    queueLayout(entityId: string, text: string, options: {
-        fontId: string;
-        fontSize: number;
-        maxWidth: number;
-        maxHeight: number;
-        fontData?: any;
-        lineHeight?: number;
-        letterSpacing?: number;
-        callback: (res: LayoutWorkerResponse) => void;
-    }): void;
-    cancelLayout(entityId: string): void;
-}
-
-export { type ExclusionRect, type GlyphAtlas, type GlyphMeasurer, LayoutEngine, type LayoutNode, type LayoutResult, LayoutResultBuffer, LayoutWorkerManager, type LineSegment, type PreparedGlyph, type PreparedParagraph, type PreparedText, type PreparedWord, type StyledSpan, type TextStyle, computeLineSegments, createCanvasMeasurer };

package/dist/layout/LayoutWorker.d.ts

@@ -0,0 +1,23 @@
+import { MSDFFontData } from '../text/MSDFFont';
+export interface LayoutWorkerRequest {
+    id: string;
+    seqId: number;
+    text: string;
+    fontId: string;
+    fontData?: MSDFFontData;
+    maxWidth: number;
+    maxHeight: number;
+    fontSize: number;
+    lineHeight?: number;
+    letterSpacing?: number;
+}
+export interface LayoutWorkerResponse {
+    id: string;
+    seqId: number;
+    width: number;
+    height: number;
+    codePoints: Uint32Array;
+    xCoords: Float32Array;
+    yCoords: Float32Array;
+    packedStyles: Uint32Array;
+}

package/dist/layout/LayoutWorkerManager.d.ts

@@ -0,0 +1,22 @@
+import { LayoutWorkerResponse } from './LayoutWorker';
+export declare class LayoutWorkerManager {
+    private static instance;
+    private worker;
+    private registeredFonts;
+    private pendingCallbacks;
+    private seqIdCounter;
+    private debounceTimers;
+    private constructor();
+    static getInstance(): LayoutWorkerManager;
+    queueLayout(entityId: string, text: string, options: {
+        fontId: string;
+        fontSize: number;
+        maxWidth: number;
+        maxHeight: number;
+        fontData?: any;
+        lineHeight?: number;
+        letterSpacing?: number;
+        callback: (res: LayoutWorkerResponse) => void;
+    }): void;
+    cancelLayout(entityId: string): void;
+}