@angular-wave/angular.ts 0.0.70 → 0.0.72

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

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

package/src/directive/class/class.js

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

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

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

package/src/directive/form/form.js

@@ -109,6 +109,7 @@ export function FormController(
   this.$valid = true;
   this.$invalid = false;
   this.$submitted = false;
+  /** @type {FormController|Object} */
   this.$$parentForm = nullFormCtrl;
 
   this.$$element = $element;
@@ -326,6 +327,7 @@ FormController.prototype = {
    * parent forms of the form.
    */
   $setSubmitted() {
+    /** @type {FormController} */
     let rootForm = this;
     while (rootForm.$$parentForm && rootForm.$$parentForm !== nullFormCtrl) {
       rootForm = rootForm.$$parentForm;
@@ -589,7 +591,7 @@ const formDirectiveFactory = function (isNgForm) {
 };
 
 export const formDirective = formDirectiveFactory();
-export const ngFormDirective = formDirectiveFactory(true);
+export const ngFormDirective = formDirectiveFactory("ngForm");
 
 // helper methods
 export function setupValidity(instance) {

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

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

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

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

package/src/directive/if/if.js

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

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

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

package/src/directive/include/include.js

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

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

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

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

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

package/src/directive/messages/messages.js

@@ -11,17 +11,18 @@ export function ngMessagesDirective($animate) {
       const ctrl = this;
       let latestKey = 0;
       let nextAttachId = 0;
+      const messages = {};
+      let renderLater;
+      let cachedCollection;
+
       this.head = undefined;
       this.default = undefined;
+      this.messages = messages;
 
       this.getAttachId = function getAttachId() {
         return nextAttachId++;
       };
 
-      const messages = (this.messages = {});
-      let renderLater;
-      let cachedCollection;
-
       this.render = function (collection) {
         collection = collection || {};
 

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

@@ -17,13 +17,13 @@ describe("ngMessages", () => {
       template: '<div ng-messages="col"><ng-transclude></ng-transclude></div>',
     }));
 
-    createInjector(["app"]).invoke(
-      (_$rootScope_, _$compile_, _$templateCache_) => {
+    window.angular
+      .bootstrap(document.getElementById("dummy"), ["app"])
+      .invoke((_$rootScope_, _$compile_, _$templateCache_) => {
         $rootScope = _$rootScope_;
         $compile = _$compile_;
         $templateCache = _$templateCache_;
-      },
-    );
+      });
   });
 
   function messageChildren(element) {

package/src/directive/model/model.spec.js

@@ -1,6 +1,5 @@
 import { JQLite, dealoc } from "../../shared/jqlite/jqlite";
 import { Angular } from "../../loader";
-import { createInjector } from "../../core/di/injector";
 import { NgModelController } from "./model";
 import { isDefined, valueFn, isObject } from "../../shared/utils";
 import { browserTrigger } from "../../shared/test-utils";
@@ -20,11 +19,13 @@ describe("ngModel", () => {
     window.angular
       .module("myModule", ["ng"])
       .decorator("$exceptionHandler", function () {
-        return (exception, cause) => {
+        return (exception) => {
           throw new Error(exception.message);
         };
       });
-    injector = createInjector(["myModule"]);
+    injector = window.angular.bootstrap(document.getElementById("dummy"), [
+      "myModule",
+    ]);
     $compile = injector.get("$compile");
 
     const attrs = { name: "testAlias", ngModel: "value" };

package/src/directive/model-options/model-options.spec.js

@@ -44,7 +44,9 @@ describe("ngModelOptions", () => {
               throw new Error(exception.message);
             };
           });
-        injector = createInjector(["myModule"]);
+        injector = window.angular.bootstrap(document.getElementById("dummy"), [
+          "myModule",
+        ]);
         $compile = injector.get("$compile");
         $rootScope = injector.get("$rootScope");
         $q = injector.get("$q");

package/src/directive/repeat/repeat.md

@@ -107,7 +107,7 @@
 
   <example module="ngRepeat" name="ngRepeat-tracking" deps="angular-animate.js" animations="true">
     <file name="script.js">
-      angular.module('ngRepeat', ['ngAnimate']).controller('repeatController', function($scope) {
+      angular.module('ngRepeat', []).controller('repeatController', function($scope) {
         let friends = [
           {name:'John', age:25},
           {name:'Mary', age:40},

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

@@ -26,7 +26,7 @@ describe("ngRepeat", () => {
         };
       });
 
-    injector = createInjector([
+    injector = window.angular.bootstrap(document.getElementById("dummy"), [
       "defaultModule",
       (_$compileProvider_) => {
         $compileProvider = _$compileProvider_;

package/src/directive/select/select.spec.js

@@ -61,7 +61,7 @@ describe("select", () => {
           throw new Error(exception);
         };
       });
-    createInjector([
+    let injector = window.angular.bootstrap(document.getElementById("dummy"), [
       "myModule",
       ($compileProvider) => {
         $compileProvider.directive("spyOnWriteValue", () => ({
@@ -77,7 +77,6 @@ describe("select", () => {
             },
           },
         }));
-
         $compileProvider.directive("myOptions", () => ({
           scope: { myOptions: "=" },
           replace: true,
@@ -96,7 +95,8 @@ describe("select", () => {
           },
         }));
       },
-    ]).invoke((_$rootScope_, _$compile_) => {
+    ]);
+    injector.invoke((_$rootScope_, _$compile_) => {
       scope = _$rootScope_.$new(); // create a child scope because the root scope can't be $destroy-ed
       $rootScope = _$rootScope_;
       $compile = _$compile_;

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

@@ -1,3 +1,5 @@
+import { hasAnimate } from "../../shared/utils";
+
 const NG_HIDE_CLASS = "ng-hide";
 const NG_HIDE_IN_PROGRESS_CLASS = "ng-hide-animate";
 
@@ -15,9 +17,23 @@ export function ngShowDirective($animate) {
         // we can control when the element is actually displayed on screen without having
         // to have a global/greedy CSS selector that breaks when other animations are run.
         // Read: https://github.com/angular/angular.js/issues/9103#issuecomment-58335845
-        $animate[value ? "removeClass" : "addClass"](element, NG_HIDE_CLASS, {
-          tempClasses: NG_HIDE_IN_PROGRESS_CLASS,
-        });
+        if (hasAnimate(element[0])) {
+          $animate[value ? "removeClass" : "addClass"](element, NG_HIDE_CLASS, {
+            tempClasses: NG_HIDE_IN_PROGRESS_CLASS,
+          });
+        } else {
+          scope.$$postDigest(() => {
+            if (value) {
+              element
+                .elements()
+                .forEach((element) => element.classList.remove(NG_HIDE_CLASS));
+            } else {
+              element
+                .elements()
+                .forEach((element) => element.classList.add(NG_HIDE_CLASS));
+            }
+          });
+        }
       });
     },
   };
@@ -35,9 +51,23 @@ export function ngHideDirective($animate) {
       scope.$watch(attr.ngHide, (value) => {
         // The comment inside of the ngShowDirective explains why we add and
         // remove a temporary class for the show/hide animation
-        $animate[value ? "addClass" : "removeClass"](element, NG_HIDE_CLASS, {
-          tempClasses: NG_HIDE_IN_PROGRESS_CLASS,
-        });
+        if (hasAnimate(element[0])) {
+          $animate[value ? "addClass" : "removeClass"](element, NG_HIDE_CLASS, {
+            tempClasses: NG_HIDE_IN_PROGRESS_CLASS,
+          });
+        } else {
+          scope.$$postDigest(() => {
+            if (value) {
+              element
+                .elements()
+                .forEach((element) => element.classList.add(NG_HIDE_CLASS));
+            } else {
+              element
+                .elements()
+                .forEach((element) => element.classList.remove(NG_HIDE_CLASS));
+            }
+          });
+        }
       });
     },
   };

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

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

package/src/directive/validators/validators.spec.js

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

package/src/loader.js

@@ -140,8 +140,7 @@ export class Angular {
         "$compile",
         "$injector",
         /**
-         *
-         * @param {*} scope
+         * @param {import('./core/scope/scope').Scope} scope
          * @param {JQLite} el
          * @param {*} compile
          * @param {import("./core/di/internal-injector").InjectorService} $injector