chnobli 0.1.4 → 0.1.6

package/dist/timeline/public.js

@@ -0,0 +1,301 @@
+import { takeProp } from '../utils/internal';
+import Timeline from './TimeLine';
+import { STATE_ENDED } from '../timing/Timing';
+import { callStagger } from '../stagger/stagger';
+import Events from '../utils/Events';
+import ResponsiveEvent from '../responsive/ResponsiveEvent';
+import NestedTimeline from './Nested';
+const STATE_PAUSED = 0;
+const STATE_RENDER_ONCE = 1;
+const STATE_PLAYING = 2;
+export default class PublicTimeline {
+    _defaults;
+    _responsive;
+    _inner;
+    _events;
+    _state;
+    _renderedOnce;
+    _runningTicker;
+    _responsiveBlocks;
+    _responsiveEvent;
+    constructor(props = {}) {
+        this._defaults = takeProp(props, 'defaults', {});
+        this._responsive = takeProp(props, 'responsive', true);
+        if (typeof this._responsive !== 'boolean')
+            throw new Error('responsive can only be a boolean');
+        if ('duration' in props)
+            throw new Error('a timeline does not accept a duration');
+        this._inner = new Timeline(props);
+        // 'start', 'end'
+        this._events = new Events();
+        this._state = STATE_PAUSED;
+        this._renderedOnce = false;
+        this._runningTicker = null;
+        this._responsiveBlocks = [];
+        if (this._responsive) {
+            this._responsiveEvent = ResponsiveEvent.global()?.add((a, b) => {
+                this._onResponsive(a, b);
+            });
+            // setup callback so we can notify our listeners
+            this._inner.setBeforeResponsiveFn(() => {
+                this._responsiveBlocks.forEach(block => {
+                    block.responsive();
+                });
+            });
+        }
+        else {
+            this._responsiveEvent = null;
+        }
+    }
+    /**
+     * Set's properties
+     * offset can be staggered, a number, a label or a string `+=10`
+     */
+    set(targets, props, offset = null) {
+        // for the moment let's just add as usual but set the duration to 0
+        return this.add(targets, { ...props, duration: 0 }, offset);
+    }
+    /**
+     * Add an animation to the timeline
+     *
+     * offset can be staggered, a number, a label or a string `+=10`
+     */
+    add(targets, props, offset = null) {
+        timelineAdd(this, targets, props, offset);
+        return this;
+    }
+    /**
+     * Adds a label at to the current nOffse
+     *
+     * This label can then be used in offsets
+     */
+    label(label, offset = null) {
+        this._inner.label(label, offset);
+        return this;
+    }
+    /**
+     * Allows to nest timelines
+     *
+     * fn: (timeline)
+     */
+    // todo probably tl should be an interface
+    nest(fn, opts = {}, offset = null) {
+        const tl = new NestedTimeline(opts);
+        fn(tl);
+        this._inner.addTimeline(tl._inner, offset);
+        return this;
+    }
+    /**
+     * Adds a responsive function call which get's called before the responsive
+     * functions in properties
+     */
+    addResponsive(responsive) {
+        if (!this._responsiveEvent)
+            throw new Error('this timeline is not responsive');
+        if (Array.isArray(responsive)) {
+            responsive.forEach(resp => this.addResponsive(resp));
+            return this;
+        }
+        if (typeof responsive.responsive !== 'function')
+            throw new Error('expected a responsive() function');
+        this._responsiveBlocks.push(responsive);
+        return this;
+    }
+    /**
+     * Starts to play the timeline if it hasn't started
+     */
+    play() {
+        if (this._state === STATE_PLAYING)
+            return this;
+        this._state = STATE_PLAYING;
+        this._startTicker();
+        return this;
+    }
+    /**
+     * Pause the timeline at the current position
+     */
+    pause() {
+        if (this._state === STATE_PAUSED)
+            return;
+        this._state = STATE_PAUSED;
+        this._stopTicker();
+    }
+    /**
+     * Seeks to a position in the timeline
+     */
+    seekMs(ms) {
+        this._inner.init();
+        this._inner.seekMs(ms);
+        if (this._state !== STATE_PLAYING)
+            this._state = STATE_RENDER_ONCE;
+        this._startTicker();
+    }
+    /**
+     * Seeks to a normalized position in the timeline
+     *
+     * @param pos = number between 0 and 1
+     */
+    seek(pos) {
+        this._inner.init();
+        this._inner.seek(pos);
+        if (this._state !== STATE_PLAYING)
+            this._state = STATE_RENDER_ONCE;
+        this._startTicker();
+    }
+    // seek in Range (useful for scroll timelines)
+    // seek(startOffset, endOffset, pos)
+    /**
+     * Resets the current timeline to the start
+     * without changing anything
+     */
+    reset() {
+        this._inner.seek(0);
+    }
+    /**
+     * Resets every used prop to it's previous value
+     */
+    resetProps() {
+        const reversed = this._inner.timing.reverse;
+        this._inner.timing.reversed = false;
+        this._inner.seek(-1);
+        this._inner.render();
+        this._inner.ticker.applyTargets();
+        this._inner.timing.reverse = reversed;
+        this._inner.seek(-1);
+    }
+    /**
+     * Recalculates all values this should be called for example after a resize
+     */
+    update() {
+        this._inner.update();
+    }
+    /**
+     * Returns wether the timeline is set to reversed
+     */
+    isReversed() {
+        return this._inner.timing.reversed;
+    }
+    /**
+     * Set's the timeline to a specific direction
+     */
+    setReversed(reversed) {
+        if (this.isReversed() == reversed)
+            return;
+        this.reverse();
+    }
+    /**
+     * Reverses the order of the current timeline
+     */
+    reverse() {
+        this._inner.timing.reverse();
+    }
+    /**
+     * Listen on events
+     *
+     * returns a function to remove the event listener
+     *
+     * ## Events
+     *
+     * ### end
+     * Get's executed once the timeline comes to the end
+     * Does not get executed during seeking
+     *
+     */
+    on(event, fn) {
+        return this._events.add(event, fn);
+    }
+    // not working
+    onPromise(event) {
+        return this._events.wait(event);
+    }
+    /**
+     * Destroys this timeline and resets all props
+     */
+    destroy() {
+        this._stopTicker();
+        this._inner.destroy();
+        this._events.destroy();
+        this._responsiveEvent?.remove();
+        this._responsiveBlocks = [];
+        // @ts-ignore
+        this._inner = null;
+    }
+    _startTicker() {
+        if (this._runningTicker)
+            return;
+        this._inner.init();
+        this._runningTicker = this._inner.ticker.add(change => {
+            if (this._inner.timing.state >= STATE_ENDED) {
+                if (!this._renderedOnce) {
+                    this._renderedOnce = true;
+                    this._inner.render();
+                }
+                if (this._state === STATE_PLAYING)
+                    this._events.trigger('end');
+                this._state = STATE_PAUSED;
+                this._stopTicker();
+                return;
+            }
+            // if (this._inner.timing.state <= STATE_START) {
+            // 	this._events.trigger('start');
+            // }
+            // if (this._inner.timing.state >= STATE_ENDED) {
+            // 	this._stopTicker();
+            // 	this._events.trigger('end');
+            // 	return;
+            // }
+            if (this._state === STATE_PLAYING)
+                this._inner.advance(change);
+            // todo when we add smooth seeks we need to update this
+            this._inner.render();
+            if (this._inner.timing.state >= STATE_ENDED) {
+                if (this._state === STATE_PLAYING)
+                    this._events.trigger('end');
+                this._state = STATE_PAUSED;
+                this._stopTicker();
+                return;
+            }
+            // we rendered once let's stop
+            if (this._state === STATE_RENDER_ONCE) {
+                this._state = STATE_PAUSED;
+                this._stopTicker();
+            }
+        });
+    }
+    _stopTicker() {
+        if (!this._runningTicker)
+            return;
+        this._runningTicker.remove();
+        this._runningTicker = null;
+    }
+    _onResponsive(a, b) {
+        // // make sure we don't render something if we never did
+        // if (!this._renderedOnce)
+        // 	return;
+        this._inner.update();
+    }
+}
+/**
+ * Add an animation to the timeline
+ * tl needs to have _defaults, and _inner
+ */
+export function timelineAdd(tl, targets, props, offset = null) {
+    if (Array.from(targets).length === 0)
+        targets = [targets];
+    else
+        targets = Array.from(targets);
+    let i = -1;
+    for (const target of targets) {
+        i++;
+        const nProps = {
+            ...tl._defaults,
+            ...props,
+        };
+        for (const prop in nProps) {
+            nProps[prop] = callStagger(nProps[prop], i, targets.length);
+        }
+        const nOffset = callStagger(offset, i);
+        tl._inner.add(target, nProps, nOffset, i);
+    }
+}
+//# sourceMappingURL=public.js.map

package/dist/timeline/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../src/timeline/public.ts"],"names":[],"mappings":"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"}

package/dist/timing/AnimationFrameTicker.d.ts

@@ -0,0 +1,32 @@
+import Ticker, { Callback } from './Ticker';
+/**
+ * The ticker is the main driver for all animations
+ *
+ * it also manages all targets allowing to only call the dom api
+ * at the end of every frame
+ */
+export default class AnimationFrameTicker implements Ticker {
+    private _listeners;
+    private _targets;
+    running: boolean;
+    private _previousTick;
+    constructor();
+    static global(): any;
+    registerTarget(target: any): any;
+    unregisterTarget(target: any): void;
+    applyTargets(): void;
+    add(fn: Callback): {
+        remove: () => void;
+    };
+    remove(fn: Callback): void;
+    _tick(elapsed: number): void;
+}
+export declare class GlobalTargets {
+    private _targets;
+    constructor();
+    register(target: any): any;
+    unregister(target: any): void;
+    apply(): void;
+    size(): number;
+}
+//# sourceMappingURL=AnimationFrameTicker.d.ts.map

package/dist/timing/AnimationFrameTicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationFrameTicker.d.ts","sourceRoot":"","sources":["../../src/timing/AnimationFrameTicker.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE5C;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,oBAAqB,YAAW,MAAM;IAC1D,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,CAAC,QAAQ,CAAgB;IAEhC,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,aAAa,CAAgB;;IAWrC,MAAM,CAAC,MAAM;IAkBb,cAAc,CAAC,MAAM,EAAE,GAAG;IAI1B,gBAAgB,CAAC,MAAM,EAAE,GAAG;IAI5B,YAAY;IAIZ,GAAG,CAAC,EAAE,EAAE,QAAQ,GAAG;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE;IAezC,MAAM,CAAC,EAAE,EAAE,QAAQ;IAInB,KAAK,CAAC,OAAO,EAAE,MAAM;CA8BrB;AAoBD,qBAAa,aAAa;IACzB,OAAO,CAAC,QAAQ,CAAyC;;IAOzD,QAAQ,CAAC,MAAM,EAAE,GAAG;IAcpB,UAAU,CAAC,MAAM,EAAE,GAAG;IAOtB,KAAK;IASL,IAAI;CAKJ"}

package/dist/timing/AnimationFrameTicker.js

@@ -0,0 +1,134 @@
+import { newTarget } from '../target/Target';
+/**
+ * The ticker is the main driver for all animations
+ *
+ * it also manages all targets allowing to only call the dom api
+ * at the end of every frame
+ */
+export default class AnimationFrameTicker {
+    _listeners;
+    _targets;
+    running;
+    _previousTick;
+    constructor() {
+        this._listeners = new Set();
+        this._targets = new GlobalTargets();
+        this.running = false;
+        this._previousTick = null;
+    }
+    static global() {
+        // allow to define a test ticker
+        // @ts-ignore
+        if (typeof globalThis !== 'undefined' && globalThis.chnobliTicker)
+            // @ts-ignore
+            return globalThis.chnobliTicker;
+        if (typeof window === 'undefined')
+            throw new Error('can only be executed in a browser context');
+        // @ts-ignore
+        if (typeof window.chnobliTicker === 'undefined')
+            // @ts-ignore
+            window.chnobliTicker = new Ticker();
+        // @ts-ignore
+        return window.chnobliTicker;
+    }
+    registerTarget(target) {
+        return this._targets.register(target);
+    }
+    unregisterTarget(target) {
+        return this._targets.unregister(target);
+    }
+    applyTargets() {
+        return this._targets.apply();
+    }
+    add(fn) {
+        this._listeners.add(fn);
+        if (!this.running) {
+            this.running = true;
+            requestAnimationFrame(a => this._tick(a));
+        }
+        return {
+            remove: () => {
+                this.remove(fn);
+            },
+        };
+    }
+    remove(fn) {
+        this._listeners.delete(fn);
+    }
+    _tick(elapsed) {
+        if (this._listeners.size === 0) {
+            this.running = false;
+            this._previousTick = null;
+            return;
+        }
+        if (this._previousTick === null)
+            this._previousTick = elapsed;
+        let change = elapsed - this._previousTick;
+        // lagSmoothing
+        if (change > 500) {
+            console.log('ticker lagged');
+            change = 33;
+        }
+        this._previousTick = elapsed;
+        // const changes = new PropertyChanges;
+        for (const fn of this._listeners) {
+            fn(change, {
+                // changes,
+                remove: () => this.remove(fn),
+            });
+        }
+        this._targets.apply();
+        requestAnimationFrame(a => this._tick(a));
+    }
+}
+// class PropertyChanges {
+// 	constructor() {
+// 		this._targets = new Map;
+// 	}
+// 	// target is expected to be an html element
+// 	get(target) {
+// 	}
+// }
+// class TargetChanges {
+// 	constructor() {
+// 		// x, y, rotate, skew, scale
+// 		this.transform = {};
+// 	}
+// }
+export class GlobalTargets {
+    _targets;
+    constructor() {
+        // {target, ref}
+        this._targets = new Map();
+    }
+    register(target) {
+        let storedTarget = this._targets.get(target);
+        if (!storedTarget) {
+            storedTarget = {
+                target: newTarget(target),
+                ref: 0,
+            };
+            this._targets.set(target, storedTarget);
+        }
+        storedTarget.ref += 1;
+        return storedTarget.target;
+    }
+    unregister(target) {
+        const storedTarget = this._targets.get(target);
+        if (!storedTarget)
+            return;
+        storedTarget.ref -= 1;
+    }
+    apply() {
+        for (const storedTarget of this._targets.values()) {
+            const { target, ref } = storedTarget;
+            target.apply();
+            if (ref <= 0)
+                this._targets.delete(target.target);
+        }
+    }
+    size() {
+        return this._targets.size;
+    }
+}
+//# sourceMappingURL=AnimationFrameTicker.js.map

package/dist/timing/AnimationFrameTicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnimationFrameTicker.js","sourceRoot":"","sources":["../../src/timing/AnimationFrameTicker.ts"],"names":[],"mappings":"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"}

package/dist/timing/Ease.d.ts

@@ -0,0 +1,6 @@
+export default class Ease {
+    fn: ((t: number) => number) | null;
+    constructor(prop: any);
+    apply(t: number): number;
+}
+//# sourceMappingURL=Ease.d.ts.map

package/dist/timing/Ease.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ease.d.ts","sourceRoot":"","sources":["../../src/timing/Ease.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,IAAI;IACxB,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC,GAAG,IAAI,CAAC;gBAEvB,IAAI,EAAE,GAAG;IAQrB,KAAK,CAAC,CAAC,EAAE,MAAM;CAKf"}

package/dist/timing/Ease.js

@@ -0,0 +1,15 @@
+export default class Ease {
+    fn;
+    constructor(prop) {
+        // parse prop
+        if (prop !== null && typeof prop !== 'function')
+            throw new Error('ease needs to be a function');
+        this.fn = prop;
+    }
+    apply(t) {
+        if (this.fn === null)
+            return t;
+        return this.fn(t);
+    }
+}
+//# sourceMappingURL=Ease.js.map

package/dist/timing/Ease.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ease.js","sourceRoot":"","sources":["../../src/timing/Ease.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,OAAO,OAAO,IAAI;IACxB,EAAE,CAAiC;IAEnC,YAAY,IAAS;QACpB,aAAa;QACb,IAAI,IAAI,KAAK,IAAI,IAAI,OAAO,IAAI,KAAK,UAAU;YAC9C,MAAM,IAAI,KAAK,CAAC,6BAA6B,CAAC,CAAC;QAEhD,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;IAChB,CAAC;IAED,KAAK,CAAC,CAAS;QACd,IAAI,IAAI,CAAC,EAAE,KAAK,IAAI;YAAE,OAAO,CAAC,CAAC;QAE/B,OAAO,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;IACnB,CAAC;CACD"}

package/dist/timing/TestTicker.d.ts

@@ -0,0 +1,19 @@
+import { GlobalTargets } from './AnimationFrameTicker';
+import Ticker, { Callback } from './Ticker';
+export default class TestTicker implements Ticker {
+    private _listeners;
+    targets: GlobalTargets;
+    running: boolean;
+    private _previousTick;
+    constructor();
+    registerTarget(target: any): any;
+    unregisterTarget(target: any): void;
+    applyTargets(): void;
+    add(fn: Callback): {
+        remove: () => void;
+    };
+    remove(fn: Callback): void;
+    run(max?: number, step?: number): boolean;
+    tick(elapsed: number): boolean;
+}
+//# sourceMappingURL=TestTicker.d.ts.map

package/dist/timing/TestTicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestTicker.d.ts","sourceRoot":"","sources":["../../src/timing/TestTicker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,MAAM,EAAE,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE5C,MAAM,CAAC,OAAO,OAAO,UAAW,YAAW,MAAM;IAChD,OAAO,CAAC,UAAU,CAAgB;IAClC,OAAO,EAAE,aAAa,CAAC;IAEvB,OAAO,EAAE,OAAO,CAAC;IAEjB,OAAO,CAAC,aAAa,CAAgB;;IAcrC,cAAc,CAAC,MAAM,EAAE,GAAG;IAI1B,gBAAgB,CAAC,MAAM,EAAE,GAAG;IAI5B,YAAY;IAIZ,GAAG,CAAC,EAAE,EAAE,QAAQ;;;IAYhB,MAAM,CAAC,EAAE,EAAE,QAAQ;IAOnB,GAAG,CAAC,GAAG,SAAO,EAAE,IAAI,SAAI;IAgBxB,IAAI,CAAC,OAAO,EAAE,MAAM;CA8BpB"}

package/dist/timing/TestTicker.js

@@ -0,0 +1,81 @@
+import { GlobalTargets } from './AnimationFrameTicker';
+export default class TestTicker {
+    _listeners;
+    targets;
+    running;
+    _previousTick;
+    constructor() {
+        this._listeners = new Set();
+        this.targets = new GlobalTargets();
+        this.running = false;
+        this._previousTick = null;
+        // @ts-ignore
+        globalThis.chnobliTicker = this;
+    }
+    registerTarget(target) {
+        return this.targets.register(target);
+    }
+    unregisterTarget(target) {
+        return this.targets.unregister(target);
+    }
+    applyTargets() {
+        return this.targets.apply();
+    }
+    add(fn) {
+        this._listeners.add(fn);
+        if (!this.running)
+            this.running = true;
+        return {
+            remove: () => {
+                this.remove(fn);
+            },
+        };
+    }
+    remove(fn) {
+        this._listeners.delete(fn);
+    }
+    /// max expects a number for how many ms the ticker should run
+    ///
+    /// runs until the ticker ends this allows to run
+    run(max = 3000, step = 1) {
+        if (!this.running)
+            return true;
+        if (this._previousTick === null)
+            this.tick(0);
+        let i = 0;
+        const start = this._previousTick ?? 0;
+        for (i = 1; i <= max; i += step) {
+            if (!this.tick(start + i))
+                return true;
+        }
+        return false;
+    }
+    // elapsed in ms
+    tick(elapsed) {
+        if (!this.running)
+            return false;
+        if (this._previousTick === null)
+            this._previousTick = elapsed;
+        let change = elapsed - this._previousTick;
+        // lagSmoothing
+        if (change > 500) {
+            console.log('ticker lagged');
+            change = 33;
+        }
+        this._previousTick = elapsed;
+        for (const fn of this._listeners) {
+            fn(change, {
+                // changes,
+                remove: () => this.remove(fn),
+            });
+        }
+        this.targets.apply();
+        if (this._listeners.size === 0) {
+            this.running = false;
+            this._previousTick = null;
+            return false;
+        }
+        return true;
+    }
+}
+//# sourceMappingURL=TestTicker.js.map

package/dist/timing/TestTicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestTicker.js","sourceRoot":"","sources":["../../src/timing/TestTicker.ts"],"names":[],"mappings":"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"}

package/dist/timing/Ticker.d.ts

@@ -0,0 +1,14 @@
+import { Target } from '../target/Target';
+export type Callback = (change: number, api: {
+    remove: () => void;
+}) => void;
+export default interface Ticker {
+    registerTarget(target: any): Target;
+    unregisterTarget(target: any): void;
+    applyTargets(): void;
+    add(fn: Callback): {
+        remove: () => void;
+    };
+    remove(fn: Callback): void;
+}
+//# sourceMappingURL=Ticker.d.ts.map

package/dist/timing/Ticker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ticker.d.ts","sourceRoot":"","sources":["../../src/timing/Ticker.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AAE1C,MAAM,MAAM,QAAQ,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,KAAK,IAAI,CAAC;AAE7E,MAAM,CAAC,OAAO,WAAW,MAAM;IAC9B,cAAc,CAAC,MAAM,EAAE,GAAG,GAAG,MAAM,CAAC;IACpC,gBAAgB,CAAC,MAAM,EAAE,GAAG,GAAG,IAAI,CAAC;IACpC,YAAY,IAAI,IAAI,CAAC;IACrB,GAAG,CAAC,EAAE,EAAE,QAAQ,GAAG;QAAE,MAAM,EAAE,MAAM,IAAI,CAAA;KAAE,CAAC;IAC1C,MAAM,CAAC,EAAE,EAAE,QAAQ,GAAG,IAAI,CAAC;CAC3B"}

package/dist/timing/Ticker.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Ticker.js.map

package/dist/timing/Ticker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Ticker.js","sourceRoot":"","sources":["../../src/timing/Ticker.ts"],"names":[],"mappings":""}