fix(compiler-cli): do not error due to multiple components named equa…

…lly (#54273)

Currently, when two components are named `TestComponent`, and both would
use e.g. control flow. Templates would be generated by the compiler and
those would conflict at runtime because the names for the template
functions are not ensured to be unique.

This seems like a more general problem that could be tackled in the
future in the template pipeline by always using the `ConstantPool`, but
for now, we should be good already, given us ensuring the `baseName`'s are
always unique.

PR Close #54273

packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_control_flow/GOLDEN_PARTIAL.js

@@ -2026,3 +2026,63 @@ export declare class MyApp {
     static ɵcmp: i0.ɵɵComponentDeclaration<MyApp, "ng-component", never, {}, {}, never, never, false, never>;
 }
 
+/****************************************************************************************************
+ * PARTIAL FILE: conditional_same_component_names.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+function it(_desc, fn) { }
+it('case 1', () => {
+    class TestComponent {
+    }
+    TestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: TestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    TestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "0.0.0-PLACEHOLDER", type: TestComponent, selector: "ng-component", ngImport: i0, template: `
+      @if (true) {
+        First
+      } @else {
+        Second
+      }
+    `, isInline: true });
+    i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: TestComponent, decorators: [{
+                type: Component,
+                args: [{
+                        template: `
+      @if (true) {
+        First
+      } @else {
+        Second
+      }
+    `,
+                    }]
+            }] });
+});
+it('case 2', () => {
+    class TestComponent {
+    }
+    TestComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: TestComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    TestComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "0.0.0-PLACEHOLDER", type: TestComponent, selector: "ng-component", ngImport: i0, template: `
+      @if (true) {
+        First
+      } @else {
+        Second
+      }
+    `, isInline: true });
+    i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "0.0.0-PLACEHOLDER", ngImport: i0, type: TestComponent, decorators: [{
+                type: Component,
+                args: [{
+                        template: `
+      @if (true) {
+        First
+      } @else {
+        Second
+      }
+    `,
+                    }]
+            }] });
+});
+
+/****************************************************************************************************
+ * PARTIAL FILE: conditional_same_component_names.d.ts
+ ****************************************************************************************************/
+export {};
+