chnobli 0.1.9 → 0.1.11

package/dist/animation/Animation.d.ts

@@ -0,0 +1,37 @@
+import Timing from '../timing/Timing.js';
+import Property from '../property/Property.js';
+import Ticker from '../timing/Ticker.js';
+import { Target } from '../target/Target.js';
+import { DestroyOptions } from '../timeline/public.js';
+export default class Animation {
+    timing: Timing;
+    target: Target;
+    props: Record<string, PropertyAnimation<any>>;
+    private _ticker;
+    private _prevTimingState;
+    private _props;
+    private _initialized;
+    constructor(target: any, ticker: Ticker, props?: Record<string, any>);
+    advance(change: number): void;
+    seekMs(ms: number): void;
+    seek(pos: number): void;
+    isFinite(): boolean;
+    get duration(): number;
+    init(reset?: boolean): void;
+    render(): void;
+    destroy(opts: DestroyOptions): void;
+}
+declare class PropertyAnimation<V> {
+    prop: Property<V>;
+    private staticValueFn;
+    private valueFn;
+    private iniResponsive;
+    private iniFrom;
+    private iniTo;
+    constructor(prop: string, value: any, animation: Animation);
+    init(target: Target): void;
+    restoreBefore(target: Target): void;
+    render(pos: number, target: Target): void;
+}
+export {};
+//# sourceMappingURL=Animation.d.ts.map

package/dist/animation/Animation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../src/animation/Animation.ts"],"names":[],"mappings":"AAAA,OAAO,MAIN,MAAM,qBAAqB,CAAC;AAE7B,OAAO,QAAyC,MAAM,yBAAyB,CAAC;AAChF,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAEvD,MAAM,CAAC,OAAO,OAAO,SAAS;IAC7B,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAC;IAE9C,OAAO,CAAC,OAAO,CAAS;IAExB,OAAO,CAAC,gBAAgB,CAAS;IACjC,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,YAAY,CAAU;gBAKlB,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;IAiBxE,OAAO,CAAC,MAAM,EAAE,MAAM;IAKtB,MAAM,CAAC,EAAE,EAAE,MAAM;IAKjB,IAAI,CAAC,GAAG,EAAE,MAAM;IAKhB,QAAQ,IAAI,OAAO;IAInB,IAAI,QAAQ,IAAI,MAAM,CAErB;IAED,IAAI,CAAC,KAAK,UAAQ;IASlB,MAAM;IAwBN,OAAO,CAAC,IAAI,EAAE,cAAc;CAS5B;AAOD,cAAM,iBAAiB,CAAC,CAAC;IACxB,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAElB,OAAO,CAAC,aAAa,CAAU;IAC/B,OAAO,CAAC,OAAO,CAA2C;IAE1D,OAAO,CAAC,aAAa,CAAM;IAE3B,OAAO,CAAC,OAAO,CAAW;IAC1B,OAAO,CAAC,KAAK,CAAW;gBAEZ,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS;IAoC1D,IAAI,CAAC,MAAM,EAAE,MAAM;IAiDnB,aAAa,CAAC,MAAM,EAAE,MAAM;IAK5B,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAQlC"}

package/dist/animation/Animation.js

@@ -0,0 +1,232 @@
+import { newTiming, STATE_BEFORE, STATE_AFTER, } from '../timing/Timing.js';
+import { newProperty } from '../property/Property.js';
+export default class Animation {
+    timing;
+    target;
+    props;
+    _ticker;
+    _prevTimingState;
+    _props;
+    _initialized;
+    /*
+    props
+    */
+    constructor(target, ticker, props = {}) {
+        this.timing = newTiming(props);
+        this._ticker = ticker;
+        this.target = ticker.registerTarget(target);
+        this._prevTimingState = this.timing.state;
+        this._props = [];
+        this._initialized = false;
+        this.props = {};
+        for (const prop in props) {
+            this.props[prop] = new PropertyAnimation(prop, props[prop], this);
+            this._props.push(this.props[prop]);
+        }
+    }
+    advance(change) {
+        this._prevTimingState = this.timing.state;
+        this.timing.advance(change);
+    }
+    seekMs(ms) {
+        this._prevTimingState = this.timing.state;
+        this.timing.seekMs(ms);
+    }
+    seek(pos) {
+        this._prevTimingState = this.timing.state;
+        this.timing.seek(pos);
+    }
+    isFinite() {
+        return this.timing.isFinite();
+    }
+    get duration() {
+        return this.timing.duration;
+    }
+    init(reset = false) {
+        if (this._initialized && !reset)
+            return;
+        this._initialized = true;
+        for (const prop of this._props) {
+            prop.init(this.target);
+        }
+    }
+    render() {
+        if (this.timing.state === STATE_BEFORE) {
+            // console.log('render before');
+            for (const prop of this._props) {
+                prop.restoreBefore(this.target);
+            }
+            // to render before we need to remove
+            return;
+        }
+        else if (this.timing.state === STATE_AFTER) {
+            // console.log('render after');
+            // return;
+        }
+        const pos = this.timing.position;
+        // now render
+        for (const prop of this._props) {
+            prop.render(pos, this.target);
+        }
+    }
+    destroy(opts) {
+        if (!opts.keepValues) {
+            for (const prop of this._props) {
+                prop.restoreBefore(this.target);
+            }
+        }
+        this._ticker.unregisterTarget(this.target.inner());
+    }
+}
+function maybeResponsiveValue(prop, val) {
+    if (typeof val === 'object' && 'responsive' in val)
+        return val.responsive;
+    return prop.parseValue(val);
+}
+class PropertyAnimation {
+    prop;
+    staticValueFn;
+    valueFn;
+    iniResponsive;
+    // todo i don't think the types match here?
+    iniFrom;
+    iniTo;
+    constructor(prop, value, animation) {
+        this.prop = newProperty(prop, animation.target.type());
+        // we will get the from the targets
+        this.staticValueFn = false;
+        this.valueFn = null;
+        this.iniResponsive = null;
+        this.iniFrom = null;
+        this.iniTo = null;
+        if (typeof value === 'object') {
+            if ('from' in value)
+                this.iniFrom = maybeResponsiveValue(this.prop, value.from);
+            if ('to' in value)
+                this.iniTo = maybeResponsiveValue(this.prop, value.to);
+            if ('responsive' in value)
+                this.iniResponsive = value.responsive;
+            if (!this.iniFrom && !this.iniTo && !this.iniResponsive)
+                throw new Error('from or to expected');
+        }
+        else if (typeof value === 'function') {
+            if (!this.prop.allowsValueFn()) {
+                throw new Error('prop ' + prop + ' does not allow value functions');
+            }
+            this.staticValueFn = true;
+            this.valueFn = value;
+        }
+        else {
+            this.iniTo = this.prop.parseValue(value);
+        }
+    }
+    // calculate from and to position
+    init(target) {
+        // there is nothing to initialize since on every render we call the
+        // value Fn
+        if (this.staticValueFn)
+            return;
+        this.valueFn = null;
+        let from = null;
+        let to = null;
+        // init via responsive fn
+        if (this.iniResponsive) {
+            const value = this.iniResponsive(target.inner());
+            if (typeof value === 'object') {
+                if ('from' in value)
+                    from = this.prop.parseValue(value.from);
+                if ('to' in value)
+                    to = this.prop.parseValue(value.to);
+                if (!from && !to)
+                    throw new Error('from or to expected');
+            }
+            else if (typeof value === 'function') {
+                if (!this.prop.allowsValueFn()) {
+                    throw new Error(`prop ${this.prop.name} does not allow value functions`);
+                }
+                this.valueFn = value;
+                return;
+            }
+            else {
+                to = this.prop.parseValue(value);
+            }
+        }
+        // init from
+        if (!from) {
+            if (typeof this.iniFrom === 'function')
+                from = this.prop.parseValue(this.iniFrom(target.inner()));
+            else
+                from = this.iniFrom;
+        }
+        // init to
+        if (!to) {
+            if (typeof this.iniTo === 'function')
+                to = this.prop.parseValue(this.iniTo(target.inner()));
+            else
+                to = this.iniTo;
+        }
+        this.prop.init(target, from, to);
+    }
+    restoreBefore(target) {
+        // todo this might not be enough
+        this.prop.removeValue(target);
+    }
+    render(pos, target) {
+        if (this.valueFn) {
+            this.prop.setValue(target, this.prop.parseValue(this.valueFn(pos)));
+            return;
+        }
+        this.prop.setValue(target, this.prop.interpolate(pos));
+    }
+}
+/*
+
+animate(target, {
+    
+    // special
+    // translate
+    x
+    y
+    scale
+    scaleX
+    scaleY
+    rotation
+    skew
+    skewX
+    skewY
+
+
+    
+    // stagger
+    repeatDelay
+    stagger: {
+    // wrap advanced options in an object
+    each: 0.1,
+    from: "center",
+    grid: "auto",
+    ease: "power2.inOut",
+    repeat: -1, // Repeats immediately, not waiting for the other staggered animations to finish
+  },
+
+
+    ease,
+    duration,
+    repeat, true|false|0-x
+    repeatDelay?
+    delay,
+    alternate
+})
+
+
+const tl new Timeline;
+
+tl.add([
+    animation()
+], 100)
+
+tl.addGroup()
+
+tl.add()
+
+*/
+//# sourceMappingURL=Animation.js.map

package/dist/animation/Animation.js.map

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

package/dist/animation/public.d.ts

@@ -0,0 +1,68 @@
+import Stagger from '../stagger/stagger.js';
+import { Targets } from '../chnobli.js';
+export type AnimationProps = {
+    autoplay?: boolean;
+    delay?: number | string | Stagger<number | string>;
+    ease?: (t: number) => number;
+    onStart?: () => void;
+    onEnd?: () => void;
+    [key: string]: any;
+};
+/**
+ * The animation consist of a timeline with just one animation
+ * This allows to reuse a lot of code
+ *
+ * ## Props
+ *
+ */
+export default class PublicAnimation {
+    private _tl;
+    constructor(targets: Targets, props?: AnimationProps);
+    play(): void;
+    pause(): void;
+    /**
+     * Seeks to a position in the timeline
+     */
+    seekMs(ms: number): void;
+    /**
+     * Seeks to a normalized position in the timeline
+     *
+     * @param pos = number between 0 and 1
+     */
+    seek(pos: number): void;
+    /**
+     * Resets the current timeline to the start
+     * without changing anything
+     */
+    reset(): void;
+    /**
+     * Resets every used prop to it's previous value
+     */
+    resetProps(): void;
+    /**
+     * Recalculates all values this should be called for example after a resize
+     */
+    update(): void;
+    /**
+     * Returns wether the timeline is set to reversed
+     */
+    isReversed(): boolean;
+    /**
+     * Set's the timeline to a specific direction
+     */
+    setReversed(reversed: boolean): void;
+    /**
+     * Reverses the order of the current timeline
+     */
+    reverse(): void;
+    /**
+     * @returns a function to call to unregister the event
+     */
+    on(event: string, fn: (...args: any[]) => void): () => void;
+    onPromise(event: string): Promise<unknown>;
+    /**
+     * Destroys this timeline and resets all props
+     */
+    destroy(): void;
+}
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/animation/public.ts"],"names":[],"mappings":"AAEA,OAAO,OAAuB,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAExC,MAAM,MAAM,cAAc,GAAG;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;IAEnD,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAE7B,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IAGnB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACnB,CAAC;AAEF;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,eAAe;IACnC,OAAO,CAAC,GAAG,CAAW;gBAEV,OAAO,EAAE,OAAO,EAAE,KAAK,GAAE,cAAmB;IA0CxD,IAAI;IAIJ,KAAK;IAIL;;OAEG;IACH,MAAM,CAAC,EAAE,EAAE,MAAM;IAIjB;;;;OAIG;IACH,IAAI,CAAC,GAAG,EAAE,MAAM;IAIhB;;;OAGG;IACH,KAAK;IAIL;;OAEG;IACH,UAAU;IAIV;;OAEG;IACH,MAAM;IAIN;;OAEG;IACH,UAAU,IAAI,OAAO;IAIrB;;OAEG;IACH,WAAW,CAAC,QAAQ,EAAE,OAAO;IAI7B;;OAEG;IACH,OAAO;IAIP;;OAEG;IACH,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI;IAK3D,SAAS,CAAC,KAAK,EAAE,MAAM,GAAG,OAAO,CAAC,OAAO,CAAC;IAI1C;;OAEG;IACH,OAAO;CAKP"}

package/dist/animation/public.js

@@ -0,0 +1,115 @@
+import { takeProp } from '../utils/internal.js';
+import Timeline from '../timeline/public.js';
+import { staggerMap } from '../stagger/stagger.js';
+/**
+ * The animation consist of a timeline with just one animation
+ * This allows to reuse a lot of code
+ *
+ * ## Props
+ *
+ */
+export default class PublicAnimation {
+    _tl;
+    constructor(targets, props = {}) {
+        const autoplay = parseAutoplay(takeProp(props, 'autoplay', true));
+        const delay = takeProp(props, 'delay', 0);
+        // we don't wan't the ease and duration on the timeline
+        const ease = takeProp(props, 'ease', undefined);
+        const duration = takeProp(props, 'duration', undefined);
+        this._tl = new Timeline(props);
+        // events
+        const onStart = takeProp(props, 'onStart', undefined);
+        if (onStart)
+            this._tl.on('start', onStart);
+        // events
+        const onEnd = takeProp(props, 'onEnd', undefined);
+        if (onEnd)
+            this._tl.on('end', onEnd);
+        props.ease = ease;
+        props.duration = duration;
+        this._tl.add(targets, props, staggerMap(delay, v => '+=' + v));
+        if (autoplay)
+            this._tl.play();
+    }
+    play() {
+        this._tl.play();
+    }
+    pause() {
+        this._tl.pause();
+    }
+    /**
+     * Seeks to a position in the timeline
+     */
+    seekMs(ms) {
+        this._tl.seekMs(ms);
+    }
+    /**
+     * Seeks to a normalized position in the timeline
+     *
+     * @param pos = number between 0 and 1
+     */
+    seek(pos) {
+        this._tl.seek(pos);
+    }
+    /**
+     * Resets the current timeline to the start
+     * without changing anything
+     */
+    reset() {
+        this._tl.reset();
+    }
+    /**
+     * Resets every used prop to it's previous value
+     */
+    resetProps() {
+        this._tl.resetProps();
+    }
+    /**
+     * Recalculates all values this should be called for example after a resize
+     */
+    update() {
+        this._tl.update();
+    }
+    /**
+     * Returns wether the timeline is set to reversed
+     */
+    isReversed() {
+        return this._tl.isReversed();
+    }
+    /**
+     * Set's the timeline to a specific direction
+     */
+    setReversed(reversed) {
+        this._tl.setReversed(reversed);
+    }
+    /**
+     * Reverses the order of the current timeline
+     */
+    reverse() {
+        this._tl.reverse();
+    }
+    /**
+     * @returns a function to call to unregister the event
+     */
+    on(event, fn) {
+        return this._tl.on(event, fn);
+    }
+    // not wroking
+    onPromise(event) {
+        return this._tl.onPromise(event);
+    }
+    /**
+     * Destroys this timeline and resets all props
+     */
+    destroy() {
+        this._tl.destroy();
+        // @ts-ignore
+        this._tl = null;
+    }
+}
+function parseAutoplay(autoplay) {
+    if (autoplay !== true && autoplay !== false)
+        throw new Error('autoplay needs to be true|false');
+    return autoplay;
+}
+//# sourceMappingURL=public.js.map

package/dist/animation/public.js.map

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

package/dist/animator/Animator.d.ts

@@ -0,0 +1,30 @@
+import Property from '../property/Property.js';
+import { Target } from '../target/Target.js';
+import Ticker from '../timing/Ticker.js';
+import Timing from '../timing/Timing.js';
+export type Settings = {
+    duration: number;
+    ease?: (t: number) => number;
+};
+export default class Animator {
+    setts: Settings;
+    target: Target;
+    private props;
+    private ticker;
+    constructor(target: any, ticker: Ticker, setts: Settings);
+    private getProp;
+    set(props: Record<string, any>): void;
+    to(props: Record<string, any>, duration?: number): void;
+    _tick(change: number): boolean;
+}
+export declare class PropertyAnimator<V> {
+    prop: Property<V>;
+    timing: Timing;
+    private initialized;
+    constructor(prop: string, setts: Settings, target: Target);
+    set(target: Target, value: any): void;
+    to(target: Target, value: any, duration?: number): void;
+    advance(change: number): void;
+    render(target: Target): void;
+}
+//# sourceMappingURL=Animator.d.ts.map

package/dist/animator/Animator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Animator.d.ts","sourceRoot":"","sources":["../../src/animator/Animator.ts"],"names":[],"mappings":"AAAA,OAAO,QAAyB,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,MAAuB,MAAM,qBAAqB,CAAC;AAE1D,MAAM,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7B,CAAC;AAeF,MAAM,CAAC,OAAO,OAAO,QAAQ;IAC5B,KAAK,EAAE,QAAQ,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,KAAK,CAAqC;IAElD,OAAO,CAAC,MAAM,CAAS;gBAEX,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ;IASxD,OAAO,CAAC,OAAO;IASf,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC;IAS9B,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM;IAQhD,KAAK,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;CAc9B;AAED,qBAAa,gBAAgB,CAAC,CAAC;IAC9B,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IAEf,OAAO,CAAC,WAAW,CAAU;gBAEjB,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM;IAOzD,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG;IAQ9B,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,QAAQ,CAAC,EAAE,MAAM;IAiBhD,OAAO,CAAC,MAAM,EAAE,MAAM;IAKtB,MAAM,CAAC,MAAM,EAAE,MAAM;CAKrB"}

package/dist/animator/Animator.js

@@ -0,0 +1,97 @@
+import { newProperty } from '../property/Property.js';
+import Timing, { STATE_AFTER } from '../timing/Timing.js';
+/*
+
+const opacity = animator(obj, {
+    duration: 200,
+    ease: sinInOut
+});
+
+opacity.set({ opacity: 0 });
+
+opacity.to({ opacity: 1 });
+opacity.to({ opacity: 2 }, 1000);
+*/
+export default class Animator {
+    setts;
+    target;
+    props;
+    ticker;
+    constructor(target, ticker, setts) {
+        this.setts = setts;
+        this.target = ticker.registerTarget(target);
+        this.ticker = ticker;
+        this.props = new Map();
+    }
+    getProp(name) {
+        const prop = this.props.get(name);
+        if (prop)
+            return prop;
+        const newProp = new PropertyAnimator(name, this.setts, this.target);
+        this.props.set(name, newProp);
+        return newProp;
+    }
+    set(props) {
+        for (const prop in props) {
+            const propAni = this.getProp(prop);
+            console.log('got prop ani', propAni);
+            propAni.set(this.target, props[prop]);
+            console.log('got prop ani', propAni);
+        }
+    }
+    to(props, duration) {
+        for (const prop in props) {
+            const propAni = this.getProp(prop);
+            propAni.to(this.target, props[prop], duration);
+        }
+    }
+    /// returns if the ticker should keep running
+    _tick(change) {
+        let shouldStop = true;
+        for (const prop of this.props.values()) {
+            prop.advance(change);
+            prop.render(this.target);
+            if (prop.timing.state < STATE_AFTER) {
+                shouldStop = false;
+            }
+        }
+        return !shouldStop;
+    }
+}
+export class PropertyAnimator {
+    prop;
+    timing;
+    initialized;
+    constructor(prop, setts, target) {
+        this.prop = newProperty(prop, target.type());
+        this.timing = new Timing(setts);
+        this.initialized = false;
+    }
+    set(target, value) {
+        const val = this.prop.parseValue(value);
+        this.prop.init(target, val, val);
+        this.timing.seek(2);
+    }
+    to(target, value, duration) {
+        const val = this.prop.parseValue(value);
+        let current = null;
+        if (this.initialized) {
+            current = this.prop.interpolate(this.timing.position);
+        }
+        this.prop.init(target, current, val);
+        this.initialized = true;
+        this.timing.seek(0);
+        if (typeof duration === 'number') {
+            this.timing.setDuration(duration);
+        }
+    }
+    advance(change) {
+        this.timing.advance(change);
+    }
+    // call advance first
+    render(target) {
+        const pos = this.timing.position;
+        this.prop.setValue(target, this.prop.interpolate(pos));
+    }
+}
+//# sourceMappingURL=Animator.js.map

package/dist/animator/Animator.js.map

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

package/dist/animator/index.d.ts

@@ -0,0 +1,5 @@
+import Animator, { AnimatorProps } from './public.js';
+export { Animator };
+export type { AnimatorProps };
+export declare function animator(target: any, props?: AnimatorProps): Animator;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/animator/index.ts"],"names":[],"mappings":"AAgDA,OAAO,QAAQ,EAAE,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC;AAE9B,wBAAgB,QAAQ,CAAC,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,EAAE,aAAa,GAAG,QAAQ,CAErE"}