Additional animation types

Author: tolyo

@types/animations/animate-js.d.ts

@@ -1,6 +1,12 @@
-export function AnimateJsProvider($animateProvider: any): void;
+/**
+ * @param {ng.AnimateProvider} $animateProvider
+ */
+export function AnimateJsProvider($animateProvider: ng.AnimateProvider): void;
 export class AnimateJsProvider {
-  constructor($animateProvider: any);
+  /**
+   * @param {ng.AnimateProvider} $animateProvider
+   */
+  constructor($animateProvider: ng.AnimateProvider);
   $get: (
     | string
     | (($injector: ng.InjectorService) => (

@types/namespace.d.ts

@@ -91,6 +91,7 @@ import { ServiceProvider as TServiceProvider } from "./interface.ts";
 import { NgModelController as TNgModelController } from "./directive/model/model.js";
 import { RouterProvider } from "./router/router.ts";
 import { TransitionProvider as TTransitionProvider } from "./router/transition/transition-service.js";
+import { AnimateProvider as TAnimateProvider } from "./animations/animate.js";
 declare global {
   interface Function {
     $inject?: readonly string[] | undefined;
@@ -117,6 +118,7 @@ declare global {
     type BoundTranscludeFn = TBoundTranscludeFn;
     type LinkFnMapping = TLinkFnMapping;
     type AnchorScrollProvider = TAnchorScrollProvider;
+    type AnimateProvider = TAnimateProvider;
     type InterpolateProvider = TInterpolateProvider;
     type HttpParamSerializerProvider = THttpParamSerializerProvider;
     type SceProvider = TSceProvider;

src/animations/animate-js.js

@@ -4,16 +4,19 @@ import {
   applyAnimationStyles,
   prepareAnimationOptions,
 } from "./shared.js";
-import { $injectTokens as $t } from "../injection-tokens.js";
+import { $injectTokens, provider } from "../injection-tokens.js";
 import { AnimateRunner } from "./runner/animate-runner.js";
 
 // TODO: use caching here to speed things up for detection
 // TODO: add documentation
 
-AnimateJsProvider.$inject = [`${$t._animate}Provider`];
+AnimateJsProvider.$inject = provider([$injectTokens._animate]);
+/**
+ * @param {ng.AnimateProvider} $animateProvider
+ */
 export function AnimateJsProvider($animateProvider) {
   this.$get = [
-    $t._injector,
+    $injectTokens._injector,
     /**
      *
      * @param {ng.InjectorService} $injector

src/namespace.ts

@@ -95,6 +95,7 @@ import { ServiceProvider as TServiceProvider } from "./interface.ts";
 import { NgModelController as TNgModelController } from "./directive/model/model.js";
 import { RouterProvider } from "./router/router.ts";
 import { TransitionProvider as TTransitionProvider } from "./router/transition/transition-service.js";
+import { AnimateProvider as TAnimateProvider } from "./animations/animate.js";
 
 /* ────────────────────────────────────────────────
    Runtime global initialization
@@ -135,6 +136,7 @@ declare global {
 
     // Providers
     export type AnchorScrollProvider = TAnchorScrollProvider;
+    export type AnimateProvider = TAnimateProvider;
     export type InterpolateProvider = TInterpolateProvider;
     export type HttpParamSerializerProvider = THttpParamSerializerProvider;
     export type SceProvider = TSceProvider;