-
+
@if (apiItem.deprecated) {
<!>
}
- @if(apiItem.experimental) {
+ @if (apiItem.experimental) {
🧪
}
- @if(apiItem.developerPreview) {
+ @if (apiItem.developerPreview) {
🚧
}
diff --git a/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html b/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html
index 60afa622e9a1..b2ed207e3be1 100644
--- a/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html
+++ b/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html
@@ -1,5 +1,6 @@
@if (docContent(); as docContent) {
-
Angular v21 is here!
🕹️ Start your adventure
diff --git a/adev/src/app/features/references/api-items-section/api-items-section.component.html b/adev/src/app/features/references/api-items-section/api-items-section.component.html index 8df416950bc6..4ced4cceeefd 100644 --- a/adev/src/app/features/references/api-items-section/api-items-section.component.html +++ b/adev/src/app/features/references/api-items-section/api-items-section.component.html @@ -31,10 +31,10 @@
@if (apiItem.deprecated) {
<!>
}
- @if(apiItem.experimental) {
+ @if (apiItem.experimental) {
🧪
}
- @if(apiItem.developerPreview) {
+ @if (apiItem.developerPreview) {
🚧
}
diff --git a/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html b/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html
index 60afa622e9a1..b2ed207e3be1 100644
--- a/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html
+++ b/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html
@@ -1,5 +1,6 @@
@if (docContent(); as docContent) {
- Accessibility Example
-
diff --git a/adev/src/content/examples/accessibility/src/index.html b/adev/src/content/examples/accessibility/src/index.html
index c0c05cb94bbf..d2a06bff9c4d 100644
--- a/adev/src/content/examples/accessibility/src/index.html
+++ b/adev/src/content/examples/accessibility/src/index.html
@@ -1,13 +1,13 @@
-
-
- Accessibility Example
-
-
-
-
-
- Loading...
-
+
+
+ Accessibility Example
+
+
+
+
+
+ Loading...
+
diff --git a/adev/src/content/examples/angular-compiler-options/src/index.html b/adev/src/content/examples/angular-compiler-options/src/index.html
index 9a54a12cd4d7..c86cefc129a8 100644
--- a/adev/src/content/examples/angular-compiler-options/src/index.html
+++ b/adev/src/content/examples/angular-compiler-options/src/index.html
@@ -1,13 +1,13 @@
-
+
-
-
- Ponyracer
-
-
-
-
-
-
-
+
+
+ Ponyracer
+
+
+
+
+
+
+
diff --git a/adev/src/content/examples/animations/src/app/about.component.html b/adev/src/content/examples/animations/src/app/about.component.html
index 6ef2412703a9..4eb8b6b48317 100755
--- a/adev/src/content/examples/animations/src/app/about.component.html
+++ b/adev/src/content/examples/animations/src/app/about.component.html
@@ -1,3 +1,4 @@
- Angular's animations library makes it easy to define and apply animation effects such as page and list transitions.
+ Angular's animations library makes it easy to define and apply animation effects such as page and
+ list transitions.
diff --git a/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html b/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html
index 118ded129c0f..d6d6e0729aa6 100644
--- a/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html
+++ b/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html
@@ -3,7 +3,7 @@ Reordering List Example
- @for(item of items; track item) {
+ @for (item of items; track item) {
- {{ item }}
}
diff --git a/adev/src/content/examples/animations/src/app/animations-package/stagger.component.html b/adev/src/content/examples/animations/src/app/animations-package/stagger.component.html
index 6ecd4ef19e31..7cee6b0cfed8 100644
--- a/adev/src/content/examples/animations/src/app/animations-package/stagger.component.html
+++ b/adev/src/content/examples/animations/src/app/animations-package/stagger.component.html
@@ -2,8 +2,7 @@
Stagger Example
- @for(item of items; track item) {
+ @for (item of items; track item) {
- {{ item }}
}
-
diff --git a/adev/src/content/examples/animations/src/app/app.component.html b/adev/src/content/examples/animations/src/app/app.component.html
index 59e6584e9733..bca8e7f58569 100644
--- a/adev/src/content/examples/animations/src/app/app.component.html
+++ b/adev/src/content/examples/animations/src/app/app.component.html
@@ -1,23 +1,55 @@
Animations
-
+
diff --git a/adev/src/content/examples/animations/src/app/hero-list-auto.component.html b/adev/src/content/examples/animations/src/app/hero-list-auto.component.html
index d8d7f78e8ffb..d0b96ba8c537 100644
--- a/adev/src/content/examples/animations/src/app/hero-list-auto.component.html
+++ b/adev/src/content/examples/animations/src/app/hero-list-auto.component.html
@@ -1,7 +1,6 @@
@for (hero of heroes(); track hero) {
- -
+
-
- Angular's animations library makes it easy to define and apply animation effects such as page and list transitions. + Angular's animations library makes it easy to define and apply animation effects such as page and + list transitions.
diff --git a/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html b/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html index 118ded129c0f..d6d6e0729aa6 100644 --- a/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html +++ b/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html @@ -3,7 +3,7 @@Reordering List Example
-
- @for(item of items; track item) {
+ @for (item of items; track item) {
- {{ item }} }
Stagger Example
-
- @for(item of items; track item) {
+ @for (item of items; track item) {
- {{ item }} }
Animations
- + diff --git a/adev/src/content/examples/animations/src/app/hero-list-auto.component.html b/adev/src/content/examples/animations/src/app/hero-list-auto.component.html index d8d7f78e8ffb..d0b96ba8c537 100644 --- a/adev/src/content/examples/animations/src/app/hero-list-auto.component.html +++ b/adev/src/content/examples/animations/src/app/hero-list-auto.component.html @@ -1,7 +1,6 @@-
@for (hero of heroes(); track hero) {
-
- +
- format_align_center
+ format_align_center
Align center
- format_align_right
+ format_align_right
Align right
- format_align_justify
+ format_align_justify
Justify
diff --git a/adev/src/content/examples/aria/multiselect/src/basic/app/app.html b/adev/src/content/examples/aria/multiselect/src/basic/app/app.html
index 509ccb38f6a2..b1e6bbc7c7c4 100644
--- a/adev/src/content/examples/aria/multiselect/src/basic/app/app.html
+++ b/adev/src/content/examples/aria/multiselect/src/basic/app/app.html
@@ -15,10 +15,12 @@
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
- {{ displayIcon() }}
+ {{ displayIcon() }}
{{ displayValue() }}
@@ -16,11 +20,17 @@
diff --git a/adev/src/content/examples/aria/multiselect/src/icons/material/app/app.html b/adev/src/content/examples/aria/multiselect/src/icons/material/app/app.html
index 775f396d8d2c..e042bb560dc6 100644
--- a/adev/src/content/examples/aria/multiselect/src/icons/material/app/app.html
+++ b/adev/src/content/examples/aria/multiselect/src/icons/material/app/app.html
@@ -1,7 +1,11 @@
@@ -73,7 +78,8 @@
#leftAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="leftAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_left
@@ -86,7 +92,8 @@
#centerAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="centerAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_center
@@ -99,7 +106,8 @@
#rightAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="rightAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/rtl/material/app/app.html b/adev/src/content/examples/aria/toolbar/src/rtl/material/app/app.html
index 79eafb43cee7..8f19ae394b33 100644
--- a/adev/src/content/examples/aria/toolbar/src/rtl/material/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/rtl/material/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -16,7 +17,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@for (label of labels; track label.value) {
-
- {{label.icon}}
- {{label.value}}
- check
-
+
+ {{label.icon}}
+ {{label.value}}
+ check
+
}
- {{ displayIcon() }}
+ {{ displayIcon() }}
{{ displayValue() }}
@@ -16,11 +20,17 @@
diff --git a/adev/src/content/examples/aria/multiselect/src/icons/retro/app/app.html b/adev/src/content/examples/aria/multiselect/src/icons/retro/app/app.html
index 4342328743a2..7e5da7db1470 100644
--- a/adev/src/content/examples/aria/multiselect/src/icons/retro/app/app.html
+++ b/adev/src/content/examples/aria/multiselect/src/icons/retro/app/app.html
@@ -1,7 +1,11 @@
-
-
@for (label of labels; track label.value) {
-
- {{label.icon}}
- {{label.value}}
- check
-
+
+ {{label.icon}}
+ {{label.value}}
+ check
+
}
- {{ displayIcon() }}
+ {{ displayIcon() }}
{{ displayValue() }}
@@ -16,11 +20,17 @@
diff --git a/adev/src/content/examples/aria/multiselect/src/limited/app/app.html b/adev/src/content/examples/aria/multiselect/src/limited/app/app.html
index 97e720d8cb81..4a0797175e07 100644
--- a/adev/src/content/examples/aria/multiselect/src/limited/app/app.html
+++ b/adev/src/content/examples/aria/multiselect/src/limited/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/multiselect/src/limited/material/app/app.html b/adev/src/content/examples/aria/multiselect/src/limited/material/app/app.html
index 28da97aa0237..f1d2e229c244 100644
--- a/adev/src/content/examples/aria/multiselect/src/limited/material/app/app.html
+++ b/adev/src/content/examples/aria/multiselect/src/limited/material/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/multiselect/src/limited/retro/app/app.html b/adev/src/content/examples/aria/multiselect/src/limited/retro/app/app.html
index 3592dbcd335d..c14362d1a941 100644
--- a/adev/src/content/examples/aria/multiselect/src/limited/retro/app/app.html
+++ b/adev/src/content/examples/aria/multiselect/src/limited/retro/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/select/src/basic/app/app.html b/adev/src/content/examples/aria/select/src/basic/app/app.html
index 2bba216f5222..9b8a5f047192 100644
--- a/adev/src/content/examples/aria/select/src/basic/app/app.html
+++ b/adev/src/content/examples/aria/select/src/basic/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/select/src/basic/material/app/app.html b/adev/src/content/examples/aria/select/src/basic/material/app/app.html
index 85808a80a293..07bf6560a479 100644
--- a/adev/src/content/examples/aria/select/src/basic/material/app/app.html
+++ b/adev/src/content/examples/aria/select/src/basic/material/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/select/src/basic/retro/app/app.html b/adev/src/content/examples/aria/select/src/basic/retro/app/app.html
index 8ba0488c3bec..d5c7a17da82c 100644
--- a/adev/src/content/examples/aria/select/src/basic/retro/app/app.html
+++ b/adev/src/content/examples/aria/select/src/basic/retro/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/select/src/disabled/app/app.html b/adev/src/content/examples/aria/select/src/disabled/app/app.html
index 2cfb717bcc57..0f0af6a64f2b 100644
--- a/adev/src/content/examples/aria/select/src/disabled/app/app.html
+++ b/adev/src/content/examples/aria/select/src/disabled/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/select/src/disabled/material/app/app.html b/adev/src/content/examples/aria/select/src/disabled/material/app/app.html
index a753bb5328c8..8be7c4e2d29f 100644
--- a/adev/src/content/examples/aria/select/src/disabled/material/app/app.html
+++ b/adev/src/content/examples/aria/select/src/disabled/material/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/select/src/disabled/retro/app/app.html b/adev/src/content/examples/aria/select/src/disabled/retro/app/app.html
index 310e69852938..548d3bf635a4 100644
--- a/adev/src/content/examples/aria/select/src/disabled/retro/app/app.html
+++ b/adev/src/content/examples/aria/select/src/disabled/retro/app/app.html
@@ -15,10 +15,12 @@
diff --git a/adev/src/content/examples/aria/select/src/icons/app/app.html b/adev/src/content/examples/aria/select/src/icons/app/app.html
index 29485bbeacc0..d513ef189c76 100644
--- a/adev/src/content/examples/aria/select/src/icons/app/app.html
+++ b/adev/src/content/examples/aria/select/src/icons/app/app.html
@@ -1,7 +1,11 @@
-
-
@for (label of labels; track label.value) {
-
- {{label.icon}}
- {{label.value}}
- check
-
+
+ {{label.icon}}
+ {{label.value}}
+ check
+
}
@for (label of labels; track label.value) {
-
- {{label.value}}
- check
-
+
+ {{label.value}}
+ check
+
}
@for (label of labels; track label.value) {
-
- {{label.value}}
- check
-
+
+ {{label.value}}
+ check
+
}
@for (label of labels; track label.value) {
-
- {{label.value}}
- check
-
+
+ {{label.value}}
+ check
+
}
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
@for (label of labels; track label) {
-
- {{label}}
- check
-
+
+ {{label}}
+ check
+
}
- {{ displayIcon() }}
+ {{ displayIcon() }}
{{ displayValue() }}
@@ -16,11 +20,17 @@
diff --git a/adev/src/content/examples/aria/select/src/icons/material/app/app.html b/adev/src/content/examples/aria/select/src/icons/material/app/app.html
index b3677a8c32a7..e05c6972a87a 100644
--- a/adev/src/content/examples/aria/select/src/icons/material/app/app.html
+++ b/adev/src/content/examples/aria/select/src/icons/material/app/app.html
@@ -1,7 +1,11 @@
diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html
index 57cd713ded90..380a37e1bf0a 100644
--- a/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -17,7 +18,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@@ -33,7 +35,8 @@
#bold="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="bold.selected()"
- translate="no">
+ translate="no"
+ >
format_bold
@@ -45,7 +48,8 @@
#italic="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="italic.selected()"
- translate="no">
+ translate="no"
+ >
format_italic
@@ -57,14 +61,21 @@
#underlined="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="underlined.selected()"
- translate="no">
+ translate="no"
+ >
format_underlined
@for (label of labels; track label.value) {
-
- {{label.icon}}
- {{label.value}}
- check
-
+
+ {{label.icon}}
+ {{label.value}}
+ check
+
}
- {{ displayIcon() }}
+ {{ displayIcon() }}
{{ displayValue() }}
@@ -16,11 +20,17 @@
diff --git a/adev/src/content/examples/aria/select/src/icons/retro/app/app.html b/adev/src/content/examples/aria/select/src/icons/retro/app/app.html
index bf7f98b4074d..d557da0642f3 100644
--- a/adev/src/content/examples/aria/select/src/icons/retro/app/app.html
+++ b/adev/src/content/examples/aria/select/src/icons/retro/app/app.html
@@ -1,7 +1,11 @@
@@ -32,7 +34,8 @@
#bold="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="bold.selected()"
- translate="no">
+ translate="no"
+ >
format_bold
@@ -44,7 +47,8 @@
#italic="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="italic.selected()"
- translate="no">
+ translate="no"
+ >
format_italic
@@ -56,7 +60,8 @@
#underlined="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="underlined.selected()"
- translate="no">
+ translate="no"
+ >
format_underlined
@@ -73,7 +78,8 @@
#leftAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="leftAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_left
@@ -86,7 +92,8 @@
#centerAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="centerAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_center
@@ -99,7 +106,8 @@
#rightAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="rightAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_right
@for (label of labels; track label.value) {
-
- {{label.icon}}
- {{label.value}}
- check
-
+
+ {{label.icon}}
+ {{label.value}}
+ check
+
}
- {{ displayIcon() }}
+ {{ displayIcon() }}
{{ displayValue() }}
@@ -16,11 +20,17 @@
diff --git a/adev/src/content/examples/aria/tabs/src/vertical/app/app.html b/adev/src/content/examples/aria/tabs/src/vertical/app/app.html
index 1e3d8bb1b4d8..b9ed50a53c28 100644
--- a/adev/src/content/examples/aria/tabs/src/vertical/app/app.html
+++ b/adev/src/content/examples/aria/tabs/src/vertical/app/app.html
@@ -1,8 +1,14 @@
@@ -73,7 +78,8 @@
#leftAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="leftAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_left
@@ -86,7 +92,8 @@
#centerAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="centerAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_center
@@ -99,7 +106,8 @@
#rightAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="rightAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html b/adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html
index 71336172ded6..d8924deb5538 100644
--- a/adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -16,7 +17,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@for (label of labels; track label.value) {
-
- {{label.icon}}
- {{label.value}}
- check
-
+
+ {{label.icon}}
+ {{label.value}}
+ check
+
}
-
videocam
- theater_comedy
- reviews
+
+ videocam
+
+
+ theater_comedy
+
+
+ reviews
+
diff --git a/adev/src/content/examples/aria/tabs/src/vertical/material/app/app.html b/adev/src/content/examples/aria/tabs/src/vertical/material/app/app.html
index 33610303ca8d..94946bbdcf51 100644
--- a/adev/src/content/examples/aria/tabs/src/vertical/material/app/app.html
+++ b/adev/src/content/examples/aria/tabs/src/vertical/material/app/app.html
@@ -1,8 +1,14 @@
@@ -73,7 +78,8 @@
#leftAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="leftAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_left
@@ -86,7 +92,8 @@
#centerAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="centerAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_center
@@ -99,7 +106,8 @@
#rightAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="rightAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html b/adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html
index 9464af4b34a9..792181a5c642 100644
--- a/adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -16,7 +17,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@@ -32,7 +34,8 @@
#bold="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="bold.selected()"
- translate="no">
+ translate="no"
+ >
format_bold
@@ -44,7 +47,8 @@
#italic="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="italic.selected()"
- translate="no">
+ translate="no"
+ >
format_italic
@@ -56,7 +60,8 @@
#underlined="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="underlined.selected()"
- translate="no">
+ translate="no"
+ >
format_underlined
-
diff --git a/adev/src/content/examples/aria/tabs/src/vertical/retro/app/app.html b/adev/src/content/examples/aria/tabs/src/vertical/retro/app/app.html
index f42a2e247736..175b126cf5c5 100644
--- a/adev/src/content/examples/aria/tabs/src/vertical/retro/app/app.html
+++ b/adev/src/content/examples/aria/tabs/src/vertical/retro/app/app.html
@@ -1,8 +1,14 @@
videocam
- theater_comedy
- reviews
+
+ videocam
+
+
+ theater_comedy
+
+
+ reviews
+
-
videocam
- theater_comedy
- reviews
+
+ videocam
+
+
+ theater_comedy
+
+
+ reviews
+
diff --git a/adev/src/content/examples/aria/toolbar/src/basic/app/app.html b/adev/src/content/examples/aria/toolbar/src/basic/app/app.html
index 82bb0efd9569..a861b0e51620 100644
--- a/adev/src/content/examples/aria/toolbar/src/basic/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/basic/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -16,7 +17,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@@ -32,7 +34,8 @@
#bold="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="bold.selected()"
- translate="no">
+ translate="no"
+ >
format_bold
@@ -44,7 +47,8 @@
#italic="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="italic.selected()"
- translate="no">
+ translate="no"
+ >
format_italic
@@ -56,7 +60,8 @@
#underlined="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="underlined.selected()"
- translate="no">
+ translate="no"
+ >
format_underlined
+
+ translate="no"
+ >
format_align_left
@@ -87,7 +99,8 @@
#centerAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="centerAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_center
@@ -100,7 +113,8 @@
#rightAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="rightAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/app/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/app/app/app.html
index c7a7d48d7535..24f4950311d8 100644
--- a/adev/src/content/examples/aria/toolbar/src/disabled/app/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/disabled/app/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -17,7 +18,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@@ -33,7 +35,8 @@
#bold="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="bold.selected()"
- translate="no">
+ translate="no"
+ >
format_bold
@@ -45,7 +48,8 @@
#italic="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="italic.selected()"
- translate="no">
+ translate="no"
+ >
format_italic
@@ -57,14 +61,21 @@
#underlined="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="underlined.selected()"
- translate="no">
+ translate="no"
+ >
format_underlined
+
+ translate="no"
+ >
format_align_left
@@ -87,7 +99,8 @@
#centerAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="centerAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_center
@@ -100,7 +113,8 @@
#rightAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="rightAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html
index c7a7d48d7535..24f4950311d8 100644
--- a/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -17,7 +18,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@@ -33,7 +35,8 @@
#bold="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="bold.selected()"
- translate="no">
+ translate="no"
+ >
format_bold
@@ -45,7 +48,8 @@
#italic="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="italic.selected()"
- translate="no">
+ translate="no"
+ >
format_italic
@@ -57,14 +61,21 @@
#underlined="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="underlined.selected()"
- translate="no">
+ translate="no"
+ >
format_underlined
+
+ translate="no"
+ >
format_align_left
@@ -87,7 +99,8 @@
#centerAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="centerAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_center
@@ -100,7 +113,8 @@
#rightAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="rightAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html
index 6bbf91c9ffe3..fd05cd971a8b 100644
--- a/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -17,7 +18,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@@ -33,7 +35,8 @@
#bold="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="bold.selected()"
- translate="no">
+ translate="no"
+ >
format_bold
@@ -45,7 +48,8 @@
#italic="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="italic.selected()"
- translate="no">
+ translate="no"
+ >
format_italic
@@ -57,14 +61,21 @@
#underlined="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="underlined.selected()"
- translate="no">
+ translate="no"
+ >
format_underlined
+
+ translate="no"
+ >
format_align_left
@@ -87,7 +99,8 @@
#centerAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="centerAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_center
@@ -100,7 +113,8 @@
#rightAlign="ngToolbarWidget"
class="material-symbols-outlined"
[aria-checked]="rightAlign.selected()"
- translate="no">
+ translate="no"
+ >
format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/rtl/app/app.html b/adev/src/content/examples/aria/toolbar/src/rtl/app/app.html
index ac46cceff820..1f0909abadd8 100644
--- a/adev/src/content/examples/aria/toolbar/src/rtl/app/app.html
+++ b/adev/src/content/examples/aria/toolbar/src/rtl/app/app.html
@@ -6,7 +6,8 @@
type="button"
aria-label="undo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
undo
@@ -16,7 +17,8 @@
type="button"
aria-label="redo"
class="material-symbols-outlined"
- translate="no">
+ translate="no"
+ >
redo
@@ -32,7 +34,8 @@
#bold="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="bold.selected()"
- translate="no">
+ translate="no"
+ >
format_bold
@@ -44,7 +47,8 @@
#italic="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="italic.selected()"
- translate="no">
+ translate="no"
+ >
format_italic
@@ -56,7 +60,8 @@
#underlined="ngToolbarWidget"
class="material-symbols-outlined"
[aria-pressed]="underlined.selected()"
- translate="no">
+ translate="no"
+ >
format_underlined