@ssgoi/angular 7.1.1 → 7.1.2

package/dist/README.md

@@ -0,0 +1,125 @@
+# @ssgoi/angular
+
+Angular bindings for SSGOI.
+
+[![SSGOI live showcase](https://ssgoi.dev/readme.png)](https://ssgoi.dev)
+
+[Live demos](https://ssgoi.dev) · [Hero, Zoom, Film, and Sheet in motion](https://ssgoi.dev/blog/view-transition-api-limitations)
+
+```bash
+npm install @ssgoi/angular
+```
+
+Agent setup guide: https://ssgoi.dev/llms.txt
+
+## Setup
+
+Create one SSGOI root above the router outlet.
+
+```ts
+import { Component, signal } from "@angular/core";
+import { RouterOutlet } from "@angular/router";
+import { Ssgoi, type SsgoiConfig } from "@ssgoi/angular";
+import { drill } from "@ssgoi/angular/view-transitions";
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  imports: [RouterOutlet, Ssgoi],
+  template: `
+    <main
+      ssgoi
+      [config]="config()"
+      style="position:relative;z-index:0;overflow-x:clip"
+    >
+      <router-outlet />
+    </main>
+  `,
+})
+export class AppComponent {
+  protected readonly config = signal<SsgoiConfig>({
+    transitions: [{ on: "/posts/**", except: "/posts", transition: drill() }],
+  });
+}
+```
+
+## Route boundary
+
+Mark the root element of each routed component.
+
+```ts
+@Component({
+  selector: "app-post",
+  standalone: true,
+  template: `
+    <article data-ssgoi-transition="/posts/42">
+      <!-- page -->
+    </article>
+  `,
+})
+export class PostComponent {}
+```
+
+The id must match the config route patterns.
+
+## Config
+
+```ts
+import type { SsgoiConfig } from "@ssgoi/angular";
+import { drill, slide, zoom } from "@ssgoi/angular/view-transitions";
+
+const config: SsgoiConfig = {
+  transitions: [
+    {
+      on: "/posts/**",
+      except: "/posts",
+      transition: drill(),
+    },
+    {
+      from: "/gallery",
+      to: "/gallery/*",
+      transition: zoom(),
+    },
+    {
+      ordered: ["/tabs/a", "/tabs/b"],
+      transition: slide(),
+    },
+  ],
+};
+```
+
+- `on`: route family.
+- `from`/`to`: precise pair.
+- `ordered`: directional sequence.
+- Scroll is automatic: `on` and `from`/`to` restore `from` and reset `to`;
+  `ordered` restores both. Override with
+  `preserveScroll: { from: boolean, to: boolean }`.
+- Patterns support exact paths, a `*` path segment, and suffix `**`.
+- Higher `priority` wins before path specificity.
+
+## Effect index
+
+- `fade`: unrelated pages.
+- `drill`: list → detail.
+- `slide`: ordered tabs.
+- `axis`: sibling destinations.
+- `sheet`: modal-like routes.
+- `zoom`: card/image → detail.
+- `hero`: shared elements and page chrome.
+- `scroll`: vertical sequences.
+- `strip`, `film`, `rotate`, `blind`, `jaemin`: expressive transitions.
+
+Options: https://ssgoi.dev/llms.txt#7-transition-index
+
+## API
+
+- `[ssgoi]`: creates the root transition context.
+- `[config]`: accepts `SsgoiConfig`.
+- `[host]`: accepts an optional `HostAnimation`.
+- `data-ssgoi-transition`: marks a route boundary.
+- `injectSsgoi()`: returns the transition context.
+- `[ssgoiTransition]`: deprecated; use the data attribute.
+
+## License
+
+MIT

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

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

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

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

package/dist/fesm2022/ssgoi-angular.mjs

@@ -0,0 +1,119 @@
+import * as i0 from '@angular/core';
+import { InjectionToken, inject, input, ElementRef, PLATFORM_ID, forwardRef, Directive } from '@angular/core';
+import { isPlatformBrowser } from '@angular/common';
+import { createSggoiTransitionContext, observeSsgoiTransitions } from '@ssgoi/core/internal';
+export * from '@ssgoi/core';
+
+const SSGOI_CONTEXT = new InjectionToken("ssgoi-context");
+const noopContext = {
+    register: () => { },
+    refFor: () => () => { },
+};
+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 noopContext;
+    }
+    return context;
+}
+
+function createSsgoiContext(component) {
+    return component.getContext();
+}
+class Ssgoi {
+    config = input({}, ...(ngDevMode ? [{ debugName: "config" }] : []));
+    host = input(undefined, ...(ngDevMode ? [{ debugName: "host" }] : []));
+    el = inject((ElementRef));
+    platformId = inject(PLATFORM_ID);
+    contextValue;
+    stopObserving;
+    getContext() {
+        if (!isPlatformBrowser(this.platformId)) {
+            return undefined;
+        }
+        this.contextValue ??= createSggoiTransitionContext(this.config(), {
+            host: this.host(),
+        });
+        return this.contextValue;
+    }
+    ngAfterViewInit() {
+        const ssgoi = this.getContext();
+        if (!ssgoi)
+            return;
+        this.stopObserving = observeSsgoiTransitions(this.el.nativeElement, ssgoi);
+    }
+    ngOnDestroy() {
+        this.stopObserving?.();
+    }
+    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 }, host: { classPropertyName: "host", publicName: "host", 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 }] }], host: [{ type: i0.Input, args: [{ isSignal: true, alias: "host", required: false }] }] } });
+
+/**
+ * @deprecated Set `data-ssgoi-transition` directly on the page boundary
+ * element inside `[ssgoi]` instead.
+ */
+class SsgoiTransition {
+    // The directive attribute value becomes the transition ID
+    ssgoiTransition = input.required(...(ngDevMode ? [{ debugName: "ssgoiTransition" }] : []));
+    ssgoi = injectSsgoi();
+    el = inject((ElementRef));
+    platformId = inject(PLATFORM_ID);
+    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;
+        this.ssgoi.refFor(this.ssgoiTransition())(targetElement);
+    }
+    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 }] }] } });
+
+/*
+ * Public API Surface of @ssgoi/angular
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SSGOI_CONTEXT, Ssgoi, SsgoiTransition, injectSsgoi };
+//# sourceMappingURL=ssgoi-angular.mjs.map

package/dist/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/public-api.ts","../../src/ssgoi-angular.ts"],"sourcesContent":["import { InjectionToken, inject } from \"@angular/core\";\nimport type { SsgoiContext } from \"@ssgoi/core/types\";\n\nexport const SSGOI_CONTEXT = new InjectionToken<SsgoiContext | undefined>(\n  \"ssgoi-context\",\n);\n\nconst noopContext: SsgoiContext = {\n  register: () => {},\n  refFor: () => () => {},\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 noopContext;\n  }\n\n  return context;\n}\n","import {\n  AfterViewInit,\n  Directive,\n  ElementRef,\n  OnDestroy,\n  input,\n  forwardRef,\n  PLATFORM_ID,\n  inject,\n} from \"@angular/core\";\nimport { isPlatformBrowser } from \"@angular/common\";\nimport {\n  createSggoiTransitionContext,\n  observeSsgoiTransitions,\n} from \"@ssgoi/core/internal\";\nimport type { HostAnimation } from \"@ssgoi/core/internal\";\nimport type { SsgoiConfig, SsgoiContext } from \"@ssgoi/core/types\";\nimport { SSGOI_CONTEXT } from \"./context\";\n\nfunction createSsgoiContext(component: Ssgoi): SsgoiContext | undefined {\n  return component.getContext();\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 implements AfterViewInit, OnDestroy {\n  readonly config = input<SsgoiConfig>({});\n  readonly host = input<HostAnimation | undefined>(undefined);\n\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly platformId = inject(PLATFORM_ID);\n  private contextValue?: SsgoiContext;\n  private stopObserving?: () => void;\n\n  getContext(): SsgoiContext | undefined {\n    if (!isPlatformBrowser(this.platformId)) {\n      return undefined;\n    }\n\n    this.contextValue ??= createSggoiTransitionContext(this.config(), {\n      host: this.host(),\n    });\n    return this.contextValue;\n  }\n\n  ngAfterViewInit(): void {\n    const ssgoi = this.getContext();\n    if (!ssgoi) return;\n\n    this.stopObserving = observeSsgoiTransitions(this.el.nativeElement, ssgoi);\n  }\n\n  ngOnDestroy(): void {\n    this.stopObserving?.();\n  }\n}\n","import {\n  Directive,\n  input,\n  OnInit,\n  AfterViewInit,\n  ElementRef,\n  inject,\n  PLATFORM_ID,\n} from \"@angular/core\";\nimport { isPlatformBrowser } from \"@angular/common\";\nimport { injectSsgoi } from \"./context\";\n\n/**\n * @deprecated Set `data-ssgoi-transition` directly on the page boundary\n * element inside `[ssgoi]` instead.\n */\n@Directive({\n  selector: \"[ssgoiTransition]\",\n  standalone: true,\n})\nexport class SsgoiTransition implements OnInit, AfterViewInit {\n  // The directive attribute value becomes the transition ID\n  readonly ssgoiTransition = input.required<string>();\n\n  private readonly ssgoi = injectSsgoi();\n  private readonly el = inject(ElementRef<HTMLElement>);\n  private readonly platformId = inject(PLATFORM_ID);\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    this.ssgoi.refFor(this.ssgoiTransition())(targetElement);\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":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,40 @@
+import * as i0 from '@angular/core';
+import { AfterViewInit, OnDestroy, OnInit, InjectionToken } from '@angular/core';
+import { HostAnimation } from '@ssgoi/core/internal';
+import { SsgoiConfig, SsgoiContext } from '@ssgoi/core/types';
+export * from '@ssgoi/core/types';
+export * from '@ssgoi/core';
+
+declare class Ssgoi implements AfterViewInit, OnDestroy {
+    readonly config: i0.InputSignal<SsgoiConfig>;
+    readonly host: i0.InputSignal<HostAnimation>;
+    private readonly el;
+    private readonly platformId;
+    private contextValue?;
+    private stopObserving?;
+    getContext(): SsgoiContext | undefined;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Ssgoi, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Ssgoi, "[ssgoi]", never, { "config": { "alias": "config"; "required": false; "isSignal": true; }; "host": { "alias": "host"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+/**
+ * @deprecated Set `data-ssgoi-transition` directly on the page boundary
+ * element inside `[ssgoi]` instead.
+ */
+declare class SsgoiTransition implements OnInit, AfterViewInit {
+    readonly ssgoiTransition: i0.InputSignal<string>;
+    private readonly ssgoi;
+    private readonly el;
+    private readonly platformId;
+    ngOnInit(): void;
+    ngAfterViewInit(): 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>;
+}
+
+declare const SSGOI_CONTEXT: InjectionToken<SsgoiContext>;
+declare function injectSsgoi(): SsgoiContext;
+
+export { SSGOI_CONTEXT, Ssgoi, SsgoiTransition, injectSsgoi };

package/dist/view-transitions/index.d.ts

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

package/package.json

@@ -1,12 +1,29 @@
 {
   "name": "@ssgoi/angular",
-  "version": "7.1.1",
+  "version": "7.1.2",
   "description": "Angular bindings for SSGOI - Native app-like page transitions for Angular applications",
   "private": false,
   "type": "module",
+  "module": "./dist/fesm2022/ssgoi-angular.mjs",
   "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/fesm2022/ssgoi-angular.mjs"
+    },
+    "./view-transitions": {
+      "types": "./dist/view-transitions/index.d.ts",
+      "default": "./dist/fesm2022/ssgoi-angular-view-transitions.mjs"
+    },
+    "./package.json": {
+      "default": "./package.json"
+    }
+  },
   "dependencies": {
-    "@ssgoi/core": "^7.1.1"
+    "@ssgoi/core": "^7.1.2"
   },
   "peerDependencies": {
     "@angular/common": "^20.0.0",

package/eslint.config.mjs

@@ -1,75 +0,0 @@
-import tseslint from "@typescript-eslint/eslint-plugin";
-import tsparser from "@typescript-eslint/parser";
-import angular from "@angular-eslint/eslint-plugin";
-import angularTemplate from "@angular-eslint/eslint-plugin-template";
-import angularTemplateParser from "@angular-eslint/template-parser";
-
-export default [
-  {
-    ignores: ["dist/**", "node_modules/**", "*.js", "*.mjs"],
-  },
-  // TypeScript files
-  {
-    files: ["**/*.ts"],
-    languageOptions: {
-      parser: tsparser,
-      parserOptions: {
-        project: ["./tsconfig.lib.json"],
-        tsconfigRootDir: import.meta.dirname,
-        ecmaVersion: 2022,
-        sourceType: "module",
-      },
-    },
-    plugins: {
-      "@typescript-eslint": tseslint,
-      "@angular-eslint": angular,
-    },
-    rules: {
-      // TypeScript recommended rules
-      "@typescript-eslint/no-explicit-any": "warn",
-      "@typescript-eslint/no-unused-vars": [
-        "error",
-        { argsIgnorePattern: "^_" },
-      ],
-      "@typescript-eslint/explicit-function-return-type": "off",
-      "@typescript-eslint/explicit-module-boundary-types": "off",
-
-      // Angular recommended rules
-      "@angular-eslint/directive-selector": [
-        "error",
-        {
-          type: "attribute",
-          prefix: ["ssgoi", "transition"],
-          style: "camelCase",
-        },
-      ],
-      "@angular-eslint/component-selector": [
-        "error",
-        {
-          type: "element",
-          prefix: "ssgoi",
-          style: "kebab-case",
-        },
-      ],
-      "@angular-eslint/no-input-rename": "error",
-      "@angular-eslint/no-output-rename": "error",
-      "@angular-eslint/use-lifecycle-interface": "error",
-      "@angular-eslint/use-pipe-transform-interface": "error",
-    },
-  },
-  // HTML template files
-  {
-    files: ["**/*.html"],
-    languageOptions: {
-      parser: angularTemplateParser,
-    },
-    plugins: {
-      "@angular-eslint/template": angularTemplate,
-    },
-    rules: {
-      "@angular-eslint/template/no-negated-async": "error",
-      "@angular-eslint/template/eqeqeq": "error",
-      "@angular-eslint/template/no-any": "warn",
-    },
-  },
-];

package/ng-package.json

@@ -1,10 +0,0 @@
-{
-  "$schema": "node_modules/ng-packagr/ng-package.schema.json",
-  "dest": "./dist",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "allowedNonPeerDependencies": [
-    "@ssgoi/core"
-  ]
-}

package/src/lib/context.ts

@@ -1,23 +0,0 @@
-import { InjectionToken, inject } from "@angular/core";
-import type { SsgoiContext } from "@ssgoi/core/types";
-
-export const SSGOI_CONTEXT = new InjectionToken<SsgoiContext | undefined>(
-  "ssgoi-context",
-);
-
-const noopContext: SsgoiContext = {
-  register: () => {},
-  refFor: () => () => {},
-};
-
-export function injectSsgoi(): SsgoiContext {
-  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 noopContext;
-  }
-
-  return context;
-}

package/src/lib/index.ts

@@ -1,6 +0,0 @@
-export { Ssgoi } from "./ssgoi.directive";
-/** @deprecated Set `data-ssgoi-transition` directly on an element inside `[ssgoi]` instead. */
-export { SsgoiTransition } from "./ssgoi-transition.directive";
-export { injectSsgoi, SSGOI_CONTEXT } from "./context";
-export * from "./types";
-export * from "@ssgoi/core";

package/src/lib/ssgoi-transition.directive.ts

@@ -1,50 +0,0 @@
-import {
-  Directive,
-  input,
-  OnInit,
-  AfterViewInit,
-  ElementRef,
-  inject,
-  PLATFORM_ID,
-} from "@angular/core";
-import { isPlatformBrowser } from "@angular/common";
-import { injectSsgoi } from "./context";
-
-/**
- * @deprecated Set `data-ssgoi-transition` directly on the page boundary
- * element inside `[ssgoi]` instead.
- */
-@Directive({
-  selector: "[ssgoiTransition]",
-  standalone: true,
-})
-export class SsgoiTransition implements OnInit, AfterViewInit {
-  // The directive attribute value becomes the transition ID
-  readonly ssgoiTransition = input.required<string>();
-
-  private readonly ssgoi = injectSsgoi();
-  private readonly el = inject(ElementRef<HTMLElement>);
-  private readonly platformId = inject(PLATFORM_ID);
-
-  ngOnInit(): void {
-    if (!isPlatformBrowser(this.platformId)) {
-      return;
-    }
-
-    // Set data attribute on host element
-    this.el.nativeElement.setAttribute(
-      "data-ssgoi-transition",
-      this.ssgoiTransition(),
-    );
-  }
-
-  ngAfterViewInit(): void {
-    if (!isPlatformBrowser(this.platformId)) {
-      return;
-    }
-
-    // Use the host element itself as the transition target
-    const targetElement = this.el.nativeElement;
-    this.ssgoi.refFor(this.ssgoiTransition())(targetElement);
-  }
-}

package/src/lib/ssgoi.directive.ts

@@ -1,65 +0,0 @@
-import {
-  AfterViewInit,
-  Directive,
-  ElementRef,
-  OnDestroy,
-  input,
-  forwardRef,
-  PLATFORM_ID,
-  inject,
-} from "@angular/core";
-import { isPlatformBrowser } from "@angular/common";
-import {
-  createSggoiTransitionContext,
-  observeSsgoiTransitions,
-} from "@ssgoi/core/internal";
-import type { HostAnimation } from "@ssgoi/core/internal";
-import type { SsgoiConfig, SsgoiContext } from "@ssgoi/core/types";
-import { SSGOI_CONTEXT } from "./context";
-
-function createSsgoiContext(component: Ssgoi): SsgoiContext | undefined {
-  return component.getContext();
-}
-
-@Directive({
-  selector: "[ssgoi]",
-  standalone: true,
-  providers: [
-    {
-      provide: SSGOI_CONTEXT,
-      useFactory: createSsgoiContext,
-      deps: [forwardRef(() => Ssgoi)],
-    },
-  ],
-})
-export class Ssgoi implements AfterViewInit, OnDestroy {
-  readonly config = input<SsgoiConfig>({});
-  readonly host = input<HostAnimation | undefined>(undefined);
-
-  private readonly el = inject(ElementRef<HTMLElement>);
-  private readonly platformId = inject(PLATFORM_ID);
-  private contextValue?: SsgoiContext;
-  private stopObserving?: () => void;
-
-  getContext(): SsgoiContext | undefined {
-    if (!isPlatformBrowser(this.platformId)) {
-      return undefined;
-    }
-
-    this.contextValue ??= createSggoiTransitionContext(this.config(), {
-      host: this.host(),
-    });
-    return this.contextValue;
-  }
-
-  ngAfterViewInit(): void {
-    const ssgoi = this.getContext();
-    if (!ssgoi) return;
-
-    this.stopObserving = observeSsgoiTransitions(this.el.nativeElement, ssgoi);
-  }
-
-  ngOnDestroy(): void {
-    this.stopObserving?.();
-  }
-}

package/src/lib/types.ts

@@ -1 +0,0 @@
-export type * from "@ssgoi/core/types";

package/src/public-api.ts

@@ -1,6 +0,0 @@
-/*
- * Public API Surface of @ssgoi/angular
- */
-
-export * from "./lib/index";
-export * from "./lib/types";

package/tsconfig.lib.json

@@ -1,26 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2022",
-    "module": "ES2022",
-    "lib": ["ES2022", "DOM"],
-    "moduleResolution": "node",
-    "experimentalDecorators": true,
-    "emitDecoratorMetadata": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "esModuleInterop": true,
-    "forceConsistentCasingInFileNames": true,
-    "outDir": "./dist",
-    "declaration": true,
-    "declarationMap": true,
-    "inlineSources": true,
-    "types": []
-  },
-  "exclude": ["src/test.ts", "**/*.spec.ts", "**/*.test.ts"],
-  "angularCompilerOptions": {
-    "skipTemplateCodegen": true,
-    "strictMetadataEmit": true,
-    "enableResourceInlining": true,
-    "compilationMode": "partial"
-  }
-}

package/view-transitions/ng-package.json

@@ -1,6 +0,0 @@
-{
-  "$schema": "../../../node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "public-api.ts"
-  }
-}

package/view-transitions/public-api.ts

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