@ssgoi/angular 7.1.1 → 7.1.3-beta.0

package/README.md

@@ -12,6 +12,17 @@ npm install @ssgoi/angular
 
 Agent setup guide: https://ssgoi.dev/llms.txt
 
+## Router helpers
+
+Install this framework package once; router helpers are optional subpaths.
+These router helpers are experimental APIs and may change.
+
+| Router         | Import                  | API                  |
+| -------------- | ----------------------- | -------------------- |
+| Angular Router | `@ssgoi/angular/router` | `SsgoiRouteBoundary` |
+
+See the [framework guide](https://ssgoi.dev/docs/frameworks/angular) for wiring and limits.
+
 ## Setup
 
 Create one SSGOI root above the router outlet.
@@ -45,22 +56,24 @@ export class AppComponent {
 
 ## Route boundary
 
-Mark the root element of each routed component.
+Use the experimental standalone directive on the routed page's single DOM root:
 
 ```ts
+import { Component } from "@angular/core";
+import { SsgoiRouteBoundary } from "@ssgoi/angular/router";
+
 @Component({
-  selector: "app-post",
   standalone: true,
-  template: `
-    <article data-ssgoi-transition="/posts/42">
-      <!-- page -->
-    </article>
-  `,
+  imports: [SsgoiRouteBoundary],
+  template: `<article *ssgoiRouteBoundary="let route">{{ route.id }}</article>`,
 })
 export class PostComponent {}
 ```
 
-The id must match the config route patterns.
+It recreates the embedded view on pathname changes, including parameterized
+routes that reuse the same component. Query-only navigation preserves it. Use
+`key: 'shell'` for a persistent region. Keep RouterOutlet in the application;
+custom reuse caches and auxiliary outlet coordination are not handled.
 
 ## Config
 

package/dist/README.md

@@ -0,0 +1,138 @@
+# @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
+
+## Router helpers
+
+Install this framework package once; router helpers are optional subpaths.
+These router helpers are experimental APIs and may change.
+
+| Router         | Import                  | API                  |
+| -------------- | ----------------------- | -------------------- |
+| Angular Router | `@ssgoi/angular/router` | `SsgoiRouteBoundary` |
+
+See the [framework guide](https://ssgoi.dev/docs/frameworks/angular) for wiring and limits.
+
+## 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
+
+Use the experimental standalone directive on the routed page's single DOM root:
+
+```ts
+import { Component } from "@angular/core";
+import { SsgoiRouteBoundary } from "@ssgoi/angular/router";
+
+@Component({
+  standalone: true,
+  imports: [SsgoiRouteBoundary],
+  template: `<article *ssgoiRouteBoundary="let route">{{ route.id }}</article>`,
+})
+export class PostComponent {}
+```
+
+It recreates the embedded view on pathname changes, including parameterized
+routes that reuse the same component. Query-only navigation preserves it. Use
+`key: 'shell'` for a persistent region. Keep RouterOutlet in the application;
+custom reuse caches and auxiliary outlet coordination are not handled.
+
+## 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-router.mjs

@@ -0,0 +1,90 @@
+import * as i0 from '@angular/core';
+import { inject, TemplateRef, ViewContainerRef, Renderer2, Input, Directive } from '@angular/core';
+import { ActivatedRoute, Router, NavigationEnd, createUrlTreeFromSnapshot } from '@angular/router';
+
+/**
+ * @experimental Angular Router integration. The API may change.
+ * Use on a routed page's single DOM root, e.g. <article *ssgoiRouteBoundary>.
+ * Recreates the embedded view when its route key changes, including reused
+ * parameterized routes. It does not replace RouterOutlet or a RouteReuseStrategy.
+ */
+class SsgoiRouteBoundary {
+    ssgoiRouteBoundary;
+    ssgoiRouteBoundaryKey;
+    route = inject(ActivatedRoute);
+    router = inject(Router);
+    template = inject(TemplateRef);
+    container = inject(ViewContainerRef);
+    renderer = inject(Renderer2);
+    view;
+    element;
+    key;
+    subscription;
+    initialized = false;
+    ngOnInit() {
+        this.initialized = true;
+        this.renderBoundary();
+        // Read committed snapshots once per successful navigation. Ancestor URL
+        // streams may emit separately while the router advances its route tree.
+        this.subscription = this.router.events.subscribe((event) => {
+            if (event instanceof NavigationEnd)
+                this.renderBoundary();
+        });
+    }
+    ngOnChanges() {
+        if (this.initialized)
+            this.renderBoundary();
+    }
+    ngOnDestroy() {
+        this.subscription?.unsubscribe();
+    }
+    renderBoundary() {
+        const route = this.route.snapshot;
+        const pathname = this.router.serializeUrl(createUrlTreeFromSnapshot(route, [], null, null));
+        const boundary = typeof this.ssgoiRouteBoundary === "function"
+            ? this.ssgoiRouteBoundary({ pathname, route })
+            : { id: pathname };
+        const key = this.ssgoiRouteBoundaryKey ?? boundary.key ?? boundary.id;
+        if (!this.view || key !== this.key) {
+            this.container.clear();
+            this.view = this.container.createEmbeddedView(this.template, {
+                $implicit: boundary,
+            });
+            const roots = this.view.rootNodes.filter((node) => node.nodeType === 1);
+            if (roots.length !== 1) {
+                this.container.clear();
+                this.view = undefined;
+                throw new Error("SSGOI: *ssgoiRouteBoundary requires exactly one DOM root.");
+            }
+            this.element = roots[0];
+            this.key = key;
+        }
+        else {
+            this.view.context.$implicit = boundary;
+        }
+        this.renderer.setAttribute(this.element, "data-ssgoi-transition", boundary.id);
+        this.view.markForCheck();
+    }
+    static ngTemplateContextGuard(_directive, context) {
+        return true;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: SsgoiRouteBoundary, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.9", type: SsgoiRouteBoundary, isStandalone: true, selector: "[ssgoiRouteBoundary]", inputs: { ssgoiRouteBoundary: "ssgoiRouteBoundary", ssgoiRouteBoundaryKey: "ssgoiRouteBoundaryKey" }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.9", ngImport: i0, type: SsgoiRouteBoundary, decorators: [{
+            type: Directive,
+            args: [{ selector: "[ssgoiRouteBoundary]", standalone: true }]
+        }], propDecorators: { ssgoiRouteBoundary: [{
+                type: Input
+            }], ssgoiRouteBoundaryKey: [{
+                type: Input
+            }] } });
+
+/** @experimental Angular Router integration. The API may change. */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { SsgoiRouteBoundary };
+//# sourceMappingURL=ssgoi-angular-router.mjs.map

package/dist/fesm2022/ssgoi-angular-router.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ssgoi-angular-router.mjs","sources":["../../router/src/ssgoi-route-boundary.ts","../../router/public-api.ts","../../router/ssgoi-angular-router.ts"],"sourcesContent":["import {\n  Directive,\n  Input,\n  Renderer2,\n  TemplateRef,\n  ViewContainerRef,\n  inject,\n  type EmbeddedViewRef,\n  type OnChanges,\n  type OnDestroy,\n  type OnInit,\n} from \"@angular/core\";\nimport {\n  ActivatedRoute,\n  NavigationEnd,\n  Router,\n  createUrlTreeFromSnapshot,\n  type ActivatedRouteSnapshot,\n} from \"@angular/router\";\n\nexport interface RouteBoundaryState {\n  id: string;\n  key?: string | number;\n}\n\nexport interface AngularRouteLocation {\n  pathname: string;\n  route: ActivatedRouteSnapshot;\n}\n\ntype BoundaryContext = { $implicit: RouteBoundaryState };\ntype ResolveBoundary = (location: AngularRouteLocation) => RouteBoundaryState;\n\n/**\n * @experimental Angular Router integration. The API may change.\n * Use on a routed page's single DOM root, e.g. <article *ssgoiRouteBoundary>.\n * Recreates the embedded view when its route key changes, including reused\n * parameterized routes. It does not replace RouterOutlet or a RouteReuseStrategy.\n */\n@Directive({ selector: \"[ssgoiRouteBoundary]\", standalone: true })\nexport class SsgoiRouteBoundary implements OnInit, OnChanges, OnDestroy {\n  @Input() ssgoiRouteBoundary?: ResolveBoundary | \"\";\n  @Input() ssgoiRouteBoundaryKey?: string | number;\n\n  private readonly route = inject(ActivatedRoute);\n  private readonly router = inject(Router);\n  private readonly template = inject<TemplateRef<BoundaryContext>>(TemplateRef);\n  private readonly container = inject(ViewContainerRef);\n  private readonly renderer = inject(Renderer2);\n  private view?: EmbeddedViewRef<BoundaryContext>;\n  private element?: HTMLElement;\n  private key?: string | number;\n  private subscription?: { unsubscribe(): void };\n  private initialized = false;\n\n  ngOnInit(): void {\n    this.initialized = true;\n    this.renderBoundary();\n    // Read committed snapshots once per successful navigation. Ancestor URL\n    // streams may emit separately while the router advances its route tree.\n    this.subscription = this.router.events.subscribe((event) => {\n      if (event instanceof NavigationEnd) this.renderBoundary();\n    });\n  }\n\n  ngOnChanges(): void {\n    if (this.initialized) this.renderBoundary();\n  }\n\n  ngOnDestroy(): void {\n    this.subscription?.unsubscribe();\n  }\n\n  private renderBoundary(): void {\n    const route = this.route.snapshot;\n    const pathname = this.router.serializeUrl(\n      createUrlTreeFromSnapshot(route, [], null, null),\n    );\n    const boundary =\n      typeof this.ssgoiRouteBoundary === \"function\"\n        ? this.ssgoiRouteBoundary({ pathname, route })\n        : { id: pathname };\n    const key = this.ssgoiRouteBoundaryKey ?? boundary.key ?? boundary.id;\n\n    if (!this.view || key !== this.key) {\n      this.container.clear();\n      this.view = this.container.createEmbeddedView(this.template, {\n        $implicit: boundary,\n      });\n      const roots = this.view.rootNodes.filter((node) => node.nodeType === 1);\n      if (roots.length !== 1) {\n        this.container.clear();\n        this.view = undefined;\n        throw new Error(\n          \"SSGOI: *ssgoiRouteBoundary requires exactly one DOM root.\",\n        );\n      }\n      this.element = roots[0];\n      this.key = key;\n    } else {\n      this.view.context.$implicit = boundary;\n    }\n    this.renderer.setAttribute(\n      this.element,\n      \"data-ssgoi-transition\",\n      boundary.id,\n    );\n    this.view.markForCheck();\n  }\n\n  static ngTemplateContextGuard(\n    _directive: SsgoiRouteBoundary,\n    context: unknown,\n  ): context is BoundaryContext {\n    return true;\n  }\n}\n","/** @experimental Angular Router integration. The API may change. */\nexport { SsgoiRouteBoundary } from \"./src/ssgoi-route-boundary\";\nexport type {\n  AngularRouteLocation,\n  RouteBoundaryState,\n} from \"./src/ssgoi-route-boundary\";\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

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":";;;;;;MAGa,aAAa,GAAG,IAAI,cAAc,CAC7C,eAAe;AAGjB,MAAM,WAAW,GAAiB;AAChC,IAAA,QAAQ,EAAE,MAAK,EAAE,CAAC;AAClB,IAAA,MAAM,EAAE,MAAM,QAAO,CAAC;CACvB;SAEe,WAAW,GAAA;AACzB,IAAA,MAAM,OAAO,GAAG,MAAM,CAAC,aAAa,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;IAEzD,IAAI,CAAC,OAAO,EAAE;;;AAGZ,QAAA,OAAO,WAAW;IACpB;AAEA,IAAA,OAAO,OAAO;AAChB;;ACHA,SAAS,kBAAkB,CAAC,SAAgB,EAAA;AAC1C,IAAA,OAAO,SAAS,CAAC,UAAU,EAAE;AAC/B;MAaa,KAAK,CAAA;AACP,IAAA,MAAM,GAAG,KAAK,CAAc,EAAE,kDAAC;AAC/B,IAAA,IAAI,GAAG,KAAK,CAA4B,SAAS,gDAAC;AAE1C,IAAA,EAAE,GAAG,MAAM,EAAC,UAAuB,EAAC;AACpC,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;AACzC,IAAA,YAAY;AACZ,IAAA,aAAa;IAErB,UAAU,GAAA;QACR,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;AACvC,YAAA,OAAO,SAAS;QAClB;QAEA,IAAI,CAAC,YAAY,KAAK,4BAA4B,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE;AAChE,YAAA,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;AAClB,SAAA,CAAC;QACF,OAAO,IAAI,CAAC,YAAY;IAC1B;IAEA,eAAe,GAAA;AACb,QAAA,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE;AAC/B,QAAA,IAAI,CAAC,KAAK;YAAE;AAEZ,QAAA,IAAI,CAAC,aAAa,GAAG,uBAAuB,CAAC,IAAI,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,CAAC;IAC5E;IAEA,WAAW,GAAA;AACT,QAAA,IAAI,CAAC,aAAa,IAAI;IACxB;uGA7BW,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,IAAA,EAAA,EAAA,iBAAA,EAAA,MAAA,EAAA,UAAA,EAAA,MAAA,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;;;ACrBD;;;AAGG;MAKU,eAAe,CAAA;;AAEjB,IAAA,eAAe,GAAG,KAAK,CAAC,QAAQ,0DAAU;IAElC,KAAK,GAAG,WAAW,EAAE;AACrB,IAAA,EAAE,GAAG,MAAM,EAAC,UAAuB,EAAC;AACpC,IAAA,UAAU,GAAG,MAAM,CAAC,WAAW,CAAC;IAEjD,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;AAC3C,QAAA,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC,CAAC,aAAa,CAAC;IAC1D;uGA5BW,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;;;ACnBD;;AAEG;;ACFH;;AAEG;;;;"}

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/router/index.d.ts

@@ -0,0 +1,46 @@
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, OnDestroy } from '@angular/core';
+import { ActivatedRouteSnapshot } from '@angular/router';
+
+interface RouteBoundaryState {
+    id: string;
+    key?: string | number;
+}
+interface AngularRouteLocation {
+    pathname: string;
+    route: ActivatedRouteSnapshot;
+}
+type BoundaryContext = {
+    $implicit: RouteBoundaryState;
+};
+type ResolveBoundary = (location: AngularRouteLocation) => RouteBoundaryState;
+/**
+ * @experimental Angular Router integration. The API may change.
+ * Use on a routed page's single DOM root, e.g. <article *ssgoiRouteBoundary>.
+ * Recreates the embedded view when its route key changes, including reused
+ * parameterized routes. It does not replace RouterOutlet or a RouteReuseStrategy.
+ */
+declare class SsgoiRouteBoundary implements OnInit, OnChanges, OnDestroy {
+    ssgoiRouteBoundary?: ResolveBoundary | "";
+    ssgoiRouteBoundaryKey?: string | number;
+    private readonly route;
+    private readonly router;
+    private readonly template;
+    private readonly container;
+    private readonly renderer;
+    private view?;
+    private element?;
+    private key?;
+    private subscription?;
+    private initialized;
+    ngOnInit(): void;
+    ngOnChanges(): void;
+    ngOnDestroy(): void;
+    private renderBoundary;
+    static ngTemplateContextGuard(_directive: SsgoiRouteBoundary, context: unknown): context is BoundaryContext;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SsgoiRouteBoundary, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SsgoiRouteBoundary, "[ssgoiRouteBoundary]", never, { "ssgoiRouteBoundary": { "alias": "ssgoiRouteBoundary"; "required": false; }; "ssgoiRouteBoundaryKey": { "alias": "ssgoiRouteBoundaryKey"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { SsgoiRouteBoundary };
+export type { AngularRouteLocation, RouteBoundaryState };

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

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

package/package.json

@@ -1,16 +1,38 @@
 {
   "name": "@ssgoi/angular",
-  "version": "7.1.1",
+  "version": "7.1.3-beta.0",
   "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"
+    },
+    "./router": {
+      "types": "./dist/router/index.d.ts",
+      "default": "./dist/fesm2022/ssgoi-angular-router.mjs"
+    }
+  },
   "dependencies": {
-    "@ssgoi/core": "^7.1.1"
+    "@ssgoi/core": "^7.1.3-beta.0"
   },
   "peerDependencies": {
     "@angular/common": "^20.0.0",
-    "@angular/core": "^20.0.0"
+    "@angular/core": "^20.0.0",
+    "@angular/router": "*"
   },
   "devDependencies": {
     "@angular-eslint/builder": "^20.3.0",
@@ -18,15 +40,20 @@
     "@angular-eslint/eslint-plugin-template": "^20.3.0",
     "@angular-eslint/schematics": "^20.3.0",
     "@angular-eslint/template-parser": "^20.3.0",
-    "@angular/common": "^20.3.4",
-    "@angular/compiler": "^20.3.4",
-    "@angular/compiler-cli": "^20.3.4",
-    "@angular/core": "^20.3.4",
+    "@angular/common": "20.3.9",
+    "@angular/compiler": "20.3.9",
+    "@angular/compiler-cli": "20.3.9",
+    "@angular/core": "20.3.9",
     "@typescript-eslint/eslint-plugin": "^8.46.0",
     "@typescript-eslint/parser": "^8.46.0",
     "eslint": "^9.37.0",
     "ng-packagr": "^20.3.0",
-    "typescript": "~5.8.3"
+    "typescript": "~5.8.3",
+    "@angular/router": "20.3.9",
+    "@angular/platform-browser": "20.3.9",
+    "@angular/platform-browser-dynamic": "20.3.9",
+    "vitest": "^3.2.4",
+    "jsdom": "^26.1.0"
   },
   "keywords": [
     "angular",
@@ -54,10 +81,16 @@
     "node": ">=18.0.0"
   },
   "sideEffects": false,
+  "peerDependenciesMeta": {
+    "@angular/router": {
+      "optional": true
+    }
+  },
   "scripts": {
     "build": "ng-packagr -p ng-package.json",
     "watch": "ng-packagr -p ng-package.json --watch",
     "lint": "eslint .",
-    "lint:fix": "eslint . --fix"
+    "lint:fix": "eslint . --fix",
+    "test:run": "vitest run"
   }
 }

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";