@angular/core 21.0.3 → 21.0.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/core",
-  "version": "21.0.3",
+  "version": "21.0.4",
   "description": "Angular - the core framework",
   "author": "angular",
   "license": "MIT",
@@ -46,7 +46,7 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/compiler": "21.0.3",
+    "@angular/compiler": "21.0.4",
     "rxjs": "^6.5.3 || ^7.4.0",
     "zone.js": "~0.15.0 || ~0.16.0"
   },

package/schematics/bundles/add-bootstrap-context-to-server-main.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/application-config-core.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/apply_import_manager-1Zs_gpB6.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/bootstrap-options-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/cleanup-unused-imports.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/common-to-standalone-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/compiler_host-DBwYMlTo.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/control-flow-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/imports-DP72APSx.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/index-B7I9sIUx.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/inject-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/leading_space-D9nQ8UQC.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/migrate_ts_type_references-UGIUl7En.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/ng_component_template-Dsuq1Lw7.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/ng_decorators-DSFlWYQY.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/ngclass-to-class-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/ngstyle-to-style-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/nodes-B16H9JUd.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/output-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/parse_html-8VLCL37B.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/project_paths-DvD50ouC.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/project_tsconfig_paths-CDVxT6Ov.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/property_name-BBwFuqMe.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/route-lazy-loading.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/router-current-navigation.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/router-last-successful-navigation.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/router-testing-module-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/self-closing-tags-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/signal-input-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/signal-queries-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/signals.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/standalone-migration.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/bundles/symbol-BObKoqes.cjs

@@ -1,6 +1,6 @@
 'use strict';
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.io/
  * License: MIT
  */

package/types/_api-chunk.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/_chrome_dev_tools_performance-chunk.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -237,6 +237,13 @@ type Writable<T> = {
 declare class InjectionToken<T> {
     protected _desc: string;
     readonly ɵprov: unknown;
+    /**
+     * @deprecated The `providedIn: NgModule` or `providedIn:'any'` options are deprecated. Please use the other signature.
+     */
+    constructor(_desc: string, options: {
+        providedIn?: Type<any> | 'any';
+        factory: () => T;
+    });
     /**
      * @param _desc   Description for the token,
      *                used only for debugging purposes,
@@ -843,7 +850,7 @@ declare global {
  * Start listening to the Angular's internal performance-related events and route those to the Chrome DevTools performance panel.
  * This enables Angular-specific data visualization when recording a performance profile directly in the Chrome DevTools.
  *
- * Note: integration is enabled in the development mode only, this operation is noop in the production mode.
+ * NOTE: Integration is enabled in the development mode only, this operation is noop in the production mode.
  *
  * @publicApi v21.0
  *

package/types/_discovery-chunk.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -5611,6 +5611,9 @@ interface HostListenerDecorator {
      *
      * @usageNotes
      *
+     * NOTE:  **Always** prefer using the `host` property over `@HostListener`.
+     * This decorator exist exclusively for backwards compatibility.
+     *
      * The following example declares a directive
      * that attaches a click listener to a button and counts clicks.
      *
@@ -5634,13 +5637,15 @@ interface HostListenerDecorator {
      *
      * The following example registers another DOM event handler that listens for `Enter` key-press
      * events on the global `window`.
-     * ```ts
+     * ```angular-ts
      * import { HostListener, Component } from "@angular/core";
      *
      * @Component({
      *   selector: 'app',
-     *   template: `<h1>Hello, you have pressed enter {{counter}} number of times!</h1> Press enter
-     * key to increment the counter. <button (click)="resetCounter()">Reset Counter</button>`
+     *   template: `
+     *    <h1>Hello, you have pressed enter {{counter}} number of times!</h1>
+     *      Press enter  key to increment the counter.
+     *    <button (click)="resetCounter()">Reset Counter</button>`
      * })
      * class AppComponent {
      *   counter = 0;
@@ -5657,7 +5662,7 @@ interface HostListenerDecorator {
      * can be found here:
      * https://www.w3.org/TR/DOM-Level-3-Events-key/#named-key-attribute-values
      *
-     * Note that keys can also be combined, e.g. `@HostListener('keydown.shift.a')`.
+     * NOTE: that keys can also be combined, e.g. `@HostListener('keydown.shift.a')`.
      *
      * The global target names that can be used to prefix an event name are
      * `document:`, `window:` and `body:`.
@@ -7410,6 +7415,7 @@ declare class Navigation extends EventTarget {
 declare class NavigationTransition {
     readonly navigationType: NavigationTypeString;
     readonly from: NavigationHistoryEntry;
+    readonly to: NavigationDestination;
     readonly finished: Promise<void>;
     readonly committed: Promise<void>;
 }

package/types/_effect-chunk.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/_event_dispatcher-chunk.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/_formatter-chunk.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/_weak_ref-chunk.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/core.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */
@@ -1696,7 +1696,7 @@ interface ForwardRefFn {
  * @Component({
  *   imports: [ChildComponent],
  *   selector: 'app-parent',
- *   template: `<app-child [hideParent]="hideParent()"></app-child>`,
+ *   template: `<app-child [hideParent]="hideParent()"/>`,
  * })
  * export class ParentComponent {
  *    hideParent = input.required<boolean>();
@@ -1707,7 +1707,7 @@ interface ForwardRefFn {
  *   imports: [forwardRef(() => ParentComponent)],
  *   selector: 'app-child',
  *   template: `
- *    @if(!hideParent() {
+ *    @if(!hideParent()) {
  *       <app-parent/>
  *    }
  *  `,
@@ -1768,8 +1768,14 @@ interface InjectableDecorator {
      *
      */
     (): TypeDecorator;
+    /**
+     * @deprecated The `providedIn: NgModule` or `providedIn:'any'` options are deprecated. Please use the other signatures.
+     */
     (options?: {
-        providedIn: Type$1<any> | 'root' | 'platform' | 'any' | null;
+        providedIn: Type$1<any> | 'any';
+    } & InjectableProvider): TypeDecorator;
+    (options?: {
+        providedIn: 'root' | 'platform' | null;
     } & InjectableProvider): TypeDecorator;
     new (): Injectable;
     new (options?: {
@@ -1972,6 +1978,9 @@ declare const INJECTOR: InjectionToken<Injector>;
  * }
  * ```
  * @publicApi
+ *
+ * @see [Inject the host element's tag name](guide/di/di-in-action#inject-the-host-elements-tag-name)
+ *
  */
 declare const HOST_TAG_NAME: InjectionToken<string>;
 
@@ -2316,12 +2325,12 @@ interface AfterRenderOptions {
  *   template: `<span #content>{{ ... }}</span>`,
  * })
  * export class MyComponent {
- *   @ViewChild('content') contentRef: ElementRef;
+ *   contentRef = viewChild.required<ElementRef>('content');
  *
  *   constructor() {
  *     afterEveryRender({
  *       read: () => {
- *         console.log('content height: ' + this.contentRef.nativeElement.scrollHeight);
+ *         console.log('content height: ' + this.contentRef().nativeElement.scrollHeight);
  *       }
  *     });
  *   }
@@ -2376,12 +2385,12 @@ declare function afterEveryRender<E = never, W = never, M = never>(spec: {
  *   template: `<span #content>{{ ... }}</span>`,
  * })
  * export class MyComponent {
- *   @ViewChild('content') contentRef: ElementRef;
+ *   contentRef = viewChild.required<ElementRef>('content');
  *
  *   constructor() {
  *     afterEveryRender({
  *       read: () => {
- *         console.log('content height: ' + this.contentRef.nativeElement.scrollHeight);
+ *         console.log('content height: ' + this.contentRef().nativeElement.scrollHeight);
  *       }
  *     });
  *   }
@@ -2455,13 +2464,13 @@ declare function afterEveryRender(callback: VoidFunction, options?: AfterRenderO
  *   template: `<div #chart>{{ ... }}</div>`,
  * })
  * export class MyChartCmp {
- *   @ViewChild('chart') chartRef: ElementRef;
+ *   chartRef = viewChild.required<ElementRef>('chart');
  *   chart: MyChart|null;
  *
  *   constructor() {
  *     afterNextRender({
  *       write: () => {
- *         this.chart = new MyChart(this.chartRef.nativeElement);
+ *         this.chart = new MyChart(this.chartRef().nativeElement);
  *       }
  *     });
  *   }
@@ -2515,13 +2524,13 @@ declare function afterNextRender<E = never, W = never, M = never>(spec: {
  *   template: `<div #chart>{{ ... }}</div>`,
  * })
  * export class MyChartCmp {
- *   @ViewChild('chart') chartRef: ElementRef;
+ *   chartRef = viewChild.required<ElementRef>('chart');
  *   chart: MyChart|null;
  *
  *   constructor() {
  *     afterNextRender({
  *       write: () => {
- *         this.chart = new MyChart(this.chartRef.nativeElement);
+ *         this.chart = new MyChart(this.chartRef().nativeElement);
  *       }
  *     });
  *   }
@@ -7335,7 +7344,7 @@ declare function ɵɵproperty<T>(propName: string, value: T, sanitizer?: Sanitiz
  *
  * @codeGenApi
  */
-declare function ɵɵcontentQuery<T>(directiveIndex: number, predicate: ProviderToken<unknown> | string | string[], flags: QueryFlags, read?: any): void;
+declare function ɵɵcontentQuery<T>(directiveIndex: number, predicate: ProviderToken<unknown> | string | string[], flags: QueryFlags, read?: any): typeof ɵɵcontentQuery;
 /**
  * Creates a new view query by initializing internal data structures.
  *
@@ -7345,7 +7354,7 @@ declare function ɵɵcontentQuery<T>(directiveIndex: number, predicate: Provider
  *
  * @codeGenApi
  */
-declare function ɵɵviewQuery<T>(predicate: ProviderToken<unknown> | string | string[], flags: QueryFlags, read?: any): void;
+declare function ɵɵviewQuery<T>(predicate: ProviderToken<unknown> | string | string[], flags: QueryFlags, read?: any): typeof ɵɵviewQuery;
 /**
  * Refreshes a query by combining matches from all active views and removing matches from deleted
  * views.
@@ -7374,7 +7383,7 @@ declare function ɵɵloadQuery<T>(): QueryList<T>;
  *
  * @codeGenApi
  */
-declare function ɵɵcontentQuerySignal<T>(directiveIndex: number, target: Signal<T>, predicate: ProviderToken<unknown> | string[], flags: QueryFlags, read?: any): void;
+declare function ɵɵcontentQuerySignal<T>(directiveIndex: number, target: Signal<T>, predicate: ProviderToken<unknown> | string[], flags: QueryFlags, read?: any): typeof ɵɵcontentQuerySignal;
 /**
  * Creates a new view query by initializing internal data structures and binding a new query to the
  * target signal.
@@ -7386,7 +7395,7 @@ declare function ɵɵcontentQuerySignal<T>(directiveIndex: number, target: Signa
  *
  * @codeGenApi
  */
-declare function ɵɵviewQuerySignal(target: Signal<unknown>, predicate: ProviderToken<unknown> | string[], flags: QueryFlags, read?: ProviderToken<unknown>): void;
+declare function ɵɵviewQuerySignal(target: Signal<unknown>, predicate: ProviderToken<unknown> | string[], flags: QueryFlags, read?: ProviderToken<unknown>): typeof ɵɵviewQuerySignal;
 /**
  * Advances the current query index by a specified offset.
  *
@@ -8421,6 +8430,18 @@ interface ɵFieldState<T> {
      * A signal indicating whether the field has been touched by the user.
      */
     readonly touched: Signal<boolean>;
+    /**
+     * A signal indicating whether the field value has been changed by user.
+     */
+    readonly dirty: Signal<boolean>;
+    /**
+     * A signal indicating whether the field is hidden.
+     */
+    readonly hidden: Signal<boolean>;
+    /**
+     * A signal indicating whether there are any validators still pending for this field.
+     */
+    readonly pending: Signal<boolean>;
     /**
      * A writable signal containing the value for this field.
      *

package/types/primitives-di.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/primitives-event-dispatch.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/primitives-signals.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/rxjs-interop.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */

package/types/testing.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v21.0.3
+ * @license Angular v21.0.4
  * (c) 2010-2025 Google LLC. https://angular.dev/
  * License: MIT
  */