@angular-wave/angular.ts 0.2.1 → 0.2.3

package/src/core/url-utils/url-utils.spec.js

@@ -65,7 +65,7 @@ describe("urlUtils", () => {
 
       expectIsSameOrigin("path", true);
 
-      const origin = urlResolve(window.document.location.href);
+      const origin = urlResolve(document.location.href);
       expectIsSameOrigin(`//${origin.host}/path`, true);
 
       // Different domain.

package/src/directive/attrs/boolean.spec.js

@@ -10,7 +10,7 @@ describe("boolean attr directives", () => {
     createInjector([
       "ng",
       ($provide) => {
-        $provide.value("$rootElement", window.document.body);
+        $provide.value("$rootElement", document.body);
       },
     ]).invoke((_$compile_, _$rootScope_, _$rootElement_) => {
       $compile = _$compile_;

package/src/directive/class/class.js

@@ -6,8 +6,18 @@ function classDirective(name, selector) {
 
   return [
     "$parse",
+    /**
+     *
+     * @param {import("../../core/parser/parse.js").ParseService} $parse
+     * @returns {import("../../types").Directive}
+     */
     ($parse) => ({
       restrict: "EA",
+      /**
+       * @param {import("../../core/scope/scope").Scope} scope
+       * @param {import("../../shared/jqlite/jqlite").JQLite} element
+       * @param {import("../../core/compile/attributes").Attributes} attr
+       */
       link(scope, element, attr) {
         let classCounts = element.data("$classCounts");
         let oldModulo = true;
@@ -165,96 +175,6 @@ function classDirective(name, selector) {
   }
 }
 
-/**
- * The `ngClass` directive allows you to dynamically set CSS classes on an HTML element by databinding
- * an expression that represents all classes to be added.
- *
- * The directive operates in three different ways, depending on which of three types the expression
- * evaluates to:
- *
- * 1. If the expression evaluates to a string, the string should be one or more space-delimited class
- * names.
- *
- * 2. If the expression evaluates to an object, then for each key-value pair of the
- * object with a truthy value the corresponding key is used as a class name.
- *
- * 3. If the expression evaluates to an array, each element of the array should either be a string as in
- * type 1 or an object as in type 2. This means that you can mix strings and objects together in an array
- * to give you more control over what CSS classes appear. See the code below for an example of this.
- *
- *
- * The directive won't add duplicate classes if a particular class was already set.
- *
- * When the expression changes, the previously added classes are removed and only then are the
- * new classes added.
- *
- * @knownIssue
- * You should not use {@link guide/interpolation interpolation} in the value of the `class`
- * attribute, when using the `ngClass` directive on the same element.
- * See {@link guide/interpolation#known-issues here} for more info.
- *
- * @animations
- * | Animation                        | Occurs                              |
- * |----------------------------------|-------------------------------------|
- * | {@link ng.$animate#addClass addClass}       | just before the class is applied to the element   |
- * | {@link ng.$animate#removeClass removeClass} | just before the class is removed from the element |
- * | {@link ng.$animate#setClass setClass} | just before classes are added and classes are removed from the element at the same time |
- *
- * ### ngClass and pre-existing CSS3 Transitions/Animations
-   The ngClass directive still supports CSS3 Transitions/Animations even if they do not follow the ngAnimate CSS naming structure.
-   Upon animation ngAnimate will apply supplementary CSS classes to track the start and end of an animation, but this will not hinder
-   any pre-existing CSS transitions already on the element. To get an idea of what happens during a class-based animation, be sure
-   to view the step by step details of {@link $animate#addClass $animate.addClass} and
-   {@link $animate#removeClass $animate.removeClass}.
- *
- * @param {String} ngClass {@link guide/expression Expression} to eval. The result
- *   of the evaluation can be a string representing space delimited class
- *   names, an array, or a map of class names to boolean values. In the case of a map, the
- *   names of the properties whose values are truthy will be added as css classes to the
- *   element.
- *
- */
 export const ngClassDirective = classDirective("", true);
-
-/**
- * The `ngClassOdd` and `ngClassEven` directives work exactly as
- * {@link ng.directive:ngClass ngClass}, except they work in
- * conjunction with `ngRepeat` and take effect only on odd (even) rows.
- *
- * This directive can be applied only within the scope of an
- * {@link ng.directive:ngRepeat ngRepeat}.
- *
- * @animations
- * | Animation                        | Occurs                              |
- * |----------------------------------|-------------------------------------|
- * | {@link ng.$animate#addClass addClass}       | just before the class is applied to the element   |
- * | {@link ng.$animate#removeClass removeClass} | just before the class is removed from the element |
- *
- * @element ANY
- * @param {String} ngClassOdd {@link guide/expression Expression} to eval. The result
- *   of the evaluation can be a string representing space delimited class names or an array.
- *
- *
- */
 export const ngClassOddDirective = classDirective("Odd", 0);
-
-/**
- * The `ngClassOdd` and `ngClassEven` directives work exactly as
- * {@link ng.directive:ngClass ngClass}, except they work in
- * conjunction with `ngRepeat` and take effect only on odd (even) rows.
- *
- * This directive can be applied only within the scope of an
- * {@link ng.directive:ngRepeat ngRepeat}.
- *
- * @animations
- * | Animation                        | Occurs                              |
- * |----------------------------------|-------------------------------------|
- * | {@link ng.$animate#addClass addClass}       | just before the class is applied to the element   |
- * | {@link ng.$animate#removeClass removeClass} | just before the class is removed from the element |
- *
- * @element ANY
- * @param {String} ngClassEven {@link guide/expression Expression} to eval. The
- *   result of the evaluation can be a string representing space delimited class names or an array.
- *
- */
 export const ngClassEvenDirective = classDirective("Even", 1);

package/src/directive/class/class.md

@@ -0,0 +1,90 @@
+/\*\*
+
+- The `ngClass` directive allows you to dynamically set CSS classes on an HTML element by databinding
+- an expression that represents all classes to be added.
+-
+- The directive operates in three different ways, depending on which of three types the expression
+- evaluates to:
+-
+- 1.  If the expression evaluates to a string, the string should be one or more space-delimited class
+- names.
+-
+- 2.  If the expression evaluates to an object, then for each key-value pair of the
+- object with a truthy value the corresponding key is used as a class name.
+-
+- 3.  If the expression evaluates to an array, each element of the array should either be a string as in
+- type 1 or an object as in type 2. This means that you can mix strings and objects together in an array
+- to give you more control over what CSS classes appear. See the code below for an example of this.
+-
+-
+- The directive won't add duplicate classes if a particular class was already set.
+-
+- When the expression changes, the previously added classes are removed and only then are the
+- new classes added.
+-
+- @knownIssue
+- You should not use {@link guide/interpolation interpolation} in the value of the `class`
+- attribute, when using the `ngClass` directive on the same element.
+- See {@link guide/interpolation#known-issues here} for more info.
+-
+- @animations
+- | Animation | Occurs |
+- |----------------------------------|-------------------------------------|
+- | {@link ng.$animate#addClass addClass} | just before the class is applied to the element |
+- | {@link ng.$animate#removeClass removeClass} | just before the class is removed from the element |
+- | {@link ng.$animate#setClass setClass} | just before classes are added and classes are removed from the element at the same time |
+-
+- ### ngClass and pre-existing CSS3 Transitions/Animations
+  The ngClass directive still supports CSS3 Transitions/Animations even if they do not follow the ngAnimate CSS naming structure.
+  Upon animation ngAnimate will apply supplementary CSS classes to track the start and end of an animation, but this will not hinder
+  any pre-existing CSS transitions already on the element. To get an idea of what happens during a class-based animation, be sure
+  to view the step by step details of {@link $animate#addClass $animate.addClass} and
+  {@link $animate#removeClass $animate.removeClass}.
+-
+- @param {String} ngClass {@link guide/expression Expression} to eval. The result
+- of the evaluation can be a string representing space delimited class
+- names, an array, or a map of class names to boolean values. In the case of a map, the
+- names of the properties whose values are truthy will be added as css classes to the
+- element.
+- \*/
+
+/\*\*
+
+- The `ngClassOdd` and `ngClassEven` directives work exactly as
+- {@link ng.directive:ngClass ngClass}, except they work in
+- conjunction with `ngRepeat` and take effect only on odd (even) rows.
+-
+- This directive can be applied only within the scope of an
+- {@link ng.directive:ngRepeat ngRepeat}.
+-
+- @animations
+- | Animation | Occurs |
+- |----------------------------------|-------------------------------------|
+- | {@link ng.$animate#addClass addClass} | just before the class is applied to the element |
+- | {@link ng.$animate#removeClass removeClass} | just before the class is removed from the element |
+-
+- @element ANY
+- @param {string} ngClassOdd {@link guide/expression Expression} to eval. The result
+- of the evaluation can be a string representing space delimited class names or an array.
+-
+- \*/
+
+/\*\*
+
+- The `ngClassOdd` and `ngClassEven` directives work exactly as
+- {@link ng.directive:ngClass ngClass}, except they work in
+- conjunction with `ngRepeat` and take effect only on odd (even) rows.
+-
+- This directive can be applied only within the scope of an
+- {@link ng.directive:ngRepeat ngRepeat}.
+-
+- @animations
+- | Animation | Occurs |
+- |----------------------------------|-------------------------------------|
+- | {@link ng.$animate#addClass addClass} | just before the class is applied to the element |
+- | {@link ng.$animate#removeClass removeClass} | just before the class is removed from the element |
+-
+- @element ANY
+- @param {string} ngClassEven {@link guide/expression Expression} to eval. The
+- result of the evaluation can be a string representing space delimited class names or an array.
+- \*/

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

@@ -737,7 +737,7 @@ describe("ngClass", () => {
 //     module("ngAnimateMock");
 //     inject(($compile, $rootScope, $animate, $timeout) => {
 //       element = angular.element('<div ng-class="val"></div>');
-//       const body = JQLite(window.document.body);
+//       const body = JQLite(document.body);
 //       body.append(element);
 //       $compile(element)($rootScope);
 

package/src/directive/controller/controller.spec.js

@@ -112,18 +112,6 @@ describe("ngController", () => {
     expect(element.text()).toBe("Hello Adam!");
   });
 
-  it("should instantiate controller defined on scope", () => {
-    $rootScope.VojtaGreeter = function ($scope) {
-      $scope.name = "Vojta";
-    };
-
-    element = $compile('<div ng-controller="VojtaGreeter">{{name}}</div>')(
-      $rootScope,
-    );
-    $rootScope.$digest();
-    expect(element.text()).toBe("Vojta");
-  });
-
   it("should work with ngInclude on the same element", (done) => {
     element = JQLite(
       '<div><div ng-controller="Greeter" ng-include="\'/mock/interpolation\'"></div></div>',

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

@@ -419,7 +419,7 @@ describe("form", () => {
       );
       // Support: Chrome 60+ (on Windows)
       // We need to add the form to the DOM in order for `submit` events to be properly fired.
-      window.document.body.appendChild(doc[0]);
+      document.body.appendChild(doc[0]);
 
       const assertPreventDefaultListener = function (e) {
         reloadPrevented = e.defaultPrevented || e.returnValue === false;
@@ -1404,7 +1404,7 @@ describe("form", () => {
     let myModule;
 
     beforeEach(() => {
-      let dummy = window.document.getElementById("dummy");
+      let dummy = document.getElementById("dummy");
       doc = JQLite('<form name="myForm"></form>');
       JQLite(dummy).append(doc);
       let angular = new Angular();
@@ -1423,7 +1423,7 @@ describe("form", () => {
     afterEach(() => {
       dealoc(doc);
       dealoc(dummy);
-      window.document.getElementById("dummy").innerHTML = "";
+      document.getElementById("dummy").innerHTML = "";
     });
 
     it("should trigger an animation when invalid", (done) => {

package/src/directive/include/include.spec.js

@@ -689,7 +689,7 @@ describe("ngInclude", () => {
     //   //       // we need to run animation on attached elements;
     //   //       function (_$rootElement_) {
     //   //         $rootElement = _$rootElement_;
-    //   //         body = JQLite(window.document.body);
+    //   //         body = JQLite(document.body);
     //   //         body.append($rootElement);
     //   //       },
     //   //   ),

package/src/directive/input/input.js

@@ -113,7 +113,7 @@ function textInputType(scope, element, attr, ctrl, $browser) {
 }
 
 function baseInputType(scope, element, attr, ctrl, $browser) {
-  const type = lowercase(element[0].type);
+  const type = element[0].type.toLowerCase();
   let composing = false;
   // In composition mode, users are still inputting intermediate text buffer,
   // hold the listener until composition is done.

package/src/directive/model/model.js

@@ -146,17 +146,23 @@ export class NgModelController {
 
     this.$$parsedNgModel = $parse($attr["ngModel"]);
     this.$$parsedNgModelAssign = this.$$parsedNgModel.assign;
+
     /** @type {import("../../core/parser/parse").CompiledExpression|((Scope) => any)} */
     this.$$ngModelGet = this.$$parsedNgModel;
     this.$$ngModelSet = this.$$parsedNgModelAssign;
     this.$$pendingDebounce = null;
     this.$$parserValid = undefined;
+
+    /** @type {string} */
     this.$$parserName = "parse";
 
     /** @type {number} */
     this.$$currentValidationRunId = 0;
 
+    /** @type {import('../../core/scope/scope.js').Scope} */
     this.$$scope = $scope;
+
+    /** @type {import('../../core/scope/scope.js').Scope} */
     this.$$rootScope = $scope.$root;
     this.$$attr = $attr;
     this.$$element = $element;
@@ -1095,54 +1101,56 @@ export function ngModelDirective($rootScope) {
     // so that we can set the NgModelOptions in NgModelController
     // before anyone else uses it.
     priority: 1,
-    compile: function ngModelCompile(element) {
-      // Setup initial state of the control
-      element[0].classList.add(PRISTINE_CLASS, UNTOUCHED_CLASS, VALID_CLASS);
-
-      return {
-        pre: function (scope, _element, attr, ctrls) {
-          const modelCtrl = ctrls[0];
-          const formCtrl = ctrls[1] || modelCtrl.$$parentForm;
-          const optionsCtrl = ctrls[2];
-
-          if (optionsCtrl) {
-            modelCtrl.$options = optionsCtrl.$options;
-          }
+    compile:
+      /** @param {import("../../shared/jqlite/jqlite.js").JQLite} element  */
+      (element) => {
+        // Setup initial state of the control
+        element[0].classList.add(PRISTINE_CLASS, UNTOUCHED_CLASS, VALID_CLASS);
+
+        return {
+          pre: (scope, _element, attr, ctrls) => {
+            const modelCtrl = ctrls[0];
+            const formCtrl = ctrls[1] || modelCtrl.$$parentForm;
+            const optionsCtrl = ctrls[2];
+
+            if (optionsCtrl) {
+              modelCtrl.$options = optionsCtrl.$options;
+            }
 
-          modelCtrl.$$initGetterSetters();
+            modelCtrl.$$initGetterSetters();
 
-          // notify others, especially parent forms
-          formCtrl.$addControl(modelCtrl);
+            // notify others, especially parent forms
+            formCtrl.$addControl(modelCtrl);
 
-          attr.$observe("name", (newValue) => {
-            if (modelCtrl.$name !== newValue) {
-              modelCtrl.$$parentForm.$$renameControl(modelCtrl, newValue);
-            }
-          });
+            attr.$observe("name", (newValue) => {
+              if (modelCtrl.$name !== newValue) {
+                modelCtrl.$$parentForm.$$renameControl(modelCtrl, newValue);
+              }
+            });
 
-          scope.$on("$destroy", () => {
-            modelCtrl.$$parentForm.$removeControl(modelCtrl);
-          });
-        },
-        post: function (scope, element, _attr, ctrls) {
-          const modelCtrl = ctrls[0];
-          modelCtrl.$$setUpdateOnEvents();
+            scope.$on("$destroy", () => {
+              modelCtrl.$$parentForm.$removeControl(modelCtrl);
+            });
+          },
+          post: (scope, element, _attr, ctrls) => {
+            const modelCtrl = ctrls[0];
+            modelCtrl.$$setUpdateOnEvents();
 
-          function setTouched() {
-            modelCtrl.$setTouched();
-          }
+            function setTouched() {
+              modelCtrl.$setTouched();
+            }
 
-          element.on("blur", () => {
-            if (modelCtrl.$touched) return;
+            element.on("blur", () => {
+              if (modelCtrl.$touched) return;
 
-            if ($rootScope.$$phase !== ScopePhase.NONE) {
-              scope.$evalAsync(setTouched);
-            } else {
-              scope.$apply(setTouched);
-            }
-          });
-        },
-      };
-    },
+              if ($rootScope.$$phase !== ScopePhase.NONE) {
+                scope.$evalAsync(setTouched);
+              } else {
+                scope.$apply(setTouched);
+              }
+            });
+          },
+        };
+      },
   };
 }

package/src/directive/options/options.js

@@ -209,8 +209,8 @@ export const ngOptionsDirective = [
     // Support: IE 9 only
     // We can't just JQLite('<option>') since JQLite is not smart enough
     // to create it in <select> and IE barfs otherwise.
-    const optionTemplate = window.document.createElement("option");
-    const optGroupTemplate = window.document.createElement("optgroup");
+    const optionTemplate = document.createElement("option");
+    const optGroupTemplate = document.createElement("optgroup");
 
     function ngOptionsPostLink(scope, selectElement, attr, ctrls) {
       const selectCtrl = ctrls[0];

package/src/directive/repeat/repeat.spec.js

@@ -119,7 +119,7 @@ describe("ngRepeat", () => {
       "<a class='test' name='y'>b</a>" +
       "<a class='test' name='x'>c</a>";
 
-    const htmlCollection = window.document.getElementsByClassName("test");
+    const htmlCollection = document.getElementsByClassName("test");
     scope.items = htmlCollection;
     scope.$digest();
     expect(element.find("li").length).toEqual(3);
@@ -382,7 +382,7 @@ describe("ngRepeat", () => {
           "</li>" +
           "</ul>",
       )(scope);
-      window.document.getElementById("dummy").appendChild(element[0]);
+      document.getElementById("dummy").appendChild(element[0]);
       scope.items = { misko: true, shyam: true, zhenbo: true };
       scope.$digest();
       expect(element.find("li").length).toEqual(3);
@@ -413,7 +413,7 @@ describe("ngRepeat", () => {
       expect(element.find("input")[1].checked).toBe(true);
       expect(element.find("input")[2].checked).toBe(true);
 
-      window.document.getElementById("dummy").innerHTML = "";
+      document.getElementById("dummy").innerHTML = "";
     });
 
     it("should invoke track by with correct locals", () => {
@@ -1466,7 +1466,7 @@ describe("ngRepeat", () => {
 //         // we need to run animation on attached elements;
 //         function (_$rootElement_) {
 //           $rootElement = _$rootElement_;
-//           body = JQLite(window.document.body);
+//           body = JQLite(document.body);
 //           body.append($rootElement);
 //         },
 //     ),

package/src/directive/select/select.js

@@ -49,7 +49,7 @@ function SelectController($element, $scope) {
   // Support: IE 9 only
   // We can't just JQLite('<option>') since JQLite is not smart enough
   // to create it in <select> and IE barfs otherwise.
-  self.unknownOption = JQLite(window.document.createElement("option"));
+  self.unknownOption = JQLite(document.createElement("option"));
 
   // The empty option is an option with the value '' that the application developer can
   // provide inside the select. It is always selectable and indicates that a "null" selection has

package/src/directive/show-hide/show-hide.spec.js

@@ -130,7 +130,7 @@ describe("ngShow / ngHide", () => {
 
 //   beforeEach(() => {
 //     // we need to run animation on attached elements;
-//     body = JQLite(window.document.body);
+//     body = JQLite(document.body);
 //   });
 
 //   afterEach(() => {

package/src/directive/style/style.spec.js

@@ -86,7 +86,7 @@ describe("ng-style", () => {
       postCompVal = "100px";
       element = JQLite('<div ng-style="styleObj"></div>');
       element[0].style[preCompStyle] = preCompVal;
-      JQLite(window.document.body).append(element);
+      JQLite(document.body).append(element);
       $compile(element)($scope);
       scope = $scope;
       scope.styleObj = { "margin-top": "44px" };

package/src/directive/switch/switch.spec.js

@@ -499,7 +499,7 @@ describe("ngSwitch", () => {
 //         // we need to run animation on attached elements;
 //         function (_$rootElement_) {
 //           $rootElement = _$rootElement_;
-//           body = JQLite(window.document.body);
+//           body = JQLite(document.body);
 //           body.append($rootElement);
 //         },
 //     ),

package/src/directive/validators/validators.js

@@ -10,7 +10,7 @@ import { startingTag } from "../../shared/jqlite/jqlite";
 
 /**
  *
- * @param {String} ngRequired AngularJS expression. If it evaluates to `true`, it sets the
+ * @param {string} ngRequired AngularJS expression. If it evaluates to `true`, it sets the
  *                                `required` attribute to the element and adds the `required`
  *                                {@link ngModel.NgModelController#$validators `validator`}.
  *
@@ -170,7 +170,7 @@ export const patternDirective = [
 ];
 
 /**
- * @param {String} ngMaxlength AngularJS expression that must evaluate to a `Number` or `String`
+ * @param {string} ngMaxlength AngularJS expression that must evaluate to a `Number` or `String`
  *                                 parsable into a `Number`. Used as value for the `maxlength`
  *                                 {@link ngModel.NgModelController#$validators validator}.
  *

package/src/filters/filter.js

@@ -4,7 +4,6 @@ import {
   isFunction,
   isUndefined,
   isObject,
-  lowercase,
   hasCustomToString,
   equals,
 } from "../shared/utils";
@@ -95,8 +94,8 @@ function createPredicateFn(
         return false;
       }
 
-      actual = lowercase(`${actual}`);
-      expected = lowercase(`${expected}`);
+      actual = `${actual}`.toLowerCase();
+      expected = `${expected}`.toLowerCase();
       return actual.indexOf(expected) !== -1;
     };
   }

package/src/filters/limit-to.js

@@ -19,7 +19,7 @@ export function limitToFilter() {
     if (Math.abs(Number(limit)) === Infinity) {
       limit = Number(limit);
     } else {
-      limit = toInt(/** @type {String} */ (limit));
+      limit = toInt(/** @type {string} */ (limit));
     }
     if (isNumberNaN(limit)) return input;
 
@@ -29,7 +29,7 @@ export function limitToFilter() {
     begin =
       !begin || isNaN(/** @type {any} */ (begin))
         ? 0
-        : toInt(/** @type {String} */ (begin));
+        : toInt(/** @type {string} */ (begin));
     begin =
       begin < 0 ? Math.max(0, /** @type {[]} */ (input).length + begin) : begin;
 

package/src/router/resolve/resolvable.js

@@ -48,6 +48,7 @@ export class Resolvable {
       this.data = arg1.data;
     }
   }
+
   getPolicy(state) {
     const thisPolicy = this.policy || {};
     const statePolicy = (state && state.resolvePolicy) || {};
@@ -57,6 +58,7 @@ export class Resolvable {
         thisPolicy.async || statePolicy.async || defaultResolvePolicy.async,
     };
   }
+
   /**
    * Asynchronously resolve this Resolvable's data
    *
@@ -105,9 +107,11 @@ export class Resolvable {
   get(resolveContext, trans) {
     return this.promise || this.resolve(resolveContext, trans);
   }
+
   toString() {
     return `Resolvable(token: ${stringify(this.token)}, requires: [${this.deps.map(stringify)}])`;
   }
+
   clone() {
     return new Resolvable(this);
   }