@rafaelaugusto/jolt 0.1.0-beta.9 → 0.1.0-rc.10

package/dist/web/viewport.js

@@ -0,0 +1,297 @@
+export function createViewportEntrance(targets, options, host, identities = targets) {
+    const threshold = options.threshold ?? 0, once = options.once ?? true;
+    if (!Number.isFinite(threshold) || threshold < 0 || threshold > 1)
+        throw new RangeError('Viewport threshold must be between 0 and 1.');
+    for (const [key, value] of [
+        ['once', options.once],
+        ['disabled', options.disabled],
+    ])
+        if (value !== undefined && typeof value !== 'boolean')
+            throw new TypeError(`${key} must be boolean.`);
+    if (options.rootMargin !== undefined && typeof options.rootMargin !== 'string')
+        throw new TypeError('rootMargin must be a CSS margin string.');
+    const document = host.document, view = document.defaultView;
+    if (options.root &&
+        (!(options.root instanceof view.HTMLElement) ||
+            options.root.ownerDocument !== document ||
+            !options.root.isConnected))
+        throw new TypeError('The viewport root must be a mounted HTMLElement in this document.');
+    const stateFor = (target, index, identity) => ({
+        identity,
+        target,
+        index,
+        visible: false,
+        done: false,
+        removed: false,
+        epoch: 0,
+    });
+    let states = targets.map((target, index) => stateFor(target, index, identities[index]));
+    let disposed = false, suspended = false, disabled = options.disabled ?? false, generation = 0;
+    let observer, mutations;
+    let listening = false;
+    let geometryEpoch = 0, input, resize;
+    const stop = (state, complete = false) => {
+        const animation = state.animation;
+        state.animation = undefined;
+        // Finish only channels still owned by this handle. Never set/release the
+        // whole target: a newer application animation may already own one channel.
+        if (animation) {
+            if (host.alive() &&
+                state.target.isConnected &&
+                state.target.ownerDocument === document &&
+                state.target.getClientRects().length)
+                animation.progress = 1;
+            animation.stop();
+        }
+        if (complete)
+            state.done = true;
+    };
+    const detach = () => {
+        generation++;
+        observer?.disconnect();
+        observer = undefined;
+        mutations?.disconnect();
+        mutations = undefined;
+        input?.abort();
+        input = undefined;
+        resize?.disconnect();
+        resize = undefined;
+        if (listening)
+            document.removeEventListener('visibilitychange', visibility);
+        listening = false;
+    };
+    const idle = () => states.every((state) => state.removed || (once && state.done));
+    const cleanCompleted = () => {
+        if (idle())
+            detach();
+    };
+    const removed = () => {
+        if (options.root &&
+            (!options.root.isConnected || options.root.ownerDocument !== document)) {
+            controller.dispose();
+            return;
+        }
+        for (const state of states)
+            if (!state.removed &&
+                (!state.target.isConnected || state.target.ownerDocument !== document)) {
+                state.removed = true;
+                observer?.unobserve(state.target);
+                stop(state);
+            }
+        cleanCompleted();
+    };
+    const start = (state) => {
+        if (state.animation || state.removed || (once && state.done))
+            return;
+        const animation = host.play(state.index);
+        state.animation = animation;
+        state.epoch = geometryEpoch;
+        void animation.finished.then((completed) => {
+            if (disposed || state.animation !== animation)
+                return;
+            state.animation = undefined;
+            if (completed) {
+                state.done = true;
+                if (once)
+                    observer?.unobserve(state.target);
+                if (once)
+                    resize?.unobserve(state.target);
+                cleanCompleted();
+            }
+        });
+    };
+    const attach = () => {
+        if (disposed || suspended || disabled || document.hidden || host.reduced() || idle())
+            return;
+        if (!view.IntersectionObserver) {
+            for (const state of states)
+                state.done = true;
+            return; // Progressive enhancement: content was never hidden.
+        }
+        const epoch = ++generation;
+        observer = new view.IntersectionObserver((records) => {
+            if (disposed ||
+                epoch !== generation ||
+                suspended ||
+                disabled ||
+                document.hidden ||
+                host.reduced())
+                return;
+            const latest = new Map();
+            for (const record of records)
+                latest.set(record.target, record);
+            // Stable input identity/order; delays were compiled for the entire group.
+            for (const state of states) {
+                const record = latest.get(state.target);
+                if (!record || state.removed || (once && state.done))
+                    continue;
+                if (!state.target.isConnected) {
+                    removed();
+                    continue;
+                }
+                const visible = record.isIntersecting &&
+                    record.intersectionRatio >= threshold &&
+                    record.intersectionRect.width > 0 &&
+                    record.intersectionRect.height > 0;
+                // The entrance itself can translate/scale its observed box across the
+                // threshold. Do not interpret that as a new scroll/layout exit. A real
+                // scroll, resize, DOM layout change or explicit refresh invalidates it.
+                if (!visible && state.animation && state.epoch === geometryEpoch)
+                    continue;
+                if (visible === state.visible)
+                    continue;
+                state.visible = visible;
+                if (visible) {
+                    try {
+                        start(state);
+                    }
+                    catch (error) {
+                        controller.dispose();
+                        throw error;
+                    }
+                }
+                else
+                    stop(state);
+            }
+        }, { root: options.root, rootMargin: options.rootMargin, threshold });
+        mutations = new view.MutationObserver(() => {
+            geometryEpoch++;
+            removed();
+        });
+        mutations.observe(document, { subtree: true, childList: true });
+        input = new view.AbortController();
+        const invalidate = () => {
+            geometryEpoch++;
+        };
+        document.addEventListener('scroll', invalidate, {
+            signal: input.signal,
+            passive: true,
+            capture: true,
+        });
+        view.addEventListener('resize', invalidate, { signal: input.signal, passive: true });
+        resize = new view.ResizeObserver(invalidate);
+        resize.observe(options.root ?? document.documentElement);
+        for (const state of states) {
+            if (state.removed || (once && state.done))
+                continue;
+            state.visible = false;
+            observer.observe(state.target);
+            resize.observe(state.target);
+            const root = state.target.getRootNode();
+            if (root !== document)
+                mutations.observe(root, { subtree: true, childList: true });
+        }
+    };
+    const listen = () => {
+        if (disposed || suspended || disabled || idle())
+            return;
+        if (!listening) {
+            document.addEventListener('visibilitychange', visibility);
+            listening = true;
+        }
+        attach();
+    };
+    const interrupt = (complete = false) => {
+        detach();
+        for (const state of states)
+            stop(state, complete && state.visible);
+    };
+    const visibility = () => {
+        if (document.hidden) {
+            // Keep the visibility listener to re-observe when the document returns.
+            interrupt();
+            listen();
+        }
+        else
+            controller.refresh();
+    };
+    const preference = () => {
+        interrupt(host.reduced());
+        listen();
+    };
+    const unwatch = host.preference(preference);
+    const controller = {
+        reconcile(targets, identities) {
+            if (disposed)
+                throw new Error('Viewport controller is disposed.');
+            const previous = new Map(states.map((state) => [state.identity, state]));
+            const next = targets.map((target, index) => {
+                const old = previous.get(identities[index]);
+                if (old && old.target === target && !old.removed) {
+                    old.index = index;
+                    return old;
+                }
+                return stateFor(target, index, identities[index]);
+            });
+            const kept = new Set(next);
+            detach();
+            for (const state of states)
+                if (!kept.has(state))
+                    stop(state);
+            states = next;
+            listen();
+        },
+        get disposed() {
+            return disposed;
+        },
+        get suspended() {
+            return suspended;
+        },
+        get pending() {
+            return states.filter((s) => s.animation).length;
+        },
+        get completed() {
+            return states.filter((s) => s.done).length;
+        },
+        update(state) {
+            if (disposed)
+                throw new Error('Viewport controller is disposed.');
+            if (!state || typeof state.disabled !== 'boolean')
+                throw new TypeError('disabled must be boolean.');
+            disabled = state.disabled;
+            interrupt(disabled);
+            listen();
+        },
+        refresh() {
+            if (disposed)
+                return;
+            geometryEpoch++;
+            removed();
+            detach();
+            listen();
+        },
+        suspend() {
+            if (!disposed && !suspended) {
+                suspended = true;
+                interrupt();
+            }
+        },
+        resume() {
+            if (!disposed && suspended) {
+                suspended = false;
+                controller.refresh();
+            }
+        },
+        dispose() {
+            if (disposed)
+                return;
+            disposed = true;
+            try {
+                interrupt();
+            }
+            finally {
+                unwatch();
+                host.forget();
+            }
+        },
+    };
+    try {
+        listen();
+    }
+    catch (error) {
+        controller.dispose();
+        throw error;
+    }
+    return controller;
+}
+//# sourceMappingURL=viewport.js.map

package/dist/web/viewport.js.map

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

package/dist/web/vue/attachment.d.ts

@@ -0,0 +1,7 @@
+/** Observe real insertion/removal, including a known detached tree or shadow root.
+ * No frame polling or timeout can establish that a Vue/Suspense branch is live. */
+export declare function observeConnection(element: HTMLElement, change: (connected: boolean) => void): {
+    refresh: () => void;
+    dispose(): void;
+};
+//# sourceMappingURL=attachment.d.ts.map

package/dist/web/vue/attachment.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.d.ts","sourceRoot":"","sources":["../../../src/web/vue/attachment.ts"],"names":[],"mappings":"AAAA;mFACmF;AACnF,wBAAgB,iBAAiB,CAC/B,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI;;;EA0CrC"}

package/dist/web/vue/attachment.js

@@ -0,0 +1,50 @@
+/** Observe real insertion/removal, including a known detached tree or shadow root.
+ * No frame polling or timeout can establish that a Vue/Suspense branch is live. */
+export function observeConnection(element, change) {
+    const document = element.ownerDocument;
+    const view = document.defaultView;
+    if (!view || !(element instanceof view.HTMLElement))
+        throw new TypeError('Web motion needs an HTMLElement in a live document.');
+    let disposed = false;
+    let connected;
+    let roots = new Set();
+    const observer = new view.MutationObserver(refresh);
+    function refresh() {
+        if (disposed)
+            return;
+        const next = new Set([document]);
+        let node = element;
+        for (;;) {
+            const root = node.getRootNode();
+            next.add(root);
+            if (root instanceof view.ShadowRoot)
+                node = root.host;
+            else
+                break;
+        }
+        if (next.size !== roots.size || [...next].some((root) => !roots.has(root))) {
+            observer.disconnect();
+            roots = next;
+            for (const root of roots)
+                observer.observe(root, { childList: true, subtree: true });
+        }
+        const attached = element.ownerDocument === document && element.isConnected;
+        if (attached !== connected) {
+            connected = attached;
+            change(attached);
+        }
+    }
+    // Let the caller retain the cancellation handle before a connected callback.
+    queueMicrotask(refresh);
+    return {
+        refresh,
+        dispose() {
+            if (disposed)
+                return;
+            disposed = true;
+            observer.disconnect();
+            roots.clear();
+        },
+    };
+}
+//# sourceMappingURL=attachment.js.map

package/dist/web/vue/attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"attachment.js","sourceRoot":"","sources":["../../../src/web/vue/attachment.ts"],"names":[],"mappings":"AAAA;mFACmF;AACnF,MAAM,UAAU,iBAAiB,CAC/B,OAAoB,EACpB,MAAoC;IAEpC,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,CAAA;IACtC,MAAM,IAAI,GAAG,QAAQ,CAAC,WAAkD,CAAA;IACxE,IAAI,CAAC,IAAI,IAAI,CAAC,CAAC,OAAO,YAAY,IAAI,CAAC,WAAW,CAAC;QACjD,MAAM,IAAI,SAAS,CAAC,qDAAqD,CAAC,CAAA;IAC5E,IAAI,QAAQ,GAAG,KAAK,CAAA;IACpB,IAAI,SAA8B,CAAA;IAClC,IAAI,KAAK,GAAG,IAAI,GAAG,EAAQ,CAAA;IAC3B,MAAM,QAAQ,GAAG,IAAI,IAAI,CAAC,gBAAgB,CAAC,OAAO,CAAC,CAAA;IACnD,SAAS,OAAO;QACd,IAAI,QAAQ;YAAE,OAAM;QACpB,MAAM,IAAI,GAAG,IAAI,GAAG,CAAO,CAAC,QAAQ,CAAC,CAAC,CAAA;QACtC,IAAI,IAAI,GAAS,OAAO,CAAA;QACxB,SAAS,CAAC;YACR,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAA;YAC/B,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,CAAA;YACd,IAAI,IAAI,YAAY,IAAK,CAAC,UAAU;gBAAE,IAAI,GAAG,IAAI,CAAC,IAAI,CAAA;;gBACjD,MAAK;QACZ,CAAC;QACD,IAAI,IAAI,CAAC,IAAI,KAAK,KAAK,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;YAC3E,QAAQ,CAAC,UAAU,EAAE,CAAA;YACrB,KAAK,GAAG,IAAI,CAAA;YACZ,KAAK,MAAM,IAAI,IAAI,KAAK;gBAAE,QAAQ,CAAC,OAAO,CAAC,IAAI,EAAE,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACtF,CAAC;QACD,MAAM,QAAQ,GAAG,OAAO,CAAC,aAAa,KAAK,QAAQ,IAAI,OAAO,CAAC,WAAW,CAAA;QAC1E,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;YAC3B,SAAS,GAAG,QAAQ,CAAA;YACpB,MAAM,CAAC,QAAQ,CAAC,CAAA;QAClB,CAAC;IACH,CAAC;IACD,6EAA6E;IAC7E,cAAc,CAAC,OAAO,CAAC,CAAA;IACvB,OAAO;QACL,OAAO;QACP,OAAO;YACL,IAAI,QAAQ;gBAAE,OAAM;YACpB,QAAQ,GAAG,IAAI,CAAA;YACf,QAAQ,CAAC,UAAU,EAAE,CAAA;YACrB,KAAK,CAAC,KAAK,EAAE,CAAA;QACf,CAAC;KACF,CAAA;AACH,CAAC"}

package/dist/web/vue/index.d.ts

@@ -0,0 +1,35 @@
+import { type Ref } from 'vue';
+import { type AnimateOptions, type Keyframes, type Preset, type KeyframeProperty, type RuntimeOptions, type SpringName, type Values, type WebAnimation, type WebConfig, type WebPressOptions, type WebRuntime, type WebSizeValues, type WebSizeOptions, type WebLayoutOptions, type WebMotionScope, type WebMotionResource } from '../public.js';
+export { createViewportEnterDirective } from './viewport-directive.js';
+export type { WebViewportDirectiveOptions } from './viewport-directive.js';
+export interface WebMotionOptions extends RuntimeOptions {
+    /** Borrow the host's context for its declared surface; never dispose/reconfigure it. */
+    runtime?: WebRuntime;
+    /** Applied once per entering element, after insertion and before playback. */
+    initial?: Values;
+    enter?: Preset;
+    leave?: Preset;
+}
+/** Experimental DOM-ref adapter. Call synchronously inside a Vue setup scope. */
+export declare function useWebMotion(target: Readonly<Ref<HTMLElement | null | undefined>>, options?: WebMotionOptions): {
+    /** Run after mount; rebuild on ref replacement and KeepAlive reactivation. */
+    use(setup: (scope: WebMotionScope, target: HTMLElement) => void | WebMotionResource): () => void;
+    /** Bind to <Transition v-bind="motion.transition">; keep user hooks on Vue. */
+    transition: {
+        css: false;
+        onEnter: (el: Element, done: () => void) => void;
+        onLeave: (el: Element, done: () => void) => void;
+        onEnterCancelled: (el: Element) => void;
+        onLeaveCancelled: (el: Element) => void;
+    };
+    animate(keyframes: Keyframes | string, transition?: AnimateOptions | SpringName): WebAnimation;
+    set(values: Values): WebAnimation;
+    animateSize(values: WebSizeValues, changeOrOptions?: (() => void) | WebSizeOptions | SpringName, options?: WebSizeOptions | SpringName): import("../size.js").WebSizeAnimation;
+    animateLayout(changeOrOptions?: (() => void) | WebLayoutOptions | SpringName, options?: WebLayoutOptions | SpringName): import("../../core/playback.js").Animation;
+    press(values?: Values, config?: WebPressOptions): import("../press.js").WebPress;
+    stop(properties?: readonly KeyframeProperty[], config?: {
+        layer?: string;
+    }): void;
+    configure(config: WebConfig): void;
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/web/vue/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/web/vue/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,GAAG,EACT,MAAM,KAAK,CAAA;AACZ,OAAO,EAEL,KAAK,cAAc,EACnB,KAAK,SAAS,EACd,KAAK,MAAM,EACX,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,UAAU,EACf,KAAK,MAAM,EACX,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,eAAe,EACpB,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,gBAAgB,EACrB,KAAK,cAAc,EACnB,KAAK,iBAAiB,EACvB,MAAM,cAAc,CAAA;AAErB,OAAO,EAAE,4BAA4B,EAAE,MAAM,yBAAyB,CAAA;AACtE,YAAY,EAAE,2BAA2B,EAAE,MAAM,yBAAyB,CAAA;AAE1E,MAAM,WAAW,gBAAiB,SAAQ,cAAc;IACtD,wFAAwF;IACxF,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,iFAAiF;AACjF,wBAAgB,YAAY,CAC1B,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,WAAW,GAAG,IAAI,GAAG,SAAS,CAAC,CAAC,EACrD,OAAO,GAAE,gBAAqB;IAqP5B,8EAA8E;IAC9E,GAAG,gBAhPgB,cAAc,UAAU,WAAW,KAAK,IAAI,GAAG,iBAAiB;IAuQnF,+EAA+E;IAC/E,UAAU;QACR,GAAG;QACH,OAAO,OAAO,OAAO,QAAQ,MAAM,IAAI;QACvC,OAAO,OAAO,OAAO,QAAQ,MAAM,IAAI;QACvC,gBAAgB,OAAO,OAAO;QAC9B,gBAAgB,OAAO,OAAO;;IAEhC,OAAO,YAAY,SAAS,GAAG,MAAM,eAAe,cAAc,GAAG,UAAU;IAI/E,GAAG,SAAS,MAAM;IAIlB,WAAW,SACD,aAAa,oBACH,CAAC,MAAM,IAAI,CAAC,GAAG,cAAc,GAAG,UAAU,YAClD,cAAc,GAAG,UAAU;IAKvC,aAAa,mBACO,CAAC,MAAM,IAAI,CAAC,GAAG,gBAAgB,GAAG,UAAU,YACpD,gBAAgB,GAAG,UAAU;IAKzC,KAAK,UAAU,MAAM,WAAW,eAAe;IAI/C,IAAI,cAAc,SAAS,gBAAgB,EAAE,WAAW;QAAE,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE;IAM1E,SAAS,SAAS,SAAS;EAQ9B"}