From 1c6b0704fb63d051fab8acff84d076abfbc4893a Mon Sep 17 00:00:00 2001 From: Alan Agius Date: Mon, 1 Dec 2025 10:26:56 +0100 Subject: [PATCH 001/253] fix(compiler): prevent XSS via SVG animation `attributeName` and MathML/SVG URLs This commit implements a security fix to prevent XSS vulnerabilities where SVG animation elements (``, ``, etc.) could be used to modify the `href` or `xlink:href` attributes of other elements to `javascript:` URLs. --- goldens/public-api/core/errors.api.md | 2 + .../elements/iframe_attrs.js | 2 +- .../host_bindings/GOLDEN_PARTIAL.js | 26 +++- .../host_bindings/sanitization.js | 10 +- .../host_bindings/sanitization.ts | 12 ++ .../property_bindings/sanitization.js | 2 +- .../compiler-cli/test/ngtsc/ngtsc_spec.ts | 39 +++++- packages/compiler/src/core.ts | 1 + .../compiler/src/render3/r3_identifiers.ts | 8 +- .../src/schema/dom_security_schema.ts | 129 ++++++++++++++---- .../pipeline/src/phases/resolve_sanitizers.ts | 42 +----- packages/compiler/test/security_spec.ts | 28 ---- .../core/src/core_render3_private_export.ts | 2 +- packages/core/src/errors.ts | 5 + packages/core/src/render3/jit/environment.ts | 2 +- .../sanitization/iframe_attrs_validation.ts | 51 ++----- .../core/src/sanitization/sanitization.ts | 68 ++++++++- .../core/test/acceptance/security_spec.ts | 44 +++++- 18 files changed, 323 insertions(+), 150 deletions(-) delete mode 100644 packages/compiler/test/security_spec.ts diff --git a/goldens/public-api/core/errors.api.md b/goldens/public-api/core/errors.api.md index 9677a42531cf..d56446070b98 100644 --- a/goldens/public-api/core/errors.api.md +++ b/goldens/public-api/core/errors.api.md @@ -186,6 +186,8 @@ export const enum RuntimeErrorCode { // (undocumented) UNKNOWN_ELEMENT = 304, // (undocumented) + UNSAFE_ATTRIBUTE_BINDING = -910, + // @deprecated (undocumented) UNSAFE_IFRAME_ATTRS = -910, // (undocumented) UNSAFE_VALUE_IN_RESOURCE_URL = 904, diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/elements/iframe_attrs.js b/packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/elements/iframe_attrs.js index 42d1bdb67035..e73053fe6f35 100644 --- a/packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/elements/iframe_attrs.js +++ b/packages/compiler-cli/test/compliance/test_cases/r3_compiler_compliance/elements/iframe_attrs.js @@ -3,6 +3,6 @@ template: function MyComponent_Template(rf, ctx) { if (rf & 1) { i0.ɵɵelement(0, "iframe", 0); } if (rf & 2) { - i0.ɵɵattribute("fetchpriority", "low", i0.ɵɵvalidateIframeAttribute)("allowfullscreen", ctx.fullscreen, i0.ɵɵvalidateIframeAttribute); + i0.ɵɵattribute("fetchpriority", "low", i0.ɵɵvalidateAttribute)("allowfullscreen", ctx.fullscreen, i0.ɵɵvalidateAttribute); } } diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/GOLDEN_PARTIAL.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/GOLDEN_PARTIAL.js index 47fa28574425..d12968185b3a 100644 --- a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/GOLDEN_PARTIAL.js +++ b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/GOLDEN_PARTIAL.js @@ -923,10 +923,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDE export class HostBindingIframeDir { constructor() { this.evil = 'evil'; + this.nonEvil = 'nonEvil'; } } HostBindingIframeDir.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: HostBindingIframeDir, deps: [], target: i0.ɵɵFactoryTarget.Directive }); -HostBindingIframeDir.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "0.0.0-PLACEHOLDER", type: HostBindingIframeDir, isStandalone: true, selector: "iframe[hostBindingIframeDir]", host: { properties: { "innerHtml": "evil", "attr.style": "evil", "src": "evil", "sandbox": "evil" } }, ngImport: i0 }); +HostBindingIframeDir.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "0.0.0-PLACEHOLDER", type: HostBindingIframeDir, isStandalone: true, selector: "iframe[hostBindingIframeDir]", host: { properties: { "innerHtml": "evil", "attr.style": "evil", "src": "evil", "sandbox": "evil", "attr.attributeName": "nonEvil" } }, ngImport: i0 }); i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: HostBindingIframeDir, decorators: [{ type: Directive, args: [{ @@ -936,6 +937,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDE '[attr.style]': 'evil', '[src]': 'evil', '[sandbox]': 'evil', + '[attr.attributeName]': 'nonEvil', + }, + }] + }] }); +export class HostBindingSvgAnimateDir { + constructor() { + this.evil = 'evil'; + } +} +HostBindingSvgAnimateDir.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: HostBindingSvgAnimateDir, deps: [], target: i0.ɵɵFactoryTarget.Directive }); +HostBindingSvgAnimateDir.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "0.0.0-PLACEHOLDER", type: HostBindingSvgAnimateDir, isStandalone: true, selector: "animateMotion[hostBindingSvgAnimateDir]", host: { properties: { "attr.attributeName": "evil" } }, ngImport: i0 }); +i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: HostBindingSvgAnimateDir, decorators: [{ + type: Directive, + args: [{ + selector: 'animateMotion[hostBindingSvgAnimateDir]', + host: { + '[attr.attributeName]': 'evil', }, }] }] }); @@ -956,9 +974,15 @@ export declare class HostBindingImageDir { } export declare class HostBindingIframeDir { evil: string; + nonEvil: string; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } +export declare class HostBindingSvgAnimateDir { + evil: string; + static ɵfac: i0.ɵɵFactoryDeclaration; + static ɵdir: i0.ɵɵDirectiveDeclaration; +} /**************************************************************************************************** * PARTIAL FILE: security_sensitive_constant_attributes.js diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.js index ca216aacac71..fa00a313f3a6 100644 --- a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.js +++ b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.js @@ -14,7 +14,13 @@ hostBindings: function HostBindingImageDir_HostBindings(rf, ctx) { … hostBindings: function HostBindingIframeDir_HostBindings(rf, ctx) { if (rf & 2) { - $r3$.ɵɵdomProperty("innerHTML", ctx.evil, $r3$.ɵɵsanitizeHtml)("src", ctx.evil, $r3$.ɵɵsanitizeResourceUrl)("sandbox", ctx.evil, $r3$.ɵɵvalidateIframeAttribute); - $r3$.ɵɵattribute("style", ctx.evil, $r3$.ɵɵsanitizeStyle); + $r3$.ɵɵdomProperty("innerHTML", ctx.evil, $r3$.ɵɵsanitizeHtml)("src", ctx.evil, $r3$.ɵɵsanitizeResourceUrl)("sandbox", ctx.evil, $r3$.ɵɵvalidateAttribute); + $r3$.ɵɵattribute("style", ctx.evil, $r3$.ɵɵsanitizeStyle)("attributeName", ctx.nonEvil); } } +… +hostBindings: function HostBindingSvgAnimateDir_HostBindings(rf, ctx) { + if (rf & 2) { + i0.ɵɵattribute("attributeName", ctx.evil, i0.ɵɵvalidateAttribute); + } +} diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.ts b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.ts index 7afa74caf8a1..22ec67920db9 100644 --- a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.ts +++ b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.ts @@ -31,8 +31,20 @@ export class HostBindingImageDir { '[attr.style]': 'evil', '[src]': 'evil', '[sandbox]': 'evil', + '[attr.attributeName]': 'nonEvil', }, }) export class HostBindingIframeDir { evil = 'evil'; + nonEvil = 'nonEvil'; +} + +@Directive({ + selector: 'animateMotion[hostBindingSvgAnimateDir]', + host: { + '[attr.attributeName]': 'evil', + }, +}) +export class HostBindingSvgAnimateDir { + evil = 'evil'; } diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/property_bindings/sanitization.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/property_bindings/sanitization.js index 340001152844..843fe28a9546 100644 --- a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/property_bindings/sanitization.js +++ b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/property_bindings/sanitization.js @@ -11,7 +11,7 @@ template: function MyComponent_Template(rf, ctx) { $r3$.ɵɵadvance(); $r3$.ɵɵdomProperty("src", ctx.evil, $r3$.ɵɵsanitizeUrl); $r3$.ɵɵadvance(); - $r3$.ɵɵdomProperty("sandbox", ctx.evil, $r3$.ɵɵvalidateIframeAttribute); + $r3$.ɵɵdomProperty("sandbox", ctx.evil, $r3$.ɵɵvalidateAttribute); $r3$.ɵɵadvance(); $r3$.ɵɵdomProperty("href", $r3$.ɵɵinterpolate2("", ctx.evil, "", ctx.evil), $r3$.ɵɵsanitizeUrl); $r3$.ɵɵadvance(); diff --git a/packages/compiler-cli/test/ngtsc/ngtsc_spec.ts b/packages/compiler-cli/test/ngtsc/ngtsc_spec.ts index 8934e2259457..404c164a1fd0 100644 --- a/packages/compiler-cli/test/ngtsc/ngtsc_spec.ts +++ b/packages/compiler-cli/test/ngtsc/ngtsc_spec.ts @@ -9258,6 +9258,33 @@ runInEachFileSystem((os: string) => { }); }); + describe('SVG animation processing', () => { + it('should generate SVG animation validation instruction', () => { + env.write( + 'test.ts', + ` + import {Component} from '@angular/core'; + + @Component({ + selector: 'test-cmp', + template: '', + standalone: false, + }) + export class TestCmp { + attr = 'opacity'; + } + `, + ); + + env.driveMain(); + + const jsContents = env.getContents('test.js'); + expect(jsContents).toContain( + 'i0.ɵɵattribute("attributeName", ctx.attr, i0.ɵɵvalidateAttribute);', + ); + }); + }); + describe('inline resources', () => { it('should process inline - - - - - - - - - - + + + + + + + + + + + + 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 7eecf0af4468..439e8e37ec76 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 @@

On this page

@@ -20,4 +27,4 @@

On this page

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 cb4be54ab556..394c649380f1 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 ae6676f661bf..f36de49057ac 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 4ee6575df1ce..73871835de4c 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 95e7cf90822c..53447dbe4ccc 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 5977c3aa81d7..dd6f8244493d 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 8786877d73c5..238037bc7079 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 94da55f60367..779e8027f0a7 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 cdeb3ffa6c44..f13d163ce061 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 8df416950bc6..4ced4cceeefd 100644 --- a/adev/src/app/features/references/api-items-section/api-items-section.component.html +++ b/adev/src/app/features/references/api-items-section/api-items-section.component.html @@ -31,10 +31,10 @@

@if (apiItem.deprecated) { <!> } - @if(apiItem.experimental) { + @if (apiItem.experimental) { 🧪 } - @if(apiItem.developerPreview) { + @if (apiItem.developerPreview) { 🚧 } diff --git a/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html b/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html index 60afa622e9a1..b2ed207e3be1 100644 --- a/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html +++ b/adev/src/app/features/references/api-reference-details-page/api-reference-details-page.component.html @@ -1,5 +1,6 @@ @if (docContent(); as docContent) { -
Accessibility Example

- diff --git a/adev/src/content/examples/accessibility/src/index.html b/adev/src/content/examples/accessibility/src/index.html index c0c05cb94bbf..d2a06bff9c4d 100644 --- a/adev/src/content/examples/accessibility/src/index.html +++ b/adev/src/content/examples/accessibility/src/index.html @@ -1,13 +1,13 @@ - - - Accessibility Example - - - - - - Loading... - + + + Accessibility Example + + + + + + Loading... + diff --git a/adev/src/content/examples/angular-compiler-options/src/index.html b/adev/src/content/examples/angular-compiler-options/src/index.html index 9a54a12cd4d7..c86cefc129a8 100644 --- a/adev/src/content/examples/angular-compiler-options/src/index.html +++ b/adev/src/content/examples/angular-compiler-options/src/index.html @@ -1,13 +1,13 @@ - + - - - Ponyracer - - - - - - - + + + Ponyracer + + + + + + + diff --git a/adev/src/content/examples/animations/src/app/about.component.html b/adev/src/content/examples/animations/src/app/about.component.html index 6ef2412703a9..4eb8b6b48317 100755 --- a/adev/src/content/examples/animations/src/app/about.component.html +++ b/adev/src/content/examples/animations/src/app/about.component.html @@ -1,3 +1,4 @@

- Angular's animations library makes it easy to define and apply animation effects such as page and list transitions. + Angular's animations library makes it easy to define and apply animation effects such as page and + list transitions.

diff --git a/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html b/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html index 118ded129c0f..d6d6e0729aa6 100644 --- a/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html +++ b/adev/src/content/examples/animations/src/app/animations-package/reorder.component.html @@ -3,7 +3,7 @@

Reordering List Example

    - @for(item of items; track item) { + @for (item of items; track item) {
  • {{ item }}
  • }
diff --git a/adev/src/content/examples/animations/src/app/animations-package/stagger.component.html b/adev/src/content/examples/animations/src/app/animations-package/stagger.component.html index 6ecd4ef19e31..7cee6b0cfed8 100644 --- a/adev/src/content/examples/animations/src/app/animations-package/stagger.component.html +++ b/adev/src/content/examples/animations/src/app/animations-package/stagger.component.html @@ -2,8 +2,7 @@

Stagger Example

    - @for(item of items; track item) { + @for (item of items; track item) {
  • {{ item }}
  • }
- diff --git a/adev/src/content/examples/animations/src/app/app.component.html b/adev/src/content/examples/animations/src/app/app.component.html index 59e6584e9733..bca8e7f58569 100644 --- a/adev/src/content/examples/animations/src/app/app.component.html +++ b/adev/src/content/examples/animations/src/app/app.component.html @@ -1,23 +1,55 @@

Animations

- + diff --git a/adev/src/content/examples/animations/src/app/hero-list-auto.component.html b/adev/src/content/examples/animations/src/app/hero-list-auto.component.html index d8d7f78e8ffb..d0b96ba8c537 100644 --- a/adev/src/content/examples/animations/src/app/hero-list-auto.component.html +++ b/adev/src/content/examples/animations/src/app/hero-list-auto.component.html @@ -1,7 +1,6 @@
    @for (hero of heroes(); track hero) { -
  • +
  • - @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 be0b923ce5d5..9c65a23360f2 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 @@

    Reordering List Example

      - @for(item of items; track item) { + @for (item of items; track item) {
    • {{ item }}
    • }
    diff --git a/adev/src/content/examples/animations/src/app/native-css/stagger.component.html b/adev/src/content/examples/animations/src/app/native-css/stagger.component.html index 049550da6ae8..c3616d37f02c 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 @@

    Stagger Example

    @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 1a8e22b3c538..dca6aba158ee 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 b83984577574..04dbcb898180 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 a2ee2e27eeca..c92142fb778c 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 4ecd2be0b3b1..1584055c97c7 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 c1078687e7af..2726ab08f827 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 21488cdc9abb..e433b2933853 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 0198adf6164d..2d62b9430bd3 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 321b812a6755..427516aa7d85 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 13b37020efd0..4e2ffed9a36f 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 39b90a7c3364..acc3c6f34c9f 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 4372cfe9ac18..fc3b78553bf8 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 a560131069a6..ad5c474c9934 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 31131fafbb04..8e778db94595 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 4508f109511b..58be9d3ba67f 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 bfe98f05ec3c..c377e7e09f1b 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 @@

    {{monthYearLabel()}}

    @for (day of weekdays(); track day.long) { - - {{day.long}} - - + + {{day.long}} + + } @@ -36,10 +36,12 @@

    {{monthYearLabel()}}

    {{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 464e99bffb22..c76b3711aa3d 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 @@

    {{monthYearLabel()}}

    @for (day of weekdays(); track day.long) { - - {{day.long}} - - + + {{day.long}} + + } @@ -36,10 +36,12 @@

    {{monthYearLabel()}}

    {{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 609805e43520..56f24615bfdd 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 @@

    {{monthYearLabel()}}

    @for (day of weekdays(); track day.long) { - - {{day.long}} - - + + {{day.long}} + + } @@ -36,10 +36,12 @@

    {{monthYearLabel()}}

    {{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 693176d2c886..19669b1db7d9 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 e117cf092d51..baed810e0df3 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 304a3cd5a073..2203d225e304 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 7793e8bc2b93..995a1f24c911 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 9cc31d93e472..f44d8f50d004 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 2227728d9819..79b2830703f3 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 5233d4be2f66..11b299d5287d 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 3212db18087f..187fd80d0a01 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 ceafd71c5ce3..ba7d0ea8d403 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 5a68ae1a163a..719d6fbbd4ef 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 07639c9b9225..515a52bd0306 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 fe070f3a2b3b..1511aa638680 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 9780a2c7d421..42a4d9e385a9 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 42894f5a9bc5..33bfb177ec1c 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 986d9d7634bb..16725ea5f1ca 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 b6b7e38693c7..691165aec19e 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 42894f5a9bc5..33bfb177ec1c 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 986d9d7634bb..16725ea5f1ca 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 b6b7e38693c7..691165aec19e 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 c3ebe8d45add..381c196749e4 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 0756585d5603..ef24ecddcc25 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 bf15f7b16a14..83247984db36 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 509ccb38f6a2..b1e6bbc7c7c4 100644 --- a/adev/src/content/examples/aria/multiselect/src/basic/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/basic/app/app.html @@ -15,10 +15,12 @@
@for (label of labels; track label) { -
- {{label}} - check -
+
+ {{label}} + check +
}
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 806e57baa840..1e97fd602cbb 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 c5d529a05b2e..5531488dc665 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 948ea034f5d5..5a7e1414cf5b 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 775f396d8d2c..e042bb560dc6 100644 --- a/adev/src/content/examples/aria/multiselect/src/icons/material/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/icons/material/app/app.html @@ -1,7 +1,11 @@
- {{ 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 4342328743a2..7e5da7db1470 100644 --- a/adev/src/content/examples/aria/multiselect/src/icons/retro/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/icons/retro/app/app.html @@ -1,7 +1,11 @@
- {{ 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 97e720d8cb81..4a0797175e07 100644 --- a/adev/src/content/examples/aria/multiselect/src/limited/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/limited/app/app.html @@ -15,10 +15,12 @@
@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 28da97aa0237..f1d2e229c244 100644 --- a/adev/src/content/examples/aria/multiselect/src/limited/material/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/limited/material/app/app.html @@ -15,10 +15,12 @@
@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 3592dbcd335d..c14362d1a941 100644 --- a/adev/src/content/examples/aria/multiselect/src/limited/retro/app/app.html +++ b/adev/src/content/examples/aria/multiselect/src/limited/retro/app/app.html @@ -15,10 +15,12 @@
@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 2bba216f5222..9b8a5f047192 100644 --- a/adev/src/content/examples/aria/select/src/basic/app/app.html +++ b/adev/src/content/examples/aria/select/src/basic/app/app.html @@ -15,10 +15,12 @@
@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 85808a80a293..07bf6560a479 100644 --- a/adev/src/content/examples/aria/select/src/basic/material/app/app.html +++ b/adev/src/content/examples/aria/select/src/basic/material/app/app.html @@ -15,10 +15,12 @@
@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 8ba0488c3bec..d5c7a17da82c 100644 --- a/adev/src/content/examples/aria/select/src/basic/retro/app/app.html +++ b/adev/src/content/examples/aria/select/src/basic/retro/app/app.html @@ -15,10 +15,12 @@
@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 2cfb717bcc57..0f0af6a64f2b 100644 --- a/adev/src/content/examples/aria/select/src/disabled/app/app.html +++ b/adev/src/content/examples/aria/select/src/disabled/app/app.html @@ -15,10 +15,12 @@
@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 a753bb5328c8..8be7c4e2d29f 100644 --- a/adev/src/content/examples/aria/select/src/disabled/material/app/app.html +++ b/adev/src/content/examples/aria/select/src/disabled/material/app/app.html @@ -15,10 +15,12 @@
@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 310e69852938..548d3bf635a4 100644 --- a/adev/src/content/examples/aria/select/src/disabled/retro/app/app.html +++ b/adev/src/content/examples/aria/select/src/disabled/retro/app/app.html @@ -15,10 +15,12 @@
@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 29485bbeacc0..d513ef189c76 100644 --- a/adev/src/content/examples/aria/select/src/icons/app/app.html +++ b/adev/src/content/examples/aria/select/src/icons/app/app.html @@ -1,7 +1,11 @@
- {{ 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 b3677a8c32a7..e05c6972a87a 100644 --- a/adev/src/content/examples/aria/select/src/icons/material/app/app.html +++ b/adev/src/content/examples/aria/select/src/icons/material/app/app.html @@ -1,7 +1,11 @@
- {{ 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 bf7f98b4074d..d557da0642f3 100644 --- a/adev/src/content/examples/aria/select/src/icons/retro/app/app.html +++ b/adev/src/content/examples/aria/select/src/icons/retro/app/app.html @@ -1,7 +1,11 @@
- {{ 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 1e3d8bb1b4d8..b9ed50a53c28 100644 --- a/adev/src/content/examples/aria/tabs/src/vertical/app/app.html +++ b/adev/src/content/examples/aria/tabs/src/vertical/app/app.html @@ -1,8 +1,14 @@
-
videocam
-
theater_comedy
-
reviews
+
+ videocam +
+
+ theater_comedy +
+
+ reviews +
diff --git a/adev/src/content/examples/aria/tabs/src/vertical/material/app/app.html b/adev/src/content/examples/aria/tabs/src/vertical/material/app/app.html index 33610303ca8d..94946bbdcf51 100644 --- a/adev/src/content/examples/aria/tabs/src/vertical/material/app/app.html +++ b/adev/src/content/examples/aria/tabs/src/vertical/material/app/app.html @@ -1,8 +1,14 @@
-
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 f42a2e247736..175b126cf5c5 100644 --- a/adev/src/content/examples/aria/tabs/src/vertical/retro/app/app.html +++ b/adev/src/content/examples/aria/tabs/src/vertical/retro/app/app.html @@ -1,8 +1,14 @@
-
videocam
-
theater_comedy
-
reviews
+
+ videocam +
+
+ theater_comedy +
+
+ reviews +
diff --git a/adev/src/content/examples/aria/toolbar/src/basic/app/app.html b/adev/src/content/examples/aria/toolbar/src/basic/app/app.html index 82bb0efd9569..a861b0e51620 100644 --- a/adev/src/content/examples/aria/toolbar/src/basic/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/basic/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -16,7 +17,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -32,7 +34,8 @@ #bold="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="bold.selected()" - translate="no"> + translate="no" + > format_bold @@ -44,7 +47,8 @@ #italic="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="italic.selected()" - translate="no"> + translate="no" + > format_italic @@ -56,7 +60,8 @@ #underlined="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="underlined.selected()" - translate="no"> + translate="no" + > format_underlined
@@ -73,7 +78,8 @@ #leftAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="leftAlign.selected()" - translate="no"> + translate="no" + > format_align_left @@ -86,7 +92,8 @@ #centerAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="centerAlign.selected()" - translate="no"> + translate="no" + > format_align_center @@ -99,7 +106,8 @@ #rightAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="rightAlign.selected()" - translate="no"> + translate="no" + > format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html b/adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html index 9464af4b34a9..792181a5c642 100644 --- a/adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/basic/material/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -16,7 +17,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -32,7 +34,8 @@ #bold="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="bold.selected()" - translate="no"> + translate="no" + > format_bold @@ -44,7 +47,8 @@ #italic="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="italic.selected()" - translate="no"> + translate="no" + > format_italic @@ -56,7 +60,8 @@ #underlined="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="underlined.selected()" - translate="no"> + translate="no" + > format_underlined
@@ -73,7 +78,8 @@ #leftAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="leftAlign.selected()" - translate="no"> + translate="no" + > format_align_left @@ -86,7 +92,8 @@ #centerAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="centerAlign.selected()" - translate="no"> + translate="no" + > format_align_center @@ -99,7 +106,8 @@ #rightAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="rightAlign.selected()" - translate="no"> + translate="no" + > format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html b/adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html index 71336172ded6..d8924deb5538 100644 --- a/adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/basic/retro/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -16,7 +17,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -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 57cd713ded90..380a37e1bf0a 100644 --- a/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/disabled/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -17,7 +18,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -33,7 +35,8 @@ #bold="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="bold.selected()" - translate="no"> + translate="no" + > format_bold @@ -45,7 +48,8 @@ #italic="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="italic.selected()" - translate="no"> + translate="no" + > format_italic @@ -57,14 +61,21 @@ #underlined="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="underlined.selected()" - translate="no"> + translate="no" + > format_underlined
-
+
@@ -87,7 +99,8 @@ #centerAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="centerAlign.selected()" - translate="no"> + translate="no" + > format_align_center @@ -100,7 +113,8 @@ #rightAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="rightAlign.selected()" - translate="no"> + translate="no" + > format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/app/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/app/app/app.html index c7a7d48d7535..24f4950311d8 100644 --- a/adev/src/content/examples/aria/toolbar/src/disabled/app/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/disabled/app/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -17,7 +18,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -33,7 +35,8 @@ #bold="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="bold.selected()" - translate="no"> + translate="no" + > format_bold @@ -45,7 +48,8 @@ #italic="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="italic.selected()" - translate="no"> + translate="no" + > format_italic @@ -57,14 +61,21 @@ #underlined="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="underlined.selected()" - translate="no"> + translate="no" + > format_underlined
-
+
@@ -87,7 +99,8 @@ #centerAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="centerAlign.selected()" - translate="no"> + translate="no" + > format_align_center @@ -100,7 +113,8 @@ #rightAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="rightAlign.selected()" - translate="no"> + translate="no" + > format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html index c7a7d48d7535..24f4950311d8 100644 --- a/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/disabled/material/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -17,7 +18,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -33,7 +35,8 @@ #bold="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="bold.selected()" - translate="no"> + translate="no" + > format_bold @@ -45,7 +48,8 @@ #italic="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="italic.selected()" - translate="no"> + translate="no" + > format_italic @@ -57,14 +61,21 @@ #underlined="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="underlined.selected()" - translate="no"> + translate="no" + > format_underlined
-
+
@@ -87,7 +99,8 @@ #centerAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="centerAlign.selected()" - translate="no"> + translate="no" + > format_align_center @@ -100,7 +113,8 @@ #rightAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="rightAlign.selected()" - translate="no"> + translate="no" + > format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html b/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html index 6bbf91c9ffe3..fd05cd971a8b 100644 --- a/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/disabled/retro/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -17,7 +18,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -33,7 +35,8 @@ #bold="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="bold.selected()" - translate="no"> + translate="no" + > format_bold @@ -45,7 +48,8 @@ #italic="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="italic.selected()" - translate="no"> + translate="no" + > format_italic @@ -57,14 +61,21 @@ #underlined="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="underlined.selected()" - translate="no"> + translate="no" + > format_underlined
-
+
@@ -87,7 +99,8 @@ #centerAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="centerAlign.selected()" - translate="no"> + translate="no" + > format_align_center @@ -100,7 +113,8 @@ #rightAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="rightAlign.selected()" - translate="no"> + translate="no" + > format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/rtl/app/app.html b/adev/src/content/examples/aria/toolbar/src/rtl/app/app.html index ac46cceff820..1f0909abadd8 100644 --- a/adev/src/content/examples/aria/toolbar/src/rtl/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/rtl/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -16,7 +17,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -32,7 +34,8 @@ #bold="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="bold.selected()" - translate="no"> + translate="no" + > format_bold @@ -44,7 +47,8 @@ #italic="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="italic.selected()" - translate="no"> + translate="no" + > format_italic @@ -56,7 +60,8 @@ #underlined="ngToolbarWidget" class="material-symbols-outlined" [aria-pressed]="underlined.selected()" - translate="no"> + translate="no" + > format_underlined
@@ -73,7 +78,8 @@ #leftAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="leftAlign.selected()" - translate="no"> + translate="no" + > format_align_left @@ -86,7 +92,8 @@ #centerAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="centerAlign.selected()" - translate="no"> + translate="no" + > format_align_center @@ -99,7 +106,8 @@ #rightAlign="ngToolbarWidget" class="material-symbols-outlined" [aria-checked]="rightAlign.selected()" - translate="no"> + translate="no" + > format_align_right
diff --git a/adev/src/content/examples/aria/toolbar/src/rtl/material/app/app.html b/adev/src/content/examples/aria/toolbar/src/rtl/material/app/app.html index 79eafb43cee7..8f19ae394b33 100644 --- a/adev/src/content/examples/aria/toolbar/src/rtl/material/app/app.html +++ b/adev/src/content/examples/aria/toolbar/src/rtl/material/app/app.html @@ -6,7 +6,8 @@ type="button" aria-label="undo" class="material-symbols-outlined" - translate="no"> + translate="no" + > undo @@ -16,7 +17,8 @@ type="button" aria-label="redo" class="material-symbols-outlined" - translate="no"> + translate="no" + > redo
@@ -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 72288ee8f821..887d010a6cd7 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 5838bf737c37..5f64afb224c3 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 37ff346aa36d..bb8dddb23cee 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 24287a76e6b5..a14447d9266b 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 e21941503948..8d72c89aad36 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 e744262f0349..bd0d3e13dfd9 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 e59f638712ab..8fa24927a157 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 f0d16d8d0e60..91cb7f181940 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 3a97f3fbf98d..977a935e2a16 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 e643da55be30..e67c310a2734 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 9a41d8184c60..deecb1eaf559 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 e21941503948..8d72c89aad36 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 e744262f0349..bd0d3e13dfd9 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 464e8f30e56d..8abadb1242ef 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 0c6c52f04167..459ae111105c 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 @@

My First Attribute Directive

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

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 12cabb636261..b6d32aa42dba 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 119c5c3f65e7..b7505b37a9f4 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 @@

Built-in attribute directives

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 @@

NgModel (two-way) Binding

  • - +
  • -
  • + +
  • - -
  • + +
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 @@

NgModel (two-way) Binding

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 @@

[ngStyle] binding to currentStyles - CSS property names

- - -
- | - | - +
+ | + +| + -

+

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 @@

NgIf Binding

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/hide vs. NgIf

Show with style
Hide with style
- -
+

NgFor Binding

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

NgFor Binding

-

*ngFor with index

with semi-colon separator

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

*ngFor with index

with comma separator

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

*ngFor trackBy

@@ -171,28 +192,28 @@

*ngFor trackBy

({{ 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 @@

*ngFor trackBy

({{ 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 819e493a6e03..166d335aea89 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 0b008e296c97..2d83f65ec994 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 925f5bc09052..b1e016d87ee6 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 75c0f30f1624..2f26c7c8fd25 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 dbbaa5f0e767..8283d1e6324d 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 ee6b133d578b..0e8131a25570 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 @@

Available items

[cdkDropListData]="items" class="example-list" cdkDropListSortingDisabled - (cdkDropListDropped)="drop($event)"> + (cdkDropListDropped)="drop($event)" + > @for (item of items; track item) {
{{item}}
} @@ -21,7 +22,8 @@

Shopping basket

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 9a01c44e88a2..a1fb3e294552 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 c93b307d7268..e72cc6639cb4 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 @@

Available numbers

cdkDropListConnectedTo="even" class="example-list" (cdkDropListDropped)="drop($event)" - [cdkDropListEnterPredicate]="noReturnPredicate"> + [cdkDropListEnterPredicate]="noReturnPredicate" + > @for (number of all; track number) { -
{{number}}
+
{{number}}
}
@@ -28,12 +26,10 @@

Even numbers

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 0dc8589279c9..4d953949776c 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 2a2c74c85762..30bb84cc385b 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 6c6dac307c99..b858fdd09748 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 f476de2fa1a2..b1b2433bf1b5 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 77e729fc1b0f..4018de137ba2 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 e081bbe4b11b..2e45bf25d546 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 f7f8d81e85ce..13b2cf97bdbb 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 39badfd5efb1..c02380448b97 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 75ec9ac189b6..eb32b8d7e77c 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 5440efad9079..f91a550623ef 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 1e97c0c37e49..cf5f0f220c8e 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 a7af83bc4299..38e504b1ea62 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 8b52a21c6d65..b086aa75ecee 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 20688f24057e..5e9e52a862b9 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 e8a1b6e353d1..37a52162d764 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 4cac0fe43020..ea7274e84d88 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 @@

Reactive Form

- + @if (role.pending) {
Validating...
@@ -50,9 +39,7 @@

Reactive Form

@if (role.invalid) {
@if (role.hasError('uniqueRole')) { -
- Role is already taken. -
+
Role is already taken.
}
} @@ -69,8 +56,7 @@

Reactive Form

- @for (skill of skills; track $index) { } @@ -86,13 +72,8 @@

Reactive Form

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 0ffcf994c99c..8dfdaeb6894f 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 @@

Template-Driven Form

- + @if (role.pending) {
Validating...
@@ -58,9 +61,7 @@

Template-Driven Form

@if (role.invalid) {
@if (role.hasError('uniqueRole')) { -
- Role is already taken. -
+
Role is already taken.
}
} @@ -68,19 +69,14 @@

Template-Driven Form

@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 @@

Template-Driven Form

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 d4e9dbee5773..18aab355cf3f 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 988ae05585ce..8e49fb042e77 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 6eea779b5a11..6768e1e9d5e0 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 @@

Actor Form

- + -
- +
+ Name is required
@@ -24,15 +29,25 @@

Actor Form

- +
- @for (skill of skills; track $index) { } @@ -43,30 +58,29 @@

Actor Form

- + - + - - with reset - -    + + with reset    - + without reset - +
-
+
Name via form.controls = {{ showFormControls(actorForm) }}
- - + +
@@ -85,117 +99,123 @@

You submitted the following:

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 be443ca0da10..333d72d527f2 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 7cbb82dfb096..41a869c023f7 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 1e5da1744cc0..b5b7afeffbf5 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 @@

Hello i18n!

-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 139a7e7f361e..dbe2a8f7a12f 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 2e2509a64ba8..58c62ff472ed 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 -
+
-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 328627d72ec2..bc556456739c 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 cccf30cf850f..8f707596f7a4 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 @@

Pipes

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 @@

Json Pipe for Debugging

-
+
-
+
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 7bb26ed72566..aa10b3c10aa0 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 9a94d86e3b9a..94a166a7235c 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 979578f56609..f9e0d3d44112 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 2c9b8331175c..9570f62c010d 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 350026389594..79c649b2e7a8 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 0bf3482d4dc9..a9206184ee8d 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 cc00ded43178..8b5cea04be10 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 @@

Address

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 bc37bc682143..46e664a7ee23 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 @@

Aliases

-
+

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 4a6b8fdac082..3009c261c17b 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 a2c67ab1e17c..d21f41c95205 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 9aae417cb947..129d5b77aebd 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 b0ce20a2c035..1f17295fe8d1 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 e73b2bc67b92..e5017994904c 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 a0d9c3b3c0fa..84d6306da3f9 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 150900c6ad27..fba7c08ed70b 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 3861d4513843..01bc38abdeb7 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 4ec849ae7c01..846c8514a42c 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 fa2cf35fb8ea..28bf3cd44cdd 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 @@

Angular Router Sample

@@ -23,19 +28,17 @@

Angular Router Sample

- - - - - - - - - - - + + + + + + + + +
diff --git a/adev/src/content/examples/router-tutorial/src/index.html b/adev/src/content/examples/router-tutorial/src/index.html index edfa60e4c972..a5967ee545d6 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 6a5611dff0e6..925bb944cef5 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 edb919d1ec97..51b7f07c498c 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 4de1b0058c3e..c7bd65f59e52 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 8117be96b328..7e16a6df2240 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 e2eadbd1aed5..b1d4fbabc46d 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 c76f57705a46..62b348065f5d 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 @@

A trusted URL:

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 4cf1cd642855..37bf26556a7b 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 462335339c1e..b06983d2fad2 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 9b548d69464f..3427951e1945 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 b609e6bb1d6e..4d5f3d12b0c6 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 @@

    Structural Directives

    Conditional display of hero

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

    List of heroes

    @@ -16,26 +16,16 @@

    Structural Directives

  • {{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 @@

NgIf with template

-
+

<ng-container>

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

*ngIf with a <ng-container>

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 @@

NgSwitch with <ng-template>

- +
-
+
-
+

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 451b66ce357d..653c268a6c21 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 250b33bac7f4..83b20316559c 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 @@

{{ title }}

@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 8c6b39bc96a4..4106cb2d82e8 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 2b169cb432bf..bd7fff9e2b12 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 f7ce49d23937..614cc6e90716 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 95e3c40084a8..e2de6098c0f6 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 790e878ce5ac..d7f26a54cd0a 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 fb82dcc0fd8f..e69cedb60455 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 b8658772264e..202fb0b3c23a 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 7c5e3701cecb..481fec824826 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 @@

Goal: {{ goal() }}º

>
- @if(rotateVal() >= 20) { -
- - - - - - - - - - - -
+ @if (rotateVal() >= 20) { +
+ + + + + + + + + + + +
}
Goal: {{ goal() }}º

viewBox="0 0 103.41 84.33" [class.show]="rotateVal() >= 74" > - @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 @@

Goal: {{ goal() }}º

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 5eeee9240403..9025d7cf1d91 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 129f8c9a7e6c..03de4634e557 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 b181126918e6..7c826b7597d3 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 2d837d22b12d..3ebd7f751bbc 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 fe317893dd68..17816686532b 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 @@

Resources

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 @@

Next Steps

-
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
@@ -504,6 +869,4 @@

Next Steps

- - diff --git a/integration/cli-hello-world-lazy/src/index.html b/integration/cli-hello-world-lazy/src/index.html index 9b818d16a002..6a52628e68a8 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 a2036a218490..7b118f9eb0bc 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 @@

Resources

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 @@

Next Steps

-
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
@@ -503,5 +868,3 @@

Next Steps

- - diff --git a/integration/cli-hello-world/src/index.html b/integration/cli-hello-world/src/index.html index 8a7095277d17..4969e50128b9 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 8a7095277d17..4969e50128b9 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 a9132f0ae997..faf07bcf15e9 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 6c83aa2f359f..e2963c48247e 100644 --- a/integration/legacy-animations-async/src/index.html +++ b/integration/legacy-animations-async/src/index.html @@ -1,17 +1,15 @@ - + - - - - Animations - - - - - - - - - - - \ No newline at end of file + + + Animations + + + + + + + + + + diff --git a/integration/legacy-animations/src/index.html b/integration/legacy-animations/src/index.html index 6c83aa2f359f..e2963c48247e 100644 --- a/integration/legacy-animations/src/index.html +++ b/integration/legacy-animations/src/index.html @@ -1,17 +1,15 @@ - + - - - - Animations - - - - - - - - - - - \ No newline at end of file + + + Animations + + + + + + + + + + diff --git a/integration/ng-add-localize/src/index.html b/integration/ng-add-localize/src/index.html index ab8ca861e9a7..a68e5b4e1cde 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 4053ba1a75dc..df65bc2b8fa1 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 b03741ba8795..04c1d3ebf86e 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 64525c0d776f..40a1b065c9c9 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 64525c0d776f..40a1b065c9c9 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 64525c0d776f..40a1b065c9c9 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 4a6f5b6cdcd4..0221335afd00 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 fa83786ebb3b..b5a385644fb3 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 @@

Resources

Next Steps

What do you want to do next with your app?

- + diff --git a/integration/trusted-types/src/index.html b/integration/trusted-types/src/index.html index 54b1122e3b79..08d543ba9ff6 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 180895d403e1..2e6ccf0208a8 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 02c8c7bb85d7..b22e906fbc4e 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 a37c07b85e9a..87a3a240f965 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 f20fd031ad60..dcfb8987b674 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 8387e25c5115..c386947b1e44 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 fb0c84fc302f..b422677ec230 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 de1c3d0d74c1..452ebb52a1aa 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 61eb7f62da1f..40687863d879 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 4ed2113eab95..23ab685b330c 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 c9e4dfa85ed4..ba47f1496c04 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 0ff971951c1d..986bfb8347fb 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 98697e33b9cc..dfd106446a16 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 b5f8940a9351..dc793ca71a0d 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 119b09086fbb..de69b94e5560 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 d685d16c899d..e4bd078d4851 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 81cbb98d200a..4b362d51c2a8 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 @@

todos

-