chnobli 0.1.9 → 0.1.10

package/dist/responsive/ResponsiveEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveEvent.d.ts","sourceRoot":"","sources":["../../src/responsive/ResponsiveEvent.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CACtB,CAAC,EAAE;IAAE,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,EACpC,CAAC,EAAE;IAAE,MAAM,EAAE,MAAM,IAAI,CAAA;CAAE,KACrB,IAAI,CAAC;AAEV,MAAM,CAAC,OAAO,OAAO,eAAe;IACnC,OAAO,CAAC,UAAU,CAAgB;;IAQlC,MAAM,CAAC,MAAM,IAAI,eAAe,GAAG,IAAI;IAkBvC,GAAG,CAAC,EAAE,EAAE,QAAQ;;;IAUhB,MAAM,CAAC,EAAE,EAAE,QAAQ;IAInB,SAAS,CAAC,EAAE,EAAE,KAAK;CAanB"}

package/dist/responsive/ResponsiveEvent.js

@@ -0,0 +1,45 @@
+export default class ResponsiveEvent {
+    _listeners;
+    constructor() {
+        this._listeners = new Set();
+        window.addEventListener('resize', e => this._onResize(e));
+    }
+    static global() {
+        // allow to define a test ticker
+        // @ts-ignore
+        if (typeof globalThis !== 'undefined' && globalThis.chnobliResponsive)
+            // @ts-ignore
+            return globalThis.chnobliResponsive;
+        if (typeof window === 'undefined')
+            return null;
+        // @ts-ignore
+        if (typeof window.chnobliResponsive === 'undefined')
+            // @ts-ignore
+            window.chnobliResponsive = new ResponsiveEvent();
+        // @ts-ignore
+        return window.chnobliResponsive;
+    }
+    // fn({ width, height }, { remove() })
+    add(fn) {
+        this._listeners.add(fn);
+        return {
+            remove: () => {
+                this.remove(fn);
+            },
+        };
+    }
+    remove(fn) {
+        this._listeners.delete(fn);
+    }
+    _onResize(_e) {
+        for (const fn of this._listeners) {
+            fn({
+                width: window.innerWidth,
+                height: window.innerHeight,
+            }, {
+                remove: () => this.remove(fn),
+            });
+        }
+    }
+}
+//# sourceMappingURL=ResponsiveEvent.js.map

package/dist/responsive/ResponsiveEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponsiveEvent.js","sourceRoot":"","sources":["../../src/responsive/ResponsiveEvent.ts"],"names":[],"mappings":"AAKA,MAAM,CAAC,OAAO,OAAO,eAAe;IAC3B,UAAU,CAAgB;IAElC;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;IAC3D,CAAC;IAED,MAAM,CAAC,MAAM;QACZ,gCAAgC;QAChC,aAAa;QACb,IAAI,OAAO,UAAU,KAAK,WAAW,IAAI,UAAU,CAAC,iBAAiB;YACpE,aAAa;YACb,OAAO,UAAU,CAAC,iBAAiB,CAAC;QAErC,IAAI,OAAO,MAAM,KAAK,WAAW;YAAE,OAAO,IAAI,CAAC;QAE/C,aAAa;QACb,IAAI,OAAO,MAAM,CAAC,iBAAiB,KAAK,WAAW;YAClD,aAAa;YACb,MAAM,CAAC,iBAAiB,GAAG,IAAI,eAAe,EAAE,CAAC;QAClD,aAAa;QACb,OAAO,MAAM,CAAC,iBAAiB,CAAC;IACjC,CAAC;IAED,sCAAsC;IACtC,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;IAED,SAAS,CAAC,EAAS;QAClB,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,EAAE,CACD;gBACC,KAAK,EAAE,MAAM,CAAC,UAAU;gBACxB,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/responsive/TestEvent.d.ts

@@ -0,0 +1,11 @@
+import { Callback } from './ResponsiveEvent.js';
+export default class TestResponsiveEvent {
+    private _listeners;
+    constructor();
+    add(fn: Callback): {
+        remove: () => void;
+    };
+    remove(fn: Callback): void;
+    resize(width: number, height: number): void;
+}
+//# sourceMappingURL=TestEvent.d.ts.map

package/dist/responsive/TestEvent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestEvent.d.ts","sourceRoot":"","sources":["../../src/responsive/TestEvent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,MAAM,CAAC,OAAO,OAAO,mBAAmB;IACvC,OAAO,CAAC,UAAU,CAAgB;;IAUlC,GAAG,CAAC,EAAE,EAAE,QAAQ;;;IAUhB,MAAM,CAAC,EAAE,EAAE,QAAQ;IAInB,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAKpC"}

package/dist/responsive/TestEvent.js

@@ -0,0 +1,26 @@
+export default class TestResponsiveEvent {
+    _listeners;
+    constructor() {
+        this._listeners = new Set();
+        // @ts-ignore
+        globalThis.chnobliResponsive = this;
+    }
+    // fn({ width, height }, { remove() })
+    add(fn) {
+        this._listeners.add(fn);
+        return {
+            remove: () => {
+                this.remove(fn);
+            },
+        };
+    }
+    remove(fn) {
+        this._listeners.delete(fn);
+    }
+    resize(width, height) {
+        for (const fn of this._listeners) {
+            fn({ width, height }, { remove: () => this.remove(fn) });
+        }
+    }
+}
+//# sourceMappingURL=TestEvent.js.map

package/dist/responsive/TestEvent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TestEvent.js","sourceRoot":"","sources":["../../src/responsive/TestEvent.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,OAAO,OAAO,mBAAmB;IAC/B,UAAU,CAAgB;IAElC;QACC,IAAI,CAAC,UAAU,GAAG,IAAI,GAAG,EAAE,CAAC;QAE5B,aAAa;QACb,UAAU,CAAC,iBAAiB,GAAG,IAAI,CAAC;IACrC,CAAC;IAED,sCAAsC;IACtC,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;IAED,MAAM,CAAC,KAAa,EAAE,MAAc;QACnC,KAAK,MAAM,EAAE,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;YAClC,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;QAC1D,CAAC;IACF,CAAC;CACD"}

package/dist/scroll/Scroll.d.ts

@@ -0,0 +1,40 @@
+import PublicTimeline from '../timeline/public.js';
+export type ScrollTrigger = {
+    target: HTMLElement;
+    offset?: OffsetValue;
+    view?: OffsetValue;
+} | HTMLElement;
+export type OffsetValue = 'top' | 'center' | 'bottom' | number;
+export type ParsedScrollTrigger = {
+    target: HTMLElement;
+    offset: number;
+    view: number;
+    position: Position;
+};
+export type ScrollOffset = {
+    y: number;
+    view: number;
+    position: number;
+};
+export type Position = number | string;
+export default class ScrollTimeline {
+    private _initialized;
+    private _globalEvent;
+    private _rmEvent;
+    private _triggers;
+    private timelines;
+    offsets: ScrollOffset[];
+    constructor();
+    /**
+     * 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: ScrollTrigger, position?: Position): void;
+    addTimeline(timeline: PublicTimeline): void;
+    init(): void;
+    private _onScroll;
+}
+//# sourceMappingURL=Scroll.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Scroll.d.ts","sourceRoot":"","sources":["../../src/scroll/Scroll.ts"],"names":[],"mappings":"AAAA,OAAO,cAA0B,MAAM,uBAAuB,CAAC;AA8C/D,MAAM,MAAM,aAAa,GACtB;IACA,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,IAAI,CAAC,EAAE,WAAW,CAAC;CAClB,GACD,WAAW,CAAC;AAEf,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,mBAAmB,GAAG;IACjC,MAAM,EAAE,WAAW,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG;IAE1B,CAAC,EAAE,MAAM,CAAC;IAEV,IAAI,EAAE,MAAM,CAAC;IAEb,QAAQ,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAC;AAEvC,MAAM,CAAC,OAAO,OAAO,cAAc;IAClC,OAAO,CAAC,YAAY,CAAU;IAC9B,OAAO,CAAC,YAAY,CAAc;IAClC,OAAO,CAAC,QAAQ,CAAa;IAE7B,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,EAAE,YAAY,EAAE,CAAC;;IAwBxB;;;;;;OAMG;IACH,GAAG,CAAC,OAAO,EAAE,aAAa,EAAE,QAAQ,CAAC,EAAE,QAAQ;IAM/C,WAAW,CAAC,QAAQ,EAAE,cAAc;IAIpC,IAAI;IAkDJ,OAAO,CAAC,SAAS;CA2BjB"}

package/dist/scroll/Scroll.js

@@ -0,0 +1,168 @@
+import { pageOffset } from '../utils/utils.js';
+import ScrollEvent from './ScrollEvent.js';
+export default class ScrollTimeline {
+    _initialized;
+    _globalEvent;
+    _rmEvent;
+    _triggers;
+    timelines;
+    offsets;
+    constructor() {
+        this._initialized = false;
+        this._globalEvent = ScrollEvent.global();
+        this._rmEvent = this._globalEvent.add(y => this._onScroll(y)).remove;
+        this._triggers = [];
+        this.timelines = [];
+        this.offsets = [];
+        // this.timeline = timeline;
+        // this._triggers = triggers.map(parseTrigger);
+        // this.offsets = this._triggers.map(t => {
+        // 	return {
+        // 		y: 0,
+        // 		view: t.view,
+        // 	};
+        // });
+        // if (this.offsets.length < 2)
+        // 	throw new Error('scroll timeline needs at least two triggers');
+    }
+    /**
+     * 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);
+    }
+    init() {
+        // todo we need to calculate the position for each timeline
+        //
+        // calculate the positions and offsets
+        // if we are missing one extend them
+        let previousY = -1;
+        this.offsets = this._triggers.map(t => {
+            const offset = pageOffset(t.target);
+            const y = offset.top + offset.height * t.offset;
+            if (y < previousY)
+                throw new Error('offsets are not in order');
+            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 (t.position >= 0 || t.position <= 1) {
+                position = t.position;
+            }
+            else {
+                throw new Error('position should be between 0 and 1');
+            }
+            return {
+                y,
+                view: t.view,
+                position,
+            };
+        });
+        if (this.offsets.length < 1)
+            throw new Error('scroll timeline needs at least one trigger');
+        if (this.offsets.length === 1) {
+            this.offsets.push({
+                y: this.offsets[0].y +
+                    pageOffset(this._triggers[0].target).height,
+                view: 1,
+                position: 1,
+            });
+        }
+    }
+    _onScroll({ y, height }) {
+        if (!this._initialized) {
+            this.init();
+            this._initialized = true;
+        }
+        // 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;
+            const dif = endY - startY;
+            const x = 1 - (endY - y) / dif;
+            for (const timeline of this.timelines) {
+                // calc pos range
+                const pos = start.position + (end.position - start.position) * x;
+                timeline.seek(pos);
+            }
+        }
+    }
+}
+/**
+ * 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: position ?? (i == 0 ? 0 : 1),
+    };
+}
+/**
+ * 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' || val < 0 || val > 1) {
+        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;;IAQ1B,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,39 @@
+export default class ScrollEvent {
+    _listeners;
+    constructor() {
+        this._listeners = new Set();
+        window.addEventListener('scroll', 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;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,6 @@
+import Scroll from './public.js';
+/**
+ * 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,MAAM,MAAM,aAAa,CAAC;AAEjC;;GAEG;AACH,wBAAgB,MAAM,IAAI,MAAM,CAE/B"}

package/dist/scroll/index.js

@@ -0,0 +1,8 @@
+import Scroll from './public.js';
+/**
+ * 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":"AAAA,OAAO,MAAM,MAAM,aAAa,CAAC;AAEjC;;GAEG;AACH,MAAM,UAAU,MAAM;IACrB,OAAO,IAAI,MAAM,EAAE,CAAC;AACrB,CAAC"}

package/dist/scroll/public.d.ts

@@ -0,0 +1,17 @@
+import { Timeline } from '../chnobli.js';
+import { 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;
+}
+//# 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;AAEzC,OAAuB,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtE,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;CAKrC"}

package/dist/scroll/public.js

@@ -0,0 +1,25 @@
+// import Scroll from './Scroll.js';
+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;
+    }
+}
+//# 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,oCAAoC;AACpC,OAAO,cAA2C,MAAM,aAAa,CAAC;AAEtE,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;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