@ssgoi/core 6.7.0-beta.1 → 7.0.0-beta.1

package/README.md

@@ -1,272 +1,122 @@
-# SSGOI
+# @ssgoi/core
 
-The framework-agnostic animation engine behind [SSGOI](https://ssgoi.dev) — native app-like page transitions for the web.
+Framework-agnostic route transition engine for SSGOI.
 
-> Most apps should install a framework binding (`@ssgoi/react`, `@ssgoi/svelte`, `@ssgoi/vue`, `@ssgoi/solid`, `@ssgoi/angular`, `@ssgoi/qwik`), which depend on this package. Install `@ssgoi/core` directly only when building a custom integration.
+[![SSGOI live showcase](https://ssgoi.dev/readme.png)](https://ssgoi.dev)
 
-try this: [ssgoi.dev](https://ssgoi.dev)
+[Live demos](https://ssgoi.dev) · [Hero, Zoom, Film, and Sheet in motion](https://ssgoi.dev/blog/view-transition-api-limitations)
 
-![SSGOI Demo](https://ssgoi.dev/ssgoi.gif)
-
-## AI-Assisted Setup
-
-Using Claude, Cursor, ChatGPT, or another AI assistant? Point it at:
-
-```
-https://ssgoi.dev/llms.txt
-```
-
-It has the full setup guide, every transition, the API, and troubleshooting — everything an agent needs to wire SSGOI into your app.
-
-## What is SSGOI?
-
-SSGOI brings native app-like page transitions to the web. Transform your static page navigations into smooth, delightful experiences that users love.
-
-### ✨ Key Features
-
-- **🌍 Works Everywhere** - Unlike the browser's View Transition API, SSGOI works in all modern browsers (Chrome, Firefox, Safari)
-- **🚀 SSR Ready** - Perfect compatibility with Next.js, Nuxt, SvelteKit, SolidStart, Qwik City. No hydration issues, SEO-friendly
-- **🎯 Use Your Router** - Keep your existing routing. React Router, Next.js App Router, SvelteKit, Qwik City - all work seamlessly
-- **💾 State Persistence** - Remembers animation state during navigation, even with browser back/forward
-- **🎨 Framework Agnostic** - One consistent API for React, Svelte, Vue, Solid, Angular, and more
-
-## Quick Start
-
-### Installation
+Most applications should install a framework package:
 
 ```bash
-# Pick the binding for your framework
 npm install @ssgoi/react
-# or @ssgoi/svelte, @ssgoi/vue, @ssgoi/solid, @ssgoi/angular, @ssgoi/qwik
-```
-
-### Add Transitions in 30 Seconds
-
-#### 1. Wrap your React app
-
-```tsx
-import { Ssgoi } from "@ssgoi/react";
-import { fade } from "@ssgoi/react/view-transitions";
-import { SsgoiTransitionBoundary } from "./ssgoi-transition-boundary";
-
-const config = {
-  transitions: [fade({ paths: ["/", "/about"] })],
-};
-
-export default function App() {
-  return (
-    <div className="relative z-0 min-h-dvh bg-white">
-      {/* Layout shell above: positioned ancestor + stacking context for the OUT clone. */}
-      <Ssgoi config={config}>
-        {/* Routed content marker. Layout positioning belongs to the outer wrapper. */}
-        <SsgoiTransitionBoundary className="min-h-full bg-white">
-          {/* Your app */}
-        </SsgoiTransitionBoundary>
-      </Ssgoi>
-    </div>
-  );
-}
-```
-
-#### 2. Keep React pages unmarked
-
-```tsx
-export default function HomePage() {
-  return (
-    <main>
-      <h1>Welcome</h1>
-      {/* Page content */}
-    </main>
-  );
-}
+# or @ssgoi/svelte, @ssgoi/vue, @ssgoi/solid, @ssgoi/qwik
 ```
 
-For React adapters, create one router-specific `SsgoiTransitionBoundary` utility
-in your layout. It reads the current pathname internally, sets the transition
-boundary key, and uses that pathname as a logical page id matched by config such
-as `/products/*`. Use `/products/**` when the parent path itself should match
-too.
-
-Next.js implementation:
-
-```tsx
-"use client";
-
-import { type ElementType, type ReactNode } from "react";
-import { usePathname } from "next/navigation";
-
-export function SsgoiTransitionBoundary({
-  children,
-  as,
-  className,
-}: {
-  children: ReactNode;
-  as?: ElementType;
-  className?: string;
-}) {
-  const pathname = usePathname();
-  const Component = as ?? "div";
-
-  return (
-    <Component
-      key={pathname}
-      data-ssgoi-transition={pathname}
-      className={className}
-    >
-      {children}
-    </Component>
-  );
-}
-```
-
-React Router and TanStack Router use the same component body with their own
-pathname hook.
-
-For SvelteKit, Nuxt/Vue, Solid, Angular, and Qwik, mark each routed page boundary
-directly with `data-ssgoi-transition` instead of using a layout-level utility.
-The value can be a hard-coded logical id; it only has to match your config.
-
-**That's it!** Your configured pages now transition smoothly with a fade effect.
+Agent setup guide: https://ssgoi.dev/llms.txt
 
-## Advanced Transitions
+## Configuration
 
-### Route-based Transitions
+`SsgoiConfig` contains route matching and effects. Layout lifetime belongs to
+framework-specific transition boundaries, not this config.
 
-Each transition factory returns a path-transition group. Drop the results straight into `config.transitions` — nested arrays are flattened automatically:
+```ts
+import { drill, slide, zoom, type SsgoiConfig } from "@ssgoi/core";
 
-```tsx
-import { fade, drill, zoom } from "@ssgoi/react/view-transitions";
-
-const config = {
+const config: SsgoiConfig = {
+  preserveScroll: { exclude: ["/posts/*"] },
   transitions: [
-    // Calm cross-fade between tabs
-    fade({ paths: ["/home", "/about"] }),
-
-    // iOS-style drill-in when entering details
-    drill({ enter: "/products/*", exit: "/products" }),
-
-    // Card-to-detail zoom (needs matching data-zoom-*-key)
-    zoom({ paths: ["/gallery", "/photo/*"], type: "expand" }),
+    { on: "/posts/**", except: "/posts", transition: drill() },
+    { from: "/gallery", to: "/gallery/*", transition: zoom() },
+    {
+      ordered: ["/tabs/a", "/tabs/b", "/tabs/c"],
+      transition: slide(),
+    },
   ],
 };
 ```
 
-Transitions come in three shapes:
+Rule forms:
 
-- **`{ paths }`** — symmetric: every pair animates with the same physics (`fade`, `hero`, `zoom`, `blind`, `film`, `rotate`, `strip`, `jaemin`)
-- **`{ enter, exit, type? }`** — directional: enter and exit get different physics (`drill`, `sheet`)
-- **`{ paths }`** — ordered: path order decides forward / back direction (`slide`, `scroll`, `axis`)
+- `on`: route family. Entering is forward; leaving is backward.
+- `from`/`to`: precise pair. Reverse matching is enabled by default.
+- `ordered`: array order decides forward and backward.
+- `priority`: higher values win before path specificity.
 
-### Individual Element Animations
+Path patterns:
 
-Animate specific elements during mount/unmount with `transition()`:
+- `/posts`: exact.
+- `/posts/*`: exactly one arbitrary segment.
+- `/posts/**`: the parent and every descendant.
 
-```tsx
-import { transition } from "@ssgoi/react";
-import { fade, slide } from "@ssgoi/react/transitions";
+A bare `*` remains a compatibility alias for `/**`. Named single-segment forms
+remain supported and rank above a single-segment `*` when rules overlap, but
+their names are not captured or exposed.
 
-function Card() {
-  return (
-    <div
-      ref={transition({
-        key: "card",
-        in: fade(),
-        out: slide({ direction: "up" }),
-      })}
-    >
-      <h2>Animated Card</h2>
-    </div>
-  );
-}
-```
+## Boundary model
 
-## Built-in Transitions
-
-### Page Transitions (`@ssgoi/<framework>/view-transitions`)
-
-- `fade` - Calm cross-fade. Safe default for unrelated pages
-- `drill` - iOS-style hierarchical navigation (list → detail)
-- `slide` - Horizontal push for tabs / sequential flows
-- `scroll` - Vertical page scroll for onboarding / paginated views
-- `axis` - Material/Flutter shared-axis swap for sibling/tab routes
-- `sheet` - Bottom sheet that slides up (modal-like flows)
-- `hero` - Shared element transition (matching `data-hero-*-key`)
-- `zoom` - Card-to-detail expansion (matching `data-zoom-*-key`)
-- `strip` - 3D Y-axis perspective flip
-- `blind` - Window-blinds wipe reveal
-- `film` - Cinematic shrink + tile (gallery / lightbox)
-- `rotate` - Card flip between siblings
-- `jaemin` - Playful rotated zoom for special moments
-
-### Element Transitions (`@ssgoi/<framework>/transitions`)
-
-For mount/unmount of individual elements (not whole pages):
-
-- `fade` - Fade in/out
-- `scale` - Scale in/out
-- `slide` - Slide (direction: up/down/left/right)
-- `rotate` - Rotate
-- `bounce` - Bounce
-- `blur` - Blur
-- `fly` - Fly (custom x, y position)
-
-## Layout Requirements
-
-The outer element wrapping the SSGOI provider / `<Ssgoi>` needs
-`position: relative` and `z-index: 0`.
-
-When a page leaves, SSGOI clones it back into the DOM with `position: absolute`
-so it can animate out while the new page animates in. Without a positioned,
-stacking-context ancestor the clone jumps to the wrong place or falls behind the
-background. Add `overflow-x-clip` too if you use horizontal transitions
-(`slide`, `drill`). Keep these layout classes on the outer wrapper, not on the
-route boundary marker.
-
-```tsx
-<div className="relative z-0 overflow-x-clip">
-  <Ssgoi config={config}>{children}</Ssgoi>
-</div>
+A framework adapter observes elements marked with:
+
+```html
+<div data-ssgoi-transition="/posts/1">...</div>
 ```
 
-## Why SSGOI?
+The framework decides when that element is replaced. Nested boundaries follow
+DOM lifetime:
 
-### vs View Transition API
+- Parent and child change together: the outer changed boundary owns the event.
+- Parent remains mounted: the changed child owns the event.
 
-- ✅ Works in all browsers, not just Chrome
-- ✅ More animation options with spring physics
-- ✅ Better developer experience
+This supports persistent layouts, inner tab transitions, and bottom navigation
+with one SSGOI instance.
 
-### vs Other Animation Libraries
+## Transition context
 
-- ✅ Built specifically for page transitions
-- ✅ SSR-first design
-- ✅ No router lock-in
-- ✅ Minimal bundle size
+Custom effects receive semantic direction through `context`:
 
-## How It Works
+```ts
+import { defineTransition } from "@ssgoi/core";
 
-SSGOI orchestrates two simultaneous animations on every route change:
+const effect = defineTransition({
+  prepare: ({ from, to, context }) => {
+    // Pre-paint setup.
+    return {};
+  },
+  animation: ({ from, to, context }) => {
+    // context.direction is "forward" or "backward".
+    return animation;
+  },
+});
+```
 
-1. **Route Change**: Your router changes the URL
-2. **Exit (OUT)**: SSGOI clones the leaving page with `position: absolute` and animates it out
-3. **Enter (IN)**: The new page mounts in place and animates in
-4. **State Sync**: Animation state persists across navigation, including browser back/forward
+## Effect index
 
-All powered by a spring physics engine — springs are pre-computed into Web Animations API keyframes, so animations run at 60fps off the main thread.
+- `fade`: unrelated pages.
+- `drill`: list → detail hierarchy.
+- `slide`: ordered tabs and steps.
+- `axis`: sibling destinations.
+- `sheet`: modal-like routes.
+- `zoom`: card or image → detail.
+- `hero`: shared elements plus page chrome.
+- `scroll`: vertical sequences.
+- `strip`, `film`, `rotate`, `blind`, `jaemin`: expressive transitions.
 
-## Documentation
+Effect references: https://ssgoi.dev/llms.txt#7-transition-index
 
-Visit [https://ssgoi.dev](https://ssgoi.dev) for:
+## Layout requirements
 
-- Detailed API reference
-- Interactive examples
-- Framework integration guides
-- Custom transition recipes
+The shell around the framework root should provide:
 
-## Contributing
+```css
+.ssgoi-shell {
+  position: relative;
+  z-index: 0;
+  overflow-x: clip;
+}
+```
 
-We welcome contributions! Please see our [contributing guide](https://github.com/meursyphus/ssgoi/blob/main/CONTRIBUTING.md) for details.
+`overflow-x: clip` is needed for horizontal effects.
 
 ## License
 
-MIT © [MeurSyphus](https://github.com/meursyphus)
+MIT

package/dist/animation/animation.d.ts

@@ -51,8 +51,8 @@ export declare abstract class Animation {
      * Reads the live simulation value, so it advances frame-by-frame while
      * playing. Useful for external inspection / debugging.
      *
-     * NOT used by `MultiAnimation` stagger triggering — that uses the
-     * pre-computed timeline via `findTimeForProgress` to avoid per-frame work.
+     * `MultiAnimation` uses this live value for sequence/stagger triggering so
+     * delayed WAAPI startup is never mistaken for elapsed animation time.
      */
     abstract get progress(): number;
     /**

package/dist/animation/frame-scheduler.d.ts

@@ -0,0 +1,36 @@
+/**
+ * Do not let one delayed rendering opportunity consume an unbounded amount of
+ * animation time while startup is still being stabilized. A 30 Hz display is
+ * still a normal cadence, so only gaps larger than two nominal 60 Hz frames
+ * are treated as catch-up.
+ */
+export declare const MAX_FRAME_DELTA: number;
+export declare const STABLE_FRAME_THRESHOLD: number;
+export type FrameTick = {
+    /** Frame time used by frame-paced animation drivers. */
+    delta: number;
+    /** Actual gap between rendering opportunities. */
+    rawDelta: number;
+};
+type FramePhase = "drive" | "observe";
+type FrameCallback = (tick: FrameTick) => void;
+/**
+ * One requestAnimationFrame loop shared by animation drivers and composition
+ * observers. Drivers always run first so observers see the pose that will be
+ * painted for the current rendering opportunity.
+ */
+declare class FrameScheduler {
+    private drivers;
+    private observers;
+    private frameRequest;
+    private previousTimestamp;
+    subscribe(callback: FrameCallback, phase?: FramePhase): () => void;
+    private requestFrame;
+    private tick;
+    private runPhase;
+    private hasCallbacks;
+    private stopIfIdle;
+}
+export declare const frameScheduler: FrameScheduler;
+export {};
+//# sourceMappingURL=frame-scheduler.d.ts.map

package/dist/animation/frame-scheduler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"frame-scheduler.d.ts","sourceRoot":"","sources":["../../src/lib/animation/frame-scheduler.ts"],"names":[],"mappings":"AAEA;;;;;GAKG;AACH,eAAO,MAAM,eAAe,QAAY,CAAC;AACzC,eAAO,MAAM,sBAAsB,QAAsB,CAAC;AAE1D,MAAM,MAAM,SAAS,GAAG;IACtB,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,kDAAkD;IAClD,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;AACtC,KAAK,aAAa,GAAG,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;AAE/C;;;;GAIG;AACH,cAAM,cAAc;IAClB,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,SAAS,CAA4B;IAC7C,OAAO,CAAC,YAAY,CAAuB;IAC3C,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,SAAS,CAAC,QAAQ,EAAE,aAAa,EAAE,KAAK,GAAE,UAAoB,GAAG,MAAM,IAAI;IAW3E,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,IAAI,CAkBV;IAEF,OAAO,CAAC,QAAQ;IAMhB,OAAO,CAAC,YAAY;IAIpB,OAAO,CAAC,UAAU;CAWnB;AAED,eAAO,MAAM,cAAc,gBAAuB,CAAC"}

package/dist/animation/multi-animation.d.ts

@@ -29,7 +29,7 @@ export declare class MultiAnimation extends Animation {
     private startAt;
     private pendingComplete;
     private running;
-    private pendingStartTimers;
+    private pendingStartObservers;
     constructor(children: Animation[], opts?: MultiAnimationOptions);
     play(): void;
     reverse(): void;
@@ -47,7 +47,8 @@ export declare class MultiAnimation extends Animation {
     set playbackRate(rate: number);
     private startRun;
     private scheduleStart;
-    private clearPendingStartTimers;
+    private hasReachedThreshold;
+    private clearPendingStartObservers;
     private handleChildComplete;
     private handleFinished;
     findTimeForProgress(_threshold: number): number | null;

package/dist/animation/multi-animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"multi-animation.d.ts","sourceRoot":"","sources":["../../src/lib/animation/multi-animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,SAAS;IAC3C,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,OAAO,CAAW;IAC1B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,kBAAkB,CAAuC;gBAErD,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,GAAE,qBAA0B;IAgBnE,IAAI,IAAI,IAAI;IAIZ,OAAO,IAAI,IAAI;IAIf,KAAK,IAAI,IAAI;IAMb,QAAQ,IAAI,IAAI;IAOhB,IAAI,QAAQ,IAAI,MAAM,CAKrB;IAED,OAAO,IAAI,IAAI,EAAE;IAIjB,WAAW,IAAI,QAAQ,EAAE;IAIzB,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;IAO/B,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,QAAQ,IAAI,OAAO,CAKtB;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IACD,IAAI,YAAY,CAAC,IAAI,EAAE,MAAM,EAG5B;IAID,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,aAAa;IAiCrB,OAAO,CAAC,uBAAuB;IAK/B,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,cAAc;IAMtB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;CAOvD"}
+{"version":3,"file":"multi-animation.d.ts","sourceRoot":"","sources":["../../src/lib/animation/multi-animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAGxC,MAAM,MAAM,kBAAkB,GAAG,UAAU,GAAG,UAAU,CAAC;AAEzD,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,kBAAkB,CAAC;IAC1B;;;;;;;;;;OAUG;IACH,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB;AAED;;;;;;;GAOG;AACH,qBAAa,cAAe,SAAQ,SAAS;IAC3C,OAAO,CAAC,QAAQ,CAAc;IAC9B,OAAO,CAAC,OAAO,CAAW;IAC1B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,qBAAqB,CAAyB;gBAE1C,QAAQ,EAAE,SAAS,EAAE,EAAE,IAAI,GAAE,qBAA0B;IAgBnE,IAAI,IAAI,IAAI;IAIZ,OAAO,IAAI,IAAI;IAIf,KAAK,IAAI,IAAI;IAMb,QAAQ,IAAI,IAAI;IAOhB,IAAI,QAAQ,IAAI,MAAM,CAKrB;IAED,OAAO,IAAI,IAAI,EAAE;IAIjB,WAAW,IAAI,QAAQ,EAAE;IAIzB,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,GAAG,IAAI;IAO/B,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,QAAQ,IAAI,OAAO,CAKtB;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,YAAY,IAAI,MAAM,CAEzB;IACD,IAAI,YAAY,CAAC,IAAI,EAAE,MAAM,EAG5B;IAID,OAAO,CAAC,QAAQ;IAuBhB,OAAO,CAAC,aAAa;IA8BrB,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,0BAA0B;IAKlC,OAAO,CAAC,mBAAmB;IAK3B,OAAO,CAAC,cAAc;IAMtB,mBAAmB,CAAC,UAAU,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;CAOvD"}

package/dist/animation/web-animation.d.ts

@@ -19,9 +19,16 @@ export interface WebAnimationOptions {
  * Lifecycle:
  *   1. `play()` / `reverse()` calls `simulate()` from the current (position,
  *      velocity) toward the target bound, producing a frame list.
- *   2. Frames are converted to WAAPI keyframes; `element.animate(...)` is armed
- *      at 0 ms, waits for the browser's pending setup, then starts.
- *   3. While playing, `getPose()` interpolates the live position from frames
+ *   2. Frames are converted to WAAPI keyframes; `element.animate(...)` is held
+ *      at 0 ms until the pending pause is acknowledged and the browser has had
+ *      a rendering opportunity.
+ *   3. Startup is advanced by a shared frame clock until two rendering
+ *      opportunities arrive without a long gap. Delayed mount work during
+ *      this startup window therefore cannot be charged to the document
+ *      timeline in one catch-up jump.
+ *   4. Playback is handed to native WAAPI once rendering is stable, preserving
+ *      compositor playback for the remainder of the transition.
+ *   5. While playing, `getPose()` interpolates the live position from frames
  *      using WAAPI's `currentTime`, so browser setup latency is not counted as
  *      animation progress.
  *
@@ -42,6 +49,8 @@ export declare class WebAnimation extends Animation {
     private waitingForStart;
     private startReady;
     private pendingFirstFrame;
+    private stopStartupClock;
+    private startupStableFrames;
     private running;
     private paused;
     private settled;
@@ -74,7 +83,10 @@ export declare class WebAnimation extends Animation {
     private clearWaapi;
     private captureLiveState;
     private startWhenReady;
-    private playPreparedWaapi;
+    private startFramePacedPlayback;
+    private advanceFramePacedStartup;
+    private handOffToWaapi;
+    private finishFramePacedRun;
     private applyStyleAt;
 }
 //# sourceMappingURL=web-animation.d.ts.map

package/dist/animation/web-animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"web-animation.d.ts","sourceRoot":"","sources":["../../src/lib/animation/web-animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAiB,MAAM,QAAQ,CAAC;AACzE,OAAO,EACL,KAAK,UAAU,EAGhB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAIxC,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,WAAW,CAAC;IAC7C,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAQD;;;;;;;;;;;;;;;GAeG;AACH,qBAAa,YAAa,SAAQ,SAAS;IACzC,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,KAAK,CAAqC;IAClD,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAS;gBAEd,IAAI,EAAE,mBAAmB;IAYrC,IAAI,IAAI,IAAI;IAiBZ,OAAO,IAAI,IAAI;IAQf,KAAK,IAAI,IAAI;IAUb,QAAQ,IAAI,IAAI;IAWhB;;;;;;OAMG;IACH,WAAW,IAAI,IAAI;IAInB,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,QAAQ,IAAI,MAAM,CAMrB;IAED,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAcrD,IAAI,YAAY,IAAI,MAAM,CAEzB;IACD,IAAI,YAAY,CAAC,IAAI,EAAE,MAAM,EAG5B;IAED,OAAO,IAAI,IAAI,EAAE;IAcjB,WAAW,IAAI,QAAQ,EAAE;IAczB,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI;IAS9B,OAAO,CAAC,SAAS;IA8DjB,OAAO,CAAC,UAAU;IASlB,OAAO,CAAC,gBAAgB;YASV,cAAc;IAsB5B,OAAO,CAAC,iBAAiB;IAoBzB,OAAO,CAAC,YAAY;CAQrB"}
+{"version":3,"file":"web-animation.d.ts","sourceRoot":"","sources":["../../src/lib/animation/web-animation.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAiB,MAAM,QAAQ,CAAC;AACzE,OAAO,EACL,KAAK,UAAU,EAGhB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAUxC,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,WAAW,CAAC;IACrB,UAAU,EAAE,UAAU,CAAC;IACvB,KAAK,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,WAAW,CAAC;IAC7C,gEAAgE;IAChE,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,8DAA8D;IAC9D,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACnC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB;AAQD;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,qBAAa,YAAa,SAAQ,SAAS;IACzC,OAAO,CAAC,OAAO,CAAc;IAC7B,OAAO,CAAC,UAAU,CAAa;IAC/B,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,UAAU,CAAS;IAE3B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,eAAe,CAAK;IAC5B,OAAO,CAAC,MAAM,CAAkB;IAChC,OAAO,CAAC,KAAK,CAAqC;IAClD,OAAO,CAAC,KAAK,CAAK;IAClB,OAAO,CAAC,eAAe,CAAS;IAChC,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,iBAAiB,CAAuB;IAChD,OAAO,CAAC,gBAAgB,CAA6B;IACrD,OAAO,CAAC,mBAAmB,CAAK;IAChC,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAS;IACvB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAAS;gBAEd,IAAI,EAAE,mBAAmB;IAYrC,IAAI,IAAI,IAAI;IAiBZ,OAAO,IAAI,IAAI;IAQf,KAAK,IAAI,IAAI;IAYb,QAAQ,IAAI,IAAI;IAWhB;;;;;;OAMG;IACH,WAAW,IAAI,IAAI;IAInB,IAAI,WAAW,IAAI,OAAO,CAEzB;IACD,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,UAAU,IAAI,OAAO,CAExB;IACD,IAAI,WAAW,IAAI,OAAO,CAEzB;IAED,IAAI,QAAQ,IAAI,MAAM,CAMrB;IAED,mBAAmB,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI;IAcrD,IAAI,YAAY,IAAI,MAAM,CAEzB;IACD,IAAI,YAAY,CAAC,IAAI,EAAE,MAAM,EAG5B;IAED,OAAO,IAAI,IAAI,EAAE;IAcjB,WAAW,IAAI,QAAQ,EAAE;IAczB,SAAS,CAAC,KAAK,EAAE,IAAI,EAAE,GAAG,IAAI;IAS9B,OAAO,CAAC,SAAS;IAiEjB,OAAO,CAAC,UAAU;IAYlB,OAAO,CAAC,gBAAgB;YASV,cAAc;IAwB5B,OAAO,CAAC,uBAAuB;IA8B/B,OAAO,CAAC,wBAAwB;IAqChC,OAAO,CAAC,cAAc;IAUtB,OAAO,CAAC,mBAAmB;IAiB3B,OAAO,CAAC,YAAY;CAQrB"}