/** * @license * Copyright Google Inc. All Rights Reserved. * * Use of this source code is governed by an MIT-style license that can be * found in the LICENSE file at https://angular.io/license */ import {Provider} from '../../core'; import {RendererType2} from '../../render/api'; import {Type} from '../../type'; import {CssSelectorList} from './projection'; /** * Definition of what a template rendering function should look like. */ export type ComponentTemplate = { (rf: RenderFlags, ctx: T): void; ngPrivateData?: never; }; /** * Flags passed into template functions to determine which blocks (i.e. creation, update) * should be executed. * * Typically, a template runs both the creation block and the update block on initialization and * subsequent runs only execute the update block. However, dynamically created views require that * the creation block be executed separately from the update block (for backwards compat). */ export const enum RenderFlags { /* Whether to run the creation block (e.g. create elements and directives) */ Create = 0b01, /* Whether to run the update block (e.g. refresh bindings) */ Update = 0b10 } /** * A subclass of `Type` which has a static `ngComponentDef`:`ComponentDef` field making it * consumable for rendering. */ export interface ComponentType extends Type { ngComponentDef: never; } /** * A subclass of `Type` which has a static `ngDirectiveDef`:`DirectiveDef` field making it * consumable for rendering. */ export interface DirectiveType extends Type { ngDirectiveDef: never; } export const enum DirectiveDefFlags {ContentQuery = 0b10} /** * A subclass of `Type` which has a static `ngPipeDef`:`PipeDef` field making it * consumable for rendering. */ export interface PipeType extends Type { ngPipeDef: never; } /** * Runtime link information for Directives. * * This is internal data structure used by the render to link * directives into templates. * * NOTE: Always use `defineDirective` function to create this object, * never create the object directly since the shape of this object * can change between versions. * * See: {@link defineDirective} */ export interface DirectiveDef { /** Token representing the directive. Used by DI. */ type: Type; /** Function that makes a directive public to the DI system. */ diPublic: ((def: DirectiveDef) => void)|null; /** The selectors that will be used to match nodes to this directive. */ selectors: CssSelectorList; /** * A dictionary mapping the inputs' minified property names to their public API names, which * are their aliases if any, or their original unminified property names * (as in `@Input('alias') propertyName: any;`). */ readonly inputs: {[P in keyof T]: P}; /** * A dictionary mapping the outputs' minified property names to their public API names, which * are their aliases if any, or their original unminified property names * (as in `@Output('alias') propertyName: any;`). */ readonly outputs: {[P in keyof T]: P}; /** * Name under which the directive is exported (for use with local references in template) */ readonly exportAs: string|null; /** * Factory function used to create a new directive instance. * * Usually returns the directive instance, but if the directive has a content query, * it instead returns an array that contains the instance as well as content query data. */ factory(): T|[T]; /** Refreshes host bindings on the associated directive. */ hostBindings: ((directiveIndex: number, elementIndex: number) => void)|null; /** * Static attributes to set on host element. * * Even indices: attribute name * Odd indices: attribute value */ attributes: string[]|null; /* The following are lifecycle hooks for this component */ onInit: (() => void)|null; doCheck: (() => void)|null; afterContentInit: (() => void)|null; afterContentChecked: (() => void)|null; afterViewInit: (() => void)|null; afterViewChecked: (() => void)|null; onDestroy: (() => void)|null; } /** * Runtime link information for Components. * * This is internal data structure used by the render to link * components into templates. * * NOTE: Always use `defineComponent` function to create this object, * never create the object directly since the shape of this object * can change between versions. * * See: {@link defineComponent} */ export interface ComponentDef extends DirectiveDef { /** * The View template of the component. * * NOTE: only used with component directives. */ readonly template: ComponentTemplate; /** * Renderer type data of the component. * * NOTE: only used with component directives. */ readonly rendererType: RendererType2|null; /** Whether or not this component's ChangeDetectionStrategy is OnPush */ readonly onPush: boolean; /** * Defines the set of injectable providers that are visible to a Directive and its content DOM * children. */ readonly providers?: Provider[]; /** * Defines the set of injectable providers that are visible to a Directive and its view DOM * children only. */ readonly viewProviders?: Provider[]; /** * Registry of directives and components that may be found in this view. * * The property is either an array of `DirectiveDef`s or a function which returns the array of * `DirectiveDef`s. The function is necessary to be able to support forward declarations. */ directiveDefs: DirectiveDefListOrFactory|null; /** * Registry of pipes that may be found in this view. * * The property is either an array of `PipeDefs`s or a function which returns the array of * `PipeDefs`s. The function is necessary to be able to support forward declarations. */ pipeDefs: PipeDefListOrFactory|null; } /** * Runtime link information for Pipes. * * This is internal data structure used by the renderer to link * pipes into templates. * * NOTE: Always use `definePipe` function to create this object, * never create the object directly since the shape of this object * can change between versions. * * See: {@link definePipe} */ export interface PipeDef { /** * Pipe name. * * Used to resolve pipe in templates. */ name: string; /** * factory function used to create a new directive instance. * * NOTE: this property is short (1 char) because it is used in * component templates which is sensitive to size. */ n: () => T; /** * Whether or not the pipe is pure. * * Pure pipes result only depends on the pipe input and not on internal * state of the pipe. */ pure: boolean; /* The following are lifecycle hooks for this pipe */ onDestroy: (() => void)|null; } export type DirectiveDefFeature = (directiveDef: DirectiveDef) => void; export type ComponentDefFeature = (componentDef: ComponentDef) => void; /** * Type used for directiveDefs on component definition. * * The function is necessary to be able to support forward declarations. */ export type DirectiveDefListOrFactory = (() => DirectiveDefList) | DirectiveDefList; export type DirectiveDefList = (DirectiveDef| ComponentDef)[]; export type DirectiveTypesOrFactory = (() => DirectiveTypeList) | DirectiveTypeList; export type DirectiveTypeList = (DirectiveDef| ComponentDef| Type/* Type as workaround for: Microsoft/TypeScript/issues/4881 */)[]; /** * Type used for PipeDefs on component definition. * * The function is necessary to be able to support forward declarations. */ export type PipeDefListOrFactory = (() => PipeDefList) | PipeDefList; export type PipeDefList = PipeDef[]; export type PipeTypesOrFactory = (() => DirectiveTypeList) | DirectiveTypeList; export type PipeTypeList = (PipeDef| Type/* Type as workaround for: Microsoft/TypeScript/issues/4881 */)[]; // Note: This hack is necessary so we don't erroneously get a circular dependency // failure based on types. export const unusedValueExportToPlacateAjd = 1;