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

package/index.d.ts

@@ -1,5 +1,5 @@
 /**
- * @license Angular v16.0.0-next.2
+ * @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,8 +290,6 @@ 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.
  *
@@ -319,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
  *
@@ -409,14 +425,10 @@ export declare class ApplicationModule {
  * @publicApi
  */
 export declare class ApplicationRef {
-    private _zone;
-    private _injector;
-    private _exceptionHandler;
     private _runningTick;
-    private _stable;
-    private _onMicrotaskEmptySubscription;
     private _destroyed;
     private _destroyListeners;
+    private readonly internalErrorHandler;
     /**
      * Indicates whether this instance was destroyed.
      */
@@ -432,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.
      */
@@ -1245,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()`.
@@ -1554,6 +1660,8 @@ declare type ConsumerId = number & {
     __consumer: true;
 };
 
+declare const CONTAINERS = "c";
+
 /**
  * Type of the ContentChild metadata.
  *
@@ -2184,17 +2292,17 @@ export declare class DefaultIterableDiffer<V> implements IterableDiffer<V>, Iter
  */
 export declare const defineInjectable: typeof ɵɵdefineInjectable;
 
+declare const DEHYDRATED_VIEWS = 10;
+
 /**
- * Represents a hydration-related element container structure
- * at runtime, which includes a reference to a first node in
- * a DOM segment that corresponds to a given element container.
+ * 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 DehydratedElementContainer {
-    /**
-     * A reference to the first child in a DOM segment associated
-     * with a first child in a given <ng-container>.
-     */
-    firstChild: RNode | null;
+declare interface DehydratedContainerView extends DehydratedView {
+    data: Readonly<SerializedContainerView>;
 }
 
 /**
@@ -2214,13 +2322,11 @@ declare interface DehydratedView {
      */
     firstChild: RNode | null;
     /**
-     * Collection of <ng-container>s in a given view,
-     * used as a set of pointers to first children in each
-     * <ng-container>, so that those pointers are reused by
-     * subsequent instructions.
+     * Stores references to first nodes in DOM segments that
+     * represent either an <ng-container> or a view container.
      */
-    ngContainers?: {
-        [index: number]: DehydratedElementContainer;
+    segmentHeads?: {
+        [index: number]: RNode | null;
     };
 }
 
@@ -2612,6 +2718,141 @@ declare interface DirectiveDefFeature {
     ngInherit?: true;
 }
 
+declare interface DirectiveDefinition<T> {
+    /**
+     * Directive type, needed to configure the injector.
+     */
+    type: Type<T>;
+    /** The selectors that will be used to match nodes to this directive. */
+    selectors?: ɵCssSelectorList;
+    /**
+     * 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];
+    };
+    /**
+     * 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>)[];
 
 /**
@@ -2741,6 +2982,10 @@ 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";
 
 /**
@@ -2928,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;
@@ -4808,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.
      *
@@ -4818,8 +5064,19 @@ 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;
+}
+
 /**
  * Provide this token to set the locale of your application.
  * It is used for i18n extraction, by i18n pipes (DatePipe, I18nPluralPipe, CurrencyPipe,
@@ -5281,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;
@@ -5731,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;
 
 /**
@@ -6633,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.
      */
@@ -7418,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.
@@ -7456,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,
@@ -7587,6 +7866,28 @@ 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
@@ -7608,6 +7909,20 @@ 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[]>;
 }
 
 /**
@@ -7922,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`
@@ -7963,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.
@@ -9277,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;
 }
 
 /**
@@ -9906,16 +10232,6 @@ export declare function ɵallowSanitizationBypassAndThrow(value: any, type: ɵBy
  */
 export declare function ɵannotateForHydration(appRef: ApplicationRef, doc: Document): void;
 
-/**
- * Providers that generate a random `APP_ID_TOKEN`.
- * @publicApi
- */
-export declare const ɵAPP_ID_RANDOM_PROVIDER: {
-    provide: InjectionToken<string>;
-    useFactory: typeof _appIdRandomProviderFactory;
-    deps: any[];
-};
-
 /**
  * A set of marker values to be used in the attributes arrays. These markers indicate that some
  * items are not regular attributes and the processing should be adapted accordingly.
@@ -10896,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>;
@@ -11069,6 +11385,8 @@ export declare const enum ɵProfilerEvent {
  */
 export declare function ɵprovideHydrationSupport(): EnvironmentProviders;
 
+export declare function ɵprovideNgZoneChangeDetection(ngZone: NgZone): StaticProvider[];
+
 /**
  * Publishes a collection of default debug tools onto`window.ng`.
  *
@@ -11166,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;
@@ -12372,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({
@@ -12382,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.
@@ -12623,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