feat(core): enable block syntax (angular#51994)

Enables the new `@` block syntax by default by removing the `enabledBlockTypes` flags. There are still some internal flags that allow special use cases to opt out of the block syntax, like during XML parsing and when compiling older libraries (see angular#51979).

PR Close angular#51994

Author: crisbeto

aio/content/examples/inputs-outputs/src/app/app.component.html

@@ -13,7 +13,7 @@ <h1>Inputs and Outputs</h1>
 <!-- #docregion output-parent -->
 <app-item-output (newItemEvent)="addItem($event)"></app-item-output>
 <!-- #enddocregion output-parent -->
-<h3>Parent component receiving value via @Output()</h3>
+<h3>Parent component receiving value via &#64;Output()</h3>
 
 <ul>
   <li *ngFor="let item of items">{{item}}</li>

aio/content/examples/inputs-outputs/src/app/item-detail.component.html

@@ -1,4 +1,4 @@
-<h2>Child component with @Input()</h2>
+<h2>Child component with &#64;Input()</h2>
 
 <!-- #docregion property-in-template -->
 <p>

aio/content/examples/inputs-outputs/src/app/item-details-metadata.component.ts

@@ -9,7 +9,7 @@ import { booleanAttribute } from '@angular/core'; // First, import booleanAttrib
   standalone: true,
   selector: 'app-item-detail-metadata',
   template: `
-  <h2>Child component with @Input() metadata configurations</h2>
+  <h2>Child component with &#64;Input() metadata configurations</h2>
 
   <p>
     Today's item: {{item}}

aio/content/examples/inputs-outputs/src/app/item-output.component.html

@@ -1,4 +1,4 @@
-<h2>Child component with @Output()</h2>
+<h2>Child component with &#64;Output()</h2>
 
 <!-- #docregion child-output -->
 <label for="item-input">Add an item:</label>

aio/content/examples/resolution-modifiers/src/app/host-child/host-child.component.html

@@ -1,4 +1,4 @@
 <div class="section">
-	<h2>Child of @Host() Component</h2>
+	<h2>Child of &#64;Host() Component</h2>
   <p>Flower emoji: {{flower.emoji}}</p>
 </div>

aio/content/examples/resolution-modifiers/src/app/host-parent/host-parent.component.html

@@ -1,5 +1,5 @@
 <div class="section">
-	<h2>Parent of @Host() Component</h2>
+	<h2>Parent of &#64;Host() Component</h2>
 	<p>Flower emoji: {{flower.emoji}}</p>
 	<app-host></app-host>
 </div>

aio/content/examples/resolution-modifiers/src/app/host/host.component.html

@@ -1,6 +1,6 @@
 <div class="section">
-	<h2>@Host() Component</h2>
+	<h2>&#64;Host() Component</h2>
 	<p>Flower emoji: {{flower?.emoji}}</p>
-	<p><i>(@Host() stops it here)</i></p>
+	<p><i>(&#64;Host() stops it here)</i></p>
 	<app-host-child></app-host-child>
 </div>

aio/content/examples/resolution-modifiers/src/app/optional/optional.component.html

@@ -1,4 +1,4 @@
 <div class="section">
-	<h2>@Optional() Component</h2>
-	<p>This component still works even though the OptionalService (notice @Optional() in the consturctor isn't provided or configured anywhere. Angular goes through tree and visibilty rules, and if it doesn't find the requested service, returns null.</p>
+	<h2>&#64;Optional() Component</h2>
+	<p>This component still works even though the OptionalService (notice &#64;Optional() in the consturctor isn't provided or configured anywhere. Angular goes through tree and visibilty rules, and if it doesn't find the requested service, returns null.</p>
 </div>

aio/content/examples/resolution-modifiers/src/app/self-no-data/self-no-data.component.html

@@ -1,4 +1,4 @@
 <div class="section">
-	<h2>@Self() Component (without a provider)</h2>
+	<h2>&#64;Self() Component (without a provider)</h2>
   <p>Leaf emoji: {{leaf?.emoji}}</p>
 </div>

aio/content/examples/resolution-modifiers/src/app/self/self.component.html

@@ -1,4 +1,4 @@
 <div class="section">
-	<h2>@Self() Component</h2>
+	<h2>&#64;Self() Component</h2>
   <p>Flower emoji: {{flower?.emoji}}</p>
 </div>