@angular-wave/angular.ts 0.7.4 → 0.7.7

package/docs/content/docs/directive/mouseenter.md

@@ -0,0 +1,38 @@
+---
+title: ng-mouseenter
+description: >
+  Handler for mouseenter event
+---
+
+### Description
+
+The `ng-mouseenter` directive allows you to specify custom behavior when a mouse
+enters an element.
+
+### Directive parameters
+
+---
+
+#### `ng-mouseenter`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon
+  [mouseenter](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseenter_event)
+  event.
+  [MouseEvent](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent)
+  object is available as `$event`.
+- **Example:**
+
+  ```html
+  <div ng-mouseenter="$ctrl.greet($event)"></div>
+  ```
+
+---
+
+#### Demo
+
+{{< showhtml src="examples/ng-mouseenter/ng-mouseenter.html" >}}
+
+{{< showraw src="examples/ng-mouseenter/ng-mouseenter.html" >}}
+
+---

package/docs/content/docs/directive/mouseleave.md

@@ -0,0 +1,38 @@
+---
+title: ng-mouseleave
+description: >
+  Handler for mouseleave event
+---
+
+### Description
+
+The `ng-mouseleave` directive allows you to specify custom behavior when an
+element a mouse leaves entire element.
+
+### Directive parameters
+
+---
+
+#### `ng-mouseleave`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon
+  [mouseleave](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseleave_event)
+  event.
+  [MouseEvent](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent)
+  object is available as `$event`.
+- **Example:**
+
+  ```html
+  <div ng-mouseleave="$ctrl.greet($event)"></div>
+  ```
+
+---
+
+#### Demo
+
+{{< showhtml src="examples/ng-mouseleave/ng-mouseleave.html" >}}
+
+{{< showraw src="examples/ng-mouseleave/ng-mouseleave.html" >}}
+
+---

package/docs/content/docs/directive/mousemove.md

@@ -0,0 +1,38 @@
+---
+title: ng-mousemove
+description: >
+  Handler for mousemove event
+---
+
+### Description
+
+The `ng-mousemove` directive allows you to specify custom custom behavior when a
+mouse is moved over an element.
+
+### Directive parameters
+
+---
+
+#### `ng-mousemove`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon
+  [mousemove](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event)
+  event.
+  [MouseEvent](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent)
+  object is available as `$event`.
+- **Example:**
+
+  ```html
+  <div ng-mousemove="$ctrl.greet($event)"></div>
+  ```
+
+---
+
+#### Demo
+
+{{< showhtml src="examples/ng-mousemove/ng-mousemove.html" >}}
+
+{{< showraw src="examples/ng-mousemove/ng-mousemove.html" >}}
+
+---

package/docs/content/docs/directive/mouseout.md

@@ -0,0 +1,38 @@
+---
+title: ng-mouseout
+description: >
+  Handler for mouseout event
+---
+
+### Description
+
+The `ng-mouseout` directive allows you to specify custom behavior when a mouse
+leaves any part of the element or its children.
+
+### Directive parameters
+
+---
+
+#### `ng-mouseout`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon
+  [mouseout](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseout_event)
+  event.
+  [MouseEvent](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent)
+  object is available as `$event`.
+- **Example:**
+
+  ```html
+  <div ng-mouseout="$ctrl.greet($event)"></div>
+  ```
+
+---
+
+#### Demo
+
+{{< showhtml src="examples/ng-mouseout/ng-mouseout.html" >}}
+
+{{< showraw src="examples/ng-mouseout/ng-mouseout.html" >}}
+
+---

package/docs/content/docs/directive/mouseover.md

@@ -0,0 +1,38 @@
+---
+title: ng-mouseover
+description: >
+  Handler for mouseover event
+---
+
+### Description
+
+The `ng-mouseover` directive allows you to specify custom behavior when a mouse
+is placed over an element.
+
+### Directive parameters
+
+---
+
+#### `ng-mouseover`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon
+  [mouseover](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseover_event)
+  event.
+  [MouseEvent](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent)
+  object is available as `$event`.
+- **Example:**
+
+  ```html
+  <div ng-mouseover="$ctrl.greet($event)"></div>
+  ```
+
+---
+
+#### Demo
+
+{{< showhtml src="examples/ng-mouseover/ng-mouseover.html" >}}
+
+{{< showraw src="examples/ng-mouseover/ng-mouseover.html" >}}
+
+---

package/docs/content/docs/directive/mouseup.md

@@ -0,0 +1,38 @@
+---
+title: ng-mouseup
+description: >
+  Handler for mouseup event
+---
+
+### Description
+
+The `ng-mouseup` directive allows you to specify custom behavior when a pressed
+mouse is released over an element.
+
+### Directive parameters
+
+---
+
+#### `ng-mouseup`
+
+- **Type:** [Expression](../../../typedoc/types/Expression.html)
+- **Description:** Expression to evaluate upon
+  [mouseup](https://developer.mozilla.org/en-US/docs/Web/API/Element/mouseup_event)
+  event.
+  [MouseEvent](https://developer.mozilla.org/en-US/docs/Web/API/MouseEvent)
+  object is available as `$event`.
+- **Example:**
+
+  ```html
+  <div ng-mouseup="$ctrl.greet($event)"></div>
+  ```
+
+---
+
+#### Demo
+
+{{< showhtml src="examples/ng-mouseup/ng-mouseup.html" >}}
+
+{{< showraw src="examples/ng-mouseup/ng-mouseup.html" >}}
+
+---

package/docs/layouts/404.html

@@ -6,7 +6,7 @@
     <a href='{{ "" | relURL }}'>home page</a>.
   </p>
   <p>
-    You can learn how to make a 404 page like this in
+    You can learn how to make a 404-page like this in
     <a href="https://gohugo.io/templates/404/">Custom 404 Pages</a>.
   </p>
 </div>

package/docs/static/examples/eventbus/eventbus.js

@@ -1,4 +1,4 @@
-angular.module('demo', []).controller(
+window.angular.module('demo', []).controller(
   'DemoCtrl',
   class {
     static $inject = ['$eventBus', '$scope'];

package/docs/static/examples/ng-bind/ng-bind.html

@@ -0,0 +1,9 @@
+<section ng-app>
+  <!-- Eager bind -->
+  <label>Enter name: <input type="text" ng-model="name" /></label><br />
+  Hello <span ng-bind="name">I am never displayed</span>!
+
+  <!-- Lazy bind -->
+  <button ng-click="name1 = name">Sync</button>
+  <span ng-bind="name1" data-lazy="true">I am server content</span>!
+</section>

package/docs/static/examples/ng-blur/ng-blur.html

@@ -0,0 +1,9 @@
+<section ng-app>
+  <input
+    type="text"
+    ng-blur="count = count + 1"
+    ng-init="count = 0"
+    placeholder="Click or tab away from me"
+  />
+  Lost focus {{ count }} times
+</section>

package/docs/static/examples/ng-click/ng-click.html

@@ -0,0 +1,6 @@
+<section ng-app>
+  <button class="btn btn-dark" ng-init="count = 0" ng-click="count = count + 1">
+    Increment
+  </button>
+  <span> count: {{count}} </span>
+</section>

package/docs/static/examples/ng-copy/ng-copy.html

@@ -0,0 +1,6 @@
+<section ng-app>
+  <div class="border p-2" ng-copy="copied = true" contenteditable="true">
+    Copy text from this box via Ctrl-C
+  </div>
+  {{ copied }}
+</section>

package/docs/static/examples/ng-cut/ng-cut.html

@@ -0,0 +1,6 @@
+<section ng-app>
+  <div class="border p-2" ng-cut="cut = true" contenteditable="true">
+    Cut text from this box via Ctrl-X
+  </div>
+  {{ cut }}
+</section>

package/docs/static/examples/ng-dblclick/ng-dblclick.html

@@ -0,0 +1,10 @@
+<section ng-app>
+  <button
+    class="btn btn-dark"
+    ng-init="count = 0"
+    ng-dblclick="count = count + 1"
+  >
+    Increment
+  </button>
+  <span> count: {{count}} </span>
+</section>

package/docs/static/examples/ng-focus/ng-focus.html

@@ -0,0 +1,9 @@
+<section ng-app>
+  <input
+    type="text"
+    ng-focus="count = count + 1"
+    ng-init="count = 0"
+    placeholder="Click or tab into me"
+  />
+  Focused {{ count }} times
+</section>

package/docs/static/examples/ng-keydown/ng-keydown.html

@@ -0,0 +1,9 @@
+<section ng-app>
+  <input
+    type="text"
+    ng-keydown="count = count + 1"
+    ng-init="count = 0"
+    placeholder="Click here, then press down a key."
+  />
+  Keydown {{ count }} times
+</section>

package/docs/static/examples/ng-keyup/ng-keyup.html

@@ -0,0 +1,9 @@
+<section ng-app>
+  <input
+    type="text"
+    ng-keyup="count = count + 1"
+    ng-init="count = 0"
+    placeholder="Click here, then press down a key."
+  />
+  Keyup {{ count }} times
+</section>

package/docs/static/examples/ng-load/ng-load.html

@@ -0,0 +1,8 @@
+<section ng-app>
+  <img
+    ng-load="res = 'Large image loaded'"
+    width="150px"
+    src="https://upload.wikimedia.org/wikipedia/commons/thumb/9/93/Centroamerica_prehispanica_siglo_XVI.svg/1920px-Centroamerica_prehispanica_siglo_XVI.svg.png"
+  />
+  {{ res }}
+</section>

package/docs/static/examples/ng-mousedown/ng-mousedown.html

@@ -0,0 +1,6 @@
+<section ng-app>
+  <button ng-init="count = 0" ng-mousedown="count = count + 1">
+    Press Mouse Down
+  </button>
+  Mouse Down {{ count }} times
+</section>

package/docs/static/examples/ng-mouseenter/ng-mouseenter.html

@@ -0,0 +1,4 @@
+<section ng-app>
+  <div ng-init="count = 0" ng-mouseenter="count = count + 1">Mouse Enter</div>
+  Mouse Enter {{ count }} times
+</section>

package/docs/static/examples/ng-mouseleave/ng-mouseleave.html

@@ -0,0 +1,4 @@
+<section ng-app>
+  <div ng-init="count = 0" ng-mouseleave="count = count + 1">Mouse Leave</div>
+  Mouse Leave {{ count }} times
+</section>

package/docs/static/examples/ng-mousemove/ng-mousemove.html

@@ -0,0 +1,4 @@
+<section ng-app>
+  <div ng-init="count = 0" ng-mousemove="count = count + 1">Mouse Move</div>
+  Mouse Move {{ count }} times
+</section>

package/docs/static/examples/ng-mouseout/ng-mouseout.html

@@ -0,0 +1,4 @@
+<section ng-app>
+  <div ng-init="count = 0" ng-mouseout="count = count + 1">Mouse Out</div>
+  Mouse Out {{ count }} times
+</section>

package/docs/static/examples/ng-mouseover/ng-mouseover.html

@@ -0,0 +1,4 @@
+<section ng-app>
+  <div ng-init="count = 0" ng-mouseover="count = count + 1">Mouse Over</div>
+  Mouse Over {{ count }} times
+</section>

package/docs/static/examples/ng-mouseup/ng-mouseup.html

@@ -0,0 +1,4 @@
+<section ng-app>
+  <div ng-init="count = 0" ng-mouseup="count = count + 1">Mouse Up</div>
+  Mouse Up {{ count }} times
+</section>

package/legacy.d.ts

@@ -662,10 +662,6 @@ declare namespace angular {
     $eval(expression: string, locals?: Object): any;
     $eval(expression: (scope: IScope) => any, locals?: Object): any;
 
-    $evalAsync(): void;
-    $evalAsync(expression: string, locals?: Object): void;
-    $evalAsync(expression: (scope: IScope) => void, locals?: Object): void;
-
     // Defaults to false by the implementation checking strategy
     $new(isolate?: boolean, parent?: IScope): IScope;
 

package/package.json

@@ -2,7 +2,7 @@
   "name": "@angular-wave/angular.ts",
   "description": "A modern, optimized and type-safe version of AngularJS",
   "license": "MIT",
-  "version": "0.7.4",
+  "version": "0.7.7",
   "type": "module",
   "main": "dist/angular-ts.esm.js",
   "module": "dist/angular-ts.esm.js",

package/src/core/location/location.js

@@ -775,7 +775,7 @@ export class LocationProvider {
           return;
         }
 
-        $rootScope.$evalAsync(() => {
+        Promise.resolve().then(() => {
           const oldUrl = $location.absUrl();
           const oldState = $location.$$state;
           let defaultPrevented;

package/src/core/scope/scope.js

@@ -467,7 +467,6 @@ export class Scope {
       $destroy: this.$destroy.bind(this),
       $eval: this.$eval.bind(this),
       $apply: this.$apply.bind(this),
-      $evalAsync: this.$evalAsync.bind(this),
       $postUpdate: this.$postUpdate.bind(this),
       $isRoot: this.#isRoot.bind(this),
       $target: target,
@@ -977,10 +976,6 @@ export class Scope {
     return res;
   }
 
-  async $evalAsync(expr, locals) {
-    return await this.$eval(expr, locals);
-  }
-
   /**
    * @param {Object} newTarget
    */

package/src/directive/bind/bind.js

@@ -1,4 +1,10 @@
-import { isUndefined, stringify, isNull, isProxy } from "../../shared/utils.js";
+import {
+  isUndefined,
+  stringify,
+  isNull,
+  isProxy,
+  isDefined,
+} from "../../shared/utils.js";
 import { $injectTokens } from "../../injection-tokens.js";
 
 /**
@@ -12,9 +18,15 @@ export function ngBindDirective() {
      * @param {import('../../core/compile/attributes.js').Attributes} attr
      */
     link(scope, element, attr) {
-      scope.$watch(attr["ngBind"], (value) => {
-        element.textContent = stringify(isProxy(value) ? value.$target : value);
-      });
+      scope.$watch(
+        attr["ngBind"],
+        (value) => {
+          element.textContent = stringify(
+            isProxy(value) ? value.$target : value,
+          );
+        },
+        isDefined(attr["lazy"]),
+      );
     },
   };
 }

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

@@ -106,6 +106,19 @@ describe("ng-bind", () => {
         $rootScope.value.$target.toString(),
       );
     });
+
+    it("should support `data-lazy` attribute", async () => {
+      $rootScope.value = 0;
+      await wait();
+      element = $compile('<div ng-bind="value" data-lazy="true">Content</div>')(
+        $rootScope,
+      );
+      expect(element.textContent).toEqual("Content");
+
+      $rootScope.value = 2;
+      await wait();
+      expect(element.textContent).toEqual("2");
+    });
   });
 
   describe("ngBindTemplate", () => {

package/src/directive/events/events.js

@@ -6,31 +6,28 @@ import { directiveNormalize } from "../../shared/utils.js";
  */
 export const ngEventDirectives = {};
 
-"click copy cut dblclick focus blur keydown keyup keypress load mouseover mousein mouseout mouseleave paste submit touchstart touchend touchmove"
+"click copy cut dblclick focus blur keydown keyup load mousedown mouseenter mouseleave mousemove mouseout mouseover mouseup paste submit touchstart touchend touchmove"
   .split(" ")
-  .forEach(
-    /** @param { string } eventName */
-    (eventName) => {
-      const directiveName = directiveNormalize(`ng-${eventName}`);
-      ngEventDirectives[directiveName] = [
-        "$parse",
-        "$exceptionHandler",
-        /**
-         * @param {import("../../core/parse/interface.ts").ParseService} $parse
-         * @param {import('../../core/exception-handler.js').ErrorHandler} $exceptionHandler
-         * @returns
-         */
-        ($parse, $exceptionHandler) => {
-          return createEventDirective(
-            $parse,
-            $exceptionHandler,
-            directiveName,
-            eventName,
-          );
-        },
-      ];
-    },
-  );
+  .forEach((eventName) => {
+    const directiveName = directiveNormalize(`ng-${eventName}`);
+    ngEventDirectives[directiveName] = [
+      "$parse",
+      "$exceptionHandler",
+      /**
+       * @param {import("../../core/parse/interface.ts").ParseService} $parse
+       * @param {import('../../core/exception-handler.js').ErrorHandler} $exceptionHandler
+       * @returns
+       */
+      ($parse, $exceptionHandler) => {
+        return createEventDirective(
+          $parse,
+          $exceptionHandler,
+          directiveName,
+          eventName,
+        );
+      },
+    ];
+  });
 
 /**
  *

package/src/directive/events/events.md

@@ -1,44 +1,3 @@
-## ngClick
-
-**Directive:** `ngClick`  
-**Restrict:** `A`  
-**Element:** `ANY`  
-**Priority:** `0`
-
-**Description:**  
-The ngClick directive allows you to specify custom behavior when an element is clicked.
-
-**Param:**
-
-- `{String} ngClick` [Expression](guide/expression) to evaluate upon click. ([Event object](guide/expression#-event-) is available as `$event`).
-
-## ngDblclick
-
-**Directive:** `ngDblclick`  
-**Restrict:** `A`  
-**Element:** `ANY`  
-**Priority:** `0`
-
-**Description:**  
-The `ngDblclick` directive allows you to specify custom behavior on a dblclick event.
-
-**Param:**
-
-- `{string} ngDblclick` [Expression](guide/expression) to evaluate upon a dblclick. (The Event object is available as `$event`).
-
-**Example:**
-
-```html
-<example name="ng-dblclick">
-  <file name="index.html">
-    <button ng-dblclick="count = count + 1" ng-init="count=0">
-      Increment (on double click)
-    </button>
-    count: {{count}}
-  </file>
-</example>
-```
-
 ## ngSubmit
 
 **Directive:** `ngSubmit`  

package/src/directive/messages/messages.js

@@ -103,7 +103,7 @@ class NgMessageCtrl {
   reRender() {
     if (!this.renderLater) {
       this.renderLater = true;
-      this.$scope.$evalAsync(() => {
+      Promise.resolve().then(() => {
         if (this.renderLater && this.cachedCollection) {
           this.render(this.cachedCollection);
         }

package/src/directive/observe/{test.html → observe-demo.html}

@@ -47,7 +47,6 @@
     <script type="module">
       import {
         fluentSelect,
-        fluentOption,
         fluentTab,
         fluentTabPanel,
         fluentTabs,