refactor(core): introduce domProperty instruction (angular#60608)

crisbeto · thePunderWoman · commit 9c106f440146 · 2025-03-31T13:15:19.000Z
Renames the `hostProperty` instruction to `domProperty` since it's not really host-specific and we can use it for other DOM-specific operations in the future. PR Close angular#60608
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/chain_attribute_bindings_mixed.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/chain_attribute_bindings_mixed.js
@@ -1,7 +1,7 @@
 hostBindings: function MyDirective_HostBindings(rf, ctx) {
   …
   if (rf & 2) {
-    $r3$.ɵɵhostProperty("tabindex", 1);
+    $r3$.ɵɵdomProperty("tabindex", 1);
     $r3$.ɵɵattribute("title", "my title")("id", "my-id");
   }
 }
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/chain_multiple_property_bindings.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/chain_multiple_property_bindings.js
@@ -1,6 +1,6 @@
 hostBindings: function MyDirective_HostBindings(rf, ctx) {
   …
   if (rf & 2) {
-    $r3$.ɵɵhostProperty("title", ctx.myTitle)("tabindex", 1)("id", ctx.myId);
+    $r3$.ɵɵdomProperty("title", ctx.myTitle)("tabindex", 1)("id", ctx.myId);
   }
 }
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/chain_property_bindings_all.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/chain_property_bindings_all.js
@@ -1,6 +1,6 @@
 hostBindings: function MyDirective_HostBindings(rf, ctx) {
   …
   if (rf & 2) {
-    $r3$.ɵɵhostProperty("tabindex", 1)("title", ctx.myTitle)("id", ctx.myId);
+    $r3$.ɵɵdomProperty("tabindex", 1)("title", ctx.myTitle)("id", ctx.myId);
   }
 }
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/chain_property_bindings_mixed.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/chain_property_bindings_mixed.js
@@ -1,7 +1,7 @@
 hostBindings: function MyDirective_HostBindings(rf, ctx) {
   …
   if (rf & 2) {
-    $r3$.ɵɵhostProperty("title", "my title")("id", "my-id");
+    $r3$.ɵɵdomProperty("title", "my title")("id", "my-id");
     $r3$.ɵɵattribute("tabindex", 1);
   }
 }
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/host_bindings.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/host_bindings.js
@@ -5,7 +5,7 @@ HostBindingDir.ɵdir = /*@__PURE__*/ $r3$.ɵɵdefineDirective({
     hostVars: 1,
     hostBindings: function HostBindingDir_HostBindings(rf, ctx) {
       if (rf & 2) {
-        $r3$.ɵɵhostProperty("id", ctx.dirId);
+        $r3$.ɵɵdomProperty("id", ctx.dirId);
       }
     },
   standalone: false
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/host_bindings_with_pure_functions.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/host_bindings_with_pure_functions.js
@@ -7,7 +7,7 @@ HostBindingComp.ɵcmp = /*@__PURE__*/ $r3$.ɵɵdefineComponent({
   hostVars: 3,
   hostBindings: function HostBindingComp_HostBindings(rf, ctx) {
     if (rf & 2) {
-      $r3$.ɵɵhostProperty("id", $r3$.ɵɵpureFunction1(1, $ff$, ctx.id));
+      $r3$.ɵɵdomProperty("id", $r3$.ɵɵpureFunction1(1, $ff$, ctx.id));
     }
   },
   standalone: false,
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/host_bindings_with_temporaries.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/host_bindings_with_temporaries.js
@@ -6,7 +6,7 @@ HostBindingDir.ɵdir = /*@__PURE__*/ $r3$.ɵɵdefineDirective({
     hostBindings: function HostBindingDir_HostBindings(rf, ctx) {
       if (rf & 2) {
         let $tmp0$;
-        $r3$.ɵɵhostProperty("id", ($tmp0$ = ctx.getData()) == null ? null : $tmp0$.id);
+        $r3$.ɵɵdomProperty("id", ($tmp0$ = ctx.getData()) == null ? null : $tmp0$.id);
       }
     },
    standalone: false
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/host_bindings/sanitization.js
@@ -1,13 +1,13 @@
 hostBindings: function HostBindingDir_HostBindings(rf, ctx) {
   if (rf & 2) {
-    i0.ɵɵhostProperty("innerHtml", ctx.evil, i0.ɵɵsanitizeHtml)("href", ctx.evil, i0.ɵɵsanitizeUrlOrResourceUrl)("src", ctx.evil, i0.ɵɵsanitizeUrlOrResourceUrl)("sandbox", ctx.evil, i0.ɵɵvalidateIframeAttribute);
-    i0.ɵɵattribute("style", ctx.evil, i0.ɵɵsanitizeStyle);
+    $r3$.ɵɵdomProperty("innerHtml", ctx.evil, $r3$.ɵɵsanitizeHtml)("href", ctx.evil, $r3$.ɵɵsanitizeUrlOrResourceUrl)("src", ctx.evil, $r3$.ɵɵsanitizeUrlOrResourceUrl)("sandbox", ctx.evil, $r3$.ɵɵvalidateIframeAttribute);
+    $r3$.ɵɵattribute("style", ctx.evil, $r3$.ɵɵsanitizeStyle);
   } 
 }
 …
 hostBindings: function HostBindingDir2_HostBindings(rf, ctx) {
   if (rf & 2) {
-    i0.ɵɵhostProperty("innerHtml", ctx.evil, i0.ɵɵsanitizeHtml)("href", ctx.evil, i0.ɵɵsanitizeUrl)("src", ctx.evil)("sandbox", ctx.evil, i0.ɵɵvalidateIframeAttribute);
-    i0.ɵɵattribute("style", ctx.evil, i0.ɵɵsanitizeStyle);
+    $r3$.ɵɵdomProperty("innerHtml", ctx.evil, $r3$.ɵɵsanitizeHtml)("href", ctx.evil, $r3$.ɵɵsanitizeUrl)("src", ctx.evil)("sandbox", ctx.evil, $r3$.ɵɵvalidateIframeAttribute);
+    $r3$.ɵɵattribute("style", ctx.evil, $r3$.ɵɵsanitizeStyle);
   } 
 }
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/order_bindings.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_bindings/order_bindings.js
@@ -5,7 +5,7 @@ function MyCmp_HostBindings(rf, ctx) {
 		i0.ɵɵlistener("event1", function MyCmp_event1_HostBindingHandler() { return ctx.foo(); });
 	}
 	if (rf & 2) {
-		i0.ɵɵhostProperty("prop1", ctx.foo);
+		i0.ɵɵdomProperty("prop1", ctx.foo);
 		i0.ɵɵattribute("attr1", ctx.foo);
 		i0.ɵɵstyleMap(ctx.foo);
         i0.ɵɵclassMap(ctx.foo);
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/binding_slots/component_host_binding_slots.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/binding_slots/component_host_binding_slots.js
@@ -2,7 +2,7 @@ hostAttrs: ["title", "foo title", __AttributeMarker.Classes__, "foo", "baz", __A
 hostVars: 6,
 hostBindings: function MyComponent_HostBindings(rf, ctx) {
   if (rf & 2) {
-    $r3$.ɵɵhostProperty("id", ctx.id)("title", ctx.title);
+    $r3$.ɵɵdomProperty("id", ctx.id)("title", ctx.title);
     $r3$.ɵɵstyleMap(ctx.myStyle);
     $r3$.ɵɵclassMap(ctx.myClass);
   }
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/binding_slots/directive_host_binding_slots.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/binding_slots/directive_host_binding_slots.js
@@ -1,7 +1,7 @@
 hostVars: 6,
 hostBindings: function WidthDirective_HostBindings(rf, ctx) {
     if (rf & 2) {
-      $r3$.ɵɵhostProperty("id", ctx.id)("title", ctx.title);
+      $r3$.ɵɵdomProperty("id", ctx.id)("title", ctx.title);
       $r3$.ɵɵstyleProp("width", ctx.myWidth);
       $r3$.ɵɵclassProp("foo", ctx.myFooClass);
     }
diff --git a/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/binding_slots/host_binding_slots.js b/packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_styling/binding_slots/host_binding_slots.js
@@ -1,7 +1,7 @@
 hostVars: 10,
 hostBindings: function MyDir_HostBindings(rf, ctx) {
   if (rf & 2) {
-    $r3$.ɵɵhostProperty("title", ctx.title);
+    $r3$.ɵɵdomProperty("title", ctx.title);
     $r3$.ɵɵsyntheticHostProperty("@anim",
       $r3$.ɵɵpureFunction2(7, _c1, ctx._animValue,
       $r3$.ɵɵpureFunction2(4, _c0, ctx._animParam1, ctx._animParam2)));
diff --git a/packages/compiler-cli/test/ngtsc/ngtsc_spec.ts b/packages/compiler-cli/test/ngtsc/ngtsc_spec.ts
@@ -5238,7 +5238,7 @@ runInEachFileSystem((os: string) => {
           i0.ɵɵlistener("click", function FooCmp_click_HostBindingHandler($event) { return ctx.onClick($event); })("click", function FooCmp_click_HostBindingHandler($event) { return ctx.onBodyClick($event); }, i0.ɵɵresolveBody)("change", function FooCmp_change_HostBindingHandler() { return ctx.onChange(ctx.arg1, ctx.arg2, ctx.arg3); });
         }
         if (rf & 2) {
-          i0.ɵɵhostProperty("prop", ctx.bar);
+          i0.ɵɵdomProperty("prop", ctx.bar);
           i0.ɵɵattribute("hello", ctx.foo);
           i0.ɵɵclassProp("someclass", ctx.someClass);
         }
@@ -8271,7 +8271,7 @@ runInEachFileSystem((os: string) => {
         hostVars: 6,
         hostBindings: function UnsafePropsDirective_HostBindings(rf, ctx) {
           if (rf & 2) {
-            i0.ɵɵhostProperty("href", ctx.propHref, i0.ɵɵsanitizeUrlOrResourceUrl)("src", ctx.propSrc, i0.ɵɵsanitizeUrlOrResourceUrl)("action", ctx.propAction, i0.ɵɵsanitizeUrl)("profile", ctx.propProfile, i0.ɵɵsanitizeResourceUrl)("innerHTML", ctx.propInnerHTML, i0.ɵɵsanitizeHtml)("title", ctx.propSafeTitle);
+            i0.ɵɵdomProperty("href", ctx.propHref, i0.ɵɵsanitizeUrlOrResourceUrl)("src", ctx.propSrc, i0.ɵɵsanitizeUrlOrResourceUrl)("action", ctx.propAction, i0.ɵɵsanitizeUrl)("profile", ctx.propProfile, i0.ɵɵsanitizeResourceUrl)("innerHTML", ctx.propInnerHTML, i0.ɵɵsanitizeHtml)("title", ctx.propSafeTitle);
           }
         }
       `;
@@ -8306,7 +8306,7 @@ runInEachFileSystem((os: string) => {
         hostVars: 6,
         hostBindings: function FooCmp_HostBindings(rf, ctx) {
           if (rf & 2) {
-            i0.ɵɵhostProperty("src", ctx.srcProp)("href", ctx.hrefProp)("title", ctx.titleProp);
+            i0.ɵɵdomProperty("src", ctx.srcProp)("href", ctx.hrefProp)("title", ctx.titleProp);
             i0.ɵɵattribute("src", ctx.srcAttr)("href", ctx.hrefAttr)("title", ctx.titleAttr);
           }
         }
@@ -9523,7 +9523,7 @@ runInEachFileSystem((os: string) => {
         // The `sandbox` is potentially a security-sensitive attribute of an <iframe>.
         // Generate an extra validation function to invoke at runtime, which would
         // check if an underlying host element is an <iframe>.
-        expect(jsContents).toContain('ɵɵhostProperty("sandbox", "", i0.ɵɵvalidateIframeAttribute)');
+        expect(jsContents).toContain('ɵɵdomProperty("sandbox", "", i0.ɵɵvalidateIframeAttribute)');
 
         // Similar to the above, but for an attribute binding (host attributes are
         // represented via `ɵɵattribute`).
diff --git a/packages/compiler/src/render3/r3_identifiers.ts b/packages/compiler/src/render3/r3_identifiers.ts
@@ -339,7 +339,7 @@ export class Identifiers {
   static pipeBind4: o.ExternalReference = {name: 'ɵɵpipeBind4', moduleName: CORE};
   static pipeBindV: o.ExternalReference = {name: 'ɵɵpipeBindV', moduleName: CORE};
 
-  static hostProperty: o.ExternalReference = {name: 'ɵɵhostProperty', moduleName: CORE};
+  static domProperty: o.ExternalReference = {name: 'ɵɵdomProperty', moduleName: CORE};
 
   static property: o.ExternalReference = {name: 'ɵɵproperty', moduleName: CORE};
 
diff --git a/packages/compiler/src/template/pipeline/ir/src/enums.ts b/packages/compiler/src/template/pipeline/ir/src/enums.ts
@@ -176,9 +176,9 @@ export enum OpKind {
   I18nMessage,
 
   /**
-   * A host binding property.
+   * A binding to a native DOM property.
    */
-  HostProperty,
+  DomProperty,
 
   /**
    * A namespace change, which causes the subsequent elements to be processed as either HTML or SVG.
diff --git a/packages/compiler/src/template/pipeline/ir/src/expression.ts b/packages/compiler/src/template/pipeline/ir/src/expression.ts
@@ -1099,7 +1099,7 @@ export function transformExpressionsInOp(
       }
       break;
     case OpKind.Property:
-    case OpKind.HostProperty:
+    case OpKind.DomProperty:
     case OpKind.Attribute:
       if (op.expression instanceof Interpolation) {
         transformExpressionsInInterpolation(op.expression, transform, flags);
diff --git a/packages/compiler/src/template/pipeline/ir/src/ops/host.ts b/packages/compiler/src/template/pipeline/ir/src/ops/host.ts
@@ -18,10 +18,10 @@ import {NEW_OP} from './shared';
 import type {Interpolation, UpdateOp} from './update';
 
 /**
- * Logical operation representing a host binding to a property.
+ * Logical operation representing a binding to a native DOM property.
  */
-export interface HostPropertyOp extends Op<UpdateOp>, ConsumesVarsTrait {
-  kind: OpKind.HostProperty;
+export interface DomPropertyOp extends Op<UpdateOp>, ConsumesVarsTrait {
+  kind: OpKind.DomProperty;
   name: string;
   expression: o.Expression | Interpolation;
   isAnimationTrigger: boolean;
@@ -35,16 +35,16 @@ export interface HostPropertyOp extends Op<UpdateOp>, ConsumesVarsTrait {
   sourceSpan: ParseSourceSpan | null;
 }
 
-export function createHostPropertyOp(
+export function createDomPropertyOp(
   name: string,
   expression: o.Expression | Interpolation,
   isAnimationTrigger: boolean,
   i18nContext: XrefId | null,
   securityContext: SecurityContext | SecurityContext[],
   sourceSpan: ParseSourceSpan | null,
-): HostPropertyOp {
+): DomPropertyOp {
   return {
-    kind: OpKind.HostProperty,
+    kind: OpKind.DomProperty,
     name,
     expression,
     isAnimationTrigger,
diff --git a/packages/compiler/src/template/pipeline/ir/src/ops/update.ts b/packages/compiler/src/template/pipeline/ir/src/ops/update.ts
@@ -27,7 +27,7 @@ import {
   TRAIT_CONSUMES_VARS,
   TRAIT_DEPENDS_ON_SLOT_CONTEXT,
 } from '../traits';
-import type {HostPropertyOp} from './host';
+import type {DomPropertyOp} from './host';
 import {ListEndOp, NEW_OP, StatementOp, VariableOp} from './shared';
 
 /**
@@ -47,7 +47,7 @@ export type UpdateOp =
   | AdvanceOp
   | VariableOp<UpdateOp>
   | BindingOp
-  | HostPropertyOp
+  | DomPropertyOp
   | ConditionalOp
   | I18nExpressionOp
   | I18nApplyOp
diff --git a/packages/compiler/src/template/pipeline/src/ingest.ts b/packages/compiler/src/template/pipeline/src/ingest.ts
@@ -111,7 +111,7 @@ export function ingestHostBinding(
         bindingKind === ir.BindingKind.Attribute,
       )
       .filter((context) => context !== SecurityContext.NONE);
-    ingestHostProperty(job, property, bindingKind, securityContexts);
+    ingestDomProperty(job, property, bindingKind, securityContexts);
   }
   for (const [name, expr] of Object.entries(input.attributes) ?? []) {
     const securityContexts = bindingParser
@@ -127,7 +127,7 @@ export function ingestHostBinding(
 
 // TODO: We should refactor the parser to use the same types and structures for host bindings as
 // with ordinary components. This would allow us to share a lot more ingestion code.
-export function ingestHostProperty(
+export function ingestDomProperty(
   job: HostBindingCompilationJob,
   property: e.ParsedProperty,
   bindingKind: ir.BindingKind,
diff --git a/packages/compiler/src/template/pipeline/src/instruction.ts b/packages/compiler/src/template/pipeline/src/instruction.ts
@@ -747,7 +747,7 @@ export function classMapInterpolate(
   );
 }
 
-export function hostProperty(
+export function domProperty(
   name: string,
   expression: o.Expression,
   sanitizer: o.Expression | null,
@@ -757,7 +757,7 @@ export function hostProperty(
   if (sanitizer !== null) {
     args.push(sanitizer);
   }
-  return call(Identifiers.hostProperty, args, sourceSpan);
+  return call(Identifiers.domProperty, args, sourceSpan);
 }
 
 export function syntheticHostProperty(
diff --git a/packages/compiler/src/template/pipeline/src/phases/binding_specialization.ts b/packages/compiler/src/template/pipeline/src/phases/binding_specialization.ts
@@ -71,7 +71,7 @@ export function specializeBindings(job: CompilationJob): void {
           if (job.kind === CompilationJobKind.Host) {
             ir.OpList.replace<ir.UpdateOp>(
               op,
-              ir.createHostPropertyOp(
+              ir.createDomPropertyOp(
                 op.name,
                 op.expression,
                 op.bindingKind === ir.BindingKind.Animation,
diff --git a/packages/compiler/src/template/pipeline/src/phases/chaining.ts b/packages/compiler/src/template/pipeline/src/phases/chaining.ts
@@ -20,7 +20,7 @@ const CHAIN_COMPATIBILITY = new Map<o.ExternalReference, o.ExternalReference>([
   [R3.elementContainerStart, R3.elementContainerStart],
   [R3.elementEnd, R3.elementEnd],
   [R3.elementStart, R3.elementStart],
-  [R3.hostProperty, R3.hostProperty],
+  [R3.domProperty, R3.domProperty],
   [R3.i18nExp, R3.i18nExp],
   [R3.listener, R3.listener],
   [R3.listener, R3.listener],
diff --git a/packages/compiler/src/template/pipeline/src/phases/naming.ts b/packages/compiler/src/template/pipeline/src/phases/naming.ts
@@ -51,7 +51,7 @@ function addNamesToView(
   for (const op of unit.ops()) {
     switch (op.kind) {
       case ir.OpKind.Property:
-      case ir.OpKind.HostProperty:
+      case ir.OpKind.DomProperty:
         if (op.isAnimationTrigger) {
           op.name = '@' + op.name;
         }
diff --git a/packages/compiler/src/template/pipeline/src/phases/ordering.ts b/packages/compiler/src/template/pipeline/src/phases/ordering.ts
@@ -14,7 +14,7 @@ function kindTest(kind: ir.OpKind): (op: ir.UpdateOp) => boolean {
 }
 
 function kindWithInterpolationTest(
-  kind: ir.OpKind.Attribute | ir.OpKind.Property | ir.OpKind.HostProperty,
+  kind: ir.OpKind.Attribute | ir.OpKind.Property | ir.OpKind.DomProperty,
   interpolation: boolean,
 ): (op: ir.UpdateOp) => boolean {
   return (op: ir.UpdateOp) => {
@@ -70,8 +70,8 @@ const UPDATE_ORDERING: Array<Rule<ir.UpdateOp>> = [
  * Host bindings have their own update ordering.
  */
 const UPDATE_HOST_ORDERING: Array<Rule<ir.UpdateOp>> = [
-  {test: kindWithInterpolationTest(ir.OpKind.HostProperty, true)},
-  {test: kindWithInterpolationTest(ir.OpKind.HostProperty, false)},
+  {test: kindWithInterpolationTest(ir.OpKind.DomProperty, true)},
+  {test: kindWithInterpolationTest(ir.OpKind.DomProperty, false)},
   {test: kindTest(ir.OpKind.Attribute)},
   {test: kindTest(ir.OpKind.StyleMap), transform: keepLast},
   {test: kindTest(ir.OpKind.ClassMap), transform: keepLast},
@@ -91,7 +91,7 @@ const handledOpKinds = new Set([
   ir.OpKind.ClassProp,
   ir.OpKind.Property,
   ir.OpKind.TwoWayProperty,
-  ir.OpKind.HostProperty,
+  ir.OpKind.DomProperty,
   ir.OpKind.Attribute,
 ]);
 
diff --git a/packages/compiler/src/template/pipeline/src/phases/reify.ts b/packages/compiler/src/template/pipeline/src/phases/reify.ts
@@ -575,7 +575,7 @@ function reifyUpdateOperations(_unit: CompilationUnit, ops: ir.OpList<ir.UpdateO
           ir.OpList.replace(op, ng.attribute(op.name, op.expression, op.sanitizer, op.namespace));
         }
         break;
-      case ir.OpKind.HostProperty:
+      case ir.OpKind.DomProperty:
         if (op.expression instanceof ir.Interpolation) {
           throw new Error('not yet handled');
         } else {
@@ -584,7 +584,7 @@ function reifyUpdateOperations(_unit: CompilationUnit, ops: ir.OpList<ir.UpdateO
           } else {
             ir.OpList.replace(
               op,
-              ng.hostProperty(op.name, op.expression, op.sanitizer, op.sourceSpan),
+              ng.domProperty(op.name, op.expression, op.sanitizer, op.sourceSpan),
             );
           }
         }
diff --git a/packages/compiler/src/template/pipeline/src/phases/resolve_sanitizers.ts b/packages/compiler/src/template/pipeline/src/phases/resolve_sanitizers.ts
@@ -58,7 +58,7 @@ export function resolveSanitizers(job: CompilationJob): void {
       switch (op.kind) {
         case ir.OpKind.Property:
         case ir.OpKind.Attribute:
-        case ir.OpKind.HostProperty:
+        case ir.OpKind.DomProperty:
           let sanitizerFn: o.ExternalReference | null = null;
           if (
             Array.isArray(op.securityContext) &&
@@ -82,7 +82,7 @@ export function resolveSanitizers(job: CompilationJob): void {
           // <iframe>).
           if (op.sanitizer === null) {
             let isIframe = false;
-            if (job.kind === CompilationJobKind.Host || op.kind === ir.OpKind.HostProperty) {
+            if (job.kind === CompilationJobKind.Host || op.kind === ir.OpKind.DomProperty) {
               // Note: for host bindings defined on a directive, we do not try to find all
               // possible places where it can be matched, so we can not determine whether
               // the host element is an <iframe>. In this case, we just assume it is and append a
diff --git a/packages/compiler/src/template/pipeline/src/phases/var_counting.ts b/packages/compiler/src/template/pipeline/src/phases/var_counting.ts
@@ -110,7 +110,7 @@ function varsUsedByOp(op: (ir.CreateOp | ir.UpdateOp) & ir.ConsumesVarsTrait): n
   let slots: number;
   switch (op.kind) {
     case ir.OpKind.Property:
-    case ir.OpKind.HostProperty:
+    case ir.OpKind.DomProperty:
     case ir.OpKind.Attribute:
       // All of these bindings use 1 variable slot, plus 1 slot for every interpolated expression,
       // if any.
diff --git a/packages/core/src/core_render3_private_export.ts b/packages/core/src/core_render3_private_export.ts
@@ -118,7 +118,7 @@ export {
   ɵɵFactoryDeclaration,
   ɵɵgetCurrentView,
   ɵɵgetInheritedFactory,
-  ɵɵhostProperty,
+  ɵɵdomProperty,
   ɵɵi18n,
   ɵɵi18nApply,
   ɵɵi18nAttributes,
diff --git a/packages/core/src/render3/index.ts b/packages/core/src/render3/index.ts
@@ -84,7 +84,7 @@ export {
   ɵɵelementEnd,
   ɵɵelementStart,
   ɵɵgetCurrentView,
-  ɵɵhostProperty,
+  ɵɵdomProperty,
   ɵɵinjectAttribute,
   ɵɵinvalidFactory,
   ɵɵlistener,
diff --git a/packages/core/src/render3/instructions/all.ts b/packages/core/src/render3/instructions/all.ts
@@ -44,7 +44,7 @@ export {
   ɵsetUnknownPropertyStrictMode,
 } from './element_validation';
 export * from './get_current_view';
-export * from './host_property';
+export * from './dom_property';
 export * from './i18n';
 export * from './listener';
 export * from './namespace';
diff --git a/packages/core/src/render3/instructions/dom_property.ts b/packages/core/src/render3/instructions/dom_property.ts
diff --git a/packages/core/src/render3/jit/environment.ts b/packages/core/src/render3/jit/environment.ts
diff --git a/packages/core/test/render3/jit/declare_component_spec.ts b/packages/core/test/render3/jit/declare_component_spec.ts
diff --git a/packages/core/test/render3/jit/declare_directive_spec.ts b/packages/core/test/render3/jit/declare_directive_spec.ts

Original file line number	Diff line number	Diff line change
`@@ -1,7 +1,7 @@`
`1`	`1`	`hostBindings: function MyDirective_HostBindings(rf, ctx) {`
`2`	`2`	`…`
`3`	`3`	`if (rf & 2) {`
`4`		`- $r3$.ɵɵhostProperty("tabindex", 1);`
	`4`	`+ $r3$.ɵɵdomProperty("tabindex", 1);`
`5`	`5`	`$r3$.ɵɵattribute("title", "my title")("id", "my-id");`
`6`	`6`	`}`
`7`	`7`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`hostBindings: function MyDirective_HostBindings(rf, ctx) {`
`2`	`2`	`…`
`3`	`3`	`if (rf & 2) {`
`4`		`- $r3$.ɵɵhostProperty("title", ctx.myTitle)("tabindex", 1)("id", ctx.myId);`
	`4`	`+ $r3$.ɵɵdomProperty("title", ctx.myTitle)("tabindex", 1)("id", ctx.myId);`
`5`	`5`	`}`
`6`	`6`	`}`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ HostBindingDir.ɵdir = /@__PURE__/ $r3$.ɵɵdefineDirective({`
`5`	`5`	`hostVars: 1,`
`6`	`6`	`hostBindings: function HostBindingDir_HostBindings(rf, ctx) {`
`7`	`7`	`if (rf & 2) {`
`8`		`- $r3$.ɵɵhostProperty("id", ctx.dirId);`
	`8`	`+ $r3$.ɵɵdomProperty("id", ctx.dirId);`
`9`	`9`	`}`
`10`	`10`	`},`
`11`	`11`	`standalone: false`
Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ HostBindingComp.ɵcmp = /@__PURE__/ $r3$.ɵɵdefineComponent({`
`7`	`7`	`hostVars: 3,`
`8`	`8`	`hostBindings: function HostBindingComp_HostBindings(rf, ctx) {`
`9`	`9`	`if (rf & 2) {`
`10`		`- $r3$.ɵɵhostProperty("id", $r3$.ɵɵpureFunction1(1, $ff$, ctx.id));`
	`10`	`+ $r3$.ɵɵdomProperty("id", $r3$.ɵɵpureFunction1(1, $ff$, ctx.id));`
`11`	`11`	`}`
`12`	`12`	`},`
`13`	`13`	`standalone: false,`
Original file line number	Diff line number	Diff line change
`@@ -6,7 +6,7 @@ HostBindingDir.ɵdir = /@__PURE__/ $r3$.ɵɵdefineDirective({`
`6`	`6`	`hostBindings: function HostBindingDir_HostBindings(rf, ctx) {`
`7`	`7`	`if (rf & 2) {`
`8`	`8`	`let $tmp0$;`
`9`		`- $r3$.ɵɵhostProperty("id", ($tmp0$ = ctx.getData()) == null ? null : $tmp0$.id);`
	`9`	`+ $r3$.ɵɵdomProperty("id", ($tmp0$ = ctx.getData()) == null ? null : $tmp0$.id);`
`10`	`10`	`}`
`11`	`11`	`},`
`12`	`12`	`standalone: false`
Original file line number	Diff line number	Diff line change
`@@ -1,13 +1,13 @@`
`1`	`1`	`hostBindings: function HostBindingDir_HostBindings(rf, ctx) {`
`2`	`2`	`if (rf & 2) {`
`3`		`- i0.ɵɵhostProperty("innerHtml", ctx.evil, i0.ɵɵsanitizeHtml)("href", ctx.evil, i0.ɵɵsanitizeUrlOrResourceUrl)("src", ctx.evil, i0.ɵɵsanitizeUrlOrResourceUrl)("sandbox", ctx.evil, i0.ɵɵvalidateIframeAttribute);`
`4`		`- i0.ɵɵattribute("style", ctx.evil, i0.ɵɵsanitizeStyle);`
	`3`	`+ $r3$.ɵɵdomProperty("innerHtml", ctx.evil, $r3$.ɵɵsanitizeHtml)("href", ctx.evil, $r3$.ɵɵsanitizeUrlOrResourceUrl)("src", ctx.evil, $r3$.ɵɵsanitizeUrlOrResourceUrl)("sandbox", ctx.evil, $r3$.ɵɵvalidateIframeAttribute);`
	`4`	`+ $r3$.ɵɵattribute("style", ctx.evil, $r3$.ɵɵsanitizeStyle);`
`5`	`5`	`}`
`6`	`6`	`}`
`7`	`7`	`…`
`8`	`8`	`hostBindings: function HostBindingDir2_HostBindings(rf, ctx) {`
`9`	`9`	`if (rf & 2) {`
`10`		`- i0.ɵɵhostProperty("innerHtml", ctx.evil, i0.ɵɵsanitizeHtml)("href", ctx.evil, i0.ɵɵsanitizeUrl)("src", ctx.evil)("sandbox", ctx.evil, i0.ɵɵvalidateIframeAttribute);`
`11`		`- i0.ɵɵattribute("style", ctx.evil, i0.ɵɵsanitizeStyle);`
	`10`	`+ $r3$.ɵɵdomProperty("innerHtml", ctx.evil, $r3$.ɵɵsanitizeHtml)("href", ctx.evil, $r3$.ɵɵsanitizeUrl)("src", ctx.evil)("sandbox", ctx.evil, $r3$.ɵɵvalidateIframeAttribute);`
	`11`	`+ $r3$.ɵɵattribute("style", ctx.evil, $r3$.ɵɵsanitizeStyle);`
`12`	`12`	`}`
`13`	`13`	`}`
Original file line number	Diff line number	Diff line change
`@@ -5,7 +5,7 @@ function MyCmp_HostBindings(rf, ctx) {`
`5`	`5`	`i0.ɵɵlistener("event1", function MyCmp_event1_HostBindingHandler() { return ctx.foo(); });`
`6`	`6`	`}`
`7`	`7`	`if (rf & 2) {`
`8`		`- i0.ɵɵhostProperty("prop1", ctx.foo);`
	`8`	`+ i0.ɵɵdomProperty("prop1", ctx.foo);`
`9`	`9`	`i0.ɵɵattribute("attr1", ctx.foo);`
`10`	`10`	`i0.ɵɵstyleMap(ctx.foo);`
`11`	`11`	`i0.ɵɵclassMap(ctx.foo);`
Original file line number	Diff line number	Diff line change
`@@ -2,7 +2,7 @@ hostAttrs: ["title", "foo title", __AttributeMarker.Classes__, "foo", "baz", __A`
`2`	`2`	`hostVars: 6,`
`3`	`3`	`hostBindings: function MyComponent_HostBindings(rf, ctx) {`
`4`	`4`	`if (rf & 2) {`
`5`		`- $r3$.ɵɵhostProperty("id", ctx.id)("title", ctx.title);`
	`5`	`+ $r3$.ɵɵdomProperty("id", ctx.id)("title", ctx.title);`
`6`	`6`	`$r3$.ɵɵstyleMap(ctx.myStyle);`
`7`	`7`	`$r3$.ɵɵclassMap(ctx.myClass);`
`8`	`8`	`}`