chnobli 0.1.9 → 0.1.11

package/dist/scroll/Scroll.js

@@ -0,0 +1,280 @@
+import ResponsiveEvent from '../responsive/ResponsiveEvent.js';
+import Events from '../utils/Events.js';
+import { pageOffset } from '../utils/utils.js';
+import ScrollEvent from './ScrollEvent.js';
+const DEF_DESTROY_OPTS = {
+    timelines: true,
+};
+export default class ScrollTimeline {
+    _initialized;
+    _globalEvent;
+    _scrollEvent;
+    _responsiveEvent;
+    _triggers;
+    _events;
+    lastEvPos;
+    timelines;
+    state;
+    lastSeek;
+    offsets;
+    debugMarkers;
+    debugPrefix;
+    constructor() {
+        this._initialized = false;
+        this._globalEvent = ScrollEvent.global();
+        this._scrollEvent =
+            this._globalEvent?.add(y => this._onScroll(y)).remove ?? (() => { });
+        this._responsiveEvent = ResponsiveEvent.global()?.add((a, b) => {
+            this._onResponsive(a, b);
+        });
+        this._triggers = [];
+        this._events = new Events();
+        this.lastEvPos = NaN;
+        this.timelines = [];
+        this.state = 'in';
+        this.offsets = [];
+        this.debugMarkers = [];
+    }
+    /**
+     * Add a trigger to the timeline
+     *
+     * Providing an offset at which point the trigger should end
+     *
+     * If it is the first trigger it is not allowed to be set?
+     */
+    add(trigger, position) {
+        this._triggers.push(parseTrigger(trigger, position, this._triggers.length));
+    }
+    addTimeline(timeline) {
+        this.timelines.push(timeline);
+    }
+    on(event, fn) {
+        return this._events.add(event, fn);
+    }
+    /// Returns true if the init function was executed
+    init() {
+        if (this._initialized)
+            return false;
+        this._initialized = true;
+        // todo we need to calculate the position for each timeline
+        //
+        // calculate the positions and offsets
+        // if we are missing one extend them
+        if (this._triggers.length < 1)
+            throw new Error('scroll timeline needs at least one trigger');
+        if (this._triggers.length === 1) {
+            this._triggers.push({
+                target: this._triggers[0].target,
+                offset: 1,
+                view: 1,
+                position: 1,
+            });
+        }
+        const positionStep = 1 / (this._triggers.length - 1);
+        // first calculate position and view
+        let prevPos = 0;
+        this.offsets = this._triggers.map((t, i) => {
+            let position;
+            if (typeof t.position === 'string') {
+                if (this.timelines.length !== 1)
+                    throw new Error('labels can only be used with one timeline');
+                position = this.timelines[0].labelPosition(t.position);
+            }
+            else if (typeof t.position === 'number') {
+                position = t.position;
+            }
+            else {
+                position = i * positionStep;
+            }
+            if (position < prevPos)
+                throw new Error('positions are not in order');
+            prevPos = position;
+            return {
+                y: 0,
+                view: t.view,
+                position,
+            };
+        });
+        this.initY();
+        return true;
+    }
+    initY() {
+        let previousY = -1;
+        this.offsets.forEach((offset, i) => {
+            const t = this._triggers[i];
+            const pOffset = pageOffset(t.target);
+            const y = pOffset.top + pOffset.height * t.offset;
+            if (y < previousY)
+                throw new Error('offsets are not in order');
+            previousY = y;
+            offset.y = y;
+        });
+    }
+    update() {
+        // execute initY to check if elements have moved
+        if (!this.init())
+            this.initY();
+        // todo this position should come from the GlobalEvent
+        this._onScroll({
+            y: window.scrollY,
+            height: window.innerHeight,
+        });
+    }
+    destroy(opts = {}) {
+        opts = { ...DEF_DESTROY_OPTS, ...opts };
+        this._scrollEvent();
+        this._events.destroy();
+        this._responsiveEvent?.remove();
+        if (opts.timelines) {
+            for (const timeline of this.timelines) {
+                timeline.destroy();
+            }
+        }
+        for (const marker of this.debugMarkers) {
+            marker.remove();
+        }
+        this.debugMarkers = [];
+    }
+    debug(prefix) {
+        this.init();
+        this.debugPrefix = prefix;
+        const height = window.innerHeight;
+        this.offsets.forEach((offset, i) => {
+            const y = offset.y - height * offset.view;
+            const marker = document.createElement('span');
+            marker.textContent =
+                (prefix ? prefix + ' ' : '') + i + ': ' + offset.position;
+            marker.style.position = 'absolute';
+            marker.style.display = 'block';
+            marker.style.right = '0';
+            marker.style.top = y + 'px';
+            marker.style.minWidth = '50px';
+            marker.style.height = '2px';
+            marker.style.paddingRight = '10px';
+            marker.style.backgroundColor = 'red';
+            marker.style.zIndex = '100000';
+            document.body.appendChild(marker);
+            this.debugMarkers.push(marker);
+        });
+    }
+    _onScroll({ y, height }) {
+        this.init();
+        const pos = this.calcPosition({ y, height });
+        const clampPos = Math.min(1, Math.max(0, pos));
+        const state = pos < 0 ? 'before' : pos > 1 ? 'after' : 'in';
+        // we need to trigger once
+        // if the pos is not the same and but pos can have 3 states
+        // under (<0), in (0-1) or over (>1)
+        // each state should be triggered once
+        if (this.lastSeek?.pos === clampPos && this.lastSeek?.state === state) {
+            return;
+        }
+        this.lastSeek = { pos: clampPos, state };
+        this._events.trigger('update', clampPos, state);
+        for (const timeline of this.timelines) {
+            timeline.seek(pos);
+        }
+    }
+    /**
+     * @ignore
+     */
+    _onResponsive(_a, _b) {
+        this.update();
+        // reposition debug Markers
+        if (this.debugMarkers.length) {
+            for (const marker of this.debugMarkers) {
+                marker.remove();
+            }
+            this.debug(this.debugPrefix);
+        }
+    }
+    calcPosition({ y, height }) {
+        // check if it's outside of the bounds
+        const first = this.offsets[0];
+        if (y < first.y - height * first.view)
+            return -1;
+        const last = this.offsets[this.offsets.length - 1];
+        if (y > last.y - height * last.view)
+            return 2;
+        // find the matching offset
+        // rolling window
+        for (let i = 1; i < this.offsets.length; i++) {
+            const start = this.offsets[i - 1];
+            const end = this.offsets[i];
+            const startY = start.y - height * start.view;
+            const endY = end.y - height * end.view;
+            if (y >= startY && y < endY) {
+                const dif = endY - startY;
+                const x = 1 - (endY - y) / dif;
+                return start.position + (end.position - start.position) * x;
+            }
+        }
+        return -1;
+    }
+}
+/**
+ * Parse the start property
+ *
+ * can be an HTMLElement or an object { target, offset }
+ *
+ * the default offset is top
+ * the default view is top
+ */
+function parseTrigger(val, position, i) {
+    // might be an object { target, offset }
+    if (!val) {
+        throw new Error('unknown property use an html element or an object');
+    }
+    let element = null;
+    let offset = 'top';
+    let view = i == 0 ? 'top' : 'bottom';
+    if (typeof val === 'object') {
+        if (val instanceof HTMLElement) {
+            element = val;
+        }
+        else if ('target' in val) {
+            element = val.target;
+            if (typeof val.offset !== 'undefined')
+                offset = val.offset;
+            if (typeof val.view !== 'undefined')
+                view = val.view;
+        }
+        else {
+            throw new Error('start unknown ' + val);
+        }
+    }
+    else {
+        throw new Error('unknown start val');
+    }
+    return {
+        target: element,
+        offset: parseOffset(offset),
+        view: parseOffset(view),
+        position,
+    };
+}
+/**
+ * Parse the offset value
+ *
+ * can be a string (top, center, bottom) or a number (0-1)
+ *
+ * 0 = top
+ * 0.5 = center
+ * 1 = bottom
+ */
+function parseOffset(val) {
+    if (typeof val === 'string') {
+        if (val === 'top')
+            return 0;
+        if (val === 'center')
+            return 0.5;
+        if (val === 'bottom')
+            return 1;
+        throw new Error('unknown view value ' + val);
+    }
+    if (typeof val !== 'number') {
+        throw new Error('view expecting to be a top/center/bottom or a percent value');
+    }
+    return val;
+}
+//# sourceMappingURL=Scroll.js.map

package/dist/scroll/Scroll.js.map

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

package/dist/scroll/ScrollEvent.d.ts

@@ -0,0 +1,17 @@
+export type Callback = (a: {
+    y: number;
+    height: number;
+}, opts: {
+    remove: () => void;
+}) => void;
+export default class ScrollEvent {
+    _listeners: Set<Callback>;
+    constructor();
+    static global(): any;
+    add(fn: Callback): {
+        remove: () => void;
+    };
+    remove(fn: Callback): void;
+    private _onScroll;
+}
+//# sourceMappingURL=ScrollEvent.d.ts.map

package/dist/scroll/ScrollEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollEvent.d.ts","sourceRoot":"","sources":["../../src/scroll/ScrollEvent.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CACtB,CAAC,EAAE;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EAChC,IAAI,EAAE;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,KACxB,IAAI,CAAC;AAEV,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,UAAU,EAAE,GAAG,CAAC,QAAQ,CAAC,CAAC;;IAS1B,MAAM,CAAC,MAAM;IAWb,GAAG,CAAC,EAAE,EAAE,QAAQ;;;IAUhB,MAAM,CAAC,EAAE,EAAE,QAAQ;IAInB,OAAO,CAAC,SAAS;CAajB"}

package/dist/scroll/ScrollEvent.js

@@ -0,0 +1,40 @@
+export default class ScrollEvent {
+    _listeners;
+    constructor() {
+        this._listeners = new Set();
+        window.addEventListener('scroll', e => this._onScroll(e));
+        window.addEventListener('resize', e => this._onScroll(e));
+    }
+    static global() {
+        if (typeof window === 'undefined')
+            return null;
+        // @ts-ignore
+        if (typeof window.chnobliScroll === 'undefined')
+            // @ts-ignore
+            window.chnobliScroll = new ScrollEvent();
+        // @ts-ignore
+        return window.chnobliScroll;
+    }
+    add(fn) {
+        this._listeners.add(fn);
+        return {
+            remove: () => {
+                this.remove(fn);
+            },
+        };
+    }
+    remove(fn) {
+        this._listeners.delete(fn);
+    }
+    _onScroll(_e) {
+        for (const fn of this._listeners) {
+            fn({
+                y: window.scrollY,
+                height: window.innerHeight,
+            }, {
+                remove: () => this.remove(fn),
+            });
+        }
+    }
+}
+//# sourceMappingURL=ScrollEvent.js.map

package/dist/scroll/ScrollEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollEvent.js","sourceRoot":"","sources":["../../src/scroll/ScrollEvent.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,OAAO,WAAW;IAC/B,UAAU,CAAgB;IAE1B;QACC,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;QAE5B,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;QAC1D,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC;IAC3D,CAAC;IAED,MAAM,CAAC,MAAM;QACZ,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QAE/C,aAAa;QACb,IAAI,OAAO,MAAM,CAAC,aAAa,KAAK,WAAW;YAC9C,aAAa;YACb,MAAM,CAAC,aAAa,GAAG,IAAI,WAAW,EAAE,CAAC;QAC1C,aAAa;QACb,OAAO,MAAM,CAAC,aAAa,CAAC;IAC7B,CAAC;IAED,GAAG,CAAC,EAAY;QACf,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;QAExB,OAAO;YACN,MAAM,EAAE,GAAG,EAAE;gBACZ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;SACD,CAAC;IACH,CAAC;IAED,MAAM,CAAC,EAAY;QAClB,IAAI,CAAC,UAAU,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;IAC5B,CAAC;IAEO,SAAS,CAAC,EAAS;QAC1B,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,EAAE,CACD;gBACC,CAAC,EAAE,MAAM,CAAC,OAAO;gBACjB,MAAM,EAAE,MAAM,CAAC,WAAW;aAC1B,EACD;gBACC,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC;aAC7B,CACD,CAAC;QACH,CAAC;IACF,CAAC;CACD"}

package/dist/scroll/index.d.ts

@@ -0,0 +1,8 @@
+import type { Position, ScrollTrigger } from './Scroll.js';
+import Scroll from './public.js';
+export { Scroll, ScrollTrigger, Position };
+/**
+ * Create a scroll animation
+ */
+export declare function scroll(): Scroll;
+//# sourceMappingURL=index.d.ts.map

package/dist/scroll/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/scroll/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAC3D,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC;AAE3C;;GAEG;AACH,wBAAgB,MAAM,IAAI,MAAM,CAE/B"}

package/dist/scroll/index.js

@@ -0,0 +1,9 @@
+import Scroll from './public.js';
+export { Scroll };
+/**
+ * Create a scroll animation
+ */
+export function scroll() {
+    return new Scroll();
+}
+//# sourceMappingURL=index.js.map

package/dist/scroll/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/scroll/index.ts"],"names":[],"mappings":"AACA,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC,OAAO,EAAE,MAAM,EAA2B,CAAC;AAE3C;;GAEG;AACH,MAAM,UAAU,MAAM;IACrB,OAAO,IAAI,MAAM,EAAE,CAAC;AACrB,CAAC"}

package/dist/scroll/public.d.ts

@@ -0,0 +1,35 @@
+import { Timeline } from '../chnobli.js';
+import { DestroyOptions, Position, ScrollTrigger } from './Scroll.js';
+export default class Scroll {
+    private _inner;
+    constructor();
+    /**
+     * Add a trigger to the timeline
+     *
+     * Providing an offset at which point the trigger should end
+     */
+    add(trigger: ScrollTrigger, position?: Position): this;
+    /**
+     * Add a timeline to the scroll
+     */
+    addTimeline(timeline: Timeline): this;
+    /**
+     * Listen on events
+     *
+     * returns a function to remove the event listener
+     *
+     * ## Events
+     *
+     * ### Update
+     * The scroll position has been updated passes in a number between 0 and 1
+     *
+     */
+    on(event: string, fn: (...args: any[]) => void): () => void;
+    update(): void;
+    /**
+     * Destroy the scroll
+     */
+    destroy(opts?: DestroyOptions): void;
+    debug(prefix?: string): void;
+}
+//# sourceMappingURL=public.d.ts.map

package/dist/scroll/public.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/scroll/public.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAuB,EACtB,cAAc,EACd,QAAQ,EACR,aAAa,EACb,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,OAAO,OAAO,MAAM;IAC1B,OAAO,CAAC,MAAM,CAAiB;;IAM/B;;;;OAIG;IACH,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE,QAAQ,GAAG,IAAI;IAMtD;;OAEG;IACH,WAAW,CAAC,QAAQ,EAAE,QAAQ,GAAG,IAAI;IAMrC;;;;;;;;;;OAUG;IACH,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI;IAI3D,MAAM;IAIN;;OAEG;IACH,OAAO,CAAC,IAAI,GAAE,cAAmB;IAIjC,KAAK,CAAC,MAAM,CAAC,EAAE,MAAM;CAGrB"}

package/dist/scroll/public.js

@@ -0,0 +1,50 @@
+import ScrollTimeline from './Scroll.js';
+export default class Scroll {
+    _inner;
+    constructor() {
+        this._inner = new ScrollTimeline();
+    }
+    /**
+     * Add a trigger to the timeline
+     *
+     * Providing an offset at which point the trigger should end
+     */
+    add(trigger, position) {
+        this._inner.add(trigger, position);
+        return this;
+    }
+    /**
+     * Add a timeline to the scroll
+     */
+    addTimeline(timeline) {
+        this._inner.addTimeline(timeline);
+        return this;
+    }
+    /**
+     * Listen on events
+     *
+     * returns a function to remove the event listener
+     *
+     * ## Events
+     *
+     * ### Update
+     * The scroll position has been updated passes in a number between 0 and 1
+     *
+     */
+    on(event, fn) {
+        return this._inner.on(event, fn);
+    }
+    update() {
+        this._inner.update();
+    }
+    /**
+     * Destroy the scroll
+     */
+    destroy(opts = {}) {
+        this._inner.destroy(opts);
+    }
+    debug(prefix) {
+        this._inner.debug(prefix);
+    }
+}
+//# sourceMappingURL=public.js.map

package/dist/scroll/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../src/scroll/public.ts"],"names":[],"mappings":"AACA,OAAO,cAIN,MAAM,aAAa,CAAC;AAErB,MAAM,CAAC,OAAO,OAAO,MAAM;IAClB,MAAM,CAAiB;IAE/B;QACC,IAAI,CAAC,MAAM,GAAG,IAAI,cAAc,EAAE,CAAC;IACpC,CAAC;IAED;;;;OAIG;IACH,GAAG,CAAC,OAAsB,EAAE,QAAmB;QAC9C,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,OAAO,EAAE,QAAQ,CAAC,CAAC;QAEnC,OAAO,IAAI,CAAC;IACb,CAAC;IAED;;OAEG;IACH,WAAW,CAAC,QAAkB;QAC7B,IAAI,CAAC,MAAM,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAElC,OAAO,IAAI,CAAC;IACb,CAAC;IAED;;;;;;;;;;OAUG;IACH,EAAE,CAAC,KAAa,EAAE,EAA4B;QAC7C,OAAO,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IAClC,CAAC;IAED,MAAM;QACL,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE,CAAC;IACtB,CAAC;IAED;;OAEG;IACH,OAAO,CAAC,OAAuB,EAAE;QAChC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,CAAC;IAED,KAAK,CAAC,MAAe;QACpB,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;IAC3B,CAAC;CACD"}

package/dist/stagger/stagger.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Staggering allows to have a different value for every target
+ * allowing to easely offset each target by a few pixels
+ */
+export declare function callStagger<O>(value: O | Stagger<O>, i: number, length?: number): O;
+export declare function staggerMap<O, NO>(value: O | Stagger<O>, fn: (val: O) => NO): NO | Stagger<NO>;
+export type StaggerValue<O> = (i: number, length?: number) => O;
+export default class Stagger<O> {
+    private fn;
+    /**
+     * @ignore
+     */
+    constructor(value: StaggerValue<O>);
+    call(i: number, length?: number): O;
+    /**
+     * @ignore
+     */
+    __isStagger__(): void;
+}
+//# sourceMappingURL=stagger.d.ts.map

package/dist/stagger/stagger.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stagger.d.ts","sourceRoot":"","sources":["../../src/stagger/stagger.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAYH,wBAAgB,WAAW,CAAC,CAAC,EAC5B,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,EACrB,CAAC,EAAE,MAAM,EACT,MAAM,CAAC,EAAE,MAAM,GACb,CAAC,CAIH;AAED,wBAAgB,UAAU,CAAC,CAAC,EAAE,EAAE,EAC/B,KAAK,EAAE,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,EACrB,EAAE,EAAE,CAAC,GAAG,EAAE,CAAC,KAAK,EAAE,GAChB,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,CAQlB;AAED,MAAM,MAAM,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC;AAEhE,MAAM,CAAC,OAAO,OAAO,OAAO,CAAC,CAAC;IAC7B,OAAO,CAAC,EAAE,CAAkB;IAE5B;;OAEG;gBACS,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC;IAUlC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,MAAM,GAAG,CAAC;IAInC;;OAEG;IACH,aAAa;CACb"}

package/dist/stagger/stagger.js

@@ -0,0 +1,43 @@
+/**
+ * Staggering allows to have a different value for every target
+ * allowing to easely offset each target by a few pixels
+ */
+function isStagger(value) {
+    const v = value;
+    return (typeof v === 'object' &&
+        v !== null &&
+        typeof v.__isStagger__ === 'function');
+}
+export function callStagger(value, i, length) {
+    if (isStagger(value))
+        return value.call(i, length);
+    return value;
+}
+export function staggerMap(value, fn) {
+    if (isStagger(value)) {
+        return new Stagger((i, length) => fn(value.call(i, length)));
+    }
+    return fn(value);
+}
+export default class Stagger {
+    fn;
+    /**
+     * @ignore
+     */
+    constructor(value) {
+        if (typeof value === 'function') {
+            this.fn = value;
+            return;
+        }
+        // if (value === )
+        throw new Error('unknown stagger value ' + value);
+    }
+    call(i, length) {
+        return this.fn(i, length);
+    }
+    /**
+     * @ignore
+     */
+    __isStagger__() { }
+}
+//# sourceMappingURL=stagger.js.map

package/dist/stagger/stagger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stagger.js","sourceRoot":"","sources":["../../src/stagger/stagger.ts"],"names":[],"mappings":"AAAA;;;GAGG;AAEH,SAAS,SAAS,CAAI,KAAU;IAC/B,MAAM,CAAC,GAAG,KAAY,CAAC;IAEvB,OAAO,CACN,OAAO,CAAC,KAAK,QAAQ;QACrB,CAAC,KAAK,IAAI;QACV,OAAO,CAAC,CAAC,aAAa,KAAK,UAAU,CACrC,CAAC;AACH,CAAC;AAED,MAAM,UAAU,WAAW,CAC1B,KAAqB,EACrB,CAAS,EACT,MAAe;IAEf,IAAI,SAAS,CAAC,KAAK,CAAC;QAAE,OAAO,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAEnD,OAAO,KAAK,CAAC;AACd,CAAC;AAED,MAAM,UAAU,UAAU,CACzB,KAAqB,EACrB,EAAkB;IAElB,IAAI,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,IAAI,OAAO,CAAC,CAAC,CAAS,EAAE,MAAe,EAAE,EAAE,CACjD,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,CACzB,CAAC;IACH,CAAC;IAED,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;AAClB,CAAC;AAID,MAAM,CAAC,OAAO,OAAO,OAAO;IACnB,EAAE,CAAkB;IAE5B;;OAEG;IACH,YAAY,KAAsB;QACjC,IAAI,OAAO,KAAK,KAAK,UAAU,EAAE,CAAC;YACjC,IAAI,CAAC,EAAE,GAAG,KAAK,CAAC;YAChB,OAAO;QACR,CAAC;QAED,kBAAkB;QAClB,MAAM,IAAI,KAAK,CAAC,wBAAwB,GAAG,KAAK,CAAC,CAAC;IACnD,CAAC;IAED,IAAI,CAAC,CAAS,EAAE,MAAe;QAC9B,OAAO,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC;IAC3B,CAAC;IAED;;OAEG;IACH,aAAa,KAAI,CAAC;CAClB"}

package/dist/target/BaseTarget.old.d.ts

@@ -0,0 +1,33 @@
+import Value from '../values/Value.js';
+import StyleValue from '../values/StyleValue.js';
+export default class BaseTarget<T> {
+    target: T;
+    constructor(target: T);
+    type(): string;
+    getValue(name: string): Value | null;
+    setValue(name: string, _value: Value): void;
+    removeValue(name: string): void;
+    getTransformValue(name: string): Value | null;
+    setTransformValue(name: string, value: Value): void;
+    removeTransformValue(name: string): void;
+    /**
+     * returns nothing or a style value
+     */
+    getStyleValue(name: string): StyleValue | null;
+    /**
+     * Expects a style value
+     */
+    setStyleValue(name: string, value: StyleValue): void;
+    removeStyleValue(name: string): void;
+    hasClass(name: string): boolean;
+    addClass(name: string): void;
+    removeClass(name: string): void;
+    /**
+     * Tries to unify both values so their units match
+     *
+     * a and b need to be a Value
+     */
+    unifyValues(name: string, a: Value, b: Value): [Value, Value];
+    apply(): void;
+}
+//# sourceMappingURL=BaseTarget.old.d.ts.map

package/dist/target/BaseTarget.old.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseTarget.old.d.ts","sourceRoot":"","sources":["../../src/target/BaseTarget.old.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,UAAU,MAAM,yBAAyB,CAAC;AAEjD,MAAM,CAAC,OAAO,OAAO,UAAU,CAAC,CAAC;IAChC,MAAM,EAAE,CAAC,CAAC;gBAEE,MAAM,EAAE,CAAC;IAOrB,IAAI;IAIJ,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI;IAIpC,QAAQ,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK;IAIpC,WAAW,CAAC,IAAI,EAAE,MAAM;IAIxB,iBAAiB,CAAC,IAAI,EAAE,MAAM,GAAG,KAAK,GAAG,IAAI;IAI7C,iBAAiB,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK;IAI5C,oBAAoB,CAAC,IAAI,EAAE,MAAM;IAIjC;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAM9C;;OAEG;IACH,aAAa,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,UAAU;IAI7C,gBAAgB,CAAC,IAAI,EAAE,MAAM;IAI7B,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO;IAI/B,QAAQ,CAAC,IAAI,EAAE,MAAM;IAIrB,WAAW,CAAC,IAAI,EAAE,MAAM;IAIxB;;;;OAIG;IACH,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC;IAW7D,KAAK;CACL"}

package/dist/target/BaseTarget.old.js

@@ -0,0 +1,73 @@
+import StyleValue from '../values/StyleValue.js';
+export default class BaseTarget {
+    target;
+    constructor(target) {
+        this.target = target;
+        // this might be an object, a dom node
+        // what about arrays?
+    }
+    type() {
+        return 'unknown';
+    }
+    getValue(name) {
+        throw new Error('cannot get value of ' + name);
+    }
+    setValue(name, _value) {
+        throw new Error('cannot set value of ' + name);
+    }
+    removeValue(name) {
+        throw new Error('cannot remove value of ' + name);
+    }
+    getTransformValue(name) {
+        return this.getValue(name);
+    }
+    setTransformValue(name, value) {
+        return this.setValue(name, value);
+    }
+    removeTransformValue(name) {
+        return this.removeValue(name);
+    }
+    /**
+     * returns nothing or a style value
+     */
+    getStyleValue(name) {
+        const val = this.getValue(name);
+        if (!val)
+            return val;
+        return new StyleValue([val]);
+    }
+    /**
+     * Expects a style value
+     */
+    setStyleValue(name, value) {
+        return this.setValue(name, value.intoValue());
+    }
+    removeStyleValue(name) {
+        return this.removeValue(name);
+    }
+    hasClass(name) {
+        throw new Error('cannot know if class exists ' + name);
+    }
+    addClass(name) {
+        throw new Error('cannot add class ' + name);
+    }
+    removeClass(name) {
+        throw new Error('cannot remove class ' + name);
+    }
+    /**
+     * Tries to unify both values so their units match
+     *
+     * a and b need to be a Value
+     */
+    unifyValues(name, a, b) {
+        if (!a.unit && b.unit)
+            a.unit = b.unit;
+        if (!b.unit && a.unit)
+            b.unit = a.unit;
+        if (a.unit !== b.unit)
+            throw new Error(`${name} cannot unify ${a.unit} and ${b.unit}`);
+        return [a, b];
+    }
+    apply() { }
+}
+//# sourceMappingURL=BaseTarget.old.js.map