@angular/compiler 14.0.0-next.13 → 14.0.0-next.14

package/fesm2020/testing.mjs

@@ -1,5 +1,5 @@
 /**
- * @license Angular v14.0.0-next.13
+ * @license Angular v14.0.0-next.14
  * (c) 2010-2022 Google LLC. https://angular.io/
  * License: MIT
  */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/compiler",
-  "version": "14.0.0-next.13",
+  "version": "14.0.0-next.14",
   "description": "Angular - the compiler library",
   "author": "angular",
   "license": "MIT",
@@ -11,7 +11,7 @@
     "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/core": "14.0.0-next.13"
+    "@angular/core": "14.0.0-next.14"
   },
   "peerDependenciesMeta": {
     "@angular/core": {

package/src/compiler_facade_interface.d.ts

@@ -143,8 +143,7 @@ export interface R3ComponentMetadataFacade extends R3DirectiveMetadataFacade {
     template: string;
     preserveWhitespaces: boolean;
     animations: OpaqueValue[] | undefined;
-    pipes: Map<string, any>;
-    directives: R3UsedDirectiveMetadata[];
+    declarations: R3TemplateDependencyFacade[];
     styles: string[];
     encapsulation: ViewEncapsulation;
     viewProviders: Provider[] | null;
@@ -185,8 +184,9 @@ export interface R3DeclareComponentFacade extends R3DeclareDirectiveFacade {
     template: string;
     isInline?: boolean;
     styles?: string[];
-    components?: R3DeclareUsedDirectiveFacade[];
-    directives?: R3DeclareUsedDirectiveFacade[];
+    dependencies?: R3DeclareTemplateDependencyFacade[];
+    components?: R3DeclareDirectiveDependencyFacade[];
+    directives?: R3DeclareDirectiveDependencyFacade[];
     pipes?: {
         [pipeName: string]: OpaqueValue | (() => OpaqueValue);
     };
@@ -197,19 +197,34 @@ export interface R3DeclareComponentFacade extends R3DeclareDirectiveFacade {
     interpolation?: [string, string];
     preserveWhitespaces?: boolean;
 }
-export interface R3DeclareUsedDirectiveFacade {
+export declare type R3DeclareTemplateDependencyFacade = {
+    kind: string;
+} & (R3DeclareDirectiveDependencyFacade | R3DeclarePipeDependencyFacade | R3DeclareNgModuleDependencyFacade);
+export interface R3DeclareDirectiveDependencyFacade {
+    kind?: 'directive' | 'component';
     selector: string;
     type: OpaqueValue | (() => OpaqueValue);
     inputs?: string[];
     outputs?: string[];
     exportAs?: string[];
 }
-export interface R3UsedDirectiveMetadata {
-    selector: string;
-    inputs: string[];
-    outputs: string[];
-    exportAs: string[] | null;
-    type: any;
+export interface R3DeclarePipeDependencyFacade {
+    kind?: 'pipe';
+    name: string;
+    type: OpaqueValue | (() => OpaqueValue);
+}
+export interface R3DeclareNgModuleDependencyFacade {
+    kind: 'ngmodule';
+    type: OpaqueValue | (() => OpaqueValue);
+}
+export declare enum R3TemplateDependencyKind {
+    Directive = 0,
+    Pipe = 1,
+    NgModule = 2
+}
+export interface R3TemplateDependencyFacade {
+    kind: R3TemplateDependencyKind;
+    type: OpaqueValue | (() => OpaqueValue);
 }
 export interface R3FactoryDefMetadataFacade {
     name: string;

package/src/render3/partial/api.d.ts

@@ -136,14 +136,21 @@ export interface R3DeclareComponentMetadata extends R3DeclareDirectiveMetadata {
      * the template to each directive specifically, if the runtime instructions
      * support this.
      */
-    components?: R3DeclareUsedDirectiveMetadata[];
+    components?: R3DeclareDirectiveDependencyMetadata[];
     /**
      * List of directives which matched in the template, including sufficient
      * metadata for each directive to attribute bindings and references within
      * the template to each directive specifically, if the runtime instructions
      * support this.
      */
-    directives?: R3DeclareUsedDirectiveMetadata[];
+    directives?: R3DeclareDirectiveDependencyMetadata[];
+    /**
+     * List of dependencies which matched in the template, including sufficient
+     * metadata for each directive/pipe to attribute bindings and references within
+     * the template to each directive specifically, if the runtime instructions
+     * support this.
+     */
+    dependencies?: R3DeclareTemplateDependencyMetadata[];
     /**
      * A map of pipe names to an expression referencing the pipe type (possibly a forward reference
      * wrapped in a `forwardRef` invocation) which are used in the template.
@@ -178,7 +185,9 @@ export interface R3DeclareComponentMetadata extends R3DeclareDirectiveMetadata {
      */
     preserveWhitespaces?: boolean;
 }
-export interface R3DeclareUsedDirectiveMetadata {
+export declare type R3DeclareTemplateDependencyMetadata = R3DeclareDirectiveDependencyMetadata | R3DeclarePipeDependencyMetadata | R3DeclareNgModuleDependencyMetadata;
+export interface R3DeclareDirectiveDependencyMetadata {
+    kind: 'directive' | 'component';
     /**
      * Selector of the directive.
      */
@@ -201,6 +210,19 @@ export interface R3DeclareUsedDirectiveMetadata {
      */
     exportAs?: string[];
 }
+export interface R3DeclarePipeDependencyMetadata {
+    kind: 'pipe';
+    name: string;
+    /**
+     * Reference to the pipe class (possibly a forward reference wrapped in a `forwardRef`
+     * invocation).
+     */
+    type: o.Expression | (() => o.Expression);
+}
+export interface R3DeclareNgModuleDependencyMetadata {
+    kind: 'ngmodule';
+    type: o.Expression | (() => o.Expression);
+}
 export interface R3DeclareQueryMetadata {
     /**
      * Name of the property on the class to update with query results.

package/src/render3/partial/component.d.ts

@@ -1,6 +1,6 @@
 import * as o from '../../output/output_ast';
 import { R3CompiledExpression } from '../util';
-import { R3ComponentMetadata } from '../view/api';
+import { R3ComponentMetadata, R3TemplateDependencyMetadata } from '../view/api';
 import { ParsedTemplate } from '../view/template';
 import { DefinitionMap } from '../view/util';
 import { R3DeclareComponentMetadata } from './api';
@@ -32,8 +32,8 @@ export interface DeclareComponentTemplateInfo {
 /**
  * Compile a component declaration defined by the `R3ComponentMetadata`.
  */
-export declare function compileDeclareComponentFromMetadata(meta: R3ComponentMetadata, template: ParsedTemplate, additionalTemplateInfo: DeclareComponentTemplateInfo): R3CompiledExpression;
+export declare function compileDeclareComponentFromMetadata(meta: R3ComponentMetadata<R3TemplateDependencyMetadata>, template: ParsedTemplate, additionalTemplateInfo: DeclareComponentTemplateInfo): R3CompiledExpression;
 /**
  * Gathers the declaration fields for a component into a `DefinitionMap`.
  */
-export declare function createComponentDefinitionMap(meta: R3ComponentMetadata, template: ParsedTemplate, templateInfo: DeclareComponentTemplateInfo): DefinitionMap<R3DeclareComponentMetadata>;
+export declare function createComponentDefinitionMap(meta: R3ComponentMetadata<R3TemplateDependencyMetadata>, template: ParsedTemplate, templateInfo: DeclareComponentTemplateInfo): DefinitionMap<R3DeclareComponentMetadata>;

package/src/render3/r3_identifiers.d.ts

@@ -168,6 +168,7 @@ export declare class Identifiers {
     static NgOnChangesFeature: o.ExternalReference;
     static InheritDefinitionFeature: o.ExternalReference;
     static CopyDefinitionFeature: o.ExternalReference;
+    static StandaloneFeature: o.ExternalReference;
     static ProvidersFeature: o.ExternalReference;
     static listener: o.ExternalReference;
     static getInheritedFactory: o.ExternalReference;

package/src/render3/view/api.d.ts

@@ -151,7 +151,7 @@ export declare const enum DeclarationListEmitMode {
 /**
  * Information needed to compile a component for the render3 runtime.
  */
-export interface R3ComponentMetadata extends R3DirectiveMetadata {
+export interface R3ComponentMetadata<DeclarationT extends R3TemplateDependency> extends R3DirectiveMetadata {
     /**
      * Information about the component's template.
      */
@@ -166,16 +166,7 @@ export interface R3ComponentMetadata extends R3DirectiveMetadata {
          */
         ngContentSelectors: string[];
     };
-    /**
-     * A map of pipe names to an expression referencing the pipe type which are in the scope of the
-     * compilation.
-     */
-    pipes: Map<string, o.Expression>;
-    /**
-     * A list of directive selectors and an expression referencing the directive type which are in the
-     * scope of the compilation.
-     */
-    directives: R3UsedDirectiveMetadata[];
+    declarations: DeclarationT[];
     /**
      * Specifies how the 'directives' and/or `pipes` array, if generated, need to be emitted.
      */
@@ -221,15 +212,31 @@ export interface R3ComponentMetadata extends R3DirectiveMetadata {
      */
     changeDetection?: ChangeDetectionStrategy;
 }
+export declare enum R3TemplateDependencyKind {
+    Directive = 0,
+    Pipe = 1,
+    NgModule = 2
+}
 /**
- * Information about a directive that is used in a component template. Only the stable, public
- * facing information of the directive is stored here.
+ * A dependency that's used within a component template.
  */
-export interface R3UsedDirectiveMetadata {
+export interface R3TemplateDependency {
+    kind: R3TemplateDependencyKind;
     /**
-     * The type of the directive as an expression.
+     * The type of the dependency as an expression.
      */
     type: o.Expression;
+}
+/**
+ * A dependency that's used within a component template
+ */
+export declare type R3TemplateDependencyMetadata = R3DirectiveDependencyMetadata | R3PipeDependencyMetadata | R3NgModuleDependencyMetadata;
+/**
+ * Information about a directive that is used in a component template. Only the stable, public
+ * facing information of the directive is stored here.
+ */
+export interface R3DirectiveDependencyMetadata extends R3TemplateDependency {
+    kind: R3TemplateDependencyKind.Directive;
     /**
      * The selector of the directive.
      */
@@ -249,7 +256,14 @@ export interface R3UsedDirectiveMetadata {
     /**
      * If true then this directive is actually a component; otherwise it is not.
      */
-    isComponent?: boolean;
+    isComponent: boolean;
+}
+export interface R3PipeDependencyMetadata extends R3TemplateDependency {
+    kind: R3TemplateDependencyKind.Pipe;
+    name: string;
+}
+export interface R3NgModuleDependencyMetadata extends R3TemplateDependency {
+    kind: R3TemplateDependencyKind.NgModule;
 }
 /**
  * Information needed to compile a query (view or content).

package/src/render3/view/compiler.d.ts

@@ -10,7 +10,7 @@ import * as o from '../../output/output_ast';
 import { ParseError, ParseSourceSpan } from '../../parse_util';
 import { BindingParser } from '../../template_parser/binding_parser';
 import { R3CompiledExpression } from '../util';
-import { R3ComponentMetadata, R3DirectiveMetadata } from './api';
+import { R3ComponentMetadata, R3DirectiveMetadata, R3TemplateDependency } from './api';
 /**
  * Compile a directive for the render3 runtime as defined by the `R3DirectiveMetadata`.
  */
@@ -18,12 +18,12 @@ export declare function compileDirectiveFromMetadata(meta: R3DirectiveMetadata,
 /**
  * Compile a component for the render3 runtime as defined by the `R3ComponentMetadata`.
  */
-export declare function compileComponentFromMetadata(meta: R3ComponentMetadata, constantPool: ConstantPool, bindingParser: BindingParser): R3CompiledExpression;
+export declare function compileComponentFromMetadata(meta: R3ComponentMetadata<R3TemplateDependency>, constantPool: ConstantPool, bindingParser: BindingParser): R3CompiledExpression;
 /**
  * Creates the type specification from the component meta. This type is inserted into .d.ts files
  * to be consumed by upstream compilations.
  */
-export declare function createComponentType(meta: R3ComponentMetadata): o.Type;
+export declare function createComponentType(meta: R3ComponentMetadata<R3TemplateDependency>): o.Type;
 /**
  * A set of flags to be used with Queries.
  *
@@ -51,7 +51,7 @@ export declare const enum QueryFlags {
      */
     emitDistinctChangesOnly = 4
 }
-export declare function createDirectiveTypeParams(meta: R3DirectiveMetadata): o.Type[];
+export declare function createBaseDirectiveTypeParams(meta: R3DirectiveMetadata): o.Type[];
 /**
  * Creates the type specification from the directive meta. This type is inserted into .d.ts files
  * to be consumed by upstream compilations.

package/src/render3/view/i18n/get_msg_utils.d.ts

@@ -7,7 +7,41 @@
  */
 import * as i18n from '../../../i18n/i18n_ast';
 import * as o from '../../../output/output_ast';
-export declare function createGoogleGetMsgStatements(variable: o.ReadVarExpr, message: i18n.Message, closureVar: o.ReadVarExpr, params: {
+/**
+ * Generates a `goog.getMsg()` statement and reassignment. The template:
+ *
+ * ```html
+ * <div i18n>Sent from {{ sender }} to <span class="receiver">{{ receiver }}</span></div>
+ * ```
+ *
+ * Generates:
+ *
+ * ```typescript
+ * const MSG_FOO = goog.getMsg(
+ *   // Message template.
+ *   'Sent from {$interpolation} to {$startTagSpan}{$interpolation_1}{$closeTagSpan}.',
+ *   // Placeholder values, set to magic strings which get replaced by the Angular runtime.
+ *   {
+ *     'interpolation': '\uFFFD0\uFFFD',
+ *     'startTagSpan': '\uFFFD1\uFFFD',
+ *     'interpolation_1': '\uFFFD2\uFFFD',
+ *     'closeTagSpan': '\uFFFD3\uFFFD',
+ *   },
+ *   // Options bag.
+ *   {
+ *     // Maps each placeholder to the original Angular source code which generates it's value.
+ *     original_code: {
+ *       'interpolation': '{{ sender }}',
+ *       'startTagSpan': '<span class="receiver">',
+ *       'interploation_1': '{{ receiver }}',
+ *       'closeTagSpan': '</span>',
+ *     },
+ *   },
+ * );
+ * const I18N_0 = MSG_FOO;
+ * ```
+ */
+export declare function createGoogleGetMsgStatements(variable: o.ReadVarExpr, message: i18n.Message, closureVar: o.ReadVarExpr, placeholderValues: {
     [name: string]: o.Expression;
 }): o.Statement[];
 export declare function serializeI18nMessageForGetMsg(message: i18n.Message): string;

package/src/render3/view/i18n/util.d.ts

@@ -50,7 +50,7 @@ export declare function assembleBoundTextPlaceholders(meta: i18n.I18nMeta, bindi
  * @param useCamelCase whether to camelCase the placeholder name when formatting.
  * @returns A new map of formatted placeholder names to expressions.
  */
-export declare function i18nFormatPlaceholderNames(params: {
+export declare function formatI18nPlaceholderNamesInMap(params: {
     [name: string]: o.Expression;
 } | undefined, useCamelCase: boolean): {
     [key: string]: o.Expression;