@ssgoi/angular 2.5.2

package/README.md

@@ -0,0 +1,178 @@
+# @ssgoi/angular
+
+Angular bindings for SSGOI that give any Angular 20+ app native-feeling page and element transitions powered by the `@ssgoi/core` animation engine.
+
+## Installation
+
+```bash
+npm install @ssgoi/angular
+# or
+pnpm add @ssgoi/angular
+# or
+yarn add @ssgoi/angular
+```
+
+## What You Get
+
+- `Ssgoi` directive (selector: `[ssgoi]`) that bootstraps the core transition context on the client and gracefully no-ops during SSR.
+- `SsgoiTransition` directive (selector: `[ssgoiTransition]`) that wires individual route containers into the transition system.
+- `TransitionDirective` (selector: `[transition]`) for running element-level in/out animations with spring physics.
+- `injectSsgoi()` helper and `SSGOI_CONTEXT` injection token for retrieving transition definitions anywhere in your component tree.
+- Re-exported transition factories and presets under `@ssgoi/angular/view-transitions`, `@ssgoi/angular/transitions`, and `@ssgoi/angular/presets`.
+
+## Quick Start
+
+### 1. Provide the transition context once
+
+```typescript
+import { Component, signal } from "@angular/core";
+import { RouterOutlet } from "@angular/router";
+import { Ssgoi, SsgoiConfig } from "@ssgoi/angular";
+import { fade } from "@ssgoi/angular/view-transitions";
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  imports: [RouterOutlet, Ssgoi],
+  template: `
+    <div
+      ssgoi
+      [config]="ssgoiConfig()"
+      style="position: relative; min-height: 100vh"
+    >
+      <router-outlet />
+    </div>
+  `,
+})
+export class AppComponent {
+  protected readonly ssgoiConfig = signal<SsgoiConfig>({
+    defaultTransition: fade(),
+  });
+}
+```
+
+### 2. Mark each routed view with `SsgoiTransition`
+
+```typescript
+import { Component } from "@angular/core";
+import { SsgoiTransition } from "@ssgoi/angular";
+
+@Component({
+  selector: "app-home",
+  standalone: true,
+  imports: [SsgoiTransition],
+  template: `
+    <section [ssgoiTransition]="'/home'">
+      <h1>Home Page</h1>
+    </section>
+  `,
+})
+export class HomeComponent {}
+```
+
+The value you pass to `[ssgoiTransition]` should uniquely identify the view (commonly the route path).
+
+### 3. (Optional) Add element-level transitions
+
+```typescript
+import { Component } from "@angular/core";
+import { TransitionDirective } from "@ssgoi/angular";
+import { fadeIn, fadeOut } from "@ssgoi/angular/transitions";
+
+@Component({
+  selector: "app-call-to-action",
+  standalone: true,
+  imports: [TransitionDirective],
+  template: `
+    <button
+      [transition]="{
+        key: 'cta',
+        in: fadeIn({ duration: 220 }),
+        out: fadeOut({ duration: 180 })
+      }"
+    >
+      Get Started
+    </button>
+  `,
+})
+export class CallToActionComponent {}
+```
+
+## How It Works
+
+- `Ssgoi` wraps `createSggoiTransitionContext` from `@ssgoi/core` and injects it via `SSGOI_CONTEXT`. The directive guards against the server platform so SSR renders stay deterministic.
+- `SsgoiTransition` reads that context with `injectSsgoi()`, sets `data-ssgoi-transition` on the host, and subscribes the element to the core transition runner.
+- `TransitionDirective` lets any element opt into spring-driven enter/leave effects while sharing the same scheduling primitives as view transitions.
+
+Because everything is driven by signals, Angular change detection stays minimal and the bundle remains fully tree-shakeable.
+
+## API Reference
+
+- `Ssgoi`
+  - `config: SsgoiConfig` (input, optional) – global transition configuration. Uses `{}` as default.
+- `SsgoiTransition`
+  - `ssgoiTransition: string` (required input) – identifier for the target view/container.
+- `TransitionDirective`
+  - `transition: TransitionDirectiveConfig` (required input) – accepts any config from `@ssgoi/core`, plus an optional `key` to coordinate enter/leave pairs.
+- `injectSsgoi(): SsgoiContext` – returns a function that looks up transition definitions by id. During SSR it falls back to a no-op implementation so you can call it unconditionally.
+
+## Available Transitions
+
+View-level factories:
+
+```typescript
+import { fade, scroll, drill, hero, pinterest } from "@ssgoi/angular/view-transitions";
+```
+
+Element-level factories:
+
+```typescript
+import {
+  fadeIn,
+  fadeOut,
+  slideUp,
+  slideDown,
+  slideLeft,
+  slideRight,
+  scaleIn,
+  scaleOut,
+  bounce,
+  blur,
+  rotate,
+} from "@ssgoi/angular/transitions";
+```
+
+Presets that combine common configurations:
+
+```typescript
+import { marketingPreset, dashboardPreset } from "@ssgoi/angular/presets";
+```
+
+## Sample Configuration
+
+```typescript
+import { fade, scroll } from "@ssgoi/angular/view-transitions";
+import type { SsgoiConfig } from "@ssgoi/angular";
+
+export const config: SsgoiConfig = {
+  defaultTransition: fade(),
+  transitions: [
+    {
+      from: "/home",
+      to: "/about",
+      transition: scroll({ direction: "up" }),
+      symmetric: true,
+    },
+  ],
+};
+```
+
+## License
+
+MIT © MeurSyphus
+
+## Links
+
+- [Documentation](https://ssgoi.dev)
+- [GitHub](https://github.com/meursyphus/ssgoi)
+- [Issues](https://github.com/meursyphus/ssgoi/issues)

package/fesm2022/ssgoi-angular-presets.mjs

@@ -0,0 +1,6 @@
+export * from '@ssgoi/core/presets';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ssgoi-angular-presets.mjs.map

package/fesm2022/ssgoi-angular-presets.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssgoi-angular-presets.mjs","sources":["../../src/lib/presets/ssgoi-angular-presets.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ssgoi-angular-transitions.mjs

@@ -0,0 +1,6 @@
+export * from '@ssgoi/core/transitions';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ssgoi-angular-transitions.mjs.map

package/fesm2022/ssgoi-angular-transitions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssgoi-angular-transitions.mjs","sources":["../../src/lib/transitions/ssgoi-angular-transitions.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ssgoi-angular-view-transitions.mjs

@@ -0,0 +1,6 @@
+export * from '@ssgoi/core/view-transitions';
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+//# sourceMappingURL=ssgoi-angular-view-transitions.mjs.map

package/fesm2022/ssgoi-angular-view-transitions.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssgoi-angular-view-transitions.mjs","sources":["../../src/lib/view-transitions/ssgoi-angular-view-transitions.ts"],"sourcesContent":["/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;AAAA;;AAEG"}

package/fesm2022/ssgoi-angular.mjs

@@ -0,0 +1,139 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, PLATFORM_ID, input, forwardRef, Directive, ElementRef } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { createSggoiTransitionContext, transition } from '@ssgoi/core';
+export { transition } from '@ssgoi/core';
+
+const SSGOI_CONTEXT = new InjectionToken("ssgoi-context");
+function injectSsgoi() {
+    const context = inject(SSGOI_CONTEXT, { optional: true });
+    if (!context) {
+        // During SSR or when not wrapped in <ssgoi>, return a no-op context
+        // This prevents errors during server-side rendering
+        return () => ({
+            key: "",
+            in: async () => ({}),
+            out: async () => ({}),
+        });
+    }
+    return context;
+}
+
+function createSsgoiContext(component) {
+    const platformId = inject(PLATFORM_ID);
+    // Only create context in browser environment
+    if (!isPlatformBrowser(platformId)) {
+        // Return a no-op context for SSR
+        return undefined;
+    }
+    return createSggoiTransitionContext(component.config());
+}
+class Ssgoi {
+    config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: Ssgoi, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: Ssgoi, isStandalone: true, selector: "[ssgoi]", inputs: { config: { classPropertyName: "config", publicName: "config", isSignal: true, isRequired: false, transformFunction: null } }, providers: [
+            {
+                provide: SSGOI_CONTEXT,
+                useFactory: createSsgoiContext,
+                deps: [forwardRef(() => Ssgoi)],
+            },
+        ], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: Ssgoi, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[ssgoi]",
+                    standalone: true,
+                    providers: [
+                        {
+                            provide: SSGOI_CONTEXT,
+                            useFactory: createSsgoiContext,
+                            deps: [forwardRef(() => Ssgoi)],
+                        },
+                    ],
+                }]
+        }], propDecorators: { config: [{ type: i0.Input, args: [{ isSignal: true, alias: "config", required: false }] }] } });
+
+class SsgoiTransition {
+    // The directive attribute value becomes the transition ID
+    ssgoiTransition = input.required(...(ngDevMode ? [{ debugName: "ssgoiTransition" }] : []));
+    getTransition = injectSsgoi();
+    el = inject((ElementRef));
+    platformId = inject(PLATFORM_ID);
+    cleanup;
+    ngOnInit() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        // Set data attribute on host element
+        this.el.nativeElement.setAttribute("data-ssgoi-transition", this.ssgoiTransition());
+    }
+    ngAfterViewInit() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        // Use the host element itself as the transition target
+        const targetElement = this.el.nativeElement;
+        const transitionConfig = this.getTransition(this.ssgoiTransition());
+        const cleanupResult = transition(transitionConfig)(targetElement);
+        if (cleanupResult) {
+            this.cleanup = cleanupResult;
+        }
+    }
+    ngOnDestroy() {
+        this.cleanup?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: SsgoiTransition, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: SsgoiTransition, isStandalone: true, selector: "[ssgoiTransition]", inputs: { ssgoiTransition: { classPropertyName: "ssgoiTransition", publicName: "ssgoiTransition", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: SsgoiTransition, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[ssgoiTransition]",
+                    standalone: true,
+                }]
+        }], propDecorators: { ssgoiTransition: [{ type: i0.Input, args: [{ isSignal: true, alias: "ssgoiTransition", required: true }] }] } });
+
+class TransitionDirective {
+    transition = input.required(...(ngDevMode ? [{ debugName: "transition" }] : []));
+    el = inject((ElementRef));
+    platformId = inject(PLATFORM_ID);
+    cleanup;
+    ngOnInit() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return;
+        }
+        const config = this.transition();
+        const cleanupResult = transition({
+            key: config.key,
+            in: config.in,
+            out: config.out,
+            ref: this.el.nativeElement,
+        })(this.el.nativeElement);
+        if (cleanupResult) {
+            this.cleanup = cleanupResult;
+        }
+    }
+    ngOnDestroy() {
+        this.cleanup?.();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TransitionDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.9", type: TransitionDirective, isStandalone: true, selector: "[transition]", inputs: { transition: { classPropertyName: "transition", publicName: "transition", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: TransitionDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: "[transition]",
+                }]
+        }], propDecorators: { transition: [{ type: i0.Input, args: [{ isSignal: true, alias: "transition", required: true }] }] } });
+
+/*
+ * Public API Surface of @ssgoi/angular
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SSGOI_CONTEXT, Ssgoi, SsgoiTransition, TransitionDirective, injectSsgoi };
+//# sourceMappingURL=ssgoi-angular.mjs.map

package/fesm2022/ssgoi-angular.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssgoi-angular.mjs","sources":["../../src/lib/context.ts","../../src/lib/ssgoi.directive.ts","../../src/lib/ssgoi-transition.directive.ts","../../src/lib/transition.directive.ts","../../src/public-api.ts","../../src/ssgoi-angular.ts"],"sourcesContent":["import { InjectionToken, inject } from \"@angular/core\";\nimport type { SsgoiContext } from \"@ssgoi/core\";\n\nexport const SSGOI_CONTEXT = new InjectionToken<SsgoiContext | undefined>(\n  \"ssgoi-context\",\n);\n\nexport function injectSsgoi(): SsgoiContext {\n  const context = inject(SSGOI_CONTEXT, { optional: true });\n\n  if (!context) {\n    // During SSR or when not wrapped in <ssgoi>, return a no-op context\n    // This prevents errors during server-side rendering\n    return () => ({\n      key: \"\",\n      in: async () => ({}),\n      out: async () => ({}),\n    });\n  }\n\n  return context;\n}\n","import {\n  Directive,\n  input,\n  forwardRef,\n  PLATFORM_ID,\n  inject,\n} from \"@angular/core\";\nimport { isPlatformBrowser } from \"@angular/common\";\nimport { createSggoiTransitionContext } from \"@ssgoi/core\";\nimport type { SsgoiConfig, SsgoiContext } from \"@ssgoi/core\";\nimport { SSGOI_CONTEXT } from \"./context\";\n\nfunction createSsgoiContext(component: Ssgoi): SsgoiContext | undefined {\n  const platformId = inject(PLATFORM_ID);\n\n  // Only create context in browser environment\n  if (!isPlatformBrowser(platformId)) {\n    // Return a no-op context for SSR\n    return undefined;\n  }\n  return createSggoiTransitionContext(component.config());\n}\n\n@Directive({\n  selector: \"[ssgoi]\",\n  standalone: true,\n  providers: [\n    {\n      provide: SSGOI_CONTEXT,\n      useFactory: createSsgoiContext,\n      deps: [forwardRef(() => Ssgoi)],\n    },\n  ],\n})\nexport class Ssgoi {\n  readonly config = input<SsgoiConfig>({});\n}\n","import {\n  Directive,\n  input,\n  OnInit,\n  OnDestroy,\n  AfterViewInit,\n  ElementRef,\n  inject,\n  PLATFORM_ID,\n} from \"@angular/core\";\nimport { isPlatformBrowser } from \"@angular/common\";\nimport { transition } from \"@ssgoi/core\";\nimport { injectSsgoi } from \"./context\";\n\n@Directive({\n  selector: \"[ssgoiTransition]\",\n  standalone: true,\n})\nexport class SsgoiTransition implements OnInit, OnDestroy, AfterViewInit {\n  // The directive attribute value becomes the transition ID\n  readonly ssgoiTransition = input.required<string>();\n\n  private readonly getTransition = injectSsgoi();\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly platformId = inject(PLATFORM_ID);\n  private cleanup?: () => void;\n\n  ngOnInit(): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    // Set data attribute on host element\n    this.el.nativeElement.setAttribute(\n      \"data-ssgoi-transition\",\n      this.ssgoiTransition(),\n    );\n  }\n\n  ngAfterViewInit(): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    // Use the host element itself as the transition target\n    const targetElement = this.el.nativeElement;\n\n    const transitionConfig = this.getTransition(this.ssgoiTransition());\n    const cleanupResult = transition(transitionConfig)(targetElement);\n\n    if (cleanupResult) {\n      this.cleanup = cleanupResult;\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.cleanup?.();\n  }\n}\n","import {\n  Directive,\n  ElementRef,\n  input,\n  OnInit,\n  OnDestroy,\n  inject,\n  PLATFORM_ID,\n} from \"@angular/core\";\nimport { isPlatformBrowser } from \"@angular/common\";\nimport { transition as coreTransition } from \"@ssgoi/core\";\nimport type {\n  Transition as CoreTransitionConfig,\n  TransitionKey as CoreTransitionKey,\n} from \"@ssgoi/core\";\n\nexport type TransitionDirectiveConfig = CoreTransitionConfig & {\n  key?: CoreTransitionKey;\n};\n\n@Directive({\n  selector: \"[transition]\",\n})\nexport class TransitionDirective implements OnInit, OnDestroy {\n  transition = input.required<TransitionDirectiveConfig>();\n\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly platformId = inject(PLATFORM_ID);\n  private cleanup?: () => void;\n\n  ngOnInit(): void {\n    if (!isPlatformBrowser(this.platformId)) {\n      return;\n    }\n\n    const config = this.transition();\n    const cleanupResult = coreTransition({\n      key: config.key,\n      in: config.in,\n      out: config.out,\n      ref: this.el.nativeElement,\n    })(this.el.nativeElement);\n\n    if (cleanupResult) {\n      this.cleanup = cleanupResult;\n    }\n  }\n\n  ngOnDestroy(): void {\n    this.cleanup?.();\n  }\n}\n","/*\n * Public API Surface of @ssgoi/angular\n */\n\nexport * from \"./lib/index\";\nexport * from \"./lib/types\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["coreTransition"],"mappings":";;;;;;MAGa,aAAa,GAAG,IAAI,cAAc,CAC7C,eAAe;SAGD,WAAW,GAAA;AACzB,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAEzD,IAAI,CAAC,OAAO,EAAE;;;QAGZ,OAAO,OAAO;AACZ,YAAA,GAAG,EAAE,EAAE;AACP,YAAA,EAAE,EAAE,aAAa,EAAE,CAAC;AACpB,YAAA,GAAG,EAAE,aAAa,EAAE,CAAC;AACtB,SAAA,CAAC;IACJ;AAEA,IAAA,OAAO,OAAO;AAChB;;ACTA,SAAS,kBAAkB,CAAC,SAAgB,EAAA;AAC1C,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;;AAGtC,IAAA,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,EAAE;;AAElC,QAAA,OAAO,SAAS;IAClB;AACA,IAAA,OAAO,4BAA4B,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC;AACzD;MAaa,KAAK,CAAA;AACP,IAAA,MAAM,GAAG,KAAK,CAAc,EAAE,kDAAC;uGAD7B,KAAK,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAL,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,KAAK,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,SAAA,EAAA,MAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,SAAA,EARL;AACT,YAAA;AACE,gBAAA,OAAO,EAAE,aAAa;AACtB,gBAAA,UAAU,EAAE,kBAAkB;gBAC9B,IAAI,EAAE,CAAC,UAAU,CAAC,MAAM,KAAK,CAAC,CAAC;AAChC,aAAA;AACF,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAEU,KAAK,EAAA,UAAA,EAAA,CAAA;kBAXjB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,SAAS;AACnB,oBAAA,UAAU,EAAE,IAAI;AAChB,oBAAA,SAAS,EAAE;AACT,wBAAA;AACE,4BAAA,OAAO,EAAE,aAAa;AACtB,4BAAA,UAAU,EAAE,kBAAkB;4BAC9B,IAAI,EAAE,CAAC,UAAU,CAAC,MAAK,KAAM,CAAC,CAAC;AAChC,yBAAA;AACF,qBAAA;AACF,iBAAA;;;MCfY,eAAe,CAAA;;AAEjB,IAAA,eAAe,GAAG,KAAK,CAAC,QAAQ,0DAAU;IAElC,aAAa,GAAG,WAAW,EAAE;AAC7B,IAAA,EAAE,GAAG,MAAM,EAAC,UAAuB,EAAC;AACpC,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AACzC,IAAA,OAAO;IAEf,QAAQ,GAAA;QACN,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACvC;QACF;;AAGA,QAAA,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,YAAY,CAChC,uBAAuB,EACvB,IAAI,CAAC,eAAe,EAAE,CACvB;IACH;IAEA,eAAe,GAAA;QACb,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACvC;QACF;;AAGA,QAAA,MAAM,aAAa,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa;QAE3C,MAAM,gBAAgB,GAAG,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;QACnE,MAAM,aAAa,GAAG,UAAU,CAAC,gBAAgB,CAAC,CAAC,aAAa,CAAC;QAEjE,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,aAAa;QAC9B;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,OAAO,IAAI;IAClB;uGAvCW,eAAe,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAf,eAAe,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,eAAA,EAAA,EAAA,iBAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAf,eAAe,EAAA,UAAA,EAAA,CAAA;kBAJ3B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,UAAU,EAAE,IAAI;AACjB,iBAAA;;;MCMY,mBAAmB,CAAA;AAC9B,IAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,qDAA6B;AAEvC,IAAA,EAAE,GAAG,MAAM,EAAC,UAAuB,EAAC;AACpC,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AACzC,IAAA,OAAO;IAEf,QAAQ,GAAA;QACN,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;YACvC;QACF;AAEA,QAAA,MAAM,MAAM,GAAG,IAAI,CAAC,UAAU,EAAE;QAChC,MAAM,aAAa,GAAGA,UAAc,CAAC;YACnC,GAAG,EAAE,MAAM,CAAC,GAAG;YACf,EAAE,EAAE,MAAM,CAAC,EAAE;YACb,GAAG,EAAE,MAAM,CAAC,GAAG;AACf,YAAA,GAAG,EAAE,IAAI,CAAC,EAAE,CAAC,aAAa;AAC3B,SAAA,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC;QAEzB,IAAI,aAAa,EAAE;AACjB,YAAA,IAAI,CAAC,OAAO,GAAG,aAAa;QAC9B;IACF;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,OAAO,IAAI;IAClB;uGA3BW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAnB,mBAAmB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,cAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAH/B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,cAAc;AACzB,iBAAA;;;ACtBD;;AAEG;;ACFH;;AAEG;;;;"}

package/index.d.ts

@@ -0,0 +1,44 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, AfterViewInit, InjectionToken } from '@angular/core';
+import { SsgoiConfig, Transition, TransitionKey, SsgoiContext } from '@ssgoi/core';
+export * from '@ssgoi/core';
+export { transition } from '@ssgoi/core';
+
+declare class Ssgoi {
+    readonly config: i0.InputSignal<SsgoiConfig>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Ssgoi, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Ssgoi, "[ssgoi]", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare class SsgoiTransition implements OnInit, OnDestroy, AfterViewInit {
+    readonly ssgoiTransition: i0.InputSignal<string>;
+    private readonly getTransition;
+    private readonly el;
+    private readonly platformId;
+    private cleanup?;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SsgoiTransition, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SsgoiTransition, "[ssgoiTransition]", never, { "ssgoiTransition": { "alias": "ssgoiTransition"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+type TransitionDirectiveConfig = Transition & {
+    key?: TransitionKey;
+};
+declare class TransitionDirective implements OnInit, OnDestroy {
+    transition: i0.InputSignal<TransitionDirectiveConfig>;
+    private readonly el;
+    private readonly platformId;
+    private cleanup?;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TransitionDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TransitionDirective, "[transition]", never, { "transition": { "alias": "transition"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+declare const SSGOI_CONTEXT: InjectionToken<SsgoiContext>;
+declare function injectSsgoi(): SsgoiContext;
+
+export { SSGOI_CONTEXT, Ssgoi, SsgoiTransition, TransitionDirective, injectSsgoi };
+export type { TransitionDirectiveConfig };

package/package.json

@@ -0,0 +1,65 @@
+{
+  "name": "@ssgoi/angular",
+  "version": "2.5.2",
+  "description": "Angular bindings for SSGOI - Native app-like page transitions for Angular applications",
+  "private": false,
+  "type": "module",
+  "types": "./dist/index.d.ts",
+  "dependencies": {
+    "@ssgoi/core": "^2.5.2",
+    "tslib": "^2.3.0"
+  },
+  "peerDependencies": {
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0"
+  },
+  "keywords": [
+    "angular",
+    "page-transition",
+    "animation",
+    "ssgoi",
+    "spring-physics",
+    "standalone"
+  ],
+  "author": "MeurSyphus <tmdeoans@snu.ac.kr>",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/meursyphus/ssgoi.git",
+    "directory": "packages/angular"
+  },
+  "homepage": "https://ssgoi.dev",
+  "bugs": {
+    "url": "https://github.com/meursyphus/ssgoi/issues"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "engines": {
+    "node": ">=18.0.0"
+  },
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/ssgoi-angular.mjs"
+    },
+    "./presets": {
+      "types": "./presets/index.d.ts",
+      "default": "./fesm2022/ssgoi-angular-presets.mjs"
+    },
+    "./transitions": {
+      "types": "./transitions/index.d.ts",
+      "default": "./fesm2022/ssgoi-angular-transitions.mjs"
+    },
+    "./view-transitions": {
+      "types": "./view-transitions/index.d.ts",
+      "default": "./fesm2022/ssgoi-angular-view-transitions.mjs"
+    }
+  },
+  "sideEffects": false,
+  "module": "fesm2022/ssgoi-angular.mjs",
+  "typings": "index.d.ts"
+}

package/presets/index.d.ts

@@ -0,0 +1 @@
+export * from '@ssgoi/core/presets';

package/transitions/index.d.ts

@@ -0,0 +1 @@
+export * from '@ssgoi/core/transitions';

package/view-transitions/index.d.ts

@@ -0,0 +1 @@
+export * from '@ssgoi/core/view-transitions';