chnobli 0.1.4 → 0.1.6

package/dist/animation/Animation.js

@@ -0,0 +1,230 @@
+import { newTiming, STATE_BEFORE, STATE_AFTER } from '../timing/Timing';
+import { newProperty } from '../property/Property';
+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() {
+        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;
+    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) {
+            // todo this access to target can't be
+            const value = this.iniResponsive(target.target);
+            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/animation.d.ts

@@ -0,0 +1,36 @@
+import Timing from '../timing/Timing';
+import Property from '../property/Property';
+import Ticker from '@/timing/Ticker';
+import { Target } from '@/target/Target';
+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(): 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,MAAgD,MAAM,kBAAkB,CAAC;AAEhF,OAAO,QAAyC,MAAM,sBAAsB,CAAC;AAC7E,OAAO,MAAM,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AAEzC,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;CAOP;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;IAC3B,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;IAkDnB,aAAa,CAAC,MAAM,EAAE,MAAM;IAK5B,MAAM,CAAC,GAAG,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM;CAQlC"}

package/dist/animation/animation.js

@@ -0,0 +1,230 @@
+import { newTiming, STATE_BEFORE, STATE_AFTER } from '../timing/Timing';
+import { newProperty } from '../property/Property';
+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() {
+        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;
+    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) {
+            // todo this access to target can't be
+            const value = this.iniResponsive(target.target);
+            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,55 @@
+/**
+ * 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: any, props?: Record<string, any>);
+    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;
+    on(event: string, fn: (...args: any[]) => void): () => void;
+    onPromise(event: string): any;
+    /**
+     * 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":"AAIA;;;;;;GAMG;AACH,MAAM,CAAC,OAAO,OAAO,eAAe;IACnC,OAAO,CAAC,GAAG,CAAW;gBAEV,OAAO,EAAE,GAAG,EAAE,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM;IAsBzD,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;IAIV;;OAEG;IACH,WAAW,CAAC,QAAQ,EAAE,OAAO;IAI7B;;OAEG;IACH,OAAO;IAIP,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI;IAK9C,SAAS,CAAC,KAAK,EAAE,MAAM;IAIvB;;OAEG;IACH,OAAO;CAKP"}

package/dist/animation/public.js

@@ -0,0 +1,104 @@
+import { takeProp } from '../utils/internal';
+import Timeline from '../timeline/public';
+import { staggerMap } from '../stagger/stagger';
+/**
+ * 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', null);
+        const duration = takeProp(props, 'duration', null);
+        this._tl = new Timeline(props);
+        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();
+    }
+    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