@angular/core 18.0.0 → 18.0.2

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v18.0.0
+ * @license Angular v18.0.2
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -11868,7 +11868,10 @@ export declare const enum ɵAnimationRendererType {
  * @param doc A reference to the current Document instance.
  * @return event types that need to be replayed
  */
-export declare function ɵannotateForHydration(appRef: ApplicationRef, doc: Document): Set<string> | undefined;
+export declare function ɵannotateForHydration(appRef: ApplicationRef, doc: Document): {
+    regular: Set<string>;
+    capture: Set<string>;
+};
 
 
 /**
@@ -12071,6 +12074,39 @@ export declare abstract class ɵChangeDetectionScheduler {
     abstract runningTick: boolean;
 }
 
+export declare class ɵChangeDetectionSchedulerImpl implements ɵChangeDetectionScheduler {
+    private readonly appRef;
+    private readonly taskService;
+    private readonly ngZone;
+    private readonly zonelessEnabled;
+    private readonly disableScheduling;
+    private readonly zoneIsDefined;
+    private readonly schedulerTickApplyArgs;
+    private readonly subscriptions;
+    private cancelScheduledCallback;
+    private shouldRefreshViews;
+    private useMicrotaskScheduler;
+    runningTick: boolean;
+    pendingRenderTaskId: number | null;
+    constructor();
+    notify(source: ɵNotificationSource): void;
+    private shouldScheduleTick;
+    /**
+     * Calls ApplicationRef._tick inside the `NgZone`.
+     *
+     * Calling `tick` directly runs change detection and cancels any change detection that had been
+     * scheduled previously.
+     *
+     * @param shouldRefreshViews Passed directly to `ApplicationRef._tick` and skips straight to
+     *     render hooks when `false`.
+     */
+    private tick;
+    ngOnDestroy(): void;
+    private cleanup;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ɵChangeDetectionSchedulerImpl, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ɵChangeDetectionSchedulerImpl>;
+}
+
 export declare function ɵclearResolutionOfComponentResourcesQueue(): Map<Type<any>, Component>;
 
 /**
@@ -13256,6 +13292,12 @@ export declare const enum ɵProfilerEvent {
     OutputEnd = 7
 }
 
+/**
+ * Internal token used to verify that `provideZoneChangeDetection` is not used
+ * with the bootstrapModule API.
+ */
+export declare const ɵPROVIDED_NG_ZONE: InjectionToken<boolean>;
+
 /**
  * An object that contains information about a provider that has been configured
  *
@@ -13489,7 +13531,7 @@ export declare class ɵRuntimeError<T extends number = ɵRuntimeErrorCode> exten
  * angular.io. This extra annotation is needed to avoid introducing a separate set to store
  * error codes which have guides, which might leak into runtime code.
  *
- * Full list of available error guides can be found at https://angular.io/errors.
+ * Full list of available error guides can be found at https://angular.dev/errors.
  *
  * Error code ranges per package:
  *  - core (this package): 100-999

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@angular/core",
-  "version": "18.0.0",
+  "version": "18.0.2",
   "description": "Angular - the core framework",
   "author": "angular",
   "license": "MIT",
   "engines": {
-    "node": "^18.13.0 || >=20.9.0"
+    "node": "^18.19.1 || ^20.11.1 || >=22.0.0"
   },
   "exports": {
     "./schematics/*": {

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

@@ -1,11 +1,11 @@
 /**
- * @license Angular v18.0.0
+ * @license Angular v18.0.2
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */
 
 
-declare namespace a11yClick {
+declare namespace a11yClickLib {
     export {
         updateEventInfoForA11yClick,
         preventDefaultForA11yClick,
@@ -24,53 +24,14 @@ declare interface ActionInfo {
 
 declare type ActionInfoInternal = [name: string, element: Element];
 
-/** Resolves actions for Events. */
-declare class ActionResolver {
-    private a11yClickSupport;
-    private readonly syntheticMouseEventSupport;
-    private updateEventInfoForA11yClick?;
-    private preventDefaultForA11yClick?;
-    private populateClickOnlyAction?;
-    constructor({ syntheticMouseEventSupport, }?: {
-        syntheticMouseEventSupport?: boolean;
-    });
-    resolve(eventInfo: eventInfoLib.EventInfo): void;
-    /**
-     * Searches for a jsaction that the DOM event maps to and creates an
-     * object containing event information used for dispatching by
-     * jsaction.Dispatcher. This method populates the `action` and `actionElement`
-     * fields of the EventInfo object passed in by finding the first
-     * jsaction attribute above the target Node of the event, and below
-     * the container Node, that specifies a jsaction for the event
-     * type. If no such jsaction is found, then action is undefined.
-     *
-     * @param eventInfo `EventInfo` to set `action` and `actionElement` if an
-     *    action is found on any `Element` in the path of the `Event`.
-     */
-    private populateAction;
-    /**
-     * Accesses the jsaction map on a node and retrieves the name of the
-     * action the given event is mapped to, if any. It parses the
-     * attribute value and stores it in a property on the node for
-     * subsequent retrieval without re-parsing and re-accessing the
-     * attribute.
-     *
-     * @param actionElement The DOM node to retrieve the jsaction map from.
-     * @param eventInfo `EventInfo` to set `action` and `actionElement` if an
-     *    action is found on the `actionElement`.
-     */
-    private populateActionOnElement;
-    /**
-     * Parses and caches an element's jsaction element into a map.
-     *
-     * This is primarily for internal use.
-     *
-     * @param actionElement The DOM node to retrieve the jsaction map from.
-     * @return Map from event to qualified name of the jsaction bound to it.
-     */
-    private parseActions;
-    addA11yClickSupport(updateEventInfoForA11yClick: typeof a11yClick.updateEventInfoForA11yClick, preventDefaultForA11yClick: typeof a11yClick.preventDefaultForA11yClick, populateClickOnlyAction: typeof a11yClick.populateClickOnlyAction): void;
-}
+export declare const Attribute: {
+    JSACTION: string;
+    OI: string;
+    VED: string;
+    VET: string;
+    JSINSTANCE: string;
+    JSTRACK: string;
+};
 
 /**
  * Provides a factory function for bootstrapping an event contract on a
@@ -113,62 +74,8 @@ declare function createEventInfo({ eventType, event, targetElement, container, t
  */
 declare function createEventInfoFromParameters(eventType: string, event: Event, targetElement: Element, container: Element, timestamp: number, action?: ActionInfoInternal, isReplay?: boolean, a11yClickKey?: boolean): EventInfo;
 
-/**
- * Receives a DOM event, determines the jsaction associated with the source
- * element of the DOM event, and invokes the handler associated with the
- * jsaction.
- */
-export declare class Dispatcher {
-    private readonly dispatchDelegate;
-    private actionResolver?;
-    /** The replayer function to be called when there are queued events. */
-    private eventReplayer;
-    /** Whether the event replay is scheduled. */
-    private eventReplayScheduled;
-    /** The queue of events. */
-    private readonly replayEventInfoWrappers;
-    /**
-     * Options are:
-     *   - `eventReplayer`: When the event contract dispatches replay events
-     *      to the Dispatcher, the Dispatcher collects them and in the next tick
-     *      dispatches them to the `eventReplayer`. Defaults to dispatching to `dispatchDelegate`.
-     * @param dispatchDelegate A function that should handle dispatching an `EventInfoWrapper` to handlers.
-     */
-    constructor(dispatchDelegate: (eventInfoWrapper: EventInfoWrapper) => void, { actionResolver, eventReplayer, }?: {
-        actionResolver?: ActionResolver;
-        eventReplayer?: Replayer;
-    });
-    /**
-     * Receives an event or the event queue from the EventContract. The event
-     * queue is copied and it attempts to replay.
-     * If event info is passed in it looks for an action handler that can handle
-     * the given event.  If there is no handler registered queues the event and
-     * checks if a loader is registered for the given namespace. If so, calls it.
-     *
-     * Alternatively, if in global dispatch mode, calls all registered global
-     * handlers for the appropriate event type.
-     *
-     * The three functionalities of this call are deliberately not split into
-     * three methods (and then declared as an abstract interface), because the
-     * interface is used by EventContract, which lives in a different jsbinary.
-     * Therefore the interface between the three is defined entirely in terms that
-     * are invariant under jscompiler processing (Function and Array, as opposed
-     * to a custom type with method names).
-     *
-     * @param eventInfo The info for the event that triggered this call or the
-     *     queue of events from EventContract.
-     */
-    dispatch(eventInfo: EventInfo): void;
-    /**
-     * Schedules an `EventInfoWrapper` for replay. The replaying will happen in its own
-     * stack once the current flow cedes control. This is done to mimic
-     * browser event handling.
-     */
-    private scheduleEventInfoWrapperReplay;
-}
-
 /** A function that is called to handle events captured by the EventContract. */
-declare type Dispatcher_2 = (eventInfo: eventInfoLib.EventInfo, globalDispatch?: boolean) => void;
+declare type Dispatcher = (eventInfo: eventInfoLib.EventInfo, globalDispatch?: boolean) => void;
 
 /**
  * Defines the early jsaction data types.
@@ -234,7 +141,7 @@ export declare class EventContract implements UnrenamedEventContract {
     private queuedEventInfos;
     /** Whether to add an a11y click listener. */
     private addA11yClickListener;
-    ecaacs?: (updateEventInfoForA11yClick: typeof a11yClick.updateEventInfoForA11yClick, preventDefaultForA11yClick: typeof a11yClick.preventDefaultForA11yClick, populateClickOnlyAction: typeof a11yClick.populateClickOnlyAction) => void;
+    ecaacs?: (updateEventInfoForA11yClick: typeof a11yClickLib.updateEventInfoForA11yClick, preventDefaultForA11yClick: typeof a11yClickLib.preventDefaultForA11yClick, populateClickOnlyAction: typeof a11yClickLib.populateClickOnlyAction) => void;
     constructor(containerManager: EventContractContainerManager, useActionResolver?: boolean);
     private handleEvent;
     /**
@@ -285,13 +192,13 @@ export declare class EventContract implements UnrenamedEventContract {
      * @param dispatcher The dispatcher function.
      * @param restriction
      */
-    registerDispatcher(dispatcher: Dispatcher_2, restriction: Restriction): void;
+    registerDispatcher(dispatcher: Dispatcher, restriction: Restriction): void;
     /**
      * Unrenamed alias for registerDispatcher. Necessary for any codebases that
      * split the `EventContract` and `Dispatcher` code into different compilation
      * units.
      */
-    ecrd(dispatcher: Dispatcher_2, restriction: Restriction): void;
+    ecrd(dispatcher: Dispatcher, restriction: Restriction): void;
     /**
      * Adds a11y click support to the given `EventContract`. Meant to be called in
      * the same compilation unit as the `EventContract`.
@@ -353,6 +260,23 @@ export declare type EventContractTracker<T> = {
     };
 };
 
+/**
+ * A dispatcher that uses browser-based `Event` semantics, for example bubbling, `stopPropagation`,
+ * `currentTarget`, etc.
+ */
+export declare class EventDispatcher {
+    private readonly dispatchDelegate;
+    private readonly actionResolver;
+    private readonly dispatcher;
+    constructor(dispatchDelegate: (event: Event, actionName: string) => void);
+    /**
+     * The entrypoint for the `EventContract` dispatch.
+     */
+    dispatch(eventInfo: EventInfo): void;
+    /** Internal method that does basic disaptching. */
+    private dispatchToDelegate;
+}
+
 /**
  * A function that handles an event dispatched from the browser.
  *
@@ -469,6 +393,11 @@ export declare class EventInfoWrapper {
     clone(): EventInfoWrapper;
 }
 
+/** Extra event phases beyond what the browser provides. */
+export declare const EventPhase: {
+    REPLAY: number;
+};
+
 /** Added for readability when accessing stable property names. */
 declare function getA11yClickKey(eventInfo: EventInfo): boolean | undefined;
 
@@ -502,6 +431,62 @@ declare function getTargetElement(eventInfo: EventInfo): Element;
 /** Added for readability when accessing stable property names. */
 declare function getTimestamp(eventInfo: EventInfo): number;
 
+/**
+ *
+ * Decides whether or not an event type is an event that only has a capture phase.
+ *
+ * @param eventType
+ * @returns bool
+ */
+export declare const isCaptureEvent: (eventType: string) => boolean;
+
+/**
+ * Detects whether a given event type is supported by JSAction.
+ */
+export declare const isSupportedEvent: (eventType: string) => boolean;
+
+/**
+ * The jsaction attribute defines a mapping of a DOM event to a
+ * generic event (aka jsaction), to which the actual event handlers
+ * that implement the behavior of the application are bound. The
+ * value is a semicolon separated list of colon separated pairs of
+ * an optional DOM event name and a jsaction name. If the optional
+ * DOM event name is omitted, 'click' is assumed. The jsaction names
+ * are dot separated pairs of a namespace and a simple jsaction
+ * name.
+ *
+ * See grammar in README.md for expected syntax in the attribute value.
+ */
+export declare const JSACTION = "jsaction";
+
+/**
+ * Support for iteration on reprocessing.
+ *
+ * Used by ActionFlow.
+ */
+export declare const JSINSTANCE = "jsinstance";
+
+/**
+ * All click jsactions that happen on the element that carries this
+ * attribute or its descendants are automatically logged.
+ * Impressions of jsactions on these elements are tracked too, if
+ * requested by the impression() method of ActionFlow.
+ *
+ * Used by ActionFlow.
+ */
+export declare const JSTRACK = "jstrack";
+
+/**
+ * The oi attribute is a log impression tag for impression logging
+ * and action tracking. For an element that carries a jsaction
+ * attribute, the element is identified for the purpose of
+ * impression logging and click tracking by the dot separated path
+ * of all oi attributes in the chain of ancestors of the element.
+ *
+ * Used by ActionFlow.
+ */
+export declare const OI = "oi";
+
 /**
  * Sets the `action` to `clickonly` for a click event that is not an a11y click
  * and if there is not already a click action.
@@ -520,13 +505,7 @@ declare function preventDefaultForA11yClick(eventInfo: eventInfoLib.EventInfo):
  * Registers deferred functionality for an EventContract and a Jsaction
  * Dispatcher.
  */
-export declare function registerDispatcher(eventContract: UnrenamedEventContract, dispatcher: Dispatcher): void;
-
-/**
- * A replayer is a function that is called when there are queued events,
- * either from the `EventContract` or when there are no detected handlers.
- */
-declare type Replayer = (eventInfoWrappers: EventInfoWrapper[]) => void;
+export declare function registerDispatcher(eventContract: UnrenamedEventContract, dispatcher: EventDispatcher): void;
 
 
 /**
@@ -567,8 +546,8 @@ declare function setTimestamp(eventInfo: EventInfo, timestamp: number): void;
  * The API of an EventContract that is safe to call from any compilation unit.
  */
 declare interface UnrenamedEventContract {
-    ecrd(dispatcher: Dispatcher_2, restriction: Restriction): void;
-    ecaacs?: (updateEventInfoForA11yClick: typeof a11yClick.updateEventInfoForA11yClick, preventDefaultForA11yClick: typeof a11yClick.preventDefaultForA11yClick, populateClickOnlyAction: typeof a11yClick.populateClickOnlyAction) => void;
+    ecrd(dispatcher: Dispatcher, restriction: Restriction): void;
+    ecaacs?: (updateEventInfoForA11yClick: typeof a11yClickLib.updateEventInfoForA11yClick, preventDefaultForA11yClick: typeof a11yClickLib.preventDefaultForA11yClick, populateClickOnlyAction: typeof a11yClickLib.populateClickOnlyAction) => void;
 }
 
 /** Added for readability when accessing stable property names. */
@@ -580,4 +559,18 @@ declare function unsetAction(eventInfo: EventInfo): void;
  */
 declare function updateEventInfoForA11yClick(eventInfo: eventInfoLib.EventInfo): void;
 
+/**
+ * The ved attribute is an encoded ClickTrackingCGI proto to track
+ * visual elements.
+ *
+ * Used by ActionFlow.
+ */
+export declare const VED = "ved";
+
+/**
+ * The vet attribute is the visual element type used to identify tracked
+ * visual elements.
+ */
+export declare const VET = "vet";
+
 export { }

package/primitives/signals/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v18.0.0
+ * @license Angular v18.0.2
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */

package/rxjs-interop/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v18.0.0
+ * @license Angular v18.0.2
  * (c) 2010-2024 Google LLC. https://angular.io/
  * License: MIT
  */

package/schematics/migrations/http-providers/bundle.js

@@ -60,7 +60,7 @@ var __async = (__this, __arguments, generator) => {
   });
 };
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/migrations/http-providers/index.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/migrations/http-providers/index.mjs
 var http_providers_exports = {};
 __export(http_providers_exports, {
   default: () => http_providers_default
@@ -69,7 +69,7 @@ module.exports = __toCommonJS(http_providers_exports);
 var import_schematics = require("@angular-devkit/schematics");
 var import_path3 = require("path");
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/project_tsconfig_paths.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/project_tsconfig_paths.mjs
 var import_core = require("@angular-devkit/core");
 function getProjectTsConfigPaths(tree) {
   return __async(this, null, function* () {
@@ -149,11 +149,11 @@ function getWorkspace(tree) {
   });
 }
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/typescript/compiler_host.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/typescript/compiler_host.mjs
 var import_path = require("path");
 var import_typescript2 = __toESM(require("typescript"), 1);
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/typescript/parse_tsconfig.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/typescript/parse_tsconfig.mjs
 var path = __toESM(require("path"), 1);
 var import_typescript = __toESM(require("typescript"), 1);
 function parseTsconfigFile(tsconfigPath, basePath) {
@@ -170,7 +170,7 @@ function parseTsconfigFile(tsconfigPath, basePath) {
   return import_typescript.default.parseJsonConfigFileContent(config, parseConfigHost, basePath, {});
 }
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/typescript/compiler_host.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/typescript/compiler_host.mjs
 function createMigrationProgram(tree, tsconfigPath, basePath, fakeFileRead, additionalFiles) {
   const { rootNames, options, host } = createProgramOptions(tree, tsconfigPath, basePath, fakeFileRead, additionalFiles);
   return import_typescript2.default.createProgram(rootNames, options, host);
@@ -203,13 +203,13 @@ function canMigrateFile(basePath, sourceFile, program) {
   return !(0, import_path.relative)(basePath, sourceFile.fileName).startsWith("..");
 }
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/migrations/http-providers/utils.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/migrations/http-providers/utils.mjs
 var import_typescript7 = __toESM(require("typescript"), 1);
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/change_tracker.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/change_tracker.mjs
 var import_typescript4 = __toESM(require("typescript"), 1);
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/import_manager.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/import_manager.mjs
 var import_path2 = require("path");
 var import_typescript3 = __toESM(require("typescript"), 1);
 var ImportManager = class {
@@ -393,7 +393,7 @@ ${text}`;
   }
 };
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/change_tracker.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/change_tracker.mjs
 var ChangeTracker = class {
   constructor(_printer, _importRemapper) {
     __publicField(this, "_printer");
@@ -456,10 +456,10 @@ function normalizePath(path2) {
   return path2.replace(/\\/g, "/");
 }
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/typescript/decorators.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/typescript/decorators.mjs
 var import_typescript6 = __toESM(require("typescript"), 1);
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/typescript/imports.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/typescript/imports.mjs
 var import_typescript5 = __toESM(require("typescript"), 1);
 function getImportOfIdentifier(typeChecker, node) {
   const symbol = typeChecker.getSymbolAtLocation(node);
@@ -519,7 +519,7 @@ function findImportSpecifier(nodes, specifierName) {
   });
 }
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/typescript/decorators.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/typescript/decorators.mjs
 function getCallDecoratorImport(typeChecker, decorator) {
   if (!import_typescript6.default.isCallExpression(decorator.expression) || !import_typescript6.default.isIdentifier(decorator.expression.expression)) {
     return null;
@@ -528,7 +528,7 @@ function getCallDecoratorImport(typeChecker, decorator) {
   return getImportOfIdentifier(typeChecker, identifier);
 }
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/utils/ng_decorators.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/utils/ng_decorators.mjs
 function getAngularDecorators(typeChecker, decorators) {
   return decorators.map((node) => ({ node, importData: getCallDecoratorImport(typeChecker, node) })).filter(({ importData }) => importData && importData.importModule.startsWith("@angular/")).map(({ node, importData }) => ({
     node,
@@ -538,7 +538,7 @@ function getAngularDecorators(typeChecker, decorators) {
   }));
 }
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/migrations/http-providers/utils.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/migrations/http-providers/utils.mjs
 var HTTP_CLIENT_MODULE = "HttpClientModule";
 var HTTP_CLIENT_XSRF_MODULE = "HttpClientXsrfModule";
 var HTTP_CLIENT_JSONP_MODULE = "HttpClientJsonpModule";
@@ -571,7 +571,7 @@ function migrateFile(sourceFile, typeChecker, rewriteFn) {
     if (import_typescript7.default.isClassDeclaration(node)) {
       const decorators = getAngularDecorators(typeChecker, import_typescript7.default.getDecorators(node) || []);
       decorators.forEach((decorator) => {
-        migrateDecorator(decorator, commonHttpIdentifiers, commonHttpTestingIdentifiers, addedImports, changeTracker);
+        migrateDecorator(decorator, commonHttpIdentifiers, commonHttpTestingIdentifiers, addedImports, changeTracker, sourceFile);
       });
     }
     migrateTestingModuleImports(node, commonHttpIdentifiers, commonHttpTestingIdentifiers, addedImports, changeTracker);
@@ -610,7 +610,7 @@ function migrateFile(sourceFile, typeChecker, rewriteFn) {
     }
   }
 }
-function migrateDecorator(decorator, commonHttpIdentifiers, commonHttpTestingIdentifiers, addedImports, changeTracker) {
+function migrateDecorator(decorator, commonHttpIdentifiers, commonHttpTestingIdentifiers, addedImports, changeTracker, sourceFile) {
   var _a;
   if (decorator.name !== "NgModule" && decorator.name !== "Component" || decorator.node.expression.arguments.length < 1) {
     return;
@@ -627,6 +627,14 @@ function migrateDecorator(decorator, commonHttpIdentifiers, commonHttpTestingIde
   if (!importedModules) {
     return;
   }
+  const isComponent = decorator.name === "Component";
+  if (isComponent && importedModules.client) {
+    const httpClientModuleIdentifier = importedModules.client;
+    const commentText = "\n// TODO: `HttpClientModule` should not be imported into a component directly.\n// Please refactor the code to add `provideHttpClient()` call to the provider list in the\n// application bootstrap logic and remove the `HttpClientModule` import from this component.\n";
+    import_typescript7.default.addSyntheticLeadingComment(httpClientModuleIdentifier, import_typescript7.default.SyntaxKind.SingleLineCommentTrivia, commentText, true);
+    changeTracker.insertText(sourceFile, httpClientModuleIdentifier.getStart(), commentText);
+    return;
+  }
   const addedProviders = /* @__PURE__ */ new Set();
   const commonHttpAddedImports = addedImports.get(COMMON_HTTP);
   commonHttpAddedImports == null ? void 0 : commonHttpAddedImports.add(PROVIDE_HTTP_CLIENT);
@@ -818,7 +826,7 @@ function updateTestBedConfiguration(configureTestingModuleArgs, newImports, newP
   ]);
 }
 
-// bazel-out/darwin_arm64-fastbuild/bin/packages/core/schematics/migrations/http-providers/index.mjs
+// bazel-out/k8-fastbuild/bin/packages/core/schematics/migrations/http-providers/index.mjs
 function http_providers_default() {
   return (tree) => __async(this, null, function* () {
     const { buildPaths, testPaths } = yield getProjectTsConfigPaths(tree);