chnobli 0.1.9 → 0.1.11

package/dist/animator/index.js

@@ -0,0 +1,53 @@
+/*
+
+const obj = { opacity: 1 };
+// maybe we could even have stagger?
+const opacity = animator(obj, {
+    // initial value
+    // might also be able to be set with stagger?
+    // for example
+    opacity: 1,
+
+    duration: 200,
+    ease: sineInOut
+});
+
+// or maybe instead
+
+const animator = animator();
+animator.add(obj, {
+    opacity: 1,
+    duration: 200,
+    ease: sineInOut
+});
+
+// what is the reason why we would wan't one animator with
+// multiple objects with different timings
+// could we not just use multiple animators
+
+
+opacity.set(obj, { opacity: 0 });
+
+let's make the most basic animator first
+
+
+const opacity = animator(obj, {
+    duration: 200,
+    ease: sinInOut
+});
+
+opacity.set({ opacity: 0 });
+
+opacity.to({ opacity: 1 });
+opacity.to({ opacity: 2 }, 1000);
+
+
+
+
+*/
+import Animator from './public.js';
+export { Animator };
+export function animator(target, props) {
+    return new Animator(target, props);
+}
+//# sourceMappingURL=index.js.map

package/dist/animator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/animator/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8CE;AAEF,OAAO,QAA2B,MAAM,aAAa,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,CAAC;AAGpB,MAAM,UAAU,QAAQ,CAAC,MAAW,EAAE,KAAqB;IAC1D,OAAO,IAAI,QAAQ,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;AACpC,CAAC"}

package/dist/animator/public.d.ts

@@ -0,0 +1,16 @@
+export type AnimatorProps = {
+    duration?: number;
+    ease?: (t: number) => number;
+};
+export default class PublicAnimator {
+    private ticker;
+    private inner;
+    private runningTicker;
+    private events;
+    constructor(target: any, props?: AnimatorProps);
+    set(props: Record<string, any>): this;
+    to(props: Record<string, any>, duration?: number): this;
+    on(ev: string, fn: (...args: any[]) => void): () => void;
+    private startTicker;
+}
+//# sourceMappingURL=public.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"public.d.ts","sourceRoot":"","sources":["../../src/animator/public.ts"],"names":[],"mappings":"AAUA,MAAM,MAAM,aAAa,GAAG;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;CAC7B,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,cAAc;IAClC,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,KAAK,CAAW;IACxB,OAAO,CAAC,aAAa,CAAM;IAC3B,OAAO,CAAC,MAAM,CAAS;gBAEX,MAAM,EAAE,GAAG,EAAE,KAAK,GAAE,aAAkB;IASlD,GAAG,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,IAAI;IAOrC,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,EAAE,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI;IAQvD,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,IAAI,GAAG,MAAM,IAAI;IAIxD,OAAO,CAAC,WAAW;CAgBnB"}

package/dist/animator/public.js

@@ -0,0 +1,50 @@
+/*
+set,
+to,
+*/
+import AnimationFrameTicker from '../timing/AnimationFrameTicker.js';
+import Events from '../utils/Events.js';
+import Animator from './Animator.js';
+export default class PublicAnimator {
+    ticker;
+    inner;
+    runningTicker;
+    events;
+    constructor(target, props = {}) {
+        this.ticker = AnimationFrameTicker.global();
+        this.inner = new Animator(target, this.ticker, {
+            duration: props.duration ?? 1000,
+            ease: props.ease,
+        });
+        this.events = new Events();
+    }
+    set(props) {
+        this.inner.set(props);
+        this.startTicker();
+        return this;
+    }
+    to(props, duration) {
+        this.inner.to(props, duration);
+        this.startTicker();
+        return this;
+    }
+    // on: update
+    on(ev, fn) {
+        return this.events.add(ev, fn);
+    }
+    startTicker() {
+        if (this.runningTicker)
+            return;
+        this.runningTicker = this.ticker.add((change, opts) => {
+            const keepRunning = this.inner._tick(change);
+            opts.onApplied(() => {
+                this.events.trigger('update');
+            });
+            if (!keepRunning) {
+                opts.remove();
+                this.runningTicker = null;
+            }
+        });
+    }
+}
+//# sourceMappingURL=public.js.map

package/dist/animator/public.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"public.js","sourceRoot":"","sources":["../../src/animator/public.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAEF,OAAO,oBAAoB,MAAM,mCAAmC,CAAC;AAErE,OAAO,MAAM,MAAM,oBAAoB,CAAC;AACxC,OAAO,QAAQ,MAAM,eAAe,CAAC;AAOrC,MAAM,CAAC,OAAO,OAAO,cAAc;IAC1B,MAAM,CAAS;IACf,KAAK,CAAW;IAChB,aAAa,CAAM;IACnB,MAAM,CAAS;IAEvB,YAAY,MAAW,EAAE,QAAuB,EAAE;QACjD,IAAI,CAAC,MAAM,GAAG,oBAAoB,CAAC,MAAM,EAAE,CAAC;QAC5C,IAAI,CAAC,KAAK,GAAG,IAAI,QAAQ,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE;YAC9C,QAAQ,EAAE,KAAK,CAAC,QAAQ,IAAI,IAAI;YAChC,IAAI,EAAE,KAAK,CAAC,IAAI;SAChB,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,GAAG,IAAI,MAAM,EAAE,CAAC;IAC5B,CAAC;IAED,GAAG,CAAC,KAA0B;QAC7B,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACtB,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,EAAE,CAAC,KAA0B,EAAE,QAAiB;QAC/C,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC;QAC/B,IAAI,CAAC,WAAW,EAAE,CAAC;QAEnB,OAAO,IAAI,CAAC;IACb,CAAC;IAED,aAAa;IACb,EAAE,CAAC,EAAU,EAAE,EAA4B;QAC1C,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,CAAC,CAAC;IAChC,CAAC;IAEO,WAAW;QAClB,IAAI,IAAI,CAAC,aAAa;YAAE,OAAO;QAE/B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,IAAI,EAAE,EAAE;YACrD,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;YAE7C,IAAI,CAAC,SAAS,CAAC,GAAG,EAAE;gBACnB,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC/B,CAAC,CAAC,CAAC;YAEH,IAAI,CAAC,WAAW,EAAE,CAAC;gBAClB,IAAI,CAAC,MAAM,EAAE,CAAC;gBACd,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC;YAC3B,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;CACD"}

package/dist/chnobli.d.ts

@@ -0,0 +1,15 @@
+import Animation, { AnimationProps } from './animation/public.js';
+import Timeline, { TimelineProps } from './timeline/public.js';
+import Stagger, { type StaggerValue } from './stagger/stagger.js';
+import type { Targets, AnimationTarget } from './target/Target.js';
+export type { Animation, Timeline, TimelineProps, Stagger, Targets, AnimationTarget, StaggerValue, AnimationProps, };
+/**
+ * Creates a simple animation
+ *
+ * ## Properties
+ *
+ */
+export declare function animate(targets: Targets, props?: AnimationProps): Animation;
+export declare function timeline(props?: TimelineProps): 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,EAAE,EAAE,aAAa,EAAE,MAAM,sBAAsB,CAAC;AAC/D,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,aAAa,EACb,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,aAAkB,GAAG,QAAQ,CAE5D;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,QAA2B,MAAM,sBAAsB,CAAC;AAC/D,OAAO,OAA8B,MAAM,sBAAsB,CAAC;AAclE,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,QAAuB,EAAE;IACjD,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"}

package/dist/property/ClassProperty.d.ts

@@ -0,0 +1,32 @@
+import { Target } from '../target/Target.js';
+import Property, { type ParseableValue } from './Property.js';
+export type Interpolated = {
+    add: string[];
+    remove: string[];
+};
+/**
+ * In most cases we wan't to add the class at pos 0
+ * and in reverse remove it at pos 0
+ *
+ * so this behaviour should be in str|{ to }
+ *
+ * If we wan't to remove the class at pos 1
+ * and in reverse add it at pos 1
+ * we do it in { from }
+ */
+export default class ClassProperty implements Property<string[], Interpolated> {
+    name: string;
+    from: string[];
+    to: string[];
+    private preStates;
+    private states;
+    constructor(name: string);
+    allowsValueFn(): boolean;
+    init(target: Target, from: string[] | null, to: string[] | null): void;
+    parseValue(val: ParseableValue): string[];
+    getValue(_target: Target): string[] | null;
+    interpolate(pos: number): Interpolated;
+    setValue(target: Target, val: Interpolated): void;
+    removeValue(target: Target): void;
+}
+//# sourceMappingURL=ClassProperty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ClassProperty.d.ts","sourceRoot":"","sources":["../../src/property/ClassProperty.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,QAAQ,EAAE,EAAE,KAAK,cAAc,EAAE,MAAM,eAAe,CAAC;AAE9D,MAAM,MAAM,YAAY,GAAG;IAC1B,GAAG,EAAE,MAAM,EAAE,CAAC;IACd,MAAM,EAAE,MAAM,EAAE,CAAC;CACjB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,aAAc,YAAW,QAAQ,CAAC,MAAM,EAAE,EAAE,YAAY,CAAC;IAC7E,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,EAAG,MAAM,EAAE,CAAC;IAChB,EAAE,EAAG,MAAM,EAAE,CAAC;IAEd,OAAO,CAAC,SAAS,CAAwB;IACzC,OAAO,CAAC,MAAM,CAAwB;gBAE1B,IAAI,EAAE,MAAM;IAIxB,aAAa,IAAI,OAAO;IAIxB,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE,MAAM,EAAE,GAAG,IAAI;IAc/D,UAAU,CAAC,GAAG,EAAE,cAAc,GAAG,MAAM,EAAE;IAezC,QAAQ,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,IAAI;IAI1C,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,YAAY;IA+BtC,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,YAAY;IAyB1C,WAAW,CAAC,MAAM,EAAE,MAAM;CAO1B"}

package/dist/property/ClassProperty.js

@@ -0,0 +1,108 @@
+/**
+ * In most cases we wan't to add the class at pos 0
+ * and in reverse remove it at pos 0
+ *
+ * so this behaviour should be in str|{ to }
+ *
+ * If we wan't to remove the class at pos 1
+ * and in reverse add it at pos 1
+ * we do it in { from }
+ */
+export default class ClassProperty {
+    name;
+    from;
+    to;
+    preStates;
+    states;
+    constructor(name) {
+        this.name = name;
+    }
+    allowsValueFn() {
+        return false;
+    }
+    init(target, from, to) {
+        this.from = from ?? [];
+        this.to = to ?? [];
+        this.preStates = new Map();
+        this.states = new Map();
+        for (const cls of [...this.from, ...this.to]) {
+            const exists = target.hasClass(cls);
+            this.preStates.set(cls, exists);
+            this.states.set(cls, exists);
+        }
+    }
+    parseValue(val) {
+        if (Array.isArray(val)) {
+            return val.map(v => {
+                if (typeof v !== 'string')
+                    throw new Error('cls only accepts strings[]');
+                return v;
+            });
+        }
+        if (typeof val === 'string')
+            return [val];
+        throw new Error('cls only accepts strings and strings[]');
+    }
+    getValue(_target) {
+        throw new Error('unused');
+    }
+    interpolate(pos) {
+        /**
+         * ## to
+         * add the class at pos >0
+         * and in reverse remove it at pos 0
+         *
+         * ## from
+         * remove the class at pos <1
+         * and in reverse add it at pos 1
+         */
+        const obj = {
+            add: [],
+            remove: [],
+        };
+        if (pos <= 0) {
+            obj.remove = this.to;
+        }
+        else {
+            obj.add = this.to;
+        }
+        if (pos >= 1) {
+            obj.remove = this.from;
+        }
+        else {
+            obj.add = [...obj.add, ...this.from];
+        }
+        return obj;
+    }
+    setValue(target, val) {
+        let { add, remove } = val;
+        add = add ?? [];
+        remove = remove ?? [];
+        if (!Array.isArray(add) || !Array.isArray(remove))
+            throw new Error('add or remove expected');
+        add.forEach(cls => {
+            const exists = this.states.get(cls);
+            if (!exists) {
+                target.addClass(cls);
+                this.states.set(cls, true);
+            }
+        });
+        remove.forEach(cls => {
+            const exists = this.states.get(cls);
+            if (exists) {
+                target.removeClass(cls);
+                this.states.set(cls, false);
+            }
+        });
+    }
+    removeValue(target) {
+        this.preStates.forEach((exists, cls) => {
+            if (exists)
+                target.addClass(cls);
+            else
+                target.removeClass(cls);
+        });
+        this.states = new Map(this.preStates);
+    }
+}
+//# sourceMappingURL=ClassProperty.js.map

package/dist/property/ClassProperty.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClassProperty.js","sourceRoot":"","sources":["../../src/property/ClassProperty.ts"],"names":[],"mappings":"AAQA;;;;;;;;;GASG;AACH,MAAM,CAAC,OAAO,OAAO,aAAa;IACjC,IAAI,CAAS;IAEb,IAAI,CAAY;IAChB,EAAE,CAAY;IAEN,SAAS,CAAwB;IACjC,MAAM,CAAwB;IAEtC,YAAY,IAAY;QACvB,IAAI,CAAC,IAAI,GAAG,IAAI,CAAC;IAClB,CAAC;IAED,aAAa;QACZ,OAAO,KAAK,CAAC;IACd,CAAC;IAED,IAAI,CAAC,MAAc,EAAE,IAAqB,EAAE,EAAmB;QAC9D,IAAI,CAAC,IAAI,GAAG,IAAI,IAAI,EAAE,CAAC;QACvB,IAAI,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC;QAEnB,IAAI,CAAC,SAAS,GAAG,IAAI,GAAG,EAAE,CAAC;QAC3B,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,EAAE,CAAC;QAExB,KAAK,MAAM,GAAG,IAAI,CAAC,GAAG,IAAI,CAAC,IAAI,EAAE,GAAG,IAAI,CAAC,EAAE,CAAC,EAAE,CAAC;YAC9C,MAAM,MAAM,GAAG,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;YAChC,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,MAAM,CAAC,CAAC;QAC9B,CAAC;IACF,CAAC;IAED,UAAU,CAAC,GAAmB;QAC7B,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC;YACxB,OAAO,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;gBAClB,IAAI,OAAO,CAAC,KAAK,QAAQ;oBACxB,MAAM,IAAI,KAAK,CAAC,4BAA4B,CAAC,CAAC;gBAE/C,OAAO,CAAC,CAAC;YACV,CAAC,CAAC,CAAC;QACJ,CAAC;QAED,IAAI,OAAO,GAAG,KAAK,QAAQ;YAAE,OAAO,CAAC,GAAG,CAAC,CAAC;QAE1C,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IAC3D,CAAC;IAED,QAAQ,CAAC,OAAe;QACvB,MAAM,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC;IAC3B,CAAC;IAED,WAAW,CAAC,GAAW;QACtB;;;;;;;;WAQG;QAEH,MAAM,GAAG,GAAiB;YACzB,GAAG,EAAE,EAAE;YACP,MAAM,EAAE,EAAE;SACV,CAAC;QAEF,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;YACd,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,EAAE,CAAC;QACtB,CAAC;aAAM,CAAC;YACP,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,EAAE,CAAC;QACnB,CAAC;QAED,IAAI,GAAG,IAAI,CAAC,EAAE,CAAC;YACd,GAAG,CAAC,MAAM,GAAG,IAAI,CAAC,IAAI,CAAC;QACxB,CAAC;aAAM,CAAC;YACP,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;QACtC,CAAC;QAED,OAAO,GAAG,CAAC;IACZ,CAAC;IAED,QAAQ,CAAC,MAAc,EAAE,GAAiB;QACzC,IAAI,EAAE,GAAG,EAAE,MAAM,EAAE,GAAG,GAAG,CAAC;QAC1B,GAAG,GAAG,GAAG,IAAI,EAAE,CAAC;QAChB,MAAM,GAAG,MAAM,IAAI,EAAE,CAAC;QAEtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,MAAM,CAAC;YAChD,MAAM,IAAI,KAAK,CAAC,wBAAwB,CAAC,CAAC;QAE3C,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACjB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACpC,IAAI,CAAC,MAAM,EAAE,CAAC;gBACb,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;gBACrB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,CAAC;YAC5B,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,MAAM,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;YACpC,IAAI,MAAM,EAAE,CAAC;gBACZ,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;gBACxB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC;YAC7B,CAAC;QACF,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,WAAW,CAAC,MAAc;QACzB,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,MAAM,EAAE,GAAG,EAAE,EAAE;YACtC,IAAI,MAAM;gBAAE,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC;;gBAC5B,MAAM,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC;QAC9B,CAAC,CAAC,CAAC;QACH,IAAI,CAAC,MAAM,GAAG,IAAI,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACvC,CAAC;CACD"}

package/dist/property/Property.d.ts

@@ -0,0 +1,13 @@
+import { Target } from '../target/Target.js';
+export type ParseableValue = string | number | (string | number)[];
+export default interface Property<V, I = V> {
+    name: string;
+    allowsValueFn(): boolean;
+    init(target: Target, from: V | null, to: V | null): void;
+    parseValue(value: ParseableValue): V;
+    interpolate(pos: number): I;
+    setValue(target: Target, value: I): void;
+    removeValue(target: Target): void;
+}
+export declare function newProperty(prop: string, targetType?: string): Property<any>;
+//# sourceMappingURL=Property.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Property.d.ts","sourceRoot":"","sources":["../../src/property/Property.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAM7C,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,GAAG,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;AAEnE,MAAM,CAAC,OAAO,WAAW,QAAQ,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC;IACzC,IAAI,EAAE,MAAM,CAAC;IAEb,aAAa,IAAI,OAAO,CAAC;IAEzB,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,CAAC,GAAG,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;IAEzD,UAAU,CAAC,KAAK,EAAE,cAAc,GAAG,CAAC,CAAC;IACrC,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,CAAC,CAAC;IAC5B,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IACzC,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC;CAClC;AAED,wBAAgB,WAAW,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,SAAK,GAAG,QAAQ,CAAC,GAAG,CAAC,CAaxE"}

package/dist/property/Property.js

@@ -0,0 +1,22 @@
+import TransformProperty, { TRANSFORM_PROPS } from './TransformProperty.js';
+import TransformXYProperty from './TransformXYProperty.js';
+import StyleProperty, { STYLE_PROPS } from './StyleProperty.js';
+import ClassProperty from './ClassProperty.js';
+export function newProperty(prop, targetType = '') {
+    if (targetType === 'object')
+        return new StyleProperty(prop, false);
+    if (targetType !== 'dom')
+        throw new Error('only dom is supported as target');
+    if (prop in TRANSFORM_PROPS)
+        return new TransformProperty(prop);
+    if (prop === 'xy')
+        return new TransformXYProperty(prop);
+    if (prop.startsWith('--'))
+        return new StyleProperty(prop);
+    if (prop in STYLE_PROPS)
+        return new StyleProperty(prop);
+    if (prop === 'cls')
+        return new ClassProperty(prop);
+    throw new Error('unknown prop ' + prop);
+}
+//# sourceMappingURL=Property.js.map

package/dist/property/Property.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Property.js","sourceRoot":"","sources":["../../src/property/Property.ts"],"names":[],"mappings":"AACA,OAAO,iBAAiB,EAAE,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,mBAAmB,MAAM,0BAA0B,CAAC;AAC3D,OAAO,aAAa,EAAE,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAChE,OAAO,aAAa,MAAM,oBAAoB,CAAC;AAiB/C,MAAM,UAAU,WAAW,CAAC,IAAY,EAAE,UAAU,GAAG,EAAE;IACxD,IAAI,UAAU,KAAK,QAAQ;QAAE,OAAO,IAAI,aAAa,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;IAEnE,IAAI,UAAU,KAAK,KAAK;QACvB,MAAM,IAAI,KAAK,CAAC,iCAAiC,CAAC,CAAC;IAEpD,IAAI,IAAI,IAAI,eAAe;QAAE,OAAO,IAAI,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAChE,IAAI,IAAI,KAAK,IAAI;QAAE,OAAO,IAAI,mBAAmB,CAAC,IAAI,CAAC,CAAC;IACxD,IAAI,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC;QAAE,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAC1D,IAAI,IAAI,IAAI,WAAW;QAAE,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IACxD,IAAI,IAAI,KAAK,KAAK;QAAE,OAAO,IAAI,aAAa,CAAC,IAAI,CAAC,CAAC;IAEnD,MAAM,IAAI,KAAK,CAAC,eAAe,GAAG,IAAI,CAAC,CAAC;AACzC,CAAC"}

package/dist/property/StyleProperty.d.ts

@@ -0,0 +1,25 @@
+import StyleValue from '../values/StyleValue.js';
+import Property, { ParseableValue } from './Property.js';
+import { Target } from '../target/Target.js';
+export declare const STYLE_PROPS: Record<string, string | [number, string | null]>;
+export default class StyleProperty implements Property<StyleValue, StyleValue | null> {
+    name: string;
+    from: StyleValue | null;
+    to: StyleValue | null;
+    unit: string | null;
+    kind: 'text' | 'color' | 'values' | null;
+    private _defaultValue;
+    constructor(name: string, useDefaults?: boolean);
+    allowsValueFn(): boolean;
+    init(target: Target, from: StyleValue | null, to: StyleValue | null): void;
+    parseValue(val: ParseableValue): StyleValue;
+    defaultValue(): StyleValue | null;
+    getValue(target: Target): StyleValue | null;
+    interpolate(pos: number): StyleValue | null;
+    private _interpolateText;
+    private _interpolateColor;
+    private _interpolateValues;
+    setValue(target: Target, val: StyleValue | null): void;
+    removeValue(target: Target): void;
+}
+//# sourceMappingURL=StyleProperty.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StyleProperty.d.ts","sourceRoot":"","sources":["../../src/property/StyleProperty.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,MAAM,yBAAyB,CAAC;AACjD,OAAO,QAAQ,EAAE,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAEzD,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAG7C,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,CAAC,CAmBxE,CAAC;AAEF,MAAM,CAAC,OAAO,OAAO,aACpB,YAAW,QAAQ,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,CAAC;IAElD,IAAI,EAAE,MAAM,CAAC;IAEb,IAAI,EAAE,UAAU,GAAG,IAAI,CAAC;IACxB,EAAE,EAAE,UAAU,GAAG,IAAI,CAAC;IAEtB,IAAI,EAAE,MAAM,GAAG,IAAI,CAAC;IAEpB,IAAI,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,IAAI,CAAC;IAIzC,OAAO,CAAC,aAAa,CAAoB;gBAE7B,IAAI,EAAE,MAAM,EAAE,WAAW,GAAE,OAAc;IAyBrD,aAAa,IAAI,OAAO;IAIxB,IAAI,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,UAAU,GAAG,IAAI,EAAE,EAAE,EAAE,UAAU,GAAG,IAAI;IAsFnE,UAAU,CAAC,GAAG,EAAE,cAAc,GAAG,UAAU;IAI3C,YAAY,IAAI,UAAU,GAAG,IAAI;IAIjC,QAAQ,CAAC,MAAM,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAO3C,WAAW,CAAC,GAAG,EAAE,MAAM,GAAG,UAAU,GAAG,IAAI;IAc3C,OAAO,CAAC,gBAAgB;IAyCxB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,kBAAkB;IAkB1B,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,GAAG,EAAE,UAAU,GAAG,IAAI;IAM/C,WAAW,CAAC,MAAM,EAAE,MAAM;CAG1B"}