@angular/core 16.0.0-next.1 → 16.0.0-next.3

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.0-next.1
+ * @license Angular v16.0.0-next.3
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */
@@ -187,13 +187,32 @@ export declare const ANIMATION_MODULE_TYPE: InjectionToken<"NoopAnimations" | "B
 export declare const APP_BOOTSTRAP_LISTENER: InjectionToken<((compRef: ComponentRef<any>) => void)[]>;
 
 /**
- * A [DI token](guide/glossary#di-token "DI token definition") representing a unique string ID, used
+ * A [DI token](guide/glossary#di-token "DI token definition") representing a string ID, used
  * primarily for prefixing application attributes and CSS styles when
  * {@link ViewEncapsulation#Emulated ViewEncapsulation.Emulated} is being used.
  *
- * BY default, the value is randomly generated and assigned to the application by Angular.
- * To provide a custom ID value, use a DI provider <!-- TODO: provider --> to configure
- * the root {@link Injector} that uses this token.
+ * The token is needed in cases when multiple applications are bootstrapped on a page
+ * (for example, using `bootstrapApplication` calls). In this case, ensure that those applications
+ * have different `APP_ID` value setup. For example:
+ *
+ * ```
+ * bootstrapApplication(ComponentA, {
+ *   providers: [
+ *     { provide: APP_ID, useValue: 'app-a' },
+ *     // ... other providers ...
+ *   ]
+ * });
+ *
+ * bootstrapApplication(ComponentB, {
+ *   providers: [
+ *     { provide: APP_ID, useValue: 'app-b' },
+ *     // ... other providers ...
+ *   ]
+ * });
+ * ```
+ *
+ * By default, when there is only one application bootstrapped, you don't need to provide the
+ * `APP_ID` token (the `ng` will be used as an app ID).
  *
  * @publicApi
  */
@@ -271,7 +290,17 @@ export declare const APP_ID: InjectionToken<string>;
  */
 export declare const APP_INITIALIZER: InjectionToken<readonly (() => Observable<unknown> | Promise<unknown> | void)[]>;
 
-declare function _appIdRandomProviderFactory(): string;
+/**
+ * Set of config options available during the application bootstrap operation.
+ *
+ * @publicApi
+ */
+export declare interface ApplicationConfig {
+    /**
+     * List of providers that should be available to the root component and all its children.
+     */
+    providers: Array<Provider | EnvironmentProviders>;
+}
 
 /**
  * A class that reflects the state of running {@link APP_INITIALIZER} functions.
@@ -279,14 +308,13 @@ declare function _appIdRandomProviderFactory(): string;
  * @publicApi
  */
 export declare class ApplicationInitStatus {
-    private readonly appInits;
     private resolve;
     private reject;
     private initialized;
-    readonly donePromise: Promise<any>;
     readonly done = false;
-    constructor(appInits: ReadonlyArray<() => Observable<unknown> | Promise<unknown> | void>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<ApplicationInitStatus, [{ optional: true; }]>;
+    readonly donePromise: Promise<any>;
+    private readonly appInits;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ApplicationInitStatus, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<ApplicationInitStatus>;
 }
 
@@ -308,7 +336,6 @@ export declare class ApplicationModule {
  * A reference to an Angular application running on a page.
  *
  * @usageNotes
- *
  * {@a is-stable-examples}
  * ### isStable examples and caveats
  *
@@ -398,15 +425,10 @@ export declare class ApplicationModule {
  * @publicApi
  */
 export declare class ApplicationRef {
-    private _zone;
-    private _injector;
-    private _exceptionHandler;
-    private _views;
     private _runningTick;
-    private _stable;
-    private _onMicrotaskEmptySubscription;
     private _destroyed;
     private _destroyListeners;
+    private readonly internalErrorHandler;
     /**
      * Indicates whether this instance was destroyed.
      */
@@ -422,10 +444,9 @@ export declare class ApplicationRef {
     readonly components: ComponentRef<any>[];
     /**
      * Returns an Observable that indicates when the application is stable or unstable.
-     *
-     * @see  [Usage notes](#is-stable-examples) for examples and caveats when using this API.
      */
     readonly isStable: Observable<boolean>;
+    private readonly _injector;
     /**
      * The `EnvironmentInjector` used to create this application.
      */
@@ -1235,6 +1256,101 @@ declare interface ComponentDefFeature {
     ngInherit?: true;
 }
 
+declare interface ComponentDefinition<T> extends Omit<DirectiveDefinition<T>, 'features'> {
+    /**
+     * The number of nodes, local refs, and pipes in this component template.
+     *
+     * Used to calculate the length of this component's LView array, so we
+     * can pre-fill the array and set the binding start index.
+     */
+    decls: number;
+    /**
+     * The number of bindings in this component template (including pure fn bindings).
+     *
+     * Used to calculate the length of this component's LView array, so we
+     * can pre-fill the array and set the host binding start index.
+     */
+    vars: number;
+    /**
+     * Template function use for rendering DOM.
+     *
+     * This function has following structure.
+     *
+     * ```
+     * function Template<T>(ctx:T, creationMode: boolean) {
+     *   if (creationMode) {
+     *     // Contains creation mode instructions.
+     *   }
+     *   // Contains binding update instructions
+     * }
+     * ```
+     *
+     * Common instructions are:
+     * Creation mode instructions:
+     *  - `elementStart`, `elementEnd`
+     *  - `text`
+     *  - `container`
+     *  - `listener`
+     *
+     * Binding update instructions:
+     * - `bind`
+     * - `elementAttribute`
+     * - `elementProperty`
+     * - `elementClass`
+     * - `elementStyle`
+     *
+     */
+    template: ComponentTemplate<T>;
+    /**
+     * Constants for the nodes in the component's view.
+     * Includes attribute arrays, local definition arrays etc.
+     */
+    consts?: TConstantsOrFactory;
+    /**
+     * An array of `ngContent[selector]` values that were found in the template.
+     */
+    ngContentSelectors?: string[];
+    /**
+     * A list of optional features to apply.
+     *
+     * See: {@link NgOnChangesFeature}, {@link ProvidersFeature}
+     */
+    features?: ComponentDefFeature[];
+    /**
+     * Defines template and style encapsulation options available for Component's {@link Component}.
+     */
+    encapsulation?: ViewEncapsulation;
+    /**
+     * Defines arbitrary developer-defined data to be stored on a renderer instance.
+     * This is useful for renderers that delegate to other renderers.
+     *
+     * see: animation
+     */
+    data?: {
+        [kind: string]: any;
+    };
+    /**
+     * A set of styles that the component needs to be present for component to render correctly.
+     */
+    styles?: string[];
+    /**
+     * The strategy that the default change detector uses to detect changes.
+     * When set, takes effect the next time change detection is triggered.
+     */
+    changeDetection?: ChangeDetectionStrategy;
+    /**
+     * Registry of directives, components, and pipes that may be found in this component's view.
+     *
+     * This property is either an array of types or a function that returns the array of types. This
+     * function may be necessary to support forward declarations.
+     */
+    dependencies?: TypeOrFactory<DependencyTypeList>;
+    /**
+     * The set of schemas that declare elements to be allowed in the component's template.
+     */
+    schemas?: SchemaMetadata[] | null;
+}
+
 /**
  * Base class for a factory that can create a component dynamically.
  * Instantiate a factory for a given type of component with `resolveComponentFactory()`.
@@ -1544,6 +1660,8 @@ declare type ConsumerId = number & {
     __consumer: true;
 };
 
+declare const CONTAINERS = "c";
+
 /**
  * Type of the ContentChild metadata.
  *
@@ -2174,6 +2292,44 @@ export declare class DefaultIterableDiffer<V> implements IterableDiffer<V>, Iter
  */
 export declare const defineInjectable: typeof ɵɵdefineInjectable;
 
+declare const DEHYDRATED_VIEWS = 10;
+
+/**
+ * An object that contains hydration-related information serialized
+ * on the server, as well as the necessary references to segments of
+ * the DOM, to facilitate the hydration process for a given view
+ * inside a view container (either an embedded view or a view created
+ * for a component).
+ */
+declare interface DehydratedContainerView extends DehydratedView {
+    data: Readonly<SerializedContainerView>;
+}
+
+/**
+ * An object that contains hydration-related information serialized
+ * on the server, as well as the necessary references to segments of
+ * the DOM, to facilitate the hydration process for a given hydration
+ * boundary on the client.
+ */
+declare interface DehydratedView {
+    /**
+     * The readonly hydration annotation data.
+     */
+    data: Readonly<SerializedView>;
+    /**
+     * A reference to the first child in a DOM segment associated
+     * with a given hydration boundary.
+     */
+    firstChild: RNode | null;
+    /**
+     * Stores references to first nodes in DOM segments that
+     * represent either an <ng-container> or a view container.
+     */
+    segmentHeads?: {
+        [index: number]: RNode | null;
+    };
+}
+
 declare type DependencyTypeList = (ɵDirectiveType<any> | ɵComponentType<any> | PipeType<any> | Type<any>)[];
 
 /**
@@ -2562,125 +2718,260 @@ declare interface DirectiveDefFeature {
     ngInherit?: true;
 }
 
-declare type DirectiveDefList = (ɵDirectiveDef<any> | ɵComponentDef<any>)[];
-
-/**
- * Type used for directiveDefs on component definition.
- *
- * The function is necessary to be able to support forward declarations.
- */
-declare type DirectiveDefListOrFactory = (() => DirectiveDefList) | DirectiveDefList;
-
-/**
- * @description
- * Hook for manual bootstrapping of the application instead of using `bootstrap` array in @NgModule
- * annotation. This hook is invoked only when the `bootstrap` array is empty or not provided.
- *
- * Reference to the current application is provided as a parameter.
- *
- * See ["Bootstrapping"](guide/bootstrapping) and ["Entry components"](guide/entry-components).
- *
- * @usageNotes
- * The example below uses `ApplicationRef.bootstrap()` to render the
- * `AppComponent` on the page.
- *
- * ```typescript
- * class AppModule implements DoBootstrap {
- *   ngDoBootstrap(appRef: ApplicationRef) {
- *     appRef.bootstrap(AppComponent); // Or some other component
- *   }
- * }
- * ```
- *
- * @publicApi
- */
-export declare interface DoBootstrap {
-    ngDoBootstrap(appRef: ApplicationRef): void;
-}
-
-/**
- * A lifecycle hook that invokes a custom change-detection function for a directive,
- * in addition to the check performed by the default change-detector.
- *
- * The default change-detection algorithm looks for differences by comparing
- * bound-property values by reference across change detection runs. You can use this
- * hook to check for and respond to changes by some other means.
- *
- * When the default change detector detects changes, it invokes `ngOnChanges()` if supplied,
- * regardless of whether you perform additional change detection.
- * Typically, you should not use both `DoCheck` and `OnChanges` to respond to
- * changes on the same input.
- *
- * @see `OnChanges`
- * @see [Lifecycle hooks guide](guide/lifecycle-hooks)
- *
- * @usageNotes
- * The following snippet shows how a component can implement this interface
- * to invoke it own change-detection cycle.
- *
- * {@example core/ts/metadata/lifecycle_hooks_spec.ts region='DoCheck'}
- *
- * For a more complete example and discussion, see
- * [Defining custom change detection](guide/lifecycle-hooks#defining-custom-change-detection).
- *
- * @publicApi
- */
-export declare interface DoCheck {
-    /**
-     * A callback method that performs change-detection, invoked
-     * after the default change-detector runs.
-     * See `KeyValueDiffers` and `IterableDiffers` for implementing
-     * custom change checking for collections.
-     *
-     */
-    ngDoCheck(): void;
-}
-
-/**
- * A bidirectional edge in the producer-consumer dependency graph.
- */
-declare interface Edge {
-    /**
-     * Weakly held reference to the `Consumer` side of this edge.
-     */
-    readonly consumerRef: WeakRef<Consumer>;
+declare interface DirectiveDefinition<T> {
     /**
-     * Weakly held reference to the `Producer` side of this edge.
+     * Directive type, needed to configure the injector.
      */
-    readonly producerRef: WeakRef<Producer>;
+    type: Type<T>;
+    /** The selectors that will be used to match nodes to this directive. */
+    selectors?: ɵCssSelectorList;
     /**
-     * `trackingVersion` of the `Consumer` at which this dependency edge was last observed.
+     * A map of input names.
      *
-     * If this doesn't match the `Consumer`'s current `trackingVersion`, then this dependency record
-     * is stale, and needs to be cleaned up.
-     */
-    atTrackingVersion: number;
-    /**
-     * `valueVersion` of the `Producer` at the time this dependency was last accessed.
+     * The format is in: `{[actualPropertyName: string]:(string|[string, string])}`.
      *
-     * This is used by `consumerPollValueStatus` to determine whether a `Consumer`'s dependencies have
-     * semantically changed.
-     */
-    seenValueVersion: number;
-}
-
-/**
- * A global reactive effect, which can be manually scheduled or destroyed.
- *
- * @developerPreview
- */
-export declare interface Effect {
-    /**
-     * Schedule the effect for manual execution, if it's not already.
-     */
-    schedule(): void;
-    /**
-     * Shut down the effect, removing it from any upcoming scheduled executions.
-     */
-    destroy(): void;
-    /**
-     * Direct access to the effect's `Consumer` for advanced use cases.
-     */
+     * Given:
+     * ```
+     * class MyComponent {
+     *   @Input()
+     *   publicInput1: string;
+     *
+     *   @Input('publicInput2')
+     *   declaredInput2: string;
+     * }
+     * ```
+     *
+     * is described as:
+     * ```
+     * {
+     *   publicInput1: 'publicInput1',
+     *   declaredInput2: ['declaredInput2', 'publicInput2'],
+     * }
+     * ```
+     *
+     * Which the minifier may translate to:
+     * ```
+     * {
+     *   minifiedPublicInput1: 'publicInput1',
+     *   minifiedDeclaredInput2: [ 'publicInput2', 'declaredInput2'],
+     * }
+     * ```
+     *
+     * This allows the render to re-construct the minified, public, and declared names
+     * of properties.
+     *
+     * NOTE:
+     *  - Because declared and public name are usually same we only generate the array
+     *    `['declared', 'public']` format when they differ.
+     *  - The reason why this API and `outputs` API is not the same is that `NgOnChanges` has
+     *    inconsistent behavior in that it uses declared names rather than minified or public. For
+     *    this reason `NgOnChanges` will be deprecated and removed in future version and this
+     *    API will be simplified to be consistent with `output`.
+     */
+    inputs?: {
+        [P in keyof T]?: string | [string, string];
+    };
+    /**
+     * A map of output names.
+     *
+     * The format is in: `{[actualPropertyName: string]:string}`.
+     *
+     * Which the minifier may translate to: `{[minifiedPropertyName: string]:string}`.
+     *
+     * This allows the render to re-construct the minified and non-minified names
+     * of properties.
+     */
+    outputs?: {
+        [P in keyof T]?: string;
+    };
+    /**
+     * A list of optional features to apply.
+     *
+     * See: {@link NgOnChangesFeature}, {@link ProvidersFeature}, {@link InheritDefinitionFeature}
+     */
+    features?: DirectiveDefFeature[];
+    /**
+     * Function executed by the parent template to allow child directive to apply host bindings.
+     */
+    hostBindings?: HostBindingsFunction<T>;
+    /**
+     * The number of bindings in this directive `hostBindings` (including pure fn bindings).
+     *
+     * Used to calculate the length of the component's LView array, so we
+     * can pre-fill the array and set the host binding start index.
+     */
+    hostVars?: number;
+    /**
+     * Assign static attribute values to a host element.
+     *
+     * This property will assign static attribute values as well as class and style
+     * values to a host element. Since attribute values can consist of different types of values,
+     * the `hostAttrs` array must include the values in the following format:
+     *
+     * attrs = [
+     *   // static attributes (like `title`, `name`, `id`...)
+     *   attr1, value1, attr2, value,
+     *
+     *   // a single namespace value (like `x:id`)
+     *   NAMESPACE_MARKER, namespaceUri1, name1, value1,
+     *
+     *   // another single namespace value (like `x:name`)
+     *   NAMESPACE_MARKER, namespaceUri2, name2, value2,
+     *
+     *   // a series of CSS classes that will be applied to the element (no spaces)
+     *   CLASSES_MARKER, class1, class2, class3,
+     *
+     *   // a series of CSS styles (property + value) that will be applied to the element
+     *   STYLES_MARKER, prop1, value1, prop2, value2
+     * ]
+     *
+     * All non-class and non-style attributes must be defined at the start of the list
+     * first before all class and style values are set. When there is a change in value
+     * type (like when classes and styles are introduced) a marker must be used to separate
+     * the entries. The marker values themselves are set via entries found in the
+     * [AttributeMarker] enum.
+     */
+    hostAttrs?: TAttributes;
+    /**
+     * Function to create instances of content queries associated with a given directive.
+     */
+    contentQueries?: ContentQueriesFunction<T>;
+    /**
+     * Additional set of instructions specific to view query processing. This could be seen as a
+     * set of instructions to be inserted into the template function.
+     */
+    viewQuery?: ViewQueriesFunction<T> | null;
+    /**
+     * Defines the name that can be used in the template to assign this directive to a variable.
+     *
+     * See: {@link Directive.exportAs}
+     */
+    exportAs?: string[];
+    /**
+     * Whether this directive/component is standalone.
+     */
+    standalone?: boolean;
+}
+
+declare type DirectiveDefList = (ɵDirectiveDef<any> | ɵComponentDef<any>)[];
+
+/**
+ * Type used for directiveDefs on component definition.
+ *
+ * The function is necessary to be able to support forward declarations.
+ */
+declare type DirectiveDefListOrFactory = (() => DirectiveDefList) | DirectiveDefList;
+
+/**
+ * @description
+ * Hook for manual bootstrapping of the application instead of using `bootstrap` array in @NgModule
+ * annotation. This hook is invoked only when the `bootstrap` array is empty or not provided.
+ *
+ * Reference to the current application is provided as a parameter.
+ *
+ * See ["Bootstrapping"](guide/bootstrapping) and ["Entry components"](guide/entry-components).
+ *
+ * @usageNotes
+ * The example below uses `ApplicationRef.bootstrap()` to render the
+ * `AppComponent` on the page.
+ *
+ * ```typescript
+ * class AppModule implements DoBootstrap {
+ *   ngDoBootstrap(appRef: ApplicationRef) {
+ *     appRef.bootstrap(AppComponent); // Or some other component
+ *   }
+ * }
+ * ```
+ *
+ * @publicApi
+ */
+export declare interface DoBootstrap {
+    ngDoBootstrap(appRef: ApplicationRef): void;
+}
+
+/**
+ * A lifecycle hook that invokes a custom change-detection function for a directive,
+ * in addition to the check performed by the default change-detector.
+ *
+ * The default change-detection algorithm looks for differences by comparing
+ * bound-property values by reference across change detection runs. You can use this
+ * hook to check for and respond to changes by some other means.
+ *
+ * When the default change detector detects changes, it invokes `ngOnChanges()` if supplied,
+ * regardless of whether you perform additional change detection.
+ * Typically, you should not use both `DoCheck` and `OnChanges` to respond to
+ * changes on the same input.
+ *
+ * @see `OnChanges`
+ * @see [Lifecycle hooks guide](guide/lifecycle-hooks)
+ *
+ * @usageNotes
+ * The following snippet shows how a component can implement this interface
+ * to invoke it own change-detection cycle.
+ *
+ * {@example core/ts/metadata/lifecycle_hooks_spec.ts region='DoCheck'}
+ *
+ * For a more complete example and discussion, see
+ * [Defining custom change detection](guide/lifecycle-hooks#defining-custom-change-detection).
+ *
+ * @publicApi
+ */
+export declare interface DoCheck {
+    /**
+     * A callback method that performs change-detection, invoked
+     * after the default change-detector runs.
+     * See `KeyValueDiffers` and `IterableDiffers` for implementing
+     * custom change checking for collections.
+     *
+     */
+    ngDoCheck(): void;
+}
+
+/**
+ * A bidirectional edge in the producer-consumer dependency graph.
+ */
+declare interface Edge {
+    /**
+     * Weakly held reference to the `Consumer` side of this edge.
+     */
+    readonly consumerRef: WeakRef<Consumer>;
+    /**
+     * Weakly held reference to the `Producer` side of this edge.
+     */
+    readonly producerRef: WeakRef<Producer>;
+    /**
+     * `trackingVersion` of the `Consumer` at which this dependency edge was last observed.
+     *
+     * If this doesn't match the `Consumer`'s current `trackingVersion`, then this dependency record
+     * is stale, and needs to be cleaned up.
+     */
+    atTrackingVersion: number;
+    /**
+     * `valueVersion` of the `Producer` at the time this dependency was last accessed.
+     *
+     * This is used by `consumerPollValueStatus` to determine whether a `Consumer`'s dependencies have
+     * semantically changed.
+     */
+    seenValueVersion: number;
+}
+
+/**
+ * A global reactive effect, which can be manually scheduled or destroyed.
+ *
+ * @developerPreview
+ */
+export declare interface Effect {
+    /**
+     * Schedule the effect for manual execution, if it's not already.
+     */
+    schedule(): void;
+    /**
+     * Shut down the effect, removing it from any upcoming scheduled executions.
+     */
+    destroy(): void;
+    /**
+     * Direct access to the effect's `Consumer` for advanced use cases.
+     */
     readonly consumer: Consumer;
 }
 
@@ -2691,6 +2982,12 @@ export declare interface Effect {
  */
 export declare function effect(effectFn: () => void): Effect;
 
+/**
+ * Keys within serialized view data structure to represent various
+ * parts. See the `SerializedView` interface below for additional information.
+ */
+declare const ELEMENT_CONTAINERS = "e";
+
 /**
  * Marks that the next string is an element name.
  *
@@ -2876,6 +3173,7 @@ export declare abstract class EnvironmentInjector implements Injector {
      *
      * @param fn the closure to be run in the context of this injector
      * @returns the return value of the function, if any
+     * @deprecated use the standalone function `runInInjectionContext` instead
      */
     abstract runInContext<ReturnT>(fn: () => ReturnT): ReturnT;
     abstract destroy(): void;
@@ -3548,6 +3846,8 @@ export declare interface HostListenerDecorator {
     new (eventName: string, args?: string[]): any;
 }
 
+declare const HYDRATION = 23;
+
 declare namespace i0 {
     export {
         ɵɵinject,
@@ -4754,7 +5054,7 @@ declare interface LContainer extends Array<any> {
      */
     [T_HOST]: TNode;
     /** The comment element that serves as an anchor for this LContainer. */
-    readonly [NATIVE]: RComment;
+    [NATIVE]: RComment;
     /**
      * Array of `ViewRef`s used by any `ViewContainerRef`s that point to this container.
      *
@@ -4764,6 +5064,17 @@ declare interface LContainer extends Array<any> {
      * doing so creates circular dependency.
      */
     [VIEW_REFS]: unknown[] | null;
+    /**
+     * Array of dehydrated views within this container.
+     *
+     * This information is used during the hydration process on the client.
+     * The hydration logic tries to find a matching dehydrated view, "claim" it
+     * and use this information to do further matching. After that, this "claimed"
+     * view is removed from the list. The remaining "unclaimed" views are
+     * "garbage-collected" later on, i.e. removed from the DOM once the hydration
+     * logic finishes.
+     */
+    [DEHYDRATED_VIEWS]: DehydratedContainerView[] | null;
 }
 
 /**
@@ -5087,6 +5398,10 @@ declare interface LView<T = unknown> extends Array<any> {
     [TRANSPLANTED_VIEWS_TO_REFRESH]: number;
     /** Unique ID of the view. Used for `__ngContext__` lookups in the `LView` registry. */
     [ID]: number;
+    /**
+     * A container related to hydration annotation information that's associated with this LView.
+     */
+    [HYDRATION]: DehydratedView | null;
     /**
      * Optional injector assigned to embedded views that takes
      * precedence over the element and module injectors.
@@ -5153,6 +5468,16 @@ declare const enum LViewFlags {
  */
 export declare function makeEnvironmentProviders(providers: (Provider | EnvironmentProviders)[]): EnvironmentProviders;
 
+/**
+ * Merge multiple application configurations from left to right.
+ *
+ * @param configs Two or more configurations to be merged.
+ * @returns A merged [ApplicationConfig](api/core/ApplicationConfig).
+ *
+ * @publicApi
+ */
+export declare function mergeApplicationConfig(...configs: ApplicationConfig[]): ApplicationConfig;
+
 /**
  * Use this enum at bootstrap as an option of `bootstrapModule` to define the strategy
  * that the compiler should use in case of missing translations:
@@ -5213,6 +5538,12 @@ export declare interface ModuleWithProviders<T> {
 
 declare const MOVED_VIEWS = 9;
 
+declare type Mutable<T extends {
+    [x: string]: any;
+}, K extends string> = {
+    [P in K]: T[P];
+};
+
 declare const NATIVE = 7;
 
 declare const NEXT = 4;
@@ -5663,6 +5994,8 @@ export declare class NgZone {
  */
 export declare const NO_ERRORS_SCHEMA: SchemaMetadata;
 
+declare const NUM_ROOT_NODES = "r";
+
 declare const ON_DESTROY_HOOKS = 22;
 
 /**
@@ -6565,7 +6898,7 @@ declare class R3Injector extends EnvironmentInjector {
     runInContext<ReturnT>(fn: () => ReturnT): ReturnT;
     get<T>(token: ProviderToken<T>, notFoundValue?: any, flags?: InjectFlags | InjectOptions): T;
     toString(): string;
-    private assertNotDestroyed;
+    assertNotDestroyed(): void;
     /**
      * Process a `SingleProvider` and add it.
      */
@@ -6919,11 +7252,13 @@ export declare class ReflectiveKey {
  * listeners on Element.
  */
 declare interface RElement extends RNode {
+    firstChild: RNode | null;
     style: RCssStyleDeclaration;
     classList: RDomTokenList;
     className: string;
     tagName: string;
     textContent: string | null;
+    getAttribute(name: string): string | null;
     setAttribute(name: string, value: string | TrustedHTML | TrustedScript | TrustedScriptURL): void;
     removeAttribute(name: string): void;
     setAttributeNS(namespaceURI: string, qualifiedName: string, value: string | TrustedHTML | TrustedScript | TrustedScriptURL): void;
@@ -7348,6 +7683,20 @@ declare interface RText extends RNode {
     textContent: string | null;
 }
 
+/**
+ * Runs the given function in the context of the given `Injector`.
+ *
+ * Within the function's stack frame, `inject` can be used to inject dependencies from the given
+ * `Injector`. Note that `inject` is only usable synchronously, and cannot be used in any
+ * asynchronous callbacks or after any `await` points.
+ *
+ * @param injector the injector which will satisfy calls to `inject` while `fn` is executing
+ * @param fn the closure to be run in the context of `injector`
+ * @returns the return value of the function, if any
+ * @publicApi
+ */
+export declare function runInInjectionContext<ReturnT>(injector: Injector, fn: () => ReturnT): ReturnT;
+
 
 /**
  * The list of error codes used in runtime code of the `core` package.
@@ -7386,7 +7735,7 @@ declare const enum RuntimeErrorCode {
     HOST_DIRECTIVE_CONFLICTING_ALIAS = 312,
     MULTIPLE_PLATFORMS = 400,
     PLATFORM_NOT_FOUND = 401,
-    ERROR_HANDLER_NOT_FOUND = 402,
+    MISSING_REQUIRED_INJECTABLE_IN_BOOTSTRAP = 402,
     BOOTSTRAP_COMPONENTS_NOT_FOUND = -403,
     PLATFORM_ALREADY_DESTROYED = 404,
     ASYNC_INITIALIZERS_STILL_RUNNING = 405,
@@ -7517,6 +7866,65 @@ export declare interface SelfDecorator {
     new (): Self;
 }
 
+/**
+ * Serialized data structure that contains relevant hydration
+ * annotation information about a view that is a part of a
+ * ViewContainer collection.
+ */
+declare interface SerializedContainerView extends SerializedView {
+    /**
+     * Unique id that represents a TView that was used to create
+     * a given instance of a view:
+     *  - TViewType.Embedded: a unique id generated during serialization on the server
+     *  - TViewType.Component: an id generated based on component properties
+     *                        (see `getComponentId` function for details)
+     */
+    [TEMPLATE_ID]: string;
+    /**
+     * Number of root nodes that belong to this view.
+     * This information is needed to effectively traverse the DOM tree
+     * and identify segments that belong to different views.
+     */
+    [NUM_ROOT_NODES]: number;
+}
+
+/**
+ * Represents element containers within this view, stored as key-value pairs
+ * where key is an index of a container in an LView (also used in the
+ * `elementContainerStart` instruction), the value is the number of root nodes
+ * in this container. This information is needed to locate an anchor comment
+ * node that goes after all container nodes.
+ */
+declare interface SerializedElementContainers {
+    [key: number]: number;
+}
+
+/**
+ * Serialized data structure that contains relevant hydration
+ * annotation information that describes a given hydration boundary
+ * (e.g. a component).
+ */
+declare interface SerializedView {
+    /**
+     * Serialized information about <ng-container>s.
+     */
+    [ELEMENT_CONTAINERS]?: SerializedElementContainers;
+    /**
+     * Serialized information about templates.
+     * Key-value pairs where a key is an index of the corresponding
+     * `template` instruction and the value is a unique id that can
+     * be used during hydration to identify that template.
+     */
+    [TEMPLATES]?: Record<number, string>;
+    /**
+     * Serialized information about view containers.
+     * Key-value pairs where a key is an index of the corresponding
+     * LContainer entry within an LView, and the value is a list
+     * of serialized information about views within this container.
+     */
+    [CONTAINERS]?: Record<number, SerializedContainerView[]>;
+}
+
 /**
  * A `Signal` with a value that can be mutated via a setter interface.
  *
@@ -7761,7 +8169,7 @@ declare interface TContainerNode extends TNode {
      * - They are dynamically created
      */
     parent: TElementNode | TElementContainerNode | null;
-    tViews: TView | TView[] | null;
+    tView: TView | null;
     projection: null;
     value: null;
 }
@@ -7801,7 +8209,7 @@ declare interface TElementContainerNode extends TNode {
     index: number;
     child: TElementNode | TTextNode | TContainerNode | TElementContainerNode | TProjectionNode | null;
     parent: TElementNode | TElementContainerNode | null;
-    tViews: null;
+    tView: null;
     projection: null;
 }
 
@@ -7816,7 +8224,7 @@ declare interface TElementNode extends TNode {
      * retrieved using viewData[HOST_NODE]).
      */
     parent: TElementNode | TElementContainerNode | null;
-    tViews: null;
+    tView: null;
     /**
      * If this is a component TNode with projection, this will be an array of projected
      * TNodes or native nodes (see TNode.projection for more info). If it's a regular element node
@@ -7829,6 +8237,8 @@ declare interface TElementNode extends TNode {
     value: string;
 }
 
+declare const TEMPLATE_ID = "i";
+
 /**
  * Represents an embedded template that can be used to instantiate embedded views.
  * To instantiate embedded views based on a template, use the `ViewContainerRef`
@@ -7870,6 +8280,8 @@ export declare abstract class TemplateRef<C> {
     abstract createEmbeddedView(context: C, injector?: Injector): EmbeddedViewRef<C>;
 }
 
+declare const TEMPLATES = "t";
+
 /**
  * The Testability service provides testing hooks that can be accessed from
  * the browser.
@@ -8254,26 +8666,14 @@ declare interface TNode {
      */
     outputs: PropertyAliases | null;
     /**
-     * The TView or TViews attached to this node.
-     *
-     * If this TNode corresponds to an LContainer with inline views, the container will
-     * need to store separate static data for each of its view blocks (TView[]). Otherwise,
-     * nodes in inline views with the same index as nodes in their parent views will overwrite
-     * each other, as they are in the same template.
-     *
-     * Each index in this array corresponds to the static data for a certain
-     * view. So if you had V(0) and V(1) in a container, you might have:
-     *
-     * [
-     *   [{tagName: 'div', attrs: ...}, null],     // V(0) TView
-     *   [{tagName: 'button', attrs ...}, null]    // V(1) TView
+     * The TView attached to this node.
      *
      * If this TNode corresponds to an LContainer with a template (e.g. structural
      * directive), the template's TView will be stored here.
      *
-     * If this TNode corresponds to an element, tViews will be null .
+     * If this TNode corresponds to an element, tView will be `null`.
      */
-    tViews: TView | TView[] | null;
+    tView: TView | null;
     /**
      * The next sibling node. Necessary so we can propagate through the root nodes of a view
      * to insert them or remove them from the DOM.
@@ -8574,7 +8974,7 @@ declare interface TProjectionNode extends TNode {
      * retrieved using LView.node).
      */
     parent: TElementNode | TElementContainerNode | null;
-    tViews: null;
+    tView: null;
     /** Index of the projection node. (See TNode.projection for more info.) */
     projection: number;
     value: null;
@@ -8965,7 +9365,7 @@ declare interface TTextNode extends TNode {
      * retrieved using LView.node).
      */
     parent: TElementNode | TElementContainerNode | null;
-    tViews: null;
+    tView: null;
     projection: null;
 }
 
@@ -9196,6 +9596,13 @@ declare interface TView {
      * view. This means that the view is likely corrupted and we should try to recover it.
      */
     incompleteFirstPass: boolean;
+    /**
+     * Unique id of this TView for hydration purposes:
+     * - TViewType.Embedded: a unique id generated during serialization on the server
+     * - TViewType.Component: an id generated based on component properties
+     *                        (see `getComponentId` function for details)
+     */
+    ssrId: string | null;
 }
 
 /**
@@ -9817,14 +10224,13 @@ export declare function ɵallowSanitizationBypassAndThrow(value: any, type: ɵBy
 export declare function ɵallowSanitizationBypassAndThrow(value: any, type: ɵBypassType): boolean;
 
 /**
- * Providers that generate a random `APP_ID_TOKEN`.
- * @publicApi
+ * Annotates all components bootstrapped in a given ApplicationRef
+ * with info needed for hydration.
+ *
+ * @param appRef An instance of an ApplicationRef.
+ * @param doc A reference to the current Document instance.
  */
-export declare const ɵAPP_ID_RANDOM_PROVIDER: {
-    provide: InjectionToken<string>;
-    useFactory: typeof _appIdRandomProviderFactory;
-    deps: any[];
-};
+export declare function ɵannotateForHydration(appRef: ApplicationRef, doc: Document): void;
 
 /**
  * A set of marker values to be used in the attributes arrays. These markers indicate that some
@@ -10018,43 +10424,6 @@ export declare const enum ɵBypassType {
     Style = "Style"
 }
 
-/**
- * Defines the possible states of the default change detector.
- * @see `ChangeDetectorRef`
- */
-export declare enum ɵChangeDetectorStatus {
-    /**
-     * A state in which, after calling `detectChanges()`, the change detector
-     * state becomes `Checked`, and must be explicitly invoked or reactivated.
-     */
-    CheckOnce = 0,
-    /**
-     * A state in which change detection is skipped until the change detector mode
-     * becomes `CheckOnce`.
-     */
-    Checked = 1,
-    /**
-     * A state in which change detection continues automatically until explicitly
-     * deactivated.
-     */
-    CheckAlways = 2,
-    /**
-     * A state in which a change detector sub tree is not a part of the main tree and
-     * should be skipped.
-     */
-    Detached = 3,
-    /**
-     * Indicates that the change detector encountered an error checking a binding
-     * or calling a directive lifecycle method and is now in an inconsistent state. Change
-     * detectors in this state do not detect changes.
-     */
-    Errored = 4,
-    /**
-     * Indicates that the change detector has been destroyed.
-     */
-    Destroyed = 5
-}
-
 export declare function ɵclearResolutionOfComponentResourcesQueue(): Map<Type<any>, Component>;
 
 
@@ -10411,6 +10780,7 @@ export declare interface ɵDirectiveType<T> extends Type<T> {
     ɵfac: unknown;
 }
 
+
 export declare function ɵescapeTransferStateContent(text: string): string;
 
 /**
@@ -10444,7 +10814,12 @@ export declare function ɵflushModuleScopingQueueAsMuchAsPossible(): void;
  */
 export declare function ɵformatRuntimeError<T extends number = RuntimeErrorCode>(code: T, message: null | false | string): string;
 
-export declare function ɵgetDebugNodeR2(_nativeNode: any): DebugNode | null;
+/**
+ * The following getter methods retrieve the definition from the type. Currently the retrieval
+ * honors inheritance, but in the future we may change the rule to require that definitions are
+ * explicit. This would require some sort of migration strategy.
+ */
+export declare function ɵgetComponentDef<T>(type: any): ɵComponentDef<T> | null;
 
 /**
  * Retrieves directive instances associated with a given DOM node. Does not include
@@ -10589,38 +10964,21 @@ export declare interface ɵInternalEnvironmentProviders extends EnvironmentProvi
     ɵfromNgModule?: true;
 }
 
-export declare function ɵisBoundToModule<C>(cf: ComponentFactory<C>): boolean;
-
 /**
- * Reports whether a given strategy is currently the default for change detection.
- * @param changeDetectionStrategy The strategy to check.
- * @returns True if the given strategy is the current default, false otherwise.
- * @see `ChangeDetectorStatus`
- * @see `ChangeDetectorRef`
+ * Internal token that specifies whether hydration is enabled.
  */
-export declare function ɵisDefaultChangeDetectionStrategy(changeDetectionStrategy: ChangeDetectionStrategy): boolean;
+export declare const ɵIS_HYDRATION_FEATURE_ENABLED: InjectionToken<boolean>;
+
+export declare function ɵisBoundToModule<C>(cf: ComponentFactory<C>): boolean;
 
 export declare function ɵisEnvironmentProviders(value: Provider | EnvironmentProviders | ɵInternalEnvironmentProviders): value is ɵInternalEnvironmentProviders;
 
 export declare function ɵisInjectable(type: any): boolean;
 
-export declare function ɵisListLikeIterable(obj: any): boolean;
-
 export declare function ɵisNgModule<T>(value: Type<T>): value is Type<T> & {
     ɵmod: ɵNgModuleDef<T>;
 };
 
-/**
- * Determine if the argument is an Observable
- *
- * Strictly this tests that the `obj` is `Subscribable`, since `Observable`
- * types need additional methods, such as `lift()`. But it is adequate for our
- * needs since within the Angular framework code we only ever need to use the
- * `subscribe()` method, and RxJS has mechanisms to wrap `Subscribable` objects
- * into `Observable` as needed.
- */
-export declare const ɵisObservable: (obj: any | Observable<any>) => obj is Observable<any>;
-
 /**
  * Determine if the argument is shaped like a Promise
  */
@@ -10629,9 +10987,7 @@ export declare function ɵisPromise<T = any>(obj: any): obj is Promise<T>;
 /**
  * Determine if the argument is a Subscribable
  */
-export declare function ɵisSubscribable(obj: any | Subscribable<any>): obj is Subscribable<any>;
-
-export declare const ɵivyEnabled = true;
+export declare function ɵisSubscribable<T>(obj: any | Subscribable<T>): obj is Subscribable<T>;
 
 /**
  * The internal view context which is specific to a given DOM element, directive or
@@ -10856,9 +11212,9 @@ export declare const ɵNO_CHANGE: ɵNO_CHANGE;
  * to framework to perform rendering.
  */
 export declare class ɵNoopNgZone implements NgZone {
-    readonly hasPendingMicrotasks: boolean;
-    readonly hasPendingMacrotasks: boolean;
-    readonly isStable: boolean;
+    readonly hasPendingMicrotasks = false;
+    readonly hasPendingMacrotasks = false;
+    readonly isStable = true;
     readonly onUnstable: EventEmitter<any>;
     readonly onMicrotaskEmpty: EventEmitter<any>;
     readonly onStable: EventEmitter<any>;
@@ -10985,6 +11341,52 @@ export declare const enum ɵProfilerEvent {
     OutputEnd = 7
 }
 
+/**
+ * Returns a set of providers required to setup hydration support
+ * for an application that is server side rendered.
+ *
+ * ## NgModule-based bootstrap
+ *
+ * You can add the function call to the root AppModule of an application:
+ * ```
+ * import {provideHydrationSupport} from '@angular/core';
+ *
+ * @NgModule({
+ *   providers: [
+ *     // ... other providers ...
+ *     provideHydrationSupport()
+ *   ],
+ *   declarations: [AppComponent],
+ *   bootstrap: [AppComponent]
+ * })
+ * class AppModule {}
+ * ```
+ *
+ * ## Standalone-based bootstrap
+ *
+ * Add the function to the `bootstrapApplication` call:
+ * ```
+ * import {provideHydrationSupport} from '@angular/core';
+ *
+ * bootstrapApplication(RootComponent, {
+ *   providers: [
+ *     // ... other providers ...
+ *     provideHydrationSupport()
+ *   ]
+ * });
+ * ```
+ *
+ * The function sets up an internal flag that would be recognized during
+ * the server side rendering time as well, so there is no need to
+ * configure or change anything in NgUniversal to enable the feature.
+ *
+ * @publicApi
+ * @developerPreview
+ */
+export declare function ɵprovideHydrationSupport(): EnvironmentProviders;
+
+export declare function ɵprovideNgZoneChangeDetection(ngZone: NgZone): StaticProvider[];
+
 /**
  * Publishes a collection of default debug tools onto`window.ng`.
  *
@@ -11082,7 +11484,7 @@ export declare class ɵRender3NgModuleRef<T> extends NgModuleRef<T> implements I
     instance: T;
     destroyCbs: (() => void)[] | null;
     readonly componentFactoryResolver: ComponentFactoryResolver_2;
-    constructor(ngModuleType: Type<T>, _parent: Injector | null);
+    constructor(ngModuleType: Type<T>, _parent: Injector | null, additionalProviders: StaticProvider[]);
     get injector(): EnvironmentInjector;
     destroy(): void;
     onDestroy(callback: () => void): void;
@@ -11324,9 +11726,9 @@ export declare const ɵTESTABILITY_GETTER: InjectionToken<GetTestability>;
  * @publicApi
  */
 export declare class ɵTransferState {
-    private store;
+    /** @nocollapse */
+    static ɵprov: unknown;
     private onSerializeCallbacks;
-    constructor();
     /**
      * Get the value corresponding to a key. Return `defaultValue` if key is not found.
      */
@@ -11355,8 +11757,6 @@ export declare class ɵTransferState {
      * Serialize the current state of the store to JSON.
      */
     toJson(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ɵTransferState, never>;
-    static ɵprov: i0.ɵɵInjectableDeclaration<ɵTransferState>;
 }
 
 /**
@@ -12290,7 +12690,7 @@ export declare function ɵɵCopyDefinitionFeature(definition: ɵDirectiveDef<any
  *
  * # Example
  * ```
- * class MyDirective {
+ * class MyComponent {
  *   // Generated by Angular Template Compiler
  *   // [Symbol] syntax will not be supported by TypeScript until v2.7
  *   static ɵcmp = defineComponent({
@@ -12300,230 +12700,7 @@ export declare function ɵɵCopyDefinitionFeature(definition: ɵDirectiveDef<any
  * ```
  * @codeGenApi
  */
-export declare function ɵɵdefineComponent<T>(componentDefinition: {
-    /**
-     * Directive type, needed to configure the injector.
-     */
-    type: Type<T>;
-    /** The selectors that will be used to match nodes to this component. */
-    selectors?: ɵCssSelectorList;
-    /**
-     * The number of nodes, local refs, and pipes in this component template.
-     *
-     * Used to calculate the length of this component's LView array, so we
-     * can pre-fill the array and set the binding start index.
-     */
-    decls: number;
-    /**
-     * The number of bindings in this component template (including pure fn bindings).
-     *
-     * Used to calculate the length of this component's LView array, so we
-     * can pre-fill the array and set the host binding start index.
-     */
-    vars: number;
-    /**
-     * A map of input names.
-     *
-     * The format is in: `{[actualPropertyName: string]:(string|[string, string])}`.
-     *
-     * Given:
-     * ```
-     * class MyComponent {
-     *   @Input()
-     *   publicInput1: string;
-     *
-     *   @Input('publicInput2')
-     *   declaredInput2: string;
-     * }
-     * ```
-     *
-     * is described as:
-     * ```
-     * {
-     *   publicInput1: 'publicInput1',
-     *   declaredInput2: ['publicInput2', 'declaredInput2'],
-     * }
-     * ```
-     *
-     * Which the minifier may translate to:
-     * ```
-     * {
-     *   minifiedPublicInput1: 'publicInput1',
-     *   minifiedDeclaredInput2: ['publicInput2', 'declaredInput2'],
-     * }
-     * ```
-     *
-     * This allows the render to re-construct the minified, public, and declared names
-     * of properties.
-     *
-     * NOTE:
-     *  - Because declared and public name are usually same we only generate the array
-     *    `['public', 'declared']` format when they differ.
-     *  - The reason why this API and `outputs` API is not the same is that `NgOnChanges` has
-     *    inconsistent behavior in that it uses declared names rather than minified or public. For
-     *    this reason `NgOnChanges` will be deprecated and removed in future version and this
-     *    API will be simplified to be consistent with `output`.
-     */
-    inputs?: {
-        [P in keyof T]?: string | [string, string];
-    };
-    /**
-     * A map of output names.
-     *
-     * The format is in: `{[actualPropertyName: string]:string}`.
-     *
-     * Which the minifier may translate to: `{[minifiedPropertyName: string]:string}`.
-     *
-     * This allows the render to re-construct the minified and non-minified names
-     * of properties.
-     */
-    outputs?: {
-        [P in keyof T]?: string;
-    };
-    /**
-     * Function executed by the parent template to allow child directive to apply host bindings.
-     */
-    hostBindings?: HostBindingsFunction<T>;
-    /**
-     * The number of bindings in this directive `hostBindings` (including pure fn bindings).
-     *
-     * Used to calculate the length of the component's LView array, so we
-     * can pre-fill the array and set the host binding start index.
-     */
-    hostVars?: number;
-    /**
-     * Assign static attribute values to a host element.
-     *
-     * This property will assign static attribute values as well as class and style
-     * values to a host element. Since attribute values can consist of different types of values, the
-     * `hostAttrs` array must include the values in the following format:
-     *
-     * attrs = [
-     *   // static attributes (like `title`, `name`, `id`...)
-     *   attr1, value1, attr2, value,
-     *
-     *   // a single namespace value (like `x:id`)
-     *   NAMESPACE_MARKER, namespaceUri1, name1, value1,
-     *
-     *   // another single namespace value (like `x:name`)
-     *   NAMESPACE_MARKER, namespaceUri2, name2, value2,
-     *
-     *   // a series of CSS classes that will be applied to the element (no spaces)
-     *   CLASSES_MARKER, class1, class2, class3,
-     *
-     *   // a series of CSS styles (property + value) that will be applied to the element
-     *   STYLES_MARKER, prop1, value1, prop2, value2
-     * ]
-     *
-     * All non-class and non-style attributes must be defined at the start of the list
-     * first before all class and style values are set. When there is a change in value
-     * type (like when classes and styles are introduced) a marker must be used to separate
-     * the entries. The marker values themselves are set via entries found in the
-     * [AttributeMarker] enum.
-     */
-    hostAttrs?: TAttributes;
-    /**
-     * Function to create instances of content queries associated with a given directive.
-     */
-    contentQueries?: ContentQueriesFunction<T>;
-    /**
-     * Defines the name that can be used in the template to assign this directive to a variable.
-     *
-     * See: {@link Directive.exportAs}
-     */
-    exportAs?: string[];
-    /**
-     * Template function use for rendering DOM.
-     *
-     * This function has following structure.
-     *
-     * ```
-     * function Template<T>(ctx:T, creationMode: boolean) {
-     *   if (creationMode) {
-     *     // Contains creation mode instructions.
-     *   }
-     *   // Contains binding update instructions
-     * }
-     * ```
-     *
-     * Common instructions are:
-     * Creation mode instructions:
-     *  - `elementStart`, `elementEnd`
-     *  - `text`
-     *  - `container`
-     *  - `listener`
-     *
-     * Binding update instructions:
-     * - `bind`
-     * - `elementAttribute`
-     * - `elementProperty`
-     * - `elementClass`
-     * - `elementStyle`
-     *
-     */
-    template: ComponentTemplate<T>;
-    /**
-     * Constants for the nodes in the component's view.
-     * Includes attribute arrays, local definition arrays etc.
-     */
-    consts?: TConstantsOrFactory;
-    /**
-     * An array of `ngContent[selector]` values that were found in the template.
-     */
-    ngContentSelectors?: string[];
-    /**
-     * Additional set of instructions specific to view query processing. This could be seen as a
-     * set of instruction to be inserted into the template function.
-     *
-     * Query-related instructions need to be pulled out to a specific function as a timing of
-     * execution is different as compared to all other instructions (after change detection hooks but
-     * before view hooks).
-     */
-    viewQuery?: ViewQueriesFunction<T> | null;
-    /**
-     * A list of optional features to apply.
-     *
-     * See: {@link NgOnChangesFeature}, {@link ProvidersFeature}
-     */
-    features?: ComponentDefFeature[];
-    /**
-     * Defines template and style encapsulation options available for Component's {@link Component}.
-     */
-    encapsulation?: ViewEncapsulation;
-    /**
-     * Defines arbitrary developer-defined data to be stored on a renderer instance.
-     * This is useful for renderers that delegate to other renderers.
-     *
-     * see: animation
-     */
-    data?: {
-        [kind: string]: any;
-    };
-    /**
-     * A set of styles that the component needs to be present for component to render correctly.
-     */
-    styles?: string[];
-    /**
-     * The strategy that the default change detector uses to detect changes.
-     * When set, takes effect the next time change detection is triggered.
-     */
-    changeDetection?: ChangeDetectionStrategy;
-    /**
-     * Registry of directives, components, and pipes that may be found in this component's view.
-     *
-     * This property is either an array of types or a function that returns the array of types. This
-     * function may be necessary to support forward declarations.
-     */
-    dependencies?: TypeOrFactory<DependencyTypeList>;
-    /**
-     * The set of schemas that declare elements to be allowed in the component's template.
-     */
-    schemas?: SchemaMetadata[] | null;
-    /**
-     * Whether this directive/component is standalone.
-     */
-    standalone?: boolean;
-}): unknown;
+export declare function ɵɵdefineComponent<T>(componentDefinition: ComponentDefinition<T>): Mutable<ɵComponentDef<any>, keyof ɵComponentDef<any>>;
 
 /**
  * Create a directive definition object.
@@ -12541,132 +12718,7 @@ export declare function ɵɵdefineComponent<T>(componentDefinition: {
  *
  * @codeGenApi
  */
-export declare const ɵɵdefineDirective: <T>(directiveDefinition: {
-    /**
-     * Directive type, needed to configure the injector.
-     */
-    type: Type<T>;
-    /** The selectors that will be used to match nodes to this directive. */
-    selectors?: ɵCssSelectorList | undefined;
-    /**
-     * A map of input names.
-     *
-     * The format is in: `{[actualPropertyName: string]:(string|[string, string])}`.
-     *
-     * Given:
-     * ```
-     * class MyComponent {
-     *   @Input()
-     *   publicInput1: string;
-     *
-     *   @Input('publicInput2')
-     *   declaredInput2: string;
-     * }
-     * ```
-     *
-     * is described as:
-     * ```
-     * {
-     *   publicInput1: 'publicInput1',
-     *   declaredInput2: ['declaredInput2', 'publicInput2'],
-     * }
-     * ```
-     *
-     * Which the minifier may translate to:
-     * ```
-     * {
-     *   minifiedPublicInput1: 'publicInput1',
-     *   minifiedDeclaredInput2: [ 'publicInput2', 'declaredInput2'],
-     * }
-     * ```
-     *
-     * This allows the render to re-construct the minified, public, and declared names
-     * of properties.
-     *
-     * NOTE:
-     *  - Because declared and public name are usually same we only generate the array
-     *    `['declared', 'public']` format when they differ.
-     *  - The reason why this API and `outputs` API is not the same is that `NgOnChanges` has
-     *    inconsistent behavior in that it uses declared names rather than minified or public. For
-     *    this reason `NgOnChanges` will be deprecated and removed in future version and this
-     *    API will be simplified to be consistent with `output`.
-     */
-    inputs?: { [P in keyof T]?: string | [string, string] | undefined; } | undefined;
-    /**
-     * A map of output names.
-     *
-     * The format is in: `{[actualPropertyName: string]:string}`.
-     *
-     * Which the minifier may translate to: `{[minifiedPropertyName: string]:string}`.
-     *
-     * This allows the render to re-construct the minified and non-minified names
-     * of properties.
-     */
-    outputs?: { [P_1 in keyof T]?: string | undefined; } | undefined;
-    /**
-     * A list of optional features to apply.
-     *
-     * See: {@link NgOnChangesFeature}, {@link ProvidersFeature}, {@link InheritDefinitionFeature}
-     */
-    features?: DirectiveDefFeature[] | undefined;
-    /**
-     * Function executed by the parent template to allow child directive to apply host bindings.
-     */
-    hostBindings?: HostBindingsFunction<T> | undefined;
-    /**
-     * The number of bindings in this directive `hostBindings` (including pure fn bindings).
-     *
-     * Used to calculate the length of the component's LView array, so we
-     * can pre-fill the array and set the host binding start index.
-     */
-    hostVars?: number | undefined;
-    /**
-     * Assign static attribute values to a host element.
-     *
-     * This property will assign static attribute values as well as class and style
-     * values to a host element. Since attribute values can consist of different types of values,
-     * the `hostAttrs` array must include the values in the following format:
-     *
-     * attrs = [
-     *   // static attributes (like `title`, `name`, `id`...)
-     *   attr1, value1, attr2, value,
-     *
-     *   // a single namespace value (like `x:id`)
-     *   NAMESPACE_MARKER, namespaceUri1, name1, value1,
-     *
-     *   // another single namespace value (like `x:name`)
-     *   NAMESPACE_MARKER, namespaceUri2, name2, value2,
-     *
-     *   // a series of CSS classes that will be applied to the element (no spaces)
-     *   CLASSES_MARKER, class1, class2, class3,
-     *
-     *   // a series of CSS styles (property + value) that will be applied to the element
-     *   STYLES_MARKER, prop1, value1, prop2, value2
-     * ]
-     *
-     * All non-class and non-style attributes must be defined at the start of the list
-     * first before all class and style values are set. When there is a change in value
-     * type (like when classes and styles are introduced) a marker must be used to separate
-     * the entries. The marker values themselves are set via entries found in the
-     * [AttributeMarker] enum.
-     */
-    hostAttrs?: TAttributes | undefined;
-    /**
-     * Function to create instances of content queries associated with a given directive.
-     */
-    contentQueries?: ContentQueriesFunction<T> | undefined;
-    /**
-     * Additional set of instructions specific to view query processing. This could be seen as a
-     * set of instructions to be inserted into the template function.
-     */
-    viewQuery?: ViewQueriesFunction<T> | null | undefined;
-    /**
-     * Defines the name that can be used in the template to assign this directive to a variable.
-     *
-     * See: {@link Directive.exportAs}
-     */
-    exportAs?: string[] | undefined;
-}) => never;
+export declare function ɵɵdefineDirective<T>(directiveDefinition: DirectiveDefinition<T>): Mutable<ɵDirectiveDef<any>, keyof ɵDirectiveDef<any>>;
 
 /**
  * Construct an injectable definition which defines how a token will be constructed by the DI