@angular-wave/angular.ts 0.6.3 → 0.6.5

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

@@ -60,8 +60,8 @@ export function ngSwitchDirective($animate) {
 
         if (
           (selectedTranscludes =
-            ngSwitchController['cases'][`!${value}`] ||
-            ngSwitchController['cases']["?"])
+            ngSwitchController["cases"][`!${value}`] ||
+            ngSwitchController["cases"]["?"])
         ) {
           Object.values(selectedTranscludes).forEach((selectedTransclude) => {
             selectedTransclude.transclude((caseElement, selectedScope) => {
@@ -93,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)
@@ -123,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;
@@ -43,8 +47,7 @@ export class Angular {
     /** @type {!Array<string|any>} */
     this.bootsrappedModules = [];
 
-    /** @type {Function} */
-    this.doBootstrap;
+    window["angular"] = this;
     publishExternalAPI(this);
   }
 
@@ -143,7 +146,7 @@ export class Angular {
        * @param {import('./core/scope/scope').Scope} scope
        * @param {JQLite} el
        * @param {*} compile
-       * @param {import("./core/di/internal-injector").InjectorService} $injector
+       * @param {import("./core/di/internal-injector.js").InjectorService} $injector
        */
       function (scope, el, compile, $injector) {
         // ng-route deps
@@ -187,19 +190,12 @@ export class Angular {
    *
    * @param {any[]} modules
    * @param {boolean?} strictDi
-   * @returns {import("./core/di/internal-injector").InjectorService}
+   * @returns {import("./core/di/internal-injector.js").InjectorService}
    */
   injector(modules, strictDi) {
     return createInjector(modules, strictDi);
   }
 
-  resumeBootstrap(extraModules) {
-    extraModules.forEach((module) => {
-      this.bootsrappedModules.push(module);
-    });
-    return this.doBootstrap();
-  }
-
   /**
    * @param {Element|Document} element
    */

package/src/router/common/coreservices.js

@@ -1,6 +1,6 @@
 export const services = {
   /** @type {import("../../core/q/q").QService} */
   $q: undefined,
-  /** @type {import("../../core/di/internal-injector").InjectorService} */
+  /** @type {import("../../core/di/internal-injector.js").InjectorService} */
   $injector: undefined,
 };

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: {

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

@@ -6,7 +6,7 @@ import {
   copy,
   map,
 } from "../../shared/common";
-import { isDefined, isFunction, isString } from "../../shared/utils";
+import { isDefined, isFunction, isString } from "../../shared/utils.js";
 import { stringify } from "../../shared/strings";
 import { is, pattern, pipe, val } from "../../shared/hof";
 import { Resolvable } from "../resolve/resolvable";

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

@@ -1,4 +1,4 @@
-import { isString } from "../../shared/utils";
+import { isString } from "../../shared/utils.js";
 export class StateMatcher {
   constructor(_states) {
     this._states = _states;