Create a new pull request by comparing changes across two branches

.github/workflows/pr.yml

@@ -95,7 +95,7 @@ jobs:
       - name: Run CI tests for framework
         run: yarn tsx ./scripts/build/build-packages-dist.mts
       - name: Archive build artifacts
-        uses: actions/upload-artifact@834a144ee995460fba8ed112a2fc961b36a5ec5a # v4.3.6
+        uses: actions/upload-artifact@50769540e7f4bd5e21e526ee35c689e35e0d6874 # v4.4.0
         with:
           name: pr-artifacts-${{ github.event.number }}
           path: dist/packages-dist/

.github/workflows/scorecard.yml

@@ -39,14 +39,14 @@ jobs:
 
       # Upload the results as artifacts.
       - name: 'Upload artifact'
-        uses: actions/upload-artifact@834a144ee995460fba8ed112a2fc961b36a5ec5a # v4.3.6
+        uses: actions/upload-artifact@50769540e7f4bd5e21e526ee35c689e35e0d6874 # v4.4.0
         with:
           name: SARIF file
           path: results.sarif
           retention-days: 5
 
       # Upload the results to GitHub's code scanning dashboard.
       - name: 'Upload to code-scanning'
-        uses: github/codeql-action/upload-sarif@2c779ab0d087cd7fe7b826087247c2c81f27bfa6 # v3.26.5
+        uses: github/codeql-action/upload-sarif@4dd16135b69a43b6c8efb853346f8437d92d3c93 # v3.26.6
         with:
           sarif_file: results.sarif

CHANGELOG.md

@@ -1,3 +1,44 @@
+<a name="19.0.0-next.3"></a>
+# 19.0.0-next.3 (2024-09-04)
+## Breaking Changes
+### core
+- * TypeScript versions less than 5.5 are no longer supported.
+### compiler
+| Commit | Type | Description |
+| -- | -- | -- |
+| [a2e4ee0cb3](https://github.com/angular/angular/commit/a2e4ee0cb3d40cadc05e28d58b06853973944456) | feat | add diagnostic for unused standalone imports ([#57605](https://github.com/angular/angular/pull/57605)) |
+### core
+| Commit | Type | Description |
+| -- | -- | -- |
+| [8bcc663a53](https://github.com/angular/angular/commit/8bcc663a53888717cdf4ce0c23404caa00abb1b2) | feat | drop support for TypeScript 5.4 ([#57577](https://github.com/angular/angular/pull/57577)) |
+| [e6e5d29e83](https://github.com/angular/angular/commit/e6e5d29e830a0a74d7677d5f2345f29391064853) | feat | initial version of the output migration ([#57604](https://github.com/angular/angular/pull/57604)) |
+| [be2e49639b](https://github.com/angular/angular/commit/be2e49639bda831831ad62d49253db942a83fd46) | feat | introduce `afterRenderEffect` ([#57549](https://github.com/angular/angular/pull/57549)) |
+### elements
+| Commit | Type | Description |
+| -- | -- | -- |
+| [fe5c4e086a](https://github.com/angular/angular/commit/fe5c4e086add655bf53315d71b0736ff758c7199) | fix | support `output()`-shaped outputs ([#57535](https://github.com/angular/angular/pull/57535)) |
+### http
+| Commit | Type | Description |
+| -- | -- | -- |
+| [c2892fee58](https://github.com/angular/angular/commit/c2892fee58d28ffec0dfeaad6a5d6822c040cf03) | fix | Dynamicaly call the global fetch implementation ([#57531](https://github.com/angular/angular/pull/57531)) |
+### language-service
+| Commit | Type | Description |
+| -- | -- | -- |
+| [8da9fb49b5](https://github.com/angular/angular/commit/8da9fb49b54e50de2d028691f73fb773def62ecd) | feat | add code fix for unused standalone imports ([#57605](https://github.com/angular/angular/pull/57605)) |
+| [1f067f4507](https://github.com/angular/angular/commit/1f067f4507b6e908fe991d5de0dc4d3a627ab2f9) | feat | add code reactoring action to migrate `@Input` to signal-input ([#57214](https://github.com/angular/angular/pull/57214)) |
+| [56ee47f2ec](https://github.com/angular/angular/commit/56ee47f2ec6e983e2ffdf59476ab29a92590811e) | feat | allow code refactorings to compute edits asynchronously ([#57214](https://github.com/angular/angular/pull/57214)) |
+
+<!-- CHANGELOG SPLIT MARKER -->
+
+<a name="18.2.3"></a>
+# 18.2.3 (2024-09-04)
+### http
+| Commit | Type | Description |
+| -- | -- | -- |
+| [de68e049e4](https://github.com/angular/angular/commit/de68e049e40ab702d9e2b7dd02070de9856377df) | fix | Dynamicaly call the global fetch implementation ([#57531](https://github.com/angular/angular/pull/57531)) |
+
+<!-- CHANGELOG SPLIT MARKER -->
+
 <a name="19.0.0-next.2"></a>
 # 19.0.0-next.2 (2024-08-28)
 ## Breaking Changes

WORKSPACE

@@ -143,10 +143,10 @@ cldr_xml_data_repository(
 # sass rules
 http_archive(
     name = "io_bazel_rules_sass",
-    sha256 = "cd83736ea65d0df064283aea5922dbaf132dd2b3aa54e7151aae7edaa9572c3e",
-    strip_prefix = "rules_sass-83022b98114c07e9588089c7fe8f76bc0262c7e7",
+    sha256 = "99c26eb38ef3e4e63253796dec37030834b1db25d12f1aeed1481f7020eb95b3",
+    strip_prefix = "rules_sass-5a7e3f4e1ed8def01b2a1e52625b09f11e98f1f8",
     urls = [
-        "https://github.com/bazelbuild/rules_sass/archive/83022b98114c07e9588089c7fe8f76bc0262c7e7.zip",
+        "https://github.com/bazelbuild/rules_sass/archive/5a7e3f4e1ed8def01b2a1e52625b09f11e98f1f8.zip",
     ],
 )
 

adev/shared-docs/components/top-level-banner/top-level-banner.component.html

@@ -1,11 +1,13 @@
 @if (!hasClosed()) {
   @if (link()) {
     <a [href]="link()" class="docs-top-level-banner">
-      <h1 tabindex="-1" class="docs-top-level-banner-cta">{{ text() }}</h1>
+      <h1 tabindex="-1" class="docs-top-level-banner-cta background">{{ text() }}</h1>
+      <h1 tabindex="0" class="docs-top-level-banner-cta shimmer">{{ text() }}</h1>
     </a>
   } @else {
     <div class="docs-top-level-banner">
-      <h1 tabindex="-1" class="docs-top-level-banner-cta">{{ text() }}</h1>
+      <h1 tabindex="-1" class="docs-top-level-banner-cta background">{{ text() }}</h1>
+      <h1 tabindex="0" class="docs-top-level-banner-cta shimmer">{{ text() }}</h1>
     </div>
   }
 

adev/shared-docs/components/top-level-banner/top-level-banner.component.scss

@@ -18,40 +18,42 @@
 
   h1.docs-top-level-banner-cta {
     display: inline;
-    position: relative;
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
     font-size: 0.875rem;
     margin: 0;
-    background-image: var(--red-to-pink-to-purple-horizontal-gradient);
-    background-clip: text;
-    -webkit-background-clip: text;
-    color: transparent;
     width: fit-content;
     font-weight: 500;
 
-    &::after {
-      content: '';
-      position: absolute;
-      width: 100%;
-      transform: scaleX(0);
-      height: 1px;
-      bottom: -2px;
-      left: 0;
-      background: var(--tertiary-contrast);
-      animation-name: shimmer;
-      -webkit-animation-duration: 5s;
-      -moz-animation-duration: 5s;
-      animation-duration: 5s;
-      -webkit-animation-iteration-count: infinite;
-      -moz-animation-iteration-count: infinite;
-      animation-iteration-count: infinite;
+    &.background {
+      color: var(--tertiary-contrast);
     }
-  }
 
-  &:hover {
-    h1.docs-top-level-banner-cta {
+    &:not(.background) {
+      color: transparent;
+
       &::after {
-        transform: scaleX(1);
-        transform-origin: bottom left;
+        content: '';
+        position: absolute;
+        width: 100%;
+        height: 1px;
+        bottom: -2px;
+        left: 0;
+        background: var(--tertiary-contrast);
+        transform: scaleX(0);
+        transform-origin: bottom right;
+        @media (prefers-reduced-motion: no-preference) {
+          transition: transform 0.3s ease;
+        }
+      }
+
+      &:hover {
+        &::after {
+          transform: scaleX(1);
+          transform-origin: bottom left;
+        }
       }
     }
   }
@@ -60,17 +62,73 @@
     position: absolute;
     top: 0.25rem;
     right: 0.5rem;
-    color: var(--primary-contrast);
+    color: var(--tertiary-contrast);
+  }
+}
+
+.shimmer {
+  background: var(--red-to-pink-to-purple-horizontal-gradient);
+
+  @media (prefers-reduced-motion: no-preference) {
+    background-repeat: no-repeat;
+    -webkit-background-size: 125px 100%;
+    -moz-background-size: 125px 100%;
+    background-size: 125px 100%;
+    -webkit-background-clip: text;
+    -moz-background-clip: text;
+    background-clip: text;
+    -webkit-animation-name: shimmer;
+    -moz-animation-name: shimmer;
+    animation-name: shimmer;
+    -webkit-animation-duration: 10s;
+    -moz-animation-duration: 10s;
+    animation-duration: 10s;
+    -webkit-animation-iteration-count: infinite;
+    -moz-animation-iteration-count: infinite;
+    animation-iteration-count: infinite;
+  }
+}
+
+@-moz-keyframes shimmer {
+  0% {
+    background-position: top left;
+    background-position-x: -150px;
+  }
+  100% {
+    background-position: top right;
+    background-position-x: 500px;
+  }
+}
+
+@-webkit-keyframes shimmer {
+  0% {
+    background-position: top left;
+    background-position-x: -150px;
+  }
+  100% {
+    background-position: top right;
+    background-position-x: 500px;
+  }
+}
+
+@-o-keyframes shimmer {
+  0% {
+    background-position: top left;
+    background-position-x: -150px;
+  }
+  100% {
+    background-position: top right;
+    background-position-x: 500px;
   }
 }
 
 @keyframes shimmer {
   0% {
-    transform: scaleX(0);
-    transform-origin: bottom right;
+    background-position: top left;
+    background-position-x: -150px;
   }
   100% {
-    transform: scaleX(1);
-    transform-origin: bottom left;
+    background-position: top right;
+    background-position-x: 500px;
   }
 }

adev/shared-docs/package.json

@@ -14,7 +14,7 @@
   },
   "dependencies": {
     "@webcontainer/api": "^1.1.8",
-    "diff": "~5.2.0",
+    "diff": "~6.0.0",
     "emoji-regex": "~10.4.0",
     "fast-glob": "~3.3.2",
     "fflate": "^0.8.2",

adev/shared-docs/pipeline/api-gen/rendering/entities.ts

@@ -101,6 +101,8 @@ export interface ClassEntry extends DocEntry {
   isAbstract: boolean;
   members: MemberEntry[];
   generics: GenericEntry[];
+  extends?: string;
+  implements: string[];
 }
 
 // From an API doc perspective, class and interfaces are identical.

adev/shared-docs/pipeline/api-gen/rendering/transforms/code-transforms.ts

@@ -426,9 +426,28 @@ function appendPrefixAndSuffix(entry: DocEntry, codeTocData: CodeTableOfContents
     data.contents = `${firstLine}\n${data.contents}${lastLine}`;
   };
 
-  if (isClassEntry(entry)) {
-    const abstractPrefix = entry.isAbstract ? 'abstract ' : '';
-    appendFirstAndLastLines(codeTocData, `${abstractPrefix}class ${entry.name} {`, `}`);
+  if (isClassEntry(entry) || isInterfaceEntry(entry)) {
+    const generics =
+      entry.generics?.length > 0
+        ? `<${entry.generics
+            .map((g) => (g.constraint ? `${g.name} extends ${g.constraint}` : g.name))
+            .join(', ')}>`
+        : '';
+
+    const extendsStr = entry.extends ? ` extends ${entry.extends}` : '';
+    // TODO: remove the ? when we distinguish Class & Decorator entries
+    const implementsStr =
+      entry.implements?.length > 0 ? ` implements ${entry.implements.join(' ,')}` : '';
+
+    const signature = `${entry.name}${generics}${extendsStr}${implementsStr}`;
+    if (isClassEntry(entry)) {
+      const abstractPrefix = entry.isAbstract ? 'abstract ' : '';
+      appendFirstAndLastLines(codeTocData, `${abstractPrefix}class ${signature} {`, `}`);
+    }
+
+    if (isInterfaceEntry(entry)) {
+      appendFirstAndLastLines(codeTocData, `interface ${signature} {`, `}`);
+    }
   }
 
   if (isEnumEntry(entry)) {

adev/src/app/app.component.html

@@ -1,6 +1,6 @@
 @defer (when isBrowser) {
   <adev-progress-bar />
-  <!-- <docs-top-level-banner id="ng-survey-2024" link="https://goo.gle/angular-v18" text="Take the Angular Developer Survey today!"  /> -->
+  <docs-top-level-banner id="ng-survey-2024" link="https://goo.gle/angular-survey-2024" text="Take the 2024 Angular Developer Survey today!"  />
 }
 <button (click)="focusFirstHeading()" class="adev-skip">Skip to main content</button>
 

adev/src/app/sub-navigation-data.ts

@@ -1368,6 +1368,11 @@ const REFERENCE_SUB_NAVIGATION_DATA: NavigationItem[] = [
         path: 'extended-diagnostics/NG8111',
         contentPath: 'reference/extended-diagnostics/NG8111',
       },
+      {
+        label: 'NG8113: Unused Standalone Imports',
+        path: 'extended-diagnostics/NG8113',
+        contentPath: 'reference/extended-diagnostics/NG8113',
+      },
     ],
   },
   {

adev/src/content/guide/components/content-projection.md

@@ -148,6 +148,38 @@ did not match a `select` attribute:
 If a component does not include an `<ng-content>` placeholder without a `select` attribute, any
 elements that don't match one of the component's placeholders do not render into the DOM.
 
+## Fallback content
+
+Angular can show *fallback content* for a component's `<ng-content>` placeholder if that component doesn't have any matching child content. You can specify fallback content by adding child content to the `<ng-content>` element itself.
+
+```angular-html
+<!-- Component template -->
+<div class="card-shadow">
+  <ng-content select="card-title">Default Title</ng-content>
+  <div class="card-divider"></div>
+  <ng-content select="card-body">Default Body</ng-content>
+</div>
+```
+
+```angular-html
+<!-- Using the component -->
+<custom-card>
+  <card-title>Hello</card-title>
+  <!-- No card-body provided -->
+</custom-card>
+```
+
+```angular-html
+<!-- Rendered DOM -->
+<custom-card>
+  <div class="card-shadow">
+    Hello
+    <div class="card-divider"></div>
+    Default Body
+  </div>
+</custom-card>
+```
+
 ## Aliasing content for projection
 
 Angular supports a special attribute, `ngProjectAs`, that allows you to specify a CSS selector on

adev/src/content/guide/di/hierarchical-dependency-injection.md

@@ -16,7 +16,7 @@ Angular has two injector hierarchies:
 
 | Injector hierarchies        | Details |
 |:---                         |:---     |
-| `EnvironmentInjector` hierarchy | Configure an `ElementInjector` in this hierarchy using `@Injectable()` or `providers` array in `ApplicationConfig`. |
+| `EnvironmentInjector` hierarchy | Configure an `EnvironmentInjector` in this hierarchy using `@Injectable()` or `providers` array in `ApplicationConfig`. |
 | `ElementInjector` hierarchy | Created implicitly at each DOM element. An `ElementInjector` is empty by default unless you configure it in the `providers` property on `@Directive()` or `@Component()`. |
 
 <docs-callout title="NgModule Based Applications">