@angular/compiler-cli 21.0.0-rc.0 → 21.0.0-rc.2

package/bundles/{chunk-ZOLVJRLX.js → chunk-UI6E44E7.js}

@@ -8,7 +8,7 @@ import {
   TrackedIncrementalBuildStrategy,
   freshCompilationTicket,
   incrementalFromCompilerTicket
-} from "./chunk-ZOZ6XVF3.js";
+} from "./chunk-JCBKDAHA.js";
 import {
   ActivePerfRecorder,
   OptimizeFor,
@@ -18,7 +18,7 @@ import {
   TsCreateProgramDriver,
   replaceTsWithNgInErrors,
   retagAllTsFiles
-} from "./chunk-3CWKYDQ7.js";
+} from "./chunk-Y65S2AOA.js";
 import {
   absoluteFrom,
   createFileSystemTsReadDirectoryFn,

package/bundles/{chunk-3CWKYDQ7.js → chunk-Y65S2AOA.js}

@@ -104,6 +104,7 @@ var ErrorCode;
   ErrorCode2[ErrorCode2["DEFER_IMPLICIT_TRIGGER_MISSING_PLACEHOLDER"] = 8019] = "DEFER_IMPLICIT_TRIGGER_MISSING_PLACEHOLDER";
   ErrorCode2[ErrorCode2["DEFER_IMPLICIT_TRIGGER_INVALID_PLACEHOLDER"] = 8020] = "DEFER_IMPLICIT_TRIGGER_INVALID_PLACEHOLDER";
   ErrorCode2[ErrorCode2["DEFER_TRIGGER_MISCONFIGURATION"] = 8021] = "DEFER_TRIGGER_MISCONFIGURATION";
+  ErrorCode2[ErrorCode2["FORM_FIELD_UNSUPPORTED_BINDING"] = 8022] = "FORM_FIELD_UNSUPPORTED_BINDING";
   ErrorCode2[ErrorCode2["INVALID_BANANA_IN_BOX"] = 8101] = "INVALID_BANANA_IN_BOX";
   ErrorCode2[ErrorCode2["NULLISH_COALESCING_NOT_NULLABLE"] = 8102] = "NULLISH_COALESCING_NOT_NULLABLE";
   ErrorCode2[ErrorCode2["MISSING_CONTROL_FLOW_DIRECTIVE"] = 8103] = "MISSING_CONTROL_FLOW_DIRECTIVE";
@@ -8260,7 +8261,6 @@ function extractDirectiveMetadata(clazz, decorator, reflector, importTracker, ev
     queries: contentQueries,
     viewQueries,
     selector,
-    fullInheritance: false,
     type,
     typeArgumentCount: reflector.getGenericArityOfClass(clazz) || 0,
     typeSourceSpan: createSourceSpan(clazz.name),
@@ -13686,7 +13686,7 @@ var Environment = class extends ReferenceEmitEnvironment {
 };
 
 // packages/compiler-cli/src/ngtsc/typecheck/src/oob.js
-import { AbsoluteSourceSpan as AbsoluteSourceSpan3, TmplAstBoundEvent as TmplAstBoundEvent2, TmplAstComponent, TmplAstDirective, TmplAstElement } from "@angular/compiler";
+import { AbsoluteSourceSpan as AbsoluteSourceSpan3, TmplAstBoundAttribute as TmplAstBoundAttribute2, TmplAstBoundEvent as TmplAstBoundEvent2, TmplAstComponent, TmplAstDirective, TmplAstElement, ParseSourceSpan as ParseSourceSpan2, BindingType as BindingType2 } from "@angular/compiler";
 import ts58 from "typescript";
 var OutOfBandDiagnosticRecorderImpl = class {
   resolver;
@@ -13854,7 +13854,23 @@ Consider enabling the 'strictTemplates' option in your tsconfig.json for better
   }
   missingRequiredInputs(id, element, directiveName, isComponent, inputAliases) {
     const message = `Required input${inputAliases.length === 1 ? "" : "s"} ${inputAliases.map((n2) => `'${n2}'`).join(", ")} from ${isComponent ? "component" : "directive"} ${directiveName} must be specified.`;
-    this._diagnostics.push(makeTemplateDiagnostic(id, this.resolver.getTemplateSourceMapping(id), element.startSourceSpan, ts58.DiagnosticCategory.Error, ngErrorCode(ErrorCode.MISSING_REQUIRED_INPUTS), message));
+    let span;
+    let name;
+    if (element instanceof TmplAstElement || element instanceof TmplAstDirective) {
+      name = element.name;
+    } else if (element instanceof TmplAstComponent) {
+      name = element.componentName;
+    } else {
+      name = null;
+    }
+    if (name === null) {
+      span = element.startSourceSpan;
+    } else {
+      const start = element.startSourceSpan.start.moveBy(1);
+      const end = element.startSourceSpan.end.moveBy(start.offset + name.length - element.startSourceSpan.end.offset);
+      span = new ParseSourceSpan2(start, end);
+    }
+    this._diagnostics.push(makeTemplateDiagnostic(id, this.resolver.getTemplateSourceMapping(id), span, ts58.DiagnosticCategory.Error, ngErrorCode(ErrorCode.MISSING_REQUIRED_INPUTS), message));
   }
   illegalForLoopTrackAccess(id, block, access) {
     const sourceSpan = this.resolver.toTemplateParseSourceSpan(id, access.sourceSpan);
@@ -13934,6 +13950,23 @@ Deferred blocks can only access triggers in same view, a parent embedded view or
   deferImplicitTriggerInvalidPlaceholder(id, trigger) {
     this._diagnostics.push(makeTemplateDiagnostic(id, this.resolver.getTemplateSourceMapping(id), trigger.sourceSpan, ts58.DiagnosticCategory.Error, ngErrorCode(ErrorCode.DEFER_IMPLICIT_TRIGGER_INVALID_PLACEHOLDER), "Trigger with no target can only be placed on an @defer that has a @placeholder block with exactly one root element node"));
   }
+  formFieldUnsupportedBinding(id, node) {
+    let message;
+    if (node instanceof TmplAstBoundAttribute2) {
+      let name;
+      if (node.type === BindingType2.Property) {
+        name = `[${node.name}]`;
+      } else if (node.type === BindingType2.Attribute) {
+        name = `[attr.${node.name}]`;
+      } else {
+        name = node.name;
+      }
+      message = `Binding to '${name}' is not allowed on nodes using the '[field]' directive`;
+    } else {
+      message = `Setting the '${node.name}' attribute is not allowed on nodes using the '[field]' directive`;
+    }
+    this._diagnostics.push(makeTemplateDiagnostic(id, this.resolver.getTemplateSourceMapping(id), node.sourceSpan, ts58.DiagnosticCategory.Error, ngErrorCode(ErrorCode.FORM_FIELD_UNSUPPORTED_BINDING), message));
+  }
 };
 function makeInlineDiagnostic(id, code, node, messageText, relatedInformation) {
   return {
@@ -13960,7 +13993,7 @@ var TypeCheckShimGenerator = class {
 };
 
 // packages/compiler-cli/src/ngtsc/typecheck/src/type_check_block.js
-import { BindingPipe, BindingType as BindingType2, Call as Call3, createCssSelectorFromNode, CssSelector as CssSelector3, DYNAMIC_TYPE, ImplicitReceiver as ImplicitReceiver3, ParsedEventType as ParsedEventType2, PropertyRead as PropertyRead4, R3Identifiers as R3Identifiers4, SafeCall as SafeCall2, SafePropertyRead as SafePropertyRead3, SelectorMatcher as SelectorMatcher2, ThisReceiver as ThisReceiver2, TmplAstBoundAttribute as TmplAstBoundAttribute2, TmplAstBoundText, TmplAstContent, TmplAstDeferredBlock, TmplAstElement as TmplAstElement2, TmplAstForLoopBlock, TmplAstIcu, TmplAstIfBlock, TmplAstIfBlockBranch, TmplAstLetDeclaration as TmplAstLetDeclaration2, TmplAstReference as TmplAstReference2, TmplAstSwitchBlock, TmplAstTemplate, TmplAstText, TmplAstTextAttribute as TmplAstTextAttribute2, TmplAstVariable, TmplAstHostElement as TmplAstHostElement2, TransplantedType, TmplAstComponent as TmplAstComponent2, TmplAstDirective as TmplAstDirective2, Binary } from "@angular/compiler";
+import { BindingPipe, BindingType as BindingType3, Call as Call3, createCssSelectorFromNode, CssSelector as CssSelector3, DYNAMIC_TYPE, ImplicitReceiver as ImplicitReceiver3, ParsedEventType as ParsedEventType2, PropertyRead as PropertyRead4, R3Identifiers as R3Identifiers4, SafeCall as SafeCall2, SafePropertyRead as SafePropertyRead3, SelectorMatcher as SelectorMatcher2, ThisReceiver as ThisReceiver2, TmplAstBoundAttribute as TmplAstBoundAttribute3, TmplAstBoundText, TmplAstContent, TmplAstDeferredBlock, TmplAstElement as TmplAstElement2, TmplAstForLoopBlock, TmplAstIcu, TmplAstIfBlock, TmplAstIfBlockBranch, TmplAstLetDeclaration as TmplAstLetDeclaration2, TmplAstReference as TmplAstReference2, TmplAstSwitchBlock, TmplAstTemplate, TmplAstText, TmplAstTextAttribute as TmplAstTextAttribute2, TmplAstVariable, TmplAstHostElement as TmplAstHostElement2, TransplantedType, TmplAstComponent as TmplAstComponent2, TmplAstDirective as TmplAstDirective2, Binary } from "@angular/compiler";
 import ts62 from "typescript";
 
 // packages/compiler-cli/src/ngtsc/typecheck/src/diagnostics.js
@@ -14649,7 +14682,7 @@ var TcbTemplateBodyOp = class extends TcbOp {
       const dirId = this.tcb.env.reference(dir.ref);
       dir.ngTemplateGuards.forEach((guard) => {
         const boundInput = hostNode.inputs.find((i) => i.name === guard.inputName) || (isTemplate ? hostNode.templateAttrs.find((input) => {
-          return input instanceof TmplAstBoundAttribute2 && input.name === guard.inputName;
+          return input instanceof TmplAstBoundAttribute3 && input.name === guard.inputName;
         }) : void 0);
         if (boundInput !== void 0) {
           const expr = tcbExpression(boundInput.value, this.tcb, this.scope);
@@ -14762,6 +14795,161 @@ var TcbGenericDirectiveTypeWithAnyParamsOp = class extends TcbDirectiveTypeOpBas
     return super.execute();
   }
 };
+var TcbFieldDirectiveTypeBaseOp = class extends TcbOp {
+  tcb;
+  scope;
+  node;
+  dir;
+  /** Bindings that aren't supported on signal form fields. */
+  unsupportedBindingFields = /* @__PURE__ */ new Set([
+    ...formControlInputFields,
+    "value",
+    "checked",
+    "type",
+    "maxlength",
+    "minlength"
+  ]);
+  constructor(tcb, scope, node, dir) {
+    super();
+    this.tcb = tcb;
+    this.scope = scope;
+    this.node = node;
+    this.dir = dir;
+  }
+  get optional() {
+    return true;
+  }
+  execute() {
+    const inputs = this.node instanceof TmplAstHostElement2 ? this.node.bindings : this.node.inputs;
+    for (const input of inputs) {
+      if (input.type === BindingType3.Property && this.unsupportedBindingFields.has(input.name)) {
+        this.tcb.oobRecorder.formFieldUnsupportedBinding(this.tcb.id, input);
+      } else if (input.type === BindingType3.Attribute && this.unsupportedBindingFields.has(input.name.toLowerCase())) {
+        this.tcb.oobRecorder.formFieldUnsupportedBinding(this.tcb.id, input);
+      }
+    }
+    if (!(this.node instanceof TmplAstHostElement2)) {
+      for (const attr of this.node.attributes) {
+        const name = attr.name.toLowerCase();
+        if (name !== "type" && this.unsupportedBindingFields.has(name)) {
+          this.tcb.oobRecorder.formFieldUnsupportedBinding(this.tcb.id, attr);
+        }
+      }
+    }
+    const refType = this.tcb.env.referenceType(this.dir.ref);
+    if (!ts62.isTypeReferenceNode(refType)) {
+      throw new Error(`Expected TypeReferenceNode when referencing the type for ${this.dir.ref.debugName}`);
+    }
+    const span = this.node instanceof TmplAstHostElement2 ? this.node.sourceSpan : this.node.startSourceSpan || this.node.sourceSpan;
+    const type = ts62.factory.createTypeReferenceNode(refType.typeName, [this.getExpectedType()]);
+    const id = this.tcb.allocateId();
+    addExpressionIdentifier(id, ExpressionIdentifier.DIRECTIVE);
+    addParseSpanInfo(id, span);
+    this.scope.addStatement(tsDeclareVariable(id, type));
+    return id;
+  }
+};
+var TcbNativeFieldDirectiveTypeOp = class extends TcbFieldDirectiveTypeBaseOp {
+  inputType;
+  constructor(tcb, scope, node, dir) {
+    super(tcb, scope, node, dir);
+    this.inputType = node instanceof TmplAstElement2 && node.name === "input" && node.attributes.find((attr) => attr.name === "type")?.value || null;
+    if (this.inputType === "radio") {
+      this.unsupportedBindingFields.delete("value");
+    }
+  }
+  getExpectedType() {
+    if (this.node instanceof TmplAstElement2) {
+      return this.getExpectedTypeFromDomNode(this.node);
+    }
+    return this.getUnsupportedType();
+  }
+  getExpectedTypeFromDomNode(node) {
+    if (node.name === "textarea" || node.name === "select") {
+      return ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.StringKeyword);
+    }
+    if (node.name !== "input") {
+      return this.getUnsupportedType();
+    }
+    switch (this.inputType) {
+      case "checkbox":
+        return ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.BooleanKeyword);
+      case "number":
+      case "range":
+      case "datetime-local":
+        return ts62.factory.createUnionTypeNode([
+          ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.StringKeyword),
+          ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.NumberKeyword)
+        ]);
+      case "date":
+      case "month":
+      case "time":
+      case "week":
+        return ts62.factory.createUnionTypeNode([
+          ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.StringKeyword),
+          ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.NumberKeyword),
+          ts62.factory.createTypeReferenceNode("Date"),
+          ts62.factory.createLiteralTypeNode(ts62.factory.createNull())
+        ]);
+    }
+    return ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.StringKeyword);
+  }
+  getUnsupportedType() {
+    return ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.UnknownKeyword);
+  }
+};
+var TcbCustomFieldDirectiveTypeOp = class extends TcbFieldDirectiveTypeBaseOp {
+  customFieldDir;
+  constructor(tcb, scope, node, dir, customFieldDir) {
+    super(tcb, scope, node, dir);
+    this.customFieldDir = customFieldDir;
+  }
+  execute() {
+    const refId = super.execute();
+    this.appendFormFieldConformanceStatements();
+    return refId;
+  }
+  getExpectedType() {
+    const id = R3Identifiers4.ExtractFormControlValue;
+    const extractRef = this.tcb.env.referenceExternalType(id.moduleName, id.name);
+    if (!ts62.isTypeReferenceNode(extractRef)) {
+      throw new Error(`Expected TypeReferenceNode when referencing the type for ${id.name}`);
+    }
+    return ts62.factory.createTypeReferenceNode(extractRef.typeName, [
+      this.getCustomFieldTypeReference()
+    ]);
+  }
+  getCustomFieldTypeReference() {
+    const customFieldRef = this.tcb.env.referenceType(this.customFieldDir.meta.ref);
+    if (!ts62.isTypeReferenceNode(customFieldRef)) {
+      throw new Error(`Expected TypeReferenceNode when referencing the type for ${this.customFieldDir.meta.ref.debugName}`);
+    }
+    return customFieldRef;
+  }
+  appendFormFieldConformanceStatements() {
+    let span;
+    if (this.node instanceof TmplAstHostElement2) {
+      span = this.node.sourceSpan;
+    } else {
+      span = this.node.inputs.find((input) => {
+        return input.type === BindingType3.Property && input.name === "field";
+      })?.sourceSpan ?? this.node.startSourceSpan;
+    }
+    const isCheckbox = this.customFieldDir.type === "checkbox";
+    const symbolName = isCheckbox ? "FormCheckboxControl" : "FormValueControl";
+    const targetTypeRef = this.tcb.env.referenceExternalType("@angular/forms/signals", symbolName);
+    if (!ts62.isTypeReferenceNode(targetTypeRef)) {
+      throw new Error(`Expected TypeReferenceNode when referencing the type for ${symbolName}`);
+    }
+    const id = this.tcb.allocateId();
+    const targetType = ts62.factory.createTypeReferenceNode(targetTypeRef.typeName, isCheckbox ? void 0 : [ts62.factory.createKeywordTypeNode(ts62.SyntaxKind.AnyKeyword)]);
+    this.scope.addStatement(tsDeclareVariable(id, targetType));
+    const controlType = ts62.factory.createAsExpression(ts62.factory.createNonNullExpression(ts62.factory.createNull()), this.getCustomFieldTypeReference());
+    const assignment = ts62.factory.createBinaryExpression(id, ts62.SyntaxKind.EqualsToken, controlType);
+    addParseSpanInfo(assignment, span);
+    this.scope.addStatement(ts62.factory.createIfStatement(id, ts62.factory.createExpressionStatement(assignment)));
+  }
+};
 var TcbReferenceOp = class extends TcbOp {
   tcb;
   scope;
@@ -14877,12 +15065,14 @@ var TcbDirectiveInputsOp = class extends TcbOp {
   scope;
   node;
   dir;
-  constructor(tcb, scope, node, dir) {
+  ignoredRequiredInputs;
+  constructor(tcb, scope, node, dir, ignoredRequiredInputs) {
     super();
     this.tcb = tcb;
     this.scope = scope;
     this.node = node;
     this.dir = dir;
+    this.ignoredRequiredInputs = ignoredRequiredInputs;
   }
   get optional() {
     return false;
@@ -14961,7 +15151,7 @@ var TcbDirectiveInputsOp = class extends TcbOp {
   checkRequiredInputs(seenRequiredInputs) {
     const missing = [];
     for (const input of this.dir.inputs) {
-      if (input.required && !seenRequiredInputs.has(input.classPropertyName)) {
+      if (input.required && !seenRequiredInputs.has(input.classPropertyName) && (this.ignoredRequiredInputs === null || !this.ignoredRequiredInputs.has(input.bindingPropertyName))) {
         missing.push(input.bindingPropertyName);
       }
     }
@@ -15019,7 +15209,7 @@ var TcbDomSchemaCheckerOp = class extends TcbOp {
       this.tcb.domSchemaChecker.checkElement(this.tcb.id, this.getTagName(element), element.startSourceSpan, this.tcb.schemas, this.tcb.hostIsStandalone);
     }
     for (const binding of bindings) {
-      const isPropertyBinding = binding.type === BindingType2.Property || binding.type === BindingType2.TwoWay;
+      const isPropertyBinding = binding.type === BindingType3.Property || binding.type === BindingType3.TwoWay;
       if (isPropertyBinding && this.claimedInputs?.has(binding.name)) {
         continue;
       }
@@ -15174,7 +15364,7 @@ var TcbUnclaimedInputsOp = class extends TcbOp {
   execute() {
     let elId = null;
     for (const binding of this.inputs) {
-      const isPropertyBinding = binding.type === BindingType2.Property || binding.type === BindingType2.TwoWay;
+      const isPropertyBinding = binding.type === BindingType3.Property || binding.type === BindingType3.TwoWay;
       if (isPropertyBinding && this.claimedInputs?.has(binding.name)) {
         continue;
       }
@@ -15992,7 +16182,7 @@ var Scope = class _Scope {
     }
     const dirMap = /* @__PURE__ */ new Map();
     for (const dir of directives) {
-      this.appendDirectiveInputs(dir, node, dirMap);
+      this.appendDirectiveInputs(dir, node, dirMap, directives);
     }
     this.directiveOpMap.set(node, dirMap);
     if (node instanceof TmplAstElement2) {
@@ -16033,7 +16223,7 @@ var Scope = class _Scope {
     if (directives !== null && directives.length > 0) {
       const dirMap = /* @__PURE__ */ new Map();
       for (const dir of directives) {
-        this.appendDirectiveInputs(dir, node, dirMap);
+        this.appendDirectiveInputs(dir, node, dirMap, directives);
         for (const propertyName of dir.inputs.propertyNames) {
           claimedInputs.add(propertyName);
         }
@@ -16077,15 +16267,37 @@ var Scope = class _Scope {
       this.opQueue.push(new TcbUnclaimedOutputsOp(this.tcb, this, node, node.outputs, node.inputs, claimedOutputs));
     }
   }
-  appendDirectiveInputs(dir, node, dirMap) {
-    const directiveOp = this.getDirectiveOp(dir, node);
+  appendDirectiveInputs(dir, node, dirMap, allDirectiveMatches) {
+    const directiveOp = this.getDirectiveOp(dir, node, allDirectiveMatches);
     const dirIndex = this.opQueue.push(directiveOp) - 1;
     dirMap.set(dir, dirIndex);
-    this.opQueue.push(new TcbDirectiveInputsOp(this.tcb, this, node, dir));
+    let ignoredRequiredInputs = null;
+    if (allDirectiveMatches.some(isFieldDirective)) {
+      const customFieldType = getCustomFieldDirectiveType(dir);
+      if (customFieldType !== null) {
+        ignoredRequiredInputs = new Set(formControlInputFields);
+        if (customFieldType === "value") {
+          ignoredRequiredInputs.add("value");
+        } else if (customFieldType === "checkbox") {
+          ignoredRequiredInputs.add("checked");
+        }
+      }
+    }
+    this.opQueue.push(new TcbDirectiveInputsOp(this.tcb, this, node, dir, ignoredRequiredInputs));
   }
-  getDirectiveOp(dir, node) {
+  getDirectiveOp(dir, node, allDirectiveMatches) {
     const dirRef = dir.ref;
-    if (!dir.isGeneric) {
+    if (isFieldDirective(dir)) {
+      let customControl = null;
+      for (const meta of allDirectiveMatches) {
+        const type = getCustomFieldDirectiveType(meta);
+        if (type !== null) {
+          customControl = { type, meta };
+          break;
+        }
+      }
+      return customControl === null ? new TcbNativeFieldDirectiveTypeOp(this.tcb, this, node, dir) : new TcbCustomFieldDirectiveTypeOp(this.tcb, this, node, dir, customControl);
+    } else if (!dir.isGeneric) {
       return new TcbNonGenericDirectiveTypeOp(this.tcb, this, node, dir);
     } else if (!requiresInlineTypeCtor(dirRef.node, this.tcb.env.reflector, this.tcb.env) || this.tcb.env.config.useInlineTypeConstructors) {
       return new TcbDirectiveCtorOp(this.tcb, this, node, dir);
@@ -16219,7 +16431,7 @@ var Scope = class _Scope {
     if (directives !== null && directives.length > 0) {
       const directiveOpMap = /* @__PURE__ */ new Map();
       for (const directive of directives) {
-        const directiveOp = this.getDirectiveOp(directive, node);
+        const directiveOp = this.getDirectiveOp(directive, node, directives);
         directiveOpMap.set(directive, this.opQueue.push(directiveOp) - 1);
       }
       this.directiveOpMap.set(node, directiveOpMap);
@@ -16418,7 +16630,7 @@ function tcbCallTypeCtor(dir, tcb, inputs) {
 function getBoundAttributes(directive, node) {
   const boundInputs = [];
   const processAttribute = (attr) => {
-    if (attr instanceof TmplAstBoundAttribute2 && attr.type !== BindingType2.Property && attr.type !== BindingType2.TwoWay) {
+    if (attr instanceof TmplAstBoundAttribute3 && attr.type !== BindingType3.Property && attr.type !== BindingType3.TwoWay) {
       return;
     }
     const inputs = directive.inputs.getByBindingPropertyName(attr.name);
@@ -16431,7 +16643,7 @@ function getBoundAttributes(directive, node) {
             required: input.required,
             transformType: input.transform?.type || null,
             isSignal: input.isSignal,
-            isTwoWayBinding: attr instanceof TmplAstBoundAttribute2 && attr.type === BindingType2.TwoWay
+            isTwoWayBinding: attr instanceof TmplAstBoundAttribute3 && attr.type === BindingType3.TwoWay
           };
         })
       });
@@ -16450,7 +16662,7 @@ function getBoundAttributes(directive, node) {
   return boundInputs;
 }
 function translateInput(attr, tcb, scope) {
-  if (attr instanceof TmplAstBoundAttribute2) {
+  if (attr instanceof TmplAstBoundAttribute3) {
     return tcbExpression(attr.value, tcb, scope);
   } else {
     return ts62.factory.createStringLiteral(attr.value);
@@ -16590,6 +16802,43 @@ var TcbForLoopTrackTranslator = class extends TcbExpressionTranslator {
 function getComponentTagName(node) {
   return node.tagName || "ng-component";
 }
+function isFieldDirective(meta) {
+  if (meta.name !== "Field") {
+    return false;
+  }
+  if (meta.ref.bestGuessOwningModule?.specifier === "@angular/forms/signals") {
+    return true;
+  }
+  return ts62.isClassDeclaration(meta.ref.node) && meta.ref.node.members.some((member) => ts62.isPropertyDeclaration(member) && ts62.isComputedPropertyName(member.name) && ts62.isIdentifier(member.name.expression) && member.name.expression.text === "\u0275CONTROL");
+}
+function hasModel(name, meta) {
+  return !!meta.inputs.getByBindingPropertyName(name)?.some((v) => v.isSignal) && meta.outputs.hasBindingPropertyName(name + "Change");
+}
+var formControlInputFields = [
+  // Should be kept in sync with the `FormUiControl` bindings,
+  // defined in `packages/forms/signals/src/api/control.ts`.
+  "errors",
+  "invalid",
+  "disabled",
+  "disabledReasons",
+  "name",
+  "readonly",
+  "touched",
+  "max",
+  "maxLength",
+  "min",
+  "minLength",
+  "pattern",
+  "required"
+];
+function getCustomFieldDirectiveType(meta) {
+  if (hasModel("value", meta)) {
+    return "value";
+  } else if (hasModel("checked", meta)) {
+    return "checkbox";
+  }
+  return null;
+}
 
 // packages/compiler-cli/src/ngtsc/typecheck/src/type_check_file.js
 import ts63 from "typescript";
@@ -16971,7 +17220,7 @@ var TypeCtorOp = class {
 };
 
 // packages/compiler-cli/src/ngtsc/typecheck/src/source.js
-import { ParseLocation as ParseLocation2, ParseSourceSpan as ParseSourceSpan2 } from "@angular/compiler";
+import { ParseLocation as ParseLocation2, ParseSourceSpan as ParseSourceSpan3 } from "@angular/compiler";
 
 // packages/compiler-cli/src/ngtsc/typecheck/src/line_mappings.js
 var LF_CHAR = 10;
@@ -17026,7 +17275,7 @@ var Source = class {
   toParseSourceSpan(start, end) {
     const startLoc = this.toParseLocation(start);
     const endLoc = this.toParseLocation(end);
-    return new ParseSourceSpan2(startLoc, endLoc);
+    return new ParseSourceSpan3(startLoc, endLoc);
   }
   toParseLocation(position) {
     const lineStarts = this.acquireLineStarts();
@@ -17087,7 +17336,7 @@ var DirectiveSourceManager = class {
 };
 
 // packages/compiler-cli/src/ngtsc/typecheck/src/template_symbol_builder.js
-import { AST, ASTWithName as ASTWithName2, ASTWithSource as ASTWithSource2, Binary as Binary2, BindingPipe as BindingPipe2, PropertyRead as PropertyRead5, R3Identifiers as R3Identifiers5, SafePropertyRead as SafePropertyRead4, TmplAstBoundAttribute as TmplAstBoundAttribute3, TmplAstBoundEvent as TmplAstBoundEvent3, TmplAstComponent as TmplAstComponent3, TmplAstDirective as TmplAstDirective3, TmplAstElement as TmplAstElement3, TmplAstLetDeclaration as TmplAstLetDeclaration3, TmplAstReference as TmplAstReference3, TmplAstTemplate as TmplAstTemplate2, TmplAstTextAttribute as TmplAstTextAttribute3, TmplAstVariable as TmplAstVariable2 } from "@angular/compiler";
+import { AST, ASTWithName as ASTWithName2, ASTWithSource as ASTWithSource2, Binary as Binary2, BindingPipe as BindingPipe2, PropertyRead as PropertyRead5, R3Identifiers as R3Identifiers5, SafePropertyRead as SafePropertyRead4, TmplAstBoundAttribute as TmplAstBoundAttribute4, TmplAstBoundEvent as TmplAstBoundEvent3, TmplAstComponent as TmplAstComponent3, TmplAstDirective as TmplAstDirective3, TmplAstElement as TmplAstElement3, TmplAstLetDeclaration as TmplAstLetDeclaration3, TmplAstReference as TmplAstReference3, TmplAstTemplate as TmplAstTemplate2, TmplAstTextAttribute as TmplAstTextAttribute3, TmplAstVariable as TmplAstVariable2 } from "@angular/compiler";
 import ts65 from "typescript";
 var SymbolBuilder = class {
   tcbPath;
@@ -17110,7 +17359,7 @@ var SymbolBuilder = class {
       return this.symbolCache.get(node);
     }
     let symbol = null;
-    if (node instanceof TmplAstBoundAttribute3 || node instanceof TmplAstTextAttribute3) {
+    if (node instanceof TmplAstBoundAttribute4 || node instanceof TmplAstTextAttribute3) {
       symbol = this.getSymbolOfInputBinding(node);
     } else if (node instanceof TmplAstBoundEvent3) {
       symbol = this.getSymbolOfBoundEvent(node);
@@ -20888,7 +21137,7 @@ var ComponentDecoratorHandler = class {
         diagnostics.push(makeResourceNotFoundError(styleUrl.url, styleUrl.expression, resourceType).toDiagnostic());
       }
     }
-    if ((encapsulation === ViewEncapsulation2.ShadowDom || encapsulation === ViewEncapsulation2.IsolatedShadowDom) && metadata.selector !== null) {
+    if ((encapsulation === ViewEncapsulation2.ShadowDom || encapsulation === ViewEncapsulation2.ExperimentalIsolatedShadowDom) && metadata.selector !== null) {
       const selectorError = checkCustomElementSelectorForErrors(metadata.selector);
       if (selectorError !== null) {
         if (diagnostics === void 0) {

package/bundles/{chunk-HSIRUBJU.js → chunk-Z6XYTYZD.js}

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

package/bundles/{chunk-DT6FD4OE.js → chunk-ZJZNLTWN.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 = "21.0.0-rc.0";
+var PLACEHOLDER_VERSION = "21.0.0-rc.2";
 function wrapReference(wrapped) {
   return { value: wrapped, type: wrapped };
 }
@@ -546,7 +546,6 @@ function toR3DirectiveMeta(metaObj, code, sourceUrl, version) {
     queries: metaObj.has("queries") ? metaObj.getArray("queries").map((entry) => toQueryMetadata(entry.getObject())) : [],
     viewQueries: metaObj.has("viewQueries") ? metaObj.getArray("viewQueries").map((entry) => toQueryMetadata(entry.getObject())) : [],
     providers: metaObj.has("providers") ? metaObj.getOpaque("providers") : null,
-    fullInheritance: false,
     selector: metaObj.has("selector") ? metaObj.getString("selector") : null,
     exportAs: metaObj.has("exportAs") ? metaObj.getArray("exportAs").map((entry) => entry.getString()) : null,
     lifecycle: {

package/bundles/index.js

@@ -17,7 +17,7 @@ import {
   isTsDiagnostic,
   performCompilation,
   readConfiguration
-} from "./chunk-ZOLVJRLX.js";
+} from "./chunk-UI6E44E7.js";
 import {
   ConsoleLogger,
   LogLevel
@@ -34,7 +34,7 @@ import {
   freshCompilationTicket,
   incrementalFromStateTicket,
   isDocEntryWithSourceInfo
-} from "./chunk-ZOZ6XVF3.js";
+} from "./chunk-JCBKDAHA.js";
 import {
   ActivePerfRecorder,
   ErrorCode,
@@ -46,7 +46,7 @@ import {
   getInitializerApiJitTransform,
   isLocalCompilationDiagnostics,
   ngErrorCode
-} from "./chunk-3CWKYDQ7.js";
+} from "./chunk-Y65S2AOA.js";
 import "./chunk-LS5RJ5CS.js";
 import {
   InvalidFileSystem,
@@ -77,7 +77,7 @@ import "./chunk-G7GFT6BU.js";
 
 // packages/compiler-cli/src/version.js
 import { Version } from "@angular/compiler";
-var VERSION = new Version("21.0.0-rc.0");
+var VERSION = new Version("21.0.0-rc.2");
 
 // packages/compiler-cli/private/tooling.js
 var GLOBAL_DEFS_FOR_TERSER = {

package/bundles/linker/babel/index.js

@@ -8,7 +8,7 @@ import {
   LinkerEnvironment,
   assert,
   isFatalLinkerError
-} from "../../chunk-DT6FD4OE.js";
+} from "../../chunk-ZJZNLTWN.js";
 import {
   ConsoleLogger,
   LogLevel

package/bundles/linker/index.js

@@ -10,7 +10,7 @@ import {
   assert,
   isFatalLinkerError,
   needsLinking
-} from "../chunk-DT6FD4OE.js";
+} from "../chunk-ZJZNLTWN.js";
 import "../chunk-HYJ2H3FU.js";
 import "../chunk-LS5RJ5CS.js";
 import "../chunk-G7GFT6BU.js";

package/bundles/private/migrations.js

@@ -5,7 +5,7 @@
 import {
   DiagnosticCategoryLabel,
   NgCompiler
-} from "../chunk-ZOZ6XVF3.js";
+} from "../chunk-JCBKDAHA.js";
 import {
   CompilationMode,
   DtsMetadataReader,
@@ -32,7 +32,7 @@ import {
   queryDecoratorNames,
   reflectObjectLiteral,
   unwrapExpression
-} from "../chunk-3CWKYDQ7.js";
+} from "../chunk-Y65S2AOA.js";
 import "../chunk-LS5RJ5CS.js";
 import {
   getFileSystem,

package/bundles/private/testing.js

@@ -6,7 +6,7 @@ import {
   ImportedSymbolsTracker,
   TypeScriptReflectionHost,
   getInitializerApiJitTransform
-} from "../chunk-3CWKYDQ7.js";
+} from "../chunk-Y65S2AOA.js";
 import "../chunk-LS5RJ5CS.js";
 import {
   InvalidFileSystem,

package/bundles/private/tooling.js

@@ -4,7 +4,7 @@
     
 import {
   angularJitApplicationTransform
-} from "../chunk-3CWKYDQ7.js";
+} from "../chunk-Y65S2AOA.js";
 import "../chunk-LS5RJ5CS.js";
 import "../chunk-GWZQLAGK.js";
 import "../chunk-XYYEESKY.js";

package/bundles/src/bin/ng_xi18n.js

@@ -6,12 +6,12 @@
 import {
   main,
   readCommandLineAndConfiguration
-} from "../../chunk-HSIRUBJU.js";
+} from "../../chunk-Z6XYTYZD.js";
 import {
   EmitFlags
-} from "../../chunk-ZOLVJRLX.js";
-import "../../chunk-ZOZ6XVF3.js";
-import "../../chunk-3CWKYDQ7.js";
+} from "../../chunk-UI6E44E7.js";
+import "../../chunk-JCBKDAHA.js";
+import "../../chunk-Y65S2AOA.js";
 import "../../chunk-LS5RJ5CS.js";
 import {
   setFileSystem

package/bundles/src/bin/ngc.js

@@ -5,10 +5,10 @@
     
 import {
   main
-} from "../../chunk-HSIRUBJU.js";
-import "../../chunk-ZOLVJRLX.js";
-import "../../chunk-ZOZ6XVF3.js";
-import "../../chunk-3CWKYDQ7.js";
+} from "../../chunk-Z6XYTYZD.js";
+import "../../chunk-UI6E44E7.js";
+import "../../chunk-JCBKDAHA.js";
+import "../../chunk-Y65S2AOA.js";
 import "../../chunk-LS5RJ5CS.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 = "21.0.0-rc.0";
+export declare const PLACEHOLDER_VERSION = "21.0.0-rc.2";
 export declare function wrapReference<TExpression>(wrapped: o.WrappedNodeExpr<TExpression>): R3Reference;
 /**
  * Parses the value of an enum from the AST value's symbol name.