@angular-wave/angular.ts 0.2.2 → 0.3.0

package/src/directive/messages/messages.spec.js

@@ -782,7 +782,7 @@ describe("ngMessages", () => {
     //   },
     //   (html) => {
     //     inject(($compile, $rootScope, $templateCache) => {
-    //       $templateCache.put(
+    //       $templateCache.set(
     //         "abc.html",
     //         '<div ng-message="a">A</div>' +
     //           '<div ng-message="b">B</div>' +
@@ -850,7 +850,7 @@ describe("ngMessages", () => {
     //   },
     //   (html) => {
     //     inject(($compile, $rootScope, $templateCache) => {
-    //       $templateCache.put("abc.html", "<div></div>");
+    //       $templateCache.set("abc.html", "<div></div>");
 
     //       element = $compile(html)($rootScope);
     //       $rootScope.$digest();
@@ -881,7 +881,7 @@ describe("ngMessages", () => {
     //   },
     //   (html) => {
     //     inject(($compile, $rootScope, $templateCache) => {
-    //       $templateCache.put(
+    //       $templateCache.set(
     //         "abc.html",
     //         '<div ng-message="a">A</div>' +
     //           '<div ng-message="b">B</div>' +
@@ -948,7 +948,7 @@ describe("ngMessages", () => {
     });
 
     it("should allow for overriding the remote template messages within the element depending on where the remote template is placed", () => {
-      $templateCache.put(
+      $templateCache.set(
         "abc.html",
         '<div ng-message="a">A</div>' +
           '<div ng-message="b">B</div>' +
@@ -995,7 +995,7 @@ describe("ngMessages", () => {
     });
 
     // it("should properly detect a previous message, even if it was registered later", () => {
-    //   $templateCache.put("include.html", '<div ng-message="a">A</div>');
+    //   $templateCache.set("include.html", '<div ng-message="a">A</div>');
     //   const html =
     //     '<div ng-messages="items">' +
     //     "<div ng-include=\"'include.html'\"></div>" +
@@ -1031,8 +1031,8 @@ describe("ngMessages", () => {
         '<div ng-messages-include="messages2.html"></div>' +
         "</div>";
 
-      $templateCache.put("messages1.html", "");
-      $templateCache.put("messages2.html", "   ");
+      $templateCache.set("messages1.html", "");
+      $templateCache.set("messages2.html", "   ");
       element = $compile(html)($rootScope);
       $rootScope.$digest();
 
@@ -1070,7 +1070,7 @@ describe("ngMessages", () => {
     // );
 
     it("should render all truthy messages from a remote template", () => {
-      $templateCache.put(
+      $templateCache.set(
         "xyz.html",
         '<div ng-message="x">X</div>' +
           '<div ng-message="y">Y</div>' +
@@ -1103,7 +1103,7 @@ describe("ngMessages", () => {
     });
 
     it("should render and override all truthy messages from a remote template", () => {
-      $templateCache.put(
+      $templateCache.set(
         "xyz.html",
         '<div ng-message="x">X</div>' +
           '<div ng-message="y">Y</div>' +

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/options/options.spec.js

@@ -2755,7 +2755,7 @@ describe("ngOptions", () => {
 
     it("should not throw with a directive that replaces", () => {
       let $templateCache = injector.get("$templateCache");
-      $templateCache.put(
+      $templateCache.set(
         "select_template.html",
         '<select ng-options="option as option for option in selectable_options"> <option value="">This is a test</option> </select>',
       );

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", () => {
@@ -950,7 +950,7 @@ describe("ngRepeat", () => {
         templateUrl: "rr.html",
       }));
 
-      $templateCache.put("rr.html", '<div ng-repeat="i in items">{{i}}|</div>');
+      $templateCache.set("rr.html", '<div ng-repeat="i in items">{{i}}|</div>');
 
       element = JQLite("<div><span rr>{{i}}|</span></div>");
       $compile(element)(scope);
@@ -994,7 +994,7 @@ describe("ngRepeat", () => {
         replace: true,
         templateUrl: "replace-me-with-repeater.html",
       }));
-      $templateCache.put(
+      $templateCache.set(
         "replace-me-with-repeater.html",
         '<div ng-repeat="i in items">{{log(i)}}</div>',
       );
@@ -1042,7 +1042,7 @@ describe("ngRepeat", () => {
         replace: true,
         templateUrl: "replace-me-with-repeater.html",
       }));
-      $templateCache.put(
+      $templateCache.set(
         "replace-me-with-repeater.html",
         '<div ng-repeat="i in [1,2,3]">{{i}}</div>',
       );
@@ -1294,7 +1294,7 @@ describe("ngRepeat", () => {
       const injector = window.angular.bootstrap(element);
       scope = injector.get("$rootScope");
       $templateCache = injector.get("$templateCache");
-      $templateCache.put("test.html", "hello");
+      $templateCache.set("test.html", "hello");
       scope.$digest();
       setTimeout(() => {
         expect(element.text()).toBe("hellohello");
@@ -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/script/script.js

@@ -8,7 +8,7 @@ export const scriptDirective = [
         const templateUrl = attr.id;
         const { text } = element[0];
 
-        $templateCache.put(templateUrl, text);
+        $templateCache.set(templateUrl, text);
       }
     },
   }),

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

@@ -60,9 +60,8 @@ import {
   AnimateRunnerFactoryProvider,
 } from "./animations/animate-runner";
 import {
-  CacheFactoryProvider,
   TemplateCacheProvider,
-} from "./services/cache-factory";
+} from "./core/cache/cache-factory";
 import { $ControllerProvider } from "./core/controller/controller";
 import { $ExceptionHandlerProvider } from "./core/exception-handler";
 import { $FilterProvider } from "./core/filter/filter";
@@ -247,7 +246,6 @@ export function publishExternalAPI(angular) {
             $$AnimateRunner: AnimateRunnerFactoryProvider,
             $$animateAsyncRun: AnimateAsyncRunFactoryProvider,
             $browser: BrowserProvider,
-            $cacheFactory: CacheFactoryProvider,
             $controller: $ControllerProvider,
             $exceptionHandler: $ExceptionHandlerProvider,
             $filter: $FilterProvider,

package/src/router/directives/view-directive.spec.js

@@ -1219,11 +1219,11 @@ describe("angular 1.5+ style .component()", () => {
     it("should work with directives which themselves have templateUrls", async () => {
       const $state = svcs.$state;
 
-      $templateCache.put(
+      $templateCache.set(
         "/state_tpl.html",
         'x<ng12-directive data="$resolve.data"></ng12-directive>x',
       );
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
 
       await $state.transitionTo("cmp_tpl");
 
@@ -1236,11 +1236,11 @@ describe("angular 1.5+ style .component()", () => {
     it("should work with bindToController directives", async () => {
       const $state = svcs.$state;
 
-      $templateCache.put(
+      $templateCache.set(
         "/state_tpl.html",
         'x<ng13-directive data="$resolve.data"></ng13-directive>x',
       );
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
 
       await $state.transitionTo("cmp_tpl");
       await wait(100);
@@ -1254,11 +1254,11 @@ describe("angular 1.5+ style .component()", () => {
     it("should work with .component()s", async () => {
       const $state = svcs.$state;
 
-      $templateCache.put(
+      $templateCache.set(
         "/state_tpl.html",
         'x<ng-component data="$resolve.data"></ng-component>x',
       );
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
 
       $state.transitionTo("cmp_tpl");
       await wait(100);
@@ -1345,7 +1345,7 @@ describe("angular 1.5+ style .component()", () => {
 
       const $state = svcs.$state;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1371,7 +1371,7 @@ describe("angular 1.5+ style .component()", () => {
         $httpBackend = svcs.$httpBackend,
         $q = svcs.$q;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1395,7 +1395,7 @@ describe("angular 1.5+ style .component()", () => {
 
       const $state = svcs.$state;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1418,7 +1418,7 @@ describe("angular 1.5+ style .component()", () => {
         $httpBackend = svcs.$httpBackend,
         $q = svcs.$q;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1443,7 +1443,7 @@ describe("angular 1.5+ style .component()", () => {
         $httpBackend = svcs.$httpBackend,
         $q = svcs.$q;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1465,7 +1465,7 @@ describe("angular 1.5+ style .component()", () => {
         $httpBackend = svcs.$httpBackend,
         $q = svcs.$q;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1785,7 +1785,7 @@ describe("angular 1.5+ style .component()", () => {
       $stateProvider.state(stateDef);
       const $state = svcs.$state;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1815,7 +1815,7 @@ describe("angular 1.5+ style .component()", () => {
         $httpBackend = svcs.$httpBackend,
         $q = svcs.$q;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1857,7 +1857,7 @@ describe("angular 1.5+ style .component()", () => {
 
       const $state = svcs.$state;
 
-      $templateCache.put("/comp_tpl.html", "-{{ $ctrl.data }}-");
+      $templateCache.set("/comp_tpl.html", "-{{ $ctrl.data }}-");
       $state.transitionTo("route2cmp");
       await wait(100);
 
@@ -1887,7 +1887,7 @@ describe("angular 1.5+ style .component()", () => {
         $httpBackend = svcs.$httpBackend,
         $q = svcs.$q;
 
-      $templateCache.put(
+      $templateCache.set(
         "/comp_tpl.html",
         "-{{ $ctrl.data }}.{{ $ctrl.data2 }}-",
       );

package/src/services/cookie-reader.js

@@ -12,7 +12,7 @@ export function getCookies() {
   let i;
   let index;
   let name;
-  const currentCookieString = window.document.cookie;
+  const currentCookieString = document.cookie;
 
   if (currentCookieString !== lastCookieString) {
     lastCookieString = currentCookieString;