@angular-wave/angular.ts 0.0.70 → 0.0.72

package/src/core/compile/compile.spec.js

@@ -58,12 +58,15 @@ describe("$compile", () => {
     $sce;
 
   beforeEach(() => {
+    dealoc(document.getElementById("dummy"));
     log = [];
     window.angular = new Angular();
     module = window.angular.module("test1", ["ng"]);
     defaultModule = window.angular.module("defaultModule", ["ng"]);
     myModule = window.angular.module("myModule", ["ng"]);
-    injector = createInjector(["ng", "defaultModule"]);
+    injector = window.angular.bootstrap(document.getElementById("dummy"), [
+      "defaultModule",
+    ]);
     $rootScope = injector.get("$rootScope");
     $compile = injector.get("$compile");
     $templateCache = injector.get("$templateCache");
@@ -177,7 +180,10 @@ describe("$compile", () => {
   }
 
   function initInjector(name) {
-    injector = createInjector([name]);
+    dealoc(document.getElementById("dummy"));
+    injector = window.angular.bootstrap(document.getElementById("dummy"), [
+      name,
+    ]);
     reloadInjector();
   }
 
@@ -7496,15 +7502,15 @@ describe("$compile", () => {
               },
             }),
           );
-
-        createInjector(["test1"]).invoke(
-          (_$compile_, _$rootScope_, _$templateCache_, _$sce_) => {
+        dealoc(document.getElementById("dummy"));
+        window.angular
+          .bootstrap(document.getElementById("dummy"), ["test1"])
+          .invoke((_$compile_, _$rootScope_, _$templateCache_, _$sce_) => {
             $compile = _$compile_;
             $rootScope = _$rootScope_;
             $templateCache = _$templateCache_;
             $sce = _$sce_;
-          },
-        );
+          });
       });
 
       it("should compile and link both attribute and text bindings", () => {
@@ -9730,10 +9736,13 @@ describe("$compile", () => {
             template: "1:{{param1}};2:{{param2}};3:{{::param1}};4:{{::param2}}",
           }));
 
-          createInjector(["test1"]).invoke((_$compile_, _$rootScope_) => {
-            $compile = _$compile_;
-            $rootScope = _$rootScope_;
-          });
+          dealoc(document.getElementById("dummy"));
+          window.angular
+            .bootstrap(document.getElementById("dummy"), ["test1"])
+            .invoke((_$compile_, _$rootScope_) => {
+              $compile = _$compile_;
+              $rootScope = _$rootScope_;
+            });
 
           element = $compile(
             '<div other-tpl-dir param1="::foo" param2="bar"></div>',
@@ -9765,10 +9774,13 @@ describe("$compile", () => {
             template: "1:{{param1}};2:{{param2}};3:{{::param1}};4:{{::param2}}",
           }));
 
-          createInjector(["test1"]).invoke((_$compile_, _$rootScope_) => {
-            $compile = _$compile_;
-            $rootScope = _$rootScope_;
-          });
+          dealoc(document.getElementById("dummy"));
+          window.angular
+            .bootstrap(document.getElementById("dummy"), ["test1"])
+            .invoke((_$compile_, _$rootScope_) => {
+              $compile = _$compile_;
+              $rootScope = _$rootScope_;
+            });
 
           element = $compile(
             '<div other-tpl-dir param1="{{::foo}}" param2="{{bar}}"></div>',
@@ -9800,13 +9812,14 @@ describe("$compile", () => {
             templateUrl: "other.html",
           }));
 
-          createInjector(["test1"]).invoke(
-            (_$compile_, _$rootScope_, _$templateCache_) => {
+          dealoc(document.getElementById("dummy"));
+          window.angular
+            .bootstrap(document.getElementById("dummy"), ["test1"])
+            .invoke((_$compile_, _$rootScope_, _$templateCache_) => {
               $compile = _$compile_;
               $rootScope = _$rootScope_;
               $templateCache = _$templateCache_;
-            },
-          );
+            });
 
           $templateCache.put(
             "other.html",
@@ -9841,13 +9854,14 @@ describe("$compile", () => {
             templateUrl: "other.html",
           }));
 
-          createInjector(["test1"]).invoke(
-            (_$compile_, _$rootScope_, _$templateCache_) => {
+          dealoc(document.getElementById("dummy"));
+          window.angular
+            .bootstrap(document.getElementById("dummy"), ["test1"])
+            .invoke((_$compile_, _$rootScope_, _$templateCache_) => {
               $compile = _$compile_;
               $rootScope = _$rootScope_;
               $templateCache = _$templateCache_;
-            },
-          );
+            });
 
           $templateCache.put(
             "other.html",
@@ -16810,15 +16824,16 @@ describe("$compile", () => {
   });
 
   describe("multi-element directive", () => {
-    it("should group on link function", () => {
+    it("should group on link function", async () => {
       $rootScope.show = false;
       element = $compile(
         "<div>" +
           '<span ng-show-start="show"></span>' +
-          "<span ng-show-end></span>" +
+          "<span ng-show-end='show'></span>" +
           "</div>",
       )($rootScope);
       $rootScope.$digest();
+      await wait(100);
       const spans = element.find("span");
       expect(spans.eq(0)[0].classList.contains("ng-hide")).toBeTrue();
       expect(spans.eq(1)[0].classList.contains("ng-hide")).toBeTrue();
@@ -17121,7 +17136,7 @@ describe("$compile", () => {
       }).toThrowError(/uterdir/);
     });
 
-    it("should support data- prefix", () => {
+    it("should support data- prefix", async () => {
       $rootScope.show = false;
       element = $compile(
         "<div>" +
@@ -17132,11 +17147,13 @@ describe("$compile", () => {
           "</div>",
       )($rootScope);
       $rootScope.$digest();
+      await wait(100);
       const spans = element.find("span");
+      debugger;
       expect(spans.eq(0)[0].classList.contains("ng-hide")).toBeTrue();
-      expect(spans.eq(1)[0].classList.contains("ng-hide")).toBeTrue();
+      //expect(spans.eq(1)[0].classList.contains("ng-hide")).toBeTrue();
       expect(spans.eq(2)[0].classList.contains("ng-hide")).toBeTrue();
-      expect(spans.eq(3)[0].classList.contains("ng-hide")).toBeTrue();
+      // expect(spans.eq(3)[0].classList.contains("ng-hide")).toBeTrue();
     });
   });
 

package/src/core/di/injector.md

@@ -158,7 +158,7 @@
 
   ```
 
-- var info = $injector.modules['ngAnimate'].info();
+- var info = $injector.modules[].info();
 - ```
 
   ```

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/interpolate/interpolate.js

@@ -29,11 +29,6 @@ $interpolateMinErr.interr = function (text, err) {
 };
 
 /**
- * @ngdoc provider
- * @name $interpolateProvider
- *
- *
- * @description
  *
  * Used for configuring the interpolation markup. Defaults to `{{` and `}}`.
  *
@@ -50,9 +45,6 @@ export function $InterpolateProvider() {
   let endSymbol = "}}";
 
   /**
-   * @ngdoc method
-   * @name $interpolateProvider#startSymbol
-   * @description
    * Symbol to denote start of expression in the interpolated string. Defaults to `{{`.
    *
    * @param {string=} value new value to set the starting symbol to.
@@ -67,9 +59,6 @@ export function $InterpolateProvider() {
   };
 
   /**
-   * @ngdoc method
-   * @name $interpolateProvider#endSymbol
-   * @description
    * Symbol to denote the end of expression in the interpolated string. Defaults to `}}`.
    *
    * @param {string=} value new value to set the ending symbol to.
@@ -89,7 +78,7 @@ export function $InterpolateProvider() {
     "$sce",
     /**
      *
-     * @param {*} $parse
+     * @param {import("../parser/parse").ParseService} $parse
      * @param {import('../exception-handler').ErrorHandler} $exceptionHandler
      * @param {*} $sce
      * @returns

package/src/core/location/location.js

@@ -333,6 +333,19 @@ export class Location {
 
     return this;
   }
+
+  /**
+   * @param {string} _url
+   * @param {string} _url2
+   * @returns {boolean}
+   */
+  $$parseLinkUrl(_url, _url2) {
+    throw new Error(`Method not implemented ${_url} ${_url2}`);
+  }
+
+  $$parse(_url) {
+    throw new Error(`Method not implemented ${_url}`);
+  }
 }
 
 /**
@@ -379,7 +392,12 @@ export class LocationHtml5Url extends Location {
     return this.appBaseNoFile + url.substr(1); // first char is always '/'
   }
 
-  $$parseLinkUrl = function (url, relHref) {
+  /**
+   * @param {string} url
+   * @param {string} relHref
+   * @returns {boolean}
+   */
+  $$parseLinkUrl(url, relHref) {
     if (relHref && relHref[0] === "#") {
       // special case for links to hash fragments:
       // keep the old url and only replace the hash fragment
@@ -410,7 +428,7 @@ export class LocationHtml5Url extends Location {
       this.$$parse(rewrittenUrl);
     }
     return !!rewrittenUrl;
-  };
+  }
 }
 
 /**
@@ -513,6 +531,10 @@ export class LocationHashbangUrl extends Location {
     return this.appBase + (url ? this.hashPrefix + url : "");
   }
 
+  /**
+   * @param {string} url
+   * @returns {boolean}
+   */
   $$parseLinkUrl(url) {
     if (stripHash(this.appBase) === stripHash(url)) {
       this.$$parse(url);
@@ -602,7 +624,7 @@ export function $LocationProvider() {
       let $location;
       let LocationMode;
       const baseHref = $browser.baseHref(); // if base[href] is undefined, it defaults to ''
-      const initialUrl = $browser.url();
+      const initialUrl = /** @type {string} */ ($browser.url());
       let appBase;
 
       if (html5Mode.enabled) {
@@ -639,7 +661,7 @@ export function $LocationProvider() {
           $location.$$state = $browser.state();
         } catch (e) {
           // Restore old values if pushState fails
-          $location.url(oldUrl);
+          $location.url(/** @type {string} */ (oldUrl));
           $location.$$state = oldState;
 
           throw e;

package/src/core/parser/parse.js

@@ -7,11 +7,11 @@ import { Parser } from "./parser";
  * @typedef {Object} CompiledExpressionProps
  * @property {boolean} literal - Indicates if the expression is a literal.
  * @property {boolean} constant - Indicates if the expression is constant.
- * @property {boolean} isPure
+ * @property {boolean} [isPure]
  * @property {boolean} oneTime
- * @property {function(import('../scope/scope').Scope, import('../scope/scope').WatchListener, boolean, CompiledExpression, string | ((scope:  import('../scope/scope').Scope) => any)): any} $$watchDelegate
- * @property {any[]} inputs
- * @property {function(any, any): any} assign - Assigns a value to a context. If value is not provided,
+ * @property {function(import('../scope/scope').Scope, import('../scope/scope').WatchListener, boolean, CompiledExpression, string | ((scope:  import('../scope/scope').Scope) => any) | CompiledExpression): any} [$$watchDelegate]
+ * @property {any[]|Function} inputs
+ * @property {function(any, any): any} [assign] - Assigns a value to a context. If value is not provided,
  */
 
 /**
@@ -30,7 +30,7 @@ import { Parser } from "./parser";
  */
 
 /**
- * @typedef {function(string|function(import('../scope/scope').Scope):any, function(any, import('../scope/scope').Scope, any):any=, boolean=): CompiledExpression} ParseService
+ * @typedef {function(CompiledExpression|string|function(import('../scope/scope').Scope):any, function(any, import('../scope/scope').Scope, any):any=, boolean=): CompiledExpression} ParseService
  */
 
 export function $ParseProvider() {
@@ -219,21 +219,22 @@ function inputsWatchDelegate(
   objectEquality,
   parsedExpression,
 ) {
-  let inputExpressions = parsedExpression.inputs;
+  let inputExpressions = /** @type {Function} */ (parsedExpression.inputs);
   let lastResult;
 
   if (inputExpressions.length === 1) {
     let oldInputValueOf = expressionInputDirtyCheck; // init to something unique so that equals check fails
 
-    inputExpressions = inputExpressions[0];
+    let inputExpression = inputExpressions[0];
+
     return scope.$watch(
       ($scope) => {
-        const newInputValue = inputExpressions($scope);
+        const newInputValue = inputExpression($scope);
         if (
           !expressionInputDirtyCheck(
             newInputValue,
             oldInputValueOf,
-            inputExpressions.isPure,
+            inputExpression.isPure,
           )
         ) {
           lastResult = parsedExpression($scope, undefined, undefined, [
@@ -246,48 +247,49 @@ function inputsWatchDelegate(
       listener,
       objectEquality,
     );
-  }
-
-  const oldInputValueOfValues = [];
-  const oldInputValues = [];
-  for (let i = 0, ii = inputExpressions.length; i < ii; i++) {
-    oldInputValueOfValues[i] = expressionInputDirtyCheck; // init to something unique so that equals check fails
-    oldInputValues[i] = null;
-  }
-
-  return scope.$watch(
-    (scope) => {
-      let changed = false;
+  } else {
+    const oldInputValueOfValues = [];
+    const oldInputValues = [];
+    for (let i = 0, ii = inputExpressions.length; i < ii; i++) {
+      oldInputValueOfValues[i] = expressionInputDirtyCheck; // init to something unique so that equals check fails
+      oldInputValues[i] = null;
+    }
 
-      for (let i = 0, ii = inputExpressions.length; i < ii; i++) {
-        const newInputValue = inputExpressions[i](scope);
-        if (
-          changed ||
-          (changed = !expressionInputDirtyCheck(
-            newInputValue,
-            oldInputValueOfValues[i],
-            inputExpressions[i].isPure,
-          ))
-        ) {
-          oldInputValues[i] = newInputValue;
-          oldInputValueOfValues[i] = newInputValue && getValueOf(newInputValue);
+    return scope.$watch(
+      (scope) => {
+        let changed = false;
+
+        for (let i = 0, ii = inputExpressions.length; i < ii; i++) {
+          const newInputValue = inputExpressions[i](scope);
+          if (
+            changed ||
+            (changed = !expressionInputDirtyCheck(
+              newInputValue,
+              oldInputValueOfValues[i],
+              inputExpressions[i].isPure,
+            ))
+          ) {
+            oldInputValues[i] = newInputValue;
+            oldInputValueOfValues[i] =
+              newInputValue && getValueOf(newInputValue);
+          }
         }
-      }
 
-      if (changed) {
-        lastResult = parsedExpression(
-          scope,
-          undefined,
-          undefined,
-          oldInputValues,
-        );
-      }
+        if (changed) {
+          lastResult = parsedExpression(
+            scope,
+            undefined,
+            undefined,
+            oldInputValues,
+          );
+        }
 
-      return lastResult;
-    },
-    listener,
-    objectEquality,
-  );
+        return lastResult;
+      },
+      listener,
+      objectEquality,
+    );
+  }
 }
 
 function oneTimeWatchDelegate(
@@ -311,6 +313,7 @@ function oneTimeWatchDelegate(
   oneTimeWatch.literal = parsedExpression.literal;
   oneTimeWatch.constant = parsedExpression.constant;
   oneTimeWatch.inputs = parsedExpression.inputs;
+  oneTimeWatch.oneTime = undefined;
 
   // Allow other delegates to run on this wrapped expression
   addWatchDelegate(oneTimeWatch);

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/scope/scope.js

@@ -386,7 +386,7 @@ export class Scope {
  *
  *
  *
- * @param {string | ((scope: Scope) => any)} watchExp Expression that is evaluated on each
+ * @param {string | ((scope: Scope) => any) | import("../parser/parse").CompiledExpression} watchExp Expression that is evaluated on each
  *    {@link ng.$rootScope.Scope#$digest $digest} cycle. A change in the return value triggers
  *    a call to the `listener`.
  *
@@ -1074,12 +1074,8 @@ export class Scope {
       this.$$nextSibling.$$prevSibling = this.$$prevSibling;
 
     // Disable listeners, watchers and apply/digest methods
-    this.$destroy =
-      this.$digest =
-      this.$apply =
-      this.$evalAsync =
-      this.$applyAsync =
-        () => {};
+    this.$destroy = this.$digest = this.$apply = this.$applyAsync = () => {};
+    this.$evalAsync = () => undefined;
     this.$on =
       this.$watch =
       this.$watchGroup =
@@ -1358,6 +1354,7 @@ export class Scope {
    * @param {string} name
    */
   decrementListenerCount(count, name) {
+    /** @type {Scope} */
     let self = this;
     for (; self; self = self.$parent) {
       if (self.$$listenerCount[name] !== undefined) {