vigla 0.0.0 → 0.2.0

package/dist/runtime/transitions/manager.js

@@ -0,0 +1,278 @@
+import { leaving, stayed } from '../reactivity/leaving.js';
+import { effect, hide, show, teardown } from '../reactivity/effects.js';
+import { BLOCK, BRANCH, ROOT } from '../reactivity/graph.js';
+import { sweep } from './frame.js';
+import { captureLayout, LayoutContext, play, withinLayout } from './layout.js';
+import { capture, GEOMETRY, placementOf } from './placement.js';
+import { owner, setOwner, untrack } from '../reactivity/tracking.js';
+import {} from './animate.js';
+export const IN = 1;
+export const OUT = 2;
+export const GLOBAL = 4;
+const managers = new WeakMap();
+const movers = new WeakMap();
+const transparent = new WeakSet();
+let local = true;
+let allowed = true;
+let live = 0;
+export function seeThrough(block) {
+    transparent.add(block);
+}
+export function building(update, fn) {
+    const previous = local;
+    local = update;
+    try {
+        return fn();
+    }
+    finally {
+        local = previous;
+    }
+}
+export function introducing(intro, fn) {
+    const previous = allowed;
+    allowed = intro;
+    try {
+        return fn();
+    }
+    finally {
+        allowed = previous;
+    }
+}
+function outside(fn) {
+    const previous = setOwner(null);
+    try {
+        return untrack(fn);
+    }
+    finally {
+        setOwner(previous);
+    }
+}
+function dispatch(element, type) {
+    outside(() => element.dispatchEvent(new CustomEvent(type)));
+}
+export function transition(flags, element, get, params) {
+    const intro = (flags & IN) !== 0;
+    const outro = (flags & OUT) !== 0;
+    const global = (flags & GLOBAL) !== 0;
+    const direction = intro && outro ? 'both' : intro ? 'in' : 'out';
+    const inert = element.inert;
+    const overflow = element.style.overflow;
+    let current;
+    let context;
+    let entering;
+    let leaving;
+    const options = (target) => {
+        const next = target === 1 ? 'in' : 'out';
+        if (current == null) {
+            context = new LayoutContext(element, next);
+            try {
+                current = outside(() => withinLayout(context, () => get()(element, params?.(), { direction })));
+            }
+            catch (error) {
+                context.cancel();
+                throw error;
+            }
+            finally {
+                context.seal();
+            }
+        }
+        else
+            context.direction = next;
+        return current;
+    };
+    const manager = {
+        element,
+        global,
+        in() {
+            element.inert = inert;
+            if (!intro) {
+                leaving?.abort();
+                leaving?.reset();
+                leaving = current = undefined;
+                return;
+            }
+            if (!outro)
+                entering?.abort();
+            const config = options(1);
+            entering = play(element, context, config, leaving, 1, () => dispatch(element, 'introstart'), () => {
+                dispatch(element, 'introend');
+                entering?.abort();
+                entering = current = undefined;
+                element.style.overflow = overflow;
+            });
+        },
+        out(done) {
+            if (!outro) {
+                done();
+                current = undefined;
+                return;
+            }
+            element.inert = true;
+            const config = options(0);
+            leaving = play(element, context, config, entering, 0, () => dispatch(element, 'outrostart'), () => {
+                dispatch(element, 'outroend');
+                done();
+            });
+        },
+        stop() {
+            entering?.abort();
+            leaving?.abort();
+            context?.cancel();
+        }
+    };
+    const host = owner;
+    let list = managers.get(host);
+    if (list === undefined)
+        managers.set(host, (list = []));
+    list.push(manager);
+    live++;
+    teardown(() => {
+        live--;
+        manager.stop();
+    });
+    if (intro && allowed && (global || local))
+        effect(() => untrack(() => manager.in()));
+}
+export function animation(element, get, params) {
+    const host = owner;
+    const found = movers.get(host);
+    if (found !== undefined) {
+        found.element = element;
+        return;
+    }
+    let from;
+    let running;
+    let release;
+    const mover = {
+        element,
+        measure() {
+            from = captureLayout(this.element);
+        },
+        apply() {
+            const element = this.element;
+            const context = new LayoutContext(element);
+            let previous = running;
+            const source = from;
+            const start = source.rect;
+            let end;
+            let cancelled = false;
+            const plan = {
+                match() { },
+                stabilize() { },
+                measure() {
+                    if (cancelled)
+                        return;
+                    previous?.abort();
+                    previous = undefined;
+                    let target = capture(element);
+                    if (!still(start, target.rect) && placementOf(element).seize(GEOMETRY).size > 0) {
+                        target = capture(element);
+                    }
+                    end = target.rect;
+                    context.measured(source, target);
+                },
+                read() {
+                    if (cancelled || still(start, end))
+                        return;
+                    return withinLayout(context, () => get()(element, { from: start, to: end }, params?.()));
+                },
+                cancel() {
+                    cancelled = true;
+                }
+            };
+            context.stage(plan);
+            context.seal();
+            const handle = play(element, context, () => plan.read(), undefined, 1, () => { }, () => {
+                if (running !== handle)
+                    return;
+                handle.abort();
+                running = undefined;
+            });
+            running = handle;
+        },
+        fix() {
+            if (release !== undefined || this.element.getAnimations().length > 0)
+                return;
+            release = placementOf(this.element).acquire(from);
+        },
+        unfix() {
+            release?.();
+            release = undefined;
+        }
+    };
+    movers.set(host, mover);
+    teardown(() => {
+        running?.abort();
+        mover.unfix();
+    });
+}
+function still(a, b) {
+    return a.left === b.left && a.right === b.right && a.top === b.top && a.bottom === b.bottom;
+}
+export function moverOf(row) {
+    return movers.get(row);
+}
+export function animateMoves(moved) {
+    for (const mover of moved)
+        mover.apply();
+}
+function collect(effect, inherited, found) {
+    for (const manager of managers.get(effect) ?? []) {
+        if (manager.global || inherited)
+            found.push(manager);
+    }
+    for (let child = effect.first; child !== null; child = child.next) {
+        if (child.destroyed || child.inert)
+            continue;
+        const through = child.kind === ROOT ||
+            transparent.has(child) ||
+            (child.kind === BRANCH && effect.kind === BLOCK);
+        collect(child, inherited && through, found);
+    }
+}
+export function prepare(branches, retained = []) {
+    sweep(() => {
+        for (const branch of branches) {
+            if (live > 0) {
+                const found = [];
+                collect(branch, true, found);
+                for (const manager of found)
+                    captureLayout(manager.element);
+            }
+            movers.get(branch)?.measure();
+        }
+        for (const row of retained)
+            movers.get(row)?.measure();
+    });
+}
+export function pause(branch, done) {
+    const found = [];
+    collect(branch, true, found);
+    hide(branch);
+    let remaining = found.length;
+    if (remaining === 0) {
+        done();
+        return;
+    }
+    const release = leaving(branch);
+    for (const manager of found) {
+        manager.out(() => {
+            if (--remaining !== 0 || !release())
+                return;
+            for (const manager of found)
+                manager.stop();
+            done();
+        });
+    }
+}
+export function resume(branch) {
+    stayed(branch);
+    show(branch);
+    const found = [];
+    collect(branch, true, found);
+    for (const manager of found)
+        placementOf(manager.element).restore();
+    for (const manager of found)
+        manager.in();
+}
+//# sourceMappingURL=manager.js.map

package/dist/runtime/transitions/manager.js.map

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

package/dist/runtime/transitions/placement.d.ts

@@ -0,0 +1,25 @@
+import { type Pose } from './frame.ts';
+type Channel = 'translate' | 'rotate' | 'scale';
+export interface Capture extends Pose, Readonly<Record<Channel, string | undefined>> {
+    readonly width: string;
+    readonly height: string;
+    readonly transform: string;
+    readonly origin: string;
+    readonly opacity: number;
+    readonly position: string;
+}
+export declare function capture(element: Element): Capture;
+export declare const GEOMETRY: readonly ['transform', 'transformOrigin', 'translate', 'rotate', 'scale'];
+export declare class Placement {
+    #private;
+    readonly element: Element;
+    constructor(element: Element);
+    adopt(animation: Animation, frames: readonly Keyframe[]): void;
+    release(animation: Animation): void;
+    seize(properties: readonly string[]): ReadonlySet<string>;
+    acquire(from: Capture): () => void;
+    restore(): void;
+}
+export declare function placementOf(element: Element): Placement;
+export {};
+//# sourceMappingURL=placement.d.ts.map

package/dist/runtime/transitions/placement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"placement.d.ts","sourceRoot":"","sources":["../../../src/runtime/transitions/placement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAmB,KAAK,IAAI,EAAE,MAAM,YAAY,CAAC;AAExD,KAAK,OAAO,GAAG,WAAW,GAAG,QAAQ,GAAG,OAAO,CAAC;AAIhD,MAAM,WAAW,OAAQ,SAAQ,IAAI,EAAE,QAAQ,CAAC,MAAM,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,CAAC,CAAC;IACnF,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;CAC1B;AAYD,wBAAgB,OAAO,CAAC,OAAO,EAAE,OAAO,GAAG,OAAO,CAgBjD;AAED,eAAO,MAAM,QAAQ,YAAI,WAAW,EAAE,iBAAiB,EAAE,WAAW,EAAE,QAAQ,EAAE,OAAO,CAAU,CAAC;AAElG,qBAAa,SAAS;;IACrB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;IAK1B,YAAY,OAAO,EAAE,OAAO,EAE3B;IAED,KAAK,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,SAAS,QAAQ,EAAE,GAAG,IAAI,CAE7D;IAED,OAAO,CAAC,SAAS,EAAE,SAAS,GAAG,IAAI,CAElC;IAED,KAAK,CAAC,UAAU,EAAE,SAAS,MAAM,EAAE,GAAG,WAAW,CAAC,MAAM,CAAC,CAgBxD;IAkDD,OAAO,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,IAAI,CAOjC;IAED,OAAO,IAAI,IAAI,CAad;CACD;AAID,wBAAgB,WAAW,CAAC,OAAO,EAAE,OAAO,GAAG,SAAS,CAIvD"}

package/dist/runtime/transitions/placement.js

@@ -0,0 +1,135 @@
+import { poseOf, project } from './frame.js';
+const CHANNELS = ['translate', 'rotate', 'scale'];
+export function capture(element) {
+    const style = getComputedStyle(element);
+    const rect = element.getBoundingClientRect();
+    const transform = style.transform === 'none' ? '' : style.transform;
+    return {
+        ...poseOf(element, style, rect, transform),
+        width: style.width,
+        height: style.height,
+        transform,
+        origin: style.transformOrigin,
+        opacity: +style.opacity,
+        position: style.position,
+        translate: style.translate,
+        rotate: style.rotate,
+        scale: style.scale
+    };
+}
+export const GEOMETRY = ['transform', 'transformOrigin', 'translate', 'rotate', 'scale'];
+export class Placement {
+    element;
+    #holders = new Set();
+    #styles = new Map();
+    #animations = new Map();
+    constructor(element) {
+        this.element = element;
+    }
+    adopt(animation, frames) {
+        this.#animations.set(animation, frames);
+    }
+    release(animation) {
+        this.#animations.delete(animation);
+    }
+    seize(properties) {
+        const seized = new Set();
+        for (const [animation, frames] of this.#animations) {
+            const taken = properties.filter((property) => frames.some((frame) => property in frame));
+            if (taken.length === 0)
+                continue;
+            const kept = frames.map((frame) => {
+                const rest = {};
+                for (const property in frame)
+                    if (!taken.includes(property))
+                        rest[property] = frame[property];
+                return rest;
+            });
+            animation.effect.setKeyframes(kept);
+            this.#animations.set(animation, kept);
+            for (const property of taken)
+                seized.add(property);
+        }
+        return seized;
+    }
+    #write(property, value, priority = 'important') {
+        const style = this.element.style;
+        const before = this.#styles.get(property)?.before ?? {
+            value: style.getPropertyValue(property),
+            priority: style.getPropertyPriority(property)
+        };
+        style.setProperty(property, value, priority);
+        this.#styles.set(property, {
+            before,
+            written: {
+                value: style.getPropertyValue(property),
+                priority: style.getPropertyPriority(property)
+            }
+        });
+    }
+    #offset(from) {
+        const element = this.element;
+        const rect = element.getBoundingClientRect();
+        const local = project(from, poseOf(element, getComputedStyle(element), rect, from.transform));
+        if (local === null)
+            return false;
+        const { left, top } = local.from;
+        if (left !== 0 || top !== 0) {
+            this.seize(['transform']);
+            const shift = `translate(${left}px, ${top}px)`;
+            this.#write('transform', from.transform === '' ? shift : `${from.transform} ${shift}`, '');
+        }
+        return true;
+    }
+    #hold(from) {
+        const frozen = CHANNELS.filter((channel) => !!from[channel]);
+        for (const channel of this.seize(frozen))
+            this.#write(channel, from[channel], '');
+        if (from.position === 'absolute' || from.position === 'fixed')
+            return;
+        this.#write('position', 'absolute');
+        this.#write('width', from.width);
+        this.#write('height', from.height);
+        if ((from.flat || from.frame !== null) && this.#offset(from))
+            return;
+        const to = this.element.getBoundingClientRect();
+        const x = from.rect.left - to.left;
+        const y = from.rect.top - to.top;
+        if (x !== 0 || y !== 0) {
+            this.seize(['transform']);
+            this.#write('transform', `translate(${x}px, ${y}px) ${from.transform}`, '');
+        }
+    }
+    acquire(from) {
+        const holder = {};
+        if (this.#holders.size === 0)
+            this.#hold(from);
+        this.#holders.add(holder);
+        return () => {
+            if (this.#holders.delete(holder) && this.#holders.size === 0)
+                this.restore();
+        };
+    }
+    restore() {
+        const style = this.element.style;
+        for (const [property, { before, written }] of this.#styles) {
+            if (style.getPropertyValue(property) !== written.value ||
+                style.getPropertyPriority(property) !== written.priority)
+                continue;
+            if (before.value === '')
+                style.removeProperty(property);
+            else
+                style.setProperty(property, before.value, before.priority);
+        }
+        this.#styles.clear();
+        this.#holders.clear();
+    }
+}
+const placements = new WeakMap();
+export function placementOf(element) {
+    let found = placements.get(element);
+    if (found === undefined)
+        placements.set(element, (found = new Placement(element)));
+    return found;
+}
+//# sourceMappingURL=placement.js.map

package/dist/runtime/transitions/placement.js.map

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

package/dist/runtime/transitions/presets.d.ts

@@ -0,0 +1,53 @@
+import type { AnimationConfig } from './animate.ts';
+import { type Easing } from './easing.ts';
+export interface Timing {
+    delay?: number;
+    duration?: number;
+    easing?: Easing;
+}
+export interface BlurParams extends Timing {
+    amount?: number | string;
+    opacity?: number;
+}
+export interface FlyParams extends Timing {
+    x?: number | string;
+    y?: number | string;
+    opacity?: number;
+}
+export interface SlideParams extends Timing {
+    axis?: 'x' | 'y';
+}
+export interface ScaleParams extends Timing {
+    start?: number;
+    opacity?: number;
+}
+export interface DrawParams {
+    delay?: number;
+    speed?: number;
+    duration?: number | ((length: number) => number);
+    easing?: Easing;
+}
+export interface CrossfadeParams {
+    delay?: number;
+    duration?: number | ((distance: number) => number);
+    easing?: Easing;
+}
+export declare function blur(node: Element, { delay, duration, easing, amount, opacity }?: BlurParams): AnimationConfig;
+export declare function fade(node: Element, { delay, duration, easing }?: Timing): AnimationConfig;
+export declare function fly(node: Element, { delay, duration, easing, x, y, opacity }?: FlyParams): AnimationConfig;
+export declare function slide(node: Element, { delay, duration, easing, axis }?: SlideParams): AnimationConfig;
+export declare function scale(node: Element, { delay, duration, easing, start, opacity }?: ScaleParams): AnimationConfig;
+export declare function draw(node: SVGElement & {
+    getTotalLength(): number;
+}, { delay, speed, duration, easing }?: DrawParams): AnimationConfig;
+export type Fallback<P> = (node: Element, params: P, intro: boolean) => AnimationConfig;
+export interface CrossfadeOptions<P> extends CrossfadeParams {
+    fallback?: Fallback<P>;
+}
+type Keyed = CrossfadeParams & {
+    key: unknown;
+};
+type Half = (node: Element, params: Keyed) => () => AnimationConfig | undefined;
+export declare function crossfade<P extends Keyed>({ fallback, ...defaults }: CrossfadeOptions<P>): [send: Half, receive: Half];
+export {};
+//# sourceMappingURL=presets.d.ts.map

package/dist/runtime/transitions/presets.d.ts.map

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