@angular-wave/angular.ts 0.0.71 → 0.0.73

package/src/core/di/ng-module.js

@@ -25,7 +25,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]
@@ -78,7 +77,7 @@ export class NgModule {
   }
 
   /**
-   * @param {String} name
+   * @param {string} name
    * @param {any} object
    * @returns {NgModule}
    */
@@ -88,7 +87,7 @@ export class NgModule {
   }
 
   /**
-   * @param {String} name
+   * @param {string} name
    * @param {any} object
    * @returns {NgModule}
    */
@@ -107,11 +106,20 @@ export class NgModule {
     return this;
   }
 
+  /**
+   * @param {Function} block
+   * @returns {NgModule}
+   */
   run(block) {
     this.runBlocks.push(block);
     return this;
   }
 
+  /**
+   * @param {string} name
+   * @param {*} options
+   * @returns {NgModule}
+   */
   component(name, options) {
     if (options && isFunction(options)) {
       options.$$moduleName = name;
@@ -120,6 +128,11 @@ export class NgModule {
     return this;
   }
 
+  /**
+   * @param {string} name
+   * @param {*} providerFunction
+   * @returns {NgModule}
+   */
   factory(name, providerFunction) {
     if (providerFunction && isFunction(providerFunction)) {
       providerFunction.$$moduleName = name;
@@ -132,6 +145,11 @@ export class NgModule {
     return this;
   }
 
+  /**
+   * @param {string} name
+   * @param {*} serviceFunction
+   * @returns {NgModule}
+   */
   service(name, serviceFunction) {
     if (serviceFunction && isFunction(serviceFunction)) {
       serviceFunction.$$moduleName = name;
@@ -144,6 +162,11 @@ export class NgModule {
     return this;
   }
 
+  /**
+   * @param {string} name
+   * @param {*} providerType
+   * @returns {NgModule}
+   */
   provider(name, providerType) {
     if (providerType && isFunction(providerType)) {
       providerType.$$moduleName = name;
@@ -152,6 +175,11 @@ export class NgModule {
     return this;
   }
 
+  /**
+   * @param {string} name
+   * @param {*} decorFn
+   * @returns {NgModule}
+   */
   decorator(name, decorFn) {
     if (decorFn && isFunction(decorFn)) {
       decorFn.$$moduleName = name;
@@ -160,6 +188,11 @@ export class NgModule {
     return this;
   }
 
+  /**
+   * @param {string} name
+   * @param {*} directiveFactory
+   * @returns {NgModule}
+   */
   directive(name, directiveFactory) {
     if (directiveFactory && isFunction(directiveFactory)) {
       directiveFactory.$$moduleName = name;
@@ -172,6 +205,11 @@ export class NgModule {
     return this;
   }
 
+  /**
+   * @param {string} name
+   * @param {*} animationFactory
+   * @returns {NgModule}
+   */
   animation(name, animationFactory) {
     if (animationFactory && isFunction(animationFactory)) {
       animationFactory.$$moduleName = name;
@@ -192,6 +230,11 @@ export class NgModule {
     return this;
   }
 
+  /**
+   * @param {string} name
+   * @param {*} ctlFn
+   * @returns {NgModule}
+   */
   controller(name, ctlFn) {
     if (ctlFn && isFunction(ctlFn)) {
       ctlFn.$$moduleName = name;

package/src/core/prop.spec.js

@@ -1,6 +1,7 @@
 import { Angular } from "../loader";
 import { createInjector } from "./di/injector";
 import { valueFn } from "../shared/utils";
+import { dealoc } from "../shared/jqlite/jqlite";
 
 fdescribe("ngProp*", () => {
   let $compile, $rootScope, compileProvider, $sce;
@@ -18,7 +19,7 @@ fdescribe("ngProp*", () => {
         };
       });
 
-    let injector = createInjector([
+    let injector = window.angular.bootstrap(document.getElementById("dummy"), [
       "myModule",
       function ($compileProvider) {
         compileProvider = $compileProvider;
@@ -617,16 +618,19 @@ fdescribe("ngProp*", () => {
   describe("*[innerHTML]", () => {
     describe("SCE disabled", () => {
       beforeEach(() => {
-        createInjector([
-          "myModule",
-          ($sceProvider) => {
-            $sceProvider.enabled(false);
-          },
-        ]).invoke((_$compile_, _$rootScope_, _$sce_) => {
-          $compile = _$compile_;
-          $rootScope = _$rootScope_;
-          $sce = _$sce_;
-        });
+        dealoc(document.getElementById("dummy"));
+        window.angular
+          .bootstrap(document.getElementById("dummy"), [
+            "myModule",
+            ($sceProvider) => {
+              $sceProvider.enabled(false);
+            },
+          ])
+          .invoke((_$compile_, _$rootScope_, _$sce_) => {
+            $compile = _$compile_;
+            $rootScope = _$rootScope_;
+            $sce = _$sce_;
+          });
       });
 
       it("should set html", () => {

package/src/core/q/q.js

@@ -16,7 +16,7 @@ import {
  * @property {function(
  *   ((value: T) => (PromiseLike<never>|PromiseLike<T>|T))|null,
  *   ((reason: any) => (PromiseLike<never>|PromiseLike<T>|T))|null,
- *   ((state: any) => any)
+ *   ((state: any) => any)=
  * ): QPromise<T|never>} then - Calls one of the success or error callbacks asynchronously as soon as the result is available.
  * @property {function(
  *   ((value: T) => (QPromise<never>|QPromise<T>|T))|null,
@@ -25,6 +25,7 @@ import {
  * ): QPromise<T|never>} then - Calls one of the success or error callbacks asynchronously as soon as the result is available.
  * @property {function(((reason: any) => (PromiseLike<never>|PromiseLike<T>|T))|null): QPromise<T>|T} catch - Shorthand for promise.then(null, errorCallback).
  * @property {function(((reason: any) => (QPromise<never>|QPromise<T>|T))|null): QPromise<T>|T} catch - Shorthand for promise.then(null, errorCallback).
+ * @property {function(Array.<QPromise<T>>): QPromise<T>} all
  * @property {function(function(): void): QPromise<T>} finally - Allows you to observe either the fulfillment or rejection of a promise, but to do so without modifying the final value.
  * @property {number} [$$intervalId] - Internal id set by the $interval service for callback notifications
  * @property {number} [$$timeoutId] - Timeout id set by the $timeout service for cancelations

package/src/directive/bind/bind.spec.js

@@ -1,5 +1,4 @@
 import { Angular } from "../../loader";
-import { createInjector } from "../../core/di/injector";
 import { dealoc } from "../../shared/jqlite/jqlite";
 
 describe("ng-bind", () => {
@@ -14,15 +13,17 @@ describe("ng-bind", () => {
     window.angular
       .module("myModule", ["ng"])
       .decorator("$exceptionHandler", function () {
-        return (exception, cause) => {
+        return (exception) => {
           throw new Error(exception.message);
         };
       });
-    createInjector(["myModule"]).invoke((_$rootScope_, _$compile_, _$sce_) => {
-      $rootScope = _$rootScope_;
-      $compile = _$compile_;
-      $sce = _$sce_;
-    });
+    window.angular
+      .bootstrap(document.getElementById("dummy"), ["myModule"])
+      .invoke((_$rootScope_, _$compile_, _$sce_) => {
+        $rootScope = _$rootScope_;
+        $compile = _$compile_;
+        $sce = _$sce_;
+      });
   });
 
   afterEach(() => {
@@ -197,16 +198,26 @@ describe("ng-bind", () => {
 
     describe("SCE disabled", () => {
       beforeEach(() => {
-        createInjector([
-          "ng",
-          ($sceProvider) => {
-            $sceProvider.enabled(false);
-          },
-        ]).invoke((_$rootScope_, _$compile_, _$sce_) => {
-          $rootScope = _$rootScope_;
-          $compile = _$compile_;
-          $sce = _$sce_;
-        });
+        dealoc(document.getElementById("dummy"));
+        window.angular
+          .module("myModule", [
+            "ng",
+            ($sceProvider) => {
+              $sceProvider.enabled(false);
+            },
+          ])
+          .decorator("$exceptionHandler", function () {
+            return (exception) => {
+              throw new Error(exception.message);
+            };
+          });
+        window.angular
+          .bootstrap(document.getElementById("dummy"), ["myModule"])
+          .invoke((_$rootScope_, _$compile_, _$sce_) => {
+            $rootScope = _$rootScope_;
+            $compile = _$compile_;
+            $sce = _$sce_;
+          });
       });
 
       afterEach(() => dealoc(element));
@@ -243,16 +254,26 @@ describe("ng-bind", () => {
 
     describe("SCE enabled", () => {
       beforeEach(() => {
-        createInjector([
-          "ng",
-          ($sceProvider) => {
-            $sceProvider.enabled(true);
-          },
-        ]).invoke((_$rootScope_, _$compile_, _$sce_) => {
-          $rootScope = _$rootScope_;
-          $compile = _$compile_;
-          $sce = _$sce_;
-        });
+        dealoc(document.getElementById("dummy"));
+        window.angular
+          .module("myModule", [
+            "ng",
+            ($sceProvider) => {
+              $sceProvider.enabled(true);
+            },
+          ])
+          .decorator("$exceptionHandler", function () {
+            return (exception) => {
+              throw new Error(exception.message);
+            };
+          });
+        window.angular
+          .bootstrap(document.getElementById("dummy"), ["myModule"])
+          .invoke((_$rootScope_, _$compile_, _$sce_) => {
+            $rootScope = _$rootScope_;
+            $compile = _$compile_;
+            $sce = _$sce_;
+          });
         scope = $rootScope.$new();
       });
 
@@ -292,23 +313,38 @@ describe("ng-bind", () => {
           this.val = val;
         }
 
-        let injector = createInjector([
-          "ng",
-          function ($provide) {
-            $provide.decorator("$sce", ($delegate) => {
-              $delegate.trustAsHtml = function (html) {
-                return new MySafeHtml(html);
-              };
-              $delegate.getTrustedHtml = function (mySafeHtml) {
-                return mySafeHtml.val;
-              };
-              $delegate.valueOf = function (v) {
-                return v instanceof MySafeHtml ? v.val : v;
-              };
-              return $delegate;
-            });
-          },
-        ]).invoke((_$rootScope_, _$compile_, _$sce_) => {
+        dealoc(document.getElementById("dummy"));
+
+        window.angular
+          .module("myModule", [
+            "ng",
+
+            function ($provide) {
+              $provide.decorator("$sce", ($delegate) => {
+                $delegate.trustAsHtml = function (html) {
+                  return new MySafeHtml(html);
+                };
+                $delegate.getTrustedHtml = function (mySafeHtml) {
+                  return mySafeHtml.val;
+                };
+                $delegate.valueOf = function (v) {
+                  return v instanceof MySafeHtml ? v.val : v;
+                };
+                return $delegate;
+              });
+            },
+          ])
+          .decorator("$exceptionHandler", function () {
+            return (exception) => {
+              throw new Error(exception.message);
+            };
+          });
+        let injector = window.angular.bootstrap(
+          document.getElementById("dummy"),
+          ["myModule"],
+        );
+
+        injector.invoke((_$rootScope_, _$compile_, _$sce_) => {
           $rootScope = _$rootScope_.$new();
           $compile = _$compile_;
           $sce = _$sce_;

package/src/directive/change/change.js

@@ -6,7 +6,9 @@ export function ngChangeDirective() {
     restrict: "A",
     require: "ngModel",
     link(scope, _element, attr, ctrl) {
-      ctrl.$viewChangeListeners.push(() => scope.$eval(attr.ngChange));
+      /** @type {import('../../types').NgModelController} */ (
+        ctrl
+      ).$viewChangeListeners.push(() => scope.$eval(attr.ngChange));
     },
   };
 }

package/src/directive/class/class.js

@@ -1,4 +1,4 @@
-import { forEach, isObject, isString } from "../../shared/utils";
+import { hasAnimate, isObject, isString } from "../../shared/utils";
 
 function classDirective(name, selector) {
   name = `ngClass${name}`;
@@ -34,12 +34,28 @@ function classDirective(name, selector) {
 
         function addClasses(classString) {
           classString = digestClassCounts(split(classString), 1);
-          attr.$addClass(classString);
+          if (hasAnimate(element[0])) {
+            attr.$addClass(classString);
+          } else {
+            scope.$$postDigest(() => {
+              if (classString !== "") {
+                element[0].classList.add(...classString.trim().split(" "));
+              }
+            });
+          }
         }
 
         function removeClasses(classString) {
           classString = digestClassCounts(split(classString), -1);
-          attr.$removeClass(classString);
+          if (hasAnimate(element[0])) {
+            attr.$removeClass(classString);
+          } else {
+            scope.$$postDigest(() => {
+              if (classString !== "") {
+                element[0].classList.remove(...classString.trim().split(" "));
+              }
+            });
+          }
         }
 
         function updateClasses(oldClassString, newClassString) {
@@ -52,22 +68,35 @@ function classDirective(name, selector) {
           const toRemoveString = digestClassCounts(toRemoveArray, -1);
           const toAddString = digestClassCounts(toAddArray, 1);
 
-          attr.$addClass(toAddString);
-          attr.$removeClass(toRemoveString);
+          if (hasAnimate(element[0])) {
+            attr.$addClass(toAddString);
+            attr.$removeClass(toRemoveString);
+          } else {
+            scope.$$postDigest(() => {
+              if (toAddString !== "") {
+                element[0].classList.add(...toAddString.trim().split(" "));
+              }
+              if (toRemoveString !== "") {
+                element[0].classList.remove(
+                  ...toRemoveString.trim().split(" "),
+                );
+              }
+            });
+          }
         }
 
         function digestClassCounts(classArray, count) {
           const classesToUpdate = [];
-
-          forEach(classArray, (className) => {
-            if (count > 0 || classCounts[className]) {
-              classCounts[className] = (classCounts[className] || 0) + count;
-              if (classCounts[className] === +(count > 0)) {
-                classesToUpdate.push(className);
+          if (classArray) {
+            classArray.forEach((className) => {
+              if (count > 0 || classCounts[className]) {
+                classCounts[className] = (classCounts[className] || 0) + count;
+                if (classCounts[className] === +(count > 0)) {
+                  classesToUpdate.push(className);
+                }
               }
-            }
-          });
-
+            });
+          }
           return classesToUpdate.join(" ");
         }
 

package/src/directive/class/class.spec.js

@@ -1,6 +1,5 @@
 import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
 import { Angular } from "../../loader";
-import { createInjector } from "../../core/di/injector";
 import { valueFn } from "../../shared/utils";
 
 describe("ngClass", () => {
@@ -11,7 +10,10 @@ describe("ngClass", () => {
 
   beforeEach(() => {
     window.angular = new Angular();
-    injector = createInjector(["ng"]);
+    window.angular.module("test", []);
+    injector = window.angular.bootstrap(document.getElementById("dummy"), [
+      "test",
+    ]);
     $compile = injector.get("$compile");
     $rootScope = injector.get("$rootScope");
   });
@@ -620,8 +622,9 @@ describe("ngClass", () => {
 
   // https://github.com/angular/angular.js/issues/15960#issuecomment-299109412
   it("should always reevaluate filters with non-primitive inputs within literals", () => {
-    injector = createInjector([
-      "ng",
+    dealoc(document.getElementById("dummy"));
+    injector = window.angular.bootstrap(document.getElementById("dummy"), [
+      "test",
       ($filterProvider) => {
         $filterProvider.register(
           "foo",

package/src/directive/form/form.js

@@ -21,13 +21,14 @@ export const nullFormCtrl = {
   $getControls: valueFn([]),
   $$renameControl: nullFormRenameControl,
   $removeControl: () => {},
-  $setValidity: () => {},
+  /** @type {(...any) => any} */
+  $setValidity: function () {},
   $setDirty: () => {},
   $setPristine: () => {},
   $setSubmitted: () => {},
   $$setSubmitted: () => {},
 };
-const PENDING_CLASS = "ng-pending";
+export const PENDING_CLASS = "ng-pending";
 const SUBMITTED_CLASS = "ng-submitted";
 
 function nullFormRenameControl(control, name) {
@@ -327,7 +328,7 @@ FormController.prototype = {
    * parent forms of the form.
    */
   $setSubmitted() {
-     /** @type {FormController} */
+    /** @type {FormController} */
     let rootForm = this;
     while (rootForm.$$parentForm && rootForm.$$parentForm !== nullFormCtrl) {
       rootForm = rootForm.$$parentForm;
@@ -695,7 +696,7 @@ export function addSetValidityMethod(context) {
   }
 }
 
-function isObjectEmpty(obj) {
+export function isObjectEmpty(obj) {
   if (obj) {
     for (const prop in obj) {
       if (Object.prototype.hasOwnProperty.call(obj, prop)) {

package/src/directive/form/form.spec.js

@@ -1,5 +1,4 @@
 import { Angular } from "../../loader";
-import { createInjector } from "../../core/di/injector";
 import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
 import { FormController } from "./form";
 
@@ -15,11 +14,11 @@ describe("form", () => {
     window.angular
       .module("myModule", ["ng"])
       .decorator("$exceptionHandler", function () {
-        return (exception, cause) => {
+        return (exception) => {
           throw new Error(exception);
         };
       });
-    injector = createInjector([
+    injector = window.angular.bootstrap(document.getElementById("dummy"), [
       "myModule",
       ($compileProvider) => {
         $compileProvider.directive("storeModelCtrl", () => ({
@@ -1410,7 +1409,7 @@ describe("form", () => {
       JQLite(dummy).append(doc);
       let angular = new Angular();
       window.angular = new Angular();
-      myModule = window.angular.module("myModule", ["ngAnimate"]);
+      myModule = window.angular.module("myModule", []);
 
       injector = angular.bootstrap(dummy, ["myModule"]);
       injector.invoke((_$compile_, $rootScope, _$animate_) => {

package/src/directive/if/if-animate-css.html

@@ -8,13 +8,11 @@
     <script type="module" src="/src/index.js"></script>
     <script>
       document.addEventListener("DOMContentLoaded", () => {
-        window.angular
-          .module("test", ["ngAnimate"])
-          .directive("svgContainer", () => ({
-            template: "<svg ng-transclude></svg>",
-            replace: true,
-            transclude: true,
-          }));
+        window.angular.module("test", []).directive("svgContainer", () => ({
+          template: "<svg ng-transclude></svg>",
+          replace: true,
+          transclude: true,
+        }));
       });
     </script>
 

package/src/directive/if/if.js

@@ -1,4 +1,4 @@
-import { domInsert } from "../../core/animate/animate";
+import { domInsert } from "../../animations/animate";
 import { getBlockNodes } from "../../shared/jqlite/jqlite";
 import { hasAnimate } from "../../shared/utils";
 

package/src/directive/if/if.spec.js

@@ -17,8 +17,9 @@ describe("ngIf", () => {
     beforeEach(function () {
       angular = new Angular();
       window.angular = new Angular();
-      injector = createInjector([
-        "ng",
+      window.angular.module("test", []);
+      injector = window.angular.bootstrap(document.getElementById("dummy"), [
+        "test",
         function (_$compileProvider_) {
           $compileProvider = _$compileProvider_;
         },

package/src/directive/include/include.js

@@ -1,7 +1,7 @@
 import { isDefined } from "../../shared/utils";
 import { buildFragment } from "../../shared/jqlite/jqlite";
 import { hasAnimate } from "../../shared/utils";
-import { domInsert } from "../../core/animate/animate";
+import { domInsert } from "../../animations/animate";
 
 export const ngIncludeDirective = [
   "$templateRequest",

package/src/directive/input/input.spec.js

@@ -18,10 +18,12 @@ describe("input", () => {
           throw new Error(exception.message);
         };
       });
-    createInjector(["myModule"]).invoke((_$compile_, $rootScope) => {
-      $compile = _$compile_;
-      scope = $rootScope.$new();
-    });
+    window.angular
+      .bootstrap(document.getElementById("dummy"), ["myModule"])
+      .invoke((_$compile_, $rootScope) => {
+        $compile = _$compile_;
+        scope = $rootScope.$new();
+      });
   });
 
   afterEach(() => {

package/src/directive/list/list.js

@@ -28,8 +28,8 @@ export function ngListDirective() {
         return list;
       };
 
-      ctrl.$parsers.push(parse);
-      ctrl.$formatters.push((value) => {
+      ctrl["$parsers"].push(parse);
+      ctrl["$formatters"].push((value) => {
         if (Array.isArray(value)) {
           return value.join(ngList);
         }
@@ -38,7 +38,7 @@ export function ngListDirective() {
       });
 
       // Override the standard $isEmpty because an empty array means the input is empty.
-      ctrl.$isEmpty = function (value) {
+      ctrl["$isEmpty"] = function (value) {
         return !value || !value.length;
       };
     },

package/src/directive/list/list.spec.js

@@ -1,6 +1,5 @@
 import { dealoc } from "../../shared/jqlite/jqlite";
 import { Angular } from "../../loader";
-import { createInjector } from "../../core/di/injector";
 
 describe("ngList", () => {
   let $rootScope;
@@ -11,7 +10,10 @@ describe("ngList", () => {
 
   beforeEach(() => {
     window.angular = new Angular();
-    injector = createInjector(["ng"]);
+    window.angular.module("test", []);
+    injector = window.angular.bootstrap(document.getElementById("dummy"), [
+      "test",
+    ]);
     $compile = injector.get("$compile");
     $rootScope = injector.get("$rootScope");
   });