@angular-wave/angular.ts 0.0.7 → 0.0.9

package/src/injector.md

@@ -20,6 +20,7 @@
 - ```js
 
   ```
+
 - // create an injector
 - var $injector = angular.injector(['ng']);
 -
@@ -32,6 +33,7 @@
 - ```
 
   ```
+
 -
 - Sometimes you want to get access to the injector of a currently running AngularJS app
 - from outside AngularJS. Perhaps, you want to inject and compile some markup after the
@@ -48,6 +50,7 @@
 - ```js
 
   ```
+
 - var $div = $('<div ng-controller="MyCtrl">{{content.label}}</div>');
 - $(document.body).append($div);
 -
@@ -87,6 +90,7 @@
 - ```js
 
   ```
+
 - var $injector = angular.injector();
 - expect($injector.get('$injector')).toBe($injector);
 - expect($injector.invoke(function($injector) {
@@ -95,6 +99,7 @@
 - ```
 
   ```
+
 -
 - ## Injection Function Annotation
 -
@@ -104,6 +109,7 @@
 - ```js
 
   ```
+
 - // inferred (only works if code not minified/obfuscated)
 - $injector.invoke(function(serviceA){});
 -
@@ -117,6 +123,7 @@
 - ```
 
   ```
+
 -
 - ### Inference
 -
@@ -150,10 +157,12 @@
 - ```
 
   ```
+
 - var info = $injector.modules['ngAnimate'].info();
 - ```
 
   ```
+
 -
 - \*\*Do not use this property to attempt to modify the modules after the application
 - has been bootstrapped.\*\*
@@ -234,6 +243,7 @@
 - ```js
 
   ```
+
 - // Given
 - function MyController($scope, $route) {
 -     // ...
@@ -244,6 +254,7 @@
 - ```
 
   ```
+
 -
 - You can disallow this method by using strict injection mode.
 -
@@ -257,6 +268,7 @@
 - ```js
 
   ```
+
 - // Given
 - var MyController = function(obfuscatedScope, obfuscatedRoute) {
 -     // ...
@@ -269,6 +281,7 @@
 - ```
 
   ```
+
 -
 - #### The array notation
 -
@@ -279,6 +292,7 @@
 - ```js
 
   ```
+
 - // We wish to write this (not minification / obfuscation safe)
 - injector.invoke(function($compile, $rootScope) {
 -     // ...
@@ -303,6 +317,7 @@
 - ```
 
   ```
+
 -
 - @param {Function|Array.<string|Function>} fn Function for which dependent service names need to
 - be retrieved as described above.
@@ -338,6 +353,7 @@
 - ```javascript
 
   ```
+
 - app.factory('loadModule', function($injector) {
 - return function loadModule(moduleName, bundleUrl) {
 -     return getScript(bundleUrl).then(function() { $injector.loadNewModules([moduleName]); });
@@ -346,6 +362,7 @@
 - ```
 
   ```
+
 -
 - @param {Array<String|Function|Array>=} mods an array of modules to load into the application.
 -     Each item in the array should be the name of a predefined module or a (DI annotated)
@@ -421,7 +438,7 @@
 - but the injected provider must have been defined before the one that requires it.
 -
 - @param {string} name The name of the instance. NOTE: the provider will be available under `name +
-                     'Provider'` key.
+'Provider'` key.
 - @param {(Object|function())} provider If the provider is:
 -
 - - `Object`: then it should have a `$get` method. The `$get` method will be invoked using
@@ -439,6 +456,7 @@
 - ```js
 
   ```
+
 - // Define the eventTracker provider
 - function EventTrackerProvider() {
 - var trackingUrl = '/track';
@@ -521,6 +539,7 @@
 - ```js
 
   ```
+
 - $provide.factory('ping', ['$http', function($http) {
 -     return function ping() {
 -       return $http.send('/ping');
@@ -529,10 +548,12 @@
 - ```
 
   ```
+
 - You would then inject and use this service like this:
 - ```js
 
   ```
+
 - someModule.controller('Ctrl', ['ping', function(ping) {
 -     ping();
 - }]);
@@ -557,6 +578,7 @@
 - ```
 
   ```
+
 - {
 - $get: function() {
 -     return $injector.instantiate(constructor);
@@ -565,6 +587,7 @@
 - ```
 
   ```
+
 -
 -
 - You should use {@link auto.$provide#service $provide.service(class)} if you define your service
@@ -581,6 +604,7 @@
 - ```js
 
   ```
+
 - var Ping = function($http) {
 -     this.$http = $http;
 - };
@@ -594,10 +618,12 @@
 - ```
 
   ```
+
 - You would then inject and use this service like this:
 - ```js
 
   ```
+
 - someModule.controller('Ctrl', ['ping', function(ping) {
 -     ping.send();
 - }]);
@@ -629,6 +655,7 @@
 - ```js
 
   ```
+
 - $provide.value('ADMIN_USER', 'admin');
 -
 - $provide.value('RoleLookup', { admin: 0, writer: 1, reader: 2 });
@@ -663,6 +690,7 @@
 - ```js
 
   ```
+
 - $provide.constant('SHARD_HEIGHT', 306);
 -
 - $provide.constant('MY_COLOURS', ['red', 'blue', 'grey']);
@@ -702,6 +730,7 @@
 - ```js
 
   ```
+
 - $provide.decorator('$log', ['$delegate', function($delegate) {
 -     $delegate.warn = $delegate.error;
 -     return $delegate;

package/src/jqLite.js

@@ -271,11 +271,12 @@ export function JQLite(element) {
   }
 
   if (argIsString) {
-    jqLiteAddNodes(this, jqLiteParseHTML(element));
+    const parsed = jqLiteParseHTML(element);
+    addNodes(this, parsed);
   } else if (isFunction(element)) {
     jqLiteReady(element);
   } else {
-    jqLiteAddNodes(this, element);
+    addNodes(this, element);
   }
 }
 export var jqLite = JQLite;
@@ -430,7 +431,13 @@ function jqLiteData(element, key, value) {
   }
 }
 
-function jqLiteAddNodes(root, elements) {
+/**
+ * Adds nodes or elements to the root array-like object.
+ *
+ * @param {Array} root - The array-like object to which elements will be added.
+ * @param {(Node|Array|NodeList|Object)} elements - The elements to add to the root. This can be a single DOM node, an array-like object (such as an Array or NodeList), or any other object.
+ */
+function addNodes(root, elements) {
   // THIS CODE IS VERY HOT. Don't make changes without benchmarking.
 
   if (elements) {
@@ -875,19 +882,6 @@ forEach(
 
     off: jqLiteOff,
 
-    one(element, type, fn) {
-      element = jqLite(element);
-
-      // add the listener twice so that when it is called
-      // you can remove the original function and still be
-      // able to call element.off(ev, fn) normally
-      element.on(type, function onFn() {
-        element.off(type, fn);
-        element.off(type, onFn);
-      });
-      element.on(type, fn);
-    },
-
     replaceWith(element, replaceNode) {
       let index;
       const parent = element.parentNode;
@@ -1032,7 +1026,7 @@ forEach(
             value = jqLite(value);
           }
         } else {
-          jqLiteAddNodes(value, fn(this[i], arg1, arg2, arg3));
+          addNodes(value, fn(this[i], arg1, arg2, arg3));
         }
       }
       return isDefined(value) ? value : this;

package/src/loader.js

@@ -644,10 +644,6 @@ export class Angular {
     window.name = `NG_ENABLE_DEBUG_INFO!${window.name}`;
     window.location.reload();
   }
-
-  UNSAFE_restoreLegacyJqLiteXHTMLReplacement() {
-    throw new Error("Legacy function kept for TS purposes.");
-  }
 }
 
 /// //////////////////////////////////////////////

package/test/binding.spec.js

@@ -133,11 +133,11 @@ describe("binding", () => {
     $rootScope.$apply();
     expect(form[0].outerHTML).toBe(
       "<ul>" +
-        "<!-- ngRepeat: item in model.items -->" +
+        "<!---->" +
         '<li ng-repeat="item in model.items" ng-bind="item.a">A</li>' +
-        "<!-- end ngRepeat: item in model.items -->" +
+        "<!---->" +
         '<li ng-repeat="item in model.items" ng-bind="item.a">B</li>' +
-        "<!-- end ngRepeat: item in model.items -->" +
+        "<!---->" +
         "</ul>",
     );
 
@@ -145,13 +145,13 @@ describe("binding", () => {
     $rootScope.$apply();
     expect(form[0].outerHTML).toBe(
       "<ul>" +
-        "<!-- ngRepeat: item in model.items -->" +
+        "<!---->" +
         '<li ng-repeat="item in model.items" ng-bind="item.a">C</li>' +
-        "<!-- end ngRepeat: item in model.items -->" +
+        "<!---->" +
         '<li ng-repeat="item in model.items" ng-bind="item.a">A</li>' +
-        "<!-- end ngRepeat: item in model.items -->" +
+        "<!---->" +
         '<li ng-repeat="item in model.items" ng-bind="item.a">B</li>' +
-        "<!-- end ngRepeat: item in model.items -->" +
+        "<!---->" +
         "</ul>",
     );
 
@@ -159,11 +159,11 @@ describe("binding", () => {
     $rootScope.$apply();
     expect(form[0].outerHTML).toBe(
       "<ul>" +
-        "<!-- ngRepeat: item in model.items -->" +
+        "<!---->" +
         '<li ng-repeat="item in model.items" ng-bind="item.a">A</li>' +
-        "<!-- end ngRepeat: item in model.items -->" +
+        "<!---->" +
         '<li ng-repeat="item in model.items" ng-bind="item.a">B</li>' +
-        "<!-- end ngRepeat: item in model.items -->" +
+        "<!---->" +
         "</ul>",
     );
 
@@ -182,9 +182,9 @@ describe("binding", () => {
     $rootScope.$apply();
     expect(element[0].outerHTML).toBe(
       "<ul>" +
-        "<!-- ngRepeat: item in model.items -->" +
+        "<!---->" +
         '<li ng-repeat="item in model.items"><span ng-bind="item.a">A</span></li>' +
-        "<!-- end ngRepeat: item in model.items -->" +
+        "<!---->" +
         "</ul>",
     );
   });
@@ -257,19 +257,19 @@ describe("binding", () => {
 
     expect(element[0].outerHTML).toBe(
       `<div>` +
-        `<!-- ngRepeat: m in model -->` +
+        `<!---->` +
         `<div ng-repeat="m in model" name="a">` +
-        `<!-- ngRepeat: i in m.item -->` +
-        `<ul name="a1" ng-repeat="i in m.item"></ul><!-- end ngRepeat: i in m.item -->` +
-        `<ul name="a2" ng-repeat="i in m.item"></ul><!-- end ngRepeat: i in m.item -->` +
-        `</div><!-- end ngRepeat: m in model -->` +
+        `<!---->` +
+        `<ul name="a1" ng-repeat="i in m.item"></ul><!---->` +
+        `<ul name="a2" ng-repeat="i in m.item"></ul><!---->` +
+        `</div><!---->` +
         `<div ng-repeat="m in model" name="b">` +
-        `<!-- ngRepeat: i in m.item -->` +
+        `<!---->` +
         `<ul name="b1" ng-repeat="i in m.item"></ul>` +
-        `<!-- end ngRepeat: i in m.item -->` +
+        `<!---->` +
         `<ul name="b2" ng-repeat="i in m.item"></ul>` +
-        `<!-- end ngRepeat: i in m.item --></div>` +
-        `<!-- end ngRepeat: m in model --></div>`,
+        `<!----></div>` +
+        `<!----></div>`,
     );
   });
 
@@ -475,11 +475,11 @@ describe("binding", () => {
     $rootScope.$apply();
     expect(element[0].outerHTML).toBe(
       "<ul>" +
-        "<!-- ngRepeat: (k,v) in {a:0,b:1} -->" +
+        "<!---->" +
         '<li ng-repeat="(k,v) in {a:0,b:1}" ng-bind="k + v">a0</li>' +
-        "<!-- end ngRepeat: (k,v) in {a:0,b:1} -->" +
+        "<!---->" +
         '<li ng-repeat="(k,v) in {a:0,b:1}" ng-bind="k + v">b1</li>' +
-        "<!-- end ngRepeat: (k,v) in {a:0,b:1} -->" +
+        "<!---->" +
         "</ul>",
     );
   });

package/test/jqlite.spec.js

@@ -1684,62 +1684,6 @@ describe("jqLite", () => {
     });
   });
 
-  describe("one", () => {
-    it("should only fire the callback once", () => {
-      const element = jqLite(a);
-      const spy = jasmine.createSpy("click");
-
-      element.one("click", spy);
-      browserTrigger(element, "click");
-      expect(spy).toHaveBeenCalled();
-
-      browserTrigger(element, "click");
-      expect(spy).toHaveBeenCalled();
-    });
-
-    it("should deregister when off is called", () => {
-      const element = jqLite(a);
-      const spy = jasmine.createSpy("click");
-
-      element.one("click", spy);
-      element.off("click", spy);
-
-      browserTrigger(element, "click");
-      expect(spy).not.toHaveBeenCalled();
-    });
-
-    it("should return the same event object just as on() does", () => {
-      const element = jqLite(a);
-      let eventA;
-      let eventB;
-      element.on("click", (event) => {
-        eventA = event;
-      });
-      element.one("click", (event) => {
-        eventB = event;
-      });
-
-      browserTrigger(element, "click");
-      expect(eventA).toEqual(eventB);
-    });
-
-    it("should not remove other event handlers of the same type after execution", () => {
-      const element = jqLite(a);
-      const calls = [];
-      element.one("click", (event) => {
-        calls.push("one");
-      });
-      element.on("click", (event) => {
-        calls.push("on");
-      });
-
-      browserTrigger(element, "click");
-      browserTrigger(element, "click");
-
-      expect(calls).toEqual(["one", "on", "on"]);
-    });
-  });
-
   describe("replaceWith", () => {
     it("should replaceWith", () => {
       const root = jqLite("<div>").html("before-<div></div>after");

package/test/messages/messages.spec.js

@@ -577,9 +577,7 @@ describe("ngMessages", () => {
       $rootScope.$digest(); // The next digest triggers the error
 
       // Make sure removing the element triggers the deregistration in ngMessages
-      expect(trim(deregisterSpy.calls.mostRecent().args[0].nodeValue)).toBe(
-        "ngMessage: a",
-      );
+      expect(trim(deregisterSpy.calls.mostRecent().args[0].nodeValue)).toBe("");
       expect(messageChildren(element).length).toBe(0);
     });
 
@@ -619,7 +617,7 @@ describe("ngMessages", () => {
 
         // Make sure removing the element triggers the deregistration in ngMessages
         expect(trim(deregisterSpy.calls.mostRecent().args[0].nodeValue)).toBe(
-          "ngMessage: b",
+          "",
         );
         expect(messageChildren(element).length).toBe(1);
         expect(trim(element.text())).toEqual("A");
@@ -827,7 +825,7 @@ describe("ngMessages", () => {
 
     //       // with the 2nd item gone and the values changed
     //       // we should see both 1 and 3 changed
-    //       expect(element.text().trim()).toBe("CA");
+    //       expect(element.text().trim()).toBe("A");
 
     //       $rootScope.$apply(() => {
     //         // add the value for the 2nd item back

package/test/module-test.html

@@ -5,11 +5,15 @@
     <script type="module" src="../src/index.js"></script>
   </head>
   <body ng-app>
-    <div>
+    <div ng-init='list = [{ name: "x" }, { name: "y" }, { name: "z" }]'>
       <label>Name:</label>
       <input type="text" ng-model="yourName" placeholder="Enter a name here" />
       <hr />
       <h1>Hello {{yourName}}!</h1>
+
+      <ul ng-repeat="i in list">
+        <li>{{ i.name }}</li>
+      </ul>
     </div>
   </body>
 </html>