refactor(compiler): require a reference in interaction and hover triggers (#51816)

Updates the parsing for `interaction` and `hover` triggers to require a reference to an element.

PR Close #51816
This commit is contained in:
Kristiyan Kostadinov
2023-09-18 11:36:36 +02:00
committed by Pawel Kozlowski
parent 8438e3e982
commit 988e6c3fab
7 changed files with 36 additions and 31 deletions
@@ -371,7 +371,7 @@ export class MyApp {
MyApp.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: MyApp, deps: [], target: i0.ɵɵFactoryTarget.Component });
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: `
{{message}}
{#defer when isVisible() || isReady; on idle, timer(1337); on immediate, hover;
{#defer when isVisible() || isReady; on idle, timer(1337); on immediate, hover(button);
on interaction(button); on viewport(button)}
{{message}}
{:placeholder}<button #button>Click me</button>
@@ -382,7 +382,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDE
args: [{
template: `
{{message}}
{#defer when isVisible() || isReady; on idle, timer(1337); on immediate, hover;
{#defer when isVisible() || isReady; on idle, timer(1337); on immediate, hover(button);
on interaction(button); on viewport(button)}
{{message}}
{:placeholder}<button #button>Click me</button>
@@ -421,7 +421,7 @@ MyApp.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "0.0.0-PL
MyApp.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "0.0.0-PLACEHOLDER", type: MyApp, selector: "ng-component", ngImport: i0, template: `
{{message}}
{#defer prefetch when isVisible() || isReady; prefetch on idle, timer(1337);
prefetch on immediate, hover; prefetch on interaction(button); prefetch on viewport(button)}
prefetch on immediate, hover(button); prefetch on interaction(button); prefetch on viewport(button)}
{{message}}
{:placeholder}<button #button>Click me</button>
{/defer}
@@ -432,7 +432,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDE
template: `
{{message}}
{#defer prefetch when isVisible() || isReady; prefetch on idle, timer(1337);
prefetch on immediate, hover; prefetch on interaction(button); prefetch on viewport(button)}
prefetch on immediate, hover(button); prefetch on interaction(button); prefetch on viewport(button)}
{{message}}
{:placeholder}<button #button>Click me</button>
{/defer}
@@ -4,7 +4,7 @@ import {Component} from '@angular/core';
template: `
{{message}}
{#defer prefetch when isVisible() || isReady; prefetch on idle, timer(1337);
prefetch on immediate, hover; prefetch on interaction(button); prefetch on viewport(button)}
prefetch on immediate, hover(button); prefetch on interaction(button); prefetch on viewport(button)}
{{message}}
{:placeholder}<button #button>Click me</button>
{/defer}
@@ -3,7 +3,7 @@ import {Component} from '@angular/core';
@Component({
template: `
{{message}}
{#defer when isVisible() || isReady; on idle, timer(1337); on immediate, hover;
{#defer when isVisible() || isReady; on idle, timer(1337); on immediate, hover(button);
on interaction(button); on viewport(button)}
{{message}}
{:placeholder}<button #button>Click me</button>