@xtia/timeline 1.1.15 → 1.1.17

package/index.d.ts

@@ -1,5 +1,5 @@
-export { Timeline, animate, ChainingInterface } from "./internal/timeline";
-export { TimelinePoint, PointEvent } from "./internal/point";
-export { TimelineRange } from "./internal/range";
-export { Emitter, RangeProgression, UnsubscribeFunc } from "./internal/emitters";
-export { easers } from "./internal/easing";
+export { Timeline, animate, ChainingInterface } from "./internal/timeline.js";
+export { TimelinePoint, PointEvent } from "./internal/point.js";
+export { TimelineRange } from "./internal/range.js";
+export { Emitter, RangeProgression, UnsubscribeFunc } from "./internal/emitters.js";
+export { easers } from "./internal/easing.js";

package/index.js

@@ -1,5 +1,5 @@
-export { Timeline, animate } from "./internal/timeline";
-export { TimelinePoint } from "./internal/point";
-export { TimelineRange } from "./internal/range";
-export { Emitter, RangeProgression } from "./internal/emitters";
-export { easers } from "./internal/easing";
+export { Timeline, animate } from "./internal/timeline.js";
+export { TimelinePoint } from "./internal/point.js";
+export { TimelineRange } from "./internal/range.js";
+export { Emitter, RangeProgression } from "./internal/emitters.js";
+export { easers } from "./internal/easing.js";

package/internal/emitters.d.ts

@@ -1,6 +1,6 @@
-import { Easer, easers } from "./easing";
-import { Path, XY } from "./path";
-import { BlendableWith, Tweenable } from "./tween";
+import { Easer, easers } from "./easing.js";
+import { Path, XY } from "./path.js";
+import { BlendableWith, Tweenable } from "./tween.js";
 type Handler<T> = (value: T) => void;
 export type ListenFunc<T> = (handler: Handler<T>) => UnsubscribeFunc;
 export type UnsubscribeFunc = () => void;

package/internal/emitters.js

@@ -1,7 +1,7 @@
-import { easers } from "./easing";
-import { createPathEmitter } from "./path";
-import { createTween } from "./tween";
-import { clamp } from "./utils";
+import { easers } from "./easing.js";
+import { createPathEmitter } from "./path.js";
+import { createTween } from "./tween.js";
+import { clamp } from "./utils.js";
 export class Emitter {
     constructor(onListen) {
         this.onListen = onListen;
@@ -139,10 +139,14 @@ export class RangeProgression extends Emitter {
      * @returns Listenable: emits the sampled values
      */
     sample(source) {
+        if (source.length === 0) {
+            throw new Error("Sample source is empty");
+        }
+        const sourceArray = Array.from(source);
         const listen = this.transform((value, emit) => {
             const clampedProgress = clamp(value);
-            const index = Math.floor(clampedProgress * (source.length - 1));
-            emit(source[index]);
+            const index = Math.floor(clampedProgress * (sourceArray.length - 1));
+            emit(sourceArray[index]);
         });
         return new Emitter(listen);
     }

package/internal/path.d.ts

@@ -1,5 +1,5 @@
-import { Easer, easers } from "./easing";
-import { ListenFunc } from "./emitters";
+import { Easer, easers } from "./easing.js";
+import { ListenFunc } from "./emitters.js";
 export type XY = [number, number];
 type SegmentEvaluator = (t: number) => XY;
 type LineSegment = {

package/internal/path.js

@@ -1,5 +1,5 @@
-import { createListenable } from "./emitters";
-import { Timeline } from "./timeline";
+import { createListenable } from "./emitters.js";
+import { Timeline } from "./timeline.js";
 export function createPathEmitter(input) {
     const { listen, emit } = createListenable();
     const tl = new Timeline();

package/internal/point.d.ts

@@ -1,7 +1,7 @@
-import { Easer } from "./easing";
-import { Emitter, ListenFunc, UnsubscribeFunc } from "./emitters";
-import { TimelineRange } from "./range";
-import { Timeline } from "./timeline";
+import { Easer } from "./easing.js";
+import { Emitter, ListenFunc, UnsubscribeFunc } from "./emitters.js";
+import { TimelineRange } from "./range.js";
+import { Timeline } from "./timeline.js";
 export type PointEvent = {
     readonly direction: -1 | 1;
 };

package/internal/point.js

@@ -1,4 +1,4 @@
-import { Emitter } from "./emitters";
+import { Emitter } from "./emitters.js";
 export class TimelinePoint extends Emitter {
     /** @internal Manual construction of TimelinePoint is outside of the API contract and subject to undocumented change */
     constructor(onListen, timeline, 

package/internal/range.d.ts

@@ -1,7 +1,7 @@
-import { Easer, easers } from "./easing";
-import { ListenFunc, RangeProgression } from "./emitters";
-import { TimelinePoint } from "./point";
-import { Timeline } from "./timeline";
+import { Easer, easers } from "./easing.js";
+import { ListenFunc, RangeProgression } from "./emitters.js";
+import { TimelinePoint } from "./point.js";
+import { Timeline } from "./timeline.js";
 export declare class TimelineRange extends RangeProgression {
     private timeline;
     /** The point on the Timeline at which this range begins */

package/internal/range.js

@@ -1,5 +1,5 @@
-import { RangeProgression } from "./emitters";
-import { TimelinePoint } from "./point";
+import { RangeProgression } from "./emitters.js";
+import { TimelinePoint } from "./point.js";
 export class TimelineRange extends RangeProgression {
     /** @internal Manual construction of RangeProgression is outside of the API contract and subject to undocumented change */
     constructor(onListen, timeline, 

package/internal/timeline.d.ts

@@ -1,9 +1,9 @@
-import { Easer, easers } from "./easing";
-import { RangeProgression, UnsubscribeFunc } from "./emitters";
-import { TimelinePoint } from "./point";
-import { TimelineRange } from "./range";
-import { Tweenable } from "./tween";
-import { Widen } from "./utils";
+import { Easer, easers } from "./easing.js";
+import { RangeProgression, UnsubscribeFunc } from "./emitters.js";
+import { TimelinePoint } from "./point.js";
+import { TimelineRange } from "./range.js";
+import { Tweenable } from "./tween.js";
+import { Widen } from "./utils.js";
 declare const EndAction: {
     readonly pause: 0;
     readonly continue: 1;

package/internal/timeline.js

@@ -1,7 +1,7 @@
-import { createListenable, RangeProgression } from "./emitters";
-import { TimelinePoint } from "./point";
-import { TimelineRange } from "./range";
-import { clamp } from "./utils";
+import { createListenable, RangeProgression } from "./emitters.js";
+import { TimelinePoint } from "./point.js";
+import { TimelineRange } from "./range.js";
+import { clamp } from "./utils.js";
 const default_fps = 60;
 const requestAnimFrame = globalThis?.requestAnimationFrame;
 const cancelAnimFrame = globalThis?.cancelAnimationFrame;

package/internal/tween.js

@@ -1,4 +1,4 @@
-import { clamp } from "./utils";
+import { clamp } from "./utils.js";
 var TokenTypes;
 (function (TokenTypes) {
     TokenTypes[TokenTypes["none"] = 0] = "none";
@@ -132,21 +132,18 @@ function parseColour(code) {
         rawHex += "ff";
     return [...rawHex.matchAll(/../g)].map(hex => parseInt(hex[0], 16));
 }
-function blendColours(from, to, bias) {
-    const blended = from.map((val, i) => clamp(blendNumbers(val, to[i], bias), 0, 255));
-    if (blended[3] === 255) {
-        return "#" +
-            Math.round(blended[0]).toString(16).padStart(2, "0") +
-            Math.round(blended[1]).toString(16).padStart(2, "0") +
-            Math.round(blended[2]).toString(16).padStart(2, "0");
-    }
-    else {
-        return "#" +
-            Math.round(blended[0]).toString(16).padStart(2, "0") +
-            Math.round(blended[1]).toString(16).padStart(2, "0") +
-            Math.round(blended[2]).toString(16).padStart(2, "0") +
-            Math.round(blended[3]).toString(16).padStart(2, "0");
-    }
+const hexLookup = new Array(256);
+for (let i = 0; i < 256; i++) {
+    hexLookup[i] = i.toString(16).padStart(2, "0");
+}
+function blendColours([fromR, fromG, fromB, fromA], [toR, toG, toB, toA], bias) {
+    const r = Math.max(0, Math.min(255, Math.round(fromR + bias * (toR - fromR))));
+    const g = Math.max(0, Math.min(255, Math.round(fromG + bias * (toG - fromG))));
+    const b = Math.max(0, Math.min(255, Math.round(fromB + bias * (toB - fromB))));
+    const a = Math.max(0, Math.min(255, Math.round(fromA + bias * (toA - fromA))));
+    return a === 255
+        ? "#" + hexLookup[r] + hexLookup[g] + hexLookup[b]
+        : "#" + hexLookup[r] + hexLookup[g] + hexLookup[b] + hexLookup[a];
 }
 const tweenableTokenRegex = /(#(?:[0-9a-fA-F]{3,4}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})\b|[-+]?\d*\.?\d+(?:[eE][-+]?\d+)?)/g;
 function tokenise(s) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xtia/timeline",
-  "version": "1.1.15",
+  "version": "1.1.17",
   "repository": {
     "url": "https://github.com/tiadrop/timeline",
     "type": "github"