chnobli 0.1.9 → 0.1.10

package/dist/animation/Animation.d.ts

@@ -0,0 +1,36 @@
+import Timing from '../timing/Timing.js';
+import Property from '../property/Property.js';
+import Ticker from '../timing/Ticker.js';
+import { Target } from '../target/Target.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(): 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;AAE7C,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;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,230 @@
+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() {
+        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/chnobli.d.ts

@@ -0,0 +1,15 @@
+import Animation, { AnimationProps } from './animation/public.js';
+import Timeline from './timeline/public.js';
+import Stagger, { type StaggerValue } from './stagger/stagger.js';
+import type { Targets, AnimationTarget } from './target/Target.js';
+export type { Animation, Timeline, Stagger, Targets, AnimationTarget, StaggerValue, AnimationProps, };
+/**
+ * Creates a simple animation
+ *
+ * ## Properties
+ *
+ */
+export declare function animate(targets: Targets, props?: AnimationProps): Animation;
+export declare function timeline(props?: Record<string, any>): Timeline;
+export declare function stagger<O>(value: StaggerValue<O>): Stagger<O>;
+//# sourceMappingURL=chnobli.d.ts.map

package/dist/chnobli.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chnobli.d.ts","sourceRoot":"","sources":["../src/chnobli.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,OAAO,EAAE,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAEnE,YAAY,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,OAAO,EACP,eAAe,EACf,YAAY,EACZ,cAAc,GACd,CAAC;AAIF;;;;;GAKG;AACH,wBAAgB,OAAO,CACtB,OAAO,EAAE,OAAO,EAChB,KAAK,GAAE,cAAmB,GACxB,SAAS,CAEX;AAED,wBAAgB,QAAQ,CAAC,KAAK,GAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAM,GAAG,QAAQ,CAElE;AAED,wBAAgB,OAAO,CAAC,CAAC,EAAE,KAAK,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAE7D"}

package/dist/chnobli.js

@@ -0,0 +1,59 @@
+import Animation from './animation/public.js';
+import Timeline from './timeline/public.js';
+import Stagger from './stagger/stagger.js';
+// todo maybe add, to, from and fromTo to the animate function
+/**
+ * Creates a simple animation
+ *
+ * ## Properties
+ *
+ */
+export function animate(targets, props = {}) {
+    return new Animation(targets, props);
+}
+export function timeline(props = {}) {
+    return new Timeline(props);
+}
+export function stagger(value) {
+    return new Stagger(value);
+}
+/*
+
+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, (-1?)
+    repeatDelay?
+    delay,
+    alternate
+})
+
+*/
+//# sourceMappingURL=chnobli.js.map

package/dist/chnobli.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chnobli.js","sourceRoot":"","sources":["../src/chnobli.ts"],"names":[],"mappings":"AAAA,OAAO,SAA6B,MAAM,uBAAuB,CAAC;AAClE,OAAO,QAAQ,MAAM,sBAAsB,CAAC;AAC5C,OAAO,OAA8B,MAAM,sBAAsB,CAAC;AAalE,8DAA8D;AAE9D;;;;;GAKG;AACH,MAAM,UAAU,OAAO,CACtB,OAAgB,EAChB,QAAwB,EAAE;IAE1B,OAAO,IAAI,SAAS,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC;AACtC,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,QAA6B,EAAE;IACvD,OAAO,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC;AAC5B,CAAC;AAED,MAAM,UAAU,OAAO,CAAI,KAAsB;IAChD,OAAO,IAAI,OAAO,CAAC,KAAK,CAAC,CAAC;AAC3B,CAAC;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCE"}

package/dist/property/BasicProperty.d.ts

@@ -0,0 +1,38 @@
+import Value from '../values/Value.js';
+import Property, { ParseableValue } from './Property.js';
+import { Target } from '../target/Target.js';
+export default class BasicProperty implements Property<Value> {
+    /**
+     * The name of the property
+     */
+    name: string;
+    /**
+     * The value at the start
+     */
+    from: Value | null;
+    /**
+     * The value at the end
+     */
+    to: Value | null;
+    constructor(name: string);
+    allowsValueFn(): boolean;
+    /**
+     * From or to might be null
+     */
+    init(target: Target, from: Value | null, to: Value | null): void;
+    /**
+     * Gets called with the value of a property
+     *
+     * For examply during initializiation
+     */
+    parseValue(val: ParseableValue): Value;
+    defaultValue(): Value;
+    getValue(target: Target): Value;
+    /**
+     * Pos needs to be between 0 and 1
+     */
+    interpolate(pos: number): Value;
+    setValue(target: Target, val: Value): void;
+    removeValue(target: Target): void;
+}
+//# sourceMappingURL=BasicProperty.d.ts.map

package/dist/property/BasicProperty.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicProperty.d.ts","sourceRoot":"","sources":["../../src/property/BasicProperty.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,EAAE,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE7C,MAAM,CAAC,OAAO,OAAO,aAAc,YAAW,QAAQ,CAAC,KAAK,CAAC;IAC5D;;OAEG;IACH,IAAI,EAAE,MAAM,CAAC;IAEb;;OAEG;IACH,IAAI,EAAE,KAAK,GAAG,IAAI,CAAC;IAEnB;;OAEG;IACH,EAAE,EAAE,KAAK,GAAG,IAAI,CAAC;gBAEL,IAAI,EAAE,MAAM;IAQxB,aAAa;IAIb;;OAEG;IACH,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,GAAG,IAAI,EAAE,EAAE,EAAE,KAAK,GAAG,IAAI;IAczD;;;;OAIG;IACH,UAAU,CAAC,GAAG,EAAE,cAAc,GAAG,KAAK;IAOtC,YAAY,IAAI,KAAK;IAKrB,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,KAAK;IAQ/B;;OAEG;IACH,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,KAAK;IAM/B,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK;IAInC,WAAW,CAAC,MAAM,EAAE,MAAM;CAG1B"}

package/dist/property/BasicProperty.js

@@ -0,0 +1,72 @@
+import Value from '../values/Value.js';
+export default class BasicProperty {
+    /**
+     * The name of the property
+     */
+    name;
+    /**
+     * The value at the start
+     */
+    from;
+    /**
+     * The value at the end
+     */
+    to;
+    constructor(name) {
+        // this is the property name
+        this.name = name;
+        this.from = null;
+        this.to = null;
+    }
+    allowsValueFn() {
+        return true;
+    }
+    /**
+     * From or to might be null
+     */
+    init(target, from, to) {
+        if (!from)
+            from = this.getValue(target);
+        if (!to)
+            to = this.getValue(target);
+        if (!from || !to)
+            throw new Error('could not determine from or to value');
+        const [nFrom, nTo] = target.unifyValues(this.name, from, to);
+        this.from = nFrom;
+        this.to = nTo;
+    }
+    /**
+     * Gets called with the value of a property
+     *
+     * For examply during initializiation
+     */
+    parseValue(val) {
+        if (typeof val !== 'string')
+            throw new Error('only strings are supported');
+        return Value.parse(val);
+    }
+    defaultValue() {
+        throw new Error('default value for ' + this.name + ' not known');
+    }
+    // try to access the value from the target
+    getValue(target) {
+        const val = target.getValue(this.name);
+        if (typeof val === 'undefined' || val === null)
+            return this.defaultValue();
+        return val;
+    }
+    /**
+     * Pos needs to be between 0 and 1
+     */
+    interpolate(pos) {
+        const dif = this.to.num - this.from.num;
+        return this.from.cloneAdd(pos * dif);
+    }
+    setValue(target, val) {
+        return target.setValue(this.name, val);
+    }
+    removeValue(target) {
+        return target.removeValue(this.name);
+    }
+}
+//# sourceMappingURL=BasicProperty.js.map

package/dist/property/BasicProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BasicProperty.js","sourceRoot":"","sources":["../../src/property/BasicProperty.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AAIvC,MAAM,CAAC,OAAO,OAAO,aAAa;IACjC;;OAEG;IACH,IAAI,CAAS;IAEb;;OAEG;IACH,IAAI,CAAe;IAEnB;;OAEG;IACH,EAAE,CAAe;IAEjB,YAAY,IAAY;QACvB,4BAA4B;QAC5B,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QAEjB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;QACjB,IAAI,CAAC,EAAE,GAAG,IAAI,CAAC;IAChB,CAAC;IAED,aAAa;QACZ,OAAO,IAAI,CAAC;IACb,CAAC;IAED;;OAEG;IACH,IAAI,CAAC,MAAc,EAAE,IAAkB,EAAE,EAAgB;QACxD,IAAI,CAAC,IAAI;YAAE,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAExC,IAAI,CAAC,EAAE;YAAE,EAAE,GAAG,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC;QAEpC,IAAI,CAAC,IAAI,IAAI,CAAC,EAAE;YACf,MAAM,IAAI,KAAK,CAAC,sCAAsC,CAAC,CAAC;QAEzD,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,GAAG,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,CAAC,CAAC;QAE7D,IAAI,CAAC,IAAI,GAAG,KAAK,CAAC;QAClB,IAAI,CAAC,EAAE,GAAG,GAAG,CAAC;IACf,CAAC;IAED;;;;OAIG;IACH,UAAU,CAAC,GAAmB;QAC7B,IAAI,OAAO,GAAG,KAAK,QAAQ;YAC1B,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;QAE/C,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IACzB,CAAC;IAED,YAAY;QACX,MAAM,IAAI,KAAK,CAAC,oBAAoB,GAAG,IAAI,CAAC,IAAI,GAAG,YAAY,CAAC,CAAC;IAClE,CAAC;IAED,0CAA0C;IAC1C,QAAQ,CAAC,MAAc;QACtB,MAAM,GAAG,GAAG,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACvC,IAAI,OAAO,GAAG,KAAK,WAAW,IAAI,GAAG,KAAK,IAAI;YAC7C,OAAO,IAAI,CAAC,YAAY,EAAE,CAAC;QAE5B,OAAO,GAAG,CAAC;IACZ,CAAC;IAED;;OAEG;IACH,WAAW,CAAC,GAAW;QACtB,MAAM,GAAG,GAAG,IAAI,CAAC,EAAG,CAAC,GAAG,GAAG,IAAI,CAAC,IAAK,CAAC,GAAG,CAAC;QAE1C,OAAO,IAAI,CAAC,IAAK,CAAC,QAAQ,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC;IACvC,CAAC;IAED,QAAQ,CAAC,MAAc,EAAE,GAAU;QAClC,OAAO,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;IACxC,CAAC;IAED,WAAW,CAAC,MAAc;QACzB,OAAO,MAAM,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACtC,CAAC;CACD"}