@angular-wave/angular.ts 0.6.2 → 0.6.4

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

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
-import { valueFn } from "../../shared/utils";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
+import { valueFn } from "../../shared/utils.js";
 
 describe("ngRepeat", () => {
   let element;
@@ -1066,76 +1066,6 @@ describe("ngRepeat", () => {
         done();
       }, 300);
     });
-
-    it("should remove whole block even if the number of elements inside it changes", () => {
-      scope.values = [1, 2, 3];
-
-      element = $compile(
-        "<div>" +
-          '<div ng-repeat-start="val in values"></div>' +
-          "<span>{{val}}</span>" +
-          "<p ng-repeat-end></p>" +
-          "</div>",
-      )(scope);
-
-      scope.$digest();
-
-      const ends = element.find("p");
-      expect(ends.length).toBe(3);
-
-      // insert an extra element inside the second block
-      const extra = JQLite("<strong></strong>")[0];
-      element[0].insertBefore(extra, ends[1]);
-
-      scope.values.splice(1, 1);
-      scope.$digest();
-
-      // expect the strong tag to be removed too
-      expect(
-        Array.from(element[0].children).map((x) => x.tagName.toLowerCase()),
-      ).toEqual(["div", "span", "p", "div", "span", "p"]);
-    });
-
-    it("should move whole block even if the number of elements inside it changes", () => {
-      scope.values = [1, 2, 3];
-
-      element = $compile(
-        "<div>" +
-          '<div ng-repeat-start="val in values"></div>' +
-          "<span>{{val}}</span>" +
-          "<p ng-repeat-end></p>" +
-          "</div>",
-      )(scope);
-
-      scope.$digest();
-
-      const ends = element.find("p");
-      expect(ends.length).toBe(3);
-
-      // insert an extra element inside the third block
-      const extra = JQLite("<strong></strong>")[0];
-      element[0].insertBefore(extra, ends[2]);
-
-      // move the third block to the beginning
-      scope.values.unshift(scope.values.pop());
-      scope.$digest();
-
-      // expect the strong tag to be moved too
-      expect(
-        Array.from(element[0].children).map((x) => x.tagName.toLowerCase()),
-      ).toEqual([
-        "div",
-        "span",
-        "strong",
-        "p",
-        "div",
-        "span",
-        "p",
-        "div",
-        "span",
-        "p",
-      ]);
-    });
   });
 
   describe("stability", () => {
@@ -1302,49 +1232,6 @@ describe("ngRepeat", () => {
     });
   });
 
-  describe("ngRepeatStart", () => {
-    it("should grow multi-node repeater", () => {
-      scope.show = false;
-      scope.books = [
-        { title: "T1", description: "D1" },
-        { title: "T2", description: "D2" },
-      ];
-      element = $compile(
-        "<div>" +
-          '<dt ng-repeat-start="book in books">{{book.title}}:</dt>' +
-          "<dd ng-repeat-end>{{book.description}};</dd>" +
-          "</div>",
-      )(scope);
-
-      scope.$digest();
-      expect(element.text()).toEqual("T1:D1;T2:D2;");
-      scope.books.push({ title: "T3", description: "D3" });
-      scope.$digest();
-      expect(element.text()).toEqual("T1:D1;T2:D2;T3:D3;");
-    });
-
-    it("should not clobber ng-if when updating collection", () => {
-      scope.values = [1, 2, 3];
-      scope.showMe = true;
-
-      element = $compile(
-        "<div>" +
-          '<div ng-repeat-start="val in values">val:{{val}};</div>' +
-          '<div ng-if="showMe" ng-repeat-end>if:{{val}};</div>' +
-          "</div>",
-      )(scope);
-
-      scope.$digest();
-      expect(element.find("div").length).toBe(6);
-      scope.values.shift();
-      scope.values.push(4);
-
-      scope.$digest();
-      expect(element.find("div").length).toBe(6);
-      expect(element.text()).not.toContain("if:1;");
-    });
-  });
-
   describe("ngRepeat and transcludes", () => {
     it("should allow access to directive controller from children when used in a replace template", () => {
       let controller;

package/src/directive/script/script.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 
 describe("scriptDirective", () => {
   let $rootScope;

package/src/directive/select/select.js

@@ -1,4 +1,4 @@
-import { JQLite } from "../../shared/jqlite/jqlite";
+import { JQLite } from "../../shared/jqlite/jqlite.js";
 import {
   assertNotHasOwnProperty,
   equals,
@@ -6,7 +6,7 @@ import {
   includes,
   isDefined,
   shallowCopy,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 
 function setOptionSelectedStatus(optionEl, value) {
   optionEl[0].selected = value;

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

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
-import { hashKey, equals, isNumberNaN } from "../../shared/utils";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
+import { hashKey, equals, isNumberNaN } from "../../shared/utils.js";
 import { browserTrigger } from "../../shared/test-utils";
 
 describe("select", () => {

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

@@ -1,4 +1,4 @@
-import { hasAnimate } from "../../shared/utils";
+import { hasAnimate } from "../../shared/utils.js";
 
 const NG_HIDE_CLASS = "ng-hide";
 const NG_HIDE_IN_PROGRESS_CLASS = "ng-hide-animate";
@@ -10,7 +10,6 @@ ngShowDirective.$inject = ["$animate"];
 export function ngShowDirective($animate) {
   return {
     restrict: "A",
-    multiElement: true,
     link(scope, element, attr) {
       scope.$watch(attr.ngShow, (value) => {
         // we're adding a temporary, animation-specific class for ng-hide since this way
@@ -46,7 +45,6 @@ ngHideDirective.$inject = ["$animate"];
 export function ngHideDirective($animate) {
   return {
     restrict: "A",
-    multiElement: true,
     link(scope, element, attr) {
       scope.$watch(attr.ngHide, (value) => {
         // The comment inside of the ngShowDirective explains why we add and

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

@@ -2,7 +2,6 @@
 
 - @ngdoc directive
 - @name ngShow
-- @multiElement
 -
 - @description
 - The `ngShow` directive shows or hides the given HTML element based on the expression provided to
@@ -133,7 +132,6 @@
 
 - @ngdoc directive
 - @name ngHide
-- @multiElement
 -
 - @description
 - The `ngHide` directive shows or hides the given HTML element based on the expression provided to

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

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 
 describe("ngShow / ngHide", () => {
   let $scope;

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

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 
 describe("ng-style", () => {
   let $scope;

package/src/directive/switch/switch.js

@@ -1,8 +1,14 @@
-import { getBlockNodes } from "../../shared/jqlite/jqlite";
+import { getBlockNodes } from "../../shared/jqlite/jqlite.js";
+import { hasAnimate } from "../../shared/utils.js";
+import { domInsert } from "../../animations/animate.js";
 
-export const ngSwitchDirective = [
-  "$animate",
-  ($animate) => ({
+ngSwitchDirective.$inject = ["$animate"];
+
+/**
+ * @returns {import('../../types.js').Directive}
+ */
+export function ngSwitchDirective($animate) {
+  return {
     require: "ngSwitch",
 
     // asks for $scope to fool the BC controller module
@@ -39,9 +45,14 @@ export const ngSwitchDirective = [
         for (i = 0, ii = selectedScopes.length; i < ii; ++i) {
           const selected = getBlockNodes(selectedElements[i].clone);
           selectedScopes[i].$destroy();
-          const runner = (previousLeaveAnimations[i] =
-            $animate.leave(selected));
-          runner.done(spliceFactory(previousLeaveAnimations, i));
+
+          if (hasAnimate(selected[0])) {
+            const runner = (previousLeaveAnimations[i] =
+              $animate.leave(selected));
+            runner.done(spliceFactory(previousLeaveAnimations, i));
+          } else {
+            selected.remove();
+          }
         }
 
         selectedElements.length = 0;
@@ -49,8 +60,8 @@ export const ngSwitchDirective = [
 
         if (
           (selectedTranscludes =
-            ngSwitchController.cases[`!${value}`] ||
-            ngSwitchController.cases["?"])
+            ngSwitchController["cases"][`!${value}`] ||
+            ngSwitchController["cases"]["?"])
         ) {
           Object.values(selectedTranscludes).forEach((selectedTransclude) => {
             selectedTransclude.transclude((caseElement, selectedScope) => {
@@ -60,17 +71,21 @@ export const ngSwitchDirective = [
               caseElement[caseElement.length++] = document.createComment("");
               const block = { clone: caseElement };
               selectedElements.push(block);
-              $animate.enter(caseElement, anchor.parent(), anchor);
+              if (hasAnimate(caseElement[0])) {
+                $animate.enter(caseElement, anchor.parent(), anchor);
+              } else {
+                domInsert(caseElement, anchor.parent(), anchor);
+              }
             });
           });
         }
       });
     },
-  }),
-];
+  };
+}
 
 /**
- * @returns {import('../../types').Directive}
+ * @returns {import('../../types.js').Directive}
  */
 export function ngSwitchWhenDirective() {
   return {
@@ -78,7 +93,6 @@ export function ngSwitchWhenDirective() {
     priority: 1200,
     restrict: "EA",
     require: "^ngSwitch",
-    multiElement: true,
     link(scope, element, attrs, ctrl, $transclude) {
       const cases = attrs.ngSwitchWhen
         .split(attrs.ngSwitchWhenSeparator)
@@ -100,7 +114,7 @@ export function ngSwitchWhenDirective() {
 }
 
 /**
- * @returns {import('../../types').Directive}
+ * @returns {import('../../types.js').Directive}
  */
 export function ngSwitchDefaultDirective() {
   return {
@@ -108,7 +122,6 @@ export function ngSwitchDefaultDirective() {
     transclude: "element",
     priority: 1200,
     require: "^ngSwitch",
-    multiElement: true,
     link(_scope, element, _attr, ctrl, $transclude) {
       ctrl["cases"]["?"] = ctrl["cases"]["?"] || [];
       ctrl["cases"]["?"].push({ transclude: $transclude, element });

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

@@ -1,5 +1,5 @@
 import { Angular } from "../../loader";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 
 describe("ngSwitch", () => {
   let $scope;
@@ -79,31 +79,6 @@ describe("ngSwitch", () => {
     expect(element.text()).toEqual("true:misko");
   });
 
-  it("should show all elements between start and end markers that match the current value", () => {
-    element = $compile(
-      '<ul ng-switch="select">' +
-        '<li ng-switch-when-start="1">A</li>' +
-        "<li>B</li>" +
-        "<li ng-switch-when-end>C</li>" +
-        '<li ng-switch-when-start="2">D</li>' +
-        "<li>E</li>" +
-        "<li ng-switch-when-end>F</li>" +
-        "</ul>",
-    )($scope);
-
-    $scope.$apply('select = "1"');
-    expect(element.find("li").length).toBe(3);
-    expect(element.find("li").eq(0).text()).toBe("A");
-    expect(element.find("li").eq(1).text()).toBe("B");
-    expect(element.find("li").eq(2).text()).toBe("C");
-
-    $scope.$apply('select = "2"');
-    expect(element.find("li").length).toBe(3);
-    expect(element.find("li").eq(0).text()).toBe("D");
-    expect(element.find("li").eq(1).text()).toBe("E");
-    expect(element.find("li").eq(2).text()).toBe("F");
-  });
-
   it("should switch on switch-when-default", () => {
     element = $compile(
       '<ng-switch on="select">' +
@@ -118,31 +93,6 @@ describe("ngSwitch", () => {
     expect(element.text()).toEqual("one");
   });
 
-  it("should show all default elements between start and end markers when no match", () => {
-    element = $compile(
-      '<ul ng-switch="select">' +
-        '<li ng-switch-when-start="1">A</li>' +
-        "<li>B</li>" +
-        "<li ng-switch-when-end>C</li>" +
-        "<li ng-switch-default-start>D</li>" +
-        "<li>E</li>" +
-        "<li ng-switch-default-end>F</li>" +
-        "</ul>",
-    )($scope);
-
-    $scope.$apply('select = "1"');
-    expect(element.find("li").length).toBe(3);
-    expect(element.find("li").eq(0).text()).toBe("A");
-    expect(element.find("li").eq(1).text()).toBe("B");
-    expect(element.find("li").eq(2).text()).toBe("C");
-
-    $scope.$apply('select = "2"');
-    expect(element.find("li").length).toBe(3);
-    expect(element.find("li").eq(0).text()).toBe("D");
-    expect(element.find("li").eq(1).text()).toBe("E");
-    expect(element.find("li").eq(2).text()).toBe("F");
-  });
-
   it("should show all switch-when-default", () => {
     element = $compile(
       '<ul ng-switch="select">' +

package/src/directive/transclude/transclude.js

@@ -1,5 +1,5 @@
-import { minErr } from "../../shared/utils";
-import { startingTag } from "../../shared/jqlite/jqlite";
+import { minErr } from "../../shared/utils.js";
+import { startingTag } from "../../shared/jqlite/jqlite.js";
 
 /**
  * Directive that marks the insertion point for the transcluded DOM of the nearest parent directive that uses transclusion.

package/src/directive/validators/validators.js

@@ -4,9 +4,9 @@ import {
   toInt,
   minErr,
   isUndefined,
-} from "../../shared/utils";
+} from "../../shared/utils.js";
 import { REGEX_STRING_REGEXP } from "./../attrs/attrs";
-import { startingTag } from "../../shared/jqlite/jqlite";
+import { startingTag } from "../../shared/jqlite/jqlite.js";
 
 /**
  *

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

@@ -1,6 +1,6 @@
 import { Angular } from "../../loader";
 import { createInjector } from "../../core/di/injector";
-import { dealoc } from "../../shared/jqlite/jqlite";
+import { dealoc } from "../../shared/jqlite/jqlite.js";
 
 describe("validators", () => {
   let $rootScope;

package/src/filters/filter.js

@@ -6,7 +6,7 @@ import {
   isObject,
   hasCustomToString,
   equals,
-} from "../shared/utils";
+} from "../shared/utils.js";
 
 /**
  * @returns {function(Array, string|Object|function(any, number, []):[], function(any, any):boolean|boolean, string?): Array}

package/src/filters/filter.spec.js

@@ -1,7 +1,7 @@
 import { Angular } from "../loader";
 import { createInjector } from "../core/di/injector";
-import { isString, includes } from "../shared/utils";
-import { JQLite } from "../shared/jqlite/jqlite";
+import { isString, includes } from "../shared/utils.js";
+import { JQLite } from "../shared/jqlite/jqlite.js";
 
 describe("Filter: filter", () => {
   let filter;

package/src/filters/filters.js

@@ -1,4 +1,4 @@
-import { isNumber, isString, isUndefined, toJson } from "../shared/utils";
+import { isNumber, isString, isUndefined, toJson } from "../shared/utils.js";
 
 const MAX_DIGITS = 22;
 const DECIMAL_SEP = ".";

package/src/filters/filters.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../loader";
 import { createInjector } from "../core/di/injector";
-import { toJson } from "../shared/utils";
+import { toJson } from "../shared/utils.js";
 
 describe("filters", () => {
   let filter;

package/src/filters/limit-to.js

@@ -4,7 +4,7 @@ import {
   isNumberNaN,
   isString,
   toInt,
-} from "../shared/utils";
+} from "../shared/utils.js";
 
 /**
  * @returns {function(Array|ArrayLike|string|number, string|number, (string|number)?):Array|ArrayLike|string|number}

package/src/filters/limit-to.spec.js

@@ -1,6 +1,6 @@
 import { Angular } from "../loader";
 import { createInjector } from "../core/di/injector";
-import { JQLite } from "../shared/jqlite/jqlite";
+import { JQLite } from "../shared/jqlite/jqlite.js";
 
 describe("Filter: limitTo", () => {
   let items;

package/src/filters/order-by.js

@@ -5,7 +5,7 @@ import {
   isArrayLike,
   isString,
   minErr,
-} from "../shared/utils";
+} from "../shared/utils.js";
 
 orderByFilter.$inject = ["$parse"];
 

package/src/index.js

@@ -1,12 +1,6 @@
 import { Angular } from "./loader";
 
 export const angular = new Angular();
-window["angular"] = angular;
-
-if (document.readyState === "complete") {
-  angular.init(document);
-} else {
-  document.addEventListener("DOMContentLoaded", () => {
-    angular.init(document);
-  });
-}
+document.addEventListener("DOMContentLoaded", () => angular.init(document), {
+  once: true,
+});

package/src/loader.js

@@ -4,15 +4,16 @@ import {
   ngAttrPrefixes,
   assertNotHasOwnProperty,
   errorHandlingConfig,
-} from "./shared/utils";
-import { JQLite } from "./shared/jqlite/jqlite";
+} from "./shared/utils.js";
+import { JQLite } from "./shared/jqlite/jqlite.js";
 import { annotate, createInjector } from "./core/di/injector";
 import { NgModule } from "./core/di/ng-module";
-import { CACHE } from "./core/cache/cache";
+import { Cache } from "./core/cache/cache.js";
 import { publishExternalAPI } from "./public";
 import { VERSION } from "./public";
 import { services } from "./router/common/coreservices";
 import { unnestR } from "./shared/common";
+import { EventBus } from "./core/pubsub/pubsub.js";
 
 const ngMinErr = minErr("ng");
 const $injectorMinErr = minErr("$injector");
@@ -29,10 +30,13 @@ const modules = {};
 
 export class Angular {
   constructor() {
-    CACHE.clear(); // a ensure new instance of angular gets a clean cache
+    Cache.clear(); // a ensure new instance of angular gets a clean Cache
 
     /** @type {Map<number, import("./core/cache/cache").ExpandoStore>} */
-    this.cache = CACHE;
+    this.cache = Cache;
+
+    /** @type {import('./core/pubsub/pubsub.js').PubSub} */
+    this.eventBus = EventBus;
 
     /** @type {string} */
     this.version = VERSION;
@@ -45,6 +49,7 @@ export class Angular {
 
     /** @type {Function} */
     this.doBootstrap;
+    window["angular"] = this;
     publishExternalAPI(this);
   }
 

package/src/router/common/trace.js

@@ -33,7 +33,7 @@
  * @packageDocumentation
  */
 import { parse } from "../../shared/hof";
-import { isNumber } from "../../shared/utils";
+import { isNumber } from "../../shared/utils.js";
 import {
   stringify,
   functionToString,

package/src/router/directives/state-directives.js

@@ -1,5 +1,5 @@
 import { tail, unnestR, uniqR, removeFrom } from "../../shared/common";
-import { isString, isObject } from "../../shared/utils";
+import { isString, isObject } from "../../shared/utils.js";
 
 import { parse } from "../../shared/hof";
 /** @ignore */

package/src/router/directives/state-directives.spec.js

@@ -1,4 +1,4 @@
-import { JQLite } from "../../shared/jqlite/jqlite";
+import { JQLite } from "../../shared/jqlite/jqlite.js";
 import { Angular } from "../../loader";
 import { browserTrigger, wait } from "../../shared/test-utils";
 

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

@@ -1,11 +1,11 @@
 import { filter, tail, unnestR } from "../../shared/common";
-import { isDefined, isFunction, isString } from "../../shared/utils";
+import { isDefined, isFunction, isString } from "../../shared/utils.js";
 import { kebobString } from "../../shared/strings";
 import { parse } from "../../shared/hof";
 import { ResolveContext } from "../resolve/resolve-context";
 import { trace } from "../common/trace";
 import { Ng1ViewConfig } from "../state/views";
-import { JQLite } from "../../shared/jqlite/jqlite";
+import { JQLite } from "../../shared/jqlite/jqlite.js";
 import { getLocals } from "../state/state-registry";
 /**
  * `ui-view`: A viewport directive which is filled in by a view from the active state.

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

@@ -6,7 +6,7 @@
 //   }
 // }
 
-import { dealoc, JQLite } from "../../shared/jqlite/jqlite";
+import { dealoc, JQLite } from "../../shared/jqlite/jqlite.js";
 import { Angular } from "../../loader";
 import { wait } from "../../shared/test-utils";
 

package/src/router/hooks/redirect-to.js

@@ -1,4 +1,4 @@
-import { isString, isFunction } from "../../shared/utils";
+import { isString, isFunction } from "../../shared/utils.js";
 import { services } from "../common/coreservices";
 import { TargetState } from "../state/target-state";
 

package/src/router/params/param-type.js

@@ -1,5 +1,5 @@
 import { filter, map } from "../../shared/common";
-import { isDefined } from "../../shared/utils";
+import { isDefined } from "../../shared/utils.js";
 /**
  * An internal class which implements [[ParamTypeDefinition]].
  *

package/src/router/params/param-types.js

@@ -1,6 +1,6 @@
 import { equals, inherit, map, pick } from "../../shared/common";
 import { isNullOrUndefined } from "../../shared/predicates";
-import { isDefined } from "../../shared/utils";
+import { isDefined } from "../../shared/utils.js";
 import { is } from "../../shared/hof";
 import { services } from "../common/coreservices";
 import { ParamType } from "./param-type";

package/src/router/params/param.js

@@ -1,6 +1,6 @@
 import { filter, map, allTrueR, find } from "../../shared/common";
 import { isInjectable } from "../../shared/predicates";
-import { isDefined, isUndefined, isString } from "../../shared/utils";
+import { isDefined, isUndefined, isString } from "../../shared/utils.js";
 import { services } from "../common/coreservices";
 import { ParamType } from "./param-type";
 

package/src/router/resolve/resolvable.js

@@ -1,4 +1,4 @@
-import { assert, isFunction, isObject } from "../../shared/utils";
+import { assert, isFunction, isObject } from "../../shared/utils.js";
 import { services } from "../common/coreservices";
 import { trace } from "../common/trace";
 import { stringify } from "../../shared/strings";

package/src/router/resolve/resolve-context.js

@@ -5,7 +5,7 @@ import { services } from "../common/coreservices";
 import { Resolvable } from "./resolvable";
 import { PathUtils } from "../path/path-utils";
 import { stringify } from "../../shared/strings";
-import { isUndefined } from "../../shared/utils";
+import { isUndefined } from "../../shared/utils.js";
 
 export const resolvePolicies = {
   when: {