@angular-wave/angular.ts 0.0.71 → 0.0.72

package/src/public.js

@@ -53,16 +53,12 @@ import { ngModelOptionsDirective } from "./directive/model-options/model-options
 import { ngAttributeAliasDirectives } from "./directive/attrs/attrs";
 import { ngEventDirectives } from "./directive/events/events";
 import { AnchorScrollProvider } from "./services/anchor-scroll";
-import {
-  AnimateProvider,
-  CoreAnimateQueueProvider,
-} from "./core/animate/animate";
+import { AnimateProvider } from "./animations/animate";
 import { BrowserProvider } from "./services/browser";
-import { CoreAnimateCssProvider } from "./core/animate/animate-css";
 import {
   AnimateAsyncRunFactoryProvider,
   AnimateRunnerFactoryProvider,
-} from "./core/animate/animate-runner";
+} from "./animations/animate-runner";
 import {
   CacheFactoryProvider,
   TemplateCacheProvider,
@@ -89,7 +85,6 @@ import { $$TaskTrackerFactoryProvider } from "./core/task-tracker-factory";
 import { TemplateRequestProvider } from "./services/template-request";
 import { $TimeoutProvider } from "./core/timeout/timeout";
 import { SanitizeUriProvider } from "./core/sanitize/sanitize-uri";
-import { initAnimateModule } from "./animations/module";
 import {
   ngMessageDefaultDirective,
   ngMessageDirective,
@@ -112,6 +107,16 @@ import {
   ngShowAriaDirective,
   ngValueAriaDirective,
 } from "./directive/aria/aria";
+import { $AnimateCssProvider } from "./animations/animate-css";
+import { $$AnimateQueueProvider } from "./animations/animate-queue";
+import { $$AnimateJsProvider } from "./animations/animate-js";
+import { $$AnimationProvider } from "./animations/animation";
+import { RafSchedulerProvider } from "./animations/raf-scheduler";
+import { $$AnimateCacheProvider } from "./animations/animate-cache";
+import { $$AnimateCssDriverProvider } from "./animations/animate-css-driver";
+import { $$AnimateJsDriverProvider } from "./animations/animate-js-driver";
+import { ngAnimateSwapDirective } from "./animations/animate-swap";
+import { $$AnimateChildrenDirective } from "./animations/animate-children-directive";
 
 /**
  * @type {string} `version` from `package.json`, injected by Rollup plugin
@@ -190,6 +195,8 @@ export function publishExternalAPI(angular) {
             })
             .directive({
               input: hiddenInputBrowserCacheDirective,
+              ngAnimateSwap: ngAnimateSwapDirective,
+              ngAnimateChildren: $$AnimateChildrenDirective,
               ngChecked: ngCheckedAriaDirective,
               ngClick: ngClickAriaDirective,
               ngDblclick: ngDblclickAriaDirective,
@@ -208,8 +215,13 @@ export function publishExternalAPI(angular) {
             $aria: AriaProvider,
             $anchorScroll: AnchorScrollProvider,
             $animate: AnimateProvider,
-            $animateCss: CoreAnimateCssProvider,
-            $$animateQueue: CoreAnimateQueueProvider,
+            $$animation: $$AnimationProvider,
+            $animateCss: $AnimateCssProvider,
+            $$animateCssDriver: $$AnimateCssDriverProvider,
+            $$animateJs: $$AnimateJsProvider,
+            $$animateJsDriver: $$AnimateJsDriverProvider,
+            $$animateCache: $$AnimateCacheProvider,
+            $$animateQueue: $$AnimateQueueProvider,
             $$AnimateRunner: AnimateRunnerFactoryProvider,
             $$animateAsyncRun: AnimateAsyncRunFactoryProvider,
             $browser: BrowserProvider,
@@ -227,6 +239,7 @@ export function publishExternalAPI(angular) {
             $location: $LocationProvider,
             $log: $LogProvider,
             $parse: $ParseProvider,
+            $$rAFScheduler: RafSchedulerProvider,
             $rootScope: $RootScopeProvider,
             $q: $QProvider,
             $$q: $$QProvider,
@@ -242,7 +255,6 @@ export function publishExternalAPI(angular) {
     )
     .info({ version: VERSION });
 
-  initAnimateModule(angular);
   initRouter(angular);
   return ng;
 }

package/src/services/anchor-scroll.html

@@ -9,7 +9,7 @@
     <!--     
     <script src="https://cdn.jsdelivr.net/npm/angular@1.8.3/angular.js"></script>
     <script src="https://cdn.jsdelivr.net/npm/angular-animate@1.8.3/angular-animate.js"></script>
-    <script>window.angular.module("test", ["ngAnimate"])</script> -->
+    <script>window.angular.module("test", [])</script> -->
 
     <script type="module" src="/src/index.js"></script>
     <script>

package/src/shared/jqlite/jqlite.js

@@ -245,7 +245,7 @@ JQLite.prototype.on = function (type, fn) {
  * Removes an event listener to each element in JQLite collection.
  *
  * @param {string} type - The event type(s) to remove listener from
- * @param {Function} fn - The function to remove from event type.
+ * @param {Function} [fn] - The function to remove from event type.
  * @returns {JQLite}
  */
 JQLite.prototype.off = function (type, fn) {

package/types/animations/animate-css-driver.d.ts

@@ -4,7 +4,7 @@ export class $$AnimateCssDriverProvider {
     /**
      * @returns {Function}
      */
-    $get: (string | (($animateCss: any, $$AnimateRunner: typeof import("../core/animate/animate-runner").AnimateRunner, $rootElement: JQLite) => (animationDetails: any) => any))[];
+    $get: (string | (($animateCss: any, $$AnimateRunner: typeof import("./animate-runner").AnimateRunner, $rootElement: JQLite) => (animationDetails: any) => any))[];
 }
 export namespace $$AnimateCssDriverProvider {
     let $inject: string[];

package/types/animations/animate-queue.d.ts

@@ -6,7 +6,7 @@ export class $$AnimateQueueProvider {
         cancel: any[];
         join: any[];
     };
-    $get: (string | (($rootScope: any, $rootElement: JQLite, $$animation: any, $$AnimateRunner: any, $templateRequest: any) => {
+    $get: (string | (($rootScope: any, $injector: any, $$animation: any, $$AnimateRunner: any, $templateRequest: any) => {
         on(event: any, container: any, callback: any): void;
         off(event: any, container: any, callback: any, ...args: any[]): void;
         pin(element: any, parentElement: any): void;
@@ -17,4 +17,3 @@ export class $$AnimateQueueProvider {
 export namespace $$AnimateQueueProvider {
     let $inject: string[];
 }
-import { JQLite } from "../shared/jqlite/jqlite";

package/types/{core/animate → animations}/animate.d.ts

@@ -1,13 +1,3 @@
-export function CoreAnimateQueueProvider(): void;
-export class CoreAnimateQueueProvider {
-    $get: (string | (($$AnimateRunner: any, $rootScope: any) => {
-        enabled: () => void;
-        on: () => void;
-        off: () => void;
-        pin: () => void;
-        push(element: any, event: any, options: any, domOperation: any): any;
-    }))[];
-}
 export function domInsert(element: any, parentElement: any, afterElement: any): void;
 export function AnimateProvider($provide: any): void;
 export class AnimateProvider {
@@ -241,7 +231,7 @@ export class AnimateProvider {
        * @example
         <example module="animationExample" deps="angular-animate.js" animations="true" name="animate-cancel">
           <file name="app.js">
-            angular.module('animationExample', ['ngAnimate']).component('cancelExample', {
+            angular.module('animationExample', []).component('cancelExample', {
               templateUrl: 'template.html',
               controller: function($element, $animate) {
                 this.runner = null;
@@ -427,4 +417,4 @@ export type AnimationOptions = {
      */
     to: string;
 };
-import { JQLite } from "../../shared/jqlite/jqlite";
+import { JQLite } from "../shared/jqlite/jqlite";

package/types/animations/raf-scheduler.d.ts

@@ -6,9 +6,14 @@
  */
 /**
  * Creates a requestAnimationFrame scheduler.
- * @returns {RafScheduler} The scheduler object.
  */
-export function $$rAFSchedulerFactory(): RafScheduler;
+export function RafSchedulerProvider(): void;
+export class RafSchedulerProvider {
+    /**
+     * @returns {RafScheduler} The scheduler object.
+     */
+    $get: () => RafScheduler;
+}
 export type RafSchedulerFunction = Function;
 export type RafSchedulerObject = {
     /**

package/types/core/di/ng-module.d.ts

@@ -16,7 +16,6 @@ export const CONTROLLER_LITERAL: "$controllerProvider";
  */
 export class NgModule {
     /**
-     *
      * @param {String} name - Name of the module
      * @param {Array<String>} requires - List of modules which the injector will load before the current module
      * @param {Function} [configFn]
@@ -49,13 +48,13 @@ export class NgModule {
      */
     info(value: any): any;
     /**
-     * @param {String} name
+     * @param {string} name
      * @param {any} object
      * @returns {NgModule}
      */
     value(name: string, object: any): NgModule;
     /**
-     * @param {String} name
+     * @param {string} name
      * @param {any} object
      * @returns {NgModule}
      */
@@ -66,14 +65,58 @@ export class NgModule {
      * @returns {NgModule}
      */
     config(configFn: Function): NgModule;
-    run(block: any): this;
-    component(name: any, options: any): this;
-    factory(name: any, providerFunction: any): this;
-    service(name: any, serviceFunction: any): this;
-    provider(name: any, providerType: any): this;
-    decorator(name: any, decorFn: any): this;
-    directive(name: any, directiveFactory: any): this;
-    animation(name: any, animationFactory: any): this;
+    /**
+     * @param {Function} block
+     * @returns {NgModule}
+     */
+    run(block: Function): NgModule;
+    /**
+     * @param {string} name
+     * @param {*} options
+     * @returns {NgModule}
+     */
+    component(name: string, options: any): NgModule;
+    /**
+     * @param {string} name
+     * @param {*} providerFunction
+     * @returns {NgModule}
+     */
+    factory(name: string, providerFunction: any): NgModule;
+    /**
+     * @param {string} name
+     * @param {*} serviceFunction
+     * @returns {NgModule}
+     */
+    service(name: string, serviceFunction: any): NgModule;
+    /**
+     * @param {string} name
+     * @param {*} providerType
+     * @returns {NgModule}
+     */
+    provider(name: string, providerType: any): NgModule;
+    /**
+     * @param {string} name
+     * @param {*} decorFn
+     * @returns {NgModule}
+     */
+    decorator(name: string, decorFn: any): NgModule;
+    /**
+     * @param {string} name
+     * @param {*} directiveFactory
+     * @returns {NgModule}
+     */
+    directive(name: string, directiveFactory: any): NgModule;
+    /**
+     * @param {string} name
+     * @param {*} animationFactory
+     * @returns {NgModule}
+     */
+    animation(name: string, animationFactory: any): NgModule;
     filter(name: any, filterFn: any): this;
-    controller(name: any, ctlFn: any): this;
+    /**
+     * @param {string} name
+     * @param {*} ctlFn
+     * @returns {NgModule}
+     */
+    controller(name: string, ctlFn: any): NgModule;
 }

package/types/shared/jqlite/jqlite.d.ts

@@ -57,10 +57,10 @@ export class JQLite {
      * Removes an event listener to each element in JQLite collection.
      *
      * @param {string} type - The event type(s) to remove listener from
-     * @param {Function} fn - The function to remove from event type.
+     * @param {Function} [fn] - The function to remove from event type.
      * @returns {JQLite}
      */
-    off(type: string, fn: Function): JQLite;
+    off(type: string, fn?: Function): JQLite;
     /**
      * Remove data  by name from cache associated with each element in JQLite collection.
      * @param {string} name - The key of the data associated with element

package/src/animations/module.js

@@ -1,25 +0,0 @@
-import { $$AnimateChildrenDirective } from "./animate-children-directive";
-import { $$AnimationProvider } from "./animation";
-import { $$rAFSchedulerFactory } from "./raf-scheduler";
-import { ngAnimateSwapDirective } from "./animate-swap";
-import { $$AnimateQueueProvider } from "./animate-queue";
-import { $$AnimateCacheProvider } from "./animate-cache";
-import { $AnimateCssProvider } from "./animate-css";
-import { $$AnimateCssDriverProvider } from "./animate-css-driver";
-import { $$AnimateJsProvider } from "./animate-js";
-import { $$AnimateJsDriverProvider } from "./animate-js-driver";
-
-export function initAnimateModule(angular) {
-  angular
-    .module("ngAnimate", [])
-    .directive("ngAnimateSwap", ngAnimateSwapDirective)
-    .directive("ngAnimateChildren", $$AnimateChildrenDirective)
-    .factory("$$rAFScheduler", $$rAFSchedulerFactory)
-    .provider("$$animateQueue", $$AnimateQueueProvider)
-    .provider("$$animateCache", $$AnimateCacheProvider)
-    .provider("$$animation", $$AnimationProvider)
-    .provider("$animateCss", $AnimateCssProvider)
-    .provider("$$animateCssDriver", $$AnimateCssDriverProvider)
-    .provider("$$animateJs", $$AnimateJsProvider)
-    .provider("$$animateJsDriver", $$AnimateJsDriverProvider);
-}

package/src/core/animate/animate-css.js

@@ -1,88 +0,0 @@
-import { addInlineStyles } from "./helpers";
-
-/**
- * @ngdoc service
- * @name $animateCss
- * @kind object
- *
- *
- * @description
- * This is the core version of `$animateCss`. By default, only when the `ngAnimate` is included,
- * then the `$animateCss` service will actually perform animations.
- *
- * Click here {@link ngAnimate.$animateCss to read the documentation for $animateCss}.
- */
-export function CoreAnimateCssProvider() {
-  this.$get = [
-    "$$AnimateRunner",
-    ($$AnimateRunner) =>
-      /**
-       *
-       * @param {import("../../shared/jqlite/jqlite").JQLite} element
-       * @param {*} initialOptions
-       * @returns
-       */
-      function (element, initialOptions) {
-        // all of the animation functions should create
-        // a copy of the options data, however, if a
-        // parent service has already created a copy then
-        // we should stick to using that
-        let options = initialOptions || {};
-        if (!options.$$prepared) {
-          options = structuredClone(options);
-        }
-
-        // there is no point in applying the styles since
-        // there is no animation that goes on at all in
-        // this version of $animateCss.
-        if (options.cleanupStyles) {
-          options.from = options.to = null;
-        }
-
-        if (options.from) {
-          addInlineStyles(element[0], options.from);
-          options.from = null;
-        }
-
-        let closed;
-        const runner = new $$AnimateRunner();
-
-        /**
-         * @returns {$$AnimateRunner}
-         */
-        function run() {
-          requestAnimationFrame(() => {
-            applyAnimationContents();
-            if (!closed) {
-              runner.complete();
-            }
-            closed = true;
-          });
-          return runner;
-        }
-
-        /**
-         * @returns {void}
-         */
-        function applyAnimationContents() {
-          if (options.addClass) {
-            element[0].classList.add(options.addClass);
-            options.addClass = null;
-          }
-          if (options.removeClass) {
-            element[0].classList.remove(options.removeClass);
-            options.removeClass = null;
-          }
-          if (options.to) {
-            addInlineStyles(element[0], options.to);
-            options.to = null;
-          }
-        }
-
-        return {
-          start: run,
-          end: run,
-        };
-      },
-  ];
-}

package/src/core/animate/anomate.md

@@ -1,13 +0,0 @@
-/\*\*
-
-- @ngdoc provider
-- @name $animateProvider
--
-- @description
-- Default implementation of $animate that doesn't perform any animations, instead just
-- synchronously performs DOM updates and resolves the returned runner promise.
--
-- In order to enable animations the `ngAnimate` module has to be loaded.
--
-- To see the functional implementation check out `src/ngAnimate/animate.js`.
-  \*/

package/types/animations/module.d.ts

@@ -1 +0,0 @@
-export function initAnimateModule(angular: any): void;

package/types/core/animate/animate-css.d.ts

@@ -1,19 +0,0 @@
-/**
- * @ngdoc service
- * @name $animateCss
- * @kind object
- *
- *
- * @description
- * This is the core version of `$animateCss`. By default, only when the `ngAnimate` is included,
- * then the `$animateCss` service will actually perform animations.
- *
- * Click here {@link ngAnimate.$animateCss to read the documentation for $animateCss}.
- */
-export function CoreAnimateCssProvider(): void;
-export class CoreAnimateCssProvider {
-    $get: (string | (($$AnimateRunner: any) => (element: import("../../shared/jqlite/jqlite").JQLite, initialOptions: any) => {
-        start: () => any;
-        end: () => any;
-    }))[];
-}