@angular/compiler-cli 20.2.0-next.3 → 20.2.0-next.4

package/bundles/{chunk-HMCJWY2O.js → chunk-45U5FWGN.js}

@@ -12,7 +12,7 @@ import {
   formatDiagnostics,
   performCompilation,
   readConfiguration
-} from "./chunk-ILJUWTJN.js";
+} from "./chunk-5F2CCT3V.js";
 
 // packages/compiler-cli/src/main.js
 import ts2 from "typescript";

package/bundles/{chunk-ILJUWTJN.js → chunk-5F2CCT3V.js}

@@ -4,7 +4,7 @@
     
 import {
   angularJitApplicationTransform
-} from "./chunk-56QTHZ7G.js";
+} from "./chunk-YY2EEYJQ.js";
 import {
   AbsoluteModuleStrategy,
   ActivePerfRecorder,
@@ -92,7 +92,7 @@ import {
   toUnredirectedSourceFile,
   tryParseInitializerApi,
   untagAllTsFiles
-} from "./chunk-5LTXARS2.js";
+} from "./chunk-UJ4H6WFJ.js";
 import {
   LogicalFileSystem,
   absoluteFrom,

package/bundles/chunk-BPDNYZBC.js

@@ -455,7 +455,7 @@ import { compileDirectiveFromMetadata, makeBindingParser, ParseLocation, ParseSo
 // packages/compiler-cli/linker/src/file_linker/partial_linkers/util.js
 import { createMayBeForwardRefExpression, outputAst as o2 } from "@angular/compiler";
 import semver from "semver";
-var PLACEHOLDER_VERSION = "20.2.0-next.3";
+var PLACEHOLDER_VERSION = "20.2.0-next.4";
 function wrapReference(wrapped) {
   return { value: wrapped, type: wrapped };
 }

package/bundles/{chunk-5LTXARS2.js → chunk-UJ4H6WFJ.js}

@@ -7557,7 +7557,7 @@ var SemanticDepGraph = class {
   files = /* @__PURE__ */ new Map();
   // Note: the explicit type annotation is used to work around a CI failure on Windows:
   // error TS2742: The inferred type of 'symbolByDecl' cannot be named without a reference to
-  // '../../../../../../../external/npm/node_modules/typescript/lib/typescript'. This is likely
+  // '../../../../../../../external/angular/node_modules/typescript/lib/typescript'. This is likely
   // not portable. A type annotation is necessary.
   symbolByDecl = /* @__PURE__ */ new Map();
   /**
@@ -8525,17 +8525,20 @@ var TypeCheckScopeRegistry = class {
    * contains an error, then 'error' is returned. If the component is not declared in any NgModule,
    * an empty type-check scope is returned.
    */
-  getTypeCheckScope(node) {
+  getTypeCheckScope(ref) {
     const directives = [];
     const pipes = /* @__PURE__ */ new Map();
-    const scope = this.scopeReader.getScopeForComponent(node);
+    const scope = this.scopeReader.getScopeForComponent(ref.node);
+    const hostMeta = this.getTypeCheckDirectiveMetadata(ref);
+    const directivesOnHost = hostMeta === null ? null : this.combineWithHostDirectives(hostMeta);
     if (scope === null) {
       return {
         matcher: null,
         directives,
         pipes,
         schemas: [],
-        isPoisoned: false
+        isPoisoned: false,
+        directivesOnHost
       };
     }
     const isNgModuleScope = scope.kind === ComponentScopeKind.NgModule;
@@ -8574,6 +8577,7 @@ var TypeCheckScopeRegistry = class {
       directives,
       pipes,
       schemas: scope.schemas,
+      directivesOnHost,
       isPoisoned: scope.kind === ComponentScopeKind.NgModule ? scope.compilation.isPoisoned || scope.exported.isPoisoned : scope.isPoisoned
     };
     this.scopeCache.set(cacheKey, typeCheckScope);
@@ -8603,10 +8607,7 @@ var TypeCheckScopeRegistry = class {
           continue;
         }
         const directiveMeta = this.applyExplicitlyDeferredFlag(extMeta, meta.isExplicitlyDeferred);
-        matcher.addSelectables(CssSelector.parse(meta.selector), [
-          ...this.hostDirectivesResolver.resolve(directiveMeta),
-          directiveMeta
-        ]);
+        matcher.addSelectables(CssSelector.parse(meta.selector), this.combineWithHostDirectives(directiveMeta));
       }
     }
     return matcher;
@@ -8616,11 +8617,14 @@ var TypeCheckScopeRegistry = class {
     for (const [name, dep] of scope.dependencies) {
       const extMeta = dep.kind === MetaKind.Directive ? this.getTypeCheckDirectiveMetadata(dep.ref) : null;
       if (extMeta !== null) {
-        registry.set(name, [extMeta, ...this.hostDirectivesResolver.resolve(extMeta)]);
+        registry.set(name, this.combineWithHostDirectives(extMeta));
       }
     }
     return new SelectorlessMatcher(registry);
   }
+  combineWithHostDirectives(meta) {
+    return [...this.hostDirectivesResolver.resolve(meta), meta];
+  }
 };
 
 // packages/compiler-cli/src/ngtsc/annotations/directive/src/handler.js
@@ -13527,7 +13531,7 @@ function generateTypeCheckBlock(env, ref, name, meta, domSchemaChecker, oobRecor
     statements.push(renderBlockStatements(env, templateScope, ts60.factory.createTrue()));
   }
   if (tcb.boundTarget.target.host !== void 0) {
-    const hostScope = Scope.forNodes(tcb, null, tcb.boundTarget.target.host, null, null);
+    const hostScope = Scope.forNodes(tcb, null, tcb.boundTarget.target.host.node, null, null);
     statements.push(renderBlockStatements(env, hostScope, createHostBindingsBlockGuard()));
   }
   const body = ts60.factory.createBlock(statements);
@@ -13786,6 +13790,7 @@ var TcbDirectiveTypeOpBase = class extends TcbOp {
     const dirRef = this.dir.ref;
     const rawType = this.tcb.env.referenceType(this.dir.ref);
     let type;
+    let span;
     if (this.dir.isGeneric === false || dirRef.node.typeParameters === void 0) {
       type = rawType;
     } else {
@@ -13795,9 +13800,14 @@ var TcbDirectiveTypeOpBase = class extends TcbOp {
       const typeArguments = dirRef.node.typeParameters.map(() => ts60.factory.createKeywordTypeNode(ts60.SyntaxKind.AnyKeyword));
       type = ts60.factory.createTypeReferenceNode(rawType.typeName, typeArguments);
     }
+    if (this.node instanceof TmplAstHostElement2) {
+      span = this.node.sourceSpan;
+    } else {
+      span = this.node.startSourceSpan || this.node.sourceSpan;
+    }
     const id = this.tcb.allocateId();
     addExpressionIdentifier(id, ExpressionIdentifier.DIRECTIVE);
-    addParseSpanInfo(id, this.node.startSourceSpan || this.node.sourceSpan);
+    addParseSpanInfo(id, span);
     this.scope.addStatement(tsDeclareVariable(id, type));
     return id;
   }
@@ -14257,12 +14267,16 @@ var TcbDirectiveOutputsOp = class extends TcbOp {
   tcb;
   scope;
   node;
+  inputs;
+  outputs;
   dir;
-  constructor(tcb, scope, node, dir) {
+  constructor(tcb, scope, node, inputs, outputs, dir) {
     super();
     this.tcb = tcb;
     this.scope = scope;
     this.node = node;
+    this.inputs = inputs;
+    this.outputs = outputs;
     this.dir = dir;
   }
   get optional() {
@@ -14271,13 +14285,13 @@ var TcbDirectiveOutputsOp = class extends TcbOp {
   execute() {
     let dirId = null;
     const outputs = this.dir.outputs;
-    for (const output of this.node.outputs) {
+    for (const output of this.outputs) {
       if (output.type === ParsedEventType2.LegacyAnimation || !outputs.hasBindingPropertyName(output.name)) {
         continue;
       }
-      if (this.tcb.env.config.checkTypeOfOutputEvents && output.name.endsWith("Change")) {
+      if (this.tcb.env.config.checkTypeOfOutputEvents && this.inputs !== null && output.name.endsWith("Change")) {
         const inputName = output.name.slice(0, -6);
-        checkSplitTwoWayBinding(inputName, output, this.node.inputs, this.tcb);
+        checkSplitTwoWayBinding(inputName, output, this.inputs, this.tcb);
       }
       const field = outputs.getByBindingPropertyName(output.name)[0].classPropertyName;
       if (dirId === null) {
@@ -14881,7 +14895,7 @@ var Scope = class _Scope {
       return typeof opIndexOrNode === "number" ? this.resolveOp(opIndexOrNode) : opIndexOrNode;
     } else if (ref instanceof TmplAstTemplate && directive === void 0 && this.templateCtxOpMap.has(ref)) {
       return this.resolveOp(this.templateCtxOpMap.get(ref));
-    } else if ((ref instanceof TmplAstElement2 || ref instanceof TmplAstTemplate || ref instanceof TmplAstComponent2 || ref instanceof TmplAstDirective2) && directive !== void 0 && this.directiveOpMap.has(ref)) {
+    } else if ((ref instanceof TmplAstElement2 || ref instanceof TmplAstTemplate || ref instanceof TmplAstComponent2 || ref instanceof TmplAstDirective2 || ref instanceof TmplAstHostElement2) && directive !== void 0 && this.directiveOpMap.has(ref)) {
       const dirMap = this.directiveOpMap.get(ref);
       return dirMap.has(directive) ? this.resolveOp(dirMap.get(directive)) : null;
     } else if (ref instanceof TmplAstElement2 && this.elementOpMap.has(ref)) {
@@ -14936,13 +14950,13 @@ var Scope = class _Scope {
         this.appendContentProjectionCheckOp(node);
       }
       this.appendDirectivesAndInputsOfElementLikeNode(node);
-      this.appendOutputsOfElementLikeNode(node);
+      this.appendOutputsOfElementLikeNode(node, node.inputs, node.outputs);
       this.appendSelectorlessDirectives(node);
       this.appendChildren(node);
       this.checkAndAppendReferencesOfNode(node);
     } else if (node instanceof TmplAstTemplate) {
       this.appendDirectivesAndInputsOfElementLikeNode(node);
-      this.appendOutputsOfElementLikeNode(node);
+      this.appendOutputsOfElementLikeNode(node, node.inputs, node.outputs);
       this.appendSelectorlessDirectives(node);
       const ctxIndex = this.opQueue.push(new TcbTemplateContextOp(this.tcb, this)) - 1;
       this.templateCtxOpMap.set(node, ctxIndex);
@@ -14977,9 +14991,7 @@ var Scope = class _Scope {
         this.letDeclOpMap.set(node.name, { opIndex, node });
       }
     } else if (node instanceof TmplAstHostElement2) {
-      const opIndex = this.opQueue.push(new TcbHostElementOp(this.tcb, this, node)) - 1;
-      this.hostElementOpMap.set(node, opIndex);
-      this.opQueue.push(new TcbUnclaimedInputsOp(this.tcb, this, node.bindings, node, null), new TcbUnclaimedOutputsOp(this.tcb, this, node, node.listeners, null, null), new TcbDomSchemaCheckerOp(this.tcb, node, false, null));
+      this.appendHostElement(node);
     }
   }
   appendChildren(node) {
@@ -15039,25 +15051,25 @@ var Scope = class _Scope {
       this.opQueue.push(new TcbDomSchemaCheckerOp(this.tcb, node, checkElement, claimedInputs));
     }
   }
-  appendOutputsOfElementLikeNode(node) {
+  appendOutputsOfElementLikeNode(node, bindings, events) {
     const claimedOutputs = /* @__PURE__ */ new Set();
     const directives = this.tcb.boundTarget.getDirectivesOfNode(node);
     if (directives === null || directives.length === 0) {
       if (node instanceof TmplAstElement2) {
-        this.opQueue.push(new TcbUnclaimedOutputsOp(this.tcb, this, node, node.outputs, node.inputs, claimedOutputs));
+        this.opQueue.push(new TcbUnclaimedOutputsOp(this.tcb, this, node, events, bindings, claimedOutputs));
       }
       return;
     }
     for (const dir of directives) {
-      this.opQueue.push(new TcbDirectiveOutputsOp(this.tcb, this, node, dir));
+      this.opQueue.push(new TcbDirectiveOutputsOp(this.tcb, this, node, bindings, events, dir));
     }
-    if (node instanceof TmplAstElement2) {
+    if (node instanceof TmplAstElement2 || node instanceof TmplAstHostElement2) {
       for (const dir of directives) {
         for (const outputProperty of dir.outputs.propertyNames) {
           claimedOutputs.add(outputProperty);
         }
       }
-      this.opQueue.push(new TcbUnclaimedOutputsOp(this.tcb, this, node, node.outputs, node.inputs, claimedOutputs));
+      this.opQueue.push(new TcbUnclaimedOutputsOp(this.tcb, this, node, events, bindings, claimedOutputs));
     }
   }
   appendInputsOfSelectorlessNode(node) {
@@ -15094,7 +15106,7 @@ var Scope = class _Scope {
     const claimedOutputs = /* @__PURE__ */ new Set();
     if (directives !== null && directives.length > 0) {
       for (const dir of directives) {
-        this.opQueue.push(new TcbDirectiveOutputsOp(this.tcb, this, node, dir));
+        this.opQueue.push(new TcbDirectiveOutputsOp(this.tcb, this, node, node.inputs, node.outputs, dir));
         for (const outputProperty of dir.outputs.propertyNames) {
           claimedOutputs.add(outputProperty);
         }
@@ -15243,6 +15255,21 @@ var Scope = class _Scope {
       this.validateReferenceBasedDeferredTrigger(block, triggers.viewport);
     }
   }
+  appendHostElement(node) {
+    const opIndex = this.opQueue.push(new TcbHostElementOp(this.tcb, this, node)) - 1;
+    const directives = this.tcb.boundTarget.getDirectivesOfNode(node);
+    if (directives !== null && directives.length > 0) {
+      const directiveOpMap = /* @__PURE__ */ new Map();
+      for (const directive of directives) {
+        const directiveOp = new TcbNonGenericDirectiveTypeOp(this.tcb, this, node, directive);
+        directiveOpMap.set(directive, this.opQueue.push(directiveOp) - 1);
+      }
+      this.directiveOpMap.set(node, directiveOpMap);
+    }
+    this.hostElementOpMap.set(node, opIndex);
+    this.opQueue.push(new TcbUnclaimedInputsOp(this.tcb, this, node.bindings, node, null), new TcbDomSchemaCheckerOp(this.tcb, node, false, null));
+    this.appendOutputsOfElementLikeNode(node, null, node.listeners);
+  }
   validateReferenceBasedDeferredTrigger(block, trigger) {
     if (trigger.reference === null) {
       if (block.placeholder === null) {
@@ -15709,7 +15736,10 @@ var TypeCheckContextImpl = class {
     }
     const boundTarget = binder.bind({
       template: templateContext?.nodes,
-      host: hostBindingContext?.node
+      host: hostBindingContext === null ? void 0 : {
+        node: hostBindingContext.node,
+        directives: hostBindingContext.directives
+      }
     });
     if (this.inlining === InliningMode.InlineOps) {
       for (const dir of boundTarget.getUsedDirectives()) {
@@ -18060,18 +18090,20 @@ var DirectiveDecoratorHandler = class {
     if (!ts65.isClassDeclaration(node) || meta.isPoisoned && !this.usePoisonedData) {
       return;
     }
-    const scope = this.typeCheckScopeRegistry.getTypeCheckScope(node);
+    const ref = new Reference(node);
+    const scope = this.typeCheckScopeRegistry.getTypeCheckScope(ref);
     if (scope.isPoisoned && !this.usePoisonedData) {
       return;
     }
     const hostElement = createHostElement("directive", meta.meta.selector, node, meta.hostBindingNodes.literal, meta.hostBindingNodes.bindingDecorators, meta.hostBindingNodes.listenerDecorators);
-    if (hostElement !== null) {
+    if (hostElement !== null && scope.directivesOnHost !== null) {
       const binder = new R3TargetBinder(scope.matcher);
       const hostBindingsContext = {
         node: hostElement,
+        directives: scope.directivesOnHost,
         sourceMapping: { type: "direct", node }
       };
-      ctx.addDirective(new Reference(node), binder, scope.schemas, null, hostBindingsContext, meta.meta.isStandalone);
+      ctx.addDirective(ref, binder, scope.schemas, null, hostBindingsContext, meta.meta.isStandalone);
     }
   }
   resolve(node, analysis, symbol) {
@@ -20379,7 +20411,8 @@ var ComponentDecoratorHandler = class {
     if (!ts73.isClassDeclaration(node) || meta.isPoisoned && !this.usePoisonedData) {
       return;
     }
-    const scope = this.typeCheckScopeRegistry.getTypeCheckScope(node);
+    const ref = new Reference(node);
+    const scope = this.typeCheckScopeRegistry.getTypeCheckScope(ref);
     if (scope.isPoisoned && !this.usePoisonedData) {
       return;
     }
@@ -20393,11 +20426,12 @@ var ComponentDecoratorHandler = class {
       preserveWhitespaces: meta.meta.template.preserveWhitespaces ?? false
     };
     const hostElement = this.typeCheckHostBindings ? createHostElement("component", meta.meta.selector, node, meta.hostBindingNodes.literal, meta.hostBindingNodes.bindingDecorators, meta.hostBindingNodes.listenerDecorators) : null;
-    const hostBindingsContext = hostElement === null ? null : {
+    const hostBindingsContext = hostElement === null || scope.directivesOnHost === null ? null : {
       node: hostElement,
+      directives: scope.directivesOnHost,
       sourceMapping: { type: "direct", node }
     };
-    ctx.addDirective(new Reference(node), binder, scope.schemas, templateContext, hostBindingsContext, meta.meta.isStandalone);
+    ctx.addDirective(ref, binder, scope.schemas, templateContext, hostBindingsContext, meta.meta.isStandalone);
   }
   extendedTemplateCheck(component, extendedTemplateChecker) {
     return extendedTemplateChecker.getDiagnosticsForComponent(component);

package/bundles/{chunk-56QTHZ7G.js → chunk-YY2EEYJQ.js}

@@ -16,7 +16,7 @@ import {
   tryParseSignalInputMapping,
   tryParseSignalModelMapping,
   tryParseSignalQueryFromInitializer
-} from "./chunk-5LTXARS2.js";
+} from "./chunk-UJ4H6WFJ.js";
 
 // packages/compiler-cli/src/ngtsc/transform/jit/src/downlevel_decorators_transform.js
 import ts from "typescript";

package/bundles/index.js

@@ -28,7 +28,7 @@ import {
   isTsDiagnostic,
   performCompilation,
   readConfiguration
-} from "./chunk-ILJUWTJN.js";
+} from "./chunk-5F2CCT3V.js";
 import {
   ConsoleLogger,
   LogLevel
@@ -37,7 +37,7 @@ import {
   angularJitApplicationTransform,
   getDownlevelDecoratorsTransform,
   getInitializerApiJitTransform
-} from "./chunk-56QTHZ7G.js";
+} from "./chunk-YY2EEYJQ.js";
 import {
   ActivePerfRecorder,
   ErrorCode,
@@ -46,7 +46,7 @@ import {
   TsCreateProgramDriver,
   isLocalCompilationDiagnostics,
   ngErrorCode
-} from "./chunk-5LTXARS2.js";
+} from "./chunk-UJ4H6WFJ.js";
 import "./chunk-I2BHWRAU.js";
 import {
   InvalidFileSystem,
@@ -77,7 +77,7 @@ import "./chunk-DWRM7PIK.js";
 
 // packages/compiler-cli/src/version.js
 import { Version } from "@angular/compiler";
-var VERSION = new Version("20.2.0-next.3");
+var VERSION = new Version("20.2.0-next.4");
 
 // packages/compiler-cli/private/tooling.js
 var GLOBAL_DEFS_FOR_TERSER = {

package/bundles/private/migrations.js

@@ -13,7 +13,7 @@ import {
   TypeScriptReflectionHost,
   createForwardRefResolver,
   reflectObjectLiteral
-} from "../chunk-5LTXARS2.js";
+} from "../chunk-UJ4H6WFJ.js";
 import "../chunk-I2BHWRAU.js";
 import "../chunk-GWZQLAGK.js";
 import "../chunk-SZY7NM6F.js";

package/bundles/private/tooling.js

@@ -4,8 +4,8 @@
     
 import {
   angularJitApplicationTransform
-} from "../chunk-56QTHZ7G.js";
-import "../chunk-5LTXARS2.js";
+} from "../chunk-YY2EEYJQ.js";
+import "../chunk-UJ4H6WFJ.js";
 import "../chunk-I2BHWRAU.js";
 import "../chunk-GWZQLAGK.js";
 import "../chunk-SZY7NM6F.js";

package/bundles/src/bin/ng_xi18n.js

@@ -6,12 +6,12 @@
 import {
   main,
   readCommandLineAndConfiguration
-} from "../../chunk-HMCJWY2O.js";
+} from "../../chunk-45U5FWGN.js";
 import {
   EmitFlags
-} from "../../chunk-ILJUWTJN.js";
-import "../../chunk-56QTHZ7G.js";
-import "../../chunk-5LTXARS2.js";
+} from "../../chunk-5F2CCT3V.js";
+import "../../chunk-YY2EEYJQ.js";
+import "../../chunk-UJ4H6WFJ.js";
 import "../../chunk-I2BHWRAU.js";
 import {
   setFileSystem

package/bundles/src/bin/ngc.js

@@ -5,10 +5,10 @@
     
 import {
   main
-} from "../../chunk-HMCJWY2O.js";
-import "../../chunk-ILJUWTJN.js";
-import "../../chunk-56QTHZ7G.js";
-import "../../chunk-5LTXARS2.js";
+} from "../../chunk-45U5FWGN.js";
+import "../../chunk-5F2CCT3V.js";
+import "../../chunk-YY2EEYJQ.js";
+import "../../chunk-UJ4H6WFJ.js";
 import "../../chunk-I2BHWRAU.js";
 import {
   setFileSystem

package/linker/src/file_linker/partial_linkers/util.d.ts

@@ -7,7 +7,7 @@
  */
 import { MaybeForwardRefExpression, outputAst as o, R3DeclareDependencyMetadata, R3DependencyMetadata, R3Reference } from '@angular/compiler';
 import { AstObject, AstValue } from '../../ast/ast_value';
-export declare const PLACEHOLDER_VERSION = "20.2.0-next.3";
+export declare const PLACEHOLDER_VERSION = "20.2.0-next.4";
 export declare function wrapReference<TExpression>(wrapped: o.WrappedNodeExpr<TExpression>): R3Reference;
 /**
  * Parses the value of an enum from the AST value's symbol name.

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@angular/compiler-cli",
-  "version": "20.2.0-next.3",
+  "version": "20.2.0-next.4",
   "description": "Angular - the compiler CLI for Node.js",
   "typings": "index.d.ts",
   "bin": {
@@ -48,7 +48,7 @@
     "yargs": "^18.0.0"
   },
   "peerDependencies": {
-    "@angular/compiler": "20.2.0-next.3",
+    "@angular/compiler": "20.2.0-next.4",
     "typescript": ">=5.8 <6.0"
   },
   "peerDependenciesMeta": {

package/src/ngtsc/scope/src/typecheck.d.ts

@@ -36,6 +36,10 @@ export interface TypeCheckScope {
      * (contained semantic errors during its production).
      */
     isPoisoned: boolean;
+    /**
+     * Directives that have been set on the host of the scope.
+     */
+    directivesOnHost: DirectiveMeta[] | null;
 }
 /**
  * Computes scope information to be used in template type checking.
@@ -59,9 +63,10 @@ export declare class TypeCheckScopeRegistry {
      * contains an error, then 'error' is returned. If the component is not declared in any NgModule,
      * an empty type-check scope is returned.
      */
-    getTypeCheckScope(node: ClassDeclaration): TypeCheckScope;
+    getTypeCheckScope(ref: Reference<ClassDeclaration>): TypeCheckScope;
     getTypeCheckDirectiveMetadata(ref: Reference<ClassDeclaration>): DirectiveMeta | null;
     private applyExplicitlyDeferredFlag;
     private getSelectorMatcher;
     private getSelectorlessMatcher;
+    private combineWithHostDirectives;
 }

package/src/ngtsc/typecheck/api/context.d.ts

@@ -8,7 +8,7 @@
 import { ParseError, ParseSourceFile, R3TargetBinder, SchemaMetadata, TmplAstHostElement, TmplAstNode } from '@angular/compiler';
 import ts from 'typescript';
 import { Reference } from '../../imports';
-import { PipeMeta } from '../../metadata';
+import { DirectiveMeta, PipeMeta } from '../../metadata';
 import { ClassDeclaration } from '../../reflection';
 import { SourceMapping, TypeCheckableDirectiveMeta } from './api';
 /** Contextuable data for type checking the template of a component. */
@@ -30,6 +30,8 @@ export interface TemplateContext {
 export interface HostBindingsContext {
     /** AST node representing the host element of the directive. */
     node: TmplAstHostElement;
+    /** Directives present on the host element. */
+    directives: DirectiveMeta[];
     /** Describes the source of the host bindings. Used for mapping errors back. */
     sourceMapping: SourceMapping;
 }

package/src/ngtsc/typecheck/src/type_check_block.d.ts

@@ -5,7 +5,7 @@
  * Use of this source code is governed by an MIT-style license that can be
  * found in the LICENSE file at https://angular.dev/license
  */
-import { BoundTarget, SchemaMetadata, TmplAstElement, TmplAstForLoopBlock, TmplAstIfBlockBranch, TmplAstLetDeclaration, TmplAstNode, TmplAstReference, TmplAstTemplate, TmplAstVariable, TmplAstHostElement, TmplAstComponent, TmplAstDirective } from '@angular/compiler';
+import { BoundTarget, SchemaMetadata, TmplAstBoundAttribute, TmplAstBoundEvent, TmplAstElement, TmplAstForLoopBlock, TmplAstIfBlockBranch, TmplAstLetDeclaration, TmplAstNode, TmplAstReference, TmplAstTemplate, TmplAstVariable, TmplAstHostElement, TmplAstComponent, TmplAstDirective, DirectiveOwner } from '@angular/compiler';
 import ts from 'typescript';
 import { Reference } from '../../imports';
 import { PipeMeta } from '../../metadata';
@@ -111,8 +111,10 @@ export declare class TcbDirectiveOutputsOp extends TcbOp {
     private tcb;
     private scope;
     private node;
+    private inputs;
+    private outputs;
     private dir;
-    constructor(tcb: Context, scope: Scope, node: TmplAstTemplate | TmplAstElement | TmplAstComponent | TmplAstDirective, dir: TypeCheckableDirectiveMeta);
+    constructor(tcb: Context, scope: Scope, node: DirectiveOwner, inputs: TmplAstBoundAttribute[] | null, outputs: TmplAstBoundEvent[], dir: TypeCheckableDirectiveMeta);
     get optional(): boolean;
     execute(): null;
 }
@@ -301,6 +303,7 @@ declare class Scope {
     private appendComponentNode;
     private appendDeferredBlock;
     private appendDeferredTriggers;
+    private appendHostElement;
     private validateReferenceBasedDeferredTrigger;
     /** Reports a diagnostic if there are any `@let` declarations that conflict with a node. */
     private static checkConflictingLet;