@ssgoi/angular 2.5.2 → 5.0.0

package/README.md

@@ -77,7 +77,7 @@ The value you pass to `[ssgoiTransition]` should uniquely identify the view (com
 ```typescript
 import { Component } from "@angular/core";
 import { TransitionDirective } from "@ssgoi/angular";
-import { fadeIn, fadeOut } from "@ssgoi/angular/transitions";
+import { fade } from "@ssgoi/angular/transitions";
 
 @Component({
   selector: "app-call-to-action",
@@ -87,8 +87,8 @@ import { fadeIn, fadeOut } from "@ssgoi/angular/transitions";
     <button
       [transition]="{
         key: 'cta',
-        in: fadeIn({ duration: 220 }),
-        out: fadeOut({ duration: 180 })
+        in: fade({ duration: 220 }),
+        out: fade({ duration: 180 })
       }"
     >
       Get Started
@@ -128,14 +128,9 @@ Element-level factories:
 
 ```typescript
 import {
-  fadeIn,
-  fadeOut,
-  slideUp,
-  slideDown,
-  slideLeft,
-  slideRight,
-  scaleIn,
-  scaleOut,
+  fade,
+  slide,
+  scale,
   bounce,
   blur,
   rotate,

package/eslint.config.mjs

@@ -0,0 +1,75 @@
+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

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

package/package.json

@@ -1,18 +1,33 @@
 {
   "name": "@ssgoi/angular",
-  "version": "2.5.2",
+  "version": "5.0.0",
   "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"
+    "@ssgoi/core": "^5.0.0"
   },
   "peerDependencies": {
     "@angular/common": "^20.0.0",
     "@angular/core": "^20.0.0"
   },
+  "devDependencies": {
+    "@angular-eslint/builder": "^20.3.0",
+    "@angular-eslint/eslint-plugin": "^20.3.0",
+    "@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",
+    "@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"
+  },
   "keywords": [
     "angular",
     "page-transition",
@@ -43,23 +58,27 @@
       "default": "./package.json"
     },
     ".": {
-      "types": "./index.d.ts",
-      "default": "./fesm2022/ssgoi-angular.mjs"
+      "types": "./dist/index.d.ts",
+      "default": "./dist/fesm2022/ssgoi-angular.mjs"
     },
     "./presets": {
-      "types": "./presets/index.d.ts",
-      "default": "./fesm2022/ssgoi-angular-presets.mjs"
+      "types": "./dist/presets/index.d.ts",
+      "default": "./dist/fesm2022/ssgoi-angular-presets.mjs"
     },
     "./transitions": {
-      "types": "./transitions/index.d.ts",
-      "default": "./fesm2022/ssgoi-angular-transitions.mjs"
+      "types": "./dist/transitions/index.d.ts",
+      "default": "./dist/fesm2022/ssgoi-angular-transitions.mjs"
     },
     "./view-transitions": {
-      "types": "./view-transitions/index.d.ts",
-      "default": "./fesm2022/ssgoi-angular-view-transitions.mjs"
+      "types": "./dist/view-transitions/index.d.ts",
+      "default": "./dist/fesm2022/ssgoi-angular-view-transitions.mjs"
     }
   },
   "sideEffects": false,
-  "module": "fesm2022/ssgoi-angular.mjs",
-  "typings": "index.d.ts"
+  "scripts": {
+    "build": "ng-packagr -p ng-package.json",
+    "watch": "ng-packagr -p ng-package.json --watch",
+    "lint": "eslint .",
+    "lint:fix": "eslint . --fix"
+  }
 }

package/presets/ng-package.json

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

package/src/lib/context.ts

@@ -0,0 +1,22 @@
+import { InjectionToken, inject } from "@angular/core";
+import type { SsgoiContext } from "@ssgoi/core";
+
+export const SSGOI_CONTEXT = new InjectionToken<SsgoiContext | undefined>(
+  "ssgoi-context",
+);
+
+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 () => ({
+      key: "",
+      in: async () => ({}),
+      out: async () => ({}),
+    });
+  }
+
+  return context;
+}

package/src/lib/index.ts

@@ -0,0 +1,10 @@
+export { Ssgoi } from "./ssgoi.directive";
+export { SsgoiTransition } from "./ssgoi-transition.directive";
+export {
+  TransitionDirective,
+  TransitionDirectiveConfig,
+} from "./transition.directive";
+export { TransitionScopeDirective } from "./transition-scope.directive";
+export { injectSsgoi, SSGOI_CONTEXT } from "./context";
+export { transition } from "@ssgoi/core";
+export * from "./types";

package/src/lib/presets/index.ts

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

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

@@ -0,0 +1,59 @@
+import {
+  Directive,
+  input,
+  OnInit,
+  OnDestroy,
+  AfterViewInit,
+  ElementRef,
+  inject,
+  PLATFORM_ID,
+} from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
+import { transition } from "@ssgoi/core";
+import { injectSsgoi } from "./context";
+
+@Directive({
+  selector: "[ssgoiTransition]",
+  standalone: true,
+})
+export class SsgoiTransition implements OnInit, OnDestroy, AfterViewInit {
+  // The directive attribute value becomes the transition ID
+  readonly ssgoiTransition = input.required<string>();
+
+  private readonly getTransition = injectSsgoi();
+  private readonly el = inject(ElementRef<HTMLElement>);
+  private readonly platformId = inject(PLATFORM_ID);
+  private cleanup?: () => void;
+
+  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;
+
+    const transitionConfig = this.getTransition(this.ssgoiTransition());
+    const cleanupResult = transition(transitionConfig)(targetElement);
+
+    if (cleanupResult) {
+      this.cleanup = cleanupResult;
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.cleanup?.();
+  }
+}

package/src/lib/ssgoi.directive.ts

@@ -0,0 +1,37 @@
+import {
+  Directive,
+  input,
+  forwardRef,
+  PLATFORM_ID,
+  inject,
+} from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
+import { createSggoiTransitionContext } from "@ssgoi/core";
+import type { SsgoiConfig, SsgoiContext } from "@ssgoi/core";
+import { SSGOI_CONTEXT } from "./context";
+
+function createSsgoiContext(component: Ssgoi): SsgoiContext | undefined {
+  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());
+}
+
+@Directive({
+  selector: "[ssgoi]",
+  standalone: true,
+  providers: [
+    {
+      provide: SSGOI_CONTEXT,
+      useFactory: createSsgoiContext,
+      deps: [forwardRef(() => Ssgoi)],
+    },
+  ],
+})
+export class Ssgoi {
+  readonly config = input<SsgoiConfig>({});
+}

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

@@ -0,0 +1,54 @@
+import {
+  Directive,
+  ElementRef,
+  OnInit,
+  OnDestroy,
+  inject,
+  PLATFORM_ID,
+} from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
+import { createTransitionScope } from "@ssgoi/core";
+
+/**
+ * TransitionScope creates a boundary for local-scoped transitions.
+ *
+ * Child elements with `scope: 'local'` will:
+ * - Skip IN animation when mounted simultaneously with the scope
+ * - Skip OUT animation when unmounted simultaneously with the scope
+ *
+ * @example
+ * ```html
+ * <div transitionScope>
+ *   <div [transition]="{ scope: 'local', in: ..., out: ... }">
+ *     Content
+ *   </div>
+ * </div>
+ * ```
+ */
+@Directive({
+  selector: "[transitionScope]",
+  host: {
+    style: "display: contents",
+  },
+})
+export class TransitionScopeDirective implements OnInit, OnDestroy {
+  private readonly el = inject(ElementRef<HTMLElement>);
+  private readonly platformId = inject(PLATFORM_ID);
+  private cleanup?: () => void;
+
+  ngOnInit(): void {
+    if (!isPlatformBrowser(this.platformId)) {
+      return;
+    }
+
+    const cleanupResult = createTransitionScope()(this.el.nativeElement);
+
+    if (cleanupResult) {
+      this.cleanup = cleanupResult;
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.cleanup?.();
+  }
+}

package/src/lib/transition.directive.ts

@@ -0,0 +1,54 @@
+import {
+  Directive,
+  ElementRef,
+  input,
+  OnInit,
+  OnDestroy,
+  inject,
+  PLATFORM_ID,
+} from "@angular/core";
+import { isPlatformBrowser } from "@angular/common";
+import { transition as coreTransition } from "@ssgoi/core";
+import type {
+  Transition as CoreTransitionConfig,
+  TransitionKey as CoreTransitionKey,
+  TransitionScope as CoreTransitionScope,
+} from "@ssgoi/core";
+
+export type TransitionDirectiveConfig = CoreTransitionConfig & {
+  key?: CoreTransitionKey;
+  scope?: CoreTransitionScope;
+};
+
+@Directive({
+  selector: "[transition]",
+})
+export class TransitionDirective implements OnInit, OnDestroy {
+  transition = input.required<TransitionDirectiveConfig>();
+
+  private readonly el = inject(ElementRef<HTMLElement>);
+  private readonly platformId = inject(PLATFORM_ID);
+  private cleanup?: () => void;
+
+  ngOnInit(): void {
+    if (!isPlatformBrowser(this.platformId)) {
+      return;
+    }
+
+    const config = this.transition();
+    const cleanupResult = coreTransition({
+      key: config.key,
+      in: config.in,
+      out: config.out,
+      scope: config.scope,
+    })(this.el.nativeElement);
+
+    if (cleanupResult) {
+      this.cleanup = cleanupResult;
+    }
+  }
+
+  ngOnDestroy(): void {
+    this.cleanup?.();
+  }
+}

package/src/lib/transitions/index.ts

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

package/src/lib/types.ts

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

package/src/lib/view-transitions/index.ts

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

package/src/public-api.ts

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

package/transitions/ng-package.json

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

package/tsconfig.lib.json

@@ -0,0 +1,26 @@
+{
+  "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

@@ -0,0 +1,6 @@
+{
+  "$schema": "../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "../src/lib/view-transitions/index.ts"
+  }
+}

package/fesm2022/ssgoi-angular-presets.mjs

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

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

@@ -1 +0,0 @@
-{"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

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

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

@@ -1 +0,0 @@
-{"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

@@ -1,6 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,139 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":"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"}

package/index.d.ts

@@ -1,44 +0,0 @@
-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/presets/index.d.ts

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

package/transitions/index.d.ts

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

package/view-transitions/index.d.ts

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