@angular-wave/angular.ts 0.2.2 → 0.3.0

package/src/core/di/internal-injector.js

@@ -30,7 +30,7 @@ class AbstractInjector {
   /**
    * Get a service by name.
    *
-   * @param {String} serviceName
+   * @param {string} serviceName
    * @returns {any}
    */
   get(serviceName) {
@@ -63,7 +63,7 @@ class AbstractInjector {
    *
    * @param {Function|Array} fn
    * @param {Object} locals
-   * @param {String} serviceName
+   * @param {string} serviceName
    * @returns
    */
   injectionArgs(fn, locals, serviceName) {
@@ -94,7 +94,7 @@ class AbstractInjector {
    * @param {Function|String|Array<any>} fn
    * @param {*} [self]
    * @param {Object} [locals]
-   * @param {String} [serviceName]
+   * @param {string} [serviceName]
    * @returns
    */
   invoke(fn, self, locals, serviceName) {
@@ -112,7 +112,7 @@ class AbstractInjector {
       fn = fn[fn.length - 1];
     }
 
-    if (isClass(/** @type {String} */ (fn))) {
+    if (isClass(/** @type {string} */ (fn))) {
       args.unshift(null);
       return new (Function.prototype.bind.apply(fn, args))();
     } else {
@@ -124,7 +124,7 @@ class AbstractInjector {
    * Instantiate a type constructor with optional locals.
    * @param {Function|Array} type
    * @param {*} [locals]
-   * @param {String} [serviceName]
+   * @param {string} [serviceName]
    */
   instantiate(type, locals, serviceName) {
     // Check if type is annotated and use just the given function at n-1 as parameter
@@ -143,7 +143,7 @@ class AbstractInjector {
 
   /**
    * @abstract
-   * @param {String} _serviceName
+   * @param {string} _serviceName
    */
   factory(_serviceName) {
     console.error(`Unhandled ${_serviceName}`);
@@ -166,7 +166,7 @@ export class ProviderInjector extends AbstractInjector {
 
   /**
    * Factory method for creating services.
-   * @param {String} caller - The name of the caller requesting the service.
+   * @param {string} caller - The name of the caller requesting the service.
    * @throws {Error} If the provider is unknown.
    */
   factory(caller) {
@@ -204,7 +204,7 @@ export class InjectorService extends AbstractInjector {
 
   /**
    *
-   * @param {String} name
+   * @param {string} name
    * @returns {boolean}
    */
   has(name) {
@@ -220,15 +220,15 @@ export class InjectorService extends AbstractInjector {
 // Helpers
 
 /**
- * @param {String} fn
- * @returns {String}
+ * @param {string} fn
+ * @returns {string}
  */
 function stringifyFn(fn) {
   return Function.prototype.toString.call(fn);
 }
 
 /**
- * @param {String} fn
+ * @param {string} fn
  * @returns {Array<any>}
  */
 function extractArgs(fn) {
@@ -238,7 +238,7 @@ function extractArgs(fn) {
 }
 
 /**
- * @param {String} func
+ * @param {string} func
  * @returns {boolean}
  */
 function isClass(func) {
@@ -249,7 +249,7 @@ function isClass(func) {
  *
  * @param {any} fn
  * @param {boolean} strictDi
- * @param {String} name
+ * @param {string} name
  * @returns {Array<string>}
  */
 function annotate(fn, strictDi, name) {
@@ -266,7 +266,7 @@ function annotate(fn, strictDi, name) {
             name,
           );
         }
-        argDecl = extractArgs(/** @type {String} */ (fn));
+        argDecl = extractArgs(/** @type {string} */ (fn));
         argDecl[1].split(FN_ARG_SPLIT).forEach(function (arg) {
           arg.replace(FN_ARG, function (_all, _underscore, name) {
             $inject.push(name);

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

@@ -25,8 +25,8 @@ 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 {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]
    */
   constructor(name, requires, configFn) {

package/src/core/filter/filter.md

@@ -97,7 +97,7 @@
 - @example
   <example name="$filter" module="filterExample">
   <file name="index.html">
-  <div ng-controller="MainCtrl">
+  <div ng-controller="MainCtrl">`
   <h3>{{ originalText }}</h3>
   <h3>{{ filteredText }}</h3>
   </div>

package/src/core/location/location.spec.js

@@ -1796,7 +1796,7 @@ describe("$location", () => {
 
   //   afterEach(() => {
   //     dealoc(root);
-  //     dealoc(window.document.body);
+  //     dealoc(document.body);
   //   });
 
   //   it("should rewrite rel link to new url when history enabled on new browser", () => {
@@ -2303,7 +2303,7 @@ describe("$location", () => {
   //       }),
   //       setupRewriteChecks(),
   //       ($browser) => {
-  //         const rightClick = window.document.createEvent("MouseEvents");
+  //         const rightClick = document.createEvent("MouseEvents");
   //         rightClick.initMouseEvent(
   //           "click",
   //           true,
@@ -2441,12 +2441,12 @@ describe("$location", () => {
   //     });
   //     inject(($location) => {
   //       // make IE happy
-  //       JQLite(window.document.body).html(
+  //       JQLite(document.body).html(
   //         '<a href="http://server/test.html">link</a>',
   //       );
 
   //       const event = {
-  //         target: JQLite(window.document.body).find("a")[0],
+  //         target: JQLite(document.body).find("a")[0],
   //         preventDefault: jasmine.createSpy("preventDefault"),
   //         isDefaultPrevented: jasmine.createSpy().and.returnValue(false),
   //       };
@@ -2481,12 +2481,12 @@ describe("$location", () => {
   //         $location,
   //       ) => {
   //         // make IE happy
-  //         JQLite(window.document.body).html(
+  //         JQLite(document.body).html(
   //           '<a href="http://server/index.html#test">link</a>',
   //         );
 
   //         const event = {
-  //           target: JQLite(window.document.body).find("a")[0],
+  //           target: JQLite(document.body).find("a")[0],
   //           preventDefault: jasmine.createSpy("preventDefault"),
   //           isDefaultPrevented: jasmine.createSpy().and.returnValue(false),
   //         };
@@ -2920,7 +2920,7 @@ describe("$location", () => {
   //         function ($rootElement, $compile, $rootScope) {
   //           $rootElement.html('<a href="http://server/#!/somePath">link</a>');
   //           $compile($rootElement)($rootScope);
-  //           JQLite(window.document.body).append($rootElement);
+  //           JQLite(document.body).append($rootElement);
   //         },
   //     );
 
@@ -2951,7 +2951,7 @@ describe("$location", () => {
   //       return function ($rootElement, $compile, $rootScope) {
   //         $rootElement.html('<a href="http://server/somePath">link</a>');
   //         $compile($rootElement)($rootScope);
-  //         JQLite(window.document.body).append($rootElement);
+  //         JQLite(document.body).append($rootElement);
   //       };
   //     });
 
@@ -3313,7 +3313,7 @@ describe("$location", () => {
   // function mockUpBrowser(options) {
   //   module(($windowProvider, $browserProvider) => {
   //     let browser;
-  //     const parser = window.document.createElement("a");
+  //     const parser = document.createElement("a");
   //     parser.href = options.initialUrl;
 
   //     $windowProvider.$get = function () {

package/src/core/sanitize/sanitize-uri.spec.js

@@ -19,7 +19,7 @@ describe("sanitizeUri", () => {
   });
 
   function isEvilInCurrentBrowser(uri) {
-    const a = window.document.createElement("a");
+    const a = document.createElement("a");
     a.setAttribute("href", uri);
     return a.href.substring(0, 4) !== "http";
   }

package/src/core/sce/sce.spec.js

@@ -522,16 +522,16 @@ describe("SCE", () => {
 
         let baseElem;
         beforeEach(() => {
-          baseElem = window.document.createElement("BASE");
+          baseElem = document.createElement("BASE");
           baseElem.setAttribute(
             "href",
             `${window.location.protocol}//foo.example.com/path/`,
           );
-          window.document.head.appendChild(baseElem);
+          document.head.appendChild(baseElem);
         });
 
         afterEach(() => {
-          window.document.head.removeChild(baseElem);
+          document.head.removeChild(baseElem);
         });
 
         it("should allow relative URLs", () => {

package/src/core/scope/scope.spec.js

@@ -1095,7 +1095,7 @@ describe("Scope", function () {
 
           it("should watch array-like objects like arrays", () => {
             logs = [];
-            $rootScope.obj = window.document.getElementsByTagName("src");
+            $rootScope.obj = document.getElementsByTagName("src");
             $rootScope.$digest();
 
             expect(logs.length).toBeTruthy();

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

@@ -5,7 +5,7 @@ import { isString } from "../../shared/utils";
  * @typedef {"http"|"https"} HttpProtocol
  */
 
-const urlParsingNode = window.document.createElement("a");
+const urlParsingNode = document.createElement("a");
 const originUrl = urlResolve(window.location.href);
 let baseUrlParsingNode;
 
@@ -126,13 +126,13 @@ export function urlsAreSameOrigin(url1, url2) {
  * @returns {string}
  */
 export function getBaseUrl() {
-  if (window.document.baseURI) {
-    return window.document.baseURI;
+  if (document.baseURI) {
+    return document.baseURI;
   }
 
   // `document.baseURI` is available everywhere except IE
   if (!baseUrlParsingNode) {
-    baseUrlParsingNode = window.document.createElement("a");
+    baseUrlParsingNode = document.createElement("a");
     baseUrlParsingNode.href = ".";
 
     // Work-around for IE bug described in Implementation Notes. The fix in `urlResolve()` is not

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

@@ -70,7 +70,7 @@ describe("ngInclude", () => {
       const injector = angular.bootstrap(element);
       $rootScope = injector.get("$rootScope");
       $templateCache = injector.get("$templateCache");
-      $templateCache.put("myUrl", [200, "{{name}}", {}]);
+      $templateCache.set("myUrl", [200, "{{name}}", {}]);
       $rootScope.name = "misko";
       $rootScope.url = "myUrl";
       $rootScope.$digest();
@@ -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);
     //   //       },
     //   //   ),
@@ -709,7 +709,7 @@ describe("ngInclude", () => {
     //   it("should fire off the enter animation", () => {
     //     let item;
 
-    //     $templateCache.put("enter", [200, "<div>data</div>", {}]);
+    //     $templateCache.set("enter", [200, "<div>data</div>", {}]);
     //     $rootScope.tpl = "enter";
     //     element = $compile(
     //       html("<div><div " + 'ng-include="tpl">' + "</div></div>"),
@@ -723,7 +723,7 @@ describe("ngInclude", () => {
 
     //   it("should fire off the leave animation", () => {
     //     let item;
-    //     $templateCache.put("enter", [200, "<div>data</div>", {}]);
+    //     $templateCache.set("enter", [200, "<div>data</div>", {}]);
     //     $rootScope.tpl = "enter";
     //     element = $compile(
     //       html("<div><div " + 'ng-include="tpl">' + "</div></div>"),
@@ -744,8 +744,8 @@ describe("ngInclude", () => {
 
     //   it("should animate two separate ngInclude elements", () => {
     //     let item;
-    //     $templateCache.put("one", [200, "one", {}]);
-    //     $templateCache.put("two", [200, "two", {}]);
+    //     $templateCache.set("one", [200, "one", {}]);
+    //     $templateCache.set("two", [200, "two", {}]);
     //     $rootScope.tpl = "one";
     //     element = $compile(
     //       html("<div><div " + 'ng-include="tpl">' + "</div></div>"),
@@ -784,8 +784,8 @@ describe("ngInclude", () => {
     //         html("<div>" + '<div ng-include="inc">Yo</div>' + "</div>"),
     //       )($scope);
 
-    //       $templateCache.put("one", [200, "<div>one</div>", {}]);
-    //       $templateCache.put("two", [200, "<div>two</div>", {}]);
+    //       $templateCache.set("one", [200, "<div>one</div>", {}]);
+    //       $templateCache.set("two", [200, "<div>two</div>", {}]);
 
     //       $scope.$apply('inc = "one"');
 

package/src/directive/init/init.spec.js

@@ -34,8 +34,8 @@ describe("ngInit", () => {
         "ng-init=\"template='template2.tpl'\"></div></div>",
     );
     window.angular.module("myModule", []).run(($templateCache) => {
-      $templateCache.put("template1.tpl", "<span>1</span>");
-      $templateCache.put("template2.tpl", "<span>2</span>");
+      $templateCache.set("template1.tpl", "<span>1</span>");
+      $templateCache.set("template2.tpl", "<span>2</span>");
     });
     injector = angular.bootstrap(element, ["myModule"]);
     $rootScope = injector.get("$rootScope");

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.