diff --git a/.prettierignore b/.prettierignore index 214f962b710..354d17dc543 100644 --- a/.prettierignore +++ b/.prettierignore @@ -1,4 +1,3 @@ -.prettierrc pnpm-lock.yaml # Do not format d.ts files as they are generated diff --git a/.prettierrc b/.prettierrc index ed2ad7dc637..2464b199e29 100644 --- a/.prettierrc +++ b/.prettierrc @@ -7,5 +7,20 @@ "semi": true, "quoteProps": "preserve", "bracketSpacing": false, - "trailingComma": "all" + "trailingComma": "all", + "overrides": [ + { + "files": ["./.prettierrc"], + "options": { + "parser": "json" + } + }, + { + "files": ["*.html"], + "excludeFiles": ["**/test/**"], + "options": { + "parser": "angular" + } + } + ] } diff --git a/adev/shared-docs/components/algolia-icon/algolia-icon.component.html b/adev/shared-docs/components/algolia-icon/algolia-icon.component.html index 8f5ca876db8..542c29b9f12 100644 --- a/adev/shared-docs/components/algolia-icon/algolia-icon.component.html +++ b/adev/shared-docs/components/algolia-icon/algolia-icon.component.html @@ -1,52 +1,52 @@ diff --git a/adev/shared-docs/components/table-of-contents/table-of-contents.component.html b/adev/shared-docs/components/table-of-contents/table-of-contents.component.html index 7eecf0af446..439e8e37ec7 100644 --- a/adev/shared-docs/components/table-of-contents/table-of-contents.component.html +++ b/adev/shared-docs/components/table-of-contents/table-of-contents.component.html @@ -6,13 +6,20 @@ @@ -20,4 +27,4 @@ arrow_upward_alt Back to the top - \ No newline at end of file + diff --git a/adev/shared-docs/pipeline/examples/template/src/index.html b/adev/shared-docs/pipeline/examples/template/src/index.html index cb4be54ab55..394c649380f 100644 --- a/adev/shared-docs/pipeline/examples/template/src/index.html +++ b/adev/shared-docs/pipeline/examples/template/src/index.html @@ -1,14 +1,17 @@ - - - Example - - - - - - - - + + + Example + + + + + + + + diff --git a/adev/shared-docs/pipeline/shared/marked/test/docs-code/BUILD.bazel b/adev/shared-docs/pipeline/shared/marked/test/docs-code/BUILD.bazel index ae6676f661b..f36de49057a 100644 --- a/adev/shared-docs/pipeline/shared/marked/test/docs-code/BUILD.bazel +++ b/adev/shared-docs/pipeline/shared/marked/test/docs-code/BUILD.bazel @@ -20,7 +20,7 @@ zoneless_jasmine_test( "docs-code.md", "example-with-eslint-comment.ts", "example-with-region.ts", - "messages.fr.xlf.html", + "messages.fr.xlf", "new-code.ts", "old-code.ts", ":docs-code", diff --git a/adev/shared-docs/pipeline/shared/marked/test/docs-code/docs-code.md b/adev/shared-docs/pipeline/shared/marked/test/docs-code/docs-code.md index 4ee6575df1c..73871835de4 100644 --- a/adev/shared-docs/pipeline/shared/marked/test/docs-code/docs-code.md +++ b/adev/shared-docs/pipeline/shared/marked/test/docs-code/docs-code.md @@ -5,4 +5,4 @@ this is code - + diff --git a/adev/shared-docs/pipeline/shared/marked/test/docs-code/messages.fr.xlf.html b/adev/shared-docs/pipeline/shared/marked/test/docs-code/messages.fr.xlf similarity index 100% rename from adev/shared-docs/pipeline/shared/marked/test/docs-code/messages.fr.xlf.html rename to adev/shared-docs/pipeline/shared/marked/test/docs-code/messages.fr.xlf diff --git a/adev/shared-docs/pipeline/tutorials/common/src/index.html b/adev/shared-docs/pipeline/tutorials/common/src/index.html index 95e7cf90822..53447dbe4cc 100644 --- a/adev/shared-docs/pipeline/tutorials/common/src/index.html +++ b/adev/shared-docs/pipeline/tutorials/common/src/index.html @@ -1,4 +1,4 @@ - + diff --git a/adev/src/app/app.component.html b/adev/src/app/app.component.html index 5977c3aa81d..dd6f8244493 100644 --- a/adev/src/app/app.component.html +++ b/adev/src/app/app.component.html @@ -2,7 +2,12 @@ @defer (when isBrowser) { - + }
diff --git a/adev/src/app/core/layout/navigation/navigation.component.html b/adev/src/app/core/layout/navigation/navigation.component.html index 8786877d73c..238037bc707 100644 --- a/adev/src/app/core/layout/navigation/navigation.component.html +++ b/adev/src/app/core/layout/navigation/navigation.component.html @@ -172,16 +172,11 @@ diff --git a/adev/src/app/core/layout/secondary-navigation/secondary-navigation.component.html b/adev/src/app/core/layout/secondary-navigation/secondary-navigation.component.html index 94da55f6036..779e8027f0a 100644 --- a/adev/src/app/core/layout/secondary-navigation/secondary-navigation.component.html +++ b/adev/src/app/core/layout/secondary-navigation/secondary-navigation.component.html @@ -1,5 +1,15 @@ -
-
+
+
@if (navigationItems && navigationItems.length > 0) { + [hasToc]="true" + > } diff --git a/adev/src/app/features/home/home.component.html b/adev/src/app/features/home/home.component.html index cdeb3ffa6c4..f13d163ce06 100644 --- a/adev/src/app/features/home/home.component.html +++ b/adev/src/app/features/home/home.component.html @@ -1,11 +1,7 @@
- +

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 8df416950bc..4ced4cceeef 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 60afa622e9a..b2ed207e3be 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) { -
- diff --git a/adev/src/content/examples/accessibility/src/index.html b/adev/src/content/examples/accessibility/src/index.html index c0c05cb94bb..d2a06bff9c4 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 9a54a12cd4d..c86cefc129a 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 6ef2412703a..4eb8b6b4831 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 118ded129c0..d6d6e0729aa 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 @@
    - @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 6ecd4ef19e3..7cee6b0cfed 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 59e6584e973..bca8e7f5856 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 d8d7f78e8ff..d0b96ba8c53 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) { -
  • +
  • - @if (isShown()) {

    The box is inserted

    diff --git a/adev/src/content/examples/animations/src/app/native-css/reorder.component.html b/adev/src/content/examples/animations/src/app/native-css/reorder.component.html index be0b923ce5d..9c65a23360f 100644 --- a/adev/src/content/examples/animations/src/app/native-css/reorder.component.html +++ b/adev/src/content/examples/animations/src/app/native-css/reorder.component.html @@ -3,7 +3,7 @@
      - @for(item of items; track item) { + @for (item of items; track item) {
    • {{ item }}
      • }
    diff --git a/adev/src/content/examples/animations/src/app/native-css/stagger.component.html b/adev/src/content/examples/animations/src/app/native-css/stagger.component.html index 049550da6ae..c3616d37f02 100644 --- a/adev/src/content/examples/animations/src/app/native-css/stagger.component.html +++ b/adev/src/content/examples/animations/src/app/native-css/stagger.component.html @@ -3,7 +3,7 @@ @if (show()) {
      - @for(item of items; track item) { + @for (item of items; track item) {
    • {{item}}
      • }
    diff --git a/adev/src/content/examples/animations/src/app/open-close.component.2.html b/adev/src/content/examples/animations/src/app/open-close.component.2.html index 1a8e22b3c53..dca6aba158e 100644 --- a/adev/src/content/examples/animations/src/app/open-close.component.2.html +++ b/adev/src/content/examples/animations/src/app/open-close.component.2.html @@ -5,8 +5,8 @@
    - +

    The box is now {{ isOpen ? 'Open' : 'Closed' }}!

    - +
    diff --git a/adev/src/content/examples/animations/src/app/open-close.component.3.html b/adev/src/content/examples/animations/src/app/open-close.component.3.html index b8398457757..04dbcb89818 100644 --- a/adev/src/content/examples/animations/src/app/open-close.component.3.html +++ b/adev/src/content/examples/animations/src/app/open-close.component.3.html @@ -4,12 +4,14 @@ -
    - +
    +

    The box is now {{ isOpen ? 'Open' : 'Closed' }}!

    - +
    diff --git a/adev/src/content/examples/animations/src/app/open-close.component.4.html b/adev/src/content/examples/animations/src/app/open-close.component.4.html index a2ee2e27eec..c92142fb778 100644 --- a/adev/src/content/examples/animations/src/app/open-close.component.4.html +++ b/adev/src/content/examples/animations/src/app/open-close.component.4.html @@ -4,9 +4,8 @@
    -
    +

    The box is now {{ isOpen ? 'Open' : 'Closed' }}!

    - \ No newline at end of file + diff --git a/adev/src/content/examples/animations/src/app/open-close.component.html b/adev/src/content/examples/animations/src/app/open-close.component.html index 4ecd2be0b3b..1584055c97c 100644 --- a/adev/src/content/examples/animations/src/app/open-close.component.html +++ b/adev/src/content/examples/animations/src/app/open-close.component.html @@ -1,8 +1,10 @@ -
    + class="open-close-container" +>

    The box is now {{ isOpen ? 'Open' : 'Closed' }}!

    diff --git a/adev/src/content/examples/animations/src/index.html b/adev/src/content/examples/animations/src/index.html index c1078687e7a..2726ab08f82 100644 --- a/adev/src/content/examples/animations/src/index.html +++ b/adev/src/content/examples/animations/src/index.html @@ -1,14 +1,13 @@ - + - - + + Animations - - + + - diff --git a/adev/src/content/examples/aria/accordion/src/disabled-focusable/material/app/app.html b/adev/src/content/examples/aria/accordion/src/disabled-focusable/material/app/app.html index 21488cdc9ab..e433b293385 100644 --- a/adev/src/content/examples/aria/accordion/src/disabled-focusable/material/app/app.html +++ b/adev/src/content/examples/aria/accordion/src/disabled-focusable/material/app/app.html @@ -6,7 +6,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger1.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up @@ -27,7 +28,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger2.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up @@ -48,7 +50,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger3.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up diff --git a/adev/src/content/examples/aria/accordion/src/disabled-focusable/retro/app/app.html b/adev/src/content/examples/aria/accordion/src/disabled-focusable/retro/app/app.html index 0198adf6164..2d62b9430bd 100644 --- a/adev/src/content/examples/aria/accordion/src/disabled-focusable/retro/app/app.html +++ b/adev/src/content/examples/aria/accordion/src/disabled-focusable/retro/app/app.html @@ -5,7 +5,8 @@ {{trigger1.expanded() ? 'lock_open_right' : 'lock'}} @@ -21,7 +22,8 @@ {{trigger2.expanded() ? 'lock_open_right' : 'lock'}} @@ -37,7 +39,8 @@ {{trigger3.expanded() ? 'lock_open_right' : 'lock'}} diff --git a/adev/src/content/examples/aria/accordion/src/multi-expansion/material/app/app.html b/adev/src/content/examples/aria/accordion/src/multi-expansion/material/app/app.html index 321b812a675..427516aa7d8 100644 --- a/adev/src/content/examples/aria/accordion/src/multi-expansion/material/app/app.html +++ b/adev/src/content/examples/aria/accordion/src/multi-expansion/material/app/app.html @@ -6,7 +6,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger1.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up @@ -27,7 +28,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger2.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up @@ -48,7 +50,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger3.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up diff --git a/adev/src/content/examples/aria/accordion/src/multi-expansion/retro/app/app.html b/adev/src/content/examples/aria/accordion/src/multi-expansion/retro/app/app.html index 13b37020efd..4e2ffed9a36 100644 --- a/adev/src/content/examples/aria/accordion/src/multi-expansion/retro/app/app.html +++ b/adev/src/content/examples/aria/accordion/src/multi-expansion/retro/app/app.html @@ -5,7 +5,8 @@ {{trigger1.expanded() ? 'lock_open_right' : 'lock'}} @@ -21,7 +22,8 @@ {{trigger2.expanded() ? 'lock_open_right' : 'lock'}} @@ -37,7 +39,8 @@ {{trigger3.expanded() ? 'lock_open_right' : 'lock'}} diff --git a/adev/src/content/examples/aria/accordion/src/single-expansion/material/app/app.html b/adev/src/content/examples/aria/accordion/src/single-expansion/material/app/app.html index 39b90a7c336..acc3c6f34c9 100644 --- a/adev/src/content/examples/aria/accordion/src/single-expansion/material/app/app.html +++ b/adev/src/content/examples/aria/accordion/src/single-expansion/material/app/app.html @@ -6,7 +6,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger1.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up @@ -27,7 +28,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger2.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up @@ -48,7 +50,8 @@ aria-hidden="true" class="material-symbols-outlined expand-icon" [class.expand-icon__expanded]="trigger3.expanded()" - translate="no">keyboard_arrow_upkeyboard_arrow_up diff --git a/adev/src/content/examples/aria/accordion/src/single-expansion/retro/app/app.html b/adev/src/content/examples/aria/accordion/src/single-expansion/retro/app/app.html index 4372cfe9ac1..fc3b78553bf 100644 --- a/adev/src/content/examples/aria/accordion/src/single-expansion/retro/app/app.html +++ b/adev/src/content/examples/aria/accordion/src/single-expansion/retro/app/app.html @@ -5,7 +5,8 @@ {{trigger1.expanded() ? 'lock_open_right' : 'lock'}} @@ -21,7 +22,8 @@ {{trigger2.expanded() ? 'lock_open_right' : 'lock'}} @@ -37,7 +39,8 @@ {{trigger3.expanded() ? 'lock_open_right' : 'lock'}} diff --git a/adev/src/content/examples/aria/combobox/src/dialog/app/app.html b/adev/src/content/examples/aria/combobox/src/dialog/app/app.html index a560131069a..ad5c474c993 100644 --- a/adev/src/content/examples/aria/combobox/src/dialog/app/app.html +++ b/adev/src/content/examples/aria/combobox/src/dialog/app/app.html @@ -19,15 +19,15 @@ @if (options().length === 0) { -
    No results found
    +
    No results found
    }
    @for (option of options(); track option) { -
    - {{option}} - check -
    +
    + {{option}} + check +
    }
    diff --git a/adev/src/content/examples/aria/combobox/src/dialog/material/app/app.html b/adev/src/content/examples/aria/combobox/src/dialog/material/app/app.html index 31131fafbb0..8e778db9459 100644 --- a/adev/src/content/examples/aria/combobox/src/dialog/material/app/app.html +++ b/adev/src/content/examples/aria/combobox/src/dialog/material/app/app.html @@ -19,15 +19,15 @@ @if (options().length === 0) { -
    No results found
    +
    No results found
    }
    @for (option of options(); track option) { -
    - {{option}} - check -
    +
    + {{option}} + check +
    }
    diff --git a/adev/src/content/examples/aria/combobox/src/dialog/retro/app/app.html b/adev/src/content/examples/aria/combobox/src/dialog/retro/app/app.html index 4508f109511..58be9d3ba67 100644 --- a/adev/src/content/examples/aria/combobox/src/dialog/retro/app/app.html +++ b/adev/src/content/examples/aria/combobox/src/dialog/retro/app/app.html @@ -20,10 +20,12 @@
    @for (option of options(); track option) { -
    - {{option}} - check -
    +
    + {{option}} + check +
    }
    diff --git a/adev/src/content/examples/aria/grid/src/calendar/basic/app/app.html b/adev/src/content/examples/aria/grid/src/calendar/basic/app/app.html index bfe98f05ec3..c377e7e09f1 100644 --- a/adev/src/content/examples/aria/grid/src/calendar/basic/app/app.html +++ b/adev/src/content/examples/aria/grid/src/calendar/basic/app/app.html @@ -21,10 +21,10 @@ @for (day of weekdays(); track day.long) { - - - - + + + + } @@ -36,10 +36,12 @@ {{day}} } } - + @for (day of week; track day) { - + } diff --git a/adev/src/content/examples/aria/grid/src/calendar/material/app/app.html b/adev/src/content/examples/aria/grid/src/calendar/material/app/app.html index 464e99bffb2..c76b3711aa3 100644 --- a/adev/src/content/examples/aria/grid/src/calendar/material/app/app.html +++ b/adev/src/content/examples/aria/grid/src/calendar/material/app/app.html @@ -21,10 +21,10 @@ @for (day of weekdays(); track day.long) { - - - - + + + + } @@ -36,10 +36,12 @@ {{day}} } } - + @for (day of week; track day) { - + } diff --git a/adev/src/content/examples/aria/grid/src/calendar/retro/app/app.html b/adev/src/content/examples/aria/grid/src/calendar/retro/app/app.html index 609805e4352..56f24615bfd 100644 --- a/adev/src/content/examples/aria/grid/src/calendar/retro/app/app.html +++ b/adev/src/content/examples/aria/grid/src/calendar/retro/app/app.html @@ -21,10 +21,10 @@ @for (day of weekdays(); track day.long) { - - - - + + + + } @@ -36,10 +36,12 @@ {{day}} } } - + @for (day of week; track day) { - + } diff --git a/adev/src/content/examples/aria/grid/src/pill-list/basic/app/app.html b/adev/src/content/examples/aria/grid/src/pill-list/basic/app/app.html index 693176d2c88..19669b1db7d 100644 --- a/adev/src/content/examples/aria/grid/src/pill-list/basic/app/app.html +++ b/adev/src/content/examples/aria/grid/src/pill-list/basic/app/app.html @@ -8,7 +8,8 @@ aria-label="remove tag" class="material-symbols-outlined" (click)="removeTag($index)" - translate="no"> + translate="no" + > close diff --git a/adev/src/content/examples/aria/grid/src/pill-list/material/app/app.html b/adev/src/content/examples/aria/grid/src/pill-list/material/app/app.html index e117cf092d5..baed810e0df 100644 --- a/adev/src/content/examples/aria/grid/src/pill-list/material/app/app.html +++ b/adev/src/content/examples/aria/grid/src/pill-list/material/app/app.html @@ -8,7 +8,8 @@ aria-label="remove tag" class="material-symbols-outlined" (click)="removeTag($index)" - translate="no"> + translate="no" + > close diff --git a/adev/src/content/examples/aria/grid/src/pill-list/retro/app/app.html b/adev/src/content/examples/aria/grid/src/pill-list/retro/app/app.html index 304a3cd5a07..2203d225e30 100644 --- a/adev/src/content/examples/aria/grid/src/pill-list/retro/app/app.html +++ b/adev/src/content/examples/aria/grid/src/pill-list/retro/app/app.html @@ -8,7 +8,8 @@ aria-label="remove tag" class="material-symbols-outlined" (click)="removeTag($index)" - translate="no"> + translate="no" + > close diff --git a/adev/src/content/examples/aria/grid/src/table/basic/app/app.html b/adev/src/content/examples/aria/grid/src/table/basic/app/app.html index 7793e8bc2b9..995a1f24c91 100644 --- a/adev/src/content/examples/aria/grid/src/table/basic/app/app.html +++ b/adev/src/content/examples/aria/grid/src/table/basic/app/app.html @@ -31,47 +31,48 @@ @for (task of data(); track task.taskId) { - - - - - {{task.taskId}} - {{task.summary}} - {{task.priority}} - -
    - {{task.assignee}} + + - -
    - - + widgetType="editable" + (onActivate)="startEdit($event, task, assigneeInput)" + (onDeactivate)="completeEdit($event, task)" + #widget="ngGridCellWidget" + > + {{task.assignee}} + + +
    + + } diff --git a/adev/src/content/examples/aria/grid/src/table/retro/app/app.html b/adev/src/content/examples/aria/grid/src/table/retro/app/app.html index 9cc31d93e47..f44d8f50d00 100644 --- a/adev/src/content/examples/aria/grid/src/table/retro/app/app.html +++ b/adev/src/content/examples/aria/grid/src/table/retro/app/app.html @@ -31,47 +31,48 @@ @for (task of data(); track task) { - - - - - ${{task.reward}} - {{task.target}} - {{task.rank}} - -
    - {{task.hunter}} + + - -
    - - + widgetType="editable" + (onActivate)="startEdit($event, task, assigneeInput)" + (onDeactivate)="completeEdit($event, task)" + #widget="ngGridCellWidget" + > + {{task.hunter}} + + +
    + + } diff --git a/adev/src/content/examples/aria/listbox/src/basic/app/app.html b/adev/src/content/examples/aria/listbox/src/basic/app/app.html index 2227728d981..79b2830703f 100644 --- a/adev/src/content/examples/aria/listbox/src/basic/app/app.html +++ b/adev/src/content/examples/aria/listbox/src/basic/app/app.html @@ -1,10 +1,10 @@
    @for (option of options; track option) { -
    - {{ option }} - check -
    +
    + {{ option }} + check +
    }
    -
    \ No newline at end of file +
    diff --git a/adev/src/content/examples/aria/listbox/src/basic/material/app/app.html b/adev/src/content/examples/aria/listbox/src/basic/material/app/app.html index 5233d4be2f6..11b299d5287 100644 --- a/adev/src/content/examples/aria/listbox/src/basic/material/app/app.html +++ b/adev/src/content/examples/aria/listbox/src/basic/material/app/app.html @@ -1,10 +1,10 @@
    @for (option of options; track option) { -
    - {{ option }} - check -
    +
    + {{ option }} + check +
    }
    diff --git a/adev/src/content/examples/aria/listbox/src/basic/retro/app/app.html b/adev/src/content/examples/aria/listbox/src/basic/retro/app/app.html index 3212db18087..187fd80d0a0 100644 --- a/adev/src/content/examples/aria/listbox/src/basic/retro/app/app.html +++ b/adev/src/content/examples/aria/listbox/src/basic/retro/app/app.html @@ -1,10 +1,10 @@
    @for (option of options; track option) { -
    - {{ option }} - check -
    +
    + {{ option }} + check +
    }
    diff --git a/adev/src/content/examples/aria/listbox/src/horizontal/app/app.html b/adev/src/content/examples/aria/listbox/src/horizontal/app/app.html index ceafd71c5ce..ba7d0ea8d40 100644 --- a/adev/src/content/examples/aria/listbox/src/horizontal/app/app.html +++ b/adev/src/content/examples/aria/listbox/src/horizontal/app/app.html @@ -1,7 +1,7 @@
    @for (amenity of amenities; track amenity) { -
    - {{ amenity }} -
    +
    + {{ amenity }} +
    }
    diff --git a/adev/src/content/examples/aria/listbox/src/horizontal/material/app/app.html b/adev/src/content/examples/aria/listbox/src/horizontal/material/app/app.html index 5a68ae1a163..719d6fbbd4e 100644 --- a/adev/src/content/examples/aria/listbox/src/horizontal/material/app/app.html +++ b/adev/src/content/examples/aria/listbox/src/horizontal/material/app/app.html @@ -7,9 +7,9 @@ multi > @for (amenity of amenities; track amenity) { -
    - check - {{ amenity }} -
    +
    + check + {{ amenity }} +
    }
diff --git a/adev/src/content/examples/aria/listbox/src/horizontal/retro/app/app.html b/adev/src/content/examples/aria/listbox/src/horizontal/retro/app/app.html index 07639c9b922..515a52bd030 100644 --- a/adev/src/content/examples/aria/listbox/src/horizontal/retro/app/app.html +++ b/adev/src/content/examples/aria/listbox/src/horizontal/retro/app/app.html @@ -1,4 +1,11 @@ -
+
@for (amenity of amenities; track amenity) {
check diff --git a/adev/src/content/examples/aria/menu/src/menu-standalone/material/app/app.html b/adev/src/content/examples/aria/menu/src/menu-standalone/material/app/app.html index fe070f3a2b3..1511aa63868 100644 --- a/adev/src/content/examples/aria/menu/src/menu-standalone/material/app/app.html +++ b/adev/src/content/examples/aria/menu/src/menu-standalone/material/app/app.html @@ -1,4 +1,9 @@ -
+
SECURITY diff --git a/adev/src/content/examples/aria/menu/src/menu-standalone/retro/app/app.html b/adev/src/content/examples/aria/menu/src/menu-standalone/retro/app/app.html index 9780a2c7d42..42a4d9e385a 100644 --- a/adev/src/content/examples/aria/menu/src/menu-standalone/retro/app/app.html +++ b/adev/src/content/examples/aria/menu/src/menu-standalone/retro/app/app.html @@ -1,4 +1,9 @@ -
+
SECURITY diff --git a/adev/src/content/examples/aria/menubar/src/basic/app/app.html b/adev/src/content/examples/aria/menubar/src/basic/app/app.html index 42894f5a9bc..33bfb177ec1 100644 --- a/adev/src/content/examples/aria/menubar/src/basic/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/basic/app/app.html @@ -431,17 +431,23 @@
- 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/menubar/src/basic/material/app/app.html b/adev/src/content/examples/aria/menubar/src/basic/material/app/app.html index 986d9d7634b..16725ea5f1c 100644 --- a/adev/src/content/examples/aria/menubar/src/basic/material/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/basic/material/app/app.html @@ -431,17 +431,23 @@
- 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/menubar/src/basic/retro/app/app.html b/adev/src/content/examples/aria/menubar/src/basic/retro/app/app.html index b6b7e38693c..691165aec19 100644 --- a/adev/src/content/examples/aria/menubar/src/basic/retro/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/basic/retro/app/app.html @@ -431,17 +431,23 @@
- 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/menubar/src/disabled/app/app.html b/adev/src/content/examples/aria/menubar/src/disabled/app/app.html index 42894f5a9bc..33bfb177ec1 100644 --- a/adev/src/content/examples/aria/menubar/src/disabled/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/disabled/app/app.html @@ -431,17 +431,23 @@
- 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/menubar/src/disabled/material/app/app.html b/adev/src/content/examples/aria/menubar/src/disabled/material/app/app.html index 986d9d7634b..16725ea5f1c 100644 --- a/adev/src/content/examples/aria/menubar/src/disabled/material/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/disabled/material/app/app.html @@ -431,17 +431,23 @@
- 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/menubar/src/disabled/retro/app/app.html b/adev/src/content/examples/aria/menubar/src/disabled/retro/app/app.html index b6b7e38693c..691165aec19 100644 --- a/adev/src/content/examples/aria/menubar/src/disabled/retro/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/disabled/retro/app/app.html @@ -431,17 +431,23 @@
- 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/menubar/src/rtl/app/app.html b/adev/src/content/examples/aria/menubar/src/rtl/app/app.html index c3ebe8d45ad..381c196749e 100644 --- a/adev/src/content/examples/aria/menubar/src/rtl/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/rtl/app/app.html @@ -431,17 +431,23 @@
- 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/menubar/src/rtl/material/app/app.html b/adev/src/content/examples/aria/menubar/src/rtl/material/app/app.html index 0756585d560..ef24ecddcc2 100644 --- a/adev/src/content/examples/aria/menubar/src/rtl/material/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/rtl/material/app/app.html @@ -431,17 +431,23 @@
- 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/menubar/src/rtl/retro/app/app.html b/adev/src/content/examples/aria/menubar/src/rtl/retro/app/app.html index bf15f7b16a1..83247984db3 100644 --- a/adev/src/content/examples/aria/menubar/src/rtl/retro/app/app.html +++ b/adev/src/content/examples/aria/menubar/src/rtl/retro/app/app.html @@ -431,17 +431,23 @@
- 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 509ccb38f6a..b1e6bbc7c7c 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 +
}
diff --git a/adev/src/content/examples/aria/multiselect/src/basic/material/app/app.html b/adev/src/content/examples/aria/multiselect/src/basic/material/app/app.html index 806e57baa84..1e97fd602cb 100644 --- a/adev/src/content/examples/aria/multiselect/src/basic/material/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/basic/material/app/app.html @@ -15,10 +15,12 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
diff --git a/adev/src/content/examples/aria/multiselect/src/basic/retro/app/app.html b/adev/src/content/examples/aria/multiselect/src/basic/retro/app/app.html index c5d529a05b2..5531488dc66 100644 --- a/adev/src/content/examples/aria/multiselect/src/basic/retro/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/basic/retro/app/app.html @@ -15,10 +15,12 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
diff --git a/adev/src/content/examples/aria/multiselect/src/icons/app/app.html b/adev/src/content/examples/aria/multiselect/src/icons/app/app.html index 948ea034f5d..5a7e1414cf5 100644 --- a/adev/src/content/examples/aria/multiselect/src/icons/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/icons/app/app.html @@ -1,7 +1,11 @@
- {{ displayIcon() }} + {{ displayIcon() }} {{ displayValue() }} @@ -16,11 +20,17 @@
@for (label of labels; track label.value) { -
- {{label.icon}} - {{label.value}} - check -
+
+ {{label.icon}} + {{label.value}} + check +
}
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 775f396d8d2..e042bb560dc 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 @@
- {{ displayIcon() }} + {{ displayIcon() }} {{ displayValue() }} @@ -16,11 +20,17 @@
@for (label of labels; track label.value) { -
- {{label.icon}} - {{label.value}} - check -
+
+ {{label.icon}} + {{label.value}} + check +
}
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 4342328743a..7e5da7db147 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 @@
- {{ displayIcon() }} + {{ displayIcon() }} {{ displayValue() }} @@ -16,11 +20,17 @@
@for (label of labels; track label.value) { -
- {{label.icon}} - {{label.value}} - check -
+
+ {{label.icon}} + {{label.value}} + check +
}
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 97e720d8cb8..4a0797175e0 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 @@
@for (label of labels; track label.value) { -
- {{label.value}} - check -
+
+ {{label.value}} + check +
}
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 28da97aa023..f1d2e229c24 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 @@
@for (label of labels; track label.value) { -
- {{label.value}} - check -
+
+ {{label.value}} + check +
}
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 3592dbcd335..c14362d1a94 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 @@
@for (label of labels; track label.value) { -
- {{label.value}} - check -
+
+ {{label.value}} + check +
}
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 2bba216f522..9b8a5f04719 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 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
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 85808a80a29..07bf6560a47 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 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
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 8ba0488c3be..d5c7a17da82 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 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
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 2cfb717bcc5..0f0af6a64f2 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 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
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 a753bb5328c..8be7c4e2d29 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 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
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 310e6985293..548d3bf635a 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 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
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 29485bbeacc..d513ef189c7 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 @@
- {{ displayIcon() }} + {{ displayIcon() }} {{ displayValue() }} @@ -16,11 +20,17 @@
@for (label of labels; track label.value) { -
- {{label.icon}} - {{label.value}} - check -
+
+ {{label.icon}} + {{label.value}} + check +
}
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 b3677a8c32a..e05c6972a87 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 @@
- {{ displayIcon() }} + {{ displayIcon() }} {{ displayValue() }} @@ -16,11 +20,17 @@
@for (label of labels; track label.value) { -
- {{label.icon}} - {{label.value}} - check -
+
+ {{label.icon}} + {{label.value}} + check +
}
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 bf7f98b4074..d557da0642f 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 @@
- {{ displayIcon() }} + {{ displayIcon() }} {{ displayValue() }} @@ -16,11 +20,17 @@
@for (label of labels; track label.value) { -
- {{label.icon}} - {{label.value}} - check -
+
+ {{label.icon}} + {{label.value}} + check +
}
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 1e3d8bb1b4d..b9ed50a53c2 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 @@
-
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 33610303ca8..94946bbdcf5 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 @@
-
videocam
-
theater_comedy
-
reviews
+
+ videocam +
+
+ theater_comedy +
+
+ reviews +
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 f42a2e24773..175b126cf5c 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 +
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 82bb0efd956..a861b0e5162 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
@@ -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 9464af4b34a..792181a5c64 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
@@ -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 71336172ded..d8924deb553 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
@@ -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
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 57cd713ded9..380a37e1bf0 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
-
+
@@ -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 c7a7d48d753..24f4950311d 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
-
+
@@ -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 c7a7d48d753..24f4950311d 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
-
+
@@ -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 6bbf91c9ffe..fd05cd971a8 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
-
+
@@ -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 ac46cceff82..1f0909abadd 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
@@ -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 79eafb43cee..8f19ae394b3 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
@@ -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
diff --git a/adev/src/content/examples/aria/toolbar/src/rtl/retro/app/app.html b/adev/src/content/examples/aria/toolbar/src/rtl/retro/app/app.html index 72288ee8f82..887d010a6cd 100644 --- a/adev/src/content/examples/aria/toolbar/src/rtl/retro/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/rtl/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
@@ -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 diff --git a/adev/src/content/examples/aria/toolbar/src/vertical/app/app.html b/adev/src/content/examples/aria/toolbar/src/vertical/app/app.html index 5838bf737c3..5f64afb224c 100644 --- a/adev/src/content/examples/aria/toolbar/src/vertical/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/vertical/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/toolbar/src/vertical/material/app/app.html b/adev/src/content/examples/aria/toolbar/src/vertical/material/app/app.html index 37ff346aa36..bb8dddb23ce 100644 --- a/adev/src/content/examples/aria/toolbar/src/vertical/material/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/vertical/material/app/app.html @@ -1,4 +1,9 @@ -
+
@@ -16,7 +22,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -32,7 +39,8 @@ #bold="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="bold.selected()" - translate="no"> + translate="no" + > format_bold @@ -44,7 +52,8 @@ #italic="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="italic.selected()" - translate="no"> + translate="no" + > format_italic @@ -56,7 +65,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/toolbar/src/vertical/retro/app/app.html b/adev/src/content/examples/aria/toolbar/src/vertical/retro/app/app.html index 24287a76e6b..a14447d9266 100644 --- a/adev/src/content/examples/aria/toolbar/src/vertical/retro/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/vertical/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
@@ -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/tree/src/disabled-focusable/basic/app/app.html b/adev/src/content/examples/aria/tree/src/disabled-focusable/basic/app/app.html index e2194150394..8d72c89aad3 100644 --- a/adev/src/content/examples/aria/tree/src/disabled-focusable/basic/app/app.html +++ b/adev/src/content/examples/aria/tree/src/disabled-focusable/basic/app/app.html @@ -19,15 +19,19 @@ {{node.children ? 'chevron_right' : ''}} {{node.children ? 'folder' : 'docs'}} {{ node.name }} - + @if (node.children) { diff --git a/adev/src/content/examples/aria/tree/src/disabled-focusable/retro/app/app.html b/adev/src/content/examples/aria/tree/src/disabled-focusable/retro/app/app.html index e744262f034..bd0d3e13dfd 100644 --- a/adev/src/content/examples/aria/tree/src/disabled-focusable/retro/app/app.html +++ b/adev/src/content/examples/aria/tree/src/disabled-focusable/retro/app/app.html @@ -56,7 +56,9 @@ } {{ node.name }} - + @if (node.children) { diff --git a/adev/src/content/examples/aria/tree/src/multi-select/basic/app/app.html b/adev/src/content/examples/aria/tree/src/multi-select/basic/app/app.html index e59f638712a..8fa24927a15 100644 --- a/adev/src/content/examples/aria/tree/src/multi-select/basic/app/app.html +++ b/adev/src/content/examples/aria/tree/src/multi-select/basic/app/app.html @@ -19,15 +19,19 @@ {{node.children ? 'chevron_right' : ''}} {{node.children ? 'folder' : 'docs'}} {{ node.name }} - + @if (node.children) { diff --git a/adev/src/content/examples/aria/tree/src/multi-select/retro/app/app.html b/adev/src/content/examples/aria/tree/src/multi-select/retro/app/app.html index f0d16d8d0e6..91cb7f18194 100644 --- a/adev/src/content/examples/aria/tree/src/multi-select/retro/app/app.html +++ b/adev/src/content/examples/aria/tree/src/multi-select/retro/app/app.html @@ -56,7 +56,9 @@ } {{ node.name }} - + @if (node.children) { diff --git a/adev/src/content/examples/aria/tree/src/nav/basic/app/app.html b/adev/src/content/examples/aria/tree/src/nav/basic/app/app.html index 3a97f3fbf98..977a935e2a1 100644 --- a/adev/src/content/examples/aria/tree/src/nav/basic/app/app.html +++ b/adev/src/content/examples/aria/tree/src/nav/basic/app/app.html @@ -24,7 +24,8 @@ {{node.children ? 'keyboard_arrow_up' : ''}} diff --git a/adev/src/content/examples/aria/tree/src/single-select-follow-focus/basic/app/app.html b/adev/src/content/examples/aria/tree/src/single-select-follow-focus/basic/app/app.html index e643da55be3..e67c310a273 100644 --- a/adev/src/content/examples/aria/tree/src/single-select-follow-focus/basic/app/app.html +++ b/adev/src/content/examples/aria/tree/src/single-select-follow-focus/basic/app/app.html @@ -19,15 +19,19 @@ {{node.children ? 'chevron_right' : ''}} {{node.children ? 'folder' : 'docs'}} {{ node.name }} - + @if (node.children) { diff --git a/adev/src/content/examples/aria/tree/src/single-select-follow-focus/retro/app/app.html b/adev/src/content/examples/aria/tree/src/single-select-follow-focus/retro/app/app.html index 9a41d8184c6..deecb1eaf55 100644 --- a/adev/src/content/examples/aria/tree/src/single-select-follow-focus/retro/app/app.html +++ b/adev/src/content/examples/aria/tree/src/single-select-follow-focus/retro/app/app.html @@ -56,7 +56,9 @@ } {{ node.name }} - + @if (node.children) { diff --git a/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.html b/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.html index e2194150394..8d72c89aad3 100644 --- a/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.html +++ b/adev/src/content/examples/aria/tree/src/single-select/basic/app/app.html @@ -19,15 +19,19 @@ {{node.children ? 'chevron_right' : ''}} {{node.children ? 'folder' : 'docs'}} {{ node.name }} - + @if (node.children) { diff --git a/adev/src/content/examples/aria/tree/src/single-select/retro/app/app.html b/adev/src/content/examples/aria/tree/src/single-select/retro/app/app.html index e744262f034..bd0d3e13dfd 100644 --- a/adev/src/content/examples/aria/tree/src/single-select/retro/app/app.html +++ b/adev/src/content/examples/aria/tree/src/single-select/retro/app/app.html @@ -56,7 +56,9 @@ } {{ node.name }} - + @if (node.children) { diff --git a/adev/src/content/examples/attribute-directives/src/app/app.component.avoid.html b/adev/src/content/examples/attribute-directives/src/app/app.component.avoid.html index 464e8f30e56..8abadb1242e 100644 --- a/adev/src/content/examples/attribute-directives/src/app/app.component.avoid.html +++ b/adev/src/content/examples/attribute-directives/src/app/app.component.avoid.html @@ -1,3 +1,3 @@

This is invalid

- \ No newline at end of file + diff --git a/adev/src/content/examples/attribute-directives/src/app/app.component.html b/adev/src/content/examples/attribute-directives/src/app/app.component.html index 0c6c52f0416..459ae111105 100644 --- a/adev/src/content/examples/attribute-directives/src/app/app.component.html +++ b/adev/src/content/examples/attribute-directives/src/app/app.component.html @@ -3,27 +3,25 @@

Pick a highlight color

- Green - Yellow - Cyan + Green + Yellow + Cyan

Highlight me!

-

- Highlight me too! -

+

Highlight me too!

-
+

Mouse over the following lines to see fixed highlights

Highlighted in yellow

Highlighted in orange

-
+

ngNonBindable

@@ -33,6 +31,7 @@

ngNonBindable with a directive

-
This should not evaluate: {{ 1 +1 }}, but will highlight yellow. +
+ This should not evaluate: {{ 1 +1 }}, but will highlight yellow.
diff --git a/adev/src/content/examples/attribute-directives/src/index.html b/adev/src/content/examples/attribute-directives/src/index.html index 12cabb63626..b6d32aa42db 100644 --- a/adev/src/content/examples/attribute-directives/src/index.html +++ b/adev/src/content/examples/attribute-directives/src/index.html @@ -1,11 +1,11 @@ - + - + Attribute Directives - - + + diff --git a/adev/src/content/examples/built-in-directives/src/app/app.component.html b/adev/src/content/examples/built-in-directives/src/app/app.component.html index 119c5c3f65e..b7505b37a9f 100644 --- a/adev/src/content/examples/built-in-directives/src/app/app.component.html +++ b/adev/src/content/examples/built-in-directives/src/app/app.component.html @@ -4,35 +4,46 @@

NgModel (two-way) Binding

-

NgModel examples

+
+

NgModel examples

Current item name: {{ currentItem.name }}

- +

- +

- +

-

-

NgClass Binding

+
+

NgClass Binding

currentClasses is {{ currentClasses | json }}

@@ -41,22 +52,31 @@
  • - +
  • -
    • + +
  • - -
    • + +
This div should be {{ canSave ? "": "not"}} saveable, - {{ isUnchanged ? "unchanged" : "modified" }} and - {{ isSpecial ? "": "not"}} special after clicking "Refresh".
-

+ {{ isUnchanged ? "unchanged" : "modified" }} and {{ isSpecial ? "": "not"}} special after clicking + "Refresh". +
+

This div is special
@@ -64,12 +84,10 @@
Helpful study course
Study course
- -

NgStyle Binding

-
- This div is x-large or smaller. -
+
+

NgStyle Binding

+
This div is x-large or smaller.

[ngStyle] binding to currentStyles - CSS property names

currentStyles is {{ currentStyles | json }}

@@ -80,24 +98,28 @@ - - -
- | - | - +
+ | + +| + -

+

This div should be {{ canSave ? "italic": "plain"}}, - {{ isUnchanged ? "normal weight" : "bold" }} and, - {{ isSpecial ? "extra large": "normal size"}} after clicking "Refresh".
+ {{ isUnchanged ? "normal weight" : "bold" }} and, + {{ isSpecial ? "extra large": "normal size"}} after clicking "Refresh". + -
+

Built-in structural directives

NgIf Binding

-

If isActive is true, app-item-detail will render:

+

If isActive is true, app-item-detail will render:

@@ -110,15 +132,16 @@

nullCustomer is null by default. NgIf guards against null. Give it a value to show it:

-
Hello, {{ nullCustomer }}
+
+ Hello, {{ nullCustomer }} +
-

NgIf binding with template (no *)

Add {{ currentItem.name }} with template -
+

Show/hide vs. NgIf

@@ -131,8 +154,7 @@
Show with style
Hide with style
- -
+

NgFor Binding

@@ -148,7 +170,6 @@
-

*ngFor with index

with semi-colon separator

@@ -159,7 +180,7 @@

with comma separator

-
{{ i + 1 }} - {{ item.name }}
+
{{ i + 1 }} - {{ item.name }}

*ngFor trackBy

@@ -171,28 +192,28 @@
({{ item.id }}) {{ item.name }}
-
+
Item DOM elements change #{{ itemsNoTrackByCount }} without trackBy

with trackBy

-
({{ item.id }}) {{ item.name }}
+
+ ({{ item.id }}) {{ item.name }} +
Item DOM elements change #{{ itemsWithTrackByCount }} with trackBy
-


+


with trackBy and semi-colon separator

-
- ({{ item.id }}) {{ item.name }} -
+
({{ item.id }}) {{ item.name }}
@@ -211,28 +232,35 @@
({{ item.id }}) {{ item.name }}
-

NgSwitch Binding

+
+

NgSwitch Binding

Pick your favorite item

diff --git a/adev/src/content/examples/drag-drop/src/custom-preview/index.html b/adev/src/content/examples/drag-drop/src/custom-preview/index.html index 819e493a6e0..166d335aea8 100644 --- a/adev/src/content/examples/drag-drop/src/custom-preview/index.html +++ b/adev/src/content/examples/drag-drop/src/custom-preview/index.html @@ -1,18 +1,16 @@ - + - + Drag and Drop Custom Preview Example - - + + - - + - diff --git a/adev/src/content/examples/drag-drop/src/delay-drag/app/app.component.html b/adev/src/content/examples/drag-drop/src/delay-drag/app/app.component.html index 0b008e296c9..2d83f65ec99 100755 --- a/adev/src/content/examples/drag-drop/src/delay-drag/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/delay-drag/app/app.component.html @@ -1,3 +1 @@ -
- Dragging starts after one second -
+
Dragging starts after one second
diff --git a/adev/src/content/examples/drag-drop/src/delay-drag/index.html b/adev/src/content/examples/drag-drop/src/delay-drag/index.html index 925f5bc0905..b1e016d87ee 100644 --- a/adev/src/content/examples/drag-drop/src/delay-drag/index.html +++ b/adev/src/content/examples/drag-drop/src/delay-drag/index.html @@ -1,17 +1,16 @@ - + - + Drag and Drop Delay Dragging Example - - + + - diff --git a/adev/src/content/examples/drag-drop/src/disable-drag/app/app.component.html b/adev/src/content/examples/drag-drop/src/disable-drag/app/app.component.html index 75c0f30f162..2f26c7c8fd2 100755 --- a/adev/src/content/examples/drag-drop/src/disable-drag/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/disable-drag/app/app.component.html @@ -1,8 +1,5 @@
@for (item of items; track item) { -
{{item.value}}
+
{{item.value}}
}
diff --git a/adev/src/content/examples/drag-drop/src/disable-drag/index.html b/adev/src/content/examples/drag-drop/src/disable-drag/index.html index dbbaa5f0e76..8283d1e6324 100644 --- a/adev/src/content/examples/drag-drop/src/disable-drag/index.html +++ b/adev/src/content/examples/drag-drop/src/disable-drag/index.html @@ -1,17 +1,16 @@ - + - + Drag and Drop Disabled Dragging Example - - + + - diff --git a/adev/src/content/examples/drag-drop/src/disable-sorting/app/app.component.html b/adev/src/content/examples/drag-drop/src/disable-sorting/app/app.component.html index ee6b133d578..0e8131a2557 100755 --- a/adev/src/content/examples/drag-drop/src/disable-sorting/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/disable-sorting/app/app.component.html @@ -7,7 +7,8 @@ [cdkDropListData]="items" class="example-list" cdkDropListSortingDisabled - (cdkDropListDropped)="drop($event)"> + (cdkDropListDropped)="drop($event)" + > @for (item of items; track item) {
{{item}}
} @@ -21,7 +22,8 @@ cdkDropList [cdkDropListData]="basket" class="example-list" - (cdkDropListDropped)="drop($event)"> + (cdkDropListDropped)="drop($event)" + > @for (item of basket; track item) {
{{item}}
} diff --git a/adev/src/content/examples/drag-drop/src/disable-sorting/index.html b/adev/src/content/examples/drag-drop/src/disable-sorting/index.html index 9a01c44e88a..a1fb3e29455 100644 --- a/adev/src/content/examples/drag-drop/src/disable-sorting/index.html +++ b/adev/src/content/examples/drag-drop/src/disable-sorting/index.html @@ -1,18 +1,16 @@ - + - + Drag and Drop Disabled Sorting Example - - + + - - + - diff --git a/adev/src/content/examples/drag-drop/src/enter-predicate/app/app.component.html b/adev/src/content/examples/drag-drop/src/enter-predicate/app/app.component.html index c93b307d726..e72cc6639cb 100755 --- a/adev/src/content/examples/drag-drop/src/enter-predicate/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/enter-predicate/app/app.component.html @@ -8,12 +8,10 @@ cdkDropListConnectedTo="even" class="example-list" (cdkDropListDropped)="drop($event)" - [cdkDropListEnterPredicate]="noReturnPredicate"> + [cdkDropListEnterPredicate]="noReturnPredicate" + > @for (number of all; track number) { -
{{number}}
+
{{number}}
}
@@ -28,12 +26,10 @@ cdkDropListConnectedTo="all" class="example-list" (cdkDropListDropped)="drop($event)" - [cdkDropListEnterPredicate]="evenPredicate"> + [cdkDropListEnterPredicate]="evenPredicate" + > @for (number of even; track number) { -
{{number}}
+
{{number}}
} diff --git a/adev/src/content/examples/drag-drop/src/enter-predicate/index.html b/adev/src/content/examples/drag-drop/src/enter-predicate/index.html index 0dc8589279c..4d953949776 100644 --- a/adev/src/content/examples/drag-drop/src/enter-predicate/index.html +++ b/adev/src/content/examples/drag-drop/src/enter-predicate/index.html @@ -1,18 +1,16 @@ - + - + Drag and Drop Enter Predicate Example - - + + - - + - diff --git a/adev/src/content/examples/drag-drop/src/free-drag-position/app/app.component.html b/adev/src/content/examples/drag-drop/src/free-drag-position/app/app.component.html index 2a2c74c8576..30bb84cc385 100755 --- a/adev/src/content/examples/drag-drop/src/free-drag-position/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/free-drag-position/app/app.component.html @@ -2,6 +2,4 @@

-
- Drag me around -
+
Drag me around
diff --git a/adev/src/content/examples/drag-drop/src/free-drag-position/index.html b/adev/src/content/examples/drag-drop/src/free-drag-position/index.html index 6c6dac307c9..b858fdd0974 100644 --- a/adev/src/content/examples/drag-drop/src/free-drag-position/index.html +++ b/adev/src/content/examples/drag-drop/src/free-drag-position/index.html @@ -1,18 +1,16 @@ - + - + Drag and Drop Free Drag Position Example - - + + - - + - diff --git a/adev/src/content/examples/drag-drop/src/horizontal-sorting/app/app.component.html b/adev/src/content/examples/drag-drop/src/horizontal-sorting/app/app.component.html index f476de2fa1a..b1b2433bf1b 100755 --- a/adev/src/content/examples/drag-drop/src/horizontal-sorting/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/horizontal-sorting/app/app.component.html @@ -1,4 +1,9 @@ -
+
@for (timePeriod of timePeriods; track timePeriod) {
{{timePeriod}}
} diff --git a/adev/src/content/examples/drag-drop/src/horizontal-sorting/index.html b/adev/src/content/examples/drag-drop/src/horizontal-sorting/index.html index 77e729fc1b0..4018de137ba 100644 --- a/adev/src/content/examples/drag-drop/src/horizontal-sorting/index.html +++ b/adev/src/content/examples/drag-drop/src/horizontal-sorting/index.html @@ -1,18 +1,16 @@ - + - + Drag and Drop Horizontal Sorting Example - - + + - - + - diff --git a/adev/src/content/examples/drag-drop/src/mixed-sorting/app/app.component.html b/adev/src/content/examples/drag-drop/src/mixed-sorting/app/app.component.html index e081bbe4b11..2e45bf25d54 100755 --- a/adev/src/content/examples/drag-drop/src/mixed-sorting/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/mixed-sorting/app/app.component.html @@ -1,4 +1,9 @@ -
+
@for (item of items; track item) {
{{item}}
} diff --git a/adev/src/content/examples/drag-drop/src/mixed-sorting/index.html b/adev/src/content/examples/drag-drop/src/mixed-sorting/index.html index f7f8d81e85c..13b2cf97bdb 100644 --- a/adev/src/content/examples/drag-drop/src/mixed-sorting/index.html +++ b/adev/src/content/examples/drag-drop/src/mixed-sorting/index.html @@ -1,17 +1,16 @@ - + - + Drag and Drop Horizontal Wrapping Example - - + + - diff --git a/adev/src/content/examples/drag-drop/src/overview/app/app.component.html b/adev/src/content/examples/drag-drop/src/overview/app/app.component.html index 39badfd5efb..c02380448b9 100755 --- a/adev/src/content/examples/drag-drop/src/overview/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/overview/app/app.component.html @@ -1,3 +1 @@ -
- Drag me around -
+
Drag me around
diff --git a/adev/src/content/examples/drag-drop/src/overview/index.html b/adev/src/content/examples/drag-drop/src/overview/index.html index 75ec9ac189b..eb32b8d7e77 100644 --- a/adev/src/content/examples/drag-drop/src/overview/index.html +++ b/adev/src/content/examples/drag-drop/src/overview/index.html @@ -1,17 +1,16 @@ - + - + Drag and Drop Overview Example - - + + - diff --git a/adev/src/content/examples/drag-drop/src/root-element/index.html b/adev/src/content/examples/drag-drop/src/root-element/index.html index 5440efad907..f91a550623e 100644 --- a/adev/src/content/examples/drag-drop/src/root-element/index.html +++ b/adev/src/content/examples/drag-drop/src/root-element/index.html @@ -1,17 +1,16 @@ - + - + Drag and Drop Alternate Root Element Example - - + + - diff --git a/adev/src/content/examples/drag-drop/src/sort-predicate/app/app.component.html b/adev/src/content/examples/drag-drop/src/sort-predicate/app/app.component.html index 1e97c0c37e4..cf5f0f220c8 100755 --- a/adev/src/content/examples/drag-drop/src/sort-predicate/app/app.component.html +++ b/adev/src/content/examples/drag-drop/src/sort-predicate/app/app.component.html @@ -2,11 +2,9 @@ cdkDropList class="example-list" (cdkDropListDropped)="drop($event)" - [cdkDropListSortPredicate]="sortPredicate"> + [cdkDropListSortPredicate]="sortPredicate" +> @for (number of numbers; track number) { -
{{number}}
+
{{number}}
}
diff --git a/adev/src/content/examples/drag-drop/src/sort-predicate/index.html b/adev/src/content/examples/drag-drop/src/sort-predicate/index.html index a7af83bc429..38e504b1ea6 100644 --- a/adev/src/content/examples/drag-drop/src/sort-predicate/index.html +++ b/adev/src/content/examples/drag-drop/src/sort-predicate/index.html @@ -1,17 +1,16 @@ - + - + Drag and Drop Sort Predicate Example - - + + - diff --git a/adev/src/content/examples/drag-drop/src/sorting/index.html b/adev/src/content/examples/drag-drop/src/sorting/index.html index 8b52a21c6d6..b086aa75ece 100644 --- a/adev/src/content/examples/drag-drop/src/sorting/index.html +++ b/adev/src/content/examples/drag-drop/src/sorting/index.html @@ -1,17 +1,16 @@ - + - + Drag and Drop Sorting Example - - + + - diff --git a/adev/src/content/examples/dynamic-form/src/index.html b/adev/src/content/examples/dynamic-form/src/index.html index 20688f24057..5e9e52a862b 100644 --- a/adev/src/content/examples/dynamic-form/src/index.html +++ b/adev/src/content/examples/dynamic-form/src/index.html @@ -1,14 +1,13 @@ - + - - + + Dynamic Form - - + + - diff --git a/adev/src/content/examples/elements/src/index.html b/adev/src/content/examples/elements/src/index.html index e8a1b6e353d..37a52162d76 100644 --- a/adev/src/content/examples/elements/src/index.html +++ b/adev/src/content/examples/elements/src/index.html @@ -1,10 +1,10 @@ - + - - + + Elements - + diff --git a/adev/src/content/examples/form-validation/src/app/reactive/actor-form-reactive.component.html b/adev/src/content/examples/form-validation/src/app/reactive/actor-form-reactive.component.html index 4cac0fe4302..ea7274e84d8 100644 --- a/adev/src/content/examples/form-validation/src/app/reactive/actor-form-reactive.component.html +++ b/adev/src/content/examples/form-validation/src/app/reactive/actor-form-reactive.component.html @@ -1,38 +1,28 @@
-

Reactive Form

-
- -
+
- - + @if (name.invalid && (name.dirty || name.touched)) {
- @if (name.hasError('required')) { -
- Name is required. -
+
Name is required.
} @if (name.hasError('minlength')) { -
- Name must be at least 4 characters long. -
+
Name must be at least 4 characters long.
} @if (name.hasError('forbiddenName')) { -
- Name cannot be Bob. -
+
Name cannot be Bob.
}
} @@ -41,8 +31,7 @@
- + @if (role.pending) {
Validating...
@@ -50,9 +39,7 @@ @if (role.invalid) {
@if (role.hasError('uniqueRole')) { -
- Role is already taken. -
+
Role is already taken.
}
} @@ -69,8 +56,7 @@
- @for (skill of skills; track $index) { } @@ -86,13 +72,8 @@

Complete the form to enable the Submit button.

- - + +
diff --git a/adev/src/content/examples/form-validation/src/app/template/actor-form-template.component.html b/adev/src/content/examples/form-validation/src/app/template/actor-form-template.component.html index 0ffcf994c99..8dfdaeb6894 100644 --- a/adev/src/content/examples/form-validation/src/app/template/actor-form-template.component.html +++ b/adev/src/content/examples/form-validation/src/app/template/actor-form-template.component.html @@ -1,41 +1,42 @@
-

Template-Driven Form

-
+
- + @if (name.invalid && (name.dirty || name.touched)) {
- @if (name.hasError('required')) { -
- Name is required. -
+
Name is required.
} @if (name.hasError('minlength')) { -
- Name must be at least 4 characters long. -
+
Name must be at least 4 characters long.
} @if (name.hasError('forbiddenName')) { -
- Name cannot be Bob. -
+
Name cannot be Bob.
} -
} @@ -44,13 +45,15 @@
- + @if (role.pending) {
Validating...
@@ -58,9 +61,7 @@ @if (role.invalid) {
@if (role.hasError('uniqueRole')) { -
- Role is already taken. -
+
Role is already taken.
}
} @@ -68,19 +69,14 @@ @if (actorForm.hasError('unambiguousRole') && (actorForm.touched || actorForm.dirty)) { -
- Name cannot match role. -
+
Name cannot match role.
}
- @for (skill of skills; track $index) { } @@ -96,12 +92,8 @@

Complete the form to enable the Submit button.

- - + +
@if (actorForm.submitted) { diff --git a/adev/src/content/examples/form-validation/src/index.html b/adev/src/content/examples/form-validation/src/index.html index d4e9dbee577..18aab355cf3 100644 --- a/adev/src/content/examples/form-validation/src/index.html +++ b/adev/src/content/examples/form-validation/src/index.html @@ -1,15 +1,14 @@ - + Hero Form with Validation - - - - + + + + - diff --git a/adev/src/content/examples/forms-overview/src/index.html b/adev/src/content/examples/forms-overview/src/index.html index 988ae05585c..8e49fb042e7 100644 --- a/adev/src/content/examples/forms-overview/src/index.html +++ b/adev/src/content/examples/forms-overview/src/index.html @@ -1,13 +1,13 @@ - + - - - Forms Overview - - - - - - - + + + Forms Overview + + + + + + + diff --git a/adev/src/content/examples/forms/src/app/actor-form/actor-form.component.html b/adev/src/content/examples/forms/src/app/actor-form/actor-form.component.html index 6eea779b5a1..6768e1e9d5e 100644 --- a/adev/src/content/examples/forms/src/app/actor-form/actor-form.component.html +++ b/adev/src/content/examples/forms/src/app/actor-form/actor-form.component.html @@ -10,13 +10,18 @@
- + -
- +
+ Name is required
@@ -24,15 +29,25 @@
- +
- @for (skill of skills; track $index) { } @@ -43,30 +58,29 @@
- + - + - - with reset - -    + + with reset    - + without reset - +
-
+
Name via form.controls = {{ showFormControls(actorForm) }}
- - + +
@@ -85,117 +99,123 @@
Skill
{{ model.skill }}
-
- +
+
- + -
-
- +
+ + - - - -
+ + +
-
+
-

Actor Form

-
-
- - -
+

Actor Form

+ +
+ + +
-
- - -
+
+ + +
- -
- - -
- - - -
+ +
+ + +
+ + +
-
+
-

Actor Form

- -
+

Actor Form

+ + - - {{ model | json }} -
- - -
+ + {{ model | json }} +
+ + +
-
- - -
+
+ + +
-
- - -
+
+ + +
- - - -
+ + +
-
+
- - TODO: remove this: {{ model.name}} + + TODO: remove this: {{ model.name}} -
- - TODO: remove this: {{ model.name}} +
+ + TODO: remove this: {{ model.name}}
diff --git a/adev/src/content/examples/forms/src/index.html b/adev/src/content/examples/forms/src/index.html index be443ca0da1..333d72d527f 100644 --- a/adev/src/content/examples/forms/src/index.html +++ b/adev/src/content/examples/forms/src/index.html @@ -1,21 +1,19 @@ - + Hero Form - - - + + + - - - + + + - diff --git a/adev/src/content/examples/hello-world/src/index.html b/adev/src/content/examples/hello-world/src/index.html index 7cbb82dfb09..41a869c023f 100644 --- a/adev/src/content/examples/hello-world/src/index.html +++ b/adev/src/content/examples/hello-world/src/index.html @@ -1,14 +1,13 @@ - + - - + + Hello World - - + + - diff --git a/adev/src/content/examples/i18n/doc-files/app.component.html b/adev/src/content/examples/i18n/doc-files/app.component.html index 1e5da1744cc..b5b7afeffbf 100644 --- a/adev/src/content/examples/i18n/doc-files/app.component.html +++ b/adev/src/content/examples/i18n/doc-files/app.component.html @@ -27,7 +27,7 @@ -Angular logo +Angular logo diff --git a/adev/src/content/examples/i18n/doc-files/messages.fr.xlf.html b/adev/src/content/examples/i18n/doc-files/messages.fr.xlf similarity index 100% rename from adev/src/content/examples/i18n/doc-files/messages.fr.xlf.html rename to adev/src/content/examples/i18n/doc-files/messages.fr.xlf diff --git a/adev/src/content/examples/i18n/doc-files/rendered-output.html b/adev/src/content/examples/i18n/doc-files/rendered-output.html index 139a7e7f361..dbe2a8f7a12 100644 --- a/adev/src/content/examples/i18n/doc-files/rendered-output.html +++ b/adev/src/content/examples/i18n/doc-files/rendered-output.html @@ -1,3 +1,3 @@

Bonjour

-

Bonjour

\ No newline at end of file +

Bonjour

diff --git a/adev/src/content/examples/i18n/src/app/app.component.html b/adev/src/content/examples/i18n/src/app/app.component.html index 2e2509a64ba..58c62ff472e 100644 --- a/adev/src/content/examples/i18n/src/app/app.component.html +++ b/adev/src/content/examples/i18n/src/app/app.component.html @@ -1,7 +1,5 @@ -

- Hello i18n! -

+

Hello i18n!

I don't output any element @@ -10,30 +8,35 @@
-Angular logo +Angular logo -
+
-Updated {minutes, plural, =0 {just now} =1 {one minute ago} other {{{ minutes }} minutes ago}} +Updated + {minutes, plural, =0 {just now} =1 {one minute ago} other {{{ minutes }} minutes ago}} -({{ minutes }}) -

+({{ minutes }})

The author is {gender, select, male {male} female {female} other {other}} -

+

-Updated: {minutes, plural, - =0 {just now} - =1 {one minute ago} - other {{{ minutes }} minutes ago by {gender, select, male {male} female {female} other {other}}}} +Updated: + {minutes, plural, + =0 {just now} + =1 {one minute ago} + other {{{ minutes }} minutes ago by {gender, select, male {male} female {female} other {other}}} + } -

+

{{toggle()}}
diff --git a/adev/src/content/examples/i18n/src/index.html b/adev/src/content/examples/i18n/src/index.html index 328627d72ec..bc556456739 100644 --- a/adev/src/content/examples/i18n/src/index.html +++ b/adev/src/content/examples/i18n/src/index.html @@ -1,11 +1,11 @@ - + - + Angular i18n example - - + + Loading... diff --git a/adev/src/content/examples/pipes/src/app/app.component.html b/adev/src/content/examples/pipes/src/app/app.component.html index cccf30cf850..8f707596f7a 100644 --- a/adev/src/content/examples/pipes/src/app/app.component.html +++ b/adev/src/content/examples/pipes/src/app/app.component.html @@ -9,28 +9,28 @@ Flying Heroes filter pipe (pure) Flying Heroes filter pipe (impure) -
+

Date Pipe

-
+

Date Pipe Formatting

-
+

Pipe Chaining

-
+

Pipes and Precedence

-
+
-
+

Json Pipe for Debugging

Use the JsonPipe to display component properties for debugging.

data | json @@ -38,8 +38,8 @@

-
+
-
+
diff --git a/adev/src/content/examples/pipes/src/app/birthday-formatting.component.html b/adev/src/content/examples/pipes/src/app/birthday-formatting.component.html index 7bb26ed7256..aa10b3c10aa 100644 --- a/adev/src/content/examples/pipes/src/app/birthday-formatting.component.html +++ b/adev/src/content/examples/pipes/src/app/birthday-formatting.component.html @@ -1,6 +1,8 @@

The hero's birthday is {{ birthday | date:"shortDate" }} in the "shortDate" format.

-

The hero's birthday is {{ birthday | date:format }} in "{{ format }}" format. - Click the toggle button to change formats.

+

+ The hero's birthday is {{ birthday | date:format }} in "{{ format }}" format. Click the toggle + button to change formats. +

diff --git a/adev/src/content/examples/pipes/src/app/flying-heroes-impure.component.html b/adev/src/content/examples/pipes/src/app/flying-heroes-impure.component.html index 9a94d86e3b9..94a166a7235 100644 --- a/adev/src/content/examples/pipes/src/app/flying-heroes-impure.component.html +++ b/adev/src/content/examples/pipes/src/app/flying-heroes-impure.component.html @@ -3,14 +3,20 @@

{{ title }}

- +
- +
- Mutate array + Mutate array
diff --git a/adev/src/content/examples/pipes/src/app/flying-heroes.component.html b/adev/src/content/examples/pipes/src/app/flying-heroes.component.html index 979578f5660..f9e0d3d4411 100644 --- a/adev/src/content/examples/pipes/src/app/flying-heroes.component.html +++ b/adev/src/content/examples/pipes/src/app/flying-heroes.component.html @@ -1,21 +1,27 @@

{{ title }}

-

Create a new hero and press enter to add it to the list.

+

Create a new hero and press enter to add it to the list.

- +
- +
- + - +

Heroes who fly (piped)

diff --git a/adev/src/content/examples/pipes/src/app/precedence.component.html b/adev/src/content/examples/pipes/src/app/precedence.component.html index 2c9b8331175..9570f62c010 100644 --- a/adev/src/content/examples/pipes/src/app/precedence.component.html +++ b/adev/src/content/examples/pipes/src/app/precedence.component.html @@ -1,7 +1,8 @@

- In most cases, you'll wrap the entire ternary expression in parentheses before passing the result to a pipe. + In most cases, you'll wrap the entire ternary expression in parentheses before passing the result + to a pipe.

@@ -12,27 +13,30 @@

-

Without parentheses, only the second value is uppercased.

-

Example: isGood ? 'good' : 'bad' | uppercase +

+ Example: isGood ? 'good' : 'bad' | uppercase {{ isGood ? 'good' : 'bad' | uppercase }}

-

Same as: isGood ? 'good' : ('bad' | uppercase) +

+ Same as: isGood ? 'good' : ('bad' | uppercase) {{ isGood ? 'good' : ('bad' | uppercase) }}

+

+ If only one of the values should be passed to a pipe, be explicit and surround that value with + parentheses. +

-

If only one of the values should be passed to a pipe, - be explicit and surround that value with parentheses.

- -

Example: isUpper ? ('upper' | uppercase) : 'lower' +

+ Example: isUpper ? ('upper' | uppercase) : 'lower' {{ isUpper ? ('upper' | uppercase) : 'lower' }} diff --git a/adev/src/content/examples/pipes/src/index.html b/adev/src/content/examples/pipes/src/index.html index 35002638959..79c649b2e7a 100644 --- a/adev/src/content/examples/pipes/src/index.html +++ b/adev/src/content/examples/pipes/src/index.html @@ -1,14 +1,13 @@ - + Pipes - - - + + + - diff --git a/adev/src/content/examples/reactive-forms/src/app/name-editor/name-editor.component.html b/adev/src/content/examples/reactive-forms/src/app/name-editor/name-editor.component.html index 0bf3482d4dc..a9206184ee8 100644 --- a/adev/src/content/examples/reactive-forms/src/app/name-editor/name-editor.component.html +++ b/adev/src/content/examples/reactive-forms/src/app/name-editor/name-editor.component.html @@ -1,6 +1,6 @@ - + diff --git a/adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.1.html b/adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.1.html index cc00ded4317..8b5cea04be1 100644 --- a/adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.1.html +++ b/adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.1.html @@ -30,12 +30,12 @@

Aliases

- @for(alias of aliases.controls; track $index; let i = $index) { -
- - - -
+ @for (alias of aliases.controls; track $index; let i = $index) { +
+ + + +
}
diff --git a/adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.html b/adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.html index bc37bc68214..46e664a7ee2 100644 --- a/adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.html +++ b/adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.html @@ -45,7 +45,7 @@ -
+

Form Value: {{ profileForm.value | json }}

diff --git a/adev/src/content/examples/reactive-forms/src/index.html b/adev/src/content/examples/reactive-forms/src/index.html index 4a6b8fdac08..3009c261c17 100644 --- a/adev/src/content/examples/reactive-forms/src/index.html +++ b/adev/src/content/examples/reactive-forms/src/index.html @@ -1,14 +1,13 @@ - + Angular Reactive Forms - - + + - diff --git a/adev/src/content/examples/resolution-modifiers/src/app/host-child/host-child.component.html b/adev/src/content/examples/resolution-modifiers/src/app/host-child/host-child.component.html index a2c67ab1e17..d21f41c9520 100755 --- a/adev/src/content/examples/resolution-modifiers/src/app/host-child/host-child.component.html +++ b/adev/src/content/examples/resolution-modifiers/src/app/host-child/host-child.component.html @@ -1,4 +1,4 @@
-

Child of @Host() Component

+

Child of @Host() Component

Flower emoji: {{ flower.emoji }}

diff --git a/adev/src/content/examples/resolution-modifiers/src/app/host-parent/host-parent.component.html b/adev/src/content/examples/resolution-modifiers/src/app/host-parent/host-parent.component.html index 9aae417cb94..129d5b77aeb 100755 --- a/adev/src/content/examples/resolution-modifiers/src/app/host-parent/host-parent.component.html +++ b/adev/src/content/examples/resolution-modifiers/src/app/host-parent/host-parent.component.html @@ -1,5 +1,5 @@
-

Parent of @Host() Component

-

Flower emoji: {{ flower.emoji }}

- +

Parent of @Host() Component

+

Flower emoji: {{ flower.emoji }}

+
diff --git a/adev/src/content/examples/resolution-modifiers/src/app/host/host.component.html b/adev/src/content/examples/resolution-modifiers/src/app/host/host.component.html index b0ce20a2c03..1f17295fe8d 100755 --- a/adev/src/content/examples/resolution-modifiers/src/app/host/host.component.html +++ b/adev/src/content/examples/resolution-modifiers/src/app/host/host.component.html @@ -1,6 +1,6 @@
-

@Host() Component

-

Flower emoji: {{ flower?.emoji }}

-

(@Host() stops it here)

- +

@Host() Component

+

Flower emoji: {{ flower?.emoji }}

+

(@Host() stops it here)

+
diff --git a/adev/src/content/examples/resolution-modifiers/src/app/optional/optional.component.html b/adev/src/content/examples/resolution-modifiers/src/app/optional/optional.component.html index e73b2bc67b9..e5017994904 100755 --- a/adev/src/content/examples/resolution-modifiers/src/app/optional/optional.component.html +++ b/adev/src/content/examples/resolution-modifiers/src/app/optional/optional.component.html @@ -1,4 +1,8 @@
-

@Optional() Component

-

This component still works even though the OptionalService (notice @Optional() in the constructor isn't provided or configured anywhere. Angular goes through tree and visibility rules, and if it doesn't find the requested service, returns null.

+

@Optional() Component

+

+ This component still works even though the OptionalService (notice @Optional() in the + constructor isn't provided or configured anywhere. Angular goes through tree and visibility + rules, and if it doesn't find the requested service, returns null. +

diff --git a/adev/src/content/examples/resolution-modifiers/src/app/self-no-data/self-no-data.component.html b/adev/src/content/examples/resolution-modifiers/src/app/self-no-data/self-no-data.component.html index a0d9c3b3c0f..84d6306da3f 100755 --- a/adev/src/content/examples/resolution-modifiers/src/app/self-no-data/self-no-data.component.html +++ b/adev/src/content/examples/resolution-modifiers/src/app/self-no-data/self-no-data.component.html @@ -1,4 +1,4 @@
-

@Self() Component (without a provider)

+

@Self() Component (without a provider)

Leaf emoji: {{ leaf?.emoji }}

diff --git a/adev/src/content/examples/resolution-modifiers/src/app/self/self.component.html b/adev/src/content/examples/resolution-modifiers/src/app/self/self.component.html index 150900c6ad2..fba7c08ed70 100755 --- a/adev/src/content/examples/resolution-modifiers/src/app/self/self.component.html +++ b/adev/src/content/examples/resolution-modifiers/src/app/self/self.component.html @@ -1,4 +1,4 @@
-

@Self() Component

+

@Self() Component

Flower emoji: {{ flower.emoji }}

diff --git a/adev/src/content/examples/resolution-modifiers/src/app/skipself/skipself.component.html b/adev/src/content/examples/resolution-modifiers/src/app/skipself/skipself.component.html index 3861d451384..01bc38abdeb 100755 --- a/adev/src/content/examples/resolution-modifiers/src/app/skipself/skipself.component.html +++ b/adev/src/content/examples/resolution-modifiers/src/app/skipself/skipself.component.html @@ -1,4 +1,4 @@
-

@SkipSelf() Component

+

@SkipSelf() Component

Leaf emoji: {{ leaf.emoji }}

diff --git a/adev/src/content/examples/resolution-modifiers/src/index.html b/adev/src/content/examples/resolution-modifiers/src/index.html index 4ec849ae7c0..846c8514a42 100644 --- a/adev/src/content/examples/resolution-modifiers/src/index.html +++ b/adev/src/content/examples/resolution-modifiers/src/index.html @@ -1,13 +1,13 @@ - + - - - DI Resolution Modifiers Example - - - - - - Loading... - + + + DI Resolution Modifiers Example + + + + + + Loading... + diff --git a/adev/src/content/examples/router-tutorial/src/app/app.component.html b/adev/src/content/examples/router-tutorial/src/app/app.component.html index fa2cf35fb8e..28bf3cd44cd 100644 --- a/adev/src/content/examples/router-tutorial/src/app/app.component.html +++ b/adev/src/content/examples/router-tutorial/src/app/app.component.html @@ -4,16 +4,21 @@ @@ -23,19 +28,17 @@
- - - - - - - - - - - + + + + + + + + +
diff --git a/adev/src/content/examples/router-tutorial/src/index.html b/adev/src/content/examples/router-tutorial/src/index.html index edfa60e4c97..a5967ee545d 100644 --- a/adev/src/content/examples/router-tutorial/src/index.html +++ b/adev/src/content/examples/router-tutorial/src/index.html @@ -1,13 +1,13 @@ - + - - - Angular Router Sample - - - - - - - + + + Angular Router Sample + + + + + + + diff --git a/adev/src/content/examples/router/src/app/app.component.1.html b/adev/src/content/examples/router/src/app/app.component.1.html index 6a5611dff0e..925bb944cef 100644 --- a/adev/src/content/examples/router/src/app/app.component.1.html +++ b/adev/src/content/examples/router/src/app/app.component.1.html @@ -1,7 +1,9 @@

Angular Router

diff --git a/adev/src/content/examples/router/src/index.html b/adev/src/content/examples/router/src/index.html index edb919d1ec9..51b7f07c498 100644 --- a/adev/src/content/examples/router/src/index.html +++ b/adev/src/content/examples/router/src/index.html @@ -1,19 +1,18 @@ - + - + Angular Router - - + + - diff --git a/adev/src/content/examples/routing-with-urlmatcher/src/app/profile/profile.component.html b/adev/src/content/examples/routing-with-urlmatcher/src/app/profile/profile.component.html index 4de1b0058c3..c7bd65f59e5 100644 --- a/adev/src/content/examples/routing-with-urlmatcher/src/app/profile/profile.component.html +++ b/adev/src/content/examples/routing-with-urlmatcher/src/app/profile/profile.component.html @@ -1,3 +1 @@ -

- Hello {{ username() }}! -

\ No newline at end of file +

Hello {{ username() }}!

diff --git a/adev/src/content/examples/routing-with-urlmatcher/src/index.html b/adev/src/content/examples/routing-with-urlmatcher/src/index.html index 8117be96b32..7e16a6df224 100644 --- a/adev/src/content/examples/routing-with-urlmatcher/src/index.html +++ b/adev/src/content/examples/routing-with-urlmatcher/src/index.html @@ -1,10 +1,10 @@ - + - + Angular App - loading + loading diff --git a/adev/src/content/examples/schematics-for-libraries/src/index.html b/adev/src/content/examples/schematics-for-libraries/src/index.html index e2eadbd1aed..b1d4fbabc46 100644 --- a/adev/src/content/examples/schematics-for-libraries/src/index.html +++ b/adev/src/content/examples/schematics-for-libraries/src/index.html @@ -1,13 +1,13 @@ - + - - - SchematicsForLibraries - - - - - - - + + + SchematicsForLibraries + + + + + + + diff --git a/adev/src/content/examples/security/src/app/bypass-security.component.html b/adev/src/content/examples/security/src/app/bypass-security.component.html index c76f57705a4..62b348065f5 100644 --- a/adev/src/content/examples/security/src/app/bypass-security.component.html +++ b/adev/src/content/examples/security/src/app/bypass-security.component.html @@ -12,6 +12,18 @@

Resource URL:

Showing: {{ dangerousVideoUrl }}

Trusted:

- +

Untrusted:

- + diff --git a/adev/src/content/examples/security/src/index.html b/adev/src/content/examples/security/src/index.html index 4cf1cd64285..37bf26556a7 100644 --- a/adev/src/content/examples/security/src/index.html +++ b/adev/src/content/examples/security/src/index.html @@ -1,11 +1,11 @@ - + Angular Content Security - - - + + + diff --git a/adev/src/content/examples/service-worker-getting-started/src/app/app.component.html b/adev/src/content/examples/service-worker-getting-started/src/app/app.component.html index 462335339c1..b06983d2fad 100755 --- a/adev/src/content/examples/service-worker-getting-started/src/app/app.component.html +++ b/adev/src/content/examples/service-worker-getting-started/src/app/app.component.html @@ -1,21 +1,31 @@
-

- Welcome to {{ title }}! -

- Angular Logo +

Welcome to {{ title }}!

+ Angular Logo

{{ updateCheckText }}

-

Here are some links to help you start:

+

Here are some links to help you start:

  • -

    Angular Service Worker Intro

    +

    + Angular Service Worker Intro +

  • -

    CLI Documentation

    +

    + CLI Documentation +

  • Angular blog

    diff --git a/adev/src/content/examples/service-worker-getting-started/src/index.html b/adev/src/content/examples/service-worker-getting-started/src/index.html index 9b548d69464..3427951e194 100755 --- a/adev/src/content/examples/service-worker-getting-started/src/index.html +++ b/adev/src/content/examples/service-worker-getting-started/src/index.html @@ -1,12 +1,11 @@ - + - - - SwExample - - - - - - + + + SwExample + + + + + diff --git a/adev/src/content/examples/structural-directives/src/app/app.component.html b/adev/src/content/examples/structural-directives/src/app/app.component.html index b609e6bb1d6..4d5f3d12b0c 100644 --- a/adev/src/content/examples/structural-directives/src/app/app.component.html +++ b/adev/src/content/examples/structural-directives/src/app/app.component.html @@ -5,9 +5,9 @@

    Conditional display of hero

    - -
    {{hero.name}}
    - + +
    {{hero.name}}
    +

    List of heroes

    @@ -16,26 +16,16 @@
  • {{hero.name}}
-
+

NgIf

-

- Expression is true and ngIf is true. - This paragraph is in the DOM. -

-

- Expression is false and ngIf is false. - This paragraph is not in the DOM. -

+

Expression is true and ngIf is true. This paragraph is in the DOM.

+

Expression is false and ngIf is false. This paragraph is not in the DOM.

-

- Expression sets display to "block". - This paragraph is visible. -

+

Expression sets display to "block". This paragraph is visible.

- Expression sets display to "none". - This paragraph is hidden but still in the DOM. + Expression sets display to "none". This paragraph is hidden but still in the DOM.

NgIf with template

@@ -46,7 +36,7 @@ -
+

<ng-container>

@@ -57,26 +47,23 @@

I turned the corner - - and saw {{hero.name}}. I waved - + and saw {{hero.name}}. I waved and continued on my way.

I turned the corner - - and saw {{hero.name}}. I waved - + and saw {{hero.name}}. I waved and continued on my way.

<select> with <span>

- Pick your favorite hero - () + Pick your favorite hero ()
show sad) + Pick your favorite hero ()
-

+

-
+

NgFor

- -

<div *ngFor="let hero of heroes; let i=index; let odd=odd; trackBy: trackById" [class.odd]="odd">

- -
- ({{i}}) {{hero.name}} -
- - -

<ng-template ngFor let-hero [ngForOf]="heroes" let-i="index" let-odd="odd" [ngForTrackBy]="trackById"/>

- - -
+

+ <div *ngFor="let hero of heroes; let i=index; let odd=odd; trackBy: trackById" + [class.odd]="odd"> +

+ +
({{i}}) {{hero.name}}
- - + +

+ <ng-template ngFor let-hero [ngForOf]="heroes" let-i="index" let-odd="odd" + [ngForTrackBy]="trackById"/> +

+ + +
({{i}}) {{hero.name}}
+ +
-
+

NgSwitch

Pick your favorite hero

- +

NgSwitch

- - + + - +

NgSwitch with <ng-template>

@@ -159,20 +156,20 @@ - +
-
+
-
+

IfLoadedDirective

-
+

TrigonometryDirective

diff --git a/adev/src/content/examples/structural-directives/src/index.html b/adev/src/content/examples/structural-directives/src/index.html index 451b66ce357..653c268a6c2 100644 --- a/adev/src/content/examples/structural-directives/src/index.html +++ b/adev/src/content/examples/structural-directives/src/index.html @@ -1,15 +1,14 @@ - + Angular Structural Directives - - - + + + - diff --git a/adev/src/content/examples/testing/src/app/dashboard/dashboard.component.html b/adev/src/content/examples/testing/src/app/dashboard/dashboard.component.html index 250b33bac7f..83b20316559 100644 --- a/adev/src/content/examples/testing/src/app/dashboard/dashboard.component.html +++ b/adev/src/content/examples/testing/src/app/dashboard/dashboard.component.html @@ -3,12 +3,7 @@
@for (hero of heroes; track hero) { - - + }
diff --git a/adev/src/content/examples/testing/src/index.html b/adev/src/content/examples/testing/src/index.html index 8c6b39bc96a..4106cb2d82e 100644 --- a/adev/src/content/examples/testing/src/index.html +++ b/adev/src/content/examples/testing/src/index.html @@ -1,5 +1,5 @@ - + diff --git a/adev/src/content/examples/v21-game-world/src/index.html b/adev/src/content/examples/v21-game-world/src/index.html index 2b169cb432b..bd7fff9e2b1 100644 --- a/adev/src/content/examples/v21-game-world/src/index.html +++ b/adev/src/content/examples/v21-game-world/src/index.html @@ -1,13 +1,13 @@ - - - v21 Game World - - - - - - - + + + v21 Game World + + + + + + + diff --git a/adev/src/content/guide/i18n/example.md b/adev/src/content/guide/i18n/example.md index f7ce49d2393..614cc6e9071 100644 --- a/adev/src/content/guide/i18n/example.md +++ b/adev/src/content/guide/i18n/example.md @@ -14,5 +14,5 @@ The following tabs display the example application and the associated translatio - + diff --git a/adev/src/content/guide/i18n/manage-marked-text.md b/adev/src/content/guide/i18n/manage-marked-text.md index 95e3c40084a..e2de6098c0f 100644 --- a/adev/src/content/guide/i18n/manage-marked-text.md +++ b/adev/src/content/guide/i18n/manage-marked-text.md @@ -9,7 +9,7 @@ As described in [How meanings control text extraction and merges][GuideI18nCommo The following example displays translation units with unique IDs. - + When you change the translatable text, the extractor generates a new ID for that translation unit. In most cases, changes in the source text also require a change to the translation. @@ -34,7 +34,7 @@ variableText1 = $localize`:@@introductionHeader:Hello i18n!`; When you specify a custom ID, the extractor generates a translation unit with the custom ID. - + If you change the text, the extractor does not change the ID. As a result, you don't have to take the extra step to update the translation. @@ -75,7 +75,7 @@ For example, in the following code snippet the same `myId` custom ID is defined The following displays the translation in French. - + Both elements now use the same translation \(`Bonjour`\), because both were defined with the same custom ID. diff --git a/adev/src/content/guide/i18n/translation-files.md b/adev/src/content/guide/i18n/translation-files.md index 790e878ce5a..d7f26a54cd0 100644 --- a/adev/src/content/guide/i18n/translation-files.md +++ b/adev/src/content/guide/i18n/translation-files.md @@ -132,20 +132,20 @@ The following actions describe the translation process for French. 1. Open `messages.fr.xlf` and find the first `` element. This is a _translation unit_, also known as a _text node_, that represents the translation of the `

` greeting tag that was previously marked with the `i18n` attribute. - + The `id="introductionHeader"` is a [custom ID][GuideI18nOptionalManageMarkedText], but without the `@@` prefix required in the source HTML. 1. Duplicate the `... ` element in the text node, rename it to `target`, and then replace the content with the French text. - + In a more complex translation, the information and context in the [description and meaning elements][GuideI18nCommonPrepareAddHelpfulDescriptionsAndMeanings] help you choose the right words for translation. 1. Translate the other text nodes. The following example displays the way to translate. - + IMPORTANT: Don't change the IDs for translation units. Each `id` attribute is generated by Angular and depends on the content of the component text and the assigned meaning. @@ -169,7 +169,7 @@ To translate a `plural`, translate the ICU format match values. The following example displays the way to translate. - + ## Translate alternate expressions @@ -184,18 +184,18 @@ The following example displays a `select` ICU expression in the component templa In this example, Angular extracts the expression into two translation units. The first contains the text outside of the `select` clause, and uses a placeholder for `select` \(``\): - + IMPORTANT: When you translate the text, move the placeholder if necessary, but don't remove it. If you remove the placeholder, the ICU expression is removed from your translated application. The following example displays the second translation unit that contains the `select` clause. - + The following example displays both translation units after translation is complete. - + ## Translate nested expressions @@ -206,15 +206,15 @@ Angular extracts the expression into two translation units. The following example displays the first translation unit that contains the text outside of the nested expression. - + The following example displays the second translation unit that contains the complete nested expression. - + The following example displays both translation units after translating. - + ## What's next diff --git a/adev/src/content/tutorials/first-app/steps/01-hello-world/src/index.html b/adev/src/content/tutorials/first-app/steps/01-hello-world/src/index.html index fb82dcc0fd8..e69cedb6045 100644 --- a/adev/src/content/tutorials/first-app/steps/01-hello-world/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/01-hello-world/src/index.html @@ -1,14 +1,17 @@ - + - - - Default - - - - - - - - + + + Default + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/02-Home/src/index.html b/adev/src/content/tutorials/first-app/steps/02-Home/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/02-Home/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/02-Home/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/03-HousingLocation/src/index.html b/adev/src/content/tutorials/first-app/steps/03-HousingLocation/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/03-HousingLocation/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/03-HousingLocation/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/04-interfaces/src/index.html b/adev/src/content/tutorials/first-app/steps/04-interfaces/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/04-interfaces/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/04-interfaces/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/05-inputs/src/index.html b/adev/src/content/tutorials/first-app/steps/05-inputs/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/05-inputs/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/05-inputs/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/06-property-binding/src/index.html b/adev/src/content/tutorials/first-app/steps/06-property-binding/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/06-property-binding/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/06-property-binding/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/07-dynamic-template-values/src/index.html b/adev/src/content/tutorials/first-app/steps/07-dynamic-template-values/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/07-dynamic-template-values/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/07-dynamic-template-values/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/08-ngFor/src/index.html b/adev/src/content/tutorials/first-app/steps/08-ngFor/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/08-ngFor/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/08-ngFor/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/09-services/src/index.html b/adev/src/content/tutorials/first-app/steps/09-services/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/09-services/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/09-services/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/10-routing/src/index.html b/adev/src/content/tutorials/first-app/steps/10-routing/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/10-routing/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/10-routing/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/11-details-page/src/index.html b/adev/src/content/tutorials/first-app/steps/11-details-page/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/11-details-page/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/11-details-page/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/12-forms/src/index.html b/adev/src/content/tutorials/first-app/steps/12-forms/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/12-forms/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/12-forms/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/13-search/src/index.html b/adev/src/content/tutorials/first-app/steps/13-search/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/13-search/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/13-search/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/14-http/src-final/index.html b/adev/src/content/tutorials/first-app/steps/14-http/src-final/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/14-http/src-final/index.html +++ b/adev/src/content/tutorials/first-app/steps/14-http/src-final/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/first-app/steps/14-http/src/index.html b/adev/src/content/tutorials/first-app/steps/14-http/src/index.html index b8658772264..202fb0b3c23 100644 --- a/adev/src/content/tutorials/first-app/steps/14-http/src/index.html +++ b/adev/src/content/tutorials/first-app/steps/14-http/src/index.html @@ -1,14 +1,17 @@ - + - - - Homes - - - - - - - - + + + Homes + + + + + + + + diff --git a/adev/src/content/tutorials/playground/3-minigame/src/game.html b/adev/src/content/tutorials/playground/3-minigame/src/game.html index 7c5e3701cec..481fec82482 100644 --- a/adev/src/content/tutorials/playground/3-minigame/src/game.html +++ b/adev/src/content/tutorials/playground/3-minigame/src/game.html @@ -13,29 +13,29 @@ >
- @if(rotateVal() >= 20) { -
- - - - - - - - - - - -
+ @if (rotateVal() >= 20) { +
+ + + + + + + + + + + +
}
- @switch(updatedInteractions().face) { @case(0) { - - - - - - - - } @case(1) { - - - - - - - - } @case(2) { - - - - - - - - } @case(3) { - - - - - - } @case(4) { - - - - - - - } @default { - - - - - - - - } } + @switch (updatedInteractions().face) { + @case (0) { + + + + + + + + } + @case (1) { + + + + + + + + } + @case (2) { + + + + + + + + } + @case (3) { + + + + + + } + @case (4) { + + + + + + + } + @default { + + + + + + + + } + }
@@ -127,7 +143,8 @@

level: {{ gameStats().level + 1 }}

- accuracy: {{ totalAccuracyPercentage() > 0 ? (totalAccuracyPercentage() | number : '1.1-1') + accuracy: + {{ totalAccuracyPercentage() > 0 ? (totalAccuracyPercentage() | number : '1.1-1') + '%' : '??' }}

- @if(isGuessModalOpen()) { - - -
-

goal: {{ goal() }}º

-

actual: {{ rotateVal() | number : '1.1-1' }}º

-
-

- {{ animatedAccuracy() | number : '1.1-1' }}% - accurate -

- - - - - - - - - @if(animatedAccuracy() > 95) { - - - - - - - - } @else if (animatedAccuracy() > 80) { - - - - - - } @else if (animatedAccuracy() > 60) { - - - - - - - - } @else if (animatedAccuracy() > 40) { - - - - - - - - } @else { - - - - - - - - } - -
"{{ resultQuote() }}"
-
- - share -
- + @if (isGuessModalOpen()) { + + +
+

goal: {{ goal() }}º

+

actual: {{ rotateVal() | number : '1.1-1' }}º

+
+

+ {{ animatedAccuracy() | number : '1.1-1' }}% + accurate +

+ + + + + + + + + @if (animatedAccuracy() > 95) { + + + + + + + + } @else if (animatedAccuracy() > 80) { + + + + + + } @else if (animatedAccuracy() > 60) { + + + + + + + + } @else if (animatedAccuracy() > 40) { + + + + + + + + } @else { + + + + + + + + } + +
"{{ resultQuote() }}"
+
+ + share +
+ }
- @if(isAccessiblePanelOpen()) { -
- - - - -
+ @if (isAccessiblePanelOpen()) { +
+ + + + +
} @if (loginForm.email().invalid() && loginForm.email().touched()) { -
- @for (error of loginForm.email().errors(); track error.kind) { - {{ error.message }} - } -
+
+ @for (error of loginForm.email().errors(); track error.kind) { + {{ error.message }} + } +
}
@@ -19,11 +19,11 @@ @if (loginForm.password().invalid() && loginForm.password().touched()) { -
- @for (error of loginForm.password().errors(); track error.kind) { - {{ error.message }} - } -
+
+ @for (error of loginForm.password().errors(); track error.kind) { + {{ error.message }} + } +
}
diff --git a/adev/src/content/tutorials/signal-forms/steps/5-add-submission/src/app/app.html b/adev/src/content/tutorials/signal-forms/steps/5-add-submission/src/app/app.html index 5eeee924040..9025d7cf1d9 100644 --- a/adev/src/content/tutorials/signal-forms/steps/5-add-submission/src/app/app.html +++ b/adev/src/content/tutorials/signal-forms/steps/5-add-submission/src/app/app.html @@ -6,11 +6,11 @@ @if (loginForm.email().invalid() && loginForm.email().touched()) { -
- @for (error of loginForm.email().errors(); track error.kind) { - {{ error.message }} - } -
+
+ @for (error of loginForm.email().errors(); track error.kind) { + {{ error.message }} + } +
}
@@ -20,11 +20,11 @@ @if (loginForm.password().invalid() && loginForm.password().touched()) { -
- @for (error of loginForm.password().errors(); track error.kind) { - {{ error.message }} - } -
+
+ @for (error of loginForm.password().errors(); track error.kind) { + {{ error.message }} + } +
}
diff --git a/adev/src/content/tutorials/signals/intro/src/app/app.html b/adev/src/content/tutorials/signals/intro/src/app/app.html index 129f8c9a7e6..03de4634e55 100644 --- a/adev/src/content/tutorials/signals/intro/src/app/app.html +++ b/adev/src/content/tutorials/signals/intro/src/app/app.html @@ -2,7 +2,11 @@

Welcome to Angular's Signal Tutorial!

{{ count() }}

- @if (isEven()) { Even } @else { Odd } + @if (isEven()) { + Even + } @else { + Odd + }
diff --git a/integration/cli-hello-world-ivy-i18n/src/app/app.component.html b/integration/cli-hello-world-ivy-i18n/src/app/app.component.html index b181126918e..7c826b7597d 100644 --- a/integration/cli-hello-world-ivy-i18n/src/app/app.component.html +++ b/integration/cli-hello-world-ivy-i18n/src/app/app.component.html @@ -1,4 +1,4 @@ -

Hello {{ title }}!

+

Hello {{ title }}!

{{ locale }}

{{ 1 | percent }} awesome

{{ jan | date : 'LLLL' }}

diff --git a/integration/cli-hello-world-ivy-i18n/src/index.html b/integration/cli-hello-world-ivy-i18n/src/index.html index 2d837d22b12..3ebd7f751bb 100644 --- a/integration/cli-hello-world-ivy-i18n/src/index.html +++ b/integration/cli-hello-world-ivy-i18n/src/index.html @@ -1,14 +1,14 @@ - + - - - CliHelloWorldIvyI18n - + + + CliHelloWorldIvyI18n + - - - - - - + + + + + + diff --git a/integration/cli-hello-world-lazy/src/app/app.component.html b/integration/cli-hello-world-lazy/src/app/app.component.html index fe317893dd6..17816686532 100644 --- a/integration/cli-hello-world-lazy/src/app/app.component.html +++ b/integration/cli-hello-world-lazy/src/app/app.component.html @@ -303,36 +303,88 @@ src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==" /> Welcome -
- - - +
+ + +
-
- - + - + - - + + {{ title }} app is running! - - + + -
@@ -341,69 +393,169 @@
- + + + Learn Angular - + + + + - + + + CLI Documentation - + + + - + + + Angular Blog - + + + -

Next Steps

What do you want to do next with your app?

- +
- + + + New Component
- + + + Angular Material
- + + + Add PWA Support
- + + + Add Dependency
- + + + Run and Watch Tests
- + + + Build for Production
@@ -411,64 +563,244 @@
- 
ng generate component xyz
- 
ng add @angular/material
- 
ng add @angular/pwa
- 
ng add _____
- 
ng test
- 
ng build --prod
+ 
ng generate component xyz
+ 
ng add @angular/material
+ 
ng add @angular/pwa
+ 
ng add _____
+ 
ng test
+ 
ng build --prod
- - - - - - - + + + + + + + - - + + - - - - - + + + + + - - + + - - - + + + - - - + + + - - + + - + - - - - + + + + @@ -478,22 +810,55 @@
- - Star -
- - - - + Love Angular?  + + Give our repo a star. +
+ + + + + Star +
+ + + + + + + - - + + -
@@ -504,6 +869,4 @@ - - diff --git a/integration/cli-hello-world-lazy/src/index.html b/integration/cli-hello-world-lazy/src/index.html index 9b818d16a00..6a52628e68a 100644 --- a/integration/cli-hello-world-lazy/src/index.html +++ b/integration/cli-hello-world-lazy/src/index.html @@ -1,13 +1,13 @@ - + - - - CliHelloWorldlazy - - - - - - - + + + CliHelloWorldlazy + + + + + + + diff --git a/integration/cli-hello-world/src/app/app.component.html b/integration/cli-hello-world/src/app/app.component.html index a2036a21849..7b118f9eb0b 100644 --- a/integration/cli-hello-world/src/app/app.component.html +++ b/integration/cli-hello-world/src/app/app.component.html @@ -303,36 +303,88 @@ src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==" /> Welcome -
- - - +
+ + +
-
- - + - + - - + + {{ title }} app is running! - - + + -
@@ -341,69 +393,169 @@
- + + + Learn Angular - + + + + - + + + CLI Documentation - + + + - + + + Angular Blog - + + + -

Next Steps

What do you want to do next with your app?

- +
- + + + New Component
- + + + Angular Material
- + + + Add PWA Support
- + + + Add Dependency
- + + + Run and Watch Tests
- + + + Build for Production
@@ -411,64 +563,244 @@
- 
ng generate component xyz
- 
ng add @angular/material
- 
ng add @angular/pwa
- 
ng add _____
- 
ng test
- 
ng build --prod
+ 
ng generate component xyz
+ 
ng add @angular/material
+ 
ng add @angular/pwa
+ 
ng add _____
+ 
ng test
+ 
ng build --prod
- - - - - - - + + + + + + + - - + + - - - - - + + + + + - - + + - - - + + + - - - + + + - - + + - + - - - - + + + + @@ -478,22 +810,55 @@
- - Star -
- - - - + Love Angular?  + + Give our repo a star. +
+ + + + + Star +
+ + + + + + + - - + + -
@@ -503,5 +868,3 @@ - - diff --git a/integration/cli-hello-world/src/index.html b/integration/cli-hello-world/src/index.html index 8a7095277d1..4969e50128b 100644 --- a/integration/cli-hello-world/src/index.html +++ b/integration/cli-hello-world/src/index.html @@ -1,14 +1,14 @@ - + - - - CliHelloWorld - + + + CliHelloWorld + - - - - - - + + + + + + diff --git a/integration/cli-signal-inputs/src/index.html b/integration/cli-signal-inputs/src/index.html index 8a7095277d1..4969e50128b 100644 --- a/integration/cli-signal-inputs/src/index.html +++ b/integration/cli-signal-inputs/src/index.html @@ -1,14 +1,14 @@ - + - - - CliHelloWorld - + + + CliHelloWorld + - - - - - - + + + + + + diff --git a/integration/defer/src/index.html b/integration/defer/src/index.html index a9132f0ae99..faf07bcf15e 100644 --- a/integration/defer/src/index.html +++ b/integration/defer/src/index.html @@ -1,14 +1,14 @@ - + - - - defer - + + + defer + - - - - - - + + + + + + diff --git a/integration/legacy-animations-async/src/index.html b/integration/legacy-animations-async/src/index.html index 6c83aa2f359..e2963c48247 100644 --- a/integration/legacy-animations-async/src/index.html +++ b/integration/legacy-animations-async/src/index.html @@ -1,17 +1,15 @@ - + + + + Animations + - - - Animations - + + + - - - - - - - - - \ No newline at end of file + + + + diff --git a/integration/legacy-animations/src/index.html b/integration/legacy-animations/src/index.html index 6c83aa2f359..e2963c48247 100644 --- a/integration/legacy-animations/src/index.html +++ b/integration/legacy-animations/src/index.html @@ -1,17 +1,15 @@ - + + + + Animations + - - - Animations - + + + - - - - - - - - - \ No newline at end of file + + + + diff --git a/integration/ng-add-localize/src/index.html b/integration/ng-add-localize/src/index.html index ab8ca861e9a..a68e5b4e1cd 100644 --- a/integration/ng-add-localize/src/index.html +++ b/integration/ng-add-localize/src/index.html @@ -1,13 +1,13 @@ - + - - - NgAddLocalize - - - - - - - + + + NgAddLocalize + + + + + + + diff --git a/integration/ng_elements/src/hello-world.html b/integration/ng_elements/src/hello-world.html index 4053ba1a75d..df65bc2b8fa 100644 --- a/integration/ng_elements/src/hello-world.html +++ b/integration/ng_elements/src/hello-world.html @@ -1,18 +1,16 @@ - + + + + Hello World + + - - - Hello World - - - - - - - - - - - + + + + + + + diff --git a/integration/ng_elements/src/slots.html b/integration/ng_elements/src/slots.html index b03741ba879..04c1d3ebf86 100644 --- a/integration/ng_elements/src/slots.html +++ b/integration/ng_elements/src/slots.html @@ -1,20 +1,17 @@ - + + + + Slot Test + + - - - Slot Test - - - - - - TestCardTitle -

TestCardContent

- TestCardFooter - - - - - + + + TestCardTitle +

TestCardContent

+ TestCardFooter + + + diff --git a/integration/platform-server-zoneless/projects/standalone/src/index.html b/integration/platform-server-zoneless/projects/standalone/src/index.html index 64525c0d776..40a1b065c9c 100644 --- a/integration/platform-server-zoneless/projects/standalone/src/index.html +++ b/integration/platform-server-zoneless/projects/standalone/src/index.html @@ -1,13 +1,13 @@ - + - - - PlatformServer - - - - - - - + + + PlatformServer + + + + + + + diff --git a/integration/platform-server/projects/ngmodule/src/index.html b/integration/platform-server/projects/ngmodule/src/index.html index 64525c0d776..40a1b065c9c 100644 --- a/integration/platform-server/projects/ngmodule/src/index.html +++ b/integration/platform-server/projects/ngmodule/src/index.html @@ -1,13 +1,13 @@ - + - - - PlatformServer - - - - - - - + + + PlatformServer + + + + + + + diff --git a/integration/platform-server/projects/standalone/src/index.html b/integration/platform-server/projects/standalone/src/index.html index 64525c0d776..40a1b065c9c 100644 --- a/integration/platform-server/projects/standalone/src/index.html +++ b/integration/platform-server/projects/standalone/src/index.html @@ -1,13 +1,13 @@ - + - - - PlatformServer - - - - - - - + + + PlatformServer + + + + + + + diff --git a/integration/standalone-bootstrap/src/index.html b/integration/standalone-bootstrap/src/index.html index 4a6f5b6cdcd..0221335afd0 100644 --- a/integration/standalone-bootstrap/src/index.html +++ b/integration/standalone-bootstrap/src/index.html @@ -1,14 +1,14 @@ - + - - - standalone-bootstrap - + + + standalone-bootstrap + - - - - - - + + + + + + diff --git a/integration/trusted-types/src/app/app.component.html b/integration/trusted-types/src/app/app.component.html index fa83786ebb3..b5a385644fb 100644 --- a/integration/trusted-types/src/app/app.component.html +++ b/integration/trusted-types/src/app/app.component.html @@ -306,36 +306,88 @@ src="data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNTAgMjUwIj4KICAgIDxwYXRoIGZpbGw9IiNERDAwMzEiIGQ9Ik0xMjUgMzBMMzEuOSA2My4ybDE0LjIgMTIzLjFMMTI1IDIzMGw3OC45LTQzLjcgMTQuMi0xMjMuMXoiIC8+CiAgICA8cGF0aCBmaWxsPSIjQzMwMDJGIiBkPSJNMTI1IDMwdjIyLjItLjFWMjMwbDc4LjktNDMuNyAxNC4yLTEyMy4xTDEyNSAzMHoiIC8+CiAgICA8cGF0aCAgZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNSA1Mi4xTDY2LjggMTgyLjZoMjEuN2wxMS43LTI5LjJoNDkuNGwxMS43IDI5LjJIMTgzTDEyNSA1Mi4xem0xNyA4My4zaC0zNGwxNy00MC45IDE3IDQwLjl6IiAvPgogIDwvc3ZnPg==" /> Welcome -
- - - +
+ + +
-
- - + - + - - + + {{ title }} app is running! - - + + -
@@ -344,69 +396,169 @@
- + + + Learn Angular - + + + + - + + + CLI Documentation - + + + - + + + Angular Blog - + + + -

Next Steps

What do you want to do next with your app?

- +
- + + + New Component
- + + + Angular Material
- + + + Add PWA Support
- + + + Add Dependency
- + + + Run and Watch Tests
- + + + Build for Production
@@ -414,64 +566,244 @@
- 
ng generate component xyz
- 
ng add @angular/material
- 
ng add @angular/pwa
- 
ng add _____
- 
ng test
- 
ng build --prod
+ 
ng generate component xyz
+ 
ng add @angular/material
+ 
ng add @angular/pwa
+ 
ng add _____
+ 
ng test
+ 
ng build --prod
- - - - - - - + + + + + + + - - + + - - - - - + + + + + - - + + - - - + + + - - - + + + - - + + - + - - - - + + + + @@ -481,22 +813,55 @@
- - Star -
- - - - + Love Angular?  + + Give our repo a star. +
+ + + + + Star +
+ + + + + + + - - + + -
@@ -507,7 +872,6 @@ -

Trusted Types tests

@@ -517,7 +881,10 @@ Hello from first outerHTML
- +
diff --git a/integration/trusted-types/src/index.html b/integration/trusted-types/src/index.html index 54b1122e3b7..08d543ba9ff 100644 --- a/integration/trusted-types/src/index.html +++ b/integration/trusted-types/src/index.html @@ -1,13 +1,13 @@ - + - - - IvyTrustedTypes - - - - - - - + + + IvyTrustedTypes + + + + + + + diff --git a/modules/benchmarks/src/change_detection/transplanted_views/index.html b/modules/benchmarks/src/change_detection/transplanted_views/index.html index 180895d403e..2e6ccf0208a 100644 --- a/modules/benchmarks/src/change_detection/transplanted_views/index.html +++ b/modules/benchmarks/src/change_detection/transplanted_views/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/defer/baseline/index.html b/modules/benchmarks/src/defer/baseline/index.html index 02c8c7bb85d..b22e906fbc4 100644 --- a/modules/benchmarks/src/defer/baseline/index.html +++ b/modules/benchmarks/src/defer/baseline/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/defer/main/index.html b/modules/benchmarks/src/defer/main/index.html index a37c07b85e9..87a3a240f96 100644 --- a/modules/benchmarks/src/defer/main/index.html +++ b/modules/benchmarks/src/defer/main/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/expanding_rows/index.html b/modules/benchmarks/src/expanding_rows/index.html index f20fd031ad6..dcfb8987b67 100644 --- a/modules/benchmarks/src/expanding_rows/index.html +++ b/modules/benchmarks/src/expanding_rows/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/hydration/baseline/index.html b/modules/benchmarks/src/hydration/baseline/index.html index 8387e25c511..c386947b1e4 100644 --- a/modules/benchmarks/src/hydration/baseline/index.html +++ b/modules/benchmarks/src/hydration/baseline/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/hydration/main/index.html b/modules/benchmarks/src/hydration/main/index.html index fb0c84fc302..b422677ec23 100644 --- a/modules/benchmarks/src/hydration/main/index.html +++ b/modules/benchmarks/src/hydration/main/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/js-web-frameworks/ng2/index.html b/modules/benchmarks/src/js-web-frameworks/ng2/index.html index de1c3d0d74c..452ebb52a1a 100644 --- a/modules/benchmarks/src/js-web-frameworks/ng2/index.html +++ b/modules/benchmarks/src/js-web-frameworks/ng2/index.html @@ -1,4 +1,4 @@ - + @@ -8,7 +8,9 @@

Angular - JS Web Frameworks benchmark + JS Web Frameworks benchmark

diff --git a/modules/benchmarks/src/largetable/baseline/index.html b/modules/benchmarks/src/largetable/baseline/index.html index 61eb7f62da1..40687863d87 100644 --- a/modules/benchmarks/src/largetable/baseline/index.html +++ b/modules/benchmarks/src/largetable/baseline/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/largetable/ng2/index.html b/modules/benchmarks/src/largetable/ng2/index.html index 4ed2113eab9..23ab685b330 100644 --- a/modules/benchmarks/src/largetable/ng2/index.html +++ b/modules/benchmarks/src/largetable/ng2/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/largetable/ng2_switch/index.html b/modules/benchmarks/src/largetable/ng2_switch/index.html index c9e4dfa85ed..ba47f1496c0 100644 --- a/modules/benchmarks/src/largetable/ng2_switch/index.html +++ b/modules/benchmarks/src/largetable/ng2_switch/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/ng_template_outlet_context/ng2/index.html b/modules/benchmarks/src/ng_template_outlet_context/ng2/index.html index 0ff971951c1..986bfb8347f 100644 --- a/modules/benchmarks/src/ng_template_outlet_context/ng2/index.html +++ b/modules/benchmarks/src/ng_template_outlet_context/ng2/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/tree/baseline/index.html b/modules/benchmarks/src/tree/baseline/index.html index 98697e33b9c..dfd106446a1 100644 --- a/modules/benchmarks/src/tree/baseline/index.html +++ b/modules/benchmarks/src/tree/baseline/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/tree/ng2/index.html b/modules/benchmarks/src/tree/ng2/index.html index b5f8940a935..dc793ca71a0 100644 --- a/modules/benchmarks/src/tree/ng2/index.html +++ b/modules/benchmarks/src/tree/ng2/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/tree/ng2_static/index.html b/modules/benchmarks/src/tree/ng2_static/index.html index 119b09086fb..de69b94e556 100644 --- a/modules/benchmarks/src/tree/ng2_static/index.html +++ b/modules/benchmarks/src/tree/ng2_static/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/benchmarks/src/tree/ng2_switch/index.html b/modules/benchmarks/src/tree/ng2_switch/index.html index d685d16c899..e4bd078d485 100644 --- a/modules/benchmarks/src/tree/ng2_switch/index.html +++ b/modules/benchmarks/src/tree/ng2_switch/index.html @@ -1,4 +1,4 @@ - + diff --git a/modules/playground/src/todo/todo.html b/modules/playground/src/todo/todo.html index 81cbb98d200..4b362d51c2a 100644 --- a/modules/playground/src/todo/todo.html +++ b/modules/playground/src/todo/todo.html @@ -1,7 +1,8 @@ - +

-
- +
    -
  • - -
    - - +
    + -
    - - - + (keyup)="doneEditing($event, todo)" + />
    -
-
@@ -62,7 +60,6 @@
-