feat(ivy): Add InheritanceDefinitionFeature to support directive inheritance (#24570)

- Adds InheritanceDefinitionFeature to ivy
- Ensures that lifecycle hooks are inherited from super classes whether they are defined as directives or not
- Directives cannot inherit from Components
- Components can inherit from Directives or Components
- Ensures that Inputs, Outputs, and Host Bindings are inherited
- Ensures that super class Features are run

PR Close #24570

packages/compiler/src/render3/r3_identifiers.ts

@@ -138,6 +138,9 @@ export class Identifiers {
 
   static NgOnChangesFeature: o.ExternalReference = {name: 'ɵNgOnChangesFeature', moduleName: CORE};
 
+  static InheritDefinitionFeature:
+      o.ExternalReference = {name: 'ɵInheritDefinitionFeature', moduleName: CORE};
+
   static listener: o.ExternalReference = {name: 'ɵL', moduleName: CORE};
 
   // Reserve slots for pure functions

packages/compiler/src/render3/view/api.ts

@@ -86,6 +86,11 @@ export interface R3DirectiveMetadata {
    * A mapping of output field names to the property names.
    */
   outputs: {[field: string]: string};
+
+  /**
+   * Whether or not the component or directive inherits from another class
+   */
+  usesInheritance: boolean;
 }
 
 /**

packages/compiler/src/render3/view/compiler.ts

@@ -64,10 +64,14 @@ function baseDirectiveFields(
   // e.g 'outputs: {a: 'a'}`
   definitionMap.set('outputs', conditionallyCreateMapObjectLiteral(meta.outputs));
 
-  // e.g. `features: [NgOnChangesFeature(MyComponent)]`
+  // e.g. `features: [NgOnChangesFeature]`
   const features: o.Expression[] = [];
+
+  if (meta.usesInheritance) {
+    features.push(o.importExpr(R3.InheritDefinitionFeature));
+  }
   if (meta.lifecycle.usesOnChanges) {
-    features.push(o.importExpr(R3.NgOnChangesFeature, null, null).callFn([meta.type]));
+    features.push(o.importExpr(R3.NgOnChangesFeature));
   }
   if (features.length) {
     definitionMap.set('features', o.literalArr(features));
@@ -255,6 +259,7 @@ function directiveMetadataFromGlobalMetadata(
     },
     inputs: directive.inputs,
     outputs: directive.outputs,
+    usesInheritance: false,
   };
 }