From bcad99786d2a22a307d9756ca3f38de531147d71 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 16:58:03 +0100
Subject: [PATCH 01/54] test(i18n): add failing tests for i18n attribute and
 ICU messages
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Expected output is taken from Angular 22.1.5 ngc.

- i18n-<attr> messages (plain, interpolated, and alongside an i18n
  element body) currently lose their text: goog.getMsg("") and
  $localize`:@@id:`.
- An element whose only child is an ICU currently emits an extra empty
  sub-message referenced as {"icu": "�i18n_N�"}, splits the
  ICU's inner {{count}} into a $localize substitution, and emits no
  i18nPostprocess call, so the runtime fails to parse the ICU.
- An ICU next to other content currently gets an empty sub-message
  instead of the ICU text.
---
 .../tests/integration_test.rs                 | 176 ++++++++++++++++++
 1 file changed, 176 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 79960280c..c0f134646 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4291,6 +4291,182 @@ fn test_i18n_expression_ordering_icu_plural_with_pipe() {
     );
 }
 
+/// Compiles a component with the given template and returns its `consts` function and
+/// template function, with line breaks collapsed and the `__makeTemplateObject` helper
+/// shortened to `__tpl`, so assertions do not depend on the emitter's line wrapping.
+fn compile_i18n_component(template: &str) -> String {
+    let allocator = Allocator::default();
+    let source = format!(
+        "import {{ Component }} from '@angular/core';\n\
+         @Component({{ selector: 'app-repro', template: `{template}` }})\n\
+         export class Repro {{ count = 3; gender = 'male'; name = 'Bob'; }}\n"
+    );
+    let result = transform_angular_file(&allocator, "repro.ts", &source, None, None);
+    assert!(!result.has_errors(), "Should not have errors: {:?}", result.diagnostics);
+    let code = result.code.replace(
+        r#"(this&&this.__makeTemplateObject||function(e,t){return Object.defineProperty?Object.defineProperty(e,"raw",{value:t}):e.raw=t,e})"#,
+        "__tpl",
+    );
+    let start = code.find("consts:").expect("component should have consts");
+    let end = code[start..].find("encapsulation").map_or(code.len(), |e| start + e);
+    let mut out = String::new();
+    for line in code[start..end].lines() {
+        out.push_str(line.trim_start());
+    }
+    out
+}
+
+/// Asserts that `haystack` contains `needle`, printing the compiled output on failure.
+#[track_caller]
+fn assert_contains(haystack: &str, needle: &str) {
+    assert!(haystack.contains(needle), "Expected to find:\n{needle}\nin:\n{haystack}");
+}
+
+/// An `i18n-<attr>` message takes the attribute's own value as its text.
+/// Expected output taken from Angular 22.1.5 `ngc`:
+///   goog.getMsg("Close") / $localize `:@@close:Close`
+#[test]
+fn test_i18n_attribute_message_uses_attribute_value() {
+    let js = compile_i18n_component(r#"<div i18n-title="@@close" title="Close"></div>"#);
+    assert_contains(&js, r#"goog.getMsg("Close")"#);
+    assert_contains(&js, r#"__tpl([":@@close:Close"], [":@@close:Close"])"#);
+    assert_contains(&js, r#"return [["title",i18n_0]]"#);
+}
+
+/// An interpolated `i18n-<attr>` keeps its text and gets an INTERPOLATION placeholder.
+/// Angular 22.1.5: goog.getMsg("Hi {$interpolation}!", { "interpolation": "�0�" }, ...)
+///                 $localize `:@@hi:Hi ${"�0�"}:INTERPOLATION:!`
+#[test]
+fn test_i18n_interpolated_attribute_message_uses_attribute_value() {
+    let js = compile_i18n_component(r#"<div i18n-title="@@hi" title="Hi {{name}}!"></div>"#);
+    assert_contains(
+        &js,
+        "goog.getMsg(\"Hi {$interpolation}!\",{\"interpolation\":\"\u{FFFD}0\u{FFFD}\"}",
+    );
+    assert_contains(
+        &js,
+        "__tpl([\":@@hi:Hi \", \":INTERPOLATION:!\"], [\":@@hi:Hi \", \":INTERPOLATION:!\"]), \"\u{FFFD}0\u{FFFD}\")",
+    );
+}
+
+/// `i18n-<attr>` alongside an `i18n` element body: both messages keep their text.
+/// Angular 22.1.5: i18n_0 = "Close" (@@ttl), i18n_1 = "Body text" (@@body),
+///                 return [i18n_1, ["title", i18n_0]]
+#[test]
+fn test_i18n_attribute_and_element_body_on_same_element() {
+    let js = compile_i18n_component(
+        r#"<div i18n="@@body" i18n-title="@@ttl" title="Close">Body text</div>"#,
+    );
+    assert_contains(&js, r#"goog.getMsg("Close")"#);
+    assert_contains(&js, r#"__tpl([":@@ttl:Close"], [":@@ttl:Close"])"#);
+    assert_contains(&js, r#"goog.getMsg("Body text")"#);
+    assert_contains(&js, r#"__tpl([":@@body:Body text"], [":@@body:Body text"])"#);
+    assert_contains(&js, r#"return [i18n_1,["title",i18n_0]]"#);
+}
+
+/// An element whose only child is an ICU: the ICU *is* the message. Angular 22.1.5 emits no
+/// sub-message, keeps `{INTERPOLATION}` as literal ICU text, and post-processes the message
+/// to map the ICU's placeholders to runtime slots.
+#[test]
+fn test_i18n_sole_icu_is_the_message() {
+    let js = compile_i18n_component(
+        r#"<span i18n="@@items">{count, plural, =1 {one item} other {{{count}} items}}</span><div i18n-title="@@close" title="Close"></div>"#,
+    );
+    // Only two messages: the title attribute and the ICU.
+    assert!(!js.contains("i18n_2"), "ICU must not produce a separate sub-message:\n{js}");
+    assert!(!js.contains(r#""icu""#), "ICU must not be referenced as a placeholder:\n{js}");
+    assert_contains(
+        &js,
+        r#"goog.getMsg("{VAR_PLURAL, plural, =1 {one item} other {{INTERPOLATION} items}}")"#,
+    );
+    assert_contains(
+        &js,
+        r#"__tpl([":@@items:{VAR_PLURAL, plural, =1 {one item} other {{INTERPOLATION} items}}"], [":@@items:{VAR_PLURAL, plural, =1 {one item} other {{INTERPOLATION} items}}"]))"#,
+    );
+    // Post-processing runs after the Closure/$localize branch, for both modes.
+    assert_contains(
+        &js,
+        "}(i18n_1 = i0.ɵɵi18nPostprocess(i18n_1,{\"INTERPOLATION\":\"\u{FFFD}1\u{FFFD}\",\"VAR_PLURAL\":\"\u{FFFD}0\u{FFFD}\"}));",
+    );
+    assert_contains(&js, r#"return [i18n_1,["title",i18n_0]]"#);
+    assert_contains(&js, "i0.ɵɵi18nExp(ctx.count)(ctx.count);");
+}
+
+/// A sole `select` ICU. Angular 22.1.5:
+///   goog.getMsg("{VAR_SELECT, select, male {he} female {she} other {they}}")
+///   i18n_0 = i0.ɵɵi18nPostprocess(i18n_0, { "VAR_SELECT": "�0�" });
+#[test]
+fn test_i18n_sole_select_icu_is_the_message() {
+    let js = compile_i18n_component(
+        r#"<span i18n>{gender, select, male {he} female {she} other {they}}</span>"#,
+    );
+    assert!(!js.contains("i18n_1"), "ICU must not produce a separate sub-message:\n{js}");
+    assert_contains(
+        &js,
+        r#"goog.getMsg("{VAR_SELECT, select, male {he} female {she} other {they}}")"#,
+    );
+    assert_contains(&js, r#"__tpl(["{VAR_SELECT, select, male {he} female {she} other {they}}"]"#);
+    assert_contains(
+        &js,
+        "}(i18n_0 = i0.ɵɵi18nPostprocess(i18n_0,{\"VAR_SELECT\":\"\u{FFFD}0\u{FFFD}\"}));",
+    );
+    assert_contains(&js, "return [i18n_0]");
+}
+
+/// A sole ICU with no interpolation still needs its VAR_PLURAL mapped. Angular 22.1.5:
+///   i18n_0 = i0.ɵɵi18nPostprocess(i18n_0, { "VAR_PLURAL": "�0�" });
+#[test]
+fn test_i18n_sole_icu_without_interpolation() {
+    let js = compile_i18n_component(
+        r#"<span i18n>{count, plural, =1 {one item} other {many items}}</span>"#,
+    );
+    assert!(!js.contains("i18n_1"), "ICU must not produce a separate sub-message:\n{js}");
+    assert_contains(
+        &js,
+        r#"goog.getMsg("{VAR_PLURAL, plural, =1 {one item} other {many items}}")"#,
+    );
+    assert_contains(
+        &js,
+        "}(i18n_0 = i0.ɵɵi18nPostprocess(i18n_0,{\"VAR_PLURAL\":\"\u{FFFD}0\u{FFFD}\"}));",
+    );
+    assert_contains(&js, "return [i18n_0]");
+}
+
+/// An ICU next to text and an interpolation is a real sub-message, referenced from the root
+/// message through the `icu` placeholder by variable. Angular 22.1.5:
+///   i18n_0 = "{VAR_PLURAL, plural, =1 {one item} other {{INTERPOLATION} items}}"
+///   i18n_0 = i0.ɵɵi18nPostprocess(i18n_0, { "INTERPOLATION": "�2�", "VAR_PLURAL": "�1�" });
+///   goog.getMsg("Hello {$interpolation}! {$icu}", { "icu": i18n_0, "interpolation": "�0�" }, ...)
+///   $localize `Hello ${"�0�"}:INTERPOLATION:! ${i18n_0}:ICU:`
+#[test]
+fn test_i18n_icu_with_sibling_content_is_sub_message() {
+    let js = compile_i18n_component(
+        r#"<span i18n>Hello {{name}}! {count, plural, =1 {one item} other {{{count}} items}}</span>"#,
+    );
+    assert_contains(
+        &js,
+        r#"goog.getMsg("{VAR_PLURAL, plural, =1 {one item} other {{INTERPOLATION} items}}")"#,
+    );
+    assert_contains(
+        &js,
+        r#"__tpl(["{VAR_PLURAL, plural, =1 {one item} other {{INTERPOLATION} items}}"]"#,
+    );
+    assert_contains(
+        &js,
+        "}(i18n_0 = i0.ɵɵi18nPostprocess(i18n_0,{\"INTERPOLATION\":\"\u{FFFD}2\u{FFFD}\",\"VAR_PLURAL\":\"\u{FFFD}1\u{FFFD}\"}));",
+    );
+    assert_contains(
+        &js,
+        "goog.getMsg(\"Hello {$interpolation}! {$icu}\",{\"icu\":i18n_0,\"interpolation\":\"\u{FFFD}0\u{FFFD}\"}",
+    );
+    assert_contains(
+        &js,
+        "__tpl([\"Hello \", \":INTERPOLATION:! \", \":ICU:\"], [\"Hello \", \":INTERPOLATION:! \", \":ICU:\"]), \"\u{FFFD}0\u{FFFD}\", i18n_0)",
+    );
+    assert_contains(&js, "return [i18n_1]");
+    assert_contains(&js, "i0.ɵɵi18nExp(ctx.name)(ctx.count)(ctx.count);");
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From 2bedf6baf0b6860c7feb966e5a7bc6035c652a26 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:00:15 +0100
Subject: [PATCH 02/54] fix(i18n): use the attribute value as the text of
 i18n-<attr> messages

Messages for i18n-<attr> were built from the i18n-<attr> metadata alone
(meaning, description, @@id), so their text was always empty:
goog.getMsg("") and $localize`:@@close:`. At runtime the attribute
rendered as an empty string in the source locale.

Angular's I18nMetaVisitor builds these messages with
_generateI18nMessage([attr], meta) whenever the attribute has a value.
Do the same through I18nMessageFactory, and keep the message's text and
interpolation placeholder nodes. Ingest now reads interpolation
placeholder names from those nodes, matching Angular's
Object.keys(message.placeholders), so an interpolated attribute gets
its INTERPOLATION param instead of "".
---
 .../oxc_angular_compiler/src/i18n/parser.rs   | 22 ++++++
 .../src/pipeline/ingest.rs                    | 27 ++++---
 .../src/transform/html_to_r3.rs               | 73 +++++++++++++++----
 3 files changed, 92 insertions(+), 30 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index af1a742fb..95467622f 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -103,6 +103,28 @@ impl I18nMessageFactory {
         )
     }
 
+    /// Converts a single attribute to an i18n Message.
+    ///
+    /// Equivalent to Angular's `createI18nMessage([attr], ...)`, without having to wrap the
+    /// attribute in an `HtmlNode`. Metadata (meaning, description, id) is left empty because
+    /// callers only need the message text.
+    pub fn create_attribute_message(
+        &self,
+        attribute: &HtmlAttribute<'_>,
+        source_file: Arc<ParseSourceFile>,
+    ) -> Message {
+        let mut context = I18nVisitorContext::new(source_file);
+        let nodes = self.visit_attribute(attribute, &mut context).into_iter().collect();
+        Message::new(
+            nodes,
+            context.placeholders,
+            context.placeholder_to_message,
+            String::new(),
+            String::new(),
+            String::new(),
+        )
+    }
+
     /// Visits all HTML nodes and converts them to i18n nodes.
     fn visit_all(
         &self,
diff --git a/crates/oxc_angular_compiler/src/pipeline/ingest.rs b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
index 00723b51d..442eb5311 100644
--- a/crates/oxc_angular_compiler/src/pipeline/ingest.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
@@ -612,19 +612,6 @@ fn convert_binary_op(
     }
 }
 
-/// Converts an interpolation expression to an IR interpolation, storing inner expressions.
-///
-/// This is needed because interpolations contain inner expressions that need to be
-/// resolved during name resolution. By converting to IR Interpolation, the inner
-/// expressions become visible to the expression transformer.
-fn convert_interpolation_to_ir<'a>(
-    job: &mut ComponentCompilationJob<'a>,
-    expr: AngularExpression<'a>,
-) -> Box<'a, IrExpression<'a>> {
-    let allocator = job.allocator;
-    convert_interpolation_to_ir_with_i18n_placeholders(job, expr, Vec::new_in(allocator))
-}
-
 /// Converts an Angular expression to IR, handling interpolations with i18n placeholders.
 ///
 /// This is used for bound text inside i18n blocks where the i18n metadata contains
@@ -1537,7 +1524,19 @@ fn ingest_binding_owned<'a>(
     // For interpolated attributes (e.g., title="{{ 'text' | i18n }}"), use
     // convert_interpolation_to_ir to properly extract pipes from the interpolation.
     let expression = if matches!(&input.value, AngularExpression::Interpolation(_)) {
-        convert_interpolation_to_ir(job, input.value)
+        // Angular: `Object.keys(asMessage(i18nMeta)?.placeholders ?? {})`, i.e. the message's
+        // unique placeholder names in first-seen order.
+        let mut i18n_placeholders: Vec<'_, Ident<'_>> = Vec::new_in(allocator);
+        if let Some(I18nMeta::Message(message)) = &input.i18n {
+            for node in message.nodes.iter() {
+                if let I18nNode::Placeholder(ph) = node {
+                    if !i18n_placeholders.contains(&ph.name) {
+                        i18n_placeholders.push(ph.name.clone());
+                    }
+                }
+            }
+        }
+        convert_interpolation_to_ir_with_i18n_placeholders(job, input.value, i18n_placeholders)
     } else {
         convert_ast_to_ir(job, input.value)
     };
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 8d03c96cf..4082e4de4 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -2882,7 +2882,23 @@ impl<'a> HtmlToR3Transform<'a> {
             let name = attr.name.as_str();
             if let Some(target_attr) = name.strip_prefix("i18n-") {
                 let instance_id = self.allocate_i18n_message_instance_id();
-                let meta = parse_i18n_meta(self.allocator, attr.value.as_str(), instance_id);
+                // The attribute's own value is the message text. Angular's I18nMetaVisitor
+                // builds it with `_generateI18nMessage([attr], meta)` when `attr.value` is set.
+                let target =
+                    attrs.iter().find(|a| a.name.as_str() == target_attr && !a.value.is_empty());
+                let (message_string, nodes) = match target {
+                    Some(target) => self.create_attribute_i18n_message(target),
+                    None => (String::new(), Vec::new_in(self.allocator)),
+                };
+                let mut meta = parse_i18n_meta_with_message(
+                    self.allocator,
+                    attr.value.as_str(),
+                    instance_id,
+                    &message_string,
+                );
+                if let I18nMeta::Message(message) = &mut meta {
+                    message.nodes = nodes;
+                }
                 i18n_attrs_meta.insert(target_attr, meta);
             }
         }
@@ -3128,6 +3144,46 @@ impl<'a> HtmlToR3Transform<'a> {
         (attributes, inputs, outputs, references, variables, template_attr_info)
     }
 
+    /// Builds the i18n message for a translated attribute from the attribute's value.
+    ///
+    /// Returns the serialized message and its top-level nodes. An attribute message only
+    /// contains text and interpolation placeholders; the placeholder nodes give ingest the
+    /// names Angular reads from `Object.keys(message.placeholders)`.
+    fn create_attribute_i18n_message(
+        &self,
+        attr: &HtmlAttribute<'a>,
+    ) -> (String, Vec<'a, I18nNode<'a>>) {
+        let source_file =
+            std::sync::Arc::new(crate::util::ParseSourceFile::new(self.source_text, "<template>"));
+        let message =
+            I18nMessageFactory::new(false, true).create_attribute_message(attr, source_file);
+        let span = |s: &crate::util::ParseSourceSpan| Span::new(s.start.offset, s.end.offset);
+        let mut nodes = Vec::new_in(self.allocator);
+        let mut push = |node: &crate::i18n::ast::Node| match node {
+            crate::i18n::ast::Node::Text(text) => nodes.push(I18nNode::Text(I18nText {
+                value: Ident::from_in(text.value.as_str(), self.allocator),
+                source_span: span(&text.source_span),
+            })),
+            crate::i18n::ast::Node::Placeholder(ph) => {
+                nodes.push(I18nNode::Placeholder(I18nPlaceholder {
+                    value: Ident::from_in(ph.value.as_str(), self.allocator),
+                    name: Ident::from_in(ph.name.as_str(), self.allocator),
+                    source_span: span(&ph.source_span),
+                }));
+            }
+            _ => {}
+        };
+        for node in &message.nodes {
+            match node {
+                crate::i18n::ast::Node::Container(container) => {
+                    container.children.iter().for_each(&mut push);
+                }
+                node => push(node),
+            }
+        }
+        (message.serialize(), nodes)
+    }
+
     /// Normalizes an attribute name by stripping the data- prefix (case-insensitive).
     /// This matches TypeScript's behavior: /^data-/i.test(attrName) ? attrName.substring(5) : attrName
     fn normalize_attribute_name<'b>(&self, name: &'b str) -> &'b str {
@@ -4727,21 +4783,6 @@ fn is_style_url_resolvable(url: &str) -> bool {
     }
 }
 
-/// Parses i18n metadata from an attribute value (for i18n-* attributes).
-///
-/// Format: `meaning|description@@customId`
-/// Examples:
-/// - `"Save button tooltip|Click to save@@SAVE_BTN"` -> meaning: "Save button tooltip", description: "Click to save", customId: "SAVE_BTN"
-/// - `"Click to save@@SAVE_BTN"` -> description: "Click to save", customId: "SAVE_BTN"
-/// - `"Click to save"` -> description: "Click to save"
-/// - `"@@SAVE_BTN"` -> customId: "SAVE_BTN"
-///
-/// This variant is used for i18n-* attributes where the message content comes from
-/// the attribute value itself, not from children.
-fn parse_i18n_meta<'a>(allocator: &'a Allocator, value: &str, instance_id: u32) -> I18nMeta<'a> {
-    parse_i18n_meta_with_message(allocator, value, instance_id, "")
-}
-
 /// Parses i18n metadata from an attribute value.
 ///
 /// Format: `meaning|description@@customId`

From 8fd4bb62d1c2b01500ddfc9c27577e483bd1c6cc Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:08:12 +0100
Subject: [PATCH 03/54] test(i18n): add failing test for tag placeholders
 inside an ICU
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Angular 22.1.5 maps each tag placeholder inside an ICU (START_BOLD_TEXT
and so on) back to its markup through ɵɵi18nPostprocess.
---
 .../tests/integration_test.rs                 | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index c0f134646..b3669be6e 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4432,6 +4432,27 @@ fn test_i18n_sole_icu_without_interpolation() {
     assert_contains(&js, "return [i18n_0]");
 }
 
+/// Elements inside a sole ICU become tag placeholders that `ɵɵi18nPostprocess` maps back to
+/// markup. Angular 22.1.5:
+///   i18n_0 = i0.ɵɵi18nPostprocess(i18n_0, { "CLOSE_BOLD_TEXT": "</b>", "CLOSE_ITALIC_TEXT": "</i>",
+///     "INTERPOLATION": "�1�", "START_BOLD_TEXT": "<b>", "START_ITALIC_TEXT": "<i>",
+///     "VAR_PLURAL": "�0�" });
+#[test]
+fn test_i18n_sole_icu_with_elements() {
+    let js = compile_i18n_component(
+        r#"<span i18n>{count, plural, =1 {<b>one</b>} other {<i>{{count}}</i> items}}</span>"#,
+    );
+    assert_contains(
+        &js,
+        r#"goog.getMsg("{VAR_PLURAL, plural, =1 {{START_BOLD_TEXT}one{CLOSE_BOLD_TEXT}} other {{START_ITALIC_TEXT}{INTERPOLATION}{CLOSE_ITALIC_TEXT} items}}")"#,
+    );
+    assert_contains(
+        &js,
+        "}(i18n_0 = i0.ɵɵi18nPostprocess(i18n_0,{\"CLOSE_BOLD_TEXT\":\"</b>\",\"CLOSE_ITALIC_TEXT\":\"</i>\",\"INTERPOLATION\":\"\u{FFFD}1\u{FFFD}\",\"START_BOLD_TEXT\":\"<b>\",\"START_ITALIC_TEXT\":\"<i>\",\"VAR_PLURAL\":\"\u{FFFD}0\u{FFFD}\"}));",
+    );
+    assert_contains(&js, "return [i18n_0]");
+}
+
 /// An ICU next to text and an interpolation is a real sub-message, referenced from the root
 /// message through the `icu` placeholder by variable. Angular 22.1.5:
 ///   i18n_0 = "{VAR_PLURAL, plural, =1 {one item} other {{INTERPOLATION} items}}"

From 8d30bc8291c5e23aa1d6be35e5f7f5ae5f5e7d69 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:10:38 +0100
Subject: [PATCH 04/54] fix(i18n): emit ICU messages and their post-processing
 like Angular
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

ICU messages were built as an empty, id-less message wrapping a single
ICU placeholder, and ingest never linked an ICU to its message. As a
result every ICU became an empty sub-message (i18n_N = $localize``),
referenced from the parent as the string "�i18n_N�"; the ICU's
inner {{count}} was split into a $localize substitution with value "";
and no ɵɵi18nPostprocess call was emitted. At runtime @angular/core
threw "Unable to parse ICU expression".

This ports Angular's behaviour:

- I18nMetaVisitor builds an ICU's message from [expansion], and an ICU
  that is the only child of an i18n element reuses that element's
  message (currentMessage || meta). ingestIcu passes icu.i18n to the
  IcuStart op, so create_i18n_contexts treats such an ICU as the message
  itself rather than a sub-message.
- Placeholders inside an ICU serialize as literal {NAME} ICU text
  (IcuSerializerVisitor), not {$name} / $localize substitutions.
- r3 ICU placeholders are keyed by the message's placeholder names
  (INTERPOLATION, START_BOLD_TEXT, ...) and include element markup, as
  in r3_template_transform's visitExpansion.
- Each message gets its context's post-processing params plus its ICU
  placeholder literals (extractI18nMessages), with formatIcuPlaceholder
  joining strings and values without a ${} wrapper.
- collectMessage emits `i18n_N = ɵɵi18nPostprocess(i18n_N, {...})` after
  the Closure/$localize branch, and passes a single ICU sub-message by
  its variable ({ "icu": i18n_0 }), as addSubMessageParams does.
---
 crates/oxc_angular_compiler/src/i18n/ast.rs   |  36 ++--
 .../oxc_angular_compiler/src/i18n/parser.rs   |  23 +++
 .../src/pipeline/ingest.rs                    |  50 ++++--
 .../pipeline/phases/extract_i18n_messages.rs  |   6 +-
 .../src/pipeline/phases/i18n_closure.rs       |  58 +++++--
 .../pipeline/phases/i18n_const_collection.rs  | 155 ++++++++++--------
 .../src/transform/html_to_r3.rs               | 122 +++++++++-----
 7 files changed, 309 insertions(+), 141 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/ast.rs b/crates/oxc_angular_compiler/src/i18n/ast.rs
index ed8336b06..f30052e1c 100644
--- a/crates/oxc_angular_compiler/src/i18n/ast.rs
+++ b/crates/oxc_angular_compiler/src/i18n/ast.rs
@@ -415,13 +415,29 @@ pub trait Visitor {
 
 /// Serialize the message to the $localize backtick string format.
 fn serialize_message(nodes: &[Node]) -> String {
-    let mut visitor = LocalizeMessageStringVisitor;
+    let mut visitor = LocalizeMessageStringVisitor { in_icu: false };
     let mut ctx = ();
     nodes.iter().map(|n| n.visit(&mut visitor, &mut ctx)).collect::<Vec<_>>().join("")
 }
 
 /// Visitor that serializes i18n nodes to $localize format.
-struct LocalizeMessageStringVisitor;
+///
+/// Placeholders are written as `{$camelCase}` markers, except inside an ICU, where Angular's
+/// `IcuSerializerVisitor` keeps them as literal `{UPPER_CASE}` ICU text that is resolved by
+/// `ɵɵi18nPostprocess` at runtime rather than split into `$localize` substitutions.
+struct LocalizeMessageStringVisitor {
+    in_icu: bool,
+}
+
+impl LocalizeMessageStringVisitor {
+    fn format_ph(&self, name: &str) -> String {
+        if self.in_icu {
+            format!("{{{}}}", format_i18n_placeholder_name(name, false))
+        } else {
+            format!("{{${}}}", format_i18n_placeholder_name(name, true))
+        }
+    }
+}
 
 impl Visitor for LocalizeMessageStringVisitor {
     type Context = ();
@@ -445,11 +461,13 @@ impl Visitor for LocalizeMessageStringVisitor {
     }
 
     fn visit_icu(&mut self, icu: &Icu, context: &mut Self::Context) -> Self::Result {
+        let was_in_icu = std::mem::replace(&mut self.in_icu, true);
         let cases: Vec<String> = icu
             .cases
             .iter()
             .map(|(k, v)| format!("{} {{{}}}", k, v.visit(self, context)))
             .collect();
+        self.in_icu = was_in_icu;
         let expr_placeholder = icu.expression_placeholder.as_deref().unwrap_or(&icu.expression);
         format!("{{{}, {}, {}}}", expr_placeholder, icu.icu_type, cases.join(" "))
     }
@@ -461,9 +479,7 @@ impl Visitor for LocalizeMessageStringVisitor {
     ) -> Self::Result {
         let children: String =
             ph.children.iter().map(|child| child.visit(self, context)).collect::<Vec<_>>().join("");
-        let start_name = format_i18n_placeholder_name(&ph.start_name, true);
-        let close_name = format_i18n_placeholder_name(&ph.close_name, true);
-        format!("{{${start_name}}}{children}{{${close_name}}}")
+        format!("{}{children}{}", self.format_ph(&ph.start_name), self.format_ph(&ph.close_name))
     }
 
     fn visit_placeholder(
@@ -471,8 +487,7 @@ impl Visitor for LocalizeMessageStringVisitor {
         ph: &Placeholder,
         _context: &mut Self::Context,
     ) -> Self::Result {
-        let name = format_i18n_placeholder_name(&ph.name, true);
-        format!("{{${name}}}")
+        self.format_ph(&ph.name)
     }
 
     fn visit_icu_placeholder(
@@ -480,8 +495,7 @@ impl Visitor for LocalizeMessageStringVisitor {
         ph: &IcuPlaceholder,
         _context: &mut Self::Context,
     ) -> Self::Result {
-        let name = format_i18n_placeholder_name(&ph.name, true);
-        format!("{{${name}}}")
+        self.format_ph(&ph.name)
     }
 
     fn visit_block_placeholder(
@@ -491,9 +505,7 @@ impl Visitor for LocalizeMessageStringVisitor {
     ) -> Self::Result {
         let children: String =
             ph.children.iter().map(|child| child.visit(self, context)).collect::<Vec<_>>().join("");
-        let start_name = format_i18n_placeholder_name(&ph.start_name, true);
-        let close_name = format_i18n_placeholder_name(&ph.close_name, true);
-        format!("{{${start_name}}}{children}{{${close_name}}}")
+        format!("{}{children}{}", self.format_ph(&ph.start_name), self.format_ph(&ph.close_name))
     }
 }
 
diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index 95467622f..8fb179888 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -125,6 +125,29 @@ impl I18nMessageFactory {
         )
     }
 
+    /// Converts a single ICU expansion to an i18n Message.
+    ///
+    /// Equivalent to Angular's `createI18nMessage([expansion], ...)`: the message consists of
+    /// the ICU itself, with `VAR_*` and interpolation placeholders registered inside it.
+    pub fn create_icu_message(
+        &self,
+        expansion: &HtmlExpansion<'_>,
+        source_file: Arc<ParseSourceFile>,
+    ) -> Message {
+        let mut context = I18nVisitorContext::new(source_file);
+        context.is_icu = true;
+        let nodes =
+            self.visit_expansion(expansion, &mut context, noop_visit_node).into_iter().collect();
+        Message::new(
+            nodes,
+            context.placeholders,
+            context.placeholder_to_message,
+            String::new(),
+            String::new(),
+            String::new(),
+        )
+    }
+
     /// Visits all HTML nodes and converts them to i18n nodes.
     fn visit_all(
         &self,
diff --git a/crates/oxc_angular_compiler/src/pipeline/ingest.rs b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
index 442eb5311..ab7cadfc3 100644
--- a/crates/oxc_angular_compiler/src/pipeline/ingest.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
@@ -25,10 +25,10 @@ use super::compilation::{
 use super::conversion::prefix_with_namespace;
 use crate::ast::expression::{AngularExpression, ParsedEventType};
 use crate::ast::r3::{
-    I18nIcuPlaceholder, I18nMeta, I18nNode, R3BoundAttribute, R3BoundEvent, R3BoundText, R3Content,
-    R3DeferredBlock, R3Element, R3ForLoopBlock, R3Icu, R3IcuPlaceholder, R3IfBlock,
-    R3LetDeclaration, R3Node, R3SwitchBlock, R3Template, R3TemplateAttr, R3Text, R3TextAttribute,
-    SecurityContext,
+    I18nIcuPlaceholder, I18nMessage, I18nMeta, I18nNode, R3BoundAttribute, R3BoundEvent,
+    R3BoundText, R3Content, R3DeferredBlock, R3Element, R3ForLoopBlock, R3Icu, R3IcuPlaceholder,
+    R3IfBlock, R3LetDeclaration, R3Node, R3SwitchBlock, R3Template, R3TemplateAttr, R3Text,
+    R3TextAttribute, SecurityContext,
 };
 use crate::ir::enums::{
     AnimationKind, BindingKind, DeferOpModifierKind, DeferTriggerKind, Namespace, TemplateKind,
@@ -897,6 +897,29 @@ fn get_single_icu_placeholder<'a, 'b>(
     None
 }
 
+/// Records an i18n message's metadata for later phases, keyed by its instance id, and returns
+/// that id. Metadata already recorded for the same message is kept.
+fn record_i18n_message_metadata<'a>(
+    job: &mut ComponentCompilationJob<'a>,
+    message: &I18nMessage<'a>,
+) -> u32 {
+    let allocator = job.allocator;
+    let non_empty = |value: &Ident<'a>| (!value.is_empty()).then_some(*value);
+    job.i18n_message_metadata.entry(message.instance_id).or_insert_with(|| {
+        let mut legacy_ids = Vec::new_in(allocator);
+        legacy_ids.extend(message.legacy_ids.iter().copied());
+        I18nMessageMetadata {
+            message_id: non_empty(&message.id),
+            custom_id: non_empty(&message.custom_id),
+            meaning: non_empty(&message.meaning),
+            description: non_empty(&message.description),
+            legacy_ids,
+            message_string: non_empty(&message.message_string),
+        }
+    });
+    message.instance_id
+}
+
 /// Ingests an ICU expression node (plural, select, selectordinal).
 ///
 /// Creates IcuStartOp and IcuEndOp to bracket the ICU expression,
@@ -918,6 +941,13 @@ fn ingest_icu<'a>(job: &mut ComponentCompilationJob<'a>, view_xref: XrefId, icu:
         }
     };
 
+    // The ICU's own message (Angular: `createIcuStartOp(xref, icu.i18n, ...)`). When it is the
+    // same message as the enclosing i18n block, the ICU is the message rather than a sub-message.
+    let message = match &icu.i18n {
+        Some(I18nMeta::Message(message)) => Some(record_i18n_message_metadata(job, message)),
+        _ => None,
+    };
+
     let xref = job.allocate_xref_id();
 
     // Create IcuStartOp
@@ -925,7 +955,7 @@ fn ingest_icu<'a>(job: &mut ComponentCompilationJob<'a>, view_xref: XrefId, icu:
         base: CreateOpBase { source_span: Some(icu.source_span), ..Default::default() },
         xref,
         context: None, // Will be set by create_i18n_contexts phase
-        message: None, // Will be set by phases
+        message,
         icu_placeholder: Some(icu_placeholder_name),
     });
 
@@ -1528,11 +1558,11 @@ fn ingest_binding_owned<'a>(
         // unique placeholder names in first-seen order.
         let mut i18n_placeholders: Vec<'_, Ident<'_>> = Vec::new_in(allocator);
         if let Some(I18nMeta::Message(message)) = &input.i18n {
-            for node in message.nodes.iter() {
-                if let I18nNode::Placeholder(ph) = node {
-                    if !i18n_placeholders.contains(&ph.name) {
-                        i18n_placeholders.push(ph.name.clone());
-                    }
+            for node in &message.nodes {
+                if let I18nNode::Placeholder(ph) = node
+                    && !i18n_placeholders.contains(&ph.name)
+                {
+                    i18n_placeholders.push(ph.name);
                 }
             }
         }
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/extract_i18n_messages.rs b/crates/oxc_angular_compiler/src/pipeline/phases/extract_i18n_messages.rs
index 8c1717c00..727121f3d 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/extract_i18n_messages.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/extract_i18n_messages.rs
@@ -393,8 +393,7 @@ pub fn format_param_values(values: &[I18nParamValue]) -> Option<String> {
 /// with expression placeholders.
 ///
 /// For example, if strings = ["Hello ", "!"] and expression_placeholders has one
-/// entry with value 0, the output would be "Hello ${�0�}!" where the expression
-/// placeholder is formatted using format_value.
+/// entry with value 0, the output would be "Hello \u{FFFD}0\u{FFFD}!".
 ///
 /// Ported from Angular's `formatIcuPlaceholder` function.
 pub fn format_icu_placeholder(
@@ -405,8 +404,7 @@ pub fn format_icu_placeholder(
     for (i, s) in strings.iter().enumerate() {
         result.push_str(s.as_str());
         if let Some(expr_value) = expression_placeholders.get(i) {
-            // Format as ${value} where value is the formatted expression placeholder
-            result.push_str(&format!("${{{}}}", format_value(expr_value)));
+            result.push_str(&format_value(expr_value));
         }
     }
     result
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_closure.rs b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_closure.rs
index 9cc0f90a9..7e68d7dc8 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_closure.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_closure.rs
@@ -37,6 +37,51 @@ use crate::output::ast::{
     TypeofExpr,
 };
 
+/// The value of an i18n message param.
+///
+/// Most params are string literals, but Angular passes an ICU sub-message by its variable
+/// (`{ "icu": i18n_0 }`), and a placeholder shared by several sub-messages as an array of
+/// their variables for `ɵɵi18nPostprocess`.
+#[derive(Debug, Clone, PartialEq, Eq)]
+pub enum I18nParamExpr {
+    /// A string literal, e.g. `"\uFFFD0\uFFFD"`.
+    Literal(String),
+    /// A reference to another message's variable, e.g. `i18n_0`.
+    Var(String),
+    /// An array of message variables, e.g. `[i18n_0, i18n_1]`.
+    Vars(Vec<String>),
+}
+
+impl I18nParamExpr {
+    /// Builds the output expression for this value.
+    pub fn to_expr<'a>(&self, allocator: &'a oxc_allocator::Allocator) -> OutputExpression<'a> {
+        let read_var = |name: &str| {
+            OutputExpression::ReadVar(AllocBox::new_in(
+                ReadVarExpr { name: Ident::from(allocator.alloc_str(name)), source_span: None },
+                allocator,
+            ))
+        };
+        match self {
+            Self::Literal(value) => OutputExpression::Literal(AllocBox::new_in(
+                LiteralExpr {
+                    value: LiteralValue::String(Ident::from(allocator.alloc_str(value))),
+                    source_span: None,
+                },
+                allocator,
+            )),
+            Self::Var(name) => read_var(name),
+            Self::Vars(names) => {
+                let mut entries = AllocVec::new_in(allocator);
+                entries.extend(names.iter().map(|name| read_var(name)));
+                OutputExpression::LiteralArray(AllocBox::new_in(
+                    crate::output::ast::LiteralArrayExpr { entries, source_span: None },
+                    allocator,
+                ))
+            }
+        }
+    }
+}
+
 /// Name of the global variable that is used to determine if we use Closure translations.
 const NG_I18N_CLOSURE_MODE: &str = "ngI18nClosureMode";
 
@@ -171,7 +216,7 @@ pub fn create_goog_get_msg_statements<'a>(
     i18n_var_name: &Ident<'a>,
     closure_var_name: &Ident<'a>,
     message_string: &str,
-    params: &[(String, String)],
+    params: &[(String, I18nParamExpr)],
     meta: Option<&I18nMessageMeta<'a>>,
 ) -> AllocVec<'a, OutputStatement<'a>> {
     let mut statements = AllocVec::new_in(allocator);
@@ -193,16 +238,9 @@ pub fn create_goog_get_msg_statements<'a>(
             // Format placeholder name to camelCase for Closure
             let formatted_name = format_i18n_placeholder_name(name, true);
             let key_str = allocator.alloc_str(&formatted_name);
-            let value_str = allocator.alloc_str(value);
             entries.push(LiteralMapEntry {
                 key: Ident::from(key_str),
-                value: OutputExpression::Literal(AllocBox::new_in(
-                    LiteralExpr {
-                        value: LiteralValue::String(Ident::from(value_str)),
-                        source_span: None,
-                    },
-                    allocator,
-                )),
+                value: value.to_expr(allocator),
                 quoted: true,
             });
         }
@@ -336,7 +374,7 @@ pub fn create_translation_declaration<'a>(
     i18n_var_name: Ident<'a>,
     closure_var_name: Ident<'a>,
     message_for_closure: &str,
-    params: &[(String, String)],
+    params: &[(String, I18nParamExpr)],
     localized_expr: OutputExpression<'a>,
     meta: Option<&I18nMessageMeta<'a>>,
 ) -> AllocVec<'a, OutputStatement<'a>> {
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
index 492a384c9..a23ce3734 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
@@ -20,7 +20,7 @@ use crate::output::ast::{
 };
 use crate::pipeline::compilation::{ComponentCompilationJob, ConstValue};
 use crate::pipeline::phases::i18n_closure::{
-    I18nMessageMeta, create_translation_declaration, generate_closure_var_name,
+    I18nMessageMeta, I18nParamExpr, create_translation_declaration, generate_closure_var_name,
     generate_file_based_i18n_suffix, generate_i18n_var_name,
 };
 use crate::r3::Identifiers;
@@ -60,7 +60,11 @@ pub fn collect_i18n_consts(job: &mut ComponentCompilationJob<'_>) {
     // I18n Message Xref -> I18n Message Op info
     let mut messages: FxHashMap<XrefId, MessageInfo> = FxHashMap::default();
     // I18n Context Xref -> Params
-    let mut params_by_context: FxHashMap<XrefId, Vec<(String, String)>> = FxHashMap::default();
+    let mut params_by_context: FxHashMap<XrefId, Vec<(String, I18nParamExpr)>> =
+        FxHashMap::default();
+    // I18n Context Xref -> Post-processing params
+    let mut postprocessing_params_by_context: FxHashMap<XrefId, FxHashMap<String, String>> =
+        FxHashMap::default();
 
     // Collect info from all views
     for view in job.all_views() {
@@ -98,8 +102,20 @@ pub fn collect_i18n_consts(job: &mut ComponentCompilationJob<'_>) {
                 }
                 CreateOp::I18nContext(ctx_op) => {
                     // Collect formatted params from context
-                    let formatted = format_context_params(&ctx_op.params);
+                    let formatted = format_context_params(&ctx_op.params)
+                        .into_iter()
+                        .map(|(name, value)| (name, I18nParamExpr::Literal(value)))
+                        .collect();
                     params_by_context.insert(ctx_op.xref, formatted);
+
+                    // Angular's createI18nMessage formats the context's post-processing params,
+                    // then extractI18nMessages sets each ICU placeholder's literal over them.
+                    let mut postprocessing: FxHashMap<String, String> =
+                        format_context_params(&ctx_op.postprocessing_params).into_iter().collect();
+                    for (name, value) in &ctx_op.icu_placeholder_literals {
+                        postprocessing.insert(name.to_string(), value.to_string());
+                    }
+                    postprocessing_params_by_context.insert(ctx_op.xref, postprocessing);
                 }
                 _ => {}
             }
@@ -173,6 +189,7 @@ pub fn collect_i18n_consts(job: &mut ComponentCompilationJob<'_>) {
             allocator,
             &messages,
             &params_by_context,
+            &postprocessing_params_by_context,
             &msg_info,
             &file_based_i18n_suffix,
             job.i18n_use_external_ids,
@@ -444,7 +461,8 @@ struct I18nExpressionInfo {
 fn collect_message<'a>(
     allocator: &'a oxc_allocator::Allocator,
     messages: &FxHashMap<XrefId, MessageInfo>,
-    params_by_context: &FxHashMap<XrefId, Vec<(String, String)>>,
+    params_by_context: &FxHashMap<XrefId, Vec<(String, I18nParamExpr)>>,
+    postprocessing_params_by_context: &FxHashMap<XrefId, FxHashMap<String, String>>,
     msg_info: &MessageInfo,
     file_suffix: &str,
     use_external_ids: bool,
@@ -460,6 +478,7 @@ fn collect_message<'a>(
                 allocator,
                 messages,
                 params_by_context,
+                postprocessing_params_by_context,
                 sub_msg,
                 file_suffix,
                 use_external_ids,
@@ -480,16 +499,21 @@ fn collect_message<'a>(
         .cloned()
         .unwrap_or_default();
 
-    // Build postprocessing params from sub-message placeholders (for ICU post-processing)
-    let postprocessing_params: Vec<(String, Vec<String>)> = sub_message_placeholders
-        .iter()
-        .filter(|(_, vars)| vars.len() > 1)
-        .map(|(k, v)| (k.clone(), v.clone()))
-        .collect();
+    let mut postprocessing_params: Vec<(String, I18nParamExpr)> = msg_info
+        .i18n_context
+        .and_then(|ctx| postprocessing_params_by_context.get(&ctx))
+        .map(|params| {
+            params
+                .iter()
+                .map(|(name, value)| (name.clone(), I18nParamExpr::Literal(value.clone())))
+                .collect()
+        })
+        .unwrap_or_default();
 
     // Build params with sub-message values
     let mut params = base_params;
-    add_sub_message_params(&mut params, &sub_message_placeholders, msg_info.needs_postprocessing);
+    add_sub_message_params(&mut params, &mut postprocessing_params, &sub_message_placeholders);
+    postprocessing_params.sort_by(|a, b| a.0.cmp(&b.0));
 
     // Sort params for consistency
     params.sort_by(|a, b| a.0.cmp(&b.0));
@@ -534,13 +558,6 @@ fn collect_message<'a>(
         msg_info.custom_id.clone(),
     );
 
-    // Wrap with postprocess if needed
-    let localized_expr = if msg_info.needs_postprocessing || !postprocessing_params.is_empty() {
-        wrap_with_postprocess(allocator, localized_expr, &postprocessing_params)
-    } else {
-        localized_expr
-    };
-
     // Generate dual-mode translation declaration
     let i18n_var_atom = Ident::from(allocator.alloc_str(&i18n_var_name));
     let closure_var_atom = Ident::from(allocator.alloc_str(&closure_var_name));
@@ -557,32 +574,62 @@ fn collect_message<'a>(
 
     all_statements.extend(statements);
 
+    // Angular applies post-processing after both the Closure and $localize branches:
+    // `i18n_X = ɵɵi18nPostprocess(i18n_X, params?)`.
+    if msg_info.needs_postprocessing || !postprocessing_params.is_empty() {
+        let read_var = || {
+            OutputExpression::ReadVar(oxc_allocator::Box::new_in(
+                ReadVarExpr { name: i18n_var_atom, source_span: None },
+                allocator,
+            ))
+        };
+        let postprocess = wrap_with_postprocess(allocator, read_var(), &postprocessing_params);
+        let assignment = OutputExpression::BinaryOperator(oxc_allocator::Box::new_in(
+            crate::output::ast::BinaryOperatorExpr {
+                operator: crate::output::ast::BinaryOperator::Assign,
+                lhs: oxc_allocator::Box::new_in(read_var(), allocator),
+                rhs: oxc_allocator::Box::new_in(postprocess, allocator),
+                source_span: None,
+            },
+            allocator,
+        ));
+        all_statements.push(OutputStatement::Expression(oxc_allocator::Box::new_in(
+            crate::output::ast::ExpressionStatement { expr: assignment, source_span: None },
+            allocator,
+        )));
+    }
+
     (i18n_var_name, all_statements)
 }
 
 /// Add sub-message placeholder values to the params.
+///
+/// Ported from Angular's `addSubMessageParams`: a single sub-message is passed by its
+/// variable; several sub-messages sharing a placeholder are mapped at post-processing time.
 fn add_sub_message_params(
-    params: &mut Vec<(String, String)>,
+    params: &mut Vec<(String, I18nParamExpr)>,
+    postprocessing_params: &mut Vec<(String, I18nParamExpr)>,
     sub_message_placeholders: &FxHashMap<String, Vec<String>>,
-    _needs_postprocessing: bool,
 ) {
     for (placeholder, sub_vars) in sub_message_placeholders {
-        if sub_vars.len() == 1 {
-            // Single sub-message: use its variable directly
-            // The value will be the variable reference (handled at runtime)
-            params.push((placeholder.clone(), format!("{ESCAPE}{}{ESCAPE}", sub_vars[0])));
+        if let [sub_var] = sub_vars.as_slice() {
+            params.push((placeholder.clone(), I18nParamExpr::Var(sub_var.clone())));
         } else {
-            // Multiple sub-messages: create ICU mapping placeholder for post-processing
             params.push((
                 placeholder.clone(),
-                format!("{ESCAPE}{I18N_ICU_MAPPING_PREFIX}{placeholder}{ESCAPE}"),
+                I18nParamExpr::Literal(format!(
+                    "{ESCAPE}{I18N_ICU_MAPPING_PREFIX}{placeholder}{ESCAPE}"
+                )),
             ));
+            postprocessing_params.retain(|(name, _)| name != placeholder);
+            postprocessing_params
+                .push((placeholder.clone(), I18nParamExpr::Vars(sub_vars.clone())));
         }
     }
 }
 
 /// Generate a message string from params (fallback when message AST is not available).
-fn generate_message_from_params(params: &[(String, String)]) -> String {
+fn generate_message_from_params(params: &[(String, I18nParamExpr)]) -> String {
     let mut result = String::new();
     for (name, _value) in params {
         let formatted_name = format_i18n_placeholder_name(name, true);
@@ -619,7 +666,7 @@ fn format_context_params(
 fn create_localize_expression<'a>(
     allocator: &'a oxc_allocator::Allocator,
     message_string: &str,
-    params: &[(String, String)],
+    params: &[(String, I18nParamExpr)],
     description: Option<String>,
     meaning: Option<String>,
     custom_id: Option<String>,
@@ -632,7 +679,7 @@ fn create_localize_expression<'a>(
     let mut expressions = ArenaVec::new_in(allocator);
 
     // Build a map from placeholder name to value for quick lookup
-    let params_map: FxHashMap<String, String> =
+    let params_map: FxHashMap<String, I18nParamExpr> =
         params.iter().map(|(k, v)| (k.clone(), v.clone())).collect();
 
     // First message part: includes metadata block + first text segment
@@ -654,15 +701,7 @@ fn create_localize_expression<'a>(
         // uses camelCase (from format_i18n_placeholder_name with use_camel_case=true).
         // We need to find the matching param key.
         let value = find_param_value(&params_map, placeholder);
-        let value_str = allocator.alloc_str(&value);
-        let literal_expr = OutputExpression::Literal(oxc_allocator::Box::new_in(
-            crate::output::ast::LiteralExpr {
-                value: LiteralValue::String(Ident::from(value_str)),
-                source_span: None,
-            },
-            allocator,
-        ));
-        expressions.push(literal_expr);
+        expressions.push(value.to_expr(allocator));
 
         // Text part after this placeholder
         let text_part = text_parts.get(i + 1).map(|s| s.as_str()).unwrap_or("");
@@ -790,7 +829,10 @@ fn serialize_i18n_template_part(placeholder_name: &str, text: &str) -> String {
 /// The message_string uses camelCase placeholder names (e.g., `interpolation`),
 /// but the params_map is keyed by the original placeholder names (e.g., `INTERPOLATION`).
 /// This function tries to find the matching param key by comparing the formatted names.
-fn find_param_value(params_map: &FxHashMap<String, String>, placeholder_name: &str) -> String {
+fn find_param_value(
+    params_map: &FxHashMap<String, I18nParamExpr>,
+    placeholder_name: &str,
+) -> I18nParamExpr {
     // First try direct lookup
     if let Some(value) = params_map.get(placeholder_name) {
         return value.clone();
@@ -811,18 +853,16 @@ fn find_param_value(params_map: &FxHashMap<String, String>, placeholder_name: &s
     }
 
     // Fallback to empty string if no match found
-    String::new()
+    I18nParamExpr::Literal(String::new())
 }
 
 /// Wrap an i18n expression with i18nPostprocess for ICU message handling.
 fn wrap_with_postprocess<'a>(
     allocator: &'a oxc_allocator::Allocator,
     expr: OutputExpression<'a>,
-    postprocessing_params: &[(String, Vec<String>)],
+    postprocessing_params: &[(String, I18nParamExpr)],
 ) -> OutputExpression<'a> {
-    use crate::output::ast::{
-        InvokeFunctionExpr, LiteralArrayExpr, LiteralMapEntry, LiteralMapExpr,
-    };
+    use crate::output::ast::{InvokeFunctionExpr, LiteralMapEntry, LiteralMapExpr};
 
     // Create ɵɵi18nPostprocess function reference (i0.ɵɵi18nPostprocess)
     let fn_var = OutputExpression::ReadProp(oxc_allocator::Box::new_in(
@@ -848,27 +888,11 @@ fn wrap_with_postprocess<'a>(
     // Add postprocessing params if any
     if !postprocessing_params.is_empty() {
         let mut entries = ArenaVec::new_in(allocator);
-        for (placeholder, var_names) in postprocessing_params {
-            // Format placeholder name
+        for (placeholder, value) in postprocessing_params {
             let formatted_name = format_i18n_placeholder_name(placeholder, false);
-            let key_str = allocator.alloc_str(&formatted_name);
-
-            // Create array of variable references
-            let mut var_refs = ArenaVec::new_in(allocator);
-            for var_name in var_names {
-                let var_str = allocator.alloc_str(var_name);
-                var_refs.push(OutputExpression::ReadVar(oxc_allocator::Box::new_in(
-                    ReadVarExpr { name: Ident::from(var_str), source_span: None },
-                    allocator,
-                )));
-            }
-
             entries.push(LiteralMapEntry {
-                key: Ident::from(key_str),
-                value: OutputExpression::LiteralArray(oxc_allocator::Box::new_in(
-                    LiteralArrayExpr { entries: var_refs, source_span: None },
-                    allocator,
-                )),
+                key: Ident::from(allocator.alloc_str(&formatted_name)),
+                value: value.to_expr(allocator),
                 quoted: true,
             });
         }
@@ -945,7 +969,10 @@ mod tests {
             &allocator,
         ));
 
-        let params = vec![("ICU_0".to_string(), vec!["i18n_1".to_string(), "i18n_2".to_string()])];
+        let params = vec![(
+            "ICU_0".to_string(),
+            I18nParamExpr::Vars(vec!["i18n_1".to_string(), "i18n_2".to_string()]),
+        )];
 
         let result = wrap_with_postprocess(&allocator, input_expr, &params);
 
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 4082e4de4..6a24fb9e2 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -22,7 +22,7 @@ use crate::ast::r3::{
     R3BoundText, R3Comment, R3Component, R3Content, R3DeferredBlock, R3Directive, R3Element,
     R3ForLoopBlock, R3Icu, R3IcuPlaceholder, R3IfBlock, R3IfBlockBranch, R3LetDeclaration, R3Node,
     R3ParseResult, R3Reference, R3SwitchBlock, R3Template, R3TemplateAttr, R3Text, R3TextAttribute,
-    R3Variable, SecurityContext, serialize_i18n_nodes,
+    R3Variable, SecurityContext,
 };
 use crate::i18n::parser::I18nMessageFactory;
 use crate::i18n::placeholder::PlaceholderRegistry;
@@ -162,6 +162,13 @@ pub struct HtmlToR3Transform<'a> {
     /// (e.g., by `ingestControlFlowInsertionPoint` and `ingestStaticAttributes`), both
     /// can share the same i18n context.
     i18n_message_instance_counter: u32,
+    /// The `i18n` attribute value and message instance id of an element whose only child is
+    /// an ICU. That ICU is the element's message rather than a sub-message, so it reuses the
+    /// element's message (Angular's I18nMetaVisitor: `currentMessage || meta`).
+    sole_icu_message: Option<(String, u32)>,
+    /// Placeholder names of the ICU being visited, keyed by their interpolation text
+    /// (e.g. `{{count}}` -> `INTERPOLATION`), from the ICU's i18n message.
+    icu_interpolation_names: FxHashMap<String, String>,
 }
 
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
@@ -194,6 +201,8 @@ impl<'a> HtmlToR3Transform<'a> {
             icu_placeholder_counts: FxHashMap::default(),
             i18n_placeholder_registry: PlaceholderRegistry::new(),
             i18n_message_instance_counter: 0,
+            sole_icu_message: None,
+            icu_interpolation_names: FxHashMap::default(),
         }
     }
 
@@ -425,6 +434,12 @@ impl<'a> HtmlToR3Transform<'a> {
             None
         };
 
+        if let (Some(attr), Some(I18nMeta::Message(message))) = (i18n_attr, &i18n_meta)
+            && matches!(element.children.as_slice(), [HtmlNode::Expansion(_)])
+        {
+            self.sole_icu_message = Some((attr.value.to_string(), message.instance_id));
+        }
+
         // Increment non_bindable depth if this element has ngNonBindable
         if has_non_bindable {
             self.non_bindable_depth += 1;
@@ -1238,50 +1253,56 @@ impl<'a> HtmlToR3Transform<'a> {
         // Ported from Angular's PlaceholderRegistry usage in i18n_parser.ts.
         self.reset_icu_placeholder_counts();
 
-        // Create i18n metadata with proper ICU placeholder
-        // This matches Angular's behavior where expansion.i18n is a Message
-        // containing a single IcuPlaceholder node
+        // The ICU's message is built from the expansion itself (Angular's I18nMetaVisitor:
+        // `_generateI18nMessage([expansion], currentMessage || meta)`). An ICU that is the only
+        // child of an i18n element shares that element's message, so it is the message rather
+        // than a sub-message of it.
+        let source_file =
+            std::sync::Arc::new(crate::util::ParseSourceFile::new(self.source_text, "<template>"));
+        let icu_message =
+            I18nMessageFactory::new(false, true).create_icu_message(expansion, source_file);
+        let message_string = icu_message.serialize();
+        // Angular builds the ICU's placeholders from the message's placeholders: `VAR_*` become
+        // vars, interpolations become bound text, and element markup becomes plain text.
+        let (interpolations, mut tags): (std::vec::Vec<_>, std::vec::Vec<_>) = icu_message
+            .placeholders
+            .into_iter()
+            .filter(|(name, _)| !name.starts_with("VAR_"))
+            .partition(|(_, placeholder)| placeholder.text.starts_with("{{"));
+        self.icu_interpolation_names = interpolations
+            .into_iter()
+            .map(|(name, placeholder)| (placeholder.text, name))
+            .collect();
+        tags.sort_by(|a, b| a.0.cmp(&b.0));
+        let (meta_value, instance_id) = match self.sole_icu_message.take() {
+            Some(parent) => parent,
+            None => (String::new(), self.allocate_i18n_message_instance_id()),
+        };
+        let I18nMeta::Message(mut i18n_message) =
+            parse_i18n_meta_with_message(self.allocator, &meta_value, instance_id, &message_string)
+        else {
+            unreachable!("parse_i18n_meta_with_message always returns a Message")
+        };
+
+        // The pipeline identifies the ICU by a message holding a single IcuPlaceholder.
         let icu_type_upper = expansion.expansion_type.as_str().to_uppercase();
         let base_name = format!("VAR_{icu_type_upper}");
         let expression_placeholder =
             Ident::from_in(&self.generate_unique_icu_placeholder(&base_name), self.allocator);
-        let icu_placeholder_name = Ident::from_in("ICU", self.allocator);
-
-        // Create the I18nIcu for the i18n metadata
-        // The cases are empty here since they're parsed separately into R3Icu.placeholders
-        let i18n_icu = I18nIcu {
-            expression: expansion.switch_value,
-            icu_type: expansion.expansion_type,
-            cases: HashMap::new_in(self.allocator),
-            source_span: expansion.span,
-            expression_placeholder: Some(expression_placeholder),
-        };
-
-        // Create the IcuPlaceholder wrapping the ICU
-        let i18n_icu_placeholder = I18nIcuPlaceholder {
-            value: Box::new_in(i18n_icu, self.allocator),
-            name: icu_placeholder_name,
+        i18n_message.nodes.push(I18nNode::IcuPlaceholder(I18nIcuPlaceholder {
+            value: Box::new_in(
+                I18nIcu {
+                    expression: expansion.switch_value,
+                    icu_type: expansion.expansion_type,
+                    cases: HashMap::new_in(self.allocator),
+                    source_span: expansion.span,
+                    expression_placeholder: Some(expression_placeholder),
+                },
+                self.allocator,
+            ),
+            name: Ident::from_in("ICU", self.allocator),
             source_span: expansion.span,
-        };
-
-        // Create the Message containing the single IcuPlaceholder
-        let mut nodes = Vec::new_in(self.allocator);
-        nodes.push(I18nNode::IcuPlaceholder(i18n_icu_placeholder));
-
-        // Serialize the message string for goog.getMsg and $localize
-        let message_string_str = serialize_i18n_nodes(&nodes);
-        let message_string = Ident::from_in(&*message_string_str, self.allocator);
-
-        let i18n_message = I18nMessage {
-            instance_id: self.allocate_i18n_message_instance_id(),
-            nodes,
-            meaning: Ident::from(""),
-            description: Ident::from(""),
-            custom_id: Ident::from(""),
-            id: Ident::from(""),
-            legacy_ids: Vec::new_in(self.allocator),
-            message_string,
-        };
+        }));
 
         // Create variable for the switch value (using VAR_* placeholder name)
         let mut vars = Vec::new_in(self.allocator);
@@ -1300,6 +1321,20 @@ impl<'a> HtmlToR3Transform<'a> {
         for case in &expansion.cases {
             self.extract_placeholders_from_nodes(&case.expansion, &mut placeholders, &mut vars);
         }
+        for (name, placeholder) in tags {
+            let text = R3Text {
+                value: Ident::from_in(placeholder.text.as_str(), self.allocator),
+                source_span: Span::new(
+                    placeholder.source_span.start.offset,
+                    placeholder.source_span.end.offset,
+                ),
+            };
+            ordered_insert_placeholder(
+                &mut placeholders,
+                Ident::from_in(name.as_str(), self.allocator),
+                R3IcuPlaceholder::Text(text),
+            );
+        }
 
         // Add the outer ICU's var AFTER processing all children.
         // This ensures the correct order: nested ICU vars first, then outer ICU var.
@@ -1433,7 +1468,12 @@ impl<'a> HtmlToR3Transform<'a> {
                     let value_str = self.allocator.alloc_str(expr_content);
                     let parse_result = self.binding_parser.parse_binding(value_str, interp_span);
 
-                    let placeholder_key = Ident::from_in(interpolation, self.allocator);
+                    let placeholder_key = Ident::from_in(
+                        self.icu_interpolation_names
+                            .get(interpolation)
+                            .map_or(interpolation, String::as_str),
+                        self.allocator,
+                    );
                     let bound_text = R3BoundText {
                         value: parse_result.ast,
                         source_span: interp_span,

From 235ff950734ea65417ac12def6d7eedd13e9b670 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:10:52 +0100
Subject: [PATCH 05/54] test(i18n): add failing test for two ICUs in one
 message

Angular 22.1.5 names the placeholders ICU and ICU_1 and passes each its
own sub-message. oxc names both ICU, so the second ICU renders as "".
---
 .../tests/integration_test.rs                 | 26 +++++++++++++++++++
 1 file changed, 26 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index b3669be6e..43aa63598 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4488,6 +4488,32 @@ fn test_i18n_icu_with_sibling_content_is_sub_message() {
     assert_contains(&js, "i0.ɵɵi18nExp(ctx.name)(ctx.count)(ctx.count);");
 }
 
+/// Two ICUs in one message get distinct placeholders (ICU, ICU_1), each passed its own
+/// sub-message. Angular 22.1.5:
+///   goog.getMsg("{$icu} and {$icu_1}", { "icu": i18n_0, "icu_1": i18n_1 }, ...)
+///   $localize `${i18n_0}:ICU: and ${i18n_1}:ICU_1:`
+#[test]
+fn test_i18n_two_icus_in_one_message() {
+    let js = compile_i18n_component(
+        r#"<div i18n>{gender, select, male {X} other {Y}} and {count, plural, =1 {one} other {many}}</div>"#,
+    );
+    assert_contains(
+        &js,
+        "}(i18n_0 = i0.ɵɵi18nPostprocess(i18n_0,{\"VAR_SELECT\":\"\u{FFFD}0\u{FFFD}\"}));",
+    );
+    assert_contains(
+        &js,
+        "}(i18n_1 = i0.ɵɵi18nPostprocess(i18n_1,{\"VAR_PLURAL\":\"\u{FFFD}1\u{FFFD}\"}));",
+    );
+    assert_contains(&js, r#"goog.getMsg("{$icu} and {$icu_1}",{"icu":i18n_0,"icu_1":i18n_1}"#);
+    assert_contains(
+        &js,
+        r#"__tpl(["", ":ICU: and ", ":ICU_1:"], ["", ":ICU: and ", ":ICU_1:"]), i18n_0, i18n_1)"#,
+    );
+    assert!(!js.contains("i18nPostprocess(i18n_2"), "Root message needs no post-processing:\n{js}");
+    assert_contains(&js, "return [i18n_2]");
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From e07e3500ad230a9e2bfb9d4dc00bfc1a19b6e9e0 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:11:43 +0100
Subject: [PATCH 06/54] fix(i18n): give each ICU in a message its own
 placeholder name
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Every ICU placeholder was hardcoded to "ICU". With two ICUs in one
message, both sub-messages mapped to the same placeholder, so the root
message passed "�I18N_EXP_ICU�" for ICU and "" for ICU_1, and the
second ICU rendered as an empty string.

Angular names ICU placeholders with getPlaceholderName('ICU', ...),
giving ICU, ICU_1, ... when it builds the enclosing message. Take the
names from that message, which the factory already builds, matched by
each ICU's start offset.
---
 .../src/transform/html_to_r3.rs               | 33 ++++++++++++++++++-
 1 file changed, 32 insertions(+), 1 deletion(-)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 6a24fb9e2..c72fb795c 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -169,6 +169,9 @@ pub struct HtmlToR3Transform<'a> {
     /// Placeholder names of the ICU being visited, keyed by their interpolation text
     /// (e.g. `{{count}}` -> `INTERPOLATION`), from the ICU's i18n message.
     icu_interpolation_names: FxHashMap<String, String>,
+    /// ICU placeholder names (`ICU`, `ICU_1`, ...) from the enclosing i18n message, keyed by
+    /// the ICU's start offset.
+    icu_placeholder_names: FxHashMap<u32, String>,
 }
 
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
@@ -203,6 +206,7 @@ impl<'a> HtmlToR3Transform<'a> {
             i18n_message_instance_counter: 0,
             sole_icu_message: None,
             icu_interpolation_names: FxHashMap::default(),
+            icu_placeholder_names: FxHashMap::default(),
         }
     }
 
@@ -408,6 +412,7 @@ impl<'a> HtmlToR3Transform<'a> {
                     None,
                     source_file,
                 );
+                collect_icu_placeholder_names(&message.nodes, &mut self.icu_placeholder_names);
                 message.serialize()
             }
         } else {
@@ -1300,7 +1305,13 @@ impl<'a> HtmlToR3Transform<'a> {
                 },
                 self.allocator,
             ),
-            name: Ident::from_in("ICU", self.allocator),
+            name: Ident::from_in(
+                self.icu_placeholder_names
+                    .remove(&expansion.span.start)
+                    .as_deref()
+                    .unwrap_or("ICU"),
+                self.allocator,
+            ),
             source_span: expansion.span,
         }));
 
@@ -4823,6 +4834,26 @@ fn is_style_url_resolvable(url: &str) -> bool {
     }
 }
 
+/// Records the placeholder name of each ICU in an i18n message, keyed by the ICU's start
+/// offset. Angular names them with `getPlaceholderName('ICU', ...)`, giving `ICU`, `ICU_1`, ...
+fn collect_icu_placeholder_names(
+    nodes: &[crate::i18n::ast::Node],
+    names: &mut FxHashMap<u32, String>,
+) {
+    use crate::i18n::ast::Node;
+    for node in nodes {
+        match node {
+            Node::IcuPlaceholder(ph) => {
+                names.insert(ph.source_span.start.offset, ph.name.clone());
+            }
+            Node::Container(container) => collect_icu_placeholder_names(&container.children, names),
+            Node::TagPlaceholder(tag) => collect_icu_placeholder_names(&tag.children, names),
+            Node::BlockPlaceholder(block) => collect_icu_placeholder_names(&block.children, names),
+            Node::Text(_) | Node::Icu(_) | Node::Placeholder(_) => {}
+        }
+    }
+}
+
 /// Parses i18n metadata from an attribute value.
 ///
 /// Format: `meaning|description@@customId`

From caf5acfed468655d20e711f5fb2d8c580f58c0be Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:21:39 +0100
Subject: [PATCH 07/54] test(i18n): add failing tests from Angular's i18n
 compliance scenarios

Found by compiling Angular 22.1.5's r3_view_compiler_i18n compliance
cases with ngc and oxc and comparing messages and rendered output.
Expected values are ngc's output.

- $localize placeholder names lose their underscores (STARTBOLDTEXT
  instead of START_BOLD_TEXT), which changes the message id.
- i18n-<attr> on an empty attribute creates an empty message.
- Custom placeholder names (// i18n(ph="PH")) are not used for the
  param, so the interpolation renders as "".
- Whitespace next to an ICU is dropped from the message.
- Elements with structural directives get duplicated tag values and a
  spurious i18nPostprocess.
- @if/@else inside i18n gets duplicated and missing block values.
---
 .../tests/integration_test.rs                 | 80 +++++++++++++++++++
 1 file changed, 80 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 43aa63598..02d608bd3 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4514,6 +4514,86 @@ fn test_i18n_two_icus_in_one_message() {
     assert_contains(&js, "return [i18n_2]");
 }
 
+/// `$localize` placeholder names keep Angular's internal form (`START_BOLD_TEXT`), since they
+/// are part of the message id that `ng extract-i18n` computes. Angular 22.1.5:
+///   $localize `Hello ${"�#2�"}:START_BOLD_TEXT:world${"�/#2�"}:CLOSE_BOLD_TEXT:!`
+#[test]
+fn test_i18n_localize_placeholder_names_keep_underscores() {
+    let js = compile_i18n_component(r#"<span i18n>Hello <b>world</b>!</span>"#);
+    assert_contains(
+        &js,
+        r#"goog.getMsg("Hello {$startBoldText}world{$closeBoldText}!",{"closeBoldText":"#,
+    );
+    assert_contains(
+        &js,
+        "__tpl([\"Hello \", \":START_BOLD_TEXT:world\", \":CLOSE_BOLD_TEXT:!\"], [\"Hello \", \":START_BOLD_TEXT:world\", \":CLOSE_BOLD_TEXT:!\"]), \"\u{FFFD}#2\u{FFFD}\", \"\u{FFFD}/#2\u{FFFD}\")",
+    );
+}
+
+/// `i18n-<attr>` on an empty attribute creates no message; Angular only attaches a message
+/// when the attribute has a value. Angular 22.1.5: consts: [["title", ""]]
+#[test]
+fn test_i18n_attribute_with_empty_value_has_no_message() {
+    let js = compile_i18n_component(r#"<div i18n-title title=""></div>"#);
+    assert!(!js.contains("$localize"), "Empty attribute must not produce a message:\n{js}");
+    assert_contains(&js, r#"consts:[["title",""]]"#);
+}
+
+/// A custom placeholder name from `// i18n(ph="PH")` names the interpolation. Angular 22.1.5:
+///   goog.getMsg("Hello {$ph}", { "ph": "�0�" }, ...)
+///   $localize `Hello ${"�0�"}:PH:`
+#[test]
+fn test_i18n_custom_interpolation_placeholder_name() {
+    let js = compile_i18n_component(r#"<span i18n>Hello {{ name // i18n(ph="PH") }}</span>"#);
+    assert_contains(&js, "goog.getMsg(\"Hello {$ph}\",{\"ph\":\"\u{FFFD}0\u{FFFD}\"})");
+    assert_contains(
+        &js,
+        "__tpl([\"Hello \", \":PH:\"], [\"Hello \", \":PH:\"]), \"\u{FFFD}0\u{FFFD}\")",
+    );
+}
+
+/// Whitespace next to an ICU is part of the message. Angular 22.1.5:
+///   goog.getMsg("{$icu} {$startBoldText}x{$closeBoldText}", ...)
+#[test]
+fn test_i18n_keeps_whitespace_next_to_icu() {
+    let js = compile_i18n_component(
+        r#"<div i18n>{count, plural, =1 {one} other {many}} <b>x</b></div>"#,
+    );
+    assert_contains(&js, r#"goog.getMsg("{$icu} {$startBoldText}x{$closeBoldText}","#);
+    assert_contains(&js, r#"__tpl(["", ":ICU: ", ":START_BOLD_TEXT:x", ":CLOSE_BOLD_TEXT:"]"#);
+}
+
+/// An element with a structural directive inside an i18n block gets one combined value per
+/// tag placeholder, and needs no post-processing. Angular 22.1.5:
+///   { "closeTagSpan": "�/#1:1��/*2:1�", "startTagSpan": "�*2:1��#1:1�" }
+#[test]
+fn test_i18n_structural_directive_element_placeholders() {
+    let js = compile_i18n_component(r#"<div i18n><span *ngIf="count">x</span></div>"#);
+    assert_contains(
+        &js,
+        "goog.getMsg(\"{$startTagSpan}x{$closeTagSpan}\",{\"closeTagSpan\":\"\u{FFFD}/#1:1\u{FFFD}\u{FFFD}/*2:1\u{FFFD}\",\"startTagSpan\":\"\u{FFFD}*2:1\u{FFFD}\u{FFFD}#1:1\u{FFFD}\"})",
+    );
+    assert!(!js.contains("i18nPostprocess"), "No post-processing expected:\n{js}");
+}
+
+/// `@if`/`@else` inside an i18n block: each block gets its own start/close placeholder values.
+/// Angular 22.1.5:
+///   { "closeBlockElse": "�/*3:2�", "closeBlockIf": "�/*2:1�", "closeTagSpan": "�/#1:1�",
+///     "startBlockElse": "�*3:2�", "startBlockIf": "�*2:1�", "startTagSpan": "�#1:1�" }
+#[test]
+fn test_i18n_if_else_block_placeholders() {
+    let js = compile_i18n_component(r#"<div i18n>@if (count) {<span>yes</span>} @else {no}</div>"#);
+    assert_contains(
+        &js,
+        "{\"closeBlockElse\":\"\u{FFFD}/*3:2\u{FFFD}\",\"closeBlockIf\":\"\u{FFFD}/*2:1\u{FFFD}\",\"closeTagSpan\":\"\u{FFFD}/#1:1\u{FFFD}\",\"startBlockElse\":\"\u{FFFD}*3:2\u{FFFD}\",\"startBlockIf\":\"\u{FFFD}*2:1\u{FFFD}\",\"startTagSpan\":\"\u{FFFD}#1:1\u{FFFD}\"}",
+    );
+    assert_contains(
+        &js,
+        r#"__tpl(["", ":START_BLOCK_IF:", ":START_TAG_SPAN:yes", ":CLOSE_TAG_SPAN:", ":CLOSE_BLOCK_IF:", ":START_BLOCK_ELSE:no", ":CLOSE_BLOCK_ELSE:"]"#,
+    );
+    assert!(!js.contains("i18nPostprocess"), "No post-processing expected:\n{js}");
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From c86b86736ec3b9043ad3ede85e9fb52e0d4ea3cf Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:22:56 +0100
Subject: [PATCH 08/54] fix(i18n): keep original placeholder names in $localize
 messages

Messages were stored with camelCase placeholders ({$startBoldText}) for
goog.getMsg, and $localize recovered the name by upper-casing it, which
drops the underscores: :STARTBOLDTEXT: instead of :START_BOLD_TEXT:.
Placeholder names are part of the id $localize computes, so every
message containing an element, block or custom placeholder got a
different id from the one ng extract-i18n produces, and its translation
was never applied.

Angular serializes the message separately for each target:
LocalizeSerializerVisitor uses formatI18nPlaceholderName(name, false)
and GetMsgSerializerVisitor the camelCase form. Store the original
names ({$START_BOLD_TEXT}), use them as-is for $localize and param
lookup, and convert to camelCase only for goog.getMsg.
---
 crates/oxc_angular_compiler/src/i18n/ast.rs   | 14 +++--
 .../pipeline/phases/i18n_const_collection.rs  | 59 +++++++++----------
 2 files changed, 35 insertions(+), 38 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/ast.rs b/crates/oxc_angular_compiler/src/i18n/ast.rs
index f30052e1c..28a097c6d 100644
--- a/crates/oxc_angular_compiler/src/i18n/ast.rs
+++ b/crates/oxc_angular_compiler/src/i18n/ast.rs
@@ -420,11 +420,12 @@ fn serialize_message(nodes: &[Node]) -> String {
     nodes.iter().map(|n| n.visit(&mut visitor, &mut ctx)).collect::<Vec<_>>().join("")
 }
 
-/// Visitor that serializes i18n nodes to $localize format.
+/// Visitor that serializes i18n nodes to the message string stored for code generation.
 ///
-/// Placeholders are written as `{$camelCase}` markers, except inside an ICU, where Angular's
-/// `IcuSerializerVisitor` keeps them as literal `{UPPER_CASE}` ICU text that is resolved by
-/// `ɵɵi18nPostprocess` at runtime rather than split into `$localize` substitutions.
+/// Placeholders are written as `{$NAME}` markers with their original names: `$localize` uses
+/// the name as-is and `goog.getMsg` its camelCase form, as Angular's two serializers do.
+/// Inside an ICU, Angular's `IcuSerializerVisitor` keeps them as literal `{UPPER_CASE}` ICU
+/// text that is resolved by `ɵɵi18nPostprocess` at runtime.
 struct LocalizeMessageStringVisitor {
     in_icu: bool,
 }
@@ -434,7 +435,7 @@ impl LocalizeMessageStringVisitor {
         if self.in_icu {
             format!("{{{}}}", format_i18n_placeholder_name(name, false))
         } else {
-            format!("{{${}}}", format_i18n_placeholder_name(name, true))
+            format!("{{${name}}}")
         }
     }
 }
@@ -713,6 +714,7 @@ mod tests {
             String::new(),
             String::new(),
         );
-        assert_eq!(msg.message_string, "Hello {$interpolation}!");
+        // Original placeholder names; goog.getMsg converts them to camelCase.
+        assert_eq!(msg.message_string, "Hello {$INTERPOLATION}!");
     }
 }
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
index a23ce3734..1fab0463d 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
@@ -543,15 +543,15 @@ fn collect_message<'a>(
         None
     };
 
-    // Serialize message for goog.getMsg format
-    // Use stored message_string if available, otherwise fallback to generating from params
-    let message_for_closure =
+    // The stored message string names placeholders as `{$NAME}`; goog.getMsg uses camelCase.
+    let message_string =
         msg_info.message_string.clone().unwrap_or_else(|| generate_message_from_params(&params));
+    let message_for_closure = to_get_msg_string(&message_string);
 
     // Create $localize expression
     let localized_expr = create_localize_expression(
         allocator,
-        &message_for_closure,
+        &message_string,
         &params,
         msg_info.description.clone(),
         msg_info.meaning.clone(),
@@ -632,12 +632,27 @@ fn add_sub_message_params(
 fn generate_message_from_params(params: &[(String, I18nParamExpr)]) -> String {
     let mut result = String::new();
     for (name, _value) in params {
-        let formatted_name = format_i18n_placeholder_name(name, true);
-        result.push_str(&format!("{{${formatted_name}}}"));
+        result.push_str(&format!("{{${name}}}"));
     }
     result
 }
 
+/// Converts a stored message string to goog.getMsg format by writing each `{$NAME}` placeholder
+/// in camelCase, as Angular's `GetMsgSerializerVisitor` does.
+fn to_get_msg_string(message: &str) -> String {
+    let mut result = String::with_capacity(message.len());
+    let mut rest = message;
+    while let Some(start) = rest.find("{$") {
+        let Some(len) = rest[start..].find('}') else { break };
+        result.push_str(&rest[..start]);
+        let name = &rest[start + 2..start + len];
+        result.push_str(&format!("{{${}}}", format_i18n_placeholder_name(name, true)));
+        rest = &rest[start + len + 1..];
+    }
+    result.push_str(rest);
+    result
+}
+
 /// Format params from an I18nContext into (placeholder, value) pairs.
 fn format_context_params(
     params: &oxc_allocator::HashMap<'_, Ident<'_>, ArenaVec<'_, I18nParamValue>>,
@@ -824,36 +839,16 @@ fn serialize_i18n_template_part(placeholder_name: &str, text: &str) -> String {
     format!(":{}:{}", placeholder_name, text)
 }
 
-/// Find the parameter value for a placeholder name from the message string.
-///
-/// The message_string uses camelCase placeholder names (e.g., `interpolation`),
-/// but the params_map is keyed by the original placeholder names (e.g., `INTERPOLATION`).
-/// This function tries to find the matching param key by comparing the formatted names.
+/// Find the parameter value for a placeholder, by its name in the message (Angular:
+/// `params[ph.text]`).
 fn find_param_value(
     params_map: &FxHashMap<String, I18nParamExpr>,
     placeholder_name: &str,
 ) -> I18nParamExpr {
-    // First try direct lookup
-    if let Some(value) = params_map.get(placeholder_name) {
-        return value.clone();
-    }
-
-    // Try UPPERCASE lookup first since that's the most common format
-    let uppercase_name = format_i18n_placeholder_name(placeholder_name, false);
-    if let Some(value) = params_map.get(&uppercase_name) {
-        return value.clone();
-    }
-
-    // Try to find a key that matches when formatted to camelCase
-    for (key, value) in params_map {
-        let formatted_key = format_i18n_placeholder_name(key, true);
-        if formatted_key == placeholder_name {
-            return value.clone();
-        }
-    }
-
-    // Fallback to empty string if no match found
-    I18nParamExpr::Literal(String::new())
+    params_map
+        .get(placeholder_name)
+        .cloned()
+        .unwrap_or_else(|| I18nParamExpr::Literal(String::new()))
 }
 
 /// Wrap an i18n expression with i18nPostprocess for ICU message handling.

From f49658f85b4dd8e0f8d24fa5f0d977458640252f Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:23:39 +0100
Subject: [PATCH 09/54] fix(i18n): only create i18n-<attr> messages for
 attributes with a value

i18n-title on title="" produced an empty translatable message. Angular's
I18nMetaVisitor only attaches a message to a plain attribute of that
name when it has a value (`meta !== undefined && attr.value`), so an
empty attribute, or a bound [title], stays a regular attribute/binding.
---
 .../src/transform/html_to_r3.rs                  | 16 ++++++++--------
 1 file changed, 8 insertions(+), 8 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index c72fb795c..5f0ba5c8d 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -2932,15 +2932,15 @@ impl<'a> HtmlToR3Transform<'a> {
         for attr in attrs {
             let name = attr.name.as_str();
             if let Some(target_attr) = name.strip_prefix("i18n-") {
-                let instance_id = self.allocate_i18n_message_instance_id();
-                // The attribute's own value is the message text. Angular's I18nMetaVisitor
-                // builds it with `_generateI18nMessage([attr], meta)` when `attr.value` is set.
-                let target =
-                    attrs.iter().find(|a| a.name.as_str() == target_attr && !a.value.is_empty());
-                let (message_string, nodes) = match target {
-                    Some(target) => self.create_attribute_i18n_message(target),
-                    None => (String::new(), Vec::new_in(self.allocator)),
+                // Angular's I18nMetaVisitor only gives a message to a plain attribute with that
+                // name and a value, built from the value: `_generateI18nMessage([attr], meta)`.
+                let Some(target) =
+                    attrs.iter().find(|a| a.name.as_str() == target_attr && !a.value.is_empty())
+                else {
+                    continue;
                 };
+                let instance_id = self.allocate_i18n_message_instance_id();
+                let (message_string, nodes) = self.create_attribute_i18n_message(target);
                 let mut meta = parse_i18n_meta_with_message(
                     self.allocator,
                     attr.value.as_str(),

From cae1fc38a70cd854f33461f61117702ac361f661 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:24:15 +0100
Subject: [PATCH 10/54] fix(i18n): honour custom placeholder names for
 interpolations

`{{ name // i18n(ph="PH") }}` produced a message with {$ph} but a param
named INTERPOLATION, so goog.getMsg got {"interpolation": ...} and
$localize substituted "" for PH. The placeholder names used for the
binding came from a separate code path that always used INTERPOLATION.

Use the custom name there too, as Angular's i18n parser does with
extractPlaceholderName.
---
 crates/oxc_angular_compiler/src/i18n/parser.rs         |  2 +-
 .../oxc_angular_compiler/src/transform/html_to_r3.rs   | 10 +++++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index 8fb179888..7de73f990 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -847,7 +847,7 @@ pub fn create_i18n_message_factory(
 /// - `// i18n(ph="NAME")` - line comment format (at the end)
 ///
 /// Returns `Some(name)` if a custom placeholder name is found, `None` otherwise.
-fn extract_placeholder_name(expression: &str) -> Option<String> {
+pub(crate) fn extract_placeholder_name(expression: &str) -> Option<String> {
     // Look for block comment format: /* i18n(ph="NAME") */
     if let Some(start) = expression.find("i18n(ph=") {
         let rest = &expression[start + 8..]; // Skip "i18n(ph="
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 5f0ba5c8d..2b57a66bf 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -4370,9 +4370,13 @@ impl<'a> HtmlToR3Transform<'a> {
                 let expr = text[abs_start + 2..abs_end].trim();
 
                 if !expr.is_empty() {
-                    // Generate placeholder name using the i18n placeholder registry
-                    let placeholder_name =
-                        self.i18n_placeholder_registry.get_placeholder_name("INTERPOLATION", expr);
+                    // Generate placeholder name using the i18n placeholder registry, honouring a
+                    // custom name from `// i18n(ph="NAME")` as Angular's i18n parser does.
+                    let base_name = crate::i18n::parser::extract_placeholder_name(expr);
+                    let placeholder_name = self.i18n_placeholder_registry.get_placeholder_name(
+                        base_name.as_deref().unwrap_or("INTERPOLATION"),
+                        expr,
+                    );
                     let name_atom = Ident::from_in(&placeholder_name, self.allocator);
                     let value_atom = Ident::from_in(expr, self.allocator);
 

From 1e3f3086b2e9a20a5c4663417a708669da55c0b3 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:25:15 +0100
Subject: [PATCH 11/54] fix(i18n): keep whitespace-only text in i18n messages

The i18n message factory dropped whitespace-only text nodes, so
`{count, plural, ...} <b>x</b>` became "{$icu}{$startBoldText}..." and
whitespace in preserveWhitespaces templates was lost from messages.

Angular's _I18nVisitor.visitText keeps every text node; retainEmptyTokens
only concerns zero-length tokens in interpolated text. Whitespace that
should not be translated is removed earlier by the WhitespaceVisitor,
which keeps whitespace next to ICUs.
---
 crates/oxc_angular_compiler/src/i18n/parser.rs | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index 7de73f990..008d0ba0b 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -192,11 +192,6 @@ impl I18nMessageFactory {
     fn visit_text(&self, text: &HtmlText<'_>, context: &mut I18nVisitorContext) -> Option<Node> {
         let value = text.value.as_str();
 
-        // Skip empty text unless configured to retain
-        if value.trim().is_empty() && !self.retain_empty_tokens {
-            return None;
-        }
-
         // Check if text contains interpolations
         if value.contains("{{") && value.contains("}}") {
             return Some(self.visit_text_with_interpolation(value, text.span, context));

From 6c9bf229be49be03b4b554e1c96861abcb886d96 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:27:34 +0100
Subject: [PATCH 12/54] fix(i18n): resolve element and block placeholders once
 per view, in order
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

resolve_i18n_element_placeholders walked the view tree from the root and
then processed every child view again on its own. Placeholders in child
views were recorded twice, the second time without their structural
directive, giving values like "[�*2:1��#1:1�|�#1:1�]" and a
spurious i18nPostprocess. @else/@else if branches (ConditionalBranch
ops) were not handled, so their block placeholders had no value, and
child views were resolved after their parent's ops rather than at their
position.

Port Angular's resolvePlaceholdersForView: only walk from the root,
handle ConditionalCreate and ConditionalBranchCreate like templates, and
record template start, recurse, then record template close in op order.
recordTemplateClose also uses the enclosing block's subTemplateIndex,
not null.
---
 .../resolve_i18n_element_placeholders.rs      | 304 +++++++-----------
 1 file changed, 119 insertions(+), 185 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/resolve_i18n_element_placeholders.rs b/crates/oxc_angular_compiler/src/pipeline/phases/resolve_i18n_element_placeholders.rs
index 73bf72e58..7859afb1a 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/resolve_i18n_element_placeholders.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/resolve_i18n_element_placeholders.rs
@@ -45,14 +45,9 @@ pub fn resolve_i18n_element_placeholders(job: &mut ComponentCompilationJob<'_>)
         }
     }
 
-    // Process placeholders for root view
+    // Child views are reached through the ops that create them, as in Angular, so each view
+    // is resolved exactly once and with its enclosing structural directive.
     resolve_placeholders_for_view(job, job.root.xref, &i18n_contexts, &elements, None);
-
-    // Process placeholders for other views
-    let view_xrefs: Vec<XrefId> = job.views.keys().copied().collect();
-    for view_xref in view_xrefs {
-        resolve_placeholders_for_view(job, view_xref, &i18n_contexts, &elements, None);
-    }
 }
 
 /// Information about an element for placeholder resolution.
@@ -92,7 +87,6 @@ fn resolve_placeholders_for_view<'a>(
 
     // Collect operations and context info in first pass
     let mut operations: Vec<OpInfo> = Vec::new();
-    let mut child_views_to_process: Vec<(XrefId, Option<PendingStructuralDirective>)> = Vec::new();
 
     {
         let view = if view_xref.0 == 0 { Some(&job.root) } else { job.view(view_xref) };
@@ -187,175 +181,67 @@ fn resolve_placeholders_for_view<'a>(
 
                         // Handle fallback view
                         if let Some(fallback_xref) = proj_op.fallback {
-                            if let Some(ref fallback_placeholder) =
-                                proj_op.fallback_i18n_placeholder
-                            {
-                                if let Some(ref ops) = current_ops {
-                                    // Record template start/end for fallback view
-                                    if let Some(slot) = proj_op.slot {
-                                        operations.push(OpInfo::TemplateStart {
-                                            view_xref: fallback_xref,
-                                            slot: slot.0,
-                                            start_name: fallback_placeholder.start_name.clone(),
-                                            context_xref: ops.i18n_context_xref,
-                                            sub_template_index: ops.sub_template_index,
-                                            pending_structural,
-                                            has_close_name: fallback_placeholder
-                                                .close_name
-                                                .is_some(),
-                                        });
-                                        if let Some(close_name) = &fallback_placeholder.close_name {
-                                            operations.push(OpInfo::TemplateEnd {
-                                                view_xref: fallback_xref,
-                                                slot: slot.0,
-                                                close_name: close_name.clone(),
-                                                context_xref: ops.i18n_context_xref,
-                                                pending_structural,
-                                            });
-                                        }
-                                    }
-                                }
-                            }
-                            child_views_to_process.push((fallback_xref, None));
-                        }
-                    }
-                    CreateOp::Template(template_op) => {
-                        let template_view_xref = template_op.xref;
-                        if template_op.i18n_placeholder.is_none() {
-                            // No i18n placeholder, just recurse
-                            child_views_to_process.push((template_view_xref, None));
-                        } else if let Some(ref placeholder) = template_op.i18n_placeholder {
-                            if let Some(ref ops) = current_ops {
-                                if template_op.template_kind == TemplateKind::Structural {
-                                    // Structural directive - pass as pending
-                                    if let Some(slot) = template_op.slot {
-                                        child_views_to_process.push((
-                                            template_view_xref,
-                                            Some(PendingStructuralDirective { slot }),
-                                        ));
-                                    }
-                                } else {
-                                    // Non-structural template - record start and end
-                                    if let Some(slot) = template_op.slot {
-                                        operations.push(OpInfo::TemplateStart {
-                                            view_xref: template_view_xref,
-                                            slot: slot.0,
-                                            start_name: placeholder.start_name.clone(),
-                                            context_xref: ops.i18n_context_xref,
-                                            sub_template_index: ops.sub_template_index,
-                                            pending_structural,
-                                            has_close_name: placeholder.close_name.is_some(),
-                                        });
-                                        child_views_to_process.push((template_view_xref, None));
-                                        if let Some(close_name) = &placeholder.close_name {
-                                            operations.push(OpInfo::TemplateEnd {
-                                                view_xref: template_view_xref,
-                                                slot: slot.0,
-                                                close_name: close_name.clone(),
-                                                context_xref: ops.i18n_context_xref,
-                                                pending_structural,
-                                            });
-                                        }
-                                    }
-                                    pending_structural = None;
-                                }
-                            }
+                            record_template(
+                                &mut operations,
+                                current_ops.as_ref(),
+                                &mut pending_structural,
+                                fallback_xref,
+                                proj_op.slot,
+                                proj_op.fallback_i18n_placeholder.as_ref(),
+                                TemplateKind::Block,
+                            );
                         }
                     }
-                    CreateOp::Conditional(cond_op) => {
-                        let cond_view_xref = cond_op.xref;
-                        if cond_op.i18n_placeholder.is_none() {
-                            child_views_to_process.push((cond_view_xref, None));
-                        } else if let Some(ref placeholder) = cond_op.i18n_placeholder {
-                            if let Some(ref ops) = current_ops {
-                                // Record conditional start/end
-                                if let Some(slot) = cond_op.slot {
-                                    operations.push(OpInfo::TemplateStart {
-                                        view_xref: cond_view_xref,
-                                        slot: slot.0,
-                                        start_name: placeholder.start_name.clone(),
-                                        context_xref: ops.i18n_context_xref,
-                                        sub_template_index: ops.sub_template_index,
-                                        pending_structural,
-                                        has_close_name: placeholder.close_name.is_some(),
-                                    });
-                                    child_views_to_process.push((cond_view_xref, None));
-                                    if let Some(close_name) = &placeholder.close_name {
-                                        operations.push(OpInfo::TemplateEnd {
-                                            view_xref: cond_view_xref,
-                                            slot: slot.0,
-                                            close_name: close_name.clone(),
-                                            context_xref: ops.i18n_context_xref,
-                                            pending_structural,
-                                        });
-                                    }
-                                }
-                                pending_structural = None;
-                            }
-                        }
-                    }
-                    CreateOp::RepeaterCreate(rep_op) => {
+                    CreateOp::Template(op) => record_template(
+                        &mut operations,
+                        current_ops.as_ref(),
+                        &mut pending_structural,
+                        op.xref,
+                        op.slot,
+                        op.i18n_placeholder.as_ref(),
+                        op.template_kind,
+                    ),
+                    CreateOp::Conditional(op) => record_template(
+                        &mut operations,
+                        current_ops.as_ref(),
+                        &mut pending_structural,
+                        op.xref,
+                        op.slot,
+                        op.i18n_placeholder.as_ref(),
+                        op.template_kind,
+                    ),
+                    CreateOp::ConditionalBranch(op) => record_template(
+                        &mut operations,
+                        current_ops.as_ref(),
+                        &mut pending_structural,
+                        op.xref,
+                        op.slot,
+                        op.i18n_placeholder.as_ref(),
+                        op.template_kind,
+                    ),
+                    CreateOp::RepeaterCreate(op) => {
                         // RepeaterCreate has 3 slots: op itself, @for template, @empty template
-                        let for_slot = rep_op.slot.map(|s| s.0 + 1).unwrap_or(0);
-                        let for_view_xref = rep_op.body_view;
-
-                        if rep_op.i18n_placeholder.is_none() {
-                            child_views_to_process.push((for_view_xref, None));
-                        } else if let Some(ref placeholder) = rep_op.i18n_placeholder {
-                            if let Some(ref ops) = current_ops {
-                                // Record @for template start/end
-                                operations.push(OpInfo::TemplateStart {
-                                    view_xref: for_view_xref,
-                                    slot: for_slot,
-                                    start_name: placeholder.start_name.clone(),
-                                    context_xref: ops.i18n_context_xref,
-                                    sub_template_index: ops.sub_template_index,
-                                    pending_structural: None,
-                                    has_close_name: placeholder.close_name.is_some(),
-                                });
-                                child_views_to_process.push((for_view_xref, None));
-                                if let Some(close_name) = &placeholder.close_name {
-                                    operations.push(OpInfo::TemplateEnd {
-                                        view_xref: for_view_xref,
-                                        slot: for_slot,
-                                        close_name: close_name.clone(),
-                                        context_xref: ops.i18n_context_xref,
-                                        pending_structural: None,
-                                    });
-                                }
-                            }
-                        }
-
-                        // Handle @empty template if present
-                        if let Some(empty_view_xref) = rep_op.empty_view {
-                            let empty_slot = rep_op.slot.map(|s| s.0 + 2).unwrap_or(0);
-                            if rep_op.empty_i18n_placeholder.is_none() {
-                                child_views_to_process.push((empty_view_xref, None));
-                            } else if let Some(ref empty_placeholder) =
-                                rep_op.empty_i18n_placeholder
-                            {
-                                if let Some(ref ops) = current_ops {
-                                    operations.push(OpInfo::TemplateStart {
-                                        view_xref: empty_view_xref,
-                                        slot: empty_slot,
-                                        start_name: empty_placeholder.start_name.clone(),
-                                        context_xref: ops.i18n_context_xref,
-                                        sub_template_index: ops.sub_template_index,
-                                        pending_structural: None,
-                                        has_close_name: empty_placeholder.close_name.is_some(),
-                                    });
-                                    child_views_to_process.push((empty_view_xref, None));
-                                    if let Some(close_name) = &empty_placeholder.close_name {
-                                        operations.push(OpInfo::TemplateEnd {
-                                            view_xref: empty_view_xref,
-                                            slot: empty_slot,
-                                            close_name: close_name.clone(),
-                                            context_xref: ops.i18n_context_xref,
-                                            pending_structural: None,
-                                        });
-                                    }
-                                }
-                            }
+                        let for_slot = op.slot.map(|s| SlotId(s.0 + 1));
+                        record_template(
+                            &mut operations,
+                            current_ops.as_ref(),
+                            &mut pending_structural,
+                            op.body_view,
+                            for_slot,
+                            op.i18n_placeholder.as_ref(),
+                            TemplateKind::Block,
+                        );
+                        if let Some(empty_view) = op.empty_view {
+                            let empty_slot = op.slot.map(|s| SlotId(s.0 + 2));
+                            record_template(
+                                &mut operations,
+                                current_ops.as_ref(),
+                                &mut pending_structural,
+                                empty_view,
+                                empty_slot,
+                                op.empty_i18n_placeholder.as_ref(),
+                                TemplateKind::Block,
+                            );
                         }
                     }
                     _ => {}
@@ -483,18 +369,28 @@ fn resolve_placeholders_for_view<'a>(
                     allocator,
                 );
             }
+            OpInfo::Recurse { view_xref, pending_structural } => {
+                resolve_placeholders_for_view(
+                    job,
+                    view_xref,
+                    i18n_contexts,
+                    elements,
+                    pending_structural,
+                );
+            }
             OpInfo::TemplateEnd {
                 view_xref,
                 slot,
                 close_name,
                 context_xref,
+                sub_template_index,
                 pending_structural,
             } => {
                 let flags = I18nParamValueFlags::TEMPLATE_TAG.with(I18nParamValueFlags::CLOSE_TAG);
 
                 // Record template close with proper sub-template index
                 let template_sub_index =
-                    get_sub_template_index_for_template_tag(job, None, view_xref);
+                    get_sub_template_index_for_template_tag(job, sub_template_index, view_xref);
                 let param_value = I18nParamValue::new(
                     I18nParamValueContent::Slot(slot),
                     template_sub_index,
@@ -512,7 +408,7 @@ fn resolve_placeholders_for_view<'a>(
                 if let Some(structural) = pending_structural {
                     let structural_value = I18nParamValue::new(
                         I18nParamValueContent::Slot(structural.slot.0),
-                        None, // Use current block's sub-template index
+                        sub_template_index,
                         flags,
                     );
                     add_param_to_context(
@@ -526,16 +422,51 @@ fn resolve_placeholders_for_view<'a>(
             }
         }
     }
+}
 
-    // Recursively process child views
-    for (child_view_xref, child_pending_structural) in child_views_to_process {
-        resolve_placeholders_for_view(
-            job,
-            child_view_xref,
-            i18n_contexts,
-            elements,
-            child_pending_structural,
-        );
+/// Records the placeholders of an op that creates a child view (`recordTemplateStart`, the
+/// recursion, and `recordTemplateClose` in Angular), in that order.
+fn record_template<'a>(
+    operations: &mut Vec<OpInfo<'a>>,
+    current_ops: Option<&CurrentI18nOps>,
+    pending_structural: &mut Option<PendingStructuralDirective>,
+    view_xref: XrefId,
+    slot: Option<SlotId>,
+    placeholder: Option<&I18nPlaceholder<'a>>,
+    template_kind: TemplateKind,
+) {
+    let (Some(placeholder), Some(ops), Some(slot)) = (placeholder, current_ops, slot) else {
+        operations.push(OpInfo::Recurse { view_xref, pending_structural: None });
+        return;
+    };
+    if template_kind == TemplateKind::Structural {
+        // The template's element records the combined value.
+        operations.push(OpInfo::Recurse {
+            view_xref,
+            pending_structural: Some(PendingStructuralDirective { slot }),
+        });
+        return;
+    }
+    let pending = pending_structural.take();
+    operations.push(OpInfo::TemplateStart {
+        view_xref,
+        slot: slot.0,
+        start_name: placeholder.start_name.clone(),
+        context_xref: ops.i18n_context_xref,
+        sub_template_index: ops.sub_template_index,
+        pending_structural: pending,
+        has_close_name: placeholder.close_name.is_some(),
+    });
+    operations.push(OpInfo::Recurse { view_xref, pending_structural: None });
+    if let Some(close_name) = &placeholder.close_name {
+        operations.push(OpInfo::TemplateEnd {
+            view_xref,
+            slot: slot.0,
+            close_name: close_name.clone(),
+            context_xref: ops.i18n_context_xref,
+            sub_template_index: ops.sub_template_index,
+            pending_structural: pending,
+        });
     }
 }
 
@@ -596,8 +527,11 @@ enum OpInfo<'a> {
         /// The close placeholder name (e.g., "CLOSE_BLOCK_IF").
         close_name: Ident<'a>,
         context_xref: XrefId,
+        sub_template_index: Option<u32>,
         pending_structural: Option<PendingStructuralDirective>,
     },
+    /// Resolve a child view, in op order.
+    Recurse { view_xref: XrefId, pending_structural: Option<PendingStructuralDirective> },
 }
 
 /// Add a param value to an i18n context's params map.

From 6bd28966fab10e3c6fd535138463c2fed49b252f Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:27:34 +0100
Subject: [PATCH 13/54] fix(i18n): take block placeholder names from the i18n
 message

Block placeholders were named from a counter shared by every block, so
the @else in `@if (a) {...} @else {...}` became START_BLOCK_ELSE_1 in the
params while the message said START_BLOCK_ELSE, and its value was lost.

Angular names block placeholders with the message's placeholder
registry, which numbers per name and reuses a name for an identical
block. Take the names from the message the factory already builds,
matched by each block's start offset, as is done for ICUs.
---
 .../src/transform/html_to_r3.rs               | 52 +++++++++++++++----
 1 file changed, 43 insertions(+), 9 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 2b57a66bf..c0acdd593 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -172,6 +172,9 @@ pub struct HtmlToR3Transform<'a> {
     /// ICU placeholder names (`ICU`, `ICU_1`, ...) from the enclosing i18n message, keyed by
     /// the ICU's start offset.
     icu_placeholder_names: FxHashMap<u32, String>,
+    /// Block placeholder start/close names (`START_BLOCK_IF`, `CLOSE_BLOCK_IF`, ...) from the
+    /// enclosing i18n message, keyed by the block's start offset.
+    block_placeholder_names: FxHashMap<u32, (String, String)>,
 }
 
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
@@ -207,6 +210,7 @@ impl<'a> HtmlToR3Transform<'a> {
             sole_icu_message: None,
             icu_interpolation_names: FxHashMap::default(),
             icu_placeholder_names: FxHashMap::default(),
+            block_placeholder_names: FxHashMap::default(),
         }
     }
 
@@ -412,7 +416,11 @@ impl<'a> HtmlToR3Transform<'a> {
                     None,
                     source_file,
                 );
-                collect_icu_placeholder_names(&message.nodes, &mut self.icu_placeholder_names);
+                collect_placeholder_names(
+                    &message.nodes,
+                    &mut self.icu_placeholder_names,
+                    &mut self.block_placeholder_names,
+                );
                 message.serialize()
             }
         } else {
@@ -1993,6 +2001,22 @@ impl<'a> HtmlToR3Transform<'a> {
             return None;
         }
 
+        // Use the names from the enclosing i18n message, as Angular does.
+        if let Some((start, close)) = self.block_placeholder_names.remove(&source_span.start) {
+            let mut params = Vec::new_in(self.allocator);
+            params.extend(parameters.iter().copied());
+            return Some(I18nMeta::BlockPlaceholder(I18nBlockPlaceholder {
+                name: Ident::from_in(block_name, self.allocator),
+                parameters: params,
+                start_name: Ident::from_in(start.as_str(), self.allocator),
+                close_name: Ident::from_in(close.as_str(), self.allocator),
+                children: Vec::new_in(self.allocator),
+                source_span,
+                start_source_span: Some(start_source_span),
+                end_source_span,
+            }));
+        }
+
         // Generate unique placeholder names (following Angular's placeholder naming convention)
         // Angular uses START_BLOCK_IF, START_BLOCK_IF_1, etc.
         let block_upper = block_name.to_uppercase().replace(' ', "_");
@@ -4838,21 +4862,31 @@ fn is_style_url_resolvable(url: &str) -> bool {
     }
 }
 
-/// Records the placeholder name of each ICU in an i18n message, keyed by the ICU's start
-/// offset. Angular names them with `getPlaceholderName('ICU', ...)`, giving `ICU`, `ICU_1`, ...
-fn collect_icu_placeholder_names(
+/// Records the placeholder names of each ICU and block in an i18n message, keyed by their start
+/// offset. Angular takes these names from the message (`getPlaceholderName('ICU', ...)`,
+/// `getStartBlockPlaceholderName(...)`), giving `ICU_1`, `START_BLOCK_IF_1`, ... as needed.
+fn collect_placeholder_names(
     nodes: &[crate::i18n::ast::Node],
-    names: &mut FxHashMap<u32, String>,
+    icus: &mut FxHashMap<u32, String>,
+    blocks: &mut FxHashMap<u32, (String, String)>,
 ) {
     use crate::i18n::ast::Node;
     for node in nodes {
         match node {
             Node::IcuPlaceholder(ph) => {
-                names.insert(ph.source_span.start.offset, ph.name.clone());
+                icus.insert(ph.source_span.start.offset, ph.name.clone());
+            }
+            Node::Container(container) => {
+                collect_placeholder_names(&container.children, icus, blocks)
+            }
+            Node::TagPlaceholder(tag) => collect_placeholder_names(&tag.children, icus, blocks),
+            Node::BlockPlaceholder(block) => {
+                blocks.insert(
+                    block.source_span.start.offset,
+                    (block.start_name.clone(), block.close_name.clone()),
+                );
+                collect_placeholder_names(&block.children, icus, blocks);
             }
-            Node::Container(container) => collect_icu_placeholder_names(&container.children, names),
-            Node::TagPlaceholder(tag) => collect_icu_placeholder_names(&tag.children, names),
-            Node::BlockPlaceholder(block) => collect_icu_placeholder_names(&block.children, names),
             Node::Text(_) | Node::Icu(_) | Node::Placeholder(_) => {}
         }
     }

From 879273d6ac1f55bc8820f1ef7b1a141bc24de7cf Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:30:03 +0100
Subject: [PATCH 14/54] test(i18n): add failing tests for the remaining
 compliance divergences

Second batch from comparing oxc with Angular 22.1.5 ngc on the
r3_view_compiler_i18n compliance cases (expected values are ngc's):

- colons in meaning/description are not escaped in the $localize raw
  metadata block, so the text renders the metadata
- ICUs outside an i18n block get no message and render nothing
- nested ICU VAR placeholders are numbered parent first
- interpolated attributes on elements inside an ICU are not mapped
- spaces around ICU keywords leave VAR_SELECT unresolved (runtime error)
- void elements add an empty {$} placeholder
- nested tag placeholders are numbered parent first
- <ng-content> tag placeholders get no value
- custom placeholder names with spaces (ph = "who") are ignored
- interpolations lose their value in an i18n element with a structural
  directive, or next to an element with an interpolated i18n attribute
- elements inheriting a namespace are not named with it
---
 .../tests/integration_test.rs                 | 164 ++++++++++++++++++
 1 file changed, 164 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 02d608bd3..8dbedc538 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4594,6 +4594,170 @@ fn test_i18n_if_else_block_placeholders() {
     assert!(!js.contains("i18nPostprocess"), "No post-processing expected:\n{js}");
 }
 
+/// Colons in meaning/description are escaped in the `$localize` raw metadata block, which the
+/// runtime reads to find the end of the block. Angular 22.1.5:
+///   $localize `:meaning\\:A|descA@@idA:Content A` and `:d\\: x@@t2:T`
+#[test]
+fn test_i18n_meta_block_escapes_colons() {
+    let js = compile_i18n_component(
+        r#"<div i18n="meaning:A|descA@@idA">Content A</div><div i18n-title="d: x@@t2" title="T">x</div>"#,
+    );
+    assert_contains(
+        &js,
+        "__tpl([\":meaning:A|descA@@idA:Content A\"], [\":meaning\\\\:A|descA@@idA:Content A\"])",
+    );
+    assert_contains(&js, "__tpl([\":d: x@@t2:T\"], [\":d\\\\: x@@t2:T\"])");
+}
+
+/// An ICU outside any i18n block still gets a message and is wrapped in its own i18n block.
+/// Angular 22.1.5: goog.getMsg("{VAR_SELECT, select, male {male} female {female} other {other}}"),
+///   i18n_0 = i0.ɵɵi18nPostprocess(i18n_0, { "VAR_SELECT": "\uFFFD0\uFFFD" }); i0.ɵɵi18n(1, 0);
+#[test]
+fn test_i18n_icu_outside_i18n_block() {
+    let js = compile_i18n_component(
+        r#"<div>{gender, select, male {male} female {female} other {other}}</div>"#,
+    );
+    assert_contains(
+        &js,
+        "goog.getMsg(\"{VAR_SELECT, select, male {male} female {female} other {other}}\")",
+    );
+    assert_contains(
+        &js,
+        "(i18n_0 = i0.ɵɵi18nPostprocess(i18n_0,{\"VAR_SELECT\":\"\u{FFFD}0\u{FFFD}\"}));",
+    );
+    assert_contains(&js, "i0.ɵɵi18n(1,0);");
+    assert_contains(&js, "i0.ɵɵi18nExp(ctx.gender);");
+}
+
+/// Nested ICUs are named and numbered children first. Angular 22.1.5:
+///   {VAR_SELECT_2, select, male {m {VAR_SELECT, ...}} female {f {VAR_SELECT_1, ...}} other {x}}
+///   { "VAR_SELECT": "\uFFFD0\uFFFD", "VAR_SELECT_1": "\uFFFD1\uFFFD", "VAR_SELECT_2": "\uFFFD2\uFFFD" }
+#[test]
+fn test_i18n_nested_icu_placeholder_order() {
+    let js = compile_i18n_component(
+        r#"<div i18n>{gender, select, male {m {count, select, 3 {three} other {o}}} female {f {count, select, 3 {three} other {o}}} other {x}}</div>"#,
+    );
+    assert_contains(
+        &js,
+        "goog.getMsg(\"{VAR_SELECT_2, select, male {m {VAR_SELECT, select, 3 {three} other {o}}} female {f {VAR_SELECT_1, select, 3 {three} other {o}}} other {x}}\")",
+    );
+    assert_contains(
+        &js,
+        "{\"VAR_SELECT\":\"\u{FFFD}0\u{FFFD}\",\"VAR_SELECT_1\":\"\u{FFFD}1\u{FFFD}\",\"VAR_SELECT_2\":\"\u{FFFD}2\u{FFFD}\"}",
+    );
+    assert_contains(&js, "i0.ɵɵi18nExp(ctx.count)(ctx.count)(ctx.gender);");
+}
+
+/// Interpolations in an attribute of an element inside an ICU become expression placeholders in
+/// the tag markup. Angular 22.1.5:
+///   { "CLOSE_TAG_SPAN": "</span>", "START_TAG_SPAN": "<span title=\"\uFFFD1\uFFFD-\uFFFD2\uFFFD\">", "VAR_SELECT": "\uFFFD0\uFFFD" }
+#[test]
+fn test_i18n_icu_element_with_interpolated_attribute() {
+    let js = compile_i18n_component(
+        r#"<div i18n>{gender, select, other {<span title="{{name}}-{{name}}">foo</span>}}</div>"#,
+    );
+    assert_contains(
+        &js,
+        "{\"CLOSE_TAG_SPAN\":\"</span>\",\"START_TAG_SPAN\":\"<span title=\\\"\u{FFFD}1\u{FFFD}-\u{FFFD}2\u{FFFD}\\\">\",\"VAR_SELECT\":\"\u{FFFD}0\u{FFFD}\"}",
+    );
+    assert_contains(&js, "i0.ɵɵi18nExp(ctx.gender)(ctx.name)(ctx.name);");
+}
+
+/// Spaces around ICU keywords are kept and the VAR placeholder still gets its value.
+/// Angular 22.1.5: "{VAR_SELECT , select , 3 {three} other {more}}", { "VAR_SELECT": "\uFFFD0\uFFFD" }
+#[test]
+fn test_i18n_icu_with_spaces_around_keywords() {
+    let js = compile_i18n_component(r#"<div i18n>{count, select , 3 {three} other {more}}</div>"#);
+    assert_contains(&js, "goog.getMsg(\"{VAR_SELECT , select , 3 {three} other {more}}\")");
+    assert_contains(
+        &js,
+        "(i18n_0 = i0.ɵɵi18nPostprocess(i18n_0,{\"VAR_SELECT\":\"\u{FFFD}0\u{FFFD}\"}));",
+    );
+}
+
+/// A void element is a single placeholder. Angular 22.1.5:
+///   goog.getMsg("{$tagImg} is my logo", { "tagImg": "\uFFFD#2\uFFFD\uFFFD/#2\uFFFD" })
+#[test]
+fn test_i18n_void_element_placeholder() {
+    let js = compile_i18n_component(r#"<div i18n><img src="a.png"> is my logo</div>"#);
+    assert_contains(
+        &js,
+        "goog.getMsg(\"{$tagImg} is my logo\",{\"tagImg\":\"\u{FFFD}#2\u{FFFD}\u{FFFD}/#2\u{FFFD}\"})",
+    );
+}
+
+/// Tag placeholders are named children first, so the outer of two different spans gets _1.
+/// Angular 22.1.5: "{$startTagSpan_1}a{$startTagSpan}inner{$closeTagSpan}{$closeTagSpan}"
+#[test]
+fn test_i18n_nested_tag_placeholder_names() {
+    let js =
+        compile_i18n_component(r#"<div i18n><span title="x">a<span>inner</span></span></div>"#);
+    assert_contains(
+        &js,
+        "goog.getMsg(\"{$startTagSpan_1}a{$startTagSpan}inner{$closeTagSpan}{$closeTagSpan}\",{\"closeTagSpan\":\"[\u{FFFD}/#3\u{FFFD}|\u{FFFD}/#2\u{FFFD}]\",\"startTagSpan\":\"\u{FFFD}#3\u{FFFD}\",\"startTagSpan_1\":\"\u{FFFD}#2\u{FFFD}\"})",
+    );
+}
+
+/// `<ng-content>` inside an i18n block gets its projection slot as the tag value.
+/// Angular 22.1.5: { "closeTagNgContent": "\uFFFD/#2\uFFFD", "startTagNgContent": "\uFFFD#2\uFFFD" }
+#[test]
+fn test_i18n_ng_content_placeholder_values() {
+    let js = compile_i18n_component(r#"<div i18n><ng-content select="x"></ng-content>tail</div>"#);
+    assert_contains(
+        &js,
+        "{\"closeTagNgContent\":\"\u{FFFD}/#2\u{FFFD}\",\"startTagNgContent\":\"\u{FFFD}#2\u{FFFD}\"}",
+    );
+}
+
+/// Custom placeholder names may have spaces around `=`. Angular 22.1.5:
+///   goog.getMsg("Hi {$who}", { "who": "\uFFFD0\uFFFD" }), $localize `Hi ${...}:WHO:`
+#[test]
+fn test_i18n_custom_placeholder_name_with_spaces() {
+    let js = compile_i18n_component(r#"<div i18n>Hi {{ name // i18n(ph = "who") }}</div>"#);
+    assert_contains(&js, "goog.getMsg(\"Hi {$who}\",{\"who\":\"\u{FFFD}0\u{FFFD}\"})");
+    assert_contains(&js, "__tpl([\"Hi \", \":WHO:\"]");
+}
+
+/// An i18n element with a structural directive keeps its interpolation value. Angular 22.1.5:
+///   { "closeTagSpan": "\uFFFD/#2\uFFFD", "interpolation": "\uFFFD0\uFFFD", "startTagSpan": "\uFFFD#2\uFFFD" }
+#[test]
+fn test_i18n_block_on_element_with_structural_directive() {
+    let js =
+        compile_i18n_component(r#"<div i18n *ngIf="visible">Some <span>{{ name }}</span></div>"#);
+    assert_contains(
+        &js,
+        "goog.getMsg(\"Some {$startTagSpan}{$interpolation}{$closeTagSpan}\",{\"closeTagSpan\":\"\u{FFFD}/#2\u{FFFD}\",\"interpolation\":\"\u{FFFD}0\u{FFFD}\",\"startTagSpan\":\"\u{FFFD}#2\u{FFFD}\"})",
+    );
+}
+
+/// Text and attribute interpolations in the same i18n block are indexed separately.
+/// Angular 22.1.5: both messages map INTERPOLATION to "\uFFFD0\uFFFD".
+#[test]
+fn test_i18n_text_interpolation_next_to_i18n_attribute() {
+    let js = compile_i18n_component(
+        r#"<div i18n>{{ name }}<h1 i18n-title title="{{ name }}"></h1></div>"#,
+    );
+    assert_contains(
+        &js,
+        "goog.getMsg(\"{$interpolation}\",{\"interpolation\":\"\u{FFFD}0\u{FFFD}\"})",
+    );
+    assert_contains(
+        &js,
+        "goog.getMsg(\"{$interpolation}{$startHeadingLevel1}{$closeHeadingLevel1}\",{\"closeHeadingLevel1\":\"\u{FFFD}/#2\u{FFFD}\",\"interpolation\":\"\u{FFFD}0\u{FFFD}\",\"startHeadingLevel1\":\"\u{FFFD}#2\u{FFFD}\"})",
+    );
+}
+
+/// Elements inheriting a namespace are named with it. Angular 22.1.5:
+///   $localize `Count: ${...}:START_TAG__XHTML_SPAN:5${...}:CLOSE_TAG__XHTML_SPAN:`
+#[test]
+fn test_i18n_namespaced_element_placeholders() {
+    let js = compile_i18n_component(
+        r#"<svg xmlns="http://www.w3.org/2000/svg"><foreignObject><xhtml:div xmlns="http://www.w3.org/1999/xhtml" i18n>Count: <span>5</span></xhtml:div></foreignObject></svg>"#,
+    );
+    assert_contains(&js, "goog.getMsg(\"Count: {$startTagXhtmlSpan}5{$closeTagXhtmlSpan}\"");
+    assert_contains(&js, "\":START_TAG__XHTML_SPAN:5\"");
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From c8ce5947debd5984f3b2f270a6095118c755a655 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:30:23 +0100
Subject: [PATCH 15/54] fix(i18n): serialize void elements as a single
 placeholder

<img> inside an i18n block produced "{$TAG_IMG}{$}": the message
serializer always wrote a close placeholder, empty for void elements,
which added an unnamed placeholder with no value. Angular's
serializers write only the start placeholder when isVoid.
---
 crates/oxc_angular_compiler/src/i18n/ast.rs | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/crates/oxc_angular_compiler/src/i18n/ast.rs b/crates/oxc_angular_compiler/src/i18n/ast.rs
index 28a097c6d..a434b455a 100644
--- a/crates/oxc_angular_compiler/src/i18n/ast.rs
+++ b/crates/oxc_angular_compiler/src/i18n/ast.rs
@@ -478,6 +478,10 @@ impl Visitor for LocalizeMessageStringVisitor {
         ph: &TagPlaceholder,
         context: &mut Self::Context,
     ) -> Self::Result {
+        // A void element is a single placeholder, as in Angular's serializers.
+        if ph.is_void {
+            return self.format_ph(&ph.start_name);
+        }
         let children: String =
             ph.children.iter().map(|child| child.visit(self, context)).collect::<Vec<_>>().join("");
         format!("{}{children}{}", self.format_ph(&ph.start_name), self.format_ph(&ph.close_name))

From a55229f94ecec8f06ab0fc56b9c3119a890763f2 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:31:01 +0100
Subject: [PATCH 16/54] fix(i18n): accept whitespace in custom placeholder name
 comments

`{{ name // i18n(ph = "who") }}` was named INTERPOLATION because the
custom name was only recognised as the exact text i18n(ph=. Port
Angular's _CUSTOM_PH_EXP, which allows whitespace between the comment,
i18n, (, ph, = and the quoted name.
---
 .../oxc_angular_compiler/src/i18n/parser.rs   | 42 +++++++------------
 1 file changed, 14 insertions(+), 28 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index 008d0ba0b..e19b17ec4 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -835,37 +835,23 @@ pub fn create_i18n_message_factory(
 }
 
 /// Extracts a custom placeholder name from an expression if present.
-/// Looks for comments like `// i18n(ph="CUSTOM_NAME")` in the expression.
-///
-/// Supported formats:
-/// - `/* i18n(ph="NAME") */` - block comment format
-/// - `// i18n(ph="NAME")` - line comment format (at the end)
+/// Looks for a trailing comment like `// i18n(ph="CUSTOM_NAME")` in the expression, allowing
+/// whitespace between the parts (`// i18n(ph = 'name')`), as Angular's `_CUSTOM_PH_EXP` does.
 ///
 /// Returns `Some(name)` if a custom placeholder name is found, `None` otherwise.
 pub(crate) fn extract_placeholder_name(expression: &str) -> Option<String> {
-    // Look for block comment format: /* i18n(ph="NAME") */
-    if let Some(start) = expression.find("i18n(ph=") {
-        let rest = &expression[start + 8..]; // Skip "i18n(ph="
-
-        // Determine quote type (single or double)
-        let (quote, rest) = if rest.starts_with('"') {
-            ('"', &rest[1..])
-        } else if rest.starts_with('\'') {
-            ('\'', &rest[1..])
-        } else {
-            return None;
-        };
-
-        // Find the closing quote
-        if let Some(end) = rest.find(quote) {
-            let name = &rest[..end];
-            if !name.is_empty() {
-                return Some(name.to_string());
-            }
-        }
-    }
-
-    None
+    // Angular: /\/\/[\s\S]*i18n[\s\S]*\([\s\S]*ph[\s\S]*=[\s\S]*("|')([\s\S]*?)\1[\s\S]*\)/
+    let rest = &expression[expression.find("//")?..];
+    let rest = &rest[rest.find("i18n")?..];
+    let rest = &rest[rest.find('(')?..];
+    let rest = &rest[rest.find("ph")?..];
+    let rest = &rest[rest.find('=')? + 1..];
+    let start = rest.find(['"', '\''])?;
+    let quote = rest[start..].chars().next()?;
+    let body = &rest[start + 1..];
+    let end = body.find(quote)?;
+    let name = &body[..end];
+    (!name.is_empty() && body[end + 1..].contains(')')).then(|| name.to_string())
 }
 
 #[cfg(test)]

From 0a7464dfe2ad2ddfeafae59250a3f1b287d488f6 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:32:34 +0100
Subject: [PATCH 17/54] fix(i18n): escape $localize metadata blocks in the raw
 strings

$localize finds the end of a message's metadata block by the first `:`
not escaped in the template's raw string. oxc emitted identical cooked
and raw strings with no escapes, so a meaning or description containing
`:` ended the block early: i18n="meaning:A|descA@@idA" rendered
"A|descA@@idA:Content A" and lost its custom id. A message starting with
`:` got a backslash in its cooked text instead.

Port Angular's createCookedRawString: cooked strings are unescaped, and
raw strings escape backslashes, colons inside the metadata block, a
leading colon, backticks and `${`. LocalizedStringExpr carries the raw
parts for the emitter.
---
 crates/oxc_angular_compiler/src/output/ast.rs |  9 ++-
 .../src/output/emitter.rs                     | 14 +++-
 .../src/pipeline/phases/chaining.rs           |  3 +
 .../pipeline/phases/i18n_const_collection.rs  | 76 +++++++++----------
 4 files changed, 59 insertions(+), 43 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/output/ast.rs b/crates/oxc_angular_compiler/src/output/ast.rs
index 1ac69d59e..6dc9d21c1 100644
--- a/crates/oxc_angular_compiler/src/output/ast.rs
+++ b/crates/oxc_angular_compiler/src/output/ast.rs
@@ -791,8 +791,11 @@ pub struct LocalizedStringExpr<'a> {
     pub meaning: Option<Ident<'a>>,
     /// Custom message ID.
     pub custom_id: Option<Ident<'a>>,
-    /// Message parts.
+    /// Message parts (cooked strings).
     pub message_parts: Vec<'a, Ident<'a>>,
+    /// Raw strings of the message parts, with the escapes `$localize` reads to find the end of
+    /// each metadata block (Angular's `createCookedRawString`).
+    pub raw_message_parts: Vec<'a, Ident<'a>>,
     /// Placeholder names.
     pub placeholder_names: Vec<'a, Ident<'a>>,
     /// Interpolated expressions.
@@ -1360,6 +1363,9 @@ impl<'a> OutputExpression<'a> {
                 for part in e.message_parts.iter() {
                     message_parts.push(part.clone());
                 }
+                let mut raw_message_parts =
+                    Vec::with_capacity_in(e.raw_message_parts.len(), allocator);
+                raw_message_parts.extend(e.raw_message_parts.iter().copied());
                 let mut placeholder_names =
                     Vec::with_capacity_in(e.placeholder_names.len(), allocator);
                 for name in e.placeholder_names.iter() {
@@ -1375,6 +1381,7 @@ impl<'a> OutputExpression<'a> {
                         meaning: e.meaning.clone(),
                         custom_id: e.custom_id.clone(),
                         message_parts,
+                        raw_message_parts,
                         placeholder_names,
                         expressions,
                         source_span: e.source_span,
diff --git a/crates/oxc_angular_compiler/src/output/emitter.rs b/crates/oxc_angular_compiler/src/output/emitter.rs
index 350b2ec4b..6c3f35c1e 100644
--- a/crates/oxc_angular_compiler/src/output/emitter.rs
+++ b/crates/oxc_angular_compiler/src/output/emitter.rs
@@ -1042,9 +1042,9 @@ impl JsEmitter {
         }
         ctx.print("], ");
 
-        // Raw strings (same as cooked for i18n)
+        // Raw strings
         ctx.print("[");
-        for (i, part) in expr.message_parts.iter().enumerate() {
+        for (i, part) in expr.raw_message_parts.iter().enumerate() {
             if i > 0 {
                 ctx.print(", ");
             }
@@ -2465,6 +2465,11 @@ mod tests {
                 description: None,
                 meaning: None,
                 custom_id: None,
+                raw_message_parts: {
+                    let mut raw = oxc_allocator::Vec::new_in(&alloc);
+                    raw.extend(message_parts.iter().copied());
+                    raw
+                },
                 message_parts,
                 placeholder_names,
                 expressions,
@@ -2504,6 +2509,11 @@ mod tests {
                 description: None,
                 meaning: None,
                 custom_id: None,
+                raw_message_parts: {
+                    let mut raw = oxc_allocator::Vec::new_in(&alloc);
+                    raw.extend(message_parts.iter().copied());
+                    raw
+                },
                 message_parts,
                 placeholder_names,
                 expressions,
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/chaining.rs b/crates/oxc_angular_compiler/src/pipeline/phases/chaining.rs
index e269a32a5..e848acdf8 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/chaining.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/chaining.rs
@@ -768,6 +768,8 @@ fn clone_expression<'a>(
             for part in loc.message_parts.iter() {
                 message_parts.push(part.clone());
             }
+            let mut raw_message_parts = oxc_allocator::Vec::new_in(allocator);
+            raw_message_parts.extend(loc.raw_message_parts.iter().copied());
             let mut placeholder_names = oxc_allocator::Vec::new_in(allocator);
             for name in loc.placeholder_names.iter() {
                 placeholder_names.push(name.clone());
@@ -782,6 +784,7 @@ fn clone_expression<'a>(
                     meaning: loc.meaning.clone(),
                     custom_id: loc.custom_id.clone(),
                     message_parts,
+                    raw_message_parts,
                     placeholder_names,
                     expressions,
                     source_span: loc.source_span,
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
index 1fab0463d..2b53c01f0 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
@@ -690,8 +690,13 @@ fn create_localize_expression<'a>(
     let (text_parts, placeholder_order) = parse_message_string(message_string);
 
     let mut message_parts = ArenaVec::new_in(allocator);
+    let mut raw_message_parts = ArenaVec::new_in(allocator);
     let mut placeholder_names = ArenaVec::new_in(allocator);
     let mut expressions = ArenaVec::new_in(allocator);
+    let mut push_part = |(cooked, raw): (String, String)| {
+        message_parts.push(Ident::from(allocator.alloc_str(&cooked)));
+        raw_message_parts.push(Ident::from(allocator.alloc_str(&raw)));
+    };
 
     // Build a map from placeholder name to value for quick lookup
     let params_map: FxHashMap<String, I18nParamExpr> =
@@ -700,9 +705,7 @@ fn create_localize_expression<'a>(
     // First message part: includes metadata block + first text segment
     // Format: ":meaning|description@@customId:text"
     let first_text = text_parts.first().map(|s| s.as_str()).unwrap_or("");
-    let head_cooked = serialize_i18n_head(first_text, &meaning, &description, &custom_id);
-    let head_str = allocator.alloc_str(&head_cooked);
-    message_parts.push(Ident::from(head_str));
+    push_part(serialize_i18n_head(first_text, &meaning, &description, &custom_id));
 
     // Subsequent parts: ":PLACEHOLDER_NAME:text"
     for (i, placeholder) in placeholder_order.iter().enumerate() {
@@ -720,9 +723,7 @@ fn create_localize_expression<'a>(
 
         // Text part after this placeholder
         let text_part = text_parts.get(i + 1).map(|s| s.as_str()).unwrap_or("");
-        let part_cooked = serialize_i18n_template_part(&formatted_name, text_part);
-        let part_str = allocator.alloc_str(&part_cooked);
-        message_parts.push(Ident::from(part_str));
+        push_part(create_cooked_raw_string(&formatted_name, text_part));
     }
 
     // Store metadata for potential future use (JSDoc generation in emitter)
@@ -745,6 +746,7 @@ fn create_localize_expression<'a>(
             meaning: meaning_atom,
             custom_id: custom_id_atom,
             message_parts,
+            raw_message_parts,
             placeholder_names,
             expressions,
             source_span: None,
@@ -792,53 +794,47 @@ fn parse_message_string(message: &str) -> (Vec<String>, Vec<String>) {
     (text_parts, placeholders)
 }
 
-/// Serialize the i18n head (first message part) with metadata.
-///
-/// Format: ":meaning|description@@customId:text"
-/// - meaning and description are separated by |
-/// - customId is prefixed with @@
-/// - If there's no metadata, just return the text (with starting colon escaped if needed)
+/// Serialize the i18n head (first message part) with its metadata block
+/// (`meaning|description@@customId`), as Angular's `serializeI18nHead`.
 fn serialize_i18n_head(
     text: &str,
     meaning: &Option<String>,
     description: &Option<String>,
     custom_id: &Option<String>,
-) -> String {
-    let mut meta_block = String::new();
-
-    // Build meta block: meaning|description@@customId
-    if let Some(m) = meaning {
-        meta_block.push_str(m);
-    }
-    if meaning.is_some() || description.is_some() {
-        if meaning.is_some() {
-            meta_block.push('|');
-        }
-        if let Some(d) = description {
-            meta_block.push_str(d);
-        }
+) -> (String, String) {
+    let mut meta_block = description.clone().unwrap_or_default();
+    if let Some(meaning) = meaning.as_deref().filter(|m| !m.is_empty()) {
+        meta_block = format!("{meaning}|{meta_block}");
     }
-    if let Some(id) = custom_id {
-        meta_block.push_str("@@");
-        meta_block.push_str(id);
+    if let Some(id) = custom_id.as_deref().filter(|id| !id.is_empty()) {
+        meta_block = format!("{meta_block}@@{id}");
     }
+    create_cooked_raw_string(&meta_block, text)
+}
 
+/// Returns the cooked and raw strings of a `$localize` message part with its metadata block,
+/// as Angular's `createCookedRawString`. Only the raw string carries escapes: `$localize` reads
+/// it to tell an escaped `\:` from the `:` that ends the metadata block.
+fn create_cooked_raw_string(meta_block: &str, message_part: &str) -> (String, String) {
+    let escape_slashes = |s: &str| s.replace('\\', "\\\\");
+    let escape_for_template_literal = |s: &str| s.replace('`', "\\`").replace("${", "$\\{");
     if meta_block.is_empty() {
-        // No metadata - just return text (escape starting colon if needed)
-        if text.starts_with(':') { format!("\\:{}", &text[1..]) } else { text.to_string() }
+        let raw = escape_slashes(message_part);
+        let raw = match raw.strip_prefix(':') {
+            Some(rest) => format!("\\:{rest}"),
+            None => raw,
+        };
+        (message_part.to_string(), escape_for_template_literal(&raw))
     } else {
-        // With metadata: :meta:text
-        format!(":{}:{}", meta_block, text)
+        let raw = format!(
+            ":{}:{}",
+            escape_slashes(meta_block).replace(':', "\\:"),
+            escape_slashes(message_part)
+        );
+        (format!(":{meta_block}:{message_part}"), escape_for_template_literal(&raw))
     }
 }
 
-/// Serialize an i18n template part (after first part).
-///
-/// Format: ":PLACEHOLDER_NAME:text"
-fn serialize_i18n_template_part(placeholder_name: &str, text: &str) -> String {
-    format!(":{}:{}", placeholder_name, text)
-}
-
 /// Find the parameter value for a placeholder, by its name in the message (Angular:
 /// `params[ph.text]`).
 fn find_param_value(

From 7e34af200f81cf14b9529313e86368687a4c075f Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:33:42 +0100
Subject: [PATCH 18/54] fix(i18n): name nested tag placeholders children first

In `<span title="x">a<span>inner</span></span>` the outer span was
START_TAG_SPAN and the inner START_TAG_SPAN_1; Angular's
_I18nVisitor._visitElementLike visits children before naming the
element, so the inner span is START_TAG_SPAN and the outer
START_TAG_SPAN_1. The message id and the param mapping both depend on
this.

Visit children first in the message factory, and take the tag names
used for element placeholders from that message (matched by the
element's start offset) instead of a separate registry that could
disagree with it.
---
 .../oxc_angular_compiler/src/i18n/parser.rs   |  6 +--
 .../src/transform/html_to_r3.rs               | 41 ++++++++++++++-----
 2 files changed, 33 insertions(+), 14 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index e19b17ec4..198bf74c5 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -601,6 +601,9 @@ impl I18nMessageFactory {
             }
         }
 
+        // Visit children first: Angular names nested tags before their parent.
+        let children = self.visit_all(&element.children, context, visit_fn);
+
         // Generate placeholder names for the tag
         let start_name =
             context.placeholder_registry.get_start_tag_placeholder_name(tag_name, &attrs, is_void);
@@ -610,9 +613,6 @@ impl I18nMessageFactory {
             context.placeholder_registry.get_close_tag_placeholder_name(tag_name)
         };
 
-        // Visit children
-        let children = self.visit_all(&element.children, context, visit_fn);
-
         let source_span = ParseSourceSpan::from_offsets(
             &context.source_file,
             element.span.start,
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index c0acdd593..d1077451f 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -175,6 +175,9 @@ pub struct HtmlToR3Transform<'a> {
     /// Block placeholder start/close names (`START_BLOCK_IF`, `CLOSE_BLOCK_IF`, ...) from the
     /// enclosing i18n message, keyed by the block's start offset.
     block_placeholder_names: FxHashMap<u32, (String, String)>,
+    /// Tag placeholder start/close names from the enclosing i18n message, keyed by the
+    /// element's start offset.
+    tag_placeholder_names: FxHashMap<u32, (String, String)>,
 }
 
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
@@ -211,6 +214,7 @@ impl<'a> HtmlToR3Transform<'a> {
             icu_interpolation_names: FxHashMap::default(),
             icu_placeholder_names: FxHashMap::default(),
             block_placeholder_names: FxHashMap::default(),
+            tag_placeholder_names: FxHashMap::default(),
         }
     }
 
@@ -420,6 +424,7 @@ impl<'a> HtmlToR3Transform<'a> {
                     &message.nodes,
                     &mut self.icu_placeholder_names,
                     &mut self.block_placeholder_names,
+                    &mut self.tag_placeholder_names,
                 );
                 message.serialize()
             }
@@ -4195,14 +4200,21 @@ impl<'a> HtmlToR3Transform<'a> {
             }
         }
 
-        // Generate placeholder names
-        let start_name = self
-            .i18n_placeholder_registry
-            .get_start_tag_placeholder_name(tag_name, &attrs, is_void);
-        let close_name = if is_void {
-            String::new()
-        } else {
-            self.i18n_placeholder_registry.get_close_tag_placeholder_name(tag_name)
+        // Use the names from the enclosing i18n message, as Angular does.
+        let (start_name, close_name) = match self.tag_placeholder_names.remove(&element.span.start)
+        {
+            Some(names) => names,
+            None => {
+                let start_name = self
+                    .i18n_placeholder_registry
+                    .get_start_tag_placeholder_name(tag_name, &attrs, is_void);
+                let close_name = if is_void {
+                    String::new()
+                } else {
+                    self.i18n_placeholder_registry.get_close_tag_placeholder_name(tag_name)
+                };
+                (start_name, close_name)
+            }
         };
 
         // Create TagPlaceholder
@@ -4869,6 +4881,7 @@ fn collect_placeholder_names(
     nodes: &[crate::i18n::ast::Node],
     icus: &mut FxHashMap<u32, String>,
     blocks: &mut FxHashMap<u32, (String, String)>,
+    tags: &mut FxHashMap<u32, (String, String)>,
 ) {
     use crate::i18n::ast::Node;
     for node in nodes {
@@ -4877,15 +4890,21 @@ fn collect_placeholder_names(
                 icus.insert(ph.source_span.start.offset, ph.name.clone());
             }
             Node::Container(container) => {
-                collect_placeholder_names(&container.children, icus, blocks)
+                collect_placeholder_names(&container.children, icus, blocks, tags);
+            }
+            Node::TagPlaceholder(tag) => {
+                tags.insert(
+                    tag.source_span.start.offset,
+                    (tag.start_name.clone(), tag.close_name.clone()),
+                );
+                collect_placeholder_names(&tag.children, icus, blocks, tags);
             }
-            Node::TagPlaceholder(tag) => collect_placeholder_names(&tag.children, icus, blocks),
             Node::BlockPlaceholder(block) => {
                 blocks.insert(
                     block.source_span.start.offset,
                     (block.start_name.clone(), block.close_name.clone()),
                 );
-                collect_placeholder_names(&block.children, icus, blocks);
+                collect_placeholder_names(&block.children, icus, blocks, tags);
             }
             Node::Text(_) | Node::Icu(_) | Node::Placeholder(_) => {}
         }

From 2d0128eb411ae54f1657ecc548c319d9306d00f7 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:34:30 +0100
Subject: [PATCH 19/54] fix(i18n): take nested ICU VAR names from the ICU's
 message

For nested ICUs the message (built by the factory, which follows
Angular) numbers inner ICUs first: `{VAR_SELECT_2, select, male
{{VAR_SELECT, ...}} female {{VAR_SELECT_1, ...}} ...}`. The r3 ICU vars
were named separately, parent first, so VAR_SELECT_2 was mapped to the
first nested ICU's expression and the outer ICU switched on the wrong
value at runtime.

Name each ICU var from the ICU's message placeholders, matched by the
switch expression's start offset.
---
 .../src/transform/html_to_r3.rs               | 37 ++++++++++++++-----
 1 file changed, 27 insertions(+), 10 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index d1077451f..2e2cbce93 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -169,6 +169,9 @@ pub struct HtmlToR3Transform<'a> {
     /// Placeholder names of the ICU being visited, keyed by their interpolation text
     /// (e.g. `{{count}}` -> `INTERPOLATION`), from the ICU's i18n message.
     icu_interpolation_names: FxHashMap<String, String>,
+    /// `VAR_*` placeholder names of the ICU being visited and its nested ICUs, from the ICU's
+    /// i18n message, keyed by the start offset of each switch expression.
+    icu_var_names: FxHashMap<u32, String>,
     /// ICU placeholder names (`ICU`, `ICU_1`, ...) from the enclosing i18n message, keyed by
     /// the ICU's start offset.
     icu_placeholder_names: FxHashMap<u32, String>,
@@ -212,6 +215,7 @@ impl<'a> HtmlToR3Transform<'a> {
             i18n_message_instance_counter: 0,
             sole_icu_message: None,
             icu_interpolation_names: FxHashMap::default(),
+            icu_var_names: FxHashMap::default(),
             icu_placeholder_names: FxHashMap::default(),
             block_placeholder_names: FxHashMap::default(),
             tag_placeholder_names: FxHashMap::default(),
@@ -1235,6 +1239,15 @@ impl<'a> HtmlToR3Transform<'a> {
     /// - Third call with "VAR_PLURAL" returns "VAR_PLURAL_2"
     ///
     /// Ported from Angular's `placeholder.ts:96-98` and `_generateUniqueName:151-161`.
+    /// The `VAR_*` name of the ICU whose switch expression starts at `start`, from the ICU's
+    /// message, or a newly generated one.
+    fn icu_var_name(&mut self, start: u32, base_name: &str) -> String {
+        match self.icu_var_names.remove(&start) {
+            Some(name) => name,
+            None => self.generate_unique_icu_placeholder(base_name),
+        }
+    }
+
     fn generate_unique_icu_placeholder(&mut self, base_name: &str) -> String {
         let count = self.icu_placeholder_counts.entry(base_name.to_string()).or_insert(0);
         let result =
@@ -1282,11 +1295,14 @@ impl<'a> HtmlToR3Transform<'a> {
         let message_string = icu_message.serialize();
         // Angular builds the ICU's placeholders from the message's placeholders: `VAR_*` become
         // vars, interpolations become bound text, and element markup becomes plain text.
-        let (interpolations, mut tags): (std::vec::Vec<_>, std::vec::Vec<_>) = icu_message
-            .placeholders
+        let (vars, others): (std::vec::Vec<_>, std::vec::Vec<_>) =
+            icu_message.placeholders.into_iter().partition(|(name, _)| name.starts_with("VAR_"));
+        self.icu_var_names = vars
             .into_iter()
-            .filter(|(name, _)| !name.starts_with("VAR_"))
-            .partition(|(_, placeholder)| placeholder.text.starts_with("{{"));
+            .map(|(name, placeholder)| (placeholder.source_span.start.offset, name))
+            .collect();
+        let (interpolations, mut tags): (std::vec::Vec<_>, std::vec::Vec<_>) =
+            others.into_iter().partition(|(_, placeholder)| placeholder.text.starts_with("{{"));
         self.icu_interpolation_names = interpolations
             .into_iter()
             .map(|(name, placeholder)| (placeholder.text, name))
@@ -1305,8 +1321,10 @@ impl<'a> HtmlToR3Transform<'a> {
         // The pipeline identifies the ICU by a message holding a single IcuPlaceholder.
         let icu_type_upper = expansion.expansion_type.as_str().to_uppercase();
         let base_name = format!("VAR_{icu_type_upper}");
-        let expression_placeholder =
-            Ident::from_in(&self.generate_unique_icu_placeholder(&base_name), self.allocator);
+        let expression_placeholder = Ident::from_in(
+            &self.icu_var_name(expansion.switch_value_span.start, &base_name),
+            self.allocator,
+        );
         i18n_message.nodes.push(I18nNode::IcuPlaceholder(I18nIcuPlaceholder {
             value: Box::new_in(
                 I18nIcu {
@@ -1410,12 +1428,11 @@ impl<'a> HtmlToR3Transform<'a> {
                     let parse_result =
                         self.binding_parser.parse_binding(value_str, switch_value_span);
 
-                    // Generate unique VAR_* placeholder name for the nested ICU BEFORE recursion.
-                    // The counter is incremented immediately, so nested ICUs get sequential names.
-                    // This matches Angular's getUniquePlaceholder in i18n_parser.ts:153
+                    // Name the nested ICU's VAR_* placeholder as the ICU's message does
+                    // (Angular numbers nested ICUs before their parent).
                     let icu_type_upper = nested_expansion.expansion_type.as_str().to_uppercase();
                     let base_name = format!("VAR_{icu_type_upper}");
-                    let unique_name = self.generate_unique_icu_placeholder(&base_name);
+                    let unique_name = self.icu_var_name(switch_value_span.start, &base_name);
                     let var_placeholder_name = Ident::from_in(&unique_name, self.allocator);
 
                     // Recursively extract from nested expansion cases FIRST.

From 3bba3e5503172d794401c2b8f4fc78b04c464f5a Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:35:11 +0100
Subject: [PATCH 20/54] fix(i18n): trim ICU var names when spaces surround the
 ICU type

`{count, select , ...}` has the type "select ", so the message's VAR
placeholder is "VAR_SELECT ". oxc used that name for the ICU's var, and
the post-processing key became VAR_SELECT_, which left the ICU's
{VAR_SELECT , ...} unresolved: "Unable to parse ICU expression" at
runtime. Angular's r3 visitExpansion trims VAR keys (key.trim()).
---
 crates/oxc_angular_compiler/src/transform/html_to_r3.rs | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 2e2cbce93..51d727f5d 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -1243,7 +1243,9 @@ impl<'a> HtmlToR3Transform<'a> {
     /// message, or a newly generated one.
     fn icu_var_name(&mut self, start: u32, base_name: &str) -> String {
         match self.icu_var_names.remove(&start) {
-            Some(name) => name,
+            // Angular's visitExpansion trims the key: `{count, select , ...}` is named
+            // "VAR_SELECT " in the message but the var is VAR_SELECT.
+            Some(name) => name.trim().to_string(),
             None => self.generate_unique_icu_placeholder(base_name),
         }
     }

From e2fe06a8b4c45310e273490c70c64dc23f131cb0 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:35:50 +0100
Subject: [PATCH 21/54] fix(i18n): bind interpolations in element markup inside
 ICUs
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

In `{x, select, other {<span title="{{a}}-{{a}}">foo</span>}}` the
START_TAG_SPAN post-processing value was the literal markup, so the
rendered title was "{a}-{a}". Angular's r3 visitExpansion passes each
non-VAR placeholder through _visitTextWithInterpolation, making the
markup bound text whose expressions become placeholders:
<span title="�1�-�2�">.
---
 .../src/transform/html_to_r3.rs               | 25 +++++++++++++------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 51d727f5d..6b035e3f0 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -1366,17 +1366,28 @@ impl<'a> HtmlToR3Transform<'a> {
             self.extract_placeholders_from_nodes(&case.expansion, &mut placeholders, &mut vars);
         }
         for (name, placeholder) in tags {
-            let text = R3Text {
-                value: Ident::from_in(placeholder.text.as_str(), self.allocator),
-                source_span: Span::new(
-                    placeholder.source_span.start.offset,
-                    placeholder.source_span.end.offset,
-                ),
+            // Angular: `_visitTextWithInterpolation(value.text, ...)`, so markup such as
+            // `<span title="{{a}}">` becomes bound text with expression placeholders.
+            let span =
+                Span::new(placeholder.source_span.start.offset, placeholder.source_span.end.offset);
+            let text = self.allocator.alloc_str(&placeholder.text);
+            let value = match self.has_interpolation(text) {
+                true => self.parse_interpolation(text, span).map(|value| {
+                    R3IcuPlaceholder::BoundText(R3BoundText {
+                        value,
+                        source_span: span,
+                        i18n: None,
+                    })
+                }),
+                false => None,
             };
+            let value = value.unwrap_or_else(|| {
+                R3IcuPlaceholder::Text(R3Text { value: Ident::from(&*text), source_span: span })
+            });
             ordered_insert_placeholder(
                 &mut placeholders,
                 Ident::from_in(name.as_str(), self.allocator),
-                R3IcuPlaceholder::Text(text),
+                value,
             );
         }
 

From 0f4208fcdc85a60b2768617d659d598f51a67dbf Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:36:53 +0100
Subject: [PATCH 22/54] fix(i18n): give <ng-content> inside i18n blocks its
 placeholder values

<ng-content> in an i18n block appeared in the message as
START_TAG_NG_CONTENT/CLOSE_TAG_NG_CONTENT, but the r3 Content node had
no i18n metadata and ingest never set the projection's placeholder, so
both params were "" and the projected content was dropped from the
translated message. Angular's ingestContent passes content.i18n (a tag
placeholder) to createProjectionOp.
---
 crates/oxc_angular_compiler/src/pipeline/ingest.rs    | 11 ++++++++++-
 .../oxc_angular_compiler/src/transform/html_to_r3.rs  |  3 ++-
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/pipeline/ingest.rs b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
index ab7cadfc3..f0775acad 100644
--- a/crates/oxc_angular_compiler/src/pipeline/ingest.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
@@ -2311,12 +2311,21 @@ fn ingest_content<'a>(
         None
     };
 
+    // Angular: createProjectionOp(id, content.selector, content.i18n, ...)
+    let i18n_placeholder = match &content.i18n {
+        Some(I18nMeta::Node(I18nNode::TagPlaceholder(tag))) => Some(I18nPlaceholder::new(
+            tag.start_name.clone(),
+            if tag.is_void { None } else { Some(tag.close_name.clone()) },
+        )),
+        _ => None,
+    };
+
     let op = CreateOp::Projection(ProjectionOp {
         base: CreateOpBase { source_span: Some(content.source_span), ..Default::default() },
         xref,
         slot: None,
         projection_slot_index: 0, // Will be set during projection phase
-        i18n_placeholder: None,
+        i18n_placeholder,
         selector: Some(content.selector.clone()),
         fallback,
         fallback_i18n_placeholder: None,
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 6b035e3f0..a78c280cb 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -538,7 +538,8 @@ impl<'a> HtmlToR3Transform<'a> {
                 source_span: element.span,
                 start_source_span: element.start_span,
                 end_source_span: element.end_span,
-                i18n: None,
+                // Inside an i18n block, <ng-content> is a tag placeholder like any element.
+                i18n: i18n_meta,
             };
             let mut result = R3Node::Content(Box::new_in(content, self.allocator));
 

From 0afef532b2ed2d1052efbea9d4e7a604cbf5b227 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:37:44 +0100
Subject: [PATCH 23/54] fix(i18n): keep placeholder names for text that is only
 an interpolation

A text node inside an i18n block that is only an interpolation, like
`<b>{{ name }}</b>` or `{{ name }}<h1 ...>`, got a bare placeholder as
its i18n metadata instead of a container. Ingest reads interpolation
placeholder names from a container only, so the expression got no
placeholder, INTERPOLATION had no value, and the text rendered empty.

Angular's _visitTextWithInterpolation returns a Container whenever the
text has an interpolation; do the same.
---
 .../oxc_angular_compiler/src/transform/html_to_r3.rs   | 10 +++-------
 1 file changed, 3 insertions(+), 7 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index a78c280cb..87b679289 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -4470,13 +4470,9 @@ impl<'a> HtmlToR3Transform<'a> {
             }
         }
 
-        // Return Container if multiple children, otherwise single node
-        if children.len() == 1 {
-            let single_child = children.pop().unwrap();
-            I18nMeta::Node(single_child)
-        } else {
-            I18nMeta::Node(I18nNode::Container(I18nContainer { children, source_span: span }))
-        }
+        // Text with an interpolation is always a Container, even `{{ x }}` alone, as in
+        // Angular's _visitTextWithInterpolation; ingest reads placeholder names from it.
+        I18nMeta::Node(I18nNode::Container(I18nContainer { children, source_span: span }))
     }
 
     /// Parses an interpolation expression.

From e33f9d0b36e984b4990574223d6ec3b408c216ee Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:38:17 +0100
Subject: [PATCH 24/54] fix(i18n): compile ICUs outside i18n blocks

`<div>{gender, select, male {...} other {...}}</div>` without an i18n
attribute rendered nothing: the ICU was dropped when not inside an i18n
element. Angular's I18nMetaVisitor gives every expansion a message, and
the wrapI18nIcus phase wraps an ICU that is not in an i18n block in its
own i18nStart/i18nEnd, which oxc already implements.
---
 crates/oxc_angular_compiler/src/transform/html_to_r3.rs | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 87b679289..f98d1a224 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -1275,12 +1275,9 @@ impl<'a> HtmlToR3Transform<'a> {
     ///
     /// Ported from Angular's r3_template_transform.ts:301-337
     fn visit_expansion(&mut self, expansion: &HtmlExpansion<'a>) -> Option<R3Node<'a>> {
-        // Do not generate Icu if it was created outside of i18n block/element in a template
-        // Reference: r3_template_transform.ts:301-306
-        let in_i18n_context = expansion.in_i18n_block || self.i18n_depth > 0;
-        if !in_i18n_context {
-            return None;
-        }
+        // Every ICU gets an i18n message, including ICUs outside an i18n block: Angular's
+        // I18nMetaVisitor visits all expansions, and the wrap_icus phase later gives such an ICU
+        // its own i18n block.
 
         // Reset ICU placeholder counters for this new top-level ICU.
         // This ensures unique placeholder names within each ICU context.

From b1ae4928e54b47bade8fa21b2a11051e0651b457 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:38:58 +0100
Subject: [PATCH 25/54] test(i18n): add failing test for SVG element
 placeholder names

Angular 22.1.5 names SVG elements in an i18n message with their
namespace (START_TAG__SVG_SVG, START_TAG__SVG_CIRCLE), which is part of
the message id. oxc uses START_TAG_SVG.
---
 .../oxc_angular_compiler/tests/integration_test.rs   | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 8dbedc538..45fa2b41f 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4758,6 +4758,18 @@ fn test_i18n_namespaced_element_placeholders() {
     assert_contains(&js, "\":START_TAG__XHTML_SPAN:5\"");
 }
 
+/// SVG elements in an i18n message are named with their namespace. Angular 22.1.5:
+///   $localize `Save ${...}:START_TAG__SVG_SVG:${...}:START_TAG__SVG_CIRCLE:...`
+#[test]
+fn test_i18n_svg_element_placeholders() {
+    let js =
+        compile_i18n_component(r#"<div i18n>Save <svg><circle r="1"></circle></svg> now</div>"#);
+    assert_contains(
+        &js,
+        r#"__tpl(["Save ", ":START_TAG__SVG_SVG:", ":START_TAG__SVG_CIRCLE:", ":CLOSE_TAG__SVG_CIRCLE:", ":CLOSE_TAG__SVG_SVG: now"]"#,
+    );
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From c4bbb29127df98debfb6831f8c147b278b00b5ce Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:40:31 +0100
Subject: [PATCH 26/54] fix(i18n): name element placeholders with their
 namespace

Angular's HTML parser gives elements their full namespaced name (an
<svg> is :svg:svg, a <circle> inside it :svg:circle, a <span> inside
<xhtml:div> :xhtml:span), and i18n placeholder names derive from it:
START_TAG__SVG_SVG. oxc's HTML AST keeps the raw name, so any SVG icon
inside an i18n message was START_TAG_SVG, giving the message a
different id from ng extract-i18n.

Port _getElementFullName (explicit prefix, else the tag's implicit
namespace, else the parent's unless it prevents inheritance) into the
i18n message factory, tracking the parent element's full name, and
pass the i18n root's full name from html_to_r3.
---
 .../oxc_angular_compiler/src/i18n/parser.rs   | 57 ++++++++++++++++++-
 .../src/transform/html_to_r3.rs               | 19 ++++++-
 2 files changed, 72 insertions(+), 4 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index 198bf74c5..47df4f2ee 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -37,6 +37,9 @@ pub struct I18nVisitorContext {
     pub placeholder_to_message: FxHashMap<String, Message>,
     /// Source file for span conversion.
     pub source_file: Arc<ParseSourceFile>,
+    /// Full name (`:svg:svg`) of the element whose children are being visited, from which
+    /// child elements inherit their namespace.
+    pub parent_element: Option<String>,
 }
 
 impl I18nVisitorContext {
@@ -48,6 +51,7 @@ impl I18nVisitorContext {
             placeholders: FxHashMap::default(),
             placeholder_to_message: FxHashMap::default(),
             source_file,
+            parent_element: None,
         }
     }
 }
@@ -84,8 +88,33 @@ impl I18nMessageFactory {
         custom_id: Option<&str>,
         visit_node_fn: Option<VisitNodeFn>,
         source_file: Arc<ParseSourceFile>,
+    ) -> Message {
+        self.create_message_in(
+            nodes,
+            None,
+            meaning,
+            description,
+            custom_id,
+            visit_node_fn,
+            source_file,
+        )
+    }
+
+    /// Converts the children of an element with the given full name (such as `:svg:text`) to
+    /// an i18n Message, so elements inherit its namespace as in Angular's HTML parser.
+    #[expect(clippy::too_many_arguments)]
+    pub fn create_message_in(
+        &self,
+        nodes: &[HtmlNode<'_>],
+        parent_element: Option<&str>,
+        meaning: Option<&str>,
+        description: Option<&str>,
+        custom_id: Option<&str>,
+        visit_node_fn: Option<VisitNodeFn>,
+        source_file: Arc<ParseSourceFile>,
     ) -> Message {
         let mut context = I18nVisitorContext::new(source_file);
+        context.parent_element = parent_element.map(str::to_string);
         let visit_fn = visit_node_fn.unwrap_or(noop_visit_node);
 
         // Check if this is a single ICU expression
@@ -132,9 +161,11 @@ impl I18nMessageFactory {
     pub fn create_icu_message(
         &self,
         expansion: &HtmlExpansion<'_>,
+        parent_element: Option<&str>,
         source_file: Arc<ParseSourceFile>,
     ) -> Message {
         let mut context = I18nVisitorContext::new(source_file);
+        context.parent_element = parent_element.map(str::to_string);
         context.is_icu = true;
         let nodes =
             self.visit_expansion(expansion, &mut context, noop_visit_node).into_iter().collect();
@@ -585,7 +616,9 @@ impl I18nMessageFactory {
         context: &mut I18nVisitorContext,
         visit_fn: VisitNodeFn,
     ) -> Option<Node> {
-        let tag_name = element.name.as_str();
+        // Angular names placeholders from the element's full name (`:svg:circle`).
+        let full_name = element_full_name(element.name.as_str(), context.parent_element.as_deref());
+        let tag_name = full_name.as_str();
         let is_void = is_void_element(tag_name);
 
         // Convert element attributes to an IndexMap for placeholder registry (ordered for consistent serialization)
@@ -602,7 +635,9 @@ impl I18nMessageFactory {
         }
 
         // Visit children first: Angular names nested tags before their parent.
+        let parent = context.parent_element.replace(full_name.clone());
         let children = self.visit_all(&element.children, context, visit_fn);
+        context.parent_element = parent;
 
         // Generate placeholder names for the tag
         let start_name =
@@ -834,6 +869,26 @@ pub fn create_i18n_message_factory(
     I18nMessageFactory::new(retain_empty_tokens, preserve_expression_whitespace)
 }
 
+/// An element's full name with its namespace prefix: explicit (`:xhtml:div`), implicit for the
+/// tag (`:svg:svg`) or inherited from its parent (`:svg:circle`), as Angular's HTML parser
+/// computes it in `_getElementFullName`.
+pub(crate) fn element_full_name(name: &str, parent: Option<&str>) -> String {
+    use crate::parser::html::{
+        get_html_tag_definition, get_ns_prefix, merge_ns_and_name, split_ns_name,
+    };
+    if name.starts_with(':') {
+        return name.to_string();
+    }
+    let mut prefix = get_html_tag_definition(name).implicit_namespace_prefix;
+    if prefix.is_none()
+        && let Some(parent) = parent
+        && !get_html_tag_definition(split_ns_name(parent).1).prevent_namespace_inheritance
+    {
+        prefix = get_ns_prefix(parent);
+    }
+    merge_ns_and_name(prefix, name)
+}
+
 /// Extracts a custom placeholder name from an expression if present.
 /// Looks for a trailing comment like `// i18n(ph="CUSTOM_NAME")` in the expression, allowing
 /// whitespace between the parts (`// i18n(ph = 'name')`), as Angular's `_CUSTOM_PH_EXP` does.
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index f98d1a224..f3bbc8c7e 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -181,6 +181,8 @@ pub struct HtmlToR3Transform<'a> {
     /// Tag placeholder start/close names from the enclosing i18n message, keyed by the
     /// element's start offset.
     tag_placeholder_names: FxHashMap<u32, (String, String)>,
+    /// Full names (`:svg:svg`) of the enclosing elements, for i18n placeholder names.
+    element_full_names: std::vec::Vec<String>,
 }
 
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
@@ -219,6 +221,7 @@ impl<'a> HtmlToR3Transform<'a> {
             icu_placeholder_names: FxHashMap::default(),
             block_placeholder_names: FxHashMap::default(),
             tag_placeholder_names: FxHashMap::default(),
+            element_full_names: std::vec::Vec::new(),
         }
     }
 
@@ -362,6 +365,10 @@ impl<'a> HtmlToR3Transform<'a> {
         // Note: foreignObject is an SVG element but its children use HTML namespace.
         // We need to distinguish between the element's own namespace (for naming) and
         // the namespace for its children (pushed to stack).
+        let full_name = crate::i18n::parser::element_full_name(
+            element.name.as_str(),
+            self.element_full_names.last().map(String::as_str),
+        );
         let parent_namespace = self.current_namespace();
         let child_namespace = self.resolve_namespace(raw_name, parent_namespace);
 
@@ -416,8 +423,9 @@ impl<'a> HtmlToR3Transform<'a> {
                 };
                 let custom_id = attr.value.find("@@").map(|pos| &attr.value.as_str()[pos + 2..]);
 
-                let message = factory.create_message(
+                let message = factory.create_message_in(
                     &element.children,
+                    Some(&full_name),
                     meaning,
                     description,
                     custom_id,
@@ -478,7 +486,9 @@ impl<'a> HtmlToR3Transform<'a> {
         }
 
         // Visit children
+        self.element_full_names.push(full_name);
         let children = self.visit_children(&element.children);
+        self.element_full_names.pop();
 
         // Decrement non_bindable depth if we incremented it
         if has_non_bindable {
@@ -1290,8 +1300,11 @@ impl<'a> HtmlToR3Transform<'a> {
         // than a sub-message of it.
         let source_file =
             std::sync::Arc::new(crate::util::ParseSourceFile::new(self.source_text, "<template>"));
-        let icu_message =
-            I18nMessageFactory::new(false, true).create_icu_message(expansion, source_file);
+        let icu_message = I18nMessageFactory::new(false, true).create_icu_message(
+            expansion,
+            self.element_full_names.last().map(String::as_str),
+            source_file,
+        );
         let message_string = icu_message.serialize();
         // Angular builds the ICU's placeholders from the message's placeholders: `VAR_*` become
         // vars, interpolations become bound text, and element markup becomes plain text.

From 80c3b52df7312c9a18594a46c9948b6c0a204578 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:41:35 +0100
Subject: [PATCH 27/54] test(i18n): add failing test for whitespace around a
 root-level ICU

Angular 22.1.5 compiles a template that is only an ICU surrounded by
whitespace to a single i18n instruction; oxc keeps the whitespace as
text nodes.
---
 crates/oxc_angular_compiler/tests/integration_test.rs | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 45fa2b41f..8942ac155 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4770,6 +4770,16 @@ fn test_i18n_svg_element_placeholders() {
     );
 }
 
+/// Whitespace around an ICU at the template root is removed: Angular's parseTemplate runs the
+/// whitespace pass over root nodes without sibling context. Angular 22.1.5 for
+/// "\n  {age, select, ...}\n": `i0.ɵɵi18n(0, 0)` with no text nodes.
+#[test]
+fn test_i18n_root_icu_template_drops_surrounding_whitespace() {
+    let js = compile_i18n_component("\n  {count, select, 3 {three} other {other}}\n");
+    assert_contains(&js, "i0.ɵɵi18n(0,0);");
+    assert!(!js.contains("ɵɵtext("), "Root whitespace next to the ICU must be removed:\n{js}");
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From cb559f2d74043d0edf1bf7908bde7b9d06c5d89f Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:41:54 +0100
Subject: [PATCH 28/54] fix(i18n): drop whitespace around ICUs at the template
 root

A template that is only `{age, select, ...}` with surrounding newlines
compiled to text(" "), i18n, text("\n"), so the rendered ICU had
extra whitespace. Angular's parseTemplate runs the whitespace visitor
over root nodes with visitAll rather than visitAllWithSiblings, so
root-level text has no sibling context and whitespace next to a
root-level ICU is removed (it is kept inside elements).
---
 .../src/parser/html/whitespace.rs               | 17 +++++++++++++----
 1 file changed, 13 insertions(+), 4 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/parser/html/whitespace.rs b/crates/oxc_angular_compiler/src/parser/html/whitespace.rs
index c9978b686..62ad57d6c 100644
--- a/crates/oxc_angular_compiler/src/parser/html/whitespace.rs
+++ b/crates/oxc_angular_compiler/src/parser/html/whitespace.rs
@@ -722,16 +722,25 @@ impl<'a> WhitespaceVisitor<'a> {
     }
 }
 
-/// Remove whitespace from parsed HTML nodes.
-///
-/// This is the main entry point for whitespace processing.
+/// Remove whitespace from parsed template nodes, as Angular's `parseTemplate` does when
+/// `preserveWhitespaces` is off.
 pub fn remove_whitespaces<'a>(
     allocator: &'a Allocator,
     nodes: &[HtmlNode<'a>],
     preserve_significant_whitespace: bool,
 ) -> Vec<'a, HtmlNode<'a>> {
     let mut visitor = WhitespaceVisitor::new(allocator, preserve_significant_whitespace);
-    visitor.visit_all(nodes)
+    // Angular's parseTemplate visits the root nodes with `visitAll`, not
+    // `visitAllWithSiblings`, so root-level text has no sibling context: whitespace next to a
+    // root-level ICU is removed, while inside elements it is kept.
+    let mut result = Vec::with_capacity_in(nodes.len(), allocator);
+    let no_siblings = SiblingContext { prev: None, next: None };
+    for node in nodes {
+        if let Some(new_node) = visitor.visit_node(node, &no_siblings) {
+            result.push(new_node);
+        }
+    }
+    result
 }
 
 #[cfg(test)]

From 56480b4648324e6ab6ae7ee5ee9ff6063a2f9188 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:46:50 +0100
Subject: [PATCH 29/54] test(i18n): add failing test for &ngsp; in i18n
 messages

Angular 22.1.5 keeps &ngsp; as U+E500 in the message text, which is
part of the message id; oxc replaces it with a space.
---
 crates/oxc_angular_compiler/tests/integration_test.rs | 9 +++++++++
 1 file changed, 9 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 8942ac155..322d84de0 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4780,6 +4780,15 @@ fn test_i18n_root_icu_template_drops_surrounding_whitespace() {
     assert!(!js.contains("ɵɵtext("), "Root whitespace next to the ICU must be removed:\n{js}");
 }
 
+/// `&ngsp;` stays in the i18n message as U+E500 (Angular builds the message from the text's
+/// tokens, and whitespace processing leaves entity tokens alone), so the message id matches
+/// Angular's. Angular 22.1.5: goog.getMsg("a\uE500b")
+#[test]
+fn test_i18n_message_keeps_ngsp() {
+    let js = compile_i18n_component("<div i18n>a&ngsp;b</div>");
+    assert_contains(&js, "goog.getMsg(\"a\u{E500}b\")");
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From 94856e16063c0d5ba9201197b8a186ba9f163b97 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:47:34 +0100
Subject: [PATCH 30/54] fix(i18n): build text messages from tokens like Angular

`a&ngsp;b` in an i18n block became the message "a b"; Angular's is
"a\uE500b", so the message ids differed. Angular's _I18nVisitor builds
text with more than one token from the tokens, where whitespace
processing has only rewritten plain text tokens and an entity token
keeps its decoded value. Do the same, and return a Container for any
text with an interpolation, as _visitTextWithInterpolation does.
---
 crates/oxc_angular_compiler/src/i18n/parser.rs | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index 47df4f2ee..ee27f3517 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -221,6 +221,16 @@ impl I18nMessageFactory {
 
     /// Visits a text node and extracts interpolations.
     fn visit_text(&self, text: &HtmlText<'_>, context: &mut I18nVisitorContext) -> Option<Node> {
+        // Angular: `text.tokens.length === 1 ? new Text(text.value) : _visitTextWithInterpolation`.
+        // Building from tokens keeps entity tokens as decoded, e.g. `&ngsp;` as U+E500, which
+        // whitespace processing only replaces in plain text tokens.
+        if text.tokens.len() > 1 {
+            return Some(self.visit_text_with_interpolation_tokens(
+                &text.tokens,
+                text.span,
+                context,
+            ));
+        }
         let value = text.value.as_str();
 
         // Check if text contains interpolations
@@ -469,8 +479,8 @@ impl I18nMessageFactory {
             }
         }
 
-        // Return result based on what we found
-        if has_interpolation && nodes.len() > 1 {
+        // Angular: a Container whenever there is an interpolation, otherwise the single node.
+        if has_interpolation {
             Node::Container(Container::new(nodes, overall_span))
         } else if nodes.len() == 1 {
             nodes

From e3c6842b9fec8c4cf07c58c8e16ae59d9ee6d460 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 17:48:50 +0100
Subject: [PATCH 31/54] refactor(i18n): address clippy lints in the i18n fixes

---
 .../src/pipeline/ingest.rs                    |  4 ++--
 .../pipeline/phases/i18n_const_collection.rs  |  8 ++++++--
 .../resolve_i18n_element_placeholders.rs      |  4 ++--
 .../src/transform/html_to_r3.rs               | 20 +++++++++----------
 4 files changed, 19 insertions(+), 17 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/pipeline/ingest.rs b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
index f0775acad..4af8a8b41 100644
--- a/crates/oxc_angular_compiler/src/pipeline/ingest.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
@@ -2314,8 +2314,8 @@ fn ingest_content<'a>(
     // Angular: createProjectionOp(id, content.selector, content.i18n, ...)
     let i18n_placeholder = match &content.i18n {
         Some(I18nMeta::Node(I18nNode::TagPlaceholder(tag))) => Some(I18nPlaceholder::new(
-            tag.start_name.clone(),
-            if tag.is_void { None } else { Some(tag.close_name.clone()) },
+            tag.start_name,
+            if tag.is_void { None } else { Some(tag.close_name) },
         )),
         _ => None,
     };
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
index 2b53c01f0..3a649e998 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
@@ -632,7 +632,9 @@ fn add_sub_message_params(
 fn generate_message_from_params(params: &[(String, I18nParamExpr)]) -> String {
     let mut result = String::new();
     for (name, _value) in params {
-        result.push_str(&format!("{{${name}}}"));
+        result.push_str("{$");
+        result.push_str(name);
+        result.push('}');
     }
     result
 }
@@ -646,7 +648,9 @@ fn to_get_msg_string(message: &str) -> String {
         let Some(len) = rest[start..].find('}') else { break };
         result.push_str(&rest[..start]);
         let name = &rest[start + 2..start + len];
-        result.push_str(&format!("{{${}}}", format_i18n_placeholder_name(name, true)));
+        result.push_str("{$");
+        result.push_str(&format_i18n_placeholder_name(name, true));
+        result.push('}');
         rest = &rest[start + len + 1..];
     }
     result.push_str(rest);
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/resolve_i18n_element_placeholders.rs b/crates/oxc_angular_compiler/src/pipeline/phases/resolve_i18n_element_placeholders.rs
index 7859afb1a..c30921589 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/resolve_i18n_element_placeholders.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/resolve_i18n_element_placeholders.rs
@@ -451,7 +451,7 @@ fn record_template<'a>(
     operations.push(OpInfo::TemplateStart {
         view_xref,
         slot: slot.0,
-        start_name: placeholder.start_name.clone(),
+        start_name: placeholder.start_name,
         context_xref: ops.i18n_context_xref,
         sub_template_index: ops.sub_template_index,
         pending_structural: pending,
@@ -462,7 +462,7 @@ fn record_template<'a>(
         operations.push(OpInfo::TemplateEnd {
             view_xref,
             slot: slot.0,
-            close_name: close_name.clone(),
+            close_name: *close_name,
             context_xref: ops.i18n_context_xref,
             sub_template_index: ops.sub_template_index,
             pending_structural: pending,
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index f3bbc8c7e..7f4680cb3 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -1382,18 +1382,19 @@ impl<'a> HtmlToR3Transform<'a> {
             let span =
                 Span::new(placeholder.source_span.start.offset, placeholder.source_span.end.offset);
             let text = self.allocator.alloc_str(&placeholder.text);
-            let value = match self.has_interpolation(text) {
-                true => self.parse_interpolation(text, span).map(|value| {
+            let value = if self.has_interpolation(text) {
+                self.parse_interpolation(text, span).map(|value| {
                     R3IcuPlaceholder::BoundText(R3BoundText {
                         value,
                         source_span: span,
                         i18n: None,
                     })
-                }),
-                false => None,
+                })
+            } else {
+                None
             };
             let value = value.unwrap_or_else(|| {
-                R3IcuPlaceholder::Text(R3Text { value: Ident::from(&*text), source_span: span })
+                R3IcuPlaceholder::Text(R3Text { value: Ident::from(text), source_span: span })
             });
             ordered_insert_placeholder(
                 &mut placeholders,
@@ -4242,10 +4243,8 @@ impl<'a> HtmlToR3Transform<'a> {
         }
 
         // Use the names from the enclosing i18n message, as Angular does.
-        let (start_name, close_name) = match self.tag_placeholder_names.remove(&element.span.start)
-        {
-            Some(names) => names,
-            None => {
+        let (start_name, close_name) =
+            self.tag_placeholder_names.remove(&element.span.start).unwrap_or_else(|| {
                 let start_name = self
                     .i18n_placeholder_registry
                     .get_start_tag_placeholder_name(tag_name, &attrs, is_void);
@@ -4255,8 +4254,7 @@ impl<'a> HtmlToR3Transform<'a> {
                     self.i18n_placeholder_registry.get_close_tag_placeholder_name(tag_name)
                 };
                 (start_name, close_name)
-            }
-        };
+            });
 
         // Create TagPlaceholder
         let mut placeholder_attrs = HashMap::new_in(self.allocator);

From 98a4f77f22424101cc724c1ea2dd06846b6e94ec Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:01:47 +0100
Subject: [PATCH 32/54] docs: note that legacy i18n message IDs are not
 supported

oxc emits no legacy message IDs (enableI18nLegacyMessageIdFormat) and
has no i18nNormalizeLineEndingsInICUs option, so translations keyed
only by legacy IDs are not applied. Remove the i18nNormalizeLineEndingsInIcus
option from the root README, which does not exist.
---
 README.md                       | 1 -
 napi/angular-compiler/README.md | 4 ++++
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index b10b1d32b..3284b5673 100644
--- a/README.md
+++ b/README.md
@@ -128,7 +128,6 @@ interface TransformOptions {
   enableCrossFileElision?: boolean
 
   // i18n configuration
-  i18nNormalizeLineEndingsInIcus?: boolean
   i18nUseExternalIds?: boolean
 
   // Style encapsulation mode
diff --git a/napi/angular-compiler/README.md b/napi/angular-compiler/README.md
index f63c921a3..7b970c522 100644
--- a/napi/angular-compiler/README.md
+++ b/napi/angular-compiler/README.md
@@ -244,6 +244,10 @@ The Vite plugin consists of three sub-plugins:
 - External message IDs
 - File-based naming
 
+Not supported: legacy message IDs (Angular's `enableI18nLegacyMessageIdFormat`) and
+`i18nNormalizeLineEndingsInICUs`. `$localize` messages carry no legacy IDs, so translations
+keyed only by legacy IDs are not applied; translations keyed by the current message IDs are.
+
 ## Platform Support
 
 Pre-built binaries for:

From b444737d02fca47bb13cf3d33ffe85b8c0348321 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:22:26 +0100
Subject: [PATCH 33/54] fix(compare): compare static definitions emitted as
 class fields
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

compareFullFileSemantically only compared `ClassName.ɵcmp = ...`
assignments, but both Angular and Oxc now emit `static ɵcmp = ...`
class fields, so no ɵcmp/ɵfac/ɵdir/ɵpipe/ɵmod was compared in
full-file mode. The template function, consts (where every i18n
message lives), decls and vars were never checked: with the compiler
from before the recent i18n fixes, which emitted goog.getMsg("") where
Angular emits goog.getMsg("Close"), all i18n fixtures still matched.
With this change 20 of the 28 fail against that compiler.

- Extract `static ɵ*` class fields from the AST.
- Compare field values by AST, ignoring differences that do not
  change behaviour: formatting and string escapes, arrow vs function
  for consts, $localize tagged template vs __makeTemplateObject call
  (cooked and raw strings are still compared), pure: true in
  ɵɵdefinePipe, and Closure-only i18n metadata Oxc does not emit
  (goog.getMsg variable names, original_code).
- Add fixtures/known-differences.ts for the 40 fixtures that this
  surfaces with real, non-i18n differences (query chaining, factory
  form, NgModule imports, host attribute order, style shimming, ...).
  Listed fixtures report as known differences; a listed fixture that
  matches fails so the entry gets removed.
---
 .../e2e/compare/fixtures/known-differences.ts |  67 +++++++
 .../e2e/compare/fixtures/runner.ts            |  58 +++++-
 .../e2e/compare/fixtures/types.ts             |  21 ++-
 .../e2e/compare/src/compare.ts                | 178 +++++++++++++++++-
 4 files changed, 315 insertions(+), 9 deletions(-)
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/known-differences.ts

diff --git a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
new file mode 100644
index 000000000..d902e7157
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
@@ -0,0 +1,67 @@
+/**
+ * Fixtures whose output differs from Angular's in documented ways, keyed by
+ * `category/name`. A listed fixture that differs is reported as a known difference rather than
+ * a failure; a listed fixture that matches Angular fails, so fixed entries get removed.
+ *
+ * Each entry lists the differences found when it was added. Remove an entry once the
+ * difference is fixed in the compiler.
+ */
+const FACTORY =
+  'ɵfac uses ɵɵgetInheritedFactory where Angular emits a factory that calls the constructor'
+const QUERY_CHAINING =
+  'viewQuery/contentQuery calls are emitted separately where Angular chains them'
+const NG_MODULE_IMPORTS = 'ɵmod includes imports, which Angular omits in full compilation'
+const HOST_ATTRS_ORDER = 'hostAttrs are emitted in a different order'
+const CUSTOM_DECORATOR =
+  'the reference ngtsc compile leaves a class with a non-Angular decorator uncompiled, so only Oxc emits ɵfac/ɵcmp'
+
+export const KNOWN_DIFFERENCES: Record<string, string[]> = {
+  'animations/animation-metadata-with-host-bindings': ['hostVars is 2 where Angular emits 3'],
+  'class-metadata/class-metadata-ngmodule': [FACTORY, NG_MODULE_IMPORTS],
+  'class-metadata/class-metadata-pipe': [FACTORY],
+  'class-metadata/class-metadata-with-content-child': [QUERY_CHAINING],
+  'class-metadata/class-metadata-with-view-child': [QUERY_CHAINING],
+  'component-meta/change-detection-default': ['changeDetection is omitted where Angular emits it'],
+  'edge-cases/multiple-custom-decorators': [CUSTOM_DECORATOR],
+  'edge-cases/single-custom-decorator': [CUSTOM_DECORATOR],
+  'edge-cases/unicode-special-escapes': ['a tab in template text becomes a space'],
+  'full-file/component-with-pipes': ['component styles keep a leading newline'],
+  'full-transform/full-transform-host-attribute': [HOST_ATTRS_ORDER],
+  'host-bindings/host-attribute': [HOST_ATTRS_ORDER],
+  'host-directives/host-directives-empty-mappings': [
+    'HostDirectivesFeature receives the directive class where Angular passes { directive }',
+  ],
+  'host-directives/host-directives-with-providers': [FACTORY],
+  'i18n/i18n-ng-template-deeply-nested': [FACTORY],
+  'injector/basic-injector': [FACTORY],
+  'injector/injector-with-both': [FACTORY, NG_MODULE_IMPORTS],
+  'injector/injector-with-imports': [FACTORY, NG_MODULE_IMPORTS],
+  'injector/injector-with-providers': [FACTORY],
+  'pipe-compilation/impure-pipe': [FACTORY],
+  'pipe-compilation/minimal-pipe': [FACTORY],
+  'pipe-compilation/non-standalone-pipe': [FACTORY],
+  'pipe-compilation/pure-pipe': [FACTORY],
+  'regressions/contentchild-ordering': [QUERY_CHAINING],
+  'regressions/query-chaining-mixed-view-and-content': [QUERY_CHAINING],
+  'regressions/query-chaining-multiple-contentchild': [QUERY_CHAINING],
+  'regressions/query-chaining-multiple-viewchild': [QUERY_CHAINING],
+  'regressions/unused-import-viewchild-decorator': [QUERY_CHAINING],
+  'regressions/viewchild-ordering-clickup-pattern': [QUERY_CHAINING],
+  'regressions/viewchild-ordering-mixed-selectors': [QUERY_CHAINING],
+  'regressions/viewchild-ordering-read-option': [QUERY_CHAINING],
+  'regressions/viewchild-static-ordering': [QUERY_CHAINING],
+  'regressions/viewchildren-ordering': [QUERY_CHAINING],
+  'styles/shadow-css-comments': ['component styles keep newlines left by removed comments'],
+  'styles/shadow-css-host-context-triple': [
+    ':host-context selector permutations are in a different order',
+  ],
+  'styles/shadow-css-multiline-selector': ['the newline between selectors in a list is dropped'],
+  'styles/shadow-css-ng-deep-basic': ['a leading space is kept before a ::ng-deep selector'],
+  'styles/shadow-css-polyfill-next-selector': ['a space is added before an empty rule body'],
+  'styles/shadow-css-polyfill-rule': [
+    'polyfill-rule output drops a leading ";" from the rule body',
+  ],
+  'styles/shadow-css-polyfill-unscoped-rule': [
+    'polyfill-unscoped-rule is not scoped and rewritten as Angular does',
+  ],
+}
diff --git a/napi/angular-compiler/e2e/compare/fixtures/runner.ts b/napi/angular-compiler/e2e/compare/fixtures/runner.ts
index df07ad1eb..ac9999955 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/runner.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/runner.ts
@@ -22,6 +22,7 @@ import {
 } from '../src/compilers/angular-ngtsc.js'
 import { compileWithOxcFullFile } from '../src/compilers/oxc.js'
 import { discoverFixtures } from './index.js'
+import { KNOWN_DIFFERENCES } from './known-differences.js'
 
 /**
  * Path to the tsconfig.json used for fixture compilation.
@@ -123,9 +124,29 @@ export async function runFixtures(options: FixtureRunnerOptions = {}): Promise<F
 }
 
 /**
- * Test a single fixture.
+ * Test a single fixture, applying its documented known differences: a listed fixture that
+ * differs is reported as a known difference, and one that now matches fails so that the stale
+ * entry is removed.
  */
 async function testFixture(fixture: Fixture, verbose?: boolean): Promise<FixtureResult> {
+  const result = await compareFixture(fixture, verbose)
+  const knownDifferences = KNOWN_DIFFERENCES[`${fixture.category}/${fixture.name}`]
+  if (!knownDifferences) {
+    return result
+  }
+  if (result.status === 'mismatch') {
+    return { ...result, status: 'known-difference', knownDifferences }
+  }
+  if (result.status === 'match') {
+    return { ...result, status: 'mismatch', knownDifferences, staleKnownDifference: true }
+  }
+  return result
+}
+
+/**
+ * Compare a single fixture's output from both compilers.
+ */
+async function compareFixture(fixture: Fixture, verbose?: boolean): Promise<FixtureResult> {
   // Handle skipped fixtures (via skip flag or skipReason)
   if (fixture.skip || fixture.skipReason) {
     return {
@@ -801,6 +822,7 @@ function generateReport(
   let tsErrors = 0
   let bothErrors = 0
   let skipped = 0
+  let knownDifferences = 0
 
   const byCategory = new Map<string, FixtureResult[]>()
 
@@ -830,6 +852,9 @@ function generateReport(
       case 'skipped':
         skipped++
         break
+      case 'known-difference':
+        knownDifferences++
+        break
     }
   }
 
@@ -842,18 +867,20 @@ function generateReport(
       (r) => r.status === 'mismatch' || r.status.includes('error'),
     ).length
     const categorySkipped = categoryResults.filter((r) => r.status === 'skipped').length
-    const denominator = total - categorySkipped
+    const categoryKnown = categoryResults.filter((r) => r.status === 'known-difference').length
+    const denominator = total - categorySkipped - categoryKnown
 
     categoryStats[category] = {
       total,
       passed,
       failed,
       skipped: categorySkipped,
+      knownDifferences: categoryKnown,
       passRate: denominator > 0 ? (passed / denominator) * 100 : 100,
     }
   }
 
-  const denominator = results.length - skipped
+  const denominator = results.length - skipped - knownDifferences
   const passRate = denominator > 0 ? (matched / denominator) * 100 : 100
 
   return {
@@ -865,6 +892,7 @@ function generateReport(
       tsErrors,
       bothErrors,
       skipped,
+      knownDifferences,
       passRate,
       byCategory: categoryStats,
     },
@@ -894,6 +922,7 @@ export function printFixtureSummary(report: FixtureReport): void {
   console.log(`TS errors:          ${report.summary.tsErrors}`)
   console.log(`Both errors:        ${report.summary.bothErrors}`)
   console.log(`Skipped:            ${report.summary.skipped}`)
+  console.log(`Known differences:  ${report.summary.knownDifferences}`)
 
   // Show skipped fixtures with reasons
   const skippedFixtures = report.fixtures.filter((r) => r.status === 'skipped')
@@ -906,6 +935,27 @@ export function printFixtureSummary(report: FixtureReport): void {
     }
   }
 
+  // Show fixtures with documented known differences, and stale entries
+  const knownFixtures = report.fixtures.filter((r) => r.status === 'known-difference')
+  if (knownFixtures.length > 0) {
+    console.log('\nKnown Differences (see fixtures/known-differences.ts):')
+    console.log('-'.repeat(50))
+    for (const result of knownFixtures) {
+      console.log(`  ${result.fixture.category}/${result.fixture.name}:`)
+      for (const reason of result.knownDifferences!) {
+        console.log(`    - ${reason}`)
+      }
+    }
+  }
+  const staleFixtures = report.fixtures.filter((r) => r.staleKnownDifference)
+  if (staleFixtures.length > 0) {
+    console.log('\nStale Known Differences (now match; remove from fixtures/known-differences.ts):')
+    console.log('-'.repeat(50))
+    for (const result of staleFixtures) {
+      console.log(`  ${result.fixture.category}/${result.fixture.name}`)
+    }
+  }
+
   // Count feature discrepancies
   const fixturesWithAsymmetricFeatures = report.fixtures.filter(
     (r) => r.asymmetricFeatures && r.asymmetricFeatures.length > 0,
@@ -945,7 +995,7 @@ export function printFixtureSummary(report: FixtureReport): void {
     console.log('\nBy Category:')
     console.log('-'.repeat(50))
     for (const [category, stats] of Object.entries(report.summary.byCategory)) {
-      const activeFixtures = stats.total - stats.skipped
+      const activeFixtures = stats.total - stats.skipped - stats.knownDifferences
       const status = stats.passed === activeFixtures ? 'PASS' : 'FAIL'
       console.log(
         `  ${category.padEnd(20)} ${stats.passed}/${activeFixtures} (${stats.passRate.toFixed(1)}%) [${status}]`,
diff --git a/napi/angular-compiler/e2e/compare/fixtures/types.ts b/napi/angular-compiler/e2e/compare/fixtures/types.ts
index 1be970e6d..f7998dead 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/types.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/types.ts
@@ -267,11 +267,24 @@ export interface FixtureResult {
   fixture: Fixture
 
   /** Comparison status */
-  status: 'match' | 'mismatch' | 'oxc-error' | 'ts-error' | 'both-error' | 'skipped'
+  status:
+    | 'match'
+    | 'mismatch'
+    | 'known-difference'
+    | 'oxc-error'
+    | 'ts-error'
+    | 'both-error'
+    | 'skipped'
 
   /** Skip reason (only when status is "skipped") */
   skipReason?: string
 
+  /** Documented differences from Angular's output (see known-differences.ts) */
+  knownDifferences?: string[]
+
+  /** The fixture is listed in known-differences.ts but now matches Angular */
+  staleKnownDifference?: boolean
+
   /** Oxc compiler output */
   oxcOutput?: FixtureCompilerOutput
 
@@ -331,6 +344,9 @@ export interface CategoryStats {
   /** Number of skipped fixtures */
   skipped: number
 
+  /** Number of fixtures with documented known differences */
+  knownDifferences: number
+
   /** Pass rate as percentage */
   passRate: number
 }
@@ -362,6 +378,9 @@ export interface FixtureReport {
     /** Fixtures that were skipped */
     skipped: number
 
+    /** Fixtures that differ from Angular only in documented ways */
+    knownDifferences: number
+
     /** Overall pass rate matched / (total - skipped) */
     passRate: number
 
diff --git a/napi/angular-compiler/e2e/compare/src/compare.ts b/napi/angular-compiler/e2e/compare/src/compare.ts
index e02a1084f..b32486146 100644
--- a/napi/angular-compiler/e2e/compare/src/compare.ts
+++ b/napi/angular-compiler/e2e/compare/src/compare.ts
@@ -2144,6 +2144,43 @@ function compareExports(
 /**
  * Extract static field assignments from code (e.g., ClassName.ɵcmp = ...).
  */
+/**
+ * Extract `static ɵxxx = ...` class fields (e.g. `static ɵcmp = i0.ɵɵdefineComponent(...)`),
+ * which the `ClassName.ɵxxx = ...` pattern in extractStaticFieldAssignments does not match.
+ */
+function extractClassStaticFields(program: Program, sourceCode: string): StaticFieldAssignment[] {
+  const fields: StaticFieldAssignment[] = []
+  for (const statement of program.body as any[]) {
+    const cls =
+      statement.type === 'ClassDeclaration'
+        ? statement
+        : statement.type === 'ExportNamedDeclaration' ||
+            statement.type === 'ExportDefaultDeclaration'
+          ? statement.declaration
+          : undefined
+    if (cls?.type !== 'ClassDeclaration' || !cls.id?.name) continue
+    for (const member of cls.body.body) {
+      if (
+        member.type !== 'PropertyDefinition' ||
+        !member.static ||
+        member.key?.type !== 'Identifier' ||
+        !member.key.name.startsWith('ɵ') ||
+        !member.value
+      ) {
+        continue
+      }
+      // oxc-parser's JS API reports UTF-16 offsets, so they index the string directly.
+      const value = sourceCode
+        .slice(member.value.start, member.value.end)
+        .trim()
+        .replace(/\s+/g, ' ')
+        .replace(/,\s+/g, ',')
+      fields.push({ className: cls.id.name, fieldName: member.key.name, value })
+    }
+  }
+  return fields
+}
+
 function extractStaticFieldAssignments(code: string): StaticFieldAssignment[] {
   const assignments: StaticFieldAssignment[] = []
 
@@ -2665,6 +2702,126 @@ function compareOutputMetadata(
 /**
  * Compare static field assignments between Oxc and TS outputs.
  */
+/**
+ * Compare two static field values (e.g. the `i0.ɵɵdefineComponent({...})` of `ɵcmp`) by AST,
+ * ignoring differences that do not change behaviour:
+ *
+ * - formatting, trailing commas and string escapes (`"\\uFFFD"` vs `"�"`)
+ * - `consts: () => {...}` vs `consts: function () {...}`
+ * - `$localize\`...\`` vs `$localize(__makeTemplateObject(cooked, raw), ...)`, comparing the
+ *   cooked and raw strings and the substitutions
+ * - `pure: true` in `ɵɵdefinePipe`, which is the default
+ * - Closure-only i18n metadata that Oxc does not emit: the `goog.getMsg` variable names
+ *   (`MSG_EXTERNAL_<id>$$<file>` in Angular) and the `original_code` argument of `goog.getMsg`
+ */
+function staticFieldValuesEquivalent(oxcValue: string, tsValue: string): boolean {
+  const oxcKey = canonicalStaticFieldValue(oxcValue)
+  return oxcKey !== null && oxcKey === canonicalStaticFieldValue(tsValue)
+}
+
+function canonicalStaticFieldValue(value: string): string | null {
+  const result = parseSync('field.js', `(${value});`, { sourceType: 'module' })
+  if (result.errors.length > 0) {
+    return null
+  }
+  const statement = result.program.body[0] as any
+  const closureNames = new Map<string, string>()
+  return normalizeAst(canonicalizeNode(statement.expression, closureNames))
+}
+
+function stringElements(node: any): string[] | null {
+  if (node?.type !== 'ArrayExpression') return null
+  const strings = node.elements.map((e: any) =>
+    e?.type === 'Literal' && typeof e.value === 'string' ? e.value : null,
+  )
+  return strings.every((s: string | null) => s !== null) ? strings : null
+}
+
+function canonicalizeNode(node: any, closureNames: Map<string, string>): any {
+  if (Array.isArray(node)) {
+    return node.map((n) => canonicalizeNode(n, closureNames))
+  }
+  if (node === null || typeof node !== 'object') {
+    return node
+  }
+  // `() => {...}` and `function () {...}` without a name behave the same here.
+  if (
+    (node.type === 'ArrowFunctionExpression' && node.body?.type === 'BlockStatement') ||
+    (node.type === 'FunctionExpression' && !node.id)
+  ) {
+    return {
+      type: 'AnonymousFunction',
+      params: canonicalizeNode(node.params, closureNames),
+      body: canonicalizeNode(node.body, closureNames),
+    }
+  }
+  // $localize`...`
+  if (
+    node.type === 'TaggedTemplateExpression' &&
+    node.tag?.type === 'Identifier' &&
+    node.tag.name === '$localize'
+  ) {
+    return {
+      type: 'Localize',
+      cooked: node.quasi.quasis.map((q: any) => q.value.cooked),
+      rawStrings: node.quasi.quasis.map((q: any) => q.value.raw),
+      substitutions: canonicalizeNode(node.quasi.expressions, closureNames),
+    }
+  }
+  // $localize(__makeTemplateObject([cooked], [raw]), ...substitutions)
+  if (
+    node.type === 'CallExpression' &&
+    node.callee?.type === 'Identifier' &&
+    node.callee.name === '$localize' &&
+    node.arguments[0]?.type === 'CallExpression' &&
+    node.arguments[0].arguments.length === 2
+  ) {
+    const cooked = stringElements(node.arguments[0].arguments[0])
+    const raw = stringElements(node.arguments[0].arguments[1])
+    if (cooked && raw) {
+      return {
+        type: 'Localize',
+        cooked,
+        rawStrings: raw,
+        substitutions: canonicalizeNode(node.arguments.slice(1), closureNames),
+      }
+    }
+  }
+  // goog.getMsg(message, params, { original_code: {...} }): the third argument is Closure-only.
+  if (
+    node.type === 'CallExpression' &&
+    node.callee?.type === 'MemberExpression' &&
+    node.callee.object?.name === 'goog' &&
+    node.callee.property?.name === 'getMsg' &&
+    node.arguments.length === 3 &&
+    node.arguments[2]?.type === 'ObjectExpression' &&
+    node.arguments[2].properties.some((p: any) => p.key?.name === 'original_code')
+  ) {
+    return canonicalizeNode({ ...node, arguments: node.arguments.slice(0, 2) }, closureNames)
+  }
+  // Closure translation variable names: compare them by order of appearance.
+  if (node.type === 'Identifier' && node.name.startsWith('MSG_')) {
+    if (!closureNames.has(node.name)) closureNames.set(node.name, `MSG_${closureNames.size}`)
+    return { type: 'Identifier', name: closureNames.get(node.name) }
+  }
+  // ɵɵdefinePipe({ pure: true }) is the default.
+  if (node.type === 'ObjectExpression') {
+    const properties = node.properties.filter(
+      (p: any) =>
+        !(p.key?.name === 'pure' && p.value?.type === 'Literal' && p.value.value === true),
+    )
+    return {
+      ...node,
+      properties: canonicalizeNode(properties, closureNames),
+    }
+  }
+  const result: Record<string, unknown> = {}
+  for (const [key, value] of Object.entries(node)) {
+    result[key] = canonicalizeNode(value, closureNames)
+  }
+  return result
+}
+
 function compareStaticFields(
   oxcFields: StaticFieldAssignment[],
   tsFields: StaticFieldAssignment[],
@@ -2719,7 +2876,13 @@ function compareStaticFields(
         // Remove trailing commas in arrays
         .replaceAll(',]', ']')
 
-      if (normalizedOxc !== normalizedTs) {
+      if (
+        normalizedOxc !== normalizedTs &&
+        // Also try the unmapped value: when both sides already use the same const names, the
+        // name mapping can only introduce differences.
+        !staticFieldValuesEquivalent(normalizedOxc, normalizedTs) &&
+        !staticFieldValuesEquivalent(oxcField.value, tsField.value)
+      ) {
         // For ɵcmp fields, perform granular input/output comparison
         if (tsField.fieldName === 'ɵcmp') {
           const tsInputsOutputs = extractInputsOutputsFromCmpDefinition(tsField.value)
@@ -2994,9 +3157,16 @@ export async function compareFullFileSemantically(
     const tsClasses = extractClasses(tsResult.program as unknown as Program)
     const classDiffs = compareClasses(oxcClasses, tsClasses)
 
-    // Extract and compare static field assignments
-    const oxcFields = extractStaticFieldAssignments(normalizedOxcCode)
-    const tsFields = extractStaticFieldAssignments(normalizedTsCode)
+    // Extract and compare static field assignments, both `ClassName.ɵcmp = ...` and the
+    // `static ɵcmp = ...` class fields that current Angular and Oxc emit.
+    const oxcFields = [
+      ...extractStaticFieldAssignments(normalizedOxcCode),
+      ...extractClassStaticFields(oxcResult.program as unknown as Program, normalizedOxcCode),
+    ]
+    const tsFields = [
+      ...extractStaticFieldAssignments(normalizedTsCode),
+      ...extractClassStaticFields(tsResult.program as unknown as Program, normalizedTsCode),
+    ]
     const staticFieldDiffs = compareStaticFields(oxcFields, tsFields, constMapping)
 
     // Extract and compare class metadata (setClassMetadata calls)

From 99e9c9a7512d6028ded8af68c7574a70591253b1 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:31:48 +0100
Subject: [PATCH 34/54] test(i18n): add failing tests found by the compare
 tool's i18n fixtures

Expected values are Angular 22.1.5 ngc output (legacy message ids off,
as in the compare tool):

- ICU placeholders in $localize carry their sub-message's id
  (:ICU@@911278603808503436:); oxc writes :ICU:.
- i18n text expressions are applied after advancing to the i18n
  block's last slot; oxc skips the advance() when an element with i18n
  attributes comes after the text.
- an interpolated i18n attribute on an explicit <ng-template> uses the
  bindings marker (3); oxc uses the i18n marker (6).
---
 .../tests/integration_test.rs                 | 39 +++++++++++++++++++
 1 file changed, 39 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 322d84de0..b3c4620bd 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4789,6 +4789,45 @@ fn test_i18n_message_keeps_ngsp() {
     assert_contains(&js, "goog.getMsg(\"a\u{E500}b\")");
 }
 
+/// An ICU placeholder in `$localize` carries the id of its sub-message (Angular's
+/// serializeI18nTemplatePart adds it when the message has no legacy ids). Angular 22.1.5 with
+/// enableI18nLegacyMessageIdFormat false: $localize `a ${i18n_0}:ICU@@911278603808503436: b`
+#[test]
+fn test_i18n_icu_placeholder_has_associated_message_id() {
+    let js =
+        compile_i18n_component(r#"<span i18n>a {count, plural, =1 {one} other {more}} b</span>"#);
+    assert_contains(
+        &js,
+        r#"__tpl(["a ", ":ICU@@911278603808503436: b"], ["a ", ":ICU@@911278603808503436: b"]), i18n_0)"#,
+    );
+}
+
+/// Text expressions of an i18n block are applied at the block's last slot, so Angular advances
+/// past an element with i18n attributes first. Angular 22.1.5:
+///   i0.ɵɵadvance(2); i0.ɵɵi18nExp(ctx.attr); i0.ɵɵi18nApply(3);
+///   i0.ɵɵadvance(); i0.ɵɵi18nExp(ctx.text); i0.ɵɵi18nApply(1);
+#[test]
+fn test_i18n_text_expressions_advance_to_last_slot() {
+    let js = compile_i18n_component(
+        r#"<div i18n>{{ text }}<h1 i18n-title title="{{ attr }}"></h1></div>"#,
+    );
+    assert_contains(
+        &js,
+        "i0.ɵɵadvance(2);i0.ɵɵi18nExp(ctx.attr);i0.ɵɵi18nApply(3);i0.ɵɵadvance();i0.ɵɵi18nExp(ctx.text);i0.ɵɵi18nApply(1);",
+    );
+}
+
+/// An interpolated i18n attribute on an explicit `<ng-template>` is a binding (marker 3), not an
+/// i18n attribute (marker 6): Angular only uses the i18n marker when `templateKind === null`.
+/// Angular 22.1.5: return [["title", i18n_0], [3, "title"]]
+#[test]
+fn test_i18n_attribute_on_ng_template_uses_bindings_marker() {
+    let js = compile_i18n_component(
+        r#"<ng-template i18n-title title="Hello {{ name }}"></ng-template>"#,
+    );
+    assert_contains(&js, r#"return [["title",i18n_0],[3,"title"]]"#);
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From b793154ecf8c5e790d179964757da49cf7cba5b2 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:32:39 +0100
Subject: [PATCH 35/54] fix(i18n): use the bindings marker for i18n attributes
 on ng-template

An interpolated i18n attribute on an explicit <ng-template> was
extracted with the i18n attribute marker (6). Angular's attribute
extraction uses the i18n marker only when the binding's templateKind is
null, i.e. not on a template, so it emits the bindings marker (3).
oxc's PropertyOp has no templateKind; treat bindings that target a
Template op as having one.
---
 .../src/pipeline/phases/attribute_extraction.rs           | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/attribute_extraction.rs b/crates/oxc_angular_compiler/src/pipeline/phases/attribute_extraction.rs
index 0fe5e24dc..17a338ae4 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/attribute_extraction.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/attribute_extraction.rs
@@ -11,7 +11,7 @@
 
 use std::ptr::NonNull;
 
-use rustc_hash::FxHashMap;
+use rustc_hash::{FxHashMap, FxHashSet};
 
 use crate::ast::r3::SecurityContext;
 use crate::ir::enums::BindingKind;
@@ -59,6 +59,8 @@ fn process_view_attributes<'a>(
 
     // Collect pointers to ops that should be removed (extractable text attributes)
     let mut ops_to_remove: Vec<NonNull<UpdateOp<'a>>> = Vec::new();
+    // Template ops in this view: a binding targeting one has a non-null `templateKind`.
+    let mut template_xrefs: FxHashSet<XrefId> = FxHashSet::default();
 
     // IMPORTANT: Process create operations FIRST (for listeners)
     // This matches Angular's unit.ops() which iterates create ops before update ops.
@@ -73,6 +75,9 @@ fn process_view_attributes<'a>(
         };
 
         for op in view.create.iter() {
+            if let CreateOp::Template(template) = op {
+                template_xrefs.insert(template.xref);
+            }
             match op {
                 CreateOp::Listener(listener) => {
                     if !listener.is_animation_listener {
@@ -197,6 +202,7 @@ fn process_view_attributes<'a>(
                     // kind because the runtime uses domProperty, not i18nAttributes.
                     let binding_kind = if prop_op.i18n_message.is_some()
                         && prop_op.binding_kind != BindingKind::Template
+                        && !template_xrefs.contains(&prop_op.target)
                         && matches!(*prop_op.expression, IrExpression::Interpolation(_))
                     {
                         BindingKind::I18n

From 789ce1bef4130ef4912c8d7e1d650f5e08bde40c Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:34:14 +0100
Subject: [PATCH 36/54] fix: advance to i18nAttributes and conditional branch
 slots

generate_advance only mapped some slot-consuming ops to their slots.
Update ops targeting an i18nAttributes op (such as i18n text
expressions, which assign_i18n_slot_dependencies moves to the i18n
block's last slot consumer) or a conditional branch got no advance(),
so they ran with the previous element selected. Angular's
generateAdvance maps every op with the consumes-slot trait.
---
 .../src/pipeline/phases/generate_advance.rs               | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/generate_advance.rs b/crates/oxc_angular_compiler/src/pipeline/phases/generate_advance.rs
index 98b5d353c..582e079f7 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/generate_advance.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/generate_advance.rs
@@ -13,7 +13,7 @@ use oxc_diagnostics::OxcDiagnostic;
 use rustc_hash::FxHashMap;
 
 use crate::ir::expression::IrExpression;
-use crate::ir::ops::{AdvanceOp, CreateOp, SlotId, UpdateOp, UpdateOpBase, XrefId};
+use crate::ir::ops::{AdvanceOp, CreateOp, I18nSlotHandle, SlotId, UpdateOp, UpdateOpBase, XrefId};
 use crate::output::ast::{OutputExpression, OutputStatement};
 use crate::pipeline::compilation::ComponentCompilationJob;
 
@@ -58,6 +58,12 @@ fn build_slot_map<'a>(create_ops: &crate::ir::list::CreateOpList<'a>) -> FxHashM
             CreateOp::DeclareLet(let_op) => (Some(let_op.xref), let_op.slot),
             CreateOp::I18nStart(i18n) => (Some(i18n.xref), i18n.slot),
             CreateOp::I18n(i18n) => (Some(i18n.xref), i18n.slot),
+            // Angular maps every op that consumes a slot, including these.
+            CreateOp::ConditionalBranch(branch) => (Some(branch.xref), branch.slot),
+            CreateOp::I18nAttributes(attrs) => match attrs.handle {
+                I18nSlotHandle::Single(slot) => (Some(attrs.xref), Some(slot)),
+                I18nSlotHandle::Range(start, _) => (Some(attrs.xref), Some(start)),
+            },
             _ => (None, None),
         };
 

From 3aa727599c688a69429731286a37fde5edf3f38e Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:37:28 +0100
Subject: [PATCH 37/54] fix(i18n): name ICU sub-messages on their $localize
 placeholders

When a message has no legacy ids, Angular's serializeI18nTemplatePart
writes the id of an ICU placeholder's sub-message into the placeholder
metadata: `${i18n_0}:ICU@@911278603808503436:`. oxc emits no legacy ids,
which is Angular's enableI18nLegacyMessageIdFormat: false output, but
wrote plain `:ICU:`.

Compute each ICU sub-message's id as Angular does,
computeMsgId(message.messageString, meaning), with a port of
serializeMessage (the messageString serializer, which differs from the
code-generation strings), and carry it through the message metadata to
the $localize placeholder. Message metadata is now built by one
I18nMessageMetadata::from_message instead of six copies.

The three tests that asserted `:ICU:` took their expected values from
ngc with legacy ids on; they now use ngc's legacy-off output, matching
oxc's legacy-less messages.
---
 crates/oxc_angular_compiler/src/ast/r3.rs     |   5 +
 crates/oxc_angular_compiler/src/i18n/ast.rs   |  39 ++++
 crates/oxc_angular_compiler/src/ir/ops.rs     |   2 +
 .../src/pipeline/compilation.rs               |  22 +++
 .../src/pipeline/ingest.rs                    | 170 +-----------------
 .../pipeline/phases/extract_i18n_messages.rs  |   2 +
 .../pipeline/phases/i18n_const_collection.rs  |  20 ++-
 .../src/transform/html_to_r3.rs               |  16 +-
 .../tests/integration_test.rs                 |  18 +-
 9 files changed, 126 insertions(+), 168 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/ast/r3.rs b/crates/oxc_angular_compiler/src/ast/r3.rs
index 772fbbad8..2e85c74b9 100644
--- a/crates/oxc_angular_compiler/src/ast/r3.rs
+++ b/crates/oxc_angular_compiler/src/ast/r3.rs
@@ -55,6 +55,10 @@ pub struct I18nMessage<'a> {
     /// The serialized message string for goog.getMsg and $localize.
     /// Contains the message text with placeholder markers like "{$interpolation}".
     pub message_string: Ident<'a>,
+    /// For an ICU sub-message, its `$localize` id (Angular's
+    /// `computeMsgId(message.messageString, message.meaning)`), written on the parent message's
+    /// ICU placeholder. Empty otherwise.
+    pub associated_message_id: Ident<'a>,
 }
 
 /// i18n AST node.
@@ -213,6 +217,7 @@ impl<'a> I18nMessage<'a> {
             id: self.id.clone(),
             legacy_ids,
             message_string: self.message_string.clone(),
+            associated_message_id: self.associated_message_id,
         }
     }
 }
diff --git a/crates/oxc_angular_compiler/src/i18n/ast.rs b/crates/oxc_angular_compiler/src/i18n/ast.rs
index a434b455a..8c804dc2c 100644
--- a/crates/oxc_angular_compiler/src/i18n/ast.rs
+++ b/crates/oxc_angular_compiler/src/i18n/ast.rs
@@ -413,6 +413,45 @@ pub trait Visitor {
 // Serialization
 // ============================================================================
 
+/// Serialize message nodes as Angular's `serializeMessage` does for `Message.messageString`,
+/// the text from which `$localize` message ids are computed (`computeMsgId`). Placeholders are
+/// `{$NAME}` everywhere, including inside ICUs, and a void tag keeps its empty close
+/// placeholder. This differs from the string used for code generation.
+pub fn serialize_message_for_id(nodes: &[Node]) -> String {
+    struct MessageStringVisitor;
+    impl Visitor for MessageStringVisitor {
+        type Context = ();
+        type Result = String;
+        fn visit_text(&mut self, text: &Text, _: &mut ()) -> String {
+            text.value.clone()
+        }
+        fn visit_container(&mut self, container: &Container, ctx: &mut ()) -> String {
+            container.children.iter().map(|c| c.visit(self, ctx)).collect()
+        }
+        fn visit_icu(&mut self, icu: &Icu, ctx: &mut ()) -> String {
+            let cases: Vec<String> =
+                icu.cases.iter().map(|(k, v)| format!("{k} {{{}}}", v.visit(self, ctx))).collect();
+            let placeholder = icu.expression_placeholder.as_deref().unwrap_or_default();
+            format!("{{{placeholder}, {}, {}}}", icu.icu_type, cases.join(" "))
+        }
+        fn visit_tag_placeholder(&mut self, ph: &TagPlaceholder, ctx: &mut ()) -> String {
+            let children: String = ph.children.iter().map(|c| c.visit(self, ctx)).collect();
+            format!("{{${}}}{children}{{${}}}", ph.start_name, ph.close_name)
+        }
+        fn visit_placeholder(&mut self, ph: &Placeholder, _: &mut ()) -> String {
+            format!("{{${}}}", ph.name)
+        }
+        fn visit_icu_placeholder(&mut self, ph: &IcuPlaceholder, _: &mut ()) -> String {
+            format!("{{${}}}", ph.name)
+        }
+        fn visit_block_placeholder(&mut self, ph: &BlockPlaceholder, ctx: &mut ()) -> String {
+            let children: String = ph.children.iter().map(|c| c.visit(self, ctx)).collect();
+            format!("{{${}}}{children}{{${}}}", ph.start_name, ph.close_name)
+        }
+    }
+    nodes.iter().map(|n| n.visit(&mut MessageStringVisitor, &mut ())).collect()
+}
+
 /// Serialize the message to the $localize backtick string format.
 fn serialize_message(nodes: &[Node]) -> String {
     let mut visitor = LocalizeMessageStringVisitor { in_icu: false };
diff --git a/crates/oxc_angular_compiler/src/ir/ops.rs b/crates/oxc_angular_compiler/src/ir/ops.rs
index 7cd5017f8..82432514e 100644
--- a/crates/oxc_angular_compiler/src/ir/ops.rs
+++ b/crates/oxc_angular_compiler/src/ir/ops.rs
@@ -1113,6 +1113,8 @@ pub struct I18nMessageOp<'a> {
     /// The serialized message string for goog.getMsg and $localize.
     /// Contains the message text with placeholder markers like "{$interpolation}".
     pub message_string: Option<Ident<'a>>,
+    /// For an ICU sub-message, its `$localize` id, written on the parent's ICU placeholder.
+    pub associated_message_id: Option<Ident<'a>>,
     /// Whether message needs postprocessing (has params with multiple values).
     pub needs_postprocessing: bool,
     /// Sub-messages.
diff --git a/crates/oxc_angular_compiler/src/pipeline/compilation.rs b/crates/oxc_angular_compiler/src/pipeline/compilation.rs
index ae8113bbe..ae3a47653 100644
--- a/crates/oxc_angular_compiler/src/pipeline/compilation.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/compilation.rs
@@ -13,6 +13,7 @@ use oxc_span::{Ident, Span};
 use rustc_hash::{FxBuildHasher, FxHashMap};
 
 use crate::AngularVersion;
+use crate::ast::r3::I18nMessage;
 use crate::ir::enums::CompatibilityMode;
 use crate::ir::list::{CreateOpList, UpdateOpList};
 use crate::ir::ops::XrefId;
@@ -98,6 +99,27 @@ pub struct I18nMessageMetadata<'a> {
     /// The serialized message string for goog.getMsg and $localize.
     /// Contains the message text with placeholder markers like "{$interpolation}".
     pub message_string: Option<Ident<'a>>,
+    /// For an ICU sub-message, its `$localize` id, written on the parent message's ICU
+    /// placeholder (`:ICU@@<id>:`).
+    pub associated_message_id: Option<Ident<'a>>,
+}
+
+impl<'a> I18nMessageMetadata<'a> {
+    /// Builds the metadata of an i18n message from the template.
+    pub fn from_message(allocator: &'a Allocator, message: &I18nMessage<'a>) -> Self {
+        let non_empty = |value: &Ident<'a>| (!value.is_empty()).then_some(*value);
+        let mut legacy_ids = Vec::new_in(allocator);
+        legacy_ids.extend(message.legacy_ids.iter().copied());
+        Self {
+            message_id: non_empty(&message.id),
+            custom_id: non_empty(&message.custom_id),
+            meaning: non_empty(&message.meaning),
+            description: non_empty(&message.description),
+            legacy_ids,
+            message_string: non_empty(&message.message_string),
+            associated_message_id: non_empty(&message.associated_message_id),
+        }
+    }
 }
 
 /// A complete compilation job for a single component template.
diff --git a/crates/oxc_angular_compiler/src/pipeline/ingest.rs b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
index 4af8a8b41..4077dda59 100644
--- a/crates/oxc_angular_compiler/src/pipeline/ingest.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/ingest.rs
@@ -904,19 +904,9 @@ fn record_i18n_message_metadata<'a>(
     message: &I18nMessage<'a>,
 ) -> u32 {
     let allocator = job.allocator;
-    let non_empty = |value: &Ident<'a>| (!value.is_empty()).then_some(*value);
-    job.i18n_message_metadata.entry(message.instance_id).or_insert_with(|| {
-        let mut legacy_ids = Vec::new_in(allocator);
-        legacy_ids.extend(message.legacy_ids.iter().copied());
-        I18nMessageMetadata {
-            message_id: non_empty(&message.id),
-            custom_id: non_empty(&message.custom_id),
-            meaning: non_empty(&message.meaning),
-            description: non_empty(&message.description),
-            legacy_ids,
-            message_string: non_empty(&message.message_string),
-        }
-    });
+    job.i18n_message_metadata
+        .entry(message.instance_id)
+        .or_insert_with(|| I18nMessageMetadata::from_message(allocator, message));
     message.instance_id
 }
 
@@ -1168,35 +1158,7 @@ fn ingest_element<'a>(
             let instance_id = message.instance_id;
 
             // Store i18n message metadata keyed by instance_id
-            let mut legacy_ids = Vec::new_in(allocator);
-            for id in message.legacy_ids.iter() {
-                legacy_ids.push(id.clone());
-            }
-
-            let metadata = I18nMessageMetadata {
-                message_id: if message.id.is_empty() { None } else { Some(message.id.clone()) },
-                custom_id: if message.custom_id.is_empty() {
-                    None
-                } else {
-                    Some(message.custom_id.clone())
-                },
-                meaning: if message.meaning.is_empty() {
-                    None
-                } else {
-                    Some(message.meaning.clone())
-                },
-                description: if message.description.is_empty() {
-                    None
-                } else {
-                    Some(message.description.clone())
-                },
-                legacy_ids,
-                message_string: if message.message_string.is_empty() {
-                    None
-                } else {
-                    Some(message.message_string.clone())
-                },
-            };
+            let metadata = I18nMessageMetadata::from_message(allocator, message);
             job.i18n_message_metadata.insert(instance_id, metadata);
 
             // Create I18nStartOp
@@ -1337,35 +1299,7 @@ fn ingest_static_attributes_with_i18n<'a>(
 
             // Store i18n message metadata for later phases (only if not already stored)
             if !job.i18n_message_metadata.contains_key(&instance_id) {
-                let mut legacy_ids = Vec::new_in(allocator);
-                for id in message.legacy_ids.iter() {
-                    legacy_ids.push(id.clone());
-                }
-
-                let metadata = I18nMessageMetadata {
-                    message_id: if message.id.is_empty() { None } else { Some(message.id.clone()) },
-                    custom_id: if message.custom_id.is_empty() {
-                        None
-                    } else {
-                        Some(message.custom_id.clone())
-                    },
-                    meaning: if message.meaning.is_empty() {
-                        None
-                    } else {
-                        Some(message.meaning.clone())
-                    },
-                    description: if message.description.is_empty() {
-                        None
-                    } else {
-                        Some(message.description.clone())
-                    },
-                    legacy_ids,
-                    message_string: if message.message_string.is_empty() {
-                        None
-                    } else {
-                        Some(message.message_string.clone())
-                    },
-                };
+                let metadata = I18nMessageMetadata::from_message(allocator, message);
                 job.i18n_message_metadata.insert(instance_id, metadata);
             }
 
@@ -1582,35 +1516,7 @@ fn ingest_binding_owned<'a>(
 
         // Store i18n message metadata for later phases (keyed by instance_id)
         if !job.i18n_message_metadata.contains_key(&instance_id) {
-            let mut legacy_ids = Vec::new_in(allocator);
-            for id in message.legacy_ids.iter() {
-                legacy_ids.push(id.clone());
-            }
-
-            let metadata = I18nMessageMetadata {
-                message_id: if message.id.is_empty() { None } else { Some(message.id.clone()) },
-                custom_id: if message.custom_id.is_empty() {
-                    None
-                } else {
-                    Some(message.custom_id.clone())
-                },
-                meaning: if message.meaning.is_empty() {
-                    None
-                } else {
-                    Some(message.meaning.clone())
-                },
-                description: if message.description.is_empty() {
-                    None
-                } else {
-                    Some(message.description.clone())
-                },
-                legacy_ids,
-                message_string: if message.message_string.is_empty() {
-                    None
-                } else {
-                    Some(message.message_string.clone())
-                },
-            };
+            let metadata = I18nMessageMetadata::from_message(allocator, message);
             job.i18n_message_metadata.insert(instance_id, metadata);
         }
 
@@ -1890,38 +1796,7 @@ fn ingest_template<'a>(
         if let Some(I18nMeta::Message(ref message)) = template.i18n {
             let instance_id = message.instance_id;
             // Clone legacy_ids using the allocator
-            let mut legacy_ids = Vec::new_in(allocator);
-            for id in message.legacy_ids.iter() {
-                legacy_ids.push(id.clone());
-            }
-
-            Some((
-                instance_id,
-                I18nMessageMetadata {
-                    message_id: if message.id.is_empty() { None } else { Some(message.id.clone()) },
-                    custom_id: if message.custom_id.is_empty() {
-                        None
-                    } else {
-                        Some(message.custom_id.clone())
-                    },
-                    meaning: if message.meaning.is_empty() {
-                        None
-                    } else {
-                        Some(message.meaning.clone())
-                    },
-                    description: if message.description.is_empty() {
-                        None
-                    } else {
-                        Some(message.description.clone())
-                    },
-                    legacy_ids,
-                    message_string: if message.message_string.is_empty() {
-                        None
-                    } else {
-                        Some(message.message_string.clone())
-                    },
-                },
-            ))
+            Some((instance_id, I18nMessageMetadata::from_message(allocator, message)))
         } else {
             None
         }
@@ -4401,35 +4276,7 @@ fn ingest_control_flow_insertion_point<'a, 'b>(
 
             // Store i18n message metadata for later phases (only if not already stored)
             if !job.i18n_message_metadata.contains_key(&instance_id) {
-                let mut legacy_ids = Vec::new_in(allocator);
-                for id in message.legacy_ids.iter() {
-                    legacy_ids.push(id.clone());
-                }
-
-                let metadata = I18nMessageMetadata {
-                    message_id: if message.id.is_empty() { None } else { Some(message.id.clone()) },
-                    custom_id: if message.custom_id.is_empty() {
-                        None
-                    } else {
-                        Some(message.custom_id.clone())
-                    },
-                    meaning: if message.meaning.is_empty() {
-                        None
-                    } else {
-                        Some(message.meaning.clone())
-                    },
-                    description: if message.description.is_empty() {
-                        None
-                    } else {
-                        Some(message.description.clone())
-                    },
-                    legacy_ids,
-                    message_string: if message.message_string.is_empty() {
-                        None
-                    } else {
-                        Some(message.message_string.clone())
-                    },
-                };
+                let metadata = I18nMessageMetadata::from_message(allocator, message);
                 job.i18n_message_metadata.insert(instance_id, metadata);
             }
 
@@ -4558,6 +4405,7 @@ mod tests {
             id: Ident::from(""),
             legacy_ids: Vec::new_in(&allocator),
             message_string: Ident::from(""),
+            associated_message_id: Ident::from(""),
         });
 
         let result = convert_i18n_meta_to_placeholder(
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/extract_i18n_messages.rs b/crates/oxc_angular_compiler/src/pipeline/phases/extract_i18n_messages.rs
index 727121f3d..7e257c506 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/extract_i18n_messages.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/extract_i18n_messages.rs
@@ -133,6 +133,8 @@ pub fn extract_i18n_messages(job: &mut ComponentCompilationJob<'_>) {
                                 meaning: metadata.and_then(|m| m.meaning.clone()),
                                 description: metadata.and_then(|m| m.description.clone()),
                                 message_string: metadata.and_then(|m| m.message_string.clone()),
+                                associated_message_id: metadata
+                                    .and_then(|m| m.associated_message_id),
                                 needs_postprocessing,
                                 sub_messages: oxc_allocator::Vec::new_in(allocator),
                             });
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
index 3a649e998..46c5840b8 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
@@ -95,6 +95,10 @@ pub fn collect_i18n_consts(job: &mut ComponentCompilationJob<'_>) {
                             custom_id: msg_op.custom_id.as_ref().map(|a| a.to_string()),
                             message_id: msg_op.message_id.as_ref().map(|a| a.to_string()),
                             message_string: msg_op.message_string.as_ref().map(|a| a.to_string()),
+                            associated_message_id: msg_op
+                                .associated_message_id
+                                .as_ref()
+                                .map(|a| a.to_string()),
                             needs_postprocessing: msg_op.needs_postprocessing,
                             sub_messages: msg_op.sub_messages.iter().copied().collect(),
                         },
@@ -446,6 +450,7 @@ struct MessageInfo {
     custom_id: Option<String>,
     message_id: Option<String>,
     message_string: Option<String>,
+    associated_message_id: Option<String>,
     needs_postprocessing: bool,
     sub_messages: Vec<XrefId>,
 }
@@ -472,6 +477,8 @@ fn collect_message<'a>(
 
     // Recursively collect sub-messages first
     let mut sub_message_placeholders: FxHashMap<String, Vec<String>> = FxHashMap::default();
+    // Placeholder -> `$localize` id of its sub-message.
+    let mut associated_message_ids: FxHashMap<String, String> = FxHashMap::default();
     for &sub_msg_xref in &msg_info.sub_messages {
         if let Some(sub_msg) = messages.get(&sub_msg_xref) {
             let (sub_var_name, sub_statements) = collect_message(
@@ -488,6 +495,9 @@ fn collect_message<'a>(
 
             if let Some(ref placeholder) = sub_msg.message_placeholder {
                 sub_message_placeholders.entry(placeholder.clone()).or_default().push(sub_var_name);
+                if let Some(id) = &sub_msg.associated_message_id {
+                    associated_message_ids.insert(placeholder.clone(), id.clone());
+                }
             }
         }
     }
@@ -556,6 +566,7 @@ fn collect_message<'a>(
         msg_info.description.clone(),
         msg_info.meaning.clone(),
         msg_info.custom_id.clone(),
+        &associated_message_ids,
     );
 
     // Generate dual-mode translation declaration
@@ -689,6 +700,7 @@ fn create_localize_expression<'a>(
     description: Option<String>,
     meaning: Option<String>,
     custom_id: Option<String>,
+    associated_message_ids: &FxHashMap<String, String>,
 ) -> OutputExpression<'a> {
     // Parse message_string to extract text parts and placeholder names in order
     let (text_parts, placeholder_order) = parse_message_string(message_string);
@@ -727,7 +739,13 @@ fn create_localize_expression<'a>(
 
         // Text part after this placeholder
         let text_part = text_parts.get(i + 1).map(|s| s.as_str()).unwrap_or("");
-        push_part(create_cooked_raw_string(&formatted_name, text_part));
+        // Angular's serializeI18nTemplatePart names an ICU placeholder's sub-message when the
+        // sub-message has no legacy ids (always, in Oxc): `:ICU@@<id>:`.
+        let meta_block = match associated_message_ids.get(placeholder) {
+            Some(id) => format!("{formatted_name}@@{id}"),
+            None => formatted_name.clone(),
+        };
+        push_part(create_cooked_raw_string(&meta_block, text_part));
     }
 
     // Store metadata for potential future use (JSDoc generation in emitter)
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 7f4680cb3..33ca13560 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -1306,6 +1306,11 @@ impl<'a> HtmlToR3Transform<'a> {
             source_file,
         );
         let message_string = icu_message.serialize();
+        // Angular's meta visitor gives an ICU sub-message no meaning.
+        let associated_message_id = crate::i18n::compute_msg_id(
+            &crate::i18n::ast::serialize_message_for_id(&icu_message.nodes),
+            "",
+        );
         // Angular builds the ICU's placeholders from the message's placeholders: `VAR_*` become
         // vars, interpolations become bound text, and element markup becomes plain text.
         let (vars, others): (std::vec::Vec<_>, std::vec::Vec<_>) =
@@ -1321,15 +1326,19 @@ impl<'a> HtmlToR3Transform<'a> {
             .map(|(name, placeholder)| (placeholder.text, name))
             .collect();
         tags.sort_by(|a, b| a.0.cmp(&b.0));
-        let (meta_value, instance_id) = match self.sole_icu_message.take() {
-            Some(parent) => parent,
-            None => (String::new(), self.allocate_i18n_message_instance_id()),
+        let (meta_value, instance_id, is_sub_message) = match self.sole_icu_message.take() {
+            Some((meta_value, instance_id)) => (meta_value, instance_id, false),
+            None => (String::new(), self.allocate_i18n_message_instance_id(), true),
         };
         let I18nMeta::Message(mut i18n_message) =
             parse_i18n_meta_with_message(self.allocator, &meta_value, instance_id, &message_string)
         else {
             unreachable!("parse_i18n_meta_with_message always returns a Message")
         };
+        if is_sub_message {
+            i18n_message.associated_message_id =
+                Ident::from_in(associated_message_id.as_str(), self.allocator);
+        }
 
         // The pipeline identifies the ICU by a message holding a single IcuPlaceholder.
         let icu_type_upper = expansion.expansion_type.as_str().to_uppercase();
@@ -4987,6 +4996,7 @@ fn parse_i18n_meta_with_message<'a>(
         id: Ident::from(""),
         legacy_ids: Vec::new_in(allocator),
         message_string: Ident::from_in(message_string, allocator),
+        associated_message_id: Ident::from(""),
     })
 }
 
diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index b3c4620bd..38a394282 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4459,6 +4459,9 @@ fn test_i18n_sole_icu_with_elements() {
 ///   i18n_0 = i0.ɵɵi18nPostprocess(i18n_0, { "INTERPOLATION": "�2�", "VAR_PLURAL": "�1�" });
 ///   goog.getMsg("Hello {$interpolation}! {$icu}", { "icu": i18n_0, "interpolation": "�0�" }, ...)
 ///   $localize `Hello ${"�0�"}:INTERPOLATION:! ${i18n_0}:ICU:`
+///
+/// The `$localize` ICU placeholders carry the sub-message id (`:ICU@@<id>:`), as Angular emits
+/// when legacy message ids are disabled; oxc emits no legacy ids.
 #[test]
 fn test_i18n_icu_with_sibling_content_is_sub_message() {
     let js = compile_i18n_component(
@@ -4482,7 +4485,7 @@ fn test_i18n_icu_with_sibling_content_is_sub_message() {
     );
     assert_contains(
         &js,
-        "__tpl([\"Hello \", \":INTERPOLATION:! \", \":ICU:\"], [\"Hello \", \":INTERPOLATION:! \", \":ICU:\"]), \"\u{FFFD}0\u{FFFD}\", i18n_0)",
+        "__tpl([\"Hello \", \":INTERPOLATION:! \", \":ICU@@3633748910064245637:\"], [\"Hello \", \":INTERPOLATION:! \", \":ICU@@3633748910064245637:\"]), \"\u{FFFD}0\u{FFFD}\", i18n_0)",
     );
     assert_contains(&js, "return [i18n_1]");
     assert_contains(&js, "i0.ɵɵi18nExp(ctx.name)(ctx.count)(ctx.count);");
@@ -4492,6 +4495,9 @@ fn test_i18n_icu_with_sibling_content_is_sub_message() {
 /// sub-message. Angular 22.1.5:
 ///   goog.getMsg("{$icu} and {$icu_1}", { "icu": i18n_0, "icu_1": i18n_1 }, ...)
 ///   $localize `${i18n_0}:ICU: and ${i18n_1}:ICU_1:`
+///
+/// The `$localize` ICU placeholders carry the sub-message id (`:ICU@@<id>:`), as Angular emits
+/// when legacy message ids are disabled; oxc emits no legacy ids.
 #[test]
 fn test_i18n_two_icus_in_one_message() {
     let js = compile_i18n_component(
@@ -4508,7 +4514,7 @@ fn test_i18n_two_icus_in_one_message() {
     assert_contains(&js, r#"goog.getMsg("{$icu} and {$icu_1}",{"icu":i18n_0,"icu_1":i18n_1}"#);
     assert_contains(
         &js,
-        r#"__tpl(["", ":ICU: and ", ":ICU_1:"], ["", ":ICU: and ", ":ICU_1:"]), i18n_0, i18n_1)"#,
+        r#"__tpl(["", ":ICU@@3286071892512017447: and ", ":ICU_1@@8078998681144872872:"], ["", ":ICU@@3286071892512017447: and ", ":ICU_1@@8078998681144872872:"]), i18n_0, i18n_1)"#,
     );
     assert!(!js.contains("i18nPostprocess(i18n_2"), "Root message needs no post-processing:\n{js}");
     assert_contains(&js, "return [i18n_2]");
@@ -4554,13 +4560,19 @@ fn test_i18n_custom_interpolation_placeholder_name() {
 
 /// Whitespace next to an ICU is part of the message. Angular 22.1.5:
 ///   goog.getMsg("{$icu} {$startBoldText}x{$closeBoldText}", ...)
+///
+/// The `$localize` ICU placeholders carry the sub-message id (`:ICU@@<id>:`), as Angular emits
+/// when legacy message ids are disabled; oxc emits no legacy ids.
 #[test]
 fn test_i18n_keeps_whitespace_next_to_icu() {
     let js = compile_i18n_component(
         r#"<div i18n>{count, plural, =1 {one} other {many}} <b>x</b></div>"#,
     );
     assert_contains(&js, r#"goog.getMsg("{$icu} {$startBoldText}x{$closeBoldText}","#);
-    assert_contains(&js, r#"__tpl(["", ":ICU: ", ":START_BOLD_TEXT:x", ":CLOSE_BOLD_TEXT:"]"#);
+    assert_contains(
+        &js,
+        r#"__tpl(["", ":ICU@@8078998681144872872: ", ":START_BOLD_TEXT:x", ":CLOSE_BOLD_TEXT:"]"#,
+    );
 }
 
 /// An element with a structural directive inside an i18n block gets one combined value per

From 34cd87ed0ec9f5708bfdbde9a57e2d859214ea00 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:44:21 +0100
Subject: [PATCH 38/54] fix(compare): keep whitespace in static fields for the
 semantic check

Class static fields were whitespace-collapsed before the AST
comparison, which also collapsed newlines inside Angular's multi-line
$localize template literals, so messages with newlines looked
different from Oxc's (which escapes them). Compare the raw field text:
the AST comparison already ignores formatting.

Known differences: remove edge-cases/unicode-special-escapes, which
was an artifact of the collapsing, and add the fixtures whose
remaining differences are selector whitespace in shimmed styles and
the pipe factory form (used by the i18n fixtures added next).
---
 .../e2e/compare/fixtures/known-differences.ts | 27 ++++++++++++++++++-
 .../e2e/compare/src/compare.ts                | 11 +++-----
 2 files changed, 30 insertions(+), 8 deletions(-)

diff --git a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
index d902e7157..29ed631ee 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
@@ -14,6 +14,8 @@ const NG_MODULE_IMPORTS = 'ɵmod includes imports, which Angular omits in full c
 const HOST_ATTRS_ORDER = 'hostAttrs are emitted in a different order'
 const CUSTOM_DECORATOR =
   'the reference ngtsc compile leaves a class with a non-Angular decorator uncompiled, so only Oxc emits ɵfac/ɵcmp'
+const SELECTOR_WHITESPACE =
+  'runs of whitespace inside shimmed selectors are collapsed where Angular keeps them'
 
 export const KNOWN_DIFFERENCES: Record<string, string[]> = {
   'animations/animation-metadata-with-host-bindings': ['hostVars is 2 where Angular emits 3'],
@@ -24,7 +26,6 @@ export const KNOWN_DIFFERENCES: Record<string, string[]> = {
   'component-meta/change-detection-default': ['changeDetection is omitted where Angular emits it'],
   'edge-cases/multiple-custom-decorators': [CUSTOM_DECORATOR],
   'edge-cases/single-custom-decorator': [CUSTOM_DECORATOR],
-  'edge-cases/unicode-special-escapes': ['a tab in template text becomes a space'],
   'full-file/component-with-pipes': ['component styles keep a leading newline'],
   'full-transform/full-transform-host-attribute': [HOST_ATTRS_ORDER],
   'host-bindings/host-attribute': [HOST_ATTRS_ORDER],
@@ -64,4 +65,28 @@ export const KNOWN_DIFFERENCES: Record<string, string[]> = {
   'styles/shadow-css-polyfill-unscoped-rule': [
     'polyfill-unscoped-rule is not scoped and rewritten as Angular does',
   ],
+  'i18n/i18n-compliance-element-attributes-should-correctly-bind-to-context-in-nested-template-interpolation-nested-context':
+    [FACTORY],
+  'i18n/i18n-compliance-element-attributes-should-support-i18n-attributes-with-interpolations-on-explicit-ng-template-elements-with-structural-directives-ng-t':
+    [FACTORY],
+  'i18n/i18n-compliance-element-attributes-should-support-interpolation-interpolation-basic': [
+    FACTORY,
+  ],
+  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-and-nested-elements-in-content-nested-elements':
+    [FACTORY],
+  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-and-element-attributes-nested-elements-with-i18n-attributes':
+    [FACTORY],
+  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-bindings-in-content':
+    [FACTORY],
+  'i18n/i18n-compliance-nested-nodes-should-support-interpolations-with-complex-expressions-interpolation-complex-expressions':
+    [FACTORY],
+  'i18n/i18n-compliance-ng-container-ng-template-should-be-able-to-act-as-child-elements-inside-i18n-block-child-elements':
+    [FACTORY],
+  'i18n/i18n-compliance-ng-container-ng-template-should-handle-single-translation-message-using-ng-container-single-ng-container':
+    [FACTORY],
+  'i18n/i18n-compliance-root-should-support-i18n-message-with-multiple-pipes-multiple-pipes': [
+    FACTORY,
+  ],
+  'styles/shadow-css-host-context-with-descendant': [SELECTOR_WHITESPACE],
+  'styles/shadow-css-where-with-host': [SELECTOR_WHITESPACE],
 }
diff --git a/napi/angular-compiler/e2e/compare/src/compare.ts b/napi/angular-compiler/e2e/compare/src/compare.ts
index b32486146..5600c7d4e 100644
--- a/napi/angular-compiler/e2e/compare/src/compare.ts
+++ b/napi/angular-compiler/e2e/compare/src/compare.ts
@@ -2169,12 +2169,9 @@ function extractClassStaticFields(program: Program, sourceCode: string): StaticF
       ) {
         continue
       }
-      // oxc-parser's JS API reports UTF-16 offsets, so they index the string directly.
-      const value = sourceCode
-        .slice(member.value.start, member.value.end)
-        .trim()
-        .replace(/\s+/g, ' ')
-        .replace(/,\s+/g, ',')
+      // oxc-parser's JS API reports UTF-16 offsets, so they index the string directly. Keep
+      // whitespace: collapsing it would also change multi-line template literals.
+      const value = sourceCode.slice(member.value.start, member.value.end).trim()
       fields.push({ className: cls.id.name, fieldName: member.key.name, value })
     }
   }
@@ -2880,7 +2877,7 @@ function compareStaticFields(
         normalizedOxc !== normalizedTs &&
         // Also try the unmapped value: when both sides already use the same const names, the
         // name mapping can only introduce differences.
-        !staticFieldValuesEquivalent(normalizedOxc, normalizedTs) &&
+        !staticFieldValuesEquivalent(normalizedOxcValue, tsField.value) &&
         !staticFieldValuesEquivalent(oxcField.value, tsField.value)
       ) {
         // For ɵcmp fields, perform granular input/output comparison

From 7097daca37dff7cd6438698a849da7526a50e0f4 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:44:21 +0100
Subject: [PATCH 39/54] test(compare): add i18n fixtures from Angular's own
 i18n tests

Generated by the new `pnpm generate:i18n-fixtures [angular-dir]`
(defaults to the Angular submodule) from Angular 22.1.5:

- every r3_view_compiler_i18n compliance case (99 input files), one
  fixture file per directory
- every template in the runtime i18n acceptance spec (129)

plus 34 hand-written scenarios checked while fixing oxc's i18n output
(entities, &ngsp;, @let, @switch, *ngFor, listeners, pipes in ICUs,
namespaces, custom placeholder names, ...).

NgModule declarations are made standalone so that fixtures compare
i18n output rather than NgModule scoping, which Oxc does not resolve.
Skipped, with reasons: external-template cases, three acceptance
templates that are intentionally invalid or need a spec-local
directive, and ngNonBindable inside i18n (Angular's compiler crashes).

Against the compiler from before the recent i18n fixes, 211 of the 262
active i18n fixtures fail; all pass now.
---
 .../i18n/generated-acceptance.fixture.ts      | 1225 +++++++++++++++++
 .../generated-compliance-blocks.fixture.ts    |   45 +
 ...d-compliance-element-attributes.fixture.ts |  152 ++
 ...enerated-compliance-es5-support.fixture.ts |   19 +
 .../generated-compliance-icu-logic.fixture.ts |  166 +++
 ...iance-line-ending-normalization.fixture.ts |   93 ++
 ...nce-localize-legacy-message-ids.fixture.ts |   29 +
 ...generated-compliance-namespaces.fixture.ts |   27 +
 ...nerated-compliance-nested-nodes.fixture.ts |  184 +++
 ...liance-ng-container-ng-template.fixture.ts |  131 ++
 .../i18n/generated-compliance-root.fixture.ts |   36 +
 ...-self-closing-i18n-instructions.fixture.ts |   46 +
 ...ance-whitespace-preserving-mode.fixture.ts |   18 +
 .../fixtures/i18n/i18n-scenarios.fixture.ts   |  329 +++++
 .../angular-compiler/e2e/compare/package.json |    1 +
 .../compare/scripts/generate-i18n-fixtures.ts |  268 ++++
 16 files changed, 2769 insertions(+)
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-blocks.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-es5-support.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-icu-logic.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-line-ending-normalization.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-localize-legacy-message-ids.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-namespaces.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-nested-nodes.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-ng-container-ng-template.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-root.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-self-closing-i18n-instructions.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-whitespace-preserving-mode.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/fixtures/i18n/i18n-scenarios.fixture.ts
 create mode 100644 napi/angular-compiler/e2e/compare/scripts/generate-i18n-fixtures.ts

diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts
new file mode 100644
index 000000000..a08728cb7
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts
@@ -0,0 +1,1225 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * packages/core/test/acceptance/i18n_spec.ts
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-acceptance-000-should-translate-text',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should translate text',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>text</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-001-should-support-interpolations',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support interpolations',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>Hello {{name}}!</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-002-should-support-named-interpolations',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support named interpolations',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div i18n>\n        Hello {{ name // i18n(ph=\"user_name\") }}!\n        Emails: {{ count // i18n(ph=\"amount of emails received\") }}\n      </div>\n    `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-003-should-support-named-interpolations-with-the-same-name',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should support named interpolations with the same name',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div i18n>\n        Hello {{ name // i18n(ph=\"ph_name\") }} {{ description // i18n(ph=\"ph_name\") }}!\n      </div>\n    `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-004-should-support-ngsp-in-translatable-sections',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support &ngsp; in translatable sections',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: true,\n  template: `<div i18n>text |&ngsp;|</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-005-should-support-interpolations-with-complex-expressions',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should support interpolations with complex expressions',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div i18n>\n        {{ name | uppercase }} -\n        {{ obj?.a?.b }} -\n        {{ obj?.getA()?.b }}\n      </div>\n    `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-006-should-support-elements',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support elements',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>Hello <span>world</span> and <div>universe</div>!</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-007-should-support-removing-elements',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support removing elements',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>Hello <b>my</b><span>world</span></div><div>!</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-008-should-support-template-directives',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support template directives',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>Content: <div *ngIf=\"visible\">before<span>middle</span>after</div>!</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-009-should-support-multiple-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support multiple i18n blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div>\n        <a i18n>trad {{name}}</a>\n        hello\n        <b i18n i18n-title title=\"start {{count}} middle {{name}} end\">\n          <c>trad</c>\n          <d></d>\n          <e></e>\n        </b>\n      </div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-010-should-support-multiple-sibling-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support multiple sibling i18n blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div>\n        <div i18n>Section 1</div>\n        <div i18n>Section 2</div>\n        <div i18n>Section 3</div>\n      </div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-011-should-support-multiple-sibling-i18n-blocks-inside-of-a-template-directive',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should support multiple sibling i18n blocks inside of a template directive',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <ul *ngFor=\"let item of [1,2,3]\">\n        <li i18n>Section 1</li>\n        <li i18n>Section 2</li>\n        <li i18n>Section 3</li>\n      </ul>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-012-should-properly-escape-quotes-in-content',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should properly escape quotes in content',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>'Single quotes' and \"Double quotes\"</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-013-should-correctly-bind-to-context-in-nested-template',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should correctly bind to context in nested template',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <div *ngFor='let id of items'>\n            <div i18n>Item {{ id }}</div>\n          </div>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-014-should-ignore-i18n-attributes-on-self-closing-tags',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should ignore i18n attributes on self-closing tags',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<img src=\"logo.png\" i18n>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-015-should-handle-i18n-attribute-with-directives',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should handle i18n attribute with directives',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div *ngIf=\"visible\" i18n>Hello {{ name }}</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-016-should-work-correctly-with-event-listeners',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should work correctly with event listeners',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n (click)=\"onClick()\">Hello {{ name }}</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-017-should-support-local-refs-inside-i18n-block',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support local refs inside i18n block',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div i18n>\n        <ng-container #localRefA> One </ng-container>\n        <div #localRefB> Two </div>\n        <span #localRefC> Three </span>\n\n        <ng-template #localRefD> Four </ng-template>\n        <ng-container *ngTemplateOutlet=\"localRefD\"></ng-container>\n      </div>\n    `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-018-should-handle-local-refs-correctly-in-case-an-element-is-removed-in-translation',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should handle local refs correctly in case an element is removed in translation',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div i18n>\n        <ng-container #localRefA> One </ng-container>\n        <div #localRefB> Two </div>\n        <span #localRefC> Three </span>\n      </div>\n    `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-019-should-support-ng-container',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support ng-container',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-container i18n>text</ng-container>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-020-should-handle-single-translation-message-within-ng-template',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should handle single translation message within ng-template',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-template i18n tplRef>Hello {{ name }}</ng-template>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-021-should-handle-structural-directives-on-ng-template',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should handle structural directives on ng-template',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-template *ngIf=\"name\" i18n tplRef>Hello {{ name }}</ng-template>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-022-should-be-able-to-act-as-child-elements-inside-i18n-block-plain-text-content',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should be able to act as child elements inside i18n block (plain text content)',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n>\n          <ng-template tplRef>\n            Hello\n          </ng-template>\n          <ng-container>\n            Bye\n          </ng-container>\n        </div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-023-should-be-able-to-act-as-child-elements-inside-i18n-block-text-tags',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should be able to act as child elements inside i18n block (text + tags)',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n>\n          <ng-template tplRef>\n            <span>Hello</span>\n          </ng-template>\n          <ng-container>\n            <span>Hello</span>\n          </ng-container>\n        </div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-024-should-be-able-to-act-as-child-elements-inside-i18n-block-text-pipes',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should be able to act as child elements inside i18n block (text + pipes)',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n>\n          <ng-template tplRef>Hello {{name | uppercase}}</ng-template>\n          <ng-container>Bye {{name | uppercase}}</ng-container>\n        </div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-025-should-be-able-to-handle-deep-nested-levels-with-templates',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should be able to handle deep nested levels with templates',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n>\n          <span>\n            Hello - 1\n          </span>\n          <span *ngIf=\"visible\">\n            Hello - 2\n            <span *ngIf=\"visible\">\n              Hello - 3\n              <span *ngIf=\"visible\">\n                Hello - 4\n              </span>\n            </span>\n          </span>\n          <span>\n            Hello - 5\n          </span>\n        </div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-026-should-correctly-find-context-for-an-element-inside-i18n-section-in-ng-template',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should correctly find context for an element inside i18n section in <ng-template>',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <div *ngIf=\"isLogged; else notLoggedIn\">\n            <span>Logged in</span>\n          </div>\n          <ng-template #notLoggedIn i18n>\n            <a myDir>Not logged in</a>\n          </ng-template>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-027-should-handle-namespaces-inside-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should handle namespaces inside i18n blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <svg xmlns=\"http://www.w3.org/2000/svg\">\n          <foreignObject i18n>\n            <xhtml:div xmlns=\"http://www.w3.org/1999/xhtml\">\n              Hello <span>world</span>\n            </xhtml:div>\n          </foreignObject>\n        </svg>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-028-should-handle-namespaces-on-i18n-block-containers',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should handle namespaces on i18n block containers',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <svg xmlns=\"http://www.w3.org/2000/svg\">\n          <foreignObject>\n            <xhtml:div xmlns=\"http://www.w3.org/1999/xhtml\" i18n>\n              Hello <span>world</span>\n            </xhtml:div>\n          </foreignObject>\n        </svg>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-029-should-support-multiple-icus',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support multiple ICUs',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          {count, plural,\n            =0 {just now}\n            =1 {one minute ago}\n            other {{{count}} minutes ago}\n          }\n          {name, select,\n            Angular {Mr. Angular}\n            other {Sir}\n          }\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-030-with-no-root-node',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: with no root node',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `{count, select, 10 {ten} 20 {twenty} other {other}}`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-031-with-no-root-node-and-text-surrounding-icu',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: with no root node and text surrounding ICU',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        ICU start -->\n        {count, select, 10 {Ten} 20 {Twenty} other {Other}}\n        <-- ICU end\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-032-when-select-or-plural-keywords-have-spaces-after-them',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: when `select` or `plural` keywords have spaces after them',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n>\n          {count, select , 10 {ten} 20 {twenty} other {other}} -\n          {count, plural , =0 {zero} =1 {one} other {other}}\n        </div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-033-with-no-root-node-and-text-and-dom-nodes-surrounding-icu',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: with no root node and text and DOM nodes surrounding ICU',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <span>ICU start --> </span>\n        {count, select, 10 {Ten} 20 {Twenty} other {Other}}\n        <-- ICU end\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-034-with-no-i18n-tag',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: with no i18n tag',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div>{count, select, 10 {ten} 20 {twenty} other {other}}</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-035-multiple',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: multiple',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>{count, plural,\n        =0 {no <b>emails</b>!}\n        =1 {one <i>email</i>}\n        other {{{count}} <span title=\"{{name}}\">emails</span>}\n      } - {name, select,\n        other {({{name}})}\n      }</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-036-inside-html-elements',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: inside HTML elements',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n><span>{count, plural,\n        =0 {no <b>emails</b>!}\n        =1 {one <i>email</i>}\n        other {{{count}} <span title=\"{{name}}\">emails</span>}\n      }</span> - <span>{name, select,\n        other {({{name}})}\n      }</span></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-037-inside-template-directives',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: inside template directives',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n><span *ngIf=\"visible\">{name, select,\n        other {({{name}})}\n      }</span></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-038-inside-ng-container',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: inside ng-container',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-container i18n>{name, select,\n        other {({{name}})}\n      }</ng-container>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-039-nested',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: nested',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>{count, plural,\n        =0 {zero}\n        other {{{count}} {name, select,\n                       cat {cats}\n                       dog {dogs}\n                       other {animals}\n                     }!}\n      }</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-040-nested-with-interpolations-in-other-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: nested with interpolations in "other" blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>{count, plural,\n        =0 {zero}\n        =2 {{{count}} {name, select,\n                       cat {cats}\n                       dog {dogs}\n                       other {animals}\n                     }!}\n        other {other - {{count}}}\n      }</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-041-should-return-the-correct-plural-form-for-icu-expressions-when-using-ro-locale',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should return the correct plural form for ICU expressions when using "ro" locale',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          {count, plural,\n            =0 {no email}\n            =one {one email}\n            =few {a few emails}\n            =other {lots of emails}\n          }`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-042-projection',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: projection',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div><ng-content></ng-content></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-043-projection',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: projection',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <child i18n>{value // i18n(ph = \"blah\"), plural,\n          =1 {one}\n          other {at least {{value}} .}\n        }</child>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-044-with-empty-values',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: with empty values',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `{count, select, 10 {} 20 {twenty} other {other}}`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-045-inside-a-container-when-creating-a-view-via-vcr-createembeddedview',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: inside a container when creating a view via vcr.createEmbeddedView',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <div *someDir>\n            <ng-content></ng-content>\n          </div>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-046-inside-a-container-when-creating-a-view-via-vcr-createembeddedview',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: inside a container when creating a view via vcr.createEmbeddedView',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <my-cmp i18n=\"test\" *ngIf=\"condition\">{count, plural, =1 {ONE} other {OTHER}}</my-cmp>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-047-with-nested-icu-expression-and-inside-a-container-when-creating-a-view-via-vcr-createembeddedview',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: with nested ICU expression and inside a container when creating a view via vcr.createEmbeddedView',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <my-cmp i18n=\"test\">{count, plural,\n            =1 {ONE}\n            other {{{count}} {name, select, cat {cats} dog {dogs} other {animals}}!}\n          }</my-cmp>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-048-with-nested-containers',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: with nested containers',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <ng-container [ngSwitch]=\"visible\">\n            <ng-container *ngSwitchCase=\"isVisible()\" i18n>\n              {type, select, A {A} B {B} other {C}}\n            </ng-container>\n            <ng-container *ngSwitchCase=\"!isVisible()\" i18n>\n              {type, select, A1 {A1} B1 {B1} other {C1}}\n            </ng-container>\n          </ng-container>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-049-with-named-interpolations',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: with named interpolations',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <ng-container i18n>{type, select,\n            A {A - {{ typeA // i18n(ph=\"PH_A\") }}}\n            B {B - {{ typeB // i18n(ph=\"PH_B\") }}}\n            other {other - {{ typeC // i18n(ph=\"PH WITH SPACES\") }}}\n          }</ng-container>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-050-should-work-inside-an-ngtemplateoutlet-inside-an-ngfor',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should work inside an ngTemplateOutlet inside an ngFor',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <ng-template #myTemp i18n let-type\n            >{type, select, A {A} B {B} other {other - {{ typeC // i18n(ph=\"PH WITH SPACES\") }}}}\n          </ng-template>\n\n          <div *ngFor=\"let type of types\">\n            <ng-container *ngTemplateOutlet=\"myTemp; context: {$implicit: type}\"> </ng-container>\n          </div>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-051-should-use-metadata-from-container-element-if-a-message-is-a-single-icu',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should use metadata from container element if a message is a single ICU',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <div i18n=\"@@idA\">{count, select, 1 {one} other {more than one}}</div> `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-052-should-support-icus-without-other-cases',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support ICUs without "other" cases',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <div i18n=\"@@idA\">{count, select, 1 {one (select)} 2 {two (select)}}</div>\n          -\n          <div i18n=\"@@idB\">{count, plural, =1 {one (plural)} =2 {two (plural)}}</div>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-053-should-support-nested-icus-without-other-cases',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support nested ICUs without "other" cases',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <div i18n=\"@@idA\">{\n            type, select,\n              A {{count, select, 1 {one (select)} 2 {two (select)}}}\n              other {}\n          }</div> -\n          <div i18n=\"@@idB\">{\n            type, select,\n              A {{count, plural, =1 {one (plural)} =2 {two (plural)}}}\n              other {}\n          }</div>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-054-should-support-icus-with-pipes',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support ICUs with pipes',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <div i18n=\"@@idA\">{count$ | async, select, 1 {{{count$ | async}} item} 2 {two items}}</div>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-055-should-handle-select-expressions-without-an-other-parameter-inside-a-template',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should handle select expressions without an `other` parameter inside a template',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <ng-container *ngFor=\"let item of items\">{item.value, select, 0 {A} 1 {B} 2 {C}}</ng-container>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-056-should-render-an-element-whose-case-did-not-match-initially',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should render an element whose case did not match initially',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <p *ngFor=\"let item of items\">{item.value, select, 0 {A} 1 {B} 2 {C}}</p>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-057-text',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: text',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n i18n-title title='text'></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-058-interpolations',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: interpolations',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n i18n-title title=\"hello {{name}}\"></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-059-with-pipes',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: with pipes',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n i18n-title title=\"hello {{name | uppercase}}\"></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-060-multiple-attributes',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: multiple attributes',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<input i18n i18n-title title=\"hello {{name}} - {{count}}\" i18n-placeholder placeholder=\"bye {{count}} - {{name}}\">`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-061-on-removed-elements',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: on removed elements',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n><span i18n-title title=\"text\">content</span></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-062-in-nested-template',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: in nested template',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <div *ngFor='let item of [1,2,3]'>\n            <div i18n-title='m|d' title='Item {{ item }}'></div>\n          </div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-063-should-add-i18n-attributes-on-self-closing-tags',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should add i18n attributes on self-closing tags',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<img src=\"logo.png\" i18n-title title=\"Hello {{ name }}\">`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-064-should-process-i18n-attributes-on-explicit-ng-template-elements',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should process i18n attributes on explicit <ng-template> elements',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-template i18n-title title=\"Hello\"></ng-template>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-065-should-match-directive-only-once-in-case-i18n-attrs-are-present-on-inline-template',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should match directive only once in case i18n attrs are present on inline template',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <button *ngIf=\"true\" i18n-title title=\"Hello\"></button> `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-066-should-support-static-i18n-attributes-on-inline-templates',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should support static i18n attributes on inline templates',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <div *ngIf=\"true\" i18n-title title=\"Hello\"></div> `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-067-should-allow-directive-inputs-as-an-interpolated-prop-on-ng-template',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should allow directive inputs (as an interpolated prop) on <ng-template>',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-template i18n-dir dir=\"Hello {{ name }}\"></ng-template>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-068-it',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: it',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-template *ngIf=\"true\" i18n-dir dir=\"Hello {{ name }}\"></ng-template>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-069-should-apply-i18n-attributes-during-second-template-pass',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should apply i18n attributes during second template pass',
+    className: 'AppComp',
+    type: 'full-transform',
+    skipReason: 'references a directive declared only inside the spec',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n #ref=\"dir\" test=\"Set\" i18n-test=\"This is also a test\"></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-070-should-apply-i18n-attributes-during-second-template-pass',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should apply i18n attributes during second template pass',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <other></other>\n          <other></other>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-071-with-complex-expressions',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: with complex expressions',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n-title title=\"{{ name | uppercase }} - {{ obj?.a?.b }} - {{ obj?.getA()?.b }}\"></div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-072-should-support-i18n-attributes-on-ng-container-elements',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should support i18n attributes on <ng-container> elements',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <ng-container i18n-mydir=\"meaning|description\" mydir=\"Hello\"></ng-container> `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-073-should-replace-existing-text-content-with-empty-translation',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should replace existing text content with empty translation',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>Some Text</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-074-should-replace-existing-dom-elements-with-empty-translation',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should replace existing DOM elements with empty translation',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n>\n          Start\n          <div>DIV</div>\n          <span>SPAN</span>\n          End\n        </div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-075-should-replace-existing-icu-content-with-empty-translation',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should replace existing ICU content with empty translation',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n>{count, plural, =0 {zero} other {more than zero}}</div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-076-should-work-with-directives-and-host-bindings',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should work with directives and host bindings',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <div i18n test i18n-title title=\"start {{ exp1 }} middle {{ exp2 }} end\" outer>\n          trad:\n          {exp1, plural,\n            =0 {no <b title=\"none\">emails</b>!}\n            =1 {one <i>email</i>}\n            other {{{exp1}} emails}\n          }\n        </div>\n        <div test inner></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-077-should-handle-i18n-attribute-with-directive-inputs',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should handle i18n attribute with directive inputs',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<my-comp i18n i18n-title title=\"works\" i18n-value=\"hi\" value=\"Hello {{name}}\"></my-comp>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-078-should-support-adding-moving-removing-nodes',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should support adding/moving/removing nodes',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div i18n>\n        <div2></div2>\n        <div3></div3>\n        <div4></div4>\n        <div5></div5>\n        <div6></div6>\n        <div7></div7>\n        <div8></div8>\n      </div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-079-should-project-the-translations',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project the translations',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<p><ng-content></ng-content></p>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-080-should-project-the-translations',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project the translations',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <div i18n>\n          <child\n            >I am projected from\n            <b i18n-title title=\"Child of {{ name }}\">{{ name }}<remove-me-1></remove-me-1></b>\n            <remove-me-2></remove-me-2>\n          </child>\n          <remove-me-3></remove-me-3>\n        </div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-081-should-project-a-translated-i18n-block',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project a translated i18n block',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <div>\n          <child>\n            <any></any>\n            <b i18n i18n-title title=\"Child of {{ name }}\">I am projected from {{ name }}</b>\n            <any></any>\n          </child>\n        </div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-082-should-re-project-translations-when-multiple-projections',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should re-project translations when multiple projections',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<grand-child><ng-content></ng-content></grand-child>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-083-should-re-project-translations-when-multiple-projections',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should re-project translations when multiple projections',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<child i18n><b>Hello</b> World!</child>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-084-should-project-translations-with-selectors',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project translations with selectors',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-content select=\"span\"></ng-content>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-085-should-project-translations-with-selectors',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project translations with selectors',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <child i18n>\n            <span title=\"keepMe\"></span>\n            <span title=\"deleteMe\"></span>\n          </child>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-086-should-project-content-in-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project content in i18n blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>Content projected from <ng-content></ng-content></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-087-should-project-content-in-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project content in i18n blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<child>{{ name }}</child>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-088-should-project-content-in-i18n-blocks-with-placeholders',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should project content in i18n blocks with placeholders',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<child\n          ><b>{{ name }}</b></child\n        >`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-089-should-project-translated-content-in-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project translated content in i18n blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>Child content <ng-content></ng-content></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-090-should-project-translated-content-in-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project translated content in i18n blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<child i18n>and projection from {{ name }}</child>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-091-should-project-icus-in-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should project ICUs in i18n blocks',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<child i18n\n          >and projection from {name, select, angular {Angular} other {{{name}}}}</child\n        >`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-092-should-display-destroy-projected-i18n-content',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should display/destroy projected i18n content',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <ng-container>(<ng-content></ng-content>)</ng-container> `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-093-should-display-destroy-projected-i18n-content',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should display/destroy projected i18n content',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <app i18n *ngIf=\"condition\">{type, select, A {A} B {B} other {other}}</app> `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-094-detached-nodes-should-still-be-part-of-query',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: detached nodes should still be part of query',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<ng-container #vc></ng-container>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-095-detached-nodes-should-still-be-part-of-query',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: detached nodes should still be part of query',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <div-query #q i18n>\n            <ng-template>\n              <div>\n                <div *ngIf=\"visible\">\n                  <span text=\"1\">Content</span>\n                </div>\n              </div>\n            </ng-template>\n          </div-query>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-096-should-throw-in-case-invalid-icu-is-present-in-a-template',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should throw in case invalid ICU is present in a template',
+    className: 'AppComp',
+    type: 'full-transform',
+    skipReason: 'intentionally invalid ICU (the spec expects a compile error)',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `{count, select, 10 {ten} other {other}`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-097-should-throw-in-case-invalid-icu-is-present-in-translation',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should throw in case invalid ICU is present in translation',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `{count, select, 10 {ten} other {other}}`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-098-should-throw-in-case-unescaped-curly-braces-are-present-in-a-template',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should throw in case unescaped curly braces are present in a template',
+    className: 'AppComp',
+    type: 'full-transform',
+    skipReason: 'intentionally invalid template (the spec expects a compile error)',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `Text { count }`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-099-should-throw-in-case-curly-braces-are-added-into-translation',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should throw in case curly braces are added into translation',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>Text</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-100-should-reflect-lifecycle-hook-changes-in-text-interpolations-in-i18n-block',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should reflect lifecycle hook changes in text interpolations in i18n block',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <input #myinput />\n        <div i18n>{{ myinput.value }}</div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-101-should-reflect-lifecycle-hook-changes-in-text-interpolations-in-i18n-attributes',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should reflect lifecycle hook changes in text interpolations in i18n attributes',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <input #myinput />\n        <div i18n-title title=\"{{ myinput.value }}\"></div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-102-should-not-alloc-expando-slots-when-there-is-no-new-variable-to-create',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should not alloc expando slots when there is no new variable to create',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div dialog i18n>\n          <div *ngIf=\"data\">Some content</div>\n        </div>\n        <button [close]=\"true\">Button label</button>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-103-should-work-with-i18n-content-that-includes-elements',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should work with i18n content that includes elements',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <ng-container *ngTemplateOutlet=\"tmpl\"></ng-container>\n        <ng-template #tmpl i18n>\n          <span>A</span> B\n        </ng-template>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-104-should-work-with-i18n-content-that-includes-other-templates-ngif',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should work with i18n content that includes other templates (*ngIf)',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <ng-container *ngTemplateOutlet=\"tmpl\"></ng-container>\n        <ng-template #tmpl i18n>\n          <span *ngIf=\"visible\">A</span> B\n        </ng-template>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-105-should-work-with-i18n-content-that-includes-projection',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should work with i18n content that includes projection',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n          <ng-container *ngTemplateOutlet=\"tmpl\"></ng-container>\n          <ng-template #tmpl i18n> <ng-content></ng-content> B </ng-template>\n        `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-106-should-work-with-i18n-content-that-includes-projection',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should work with i18n content that includes projection',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <projector>a</projector> `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-107-should-create-viewcontainerref-with-i18n',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should create ViewContainerRef with i18n',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n            <div i18n>before|<div myDir>inside</div>|after</div>\n          `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-108-should-create-icu-with-attributes',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should create ICU with attributes',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <h1 class=\"num-cart-items\" i18n *ngIf=\"true\">\n        {registerItemCount, plural,\n          =0 {Your cart}\n          =1 {Your cart <span class=\"item-count\">(1 item)</span>}\n          other {Your cart <span class=\"item-count\">({{ registerItemCount }} items)</span>}\n        }\n      </h1>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-109-should-not-insertbeforeindex-non-projected-content-text',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should not insertBeforeIndex non-projected content text',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>before|<child>TextNotProjected</child>|after</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-110-should-not-insertbeforeindex-non-projected-content-text',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should not insertBeforeIndex non-projected content text',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `CHILD`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-111-should-create-a-pipe-inside-i18n-block',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should create a pipe inside i18n block',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n      <div i18n [title]=\"null | async\"><div>A</div></div>\n      <div i18n>{{(null | async)||'B'}}<div></div></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-112-should-copy-injector-information-unto-placeholder',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should copy injector information unto placeholder',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <parent i18n>\n          <middle>\n            <child>Text</child>\n          </middle>\n        </parent>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-113-should-allow-container-in-gotclosestrelement',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should allow container in gotClosestRElement',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <div *ngFor=\"let i of [1, 2]\">\n        <ng-template #tmpl i18n><span *ngIf=\"true\">X</span></ng-template>\n        <span [ngTemplateOutlet]=\"tmpl\"></span>\n      </div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-114-should-link-text-after-icu',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should link text after ICU',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <ng-container *ngFor=\"let index of [1, 2]\">\n          {{ '[' }}\n          {index, plural, =1 {1} other {*}}\n          {index, plural, =1 {one} other {many}}\n          {{ '-' }}\n          <span>+</span>\n          {{ '-' }}\n          {index, plural, =1 {first} other {rest}}\n          {{ ']' }}\n        </ng-container>\n        /\n        <ng-container *ngFor=\"let index of [1, 2]\" i18n>\n          {{ '[' }}\n          {index, plural, =1 {1} other {*}}\n          {index, plural, =1 {one} other {many}}\n          {{ '-' }}\n          <span>+</span>\n          {{ '-' }}\n          {index, plural, =1 {first} other {rest}}\n          {{ ']' }}\n        </ng-container>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-115-should-ignore-non-instantiated-icus-on-update',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should ignore non-instantiated ICUs on update',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        before|\n        {retention.unit, select,\n          SECONDS {\n            {retention.durationInUnits, plural,\n              =1 {1 second}\n              other {{{retention.durationInUnits}} seconds}\n            }\n          }\n          DAYS {\n            {retention.durationInUnits, plural,\n              =1 {1 day}\n              other {{{retention.durationInUnits}} days}\n            }\n          }\n          MONTHS {\n            {retention.durationInUnits, plural,\n              =1 {1 month}\n              other {{{retention.durationInUnits}} months}\n            }\n          }\n          YEARS {\n            {retention.durationInUnits, plural,\n              =1 {1 year}\n              other {{{retention.durationInUnits}} years}\n            }\n          }\n          other {}\n        }\n        |after.\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-116-should-render-attributes-defined-in-icus',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should render attributes defined in ICUs',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `\n        <div i18n>\n          {parameters.length, plural,\n            =1 {\n              Affects parameter\n              <span class=\"parameter-name\" label=\"should_be_present\">{{ parameters[0].name }}</span>\n            }\n            other {\n              Affects {{parameters.length}} parameters, including\n              <span class=\"parameter-name\">{{ parameters[0].name }}</span>\n            }\n          }\n        </div>\n      `,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-117-should-support-different-icus-cases-for-each-ngfor-iteration',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should support different ICUs cases for each *ngFor iteration',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: ` <ul i18n>\n        <li *ngFor=\"let item of items\">{item, plural, =1 {<b>one</b>} =2 {<i>two</i>}},</li>\n      </ul>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-118-should-be-able-to-inject-a-static-i18n-attribute',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should be able to inject a static i18n attribute',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n-title title=\"text\" injectTitle></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-119-should-inject-null-for-an-i18n-attribute-with-an-interpolation',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should inject `null` for an i18n attribute with an interpolation',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n-title title=\"text {{ value }}\" injectTitle></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-120-should-sanitize-translated-attribute-binding',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should sanitize translated attribute binding',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<a [attr.href]=\"url\" i18n-href></a>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-121-should-sanitize-translated-property-binding',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should sanitize translated property binding',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<a [href]=\"url\" i18n-href></a>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-122-should-sanitize-translated-interpolation',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should sanitize translated interpolation',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<a href=\"{{url}}\" i18n-href></a>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-123-should-sanitize-interpolation-inside-translated-element',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should sanitize interpolation inside translated element',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n><a href=\"{{url}}\"></a></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-124-should-sanitize-attribute-binding-inside-translated-element',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should sanitize attribute binding inside translated element',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n><a [attr.href]=\"url\"></a></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-125-should-sanitize-property-binding-inside-translated-element',
+    category: 'i18n',
+    description:
+      'Angular i18n acceptance spec: should sanitize property binding inside translated element',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n><a [href]=\"url\"></a></div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-126-should-sanitize-property-binding-inside-an-icu',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should sanitize property binding inside an ICU',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<div i18n>{count, plural,\n            =0 {no <strong>link</strong> yet}\n            other {{{count}} Here is the <a href=\"{{url}}\">link</a>!}\n        }</div>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-127-should-sanitize-action-binding',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should sanitize action binding',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<form action=\"{{url}}\" i18n-action></form>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-acceptance-128-should-sanitize-formaction-binding',
+    category: 'i18n',
+    description: 'Angular i18n acceptance spec: should sanitize formaction binding',
+    className: 'AppComp',
+    type: 'full-transform',
+    sourceCode:
+      "import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';\nimport {CommonModule} from '@angular/common';\n\n@Directive({selector: '[tplRef]'})\nexport class DirectiveWithTplRef {\n  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}\n  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }\n}\n\n@Component({\n  selector: 'app-comp',\n  imports: [CommonModule, DirectiveWithTplRef],\n  schemas: [NO_ERRORS_SCHEMA],\n  preserveWhitespaces: false,\n  template: `<input type=\"text\" formaction=\"{{url}}\" i18n-formaction>`,\n})\nexport class AppComp {\n  name = 'Angular';\n  description = 'Web Framework';\n  visible = true;\n  count = 0;\n  items = [1, 2, 3];\n}\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-blocks.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-blocks.fixture.ts
new file mode 100644
index 000000000..0e1992dca
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-blocks.fixture.ts
@@ -0,0 +1,45 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/blocks/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-blocks-should-support-if-blocks-conditional',
+    category: 'i18n',
+    description: 'Angular compliance: should support @if blocks',
+    className: 'MyApp',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    template: `\n    <div i18n>\n      Content:\n      @if (count === 0) {\n        before<span>zero</span>after\n      } @else if (count === 1) {\n        before<div>one</div>after\n      } @else {\n        before<button>otherwise</button>after\n      }!\n\n      @if (count === 7) {\n        before<span>seven</span>after\n      }\n    </div>\n  `,\n    standalone: false\n})\nexport class MyApp {\n  count = 0;\n}\n",
+  },
+  {
+    name: 'i18n-compliance-blocks-should-support-switch-blocks-switch',
+    category: 'i18n',
+    description: 'Angular compliance: should support @switch blocks',
+    className: 'MyApp',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    template: `\n    <div i18n>\n      Content:\n      @switch (count) {\n        @case (0) {before<span>zero</span>after}\n        @case (1) {before<div>one</div>after}\n        @default {before<button>otherwise</button>after}\n      }\n    </div>\n  `,\n    standalone: false\n})\nexport class MyApp {\n  count = 0;\n}\n",
+  },
+  {
+    name: 'i18n-compliance-blocks-should-support-for-blocks-for',
+    category: 'i18n',
+    description: 'Angular compliance: should support @for blocks',
+    className: 'MyApp',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    template: `\n    <div i18n>\n      Content:\n      @for (item of items; track item) {\n        before<span>middle</span>after\n      } @empty {\n        before<div>empty</div>after\n      }!\n    </div>\n  `,\n    standalone: false\n})\nexport class MyApp {\n  items = [1, 2, 3];\n}\n",
+  },
+  {
+    name: 'i18n-compliance-blocks-should-support-defer-blocks-defer',
+    category: 'i18n',
+    description: 'Angular compliance: should support @defer blocks',
+    className: 'MyApp',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    template: `\n    <div i18n>\n      Content:\n      @defer (when isLoaded) {\n        before<span>middle</span>after\n      } @placeholder {\n        before<div>placeholder</div>after\n      } @loading {\n        before<button>loading</button>after\n      } @error {\n        before<h1>error</h1>after\n      }\n    </div>\n  `,\n    standalone: false\n})\nexport class MyApp {\n  isLoaded = false;\n}\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
new file mode 100644
index 000000000..ff4f7e4f2
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
@@ -0,0 +1,152 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/element_attributes/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-element-attributes-should-add-the-meaning-and-description-as-jsdoc-comments-and-metadata-blocks-meaning-description',
+    category: 'i18n',
+    description:
+      'Angular compliance: should add the meaning and description as JsDoc comments and metadata blocks',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <div i18n="meaningA|descA@@idA">Content A</div>\n  <div i18n-title="meaningB|descB@@idB" title="Title B">Content B</div>\n  <div i18n-title="meaningC|" title="Title C">Content C</div>\n  <div i18n-title="meaningD|descD" title="Title D">Content D</div>\n  <div i18n-title="meaningE@@idE" title="Title E">Content E</div>\n  <div i18n-title="@@idF" title="Title F">Content F</div>\n  <div i18n-title="[BACKUP_$\\{MESSAGE}_ID:idH]\\`desc@@idG" title="Title G">Content G</div>\n  <div i18n="Some text \\\\\' [BACKUP_MESSAGE_ID: xxx]">Content H</div>\n`,\n    standalone: false\n})\nexport class MyComponent {\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-support-i18n-attributes-on-explicit-ng-template-elements-ng-template-basic',
+    category: 'i18n',
+    description:
+      'Angular compliance: should support i18n attributes on explicit <ng-template> elements',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-template i18n-title title=\"Hello\"></ng-template>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-support-i18n-attributes-on-explicit-ng-template-with-structural-directives-ng-template-structural',
+    category: 'i18n',
+    description:
+      'Angular compliance: should support i18n attributes on explicit <ng-template> with structural directives',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-template *ngIf=\"visible\" i18n-title title=\"Hello\">Test</ng-template>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  visible = false;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-support-i18n-attributes-with-interpolations-on-explicit-ng-template-elements-ng-template-interpolation',
+    category: 'i18n',
+    description:
+      'Angular compliance: should support i18n attributes with interpolations on explicit <ng-template> elements',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-template i18n-title title=\"Hello {{ name }}\"></ng-template>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  name = '';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-support-i18n-attributes-with-interpolations-on-explicit-ng-template-elements-with-structural-directives-ng-t',
+    category: 'i18n',
+    description:
+      'Angular compliance: should support i18n attributes with interpolations on explicit <ng-template> elements with structural directives',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe} from '@angular/core';\n\n@Pipe({\n    name: 'uppercase',\n    standalone: true\n})\nexport class UppercasePipe {\n  transform(v: any) {}\n}\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-template *ngIf=\"true\" i18n-title title=\"Hello {{ name }}\"></ng-template>\n`,\n    standalone: true, imports: [CommonModule, UppercasePipe]\n})\nexport class MyComponent {\n  name = '';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-not-create-translations-for-empty-attributes-empty-attributes',
+    category: 'i18n',
+    description: 'Angular compliance: should not create translations for empty attributes',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div id=\"static\" i18n-title=\"m|d\" title></div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-not-create-translations-for-bound-attributes-bound-attributes',
+    category: 'i18n',
+    description: 'Angular compliance: should not create translations for bound attributes',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div\n  [title]=\"title\" i18n-title\n  [attr.label]=\"label\" i18n-attr.label>\n  </div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  title = '';\n  label = '';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-translate-static-attributes-static-attributes',
+    category: 'i18n',
+    description: 'Angular compliance: should translate static attributes',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <div id="static" i18n-title="m|d" title="introduction"></div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-translate-static-attributes-when-used-on-an-element-with-structural-directive-static-attributes-structural',
+    category: 'i18n',
+    description:
+      'Angular compliance: should translate static attributes when used on an element with structural directive',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n    <div *ngIf="exp" id="static" i18n-title="m|d" title="introduction"></div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  exp = true;\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-support-interpolation-interpolation-basic',
+    category: 'i18n',
+    description: 'Angular compliance: should support interpolation',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component, Directive, Input, Pipe} from \'@angular/core\';\n\n@Pipe({\n    name: \'uppercase\',\n    standalone: true\n})\nexport class UppercasePipe {\n  transform(v: any) {}\n}\n\n@Directive({\n    selector: \'div\',\n    standalone: true\n})\nexport class DivDir {\n  @Input(\'aria-label\') al!: any;\n  @Input(\'aria-roledescription\') arl!: any;\n}\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <div id="dynamic-1"\n    i18n-title="m|d" title="intro {{ valueA | uppercase }}"\n    i18n-aria-label="m1|d1" aria-label="{{ valueB }}"\n    i18n-aria-roledescription aria-roledescription="static text"\n  ></div>\n  <div id="dynamic-2"\n    i18n-title="m2|d2" title="{{ valueA }} and {{ valueB }} and again {{ valueA + valueB }}"\n    i18n-aria-roledescription aria-roledescription="{{ valueC }}"\n  ></div>\n  `,\n    standalone: true, imports: [CommonModule, UppercasePipe, DivDir]\n})\nexport class MyComponent {\n  valueA: any;\n  valueB: any;\n  valueC: any;\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-correctly-bind-to-context-in-nested-template-interpolation-nested-context',
+    category: 'i18n',
+    description: 'Angular compliance: should correctly bind to context in nested template',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe} from '@angular/core';\n\n@Pipe({\n    name: 'uppercase',\n    standalone: true\n})\nexport class UppercasePipe {\n  transform(v: any) {}\n}\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div *ngFor=\"let outer of items\">\n    <div i18n-title=\"m|d\" title=\"different scope {{ outer | uppercase }}\"></div>\n  </div>\n  `,\n    standalone: true, imports: [CommonModule, UppercasePipe]\n})\nexport class MyComponent {\n  outer = '';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-support-complex-expressions-in-interpolation-interpolation-complex-expressions',
+    category: 'i18n',
+    description: 'Angular compliance: should support complex expressions in interpolation',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n-title title=\"{{valueA.getRawValue()?.getTitle()}} title\"></div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  valueA!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-support-complex-expressions-in-interpolation-with-legacyoptionalchaining-interpolation-complex-expressions-u',
+    category: 'i18n',
+    description:
+      'Angular compliance: should support complex expressions in interpolation with legacyOptionalChaining',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n-title title=\"{{valueA.getRawValue()?.getTitle()}} title\"></div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  valueA!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-work-correctly-when-placed-on-i18n-root-node-i18n-root-node',
+    category: 'i18n',
+    description: 'Angular compliance: should work correctly when placed on i18n root node',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n i18n-title=\"m|d\" title=\"Element title\">Some content</div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-element-attributes-should-sanitize-ids-and-generate-proper-variable-names-invalid-i18n-meta',
+    category: 'i18n',
+    description: 'Angular compliance: should sanitize ids and generate proper variable names',
+    className: 'MyComponent',
+    type: 'full-transform',
+    i18nUseExternalIds: false,
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <div i18n="@@ID.WITH.INVALID.CHARS.2" i18n-title="@@ID.WITH.INVALID.CHARS" title="Element title">\n    Some content\n  </div>\n  `,\n    standalone: false\n})\nexport class MyComponent {\n}\n\n',
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-es5-support.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-es5-support.fixture.ts
new file mode 100644
index 000000000..e37a049fe
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-es5-support.fixture.ts
@@ -0,0 +1,19 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/es5_support/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-es5-support-should-generate-es5-compliant-localized-messages-if-the-target-is-es5-test',
+    category: 'i18n',
+    description:
+      'Angular compliance: should generate ES5 compliant localized messages if the target is ES5',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: '<div i18n=\"meaning:A|descA@@idA\">Content A</div>',\n    standalone: false\n})\nexport class MyComponent {\n}\n\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-icu-logic.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-icu-logic.fixture.ts
new file mode 100644
index 000000000..0e5863ae0
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-icu-logic.fixture.ts
@@ -0,0 +1,166 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/icu_logic/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-single-icus-single-icu',
+    category: 'i18n',
+    description: 'Angular compliance: should handle single icus',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>before {gender, select, male {male} female {female} other {other}} after</div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'male';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-properly-escape-quotes-in-content-escape-quotes',
+    category: 'i18n',
+    description: 'Angular compliance: should properly escape quotes in content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>{gender, select, single {'single quotes'} double {\"double quotes\"} other {other}}</div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'male';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-support-icu-only-templates-icu-only',
+    category: 'i18n',
+    description: 'Angular compliance: should support ICU-only templates',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  {age, select, 10 {ten} 20 {twenty} other {other}}\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  age = 20;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-generate-i18n-instructions-for-icus-generated-outside-of-i18n-blocks-bare-icu',
+    category: 'i18n',
+    description:
+      'Angular compliance: should generate i18n instructions for icus generated outside of i18n blocks',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <div>{gender, select, male {male} female {female} other {other}}</div>\n  <div *ngIf="visible" title="icu only">\n    {age, select, 10 {ten} 20 {twenty} other {other}}\n  </div>\n  <div *ngIf="available" title="icu and text">\n    You have {count, select, 0 {no emails} 1 {one email} other {{{count}} emails}}.\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = \'female\';\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-icus-with-html-html-content',
+    category: 'i18n',
+    description: 'Angular compliance: should handle icus with html',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    {gender, select, male {male - <b>male</b>} female {female <b>female</b>} other {<div class=\"other\"><i>other</i></div>}}\n    <b>Other content</b>\n    <div class=\"other\"><i>Another content</i></div>\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'female';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-icus-with-expressions-expressions',
+    category: 'i18n',
+    description: 'Angular compliance: should handle icus with expressions',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>{gender, select, male {male of age: {{ ageA + ageB + ageC }}} female {female} other {other}}</div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'female';\n  ageA = 1;\n  ageB = 2;\n  ageC = 3;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-multiple-icus-in-one-block-multiple-icus',
+    category: 'i18n',
+    description: 'Angular compliance: should handle multiple icus in one block',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    {gender, select, male {male} female {female} other {other}}\n    {age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}}\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'male';\n  age = 1;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-multiple-icus-that-share-same-placeholder-shared-placeholder',
+    category: 'i18n',
+    description: 'Angular compliance: should handle multiple icus that share same placeholder',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    {gender, select, male {male} female {female} other {other}}\n    <div>\n      {gender, select, male {male} female {female} other {other}}\n    </div>\n    <div *ngIf=\"visible\">\n      {gender, select, male {male} female {female} other {other}}\n    </div>\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'male';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-nested-icus-nested-icus',
+    category: 'i18n',
+    description: 'Angular compliance: should handle nested icus',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    {gender, select,\n      male {male of age: {age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}}}\n      female {female}\n      other {other}\n    }\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  age = 1;\n  gender = 'male';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-nested-with-interpolations-in-other-blocks-nested-icu-in-other-block',
+    category: 'i18n',
+    description: 'Angular compliance: nested with interpolations in "other" blocks',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>{count, plural,\n    =0 {zero}\n    =2 {{{count}} {name, select,\n          cat {cats}\n          dog {dogs}\n          other {animals}} !}\n    other {other - {{count}}}\n  }</div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  count = 0;\n  name = 'Andrew';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-icus-in-different-contexts-different-contexts',
+    category: 'i18n',
+    description: 'Angular compliance: should handle icus in different contexts',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n  {gender, select, male {male} female {female} other {other}}\n  <span *ngIf=\"ageVisible\">\n    {age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other}}\n  </span>\n</div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'female';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-icus-with-interpolations-icu-with-interpolations',
+    category: 'i18n',
+    description: 'Angular compliance: should handle icus with interpolations',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    {gender, select, male {male {{ weight }}} female {female {{ height }}} other {other}}\n    <span *ngIf=\"ageVisible\">\n      {age, select, 10 {ten} 20 {twenty} 30 {thirty} other {other: {{ otherAge }}}}\n    </span>\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'male';\n  weight = 1;\n  height = 1;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-icus-with-named-interpolations-named-interpolations',
+    category: 'i18n',
+    description: 'Angular compliance: should handle icus with named interpolations',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>{\n    gender,\n    select,\n      male {male {{ weight // i18n(ph=\"PH_A\") }}}\n      female {female {{ height // i18n(ph=\"PH_B\") }}}\n      other {other {{ age // i18n(ph=\"PH WITH SPACES\") }}}\n  }</div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'male';\n  weight = 1;\n  height = 1;\n  age = 1;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-attach-metadata-in-case-an-icu-represents-the-whole-message-metadata',
+    category: 'i18n',
+    description:
+      'Angular compliance: should attach metadata in case an ICU represents the whole message',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n=\"meaningA|descA@@idA\">{count, select, 1 {one} other {more than one}}</div>\n`,\n    standalone: false\n})\nexport class MyComponent {\n  count = 1;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-produce-proper-messages-when-select-or-plural-keywords-have-spaces-after-them-keyword-spaces',
+    category: 'i18n',
+    description:
+      'Angular compliance: should produce proper messages when `select` or `plural` keywords have spaces after them',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    {count, select , 1 {one} other {more than one}}\n    {count, plural , =1 {one} other {more than one}}\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  count = 0;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handle-icus-with-element-tags-as-the-root-message-root-icu-with-elements',
+    category: 'i18n',
+    description: 'Angular compliance: should handle ICUs with element tags, as the root message',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n  selector: 'my-component',\n  template: `\n    <span i18n=\"someText1\">{\n      someField,\n      select,\n      WEBSITE {\n        <strong>someText</strong>\n      }\n    }</span>\n\n    <span>\n    {\n      someField,\n      select,\n      WEBSITE {\n        <strong>someText</strong>\n      }\n    }\n    </span>\n`,\n})\nexport class MyComponent {\n  someField!: any;\n}",
+  },
+  {
+    name: 'i18n-compliance-icu-logic-should-handles-icus-with-html-content-that-has-interpolated-attributes-attribute-interpolation',
+    category: 'i18n',
+    description:
+      'Angular compliance: should handles ICUs with html content that has interpolated attributes',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n  selector: 'my-comp',\n  template: `\n  <div i18n>\n    <span title=\"{{foo}}-{{foo}}\"></span>\n    <span>{foo, select, other {<span title=\"{{foo}}-{{foo}}\">foo</span>}}</span>\n    <span>{foo, select, other {{{foo}}-{{foo}}}}</span>\n  </div>\n  `\n})\nexport class MyComponent {\n  foo: any;\n}\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-line-ending-normalization.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-line-ending-normalization.fixture.ts
new file mode 100644
index 000000000..aea50d922
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-line-ending-normalization.fixture.ts
@@ -0,0 +1,93 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/line_ending_normalization/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-line-ending-normalization-should-normalize-line-breaks-for-non-legacy-messages-in-inline-templates-where-i18nnormalizelineendingsinicu',
+    category: 'i18n',
+    description:
+      "Angular compliance: should normalize line breaks for non-legacy messages in 'inline templates' where i18nNormalizeLineEndingsInICUs is true",
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    // NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real\n    // `\\r\\n` line-ending chars when loaded from the test file-system.\n    template: `\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n  value,\r\n  select,\r\n  =0 {\r\n    zero\r\n  }\r\n}</div>`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  value!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-line-ending-normalization-should-normalize-line-breaks-for-non-legacy-messages-in-inline-templates-where-i18nnormalizelineendingsinicu',
+    category: 'i18n',
+    description:
+      "Angular compliance: should normalize line breaks for non-legacy messages in 'inline templates' where i18nNormalizeLineEndingsInICUs is false",
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    // NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real\n    // `\\r\\n` line-ending chars when loaded from the test file-system.\n    template: `\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n  value,\r\n  select,\r\n  =0 {\r\n    zero\r\n  }\r\n}</div>`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  value!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-line-ending-normalization-should-normalize-line-breaks-for-non-legacy-messages-in-external-templates-where-i18nnormalizelineendingsini',
+    category: 'i18n',
+    description:
+      "Angular compliance: should normalize line breaks for non-legacy messages in 'external templates' where i18nNormalizeLineEndingsInICUs is true",
+    className: 'MyComponent',
+    type: 'full-transform',
+    skipReason: 'external templates are not supported by the compare tool',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    // NOTE: The template has escaped `\\r\\n` line-endings markers that will be converted to real\n    // `\\r\\n` line-ending chars when loaded from the test file-system.\n    templateUrl: 'template.html',\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  value!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-line-ending-normalization-should-normalize-line-breaks-for-non-legacy-messages-in-external-templates-where-i18nnormalizelineendingsini',
+    category: 'i18n',
+    description:
+      "Angular compliance: should normalize line breaks for non-legacy messages in 'external templates' where i18nNormalizeLineEndingsInICUs is false",
+    className: 'MyComponent',
+    type: 'full-transform',
+    skipReason: 'external templates are not supported by the compare tool',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    // NOTE: The template has escaped `\\r\\n` line-endings markers that will be converted to real\n    // `\\r\\n` line-ending chars when loaded from the test file-system.\n    templateUrl: 'template.html',\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  value!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-line-ending-normalization-should-compute-normalized-legacy-ids-for-messages-in-inline-templates-where-i18nnormalizelineendingsinicus-i',
+    category: 'i18n',
+    description:
+      'Angular compliance: should compute normalized legacy ids for messages in inline templates where i18nNormalizeLineEndingsInICUs is true',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    // NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real\n    // `\\r\\n` line-ending chars when loaded from the test file-system.\n    template: `\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n  value,\r\n  select,\r\n  =0 {\r\n    zero\r\n  }\r\n}</div>`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  value!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-line-ending-normalization-should-compute-normalized-legacy-ids-for-messages-in-inline-templates-where-i18nnormalizelineendingsinicus-i',
+    category: 'i18n',
+    description:
+      'Angular compliance: should compute normalized legacy ids for messages in inline templates where i18nNormalizeLineEndingsInICUs is false',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    // NOTE: This template has escaped `\\r\\n` line-endings markers that will be converted to real\n    // `\\r\\n` line-ending chars when loaded from the test file-system.\n    template: `\n<div title=\"abc\r\ndef\" i18n-title i18n>\r\nSome Message\r\n{\r\n  value,\r\n  select,\r\n  =0 {\r\n    zero\r\n  }\r\n}</div>`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  value!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-line-ending-normalization-should-compute-normalized-legacy-ids-for-messages-in-external-templates-where-i18nnormalizelineendingsinicus',
+    category: 'i18n',
+    description:
+      'Angular compliance: should compute normalized legacy ids for messages in external templates where i18nNormalizeLineEndingsInICUs is true',
+    className: 'MyComponent',
+    type: 'full-transform',
+    skipReason: 'external templates are not supported by the compare tool',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    // NOTE: The template has escaped `\\r\\n` line-endings markers that will be converted to real\n    // `\\r\\n` line-ending chars when loaded from the test file-system.\n    templateUrl: 'template.html',\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  value!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-line-ending-normalization-should-compute-non-normalized-legacy-ids-for-messages-in-external-templates-where-i18nnormalizelineendingsin',
+    category: 'i18n',
+    description:
+      'Angular compliance: should compute non-normalized legacy ids for messages in external templates where i18nNormalizeLineEndingsInICUs is false',
+    className: 'MyComponent',
+    type: 'full-transform',
+    skipReason: 'external templates are not supported by the compare tool',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    // NOTE: The template has escaped `\\r\\n` line-endings markers that will be converted to real\n    // `\\r\\n` line-ending chars when loaded from the test file-system.\n    templateUrl: 'template.html',\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  value!: any;\n}\n\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-localize-legacy-message-ids.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-localize-legacy-message-ids.fixture.ts
new file mode 100644
index 000000000..4dfd549f8
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-localize-legacy-message-ids.fixture.ts
@@ -0,0 +1,29 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/localize_legacy_message_ids/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-localize-legacy-message-ids-should-add-legacy-message-ids-if-enablei18nlegacymessageidformat-is-true-legacy-enabled',
+    category: 'i18n',
+    description:
+      'Angular compliance: should add legacy message ids if `enableI18nLegacyMessageIdFormat` is true',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n-title title=\"Some &amp; attribute\"></div>\n  <div i18n>Some &amp; message</div>\n  <div i18n-title title=\"Some &amp; {{'interpolated'}} attribute\"></div>\n  <div i18n>Some &amp; {{'interpolated' }} message</div>\n  <div i18n>&amp;</div>\n  <div i18n>&amp;&quot;</div>\n  <div i18n-title title=\"&quot;\"></div>\n  <div i18n-title title=\"&quot;&quot;\"></div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-localize-legacy-message-ids-should-not-add-legacy-message-ids-if-enablei18nlegacymessageidformat-is-false-legacy-disabled',
+    category: 'i18n',
+    description:
+      'Angular compliance: should not add legacy message ids if `enableI18nLegacyMessageIdFormat` is false',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>Some Message</div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-namespaces.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-namespaces.fixture.ts
new file mode 100644
index 000000000..59a4b06ab
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-namespaces.fixture.ts
@@ -0,0 +1,27 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/namespaces/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-namespaces-should-handle-namespaces-inside-i18n-blocks-foreign-object',
+    category: 'i18n',
+    description: 'Angular compliance: should handle namespaces inside i18n blocks',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <svg xmlns=\"http://www.w3.org/2000/svg\">\n    <foreignObject i18n>\n      <xhtml:div xmlns=\"http://www.w3.org/1999/xhtml\">\n        Count: <span>5</span>\n      </xhtml:div>\n    </foreignObject>\n  </svg>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-namespaces-should-handle-namespaces-on-i18n-block-containers-namespaced-div',
+    category: 'i18n',
+    description: 'Angular compliance: should handle namespaces on i18n block containers',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <svg xmlns=\"http://www.w3.org/2000/svg\">\n    <foreignObject>\n      <xhtml:div xmlns=\"http://www.w3.org/1999/xhtml\" i18n>\n        Count: <span>5</span>\n      </xhtml:div>\n    </foreignObject>\n  </svg>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-nested-nodes.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-nested-nodes.fixture.ts
new file mode 100644
index 000000000..2931e9bd4
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-nested-nodes.fixture.ts
@@ -0,0 +1,184 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/nested_nodes/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-nested-nodes-should-not-produce-instructions-for-empty-content-empty-content',
+    category: 'i18n',
+    description: 'Angular compliance: should not produce instructions for empty content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n></div>\n  <div i18n>  </div>\n  <div i18n>\n\n  </div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-ignore-html-comments-within-translated-text-comments-in-translated-text',
+    category: 'i18n',
+    description: 'Angular compliance: should ignore HTML comments within translated text',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>Some <!-- comments --> text</div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-properly-escape-quotes-in-content-escape-quotes',
+    category: 'i18n',
+    description: 'Angular compliance: should properly escape quotes in content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>Some text 'with single quotes', \"with double quotes\", \\`with backticks\\` and without quotes.</div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-interpolations-wrapped-in-backticks-backtick-quotes',
+    category: 'i18n',
+    description: 'Angular compliance: should handle interpolations wrapped in backticks',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: '<div i18n>`{{ count }}`</div>',\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  count = 1;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-plain-text-content-plain-text-messages',
+    category: 'i18n',
+    description: 'Angular compliance: should handle i18n attributes with plain-text content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>My i18n block #1</div>\n  <div>My non-i18n block #1</div>\n  <div i18n>My i18n block #2</div>\n  <div>My non-i18n block #2</div>\n  <div i18n>My i18n block #3</div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-support-named-interpolations-named-interpolations',
+    category: 'i18n',
+    description: 'Angular compliance: should support named interpolations',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    Named interpolation: {{ valueA // i18n(ph=\"PH_A\") }}\n    Named interpolation with spaces: {{ valueB // i18n(ph=\"PH B\") }}\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  valueA = '';\n  valueB = '';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-support-interpolations-with-complex-expressions-interpolation-complex-expressions',
+    category: 'i18n',
+    description: 'Angular compliance: should support interpolations with complex expressions',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe} from '@angular/core';\n\n@Pipe({\n    name: 'async',\n    standalone: true\n})\nexport class AsyncPipe {\n  transform(v: any) {}\n}\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    {{ valueA | async }}\n    {{ valueA?.a?.b }}\n    {{ valueA.getRawValue()?.getTitle() }}\n  </div>\n  `,\n    standalone: true, imports: [CommonModule, AsyncPipe]\n})\nexport class MyComponent {\n  valueA!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-bindings-in-content',
+    category: 'i18n',
+    description: 'Angular compliance: should handle i18n attributes with bindings in content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe} from '@angular/core';\n\n@Pipe({\n    name: 'uppercase',\n    standalone: true\n})\nexport class UppercasePipe {\n  transform(v: any) {}\n}\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>My i18n block #{{ one }}</div>\n  <div i18n>My i18n block #{{ two | uppercase }}</div>\n  <div i18n>My i18n block #{{ three + four + five }}</div>\n  `,\n    standalone: true, imports: [CommonModule, UppercasePipe]\n})\nexport class MyComponent {\n  one = 1;\n  two = 2;\n  three = 3;\n  four = 4;\n  five = 5;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-and-nested-elements-in-content-nested-elements',
+    category: 'i18n',
+    description:
+      'Angular compliance: should handle i18n attributes with bindings and nested elements in content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe} from '@angular/core';\n\n@Pipe({\n    name: 'uppercase',\n    standalone: true\n})\nexport class UppercasePipe {\n  transform(v: any) {}\n}\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    My i18n block #{{ one }}\n    <span>Plain text in nested element</span>\n  </div>\n  <div i18n>\n    My i18n block #{{ two | uppercase }}\n    <div>\n      <div>\n        <span>\n          More bindings in more nested element: {{ nestedInBlockTwo }}\n        </span>\n      </div>\n    </div>\n  </div>\n`,\n    standalone: true, imports: [CommonModule, UppercasePipe]\n})\nexport class MyComponent {\n  one = 1;\n  two = 2;\n  nestedInBlockTwo = '';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-and-element-attributes-nested-elements-with-i18n-attributes',
+    category: 'i18n',
+    description:
+      'Angular compliance: should handle i18n attributes with bindings in content and element attributes',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe} from '@angular/core';\n\n@Pipe({\n    name: 'uppercase',\n    standalone: true\n})\nexport class UppercasePipe {\n  transform(v: any) {}\n}\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n  My i18n block #1 with value: {{ valueA }}\n  <span i18n-title title=\"Span title {{ valueB }} and {{ valueC }}\">\n    Plain text in nested element (block #1)\n  </span>\n</div>\n<div i18n>\n  My i18n block #2 with value {{ valueD | uppercase }}\n  <span i18n-title title=\"Span title {{ valueE }}\">\n    Plain text in nested element (block #2)\n  </span>\n</div>\n`,\n    standalone: true, imports: [CommonModule, UppercasePipe]\n})\nexport class MyComponent {\n  valueA!: any;\n  valueB!: any;\n  valueC!: any;\n  valueD!: any;\n  valueE!: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-i18n-attributes-in-nested-templates-nested-templates',
+    category: 'i18n',
+    description: 'Angular compliance: should handle i18n attributes in nested templates',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div>\n    Some content\n    <div *ngIf=\"visible\">\n      <div i18n>\n        Some other content {{ valueA }}\n        <div>\n          More nested levels with bindings {{ valueB | uppercase }}\n        </div>\n      </div>\n    </div>\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-ignore-i18n-attributes-on-self-closing-tags-self-closing',
+    category: 'i18n',
+    description: 'Angular compliance: should ignore i18n attributes on self-closing tags',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <img src="logo.png" i18n />\n  <img src="logo.png" i18n *ngIf="visible" />\n  <img src="logo.png" i18n *ngIf="visible" i18n-title title="App logo #{{ id }}" />\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-i18n-context-in-nested-templates-nested-templates-context',
+    category: 'i18n',
+    description: 'Angular compliance: should handle i18n context in nested templates',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <div i18n>\n    Some content\n    <div *ngIf="visible">\n      Some other content {{ valueA }}\n      <div>\n        More nested levels with bindings {{ valueB | uppercase }}\n        <div *ngIf="exists">\n          Content inside sub-template {{ valueC }}\n          <div>\n            Bottom level element {{ valueD }}\n          </div>\n        </div>\n      </div>\n    </div>\n    <div *ngIf="!visible">\n      Some other content {{ valueE + valueF }}\n      <div>\n        More nested levels with bindings {{ valueG | uppercase }}\n      </div>\n    </div>\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-i18n-attribute-with-directives-directives',
+    category: 'i18n',
+    description: 'Angular compliance: should handle i18n attribute with directives',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n *ngIf=\"visible\">Some other content <span>{{ valueA }}</span></div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-generate-event-listeners-instructions-before-i18n-ones-event-listeners',
+    category: 'i18n',
+    description:
+      'Angular compliance: should generate event listeners instructions before i18n ones',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n (click)=\"onClick()\">Hello</div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  onClick() {}\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-ng-content-in-i18n-block-nested-ng-content',
+    category: 'i18n',
+    description: 'Angular compliance: should handle ng-content in i18n block',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n  selector: 'my-component',\n  template: `\n  <div i18n>\n    <ng-content select=\"special\"></ng-content>\n    <ng-content></ng-content>\n  </div>\n`,\n})\nexport class MyComponent {\n}\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-ng-content-in-i18n-block-i18n-after-binding',
+    category: 'i18n',
+    description: 'Angular compliance: should handle ng-content in i18n block',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Input} from '@angular/core';\n\n@Component({\n  selector: 'my-cmp',\n  template: `\n\t\t<span i18n>\n  \t\t\t<input [disabled]=\"someBoolean\">\n\t\t\t{{ someField }}\n\t\t</span>\n\t`,\n})\nexport class MyComponent {\n  someBoolean = false;\n  someField!: any;\n}\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-should-handle-ng-content-with-i18n-children-ng-content-with-i18n-children',
+    category: 'i18n',
+    description: 'Angular compliance: should handle ng-content with i18n children',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n  selector: 'my-component',\n  template: `\n    <ng-content>\n      <span i18n=\"@@MY_ID\">a <b>b</b> c</span>\n    </ng-content>\n  `,\n})\nexport class MyComponent {}\n",
+  },
+  {
+    name: 'i18n-compliance-nested-nodes-when-the-last-element-inside-an-i18n-block-has-i18n-attributes-last-elem-inside-i18n-block',
+    category: 'i18n',
+    description:
+      'Angular compliance: when the last element inside an i18n block has i18n attributes',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>{{ text }}<h1 i18n-title title=\"{{ attr }}\"></h1></div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  attr: any;\n  text: any;\n}\n\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-ng-container-ng-template.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-ng-container-ng-template.fixture.ts
new file mode 100644
index 000000000..c0d92f237
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-ng-container-ng-template.fixture.ts
@@ -0,0 +1,131 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/ng-container_ng-template/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-handle-single-translation-message-using-ng-container-single-ng-container',
+    category: 'i18n',
+    description:
+      'Angular compliance: should handle single translation message using <ng-container>',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe} from '@angular/core';\n\n@Pipe({\n    name: 'uppercase',\n    standalone: true\n})\nexport class UppercasePipe {\n  transform(v: any) {}\n}\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-container i18n>Some content: {{ valueA | uppercase }}</ng-container>\n`,\n    standalone: true, imports: [CommonModule, UppercasePipe]\n})\nexport class MyComponent {\n  valueA = '';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-handle-single-translation-message-using-ng-template-single-ng-template',
+    category: 'i18n',
+    description: 'Angular compliance: should handle single translation message using <ng-template>',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-template i18n>Some content: {{ valueA | uppercase }}</ng-template>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-be-able-to-act-as-child-elements-inside-i18n-block-child-elements',
+    category: 'i18n',
+    description: 'Angular compliance: should be able to act as child elements inside i18n block',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe} from '@angular/core';\n\n@Pipe({\n    name: 'uppercase',\n    standalone: true\n})\nexport class UppercasePipe {\n  transform(v: any) {}\n}\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    <ng-template>Template content: {{ valueA | uppercase }}</ng-template>\n    <ng-container>Container content: {{ valueB | uppercase }}</ng-container>\n  </div>\n`,\n    standalone: true, imports: [CommonModule, UppercasePipe]\n})\nexport class MyComponent {\n  valueA = '';\n  valueB = '';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-handle-icus-outside-of-translatable-sections-bare-icus',
+    category: 'i18n',
+    description: 'Angular compliance: should handle ICUs outside of translatable sections',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-template>{gender, select, male {male} female {female} other {other}}</ng-template>\n  <ng-container>{age, select, 10 {ten} 20 {twenty} other {other}}</ng-container>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  age = 0;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-correctly-propagate-i18n-context-through-nested-templates-nested-templates',
+    category: 'i18n',
+    description:
+      'Angular compliance: should correctly propagate i18n context through nested templates',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    <ng-template>\n      Template A: {{ valueA | uppercase }}\n      <ng-template>\n        Template B: {{ valueB }}\n        <ng-template>\n          Template C: {{ valueC }}\n        </ng-template>\n      </ng-template>\n    </ng-template>\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-work-with-icus-icus',
+    category: 'i18n',
+    description: 'Angular compliance: should work with ICUs',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-container i18n>{gender, select, male {male} female {female} other {other}}</ng-container>\n  <ng-template i18n>{age, select, 10 {ten} 20 {twenty} other {other}}</ng-template>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  gender = 'female';\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-handle-self-closing-tags-as-content-self-closing-tags',
+    category: 'i18n',
+    description: 'Angular compliance: should handle self-closing tags as content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <ng-container i18n>\n    <img src="logo.png" title="Logo" /> is my logo #1\n  </ng-container>\n  <ng-template i18n>\n    <img src="logo.png" title="Logo" /> is my logo #2\n  </ng-template>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-not-emit-duplicate-i18n-consts-for-elements-with-the-same-content-duplicate-content',
+    category: 'i18n',
+    description:
+      'Angular compliance: should not emit duplicate i18n consts for elements with the same content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>Test</div>\n  <div i18n>Test</div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-generate-a-self-closing-container-instruction-for-ng-container-inside-i18n-self-closing-ng-container',
+    category: 'i18n',
+    description:
+      'Angular compliance: should generate a self-closing container instruction for ng-container inside i18n',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    Hello <ng-container>there</ng-container>\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-not-generate-a-self-closing-container-instruction-for-ng-container-with-non-text-ng-container-with-non',
+    category: 'i18n',
+    description:
+      'Angular compliance: should not generate a self-closing container instruction for ng-container with non-text ',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    Hello <ng-container>there <strong>!</strong></ng-container>\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-handle-structural-directives-structural-directives',
+    category: 'i18n',
+    description: 'Angular compliance: should handle structural directives',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-template *ngIf=\"someFlag\" i18n>Content A</ng-template>\n  <ng-container *ngIf=\"someFlag\" i18n>Content B</ng-container>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-handle-structural-directives-with-same-placeholder-structural-directives-same-placeholder',
+    category: 'i18n',
+    description: 'Angular compliance: should handle structural directives with same placeholder',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <div i18n>\n    <div *ngIf="someFlag">Content</div>\n    <div *ngIf="someFlag">\n      <div *ngIf="someFlag">Content</div>\n    </div>\n\n    <img *ngIf="someOtherFlag" />\n    <img *ngIf="someOtherFlag" />\n  </div>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n',
+  },
+  {
+    name: 'i18n-compliance-ng-container-ng-template-should-handle-templates-in-sibling-i18n-blocks-sibling-i18n-blocks',
+    category: 'i18n',
+    description: 'Angular compliance: should handle templates in sibling i18n blocks',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n  selector: 'my-component',\n  template: `\n  <div i18n>\n    <ng-template>Content A</ng-template>\n  </div>\n  <div i18n>\n    <ng-template>Content B</ng-template>\n  </div>\n`,\n})\nexport class MyComponent {\n}\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-root.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-root.fixture.ts
new file mode 100644
index 000000000..ddeac7999
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-root.fixture.ts
@@ -0,0 +1,36 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-root-should-allow-repeating-the-same-placeholder-repeated-placeholder',
+    category: 'i18n',
+    description: 'Angular compliance: should allow repeating the same placeholder',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n    <div i18n>Hello, {{ placeholder }}! You are a very good {{ placeholder }}.</div>\n    <div i18n>Hello, {{ placeholder // i18n(ph = \"ph\") }}! Hello again {{ placeholder // i18n(ph = \"ph\") }}.</div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  placeholder: any;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-root-should-support-i18n-message-with-multiple-pipes-multiple-pipes',
+    category: 'i18n',
+    description: 'Angular compliance: should support i18n message with multiple pipes',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component, Pipe, PipeTransform} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>{{ valueA | pipeA }} and {{ valueB | pipeB }}</div>\n  <div i18n><span>{{ valueA | pipeA }}</span> and {{ valueB | pipeB }} <span>and {{ valueC | pipeC }}</span></div>\n`,\n    standalone: true, imports: [CommonModule, PipeA, PipeB, PipeC]\n})\nexport class MyComponent {\n  valueA = 0;\n  valueB = 0;\n  valueC = 0;\n}\n\n@Pipe({\n    name: 'pipeA',\n    standalone: true\n})\nexport class PipeA implements PipeTransform {\n  transform() {\n    return null;\n  }\n}\n\n@Pipe({\n    name: 'pipeB',\n    standalone: true\n})\nexport class PipeB implements PipeTransform {\n  transform() {\n    return null;\n  }\n}\n\n@Pipe({\n    name: 'pipeC',\n    standalone: true\n})\nexport class PipeC implements PipeTransform {\n  transform() {\n    return null;\n  }\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-root-should-support-i18n-nodes-with-icus-inside-icu-and-i18n',
+    category: 'i18n',
+    description: 'Angular compliance: should support i18n nodes with ICUs inside',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n  selector: 'my-component',\n  template: `\n    <div i18n>\n      <div *ngFor=\"let diskView of disks\">\n        {{diskView.name}} has {diskView.length, plural, =1 {VM} other {VMs}}\n      </div>\n    </div>\n  `,\n})\nexport class MyComponent {\n  disks: any;\n}\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-self-closing-i18n-instructions.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-self-closing-i18n-instructions.fixture.ts
new file mode 100644
index 000000000..92983ca89
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-self-closing-i18n-instructions.fixture.ts
@@ -0,0 +1,46 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/self-closing_i18n_instructions/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-self-closing-i18n-instructions-should-be-generated-with-text-only-content-text-only-content',
+    category: 'i18n',
+    description: 'Angular compliance: should be generated with text-only content',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>My i18n block #1</div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-self-closing-i18n-instructions-should-be-generated-for-icu-only-i18n-blocks-icu-only',
+    category: 'i18n',
+    description: 'Angular compliance: should be generated for ICU-only i18n blocks',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>{age, select, 10 {ten} 20 {twenty} other {other}}</div>\n  `,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n  age = 1;\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-self-closing-i18n-instructions-should-be-generated-within-ng-container-and-ng-template-blocks-ng-container-ng-template',
+    category: 'i18n',
+    description:
+      'Angular compliance: should be generated within <ng-container> and <ng-template> blocks',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <ng-template i18n>My i18n block #1</ng-template>\n  <ng-container i18n>My i18n block #2</ng-container>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+  {
+    name: 'i18n-compliance-self-closing-i18n-instructions-should-not-be-generated-in-case-we-have-styling-instructions-styles',
+    category: 'i18n',
+    description: 'Angular compliance: should not be generated in case we have styling instructions',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <span i18n class=\"myClass\">Text #1</span>\n  <span i18n style=\"padding: 10px;\">Text #2</span>\n`,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-whitespace-preserving-mode.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-whitespace-preserving-mode.fixture.ts
new file mode 100644
index 000000000..e77edf411
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-whitespace-preserving-mode.fixture.ts
@@ -0,0 +1,18 @@
+/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * r3_view_compiler_i18n/whitespace_preserving_mode/TEST_CASES.json
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-compliance-whitespace-preserving-mode-should-keep-inner-content-of-i18n-block-as-is-preserve-inner-content',
+    category: 'i18n',
+    description: 'Angular compliance: should keep inner content of i18n block as is',
+    className: 'MyComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import {CommonModule} from '@angular/common';\nimport {Component} from '@angular/core';\n\n@Component({\n    selector: 'my-component',\n    template: `\n  <div i18n>\n    Some text\n    <span>Text inside span</span>\n  </div>\n`,\n    preserveWhitespaces: true,\n    standalone: true, imports: [CommonModule]\n})\nexport class MyComponent {\n}\n\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/i18n-scenarios.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/i18n-scenarios.fixture.ts
new file mode 100644
index 000000000..2544935d9
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/i18n-scenarios.fixture.ts
@@ -0,0 +1,329 @@
+/**
+ * i18n scenarios checked against Angular's output while fixing oxc's i18n code generation,
+ * covering cases that Angular's compliance and acceptance specs do not (generated fixtures).
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+  {
+    name: 'i18n-scenario-tag-placeholder',
+    category: 'i18n',
+    description: 'i18n scenario: <span i18n>Hello <b>world</b>!</span>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<span i18n>Hello <b>world</b>!</span>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-empty-attr',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n-title title=""></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n-title title=\"\"></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-custom-ph',
+    category: 'i18n',
+    description: 'i18n scenario: <span i18n>Hello {{ name // i18n(ph="PH") }}</span>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<span i18n>Hello {{ name // i18n(ph=\"PH\") }}</span>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-icu-space-tag',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>{count, plural, =1 {one} other {many}} <b>x</b></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>{count, plural, =1 {one} other {many}} <b>x</b></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-if-else-block',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>@if (count) {<span>yes</span>} @else {no}</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>@if (count) {<span>yes</span>} @else {no}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-bound-prop-i18n',
+    category: 'i18n',
+    description: 'i18n scenario: <div [title]="name" i18n-title="@@t"></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div [title]=\"name\" i18n-title=\"@@t\"></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-meta-colon',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n="meaning:A|descA@@idA">Content A</div><div i18n-title="d: x@@t2" title',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n=\"meaning:A|descA@@idA\">Content A</div><div i18n-title=\"d: x@@t2\" title=\"T\">x</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-bare-icu',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div>{gender, select, male {male} female {female} other {other}}</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div>{gender, select, male {male} female {female} other {other}}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-nested-icu',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n>{gender, select, male {m {count, select, 3 {three} other {o}}} female ',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>{gender, select, male {m {count, select, 3 {three} other {o}}} female {f {count, select, 3 {three} other {o}}} other {x}}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-icu-attr-interp',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n>{gender, select, other {<span title="{{name}}-{{name}}">foo</span>}}</',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>{gender, select, other {<span title=\"{{name}}-{{name}}\">foo</span>}}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-icu-keyword-spaces',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>{count, select , 3 {three} other {more}}</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>{count, select , 3 {three} other {more}}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-root-icu-elements',
+    category: 'i18n',
+    description:
+      'i18n scenario: <span i18n="someText1">{gender, select, female {<strong>someText</strong>} other',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<span i18n=\"someText1\">{gender, select, female {<strong>someText</strong>} other {x}}</span>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-void-tag',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n><img src="a.png"> is my logo</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n><img src=\"a.png\"> is my logo</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-nested-tag-order',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n><span title="x">a<span>inner</span></span></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n><span title=\"x\">a<span>inner</span></span></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-ng-content',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n><ng-content select="x"></ng-content>tail</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n><ng-content select=\"x\"></ng-content>tail</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-ph-spaces',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>Hi {{ name // i18n(ph = "who") }}</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>Hi {{ name // i18n(ph = \"who\") }}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-structural-i18n',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n *ngIf="visible">Some <span>{{ name }}</span></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n *ngIf=\"visible\">Some <span>{{ name }}</span></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-attr-interp-sibling',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>{{ name }}<h1 i18n-title title="{{ name }}"></h1></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>{{ name }}<h1 i18n-title title=\"{{ name }}\"></h1></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-namespace',
+    category: 'i18n',
+    description:
+      'i18n scenario: <svg xmlns="http://www.w3.org/2000/svg"><foreignObject><xhtml:div xmlns="http://',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<svg xmlns=\"http://www.w3.org/2000/svg\"><foreignObject><xhtml:div xmlns=\"http://www.w3.org/1999/xhtml\" i18n>Count: <span>5</span></xhtml:div></foreignObject></svg>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-svg-in-i18n',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>Save <svg><circle r="1"></circle></svg> now</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>Save <svg><circle r=\"1\"></circle></svg> now</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-entities-text',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>Tom &amp; Jerry &lt;3 &nbsp;&copy; {{ name }}</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>Tom &amp; Jerry &lt;3 &nbsp;&copy; {{ name }}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-entities-attr',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n-title title="A &amp; B &quot;q&quot;"></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n-title title=\"A &amp; B &quot;q&quot;\"></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-entities-icu',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n>{count, plural, =1 {one &amp; only} other {&lt;many&gt;}}</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>{count, plural, =1 {one &amp; only} other {&lt;many&gt;}}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-ngsp',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>a&ngsp;b</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>a&ngsp;b</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-let-in-i18n',
+    category: 'i18n',
+    description:
+      "i18n scenario: @let greeting = 'Hi ' + name;<div i18n>{{ greeting }}, welcome</div>",
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `@let greeting = 'Hi ' + name;<div i18n>{{ greeting }}, welcome</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-listener-in-i18n',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n>Click <button (click)="count = count + 1">here</button> now</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>Click <button (click)=\"count = count + 1\">here</button> now</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-attr-binding-in-i18n',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n>Go <a [attr.href]="name" title="t">there</a></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>Go <a [attr.href]=\"name\" title=\"t\">there</a></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-icu-pipe',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n>{count, plural, =1 {one {{ name | uppercase }}} other {{{ count | numb',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>{count, plural, =1 {one {{ name | uppercase }}} other {{{ count | number }} items}}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-ngif-else-i18n',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n><span *ngIf="visible; else other">yes</span><ng-template #other>no</ng',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n><span *ngIf=\"visible; else other\">yes</span><ng-template #other>no</ng-template></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-ngfor-i18n',
+    category: 'i18n',
+    description: 'i18n scenario: <ul i18n><li *ngFor="let i of items">Item {{ i }}</li></ul>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<ul i18n><li *ngFor=\"let i of items\">Item {{ i }}</li></ul>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-switch-i18n',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n>@switch (count) { @case (3) {<b>three</b>} @default {other} }</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>@switch (count) { @case (3) {<b>three</b>} @default {other} }</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-deep-nested-i18n',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n><div *ngIf="visible"><span *ngIf="visible">{{ name }} <b>{{ count }}</',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n><div *ngIf=\"visible\"><span *ngIf=\"visible\">{{ name }} <b>{{ count }}</b></span></div></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-ngif-in-i18n',
+    category: 'i18n',
+    description: 'i18n scenario: <div i18n><span *ngIf="count">x</span></div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n><span *ngIf=\"count\">x</span></div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+  {
+    name: 'i18n-scenario-non-bindable',
+    category: 'i18n',
+    description:
+      'i18n scenario: <div i18n>Hi <span ngNonBindable>{{ raw }}</span> {{ name }}</div>',
+    className: 'ScenarioComponent',
+    type: 'full-transform',
+    skipReason: "Angular's compiler crashes on ngNonBindable inside an i18n block",
+    sourceCode:
+      "import { Component } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\n@Component({\n  selector: 'app-scenario',\n  imports: [CommonModule],\n  template: `<div i18n>Hi <span ngNonBindable>{{ raw }}</span> {{ name }}</div>`,\n})\nexport class ScenarioComponent {\n  count = 3;\n  name = 'Bob';\n  gender = 'female';\n  items = [1, 2];\n  visible = true;\n}\n",
+  },
+]
diff --git a/napi/angular-compiler/e2e/compare/package.json b/napi/angular-compiler/e2e/compare/package.json
index 1307dcd1b..2e5d00c20 100644
--- a/napi/angular-compiler/e2e/compare/package.json
+++ b/napi/angular-compiler/e2e/compare/package.json
@@ -11,6 +11,7 @@
     "compare:clickup:fast": "NODE_OPTIONS='--max-old-space-size=16384' oxnode src/index.ts --preset clickup --full-file --ng-baseline ./ng-baseline-clickup.json",
     "compare:clickup:save-baseline": "NODE_OPTIONS='--max-old-space-size=32768' oxnode src/index.ts --preset clickup --full-file --generate-ng-baseline --save-ng-baseline ./ng-baseline-clickup.json",
     "show-diff": "oxnode src/show-diff.ts",
+    "generate:i18n-fixtures": "oxnode scripts/generate-i18n-fixtures.ts",
     "test": "vitest run"
   },
   "dependencies": {
diff --git a/napi/angular-compiler/e2e/compare/scripts/generate-i18n-fixtures.ts b/napi/angular-compiler/e2e/compare/scripts/generate-i18n-fixtures.ts
new file mode 100644
index 000000000..6fff201b8
--- /dev/null
+++ b/napi/angular-compiler/e2e/compare/scripts/generate-i18n-fixtures.ts
@@ -0,0 +1,268 @@
+/**
+ * Generates i18n comparison fixtures from Angular's own i18n tests:
+ *
+ * - the r3_view_compiler_i18n compliance cases
+ *   (packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n), one fixture file
+ *   per directory
+ * - the templates in the runtime i18n acceptance spec
+ *   (packages/core/test/acceptance/i18n_spec.ts)
+ *
+ * Usage: pnpm generate:i18n-fixtures [path/to/angular]
+ * The Angular checkout defaults to the repository's Angular submodule. Re-run after updating it.
+ */
+import { mkdirSync, readFileSync, readdirSync, writeFileSync } from 'node:fs'
+import { basename, dirname, join, relative, resolve } from 'node:path'
+import { fileURLToPath } from 'node:url'
+
+import ts from 'typescript'
+
+const here = dirname(fileURLToPath(import.meta.url))
+const angularDir = resolve(
+  process.argv[2] ?? join(here, '../../../../../crates/oxc_angular_compiler/angular'),
+)
+const outDir = join(here, '../fixtures/i18n')
+const complianceDir = join(
+  angularDir,
+  'packages/compiler-cli/test/compliance/test_cases/r3_view_compiler_i18n',
+)
+const acceptanceSpec = join(angularDir, 'packages/core/test/acceptance/i18n_spec.ts')
+const angularVersion = JSON.parse(readFileSync(join(angularDir, 'package.json'), 'utf8')).version
+
+interface GeneratedFixture {
+  name: string
+  description: string
+  className: string
+  sourceCode: string
+  skipReason?: string
+  i18nUseExternalIds?: boolean
+}
+
+function slug(text: string): string {
+  return text
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, '-')
+    .replace(/^-|-$/g, '')
+}
+
+function firstComponentClass(source: string): string {
+  const match = /@Component\([\s\S]*?\)\s*export\s+class\s+(\w+)/.exec(source)
+  return match?.[1] ?? 'MyComponent'
+}
+
+/**
+ * Oxc compiles one file at a time and does not resolve NgModule scopes, which is not an i18n
+ * concern. Make NgModule declarations standalone, importing CommonModule and the module's
+ * other declarations, so the fixture compares the i18n output.
+ */
+function makeStandalone(source: string): string {
+  const declarations = [...source.matchAll(/declarations:\s*\[([^\]]*)\]/g)].flatMap((m) =>
+    m[1]
+      .split(',')
+      .map((d) => d.trim())
+      .filter(Boolean),
+  )
+  let result = source.replace(/declarations:\s*\[[^\]]*\],?/g, '')
+  if (!result.includes('CommonModule')) {
+    result = `import {CommonModule} from '@angular/common';\n${result}`
+  }
+  result = result.replace(
+    /(@Component\(\{[^@]*?)standalone:\s*false/g,
+    (match, head: string, offset: number) => {
+      const cls = /export class (\w+)/.exec(result.slice(offset + match.length))?.[1]
+      const imports = ['CommonModule', ...declarations.filter((d) => d !== cls)]
+      return `${head}standalone: true, imports: [${imports.join(', ')}]`
+    },
+  )
+  result = result.replace(
+    /(@(?:Pipe|Directive)\(\{[^@]*?)standalone:\s*false/g,
+    '$1standalone: true',
+  )
+  // The NgModules are empty now; drop them so the fixture only compares the i18n components.
+  return result
+    .replace(/@NgModule\(\{[^}]*\}\)\s*export class \w+\s*\{\s*\}\n?/g, '')
+    .replace(/\bNgModule,\s*|,\s*NgModule\b/g, '')
+}
+
+/** Angular's test file system turns `\r\n` markers followed by a newline into CRLF. */
+function convertLineEndingMarkers(source: string): string {
+  return source.replace(/\\r\\n\r?\n/g, '\r\n')
+}
+
+function complianceFixtures(testCasesFile: string): GeneratedFixture[] {
+  const dir = dirname(testCasesFile)
+  const { cases } = JSON.parse(readFileSync(testCasesFile, 'utf8'))
+  const fixtures: GeneratedFixture[] = []
+  for (const testCase of cases) {
+    const inputFiles: string[] =
+      testCase.inputFiles ??
+      readdirSync(dir).filter((f) => f.endsWith('.ts') && !f.endsWith('.d.ts'))
+    for (const file of inputFiles.filter((f) => f.endsWith('.ts'))) {
+      let source = readFileSync(join(dir, file), 'utf8')
+      if (dir.includes('line_ending_normalization')) {
+        source = convertLineEndingMarkers(source)
+      }
+      source = makeStandalone(source)
+      const options = testCase.angularCompilerOptions ?? {}
+      fixtures.push({
+        name: `i18n-compliance-${slug(relative(complianceDir, dir) || 'root')}-${slug(testCase.description)}-${slug(basename(file, '.ts'))}`.slice(
+          0,
+          150,
+        ),
+        description: `Angular compliance: ${testCase.description}`,
+        className: firstComponentClass(source),
+        sourceCode: source,
+        skipReason: /templateUrl/.test(source)
+          ? 'external templates are not supported by the compare tool'
+          : undefined,
+        i18nUseExternalIds: options.i18nUseExternalIds,
+      })
+    }
+  }
+  return fixtures
+}
+
+const ACCEPTANCE_SKIPS: Record<string, string> = {
+  '<div i18n #ref="dir" test="Set" i18n-test="This is also a test"></div>':
+    'references a directive declared only inside the spec',
+  'Text { count }': 'intentionally invalid template (the spec expects a compile error)',
+  '{count, select, 10 {ten} other {other}':
+    'intentionally invalid ICU (the spec expects a compile error)',
+}
+
+function acceptanceFixtures(): GeneratedFixture[] {
+  const source = readFileSync(acceptanceSpec, 'utf8')
+  const sf = ts.createSourceFile('i18n_spec.ts', source, ts.ScriptTarget.Latest, true)
+  const found: { template: string; preserveWhitespaces: boolean; test: string }[] = []
+  const literal = (node: ts.Node | undefined) =>
+    node && (ts.isStringLiteral(node) || ts.isNoSubstitutionTemplateLiteral(node))
+      ? node.text
+      : undefined
+  const testName = (node: ts.Node): string => {
+    for (let n: ts.Node | undefined = node; n; n = n.parent) {
+      if (ts.isCallExpression(n) && ts.isIdentifier(n.expression) && n.expression.text === 'it') {
+        return literal(n.arguments[0]) ?? 'it'
+      }
+    }
+    return 'top-level'
+  }
+  const visit = (node: ts.Node) => {
+    if (
+      ts.isCallExpression(node) &&
+      ts.isIdentifier(node.expression) &&
+      node.expression.text === 'initWithTemplate'
+    ) {
+      const template = literal(node.arguments[1])
+      if (template !== undefined) {
+        const preserveWhitespaces = node.arguments[0].getText() === 'AppCompWithWhitespaces'
+        found.push({ template, preserveWhitespaces, test: testName(node) })
+      }
+    }
+    if (ts.isPropertyAssignment(node) && node.name.getText() === 'template') {
+      const template = literal(node.initializer)
+      if (template) {
+        const preserveWhitespaces = (node.parent as ts.ObjectLiteralExpression).properties.some(
+          (p) =>
+            p.name?.getText() === 'preserveWhitespaces' &&
+            ts.isPropertyAssignment(p) &&
+            p.initializer.kind === ts.SyntaxKind.TrueKeyword,
+        )
+        found.push({ template, preserveWhitespaces, test: testName(node) })
+      }
+    }
+    ts.forEachChild(node, visit)
+  }
+  visit(sf)
+
+  const seen = new Set<string>()
+  return found
+    .filter((c) => c.template.trim() && !seen.has(c.template) && seen.add(c.template))
+    .map((c, i) => {
+      const escaped = c.template
+        .replace(/\\/g, '\\\\')
+        .replace(/`/g, '\\`')
+        .replace(/\$\{/g, '\\${')
+      return {
+        name: `i18n-acceptance-${String(i).padStart(3, '0')}-${slug(c.test)}`.slice(0, 120),
+        description: `Angular i18n acceptance spec: ${c.test}`,
+        className: 'AppComp',
+        skipReason: ACCEPTANCE_SKIPS[c.template],
+        sourceCode: `import {Component, Directive, NO_ERRORS_SCHEMA, TemplateRef, ViewContainerRef} from '@angular/core';
+import {CommonModule} from '@angular/common';
+
+@Directive({selector: '[tplRef]'})
+export class DirectiveWithTplRef {
+  constructor(public vcRef: ViewContainerRef, public tplRef: TemplateRef<{}>) {}
+  ngOnInit() { this.vcRef.createEmbeddedView(this.tplRef, {}); }
+}
+
+@Component({
+  selector: 'app-comp',
+  imports: [CommonModule, DirectiveWithTplRef],
+  schemas: [NO_ERRORS_SCHEMA],
+  preserveWhitespaces: ${c.preserveWhitespaces},
+  template: \`${escaped}\`,
+})
+export class AppComp {
+  name = 'Angular';
+  description = 'Web Framework';
+  visible = true;
+  count = 0;
+  items = [1, 2, 3];
+}
+`,
+      }
+    })
+}
+
+function writeFixtureFile(file: string, origin: string, fixtures: GeneratedFixture[]): void {
+  const entries = fixtures.map((f) => {
+    const fields = [
+      `    name: ${JSON.stringify(f.name)},`,
+      `    category: 'i18n',`,
+      `    description: ${JSON.stringify(f.description)},`,
+      `    className: ${JSON.stringify(f.className)},`,
+      `    type: 'full-transform',`,
+      f.skipReason ? `    skipReason: ${JSON.stringify(f.skipReason)},` : undefined,
+      f.i18nUseExternalIds !== undefined
+        ? `    i18nUseExternalIds: ${f.i18nUseExternalIds},`
+        : undefined,
+      `    sourceCode: ${JSON.stringify(f.sourceCode)},`,
+    ]
+    return `  {\n${fields.filter(Boolean).join('\n')}\n  },`
+  })
+  writeFileSync(
+    join(outDir, file),
+    `/**
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular ${angularVersion}:
+ * ${origin}
+ * Do not edit by hand; re-run the script instead.
+ */
+import type { Fixture } from '../types.js'
+
+export const fixtures: Fixture[] = [
+${entries.join('\n')}
+]
+`,
+  )
+}
+
+mkdirSync(outDir, { recursive: true })
+const testCaseFiles = readdirSync(complianceDir, { recursive: true })
+  .map(String)
+  .filter((f) => basename(f) === 'TEST_CASES.json')
+  .sort()
+for (const file of testCaseFiles) {
+  const dir = dirname(file)
+  const name = dir === '.' ? 'root' : slug(dir)
+  writeFixtureFile(
+    `generated-compliance-${name}.fixture.ts`,
+    `r3_view_compiler_i18n/${file}`,
+    complianceFixtures(join(complianceDir, file)),
+  )
+}
+writeFixtureFile(
+  'generated-acceptance.fixture.ts',
+  'packages/core/test/acceptance/i18n_spec.ts',
+  acceptanceFixtures(),
+)
+console.log(`Wrote i18n fixtures to ${relative(process.cwd(), outDir)}`)

From 685ef8ca80282eb76478ca58733dfa96c17d8542 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:44:35 +0100
Subject: [PATCH 40/54] docs(compare): document known differences and the i18n
 fixture generator

---
 napi/angular-compiler/e2e/compare/README.md | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/napi/angular-compiler/e2e/compare/README.md b/napi/angular-compiler/e2e/compare/README.md
index 58b46b186..db12a1edf 100644
--- a/napi/angular-compiler/e2e/compare/README.md
+++ b/napi/angular-compiler/e2e/compare/README.md
@@ -178,6 +178,22 @@ pnpm compare --fixtures --category defer
 pnpm compare --fixtures --category control-flow --category animations
 ```
 
+### Known Differences
+
+`fixtures/known-differences.ts` lists fixtures whose output differs from Angular's in
+documented ways, with the reasons. They are reported as known differences instead of failures.
+A listed fixture that matches Angular fails, so remove its entry once the difference is fixed.
+
+### Generated i18n Fixtures
+
+The `fixtures/i18n/generated-*.fixture.ts` files are generated from Angular's own i18n tests
+(the `r3_view_compiler_i18n` compliance cases and the i18n acceptance spec). Regenerate them
+after updating Angular:
+
+```bash
+pnpm generate:i18n-fixtures [path/to/angular]  # defaults to the Angular submodule
+```
+
 ## Output Format
 
 ### Console Output

From d62ba1e3087daeb89c549e3807b7f70f64e88534 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 18:46:05 +0100
Subject: [PATCH 41/54] refactor(i18n): address clippy lints in the i18n fixes

---
 crates/oxc_angular_compiler/src/i18n/ast.rs   | 19 ++++++++++---------
 .../pipeline/phases/i18n_const_collection.rs  |  2 +-
 2 files changed, 11 insertions(+), 10 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/ast.rs b/crates/oxc_angular_compiler/src/i18n/ast.rs
index 8c804dc2c..f25e79600 100644
--- a/crates/oxc_angular_compiler/src/i18n/ast.rs
+++ b/crates/oxc_angular_compiler/src/i18n/ast.rs
@@ -413,16 +413,17 @@ pub trait Visitor {
 // Serialization
 // ============================================================================
 
-/// Serialize message nodes as Angular's `serializeMessage` does for `Message.messageString`,
-/// the text from which `$localize` message ids are computed (`computeMsgId`). Placeholders are
-/// `{$NAME}` everywhere, including inside ICUs, and a void tag keeps its empty close
-/// placeholder. This differs from the string used for code generation.
+/// Serialize message nodes as Angular's `serializeMessage` does for `Message.messageString`.
+///
+/// This is the text from which `$localize` message ids are computed (`computeMsgId`).
+/// Placeholders are `{$NAME}` everywhere, including inside ICUs, and a void tag keeps its empty
+/// close placeholder. This differs from the string used for code generation.
 pub fn serialize_message_for_id(nodes: &[Node]) -> String {
     struct MessageStringVisitor;
     impl Visitor for MessageStringVisitor {
         type Context = ();
         type Result = String;
-        fn visit_text(&mut self, text: &Text, _: &mut ()) -> String {
+        fn visit_text(&mut self, text: &Text, (): &mut ()) -> String {
             text.value.clone()
         }
         fn visit_container(&mut self, container: &Container, ctx: &mut ()) -> String {
@@ -438,10 +439,10 @@ pub fn serialize_message_for_id(nodes: &[Node]) -> String {
             let children: String = ph.children.iter().map(|c| c.visit(self, ctx)).collect();
             format!("{{${}}}{children}{{${}}}", ph.start_name, ph.close_name)
         }
-        fn visit_placeholder(&mut self, ph: &Placeholder, _: &mut ()) -> String {
+        fn visit_placeholder(&mut self, ph: &Placeholder, (): &mut ()) -> String {
             format!("{{${}}}", ph.name)
         }
-        fn visit_icu_placeholder(&mut self, ph: &IcuPlaceholder, _: &mut ()) -> String {
+        fn visit_icu_placeholder(&mut self, ph: &IcuPlaceholder, (): &mut ()) -> String {
             format!("{{${}}}", ph.name)
         }
         fn visit_block_placeholder(&mut self, ph: &BlockPlaceholder, ctx: &mut ()) -> String {
@@ -522,7 +523,7 @@ impl Visitor for LocalizeMessageStringVisitor {
             return self.format_ph(&ph.start_name);
         }
         let children: String =
-            ph.children.iter().map(|child| child.visit(self, context)).collect::<Vec<_>>().join("");
+            ph.children.iter().map(|child| child.visit(self, context)).collect::<String>();
         format!("{}{children}{}", self.format_ph(&ph.start_name), self.format_ph(&ph.close_name))
     }
 
@@ -548,7 +549,7 @@ impl Visitor for LocalizeMessageStringVisitor {
         context: &mut Self::Context,
     ) -> Self::Result {
         let children: String =
-            ph.children.iter().map(|child| child.visit(self, context)).collect::<Vec<_>>().join("");
+            ph.children.iter().map(|child| child.visit(self, context)).collect::<String>();
         format!("{}{children}{}", self.format_ph(&ph.start_name), self.format_ph(&ph.close_name))
     }
 }
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
index 46c5840b8..bb9f084c8 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
@@ -98,7 +98,7 @@ pub fn collect_i18n_consts(job: &mut ComponentCompilationJob<'_>) {
                             associated_message_id: msg_op
                                 .associated_message_id
                                 .as_ref()
-                                .map(|a| a.to_string()),
+                                .map(ToString::to_string),
                             needs_postprocessing: msg_op.needs_postprocessing,
                             sub_messages: msg_op.sub_messages.iter().copied().collect(),
                         },

From 8d99ca4749ef4331d9e1172a0807a6dd181d8e4c Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 19:14:43 +0100
Subject: [PATCH 42/54] refactor(i18n): tidy the placeholder-name plumbing

- Remove serialize_i18n_nodes and its helpers: the i18n message string
  now comes from the message factory, leaving them unused.
- Group the placeholder names taken from a message into
  MessagePlaceholderNames (icus/blocks/tags) and IcuPlaceholderNames
  (vars/interpolations) instead of five separate maps on the
  transformer.
- Merge create_message_in back into create_message with the
  parent_element parameter, rather than keeping two entry points.
---
 crates/oxc_angular_compiler/src/ast/r3.rs     | 94 -------------------
 .../oxc_angular_compiler/src/i18n/parser.rs   | 35 ++-----
 .../src/transform/html_to_r3.rs               | 92 +++++++++---------
 3 files changed, 54 insertions(+), 167 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/ast/r3.rs b/crates/oxc_angular_compiler/src/ast/r3.rs
index 2e85c74b9..a00ca346a 100644
--- a/crates/oxc_angular_compiler/src/ast/r3.rs
+++ b/crates/oxc_angular_compiler/src/ast/r3.rs
@@ -9,7 +9,6 @@ use oxc_allocator::{Allocator, Box, HashMap, Vec};
 use oxc_span::{Ident, Span};
 
 use crate::ast::expression::{ASTWithSource, AngularExpression, BindingType, ParsedEventType};
-use crate::i18n::serializer::format_i18n_placeholder_name;
 
 // ============================================================================
 // i18n Metadata
@@ -343,99 +342,6 @@ impl<'a> I18nBlockPlaceholder<'a> {
     }
 }
 
-// ============================================================================
-// i18n Message Serialization
-// ============================================================================
-
-/// Serialize i18n nodes to the $localize / goog.getMsg message format.
-///
-/// This produces a message string with placeholder markers like "{$interpolation}"
-/// for expression placeholders and "{$startTag}/{$closeTag}" for element boundaries.
-///
-/// Ported from Angular's `serialize_message` in `i18n/i18n_ast.ts`.
-pub fn serialize_i18n_nodes(nodes: &[I18nNode<'_>]) -> String {
-    let mut result = String::new();
-    for node in nodes {
-        serialize_i18n_node(node, &mut result);
-    }
-    result
-}
-
-/// Serialize a single i18n node to the message string format.
-///
-/// Placeholder names are formatted to camelCase for goog.getMsg compatibility.
-/// For example: `INTERPOLATION` -> `{$interpolation}`, `START_TAG_DIV` -> `{$startTagDiv}`
-fn serialize_i18n_node(node: &I18nNode<'_>, result: &mut String) {
-    match node {
-        I18nNode::Text(text) => {
-            result.push_str(text.value.as_str());
-        }
-        I18nNode::Container(container) => {
-            for child in container.children.iter() {
-                serialize_i18n_node(child, result);
-            }
-        }
-        I18nNode::Icu(icu) => {
-            serialize_i18n_icu(icu, result);
-        }
-        I18nNode::TagPlaceholder(ph) => {
-            let start_name = format_i18n_placeholder_name(ph.start_name.as_str(), true);
-            let close_name = format_i18n_placeholder_name(ph.close_name.as_str(), true);
-            result.push_str(&format!("{{${start_name}}}"));
-            for child in ph.children.iter() {
-                serialize_i18n_node(child, result);
-            }
-            result.push_str(&format!("{{${close_name}}}"));
-        }
-        I18nNode::Placeholder(ph) => {
-            let name = format_i18n_placeholder_name(ph.name.as_str(), true);
-            result.push_str(&format!("{{${name}}}"));
-        }
-        I18nNode::IcuPlaceholder(ph) => {
-            let name = format_i18n_placeholder_name(ph.name.as_str(), true);
-            result.push_str(&format!("{{${name}}}"));
-        }
-        I18nNode::BlockPlaceholder(ph) => {
-            let start_name = format_i18n_placeholder_name(ph.start_name.as_str(), true);
-            let close_name = format_i18n_placeholder_name(ph.close_name.as_str(), true);
-            result.push_str(&format!("{{${start_name}}}"));
-            for child in ph.children.iter() {
-                serialize_i18n_node(child, result);
-            }
-            result.push_str(&format!("{{${close_name}}}"));
-        }
-    }
-}
-
-/// Serialize an ICU expression to the message string format.
-fn serialize_i18n_icu(icu: &I18nIcu<'_>, result: &mut String) {
-    // Use expression_placeholder if available, otherwise use expression directly
-    let expr =
-        icu.expression_placeholder.as_ref().map_or_else(|| icu.expression.as_str(), |p| p.as_str());
-
-    result.push('{');
-    result.push_str(expr);
-    result.push_str(", ");
-    result.push_str(icu.icu_type.as_str());
-    result.push_str(", ");
-
-    // Serialize cases - must be sorted for deterministic output
-    let mut cases: std::vec::Vec<_> = icu.cases.iter().collect();
-    cases.sort_by(|a, b| a.0.as_str().cmp(b.0.as_str()));
-
-    for (i, (key, value)) in cases.iter().enumerate() {
-        if i > 0 {
-            result.push(' ');
-        }
-        result.push_str(key.as_str());
-        result.push_str(" {");
-        serialize_i18n_node(value, result);
-        result.push('}');
-    }
-
-    result.push('}');
-}
-
 // ============================================================================
 // Core Node Enum
 // ============================================================================
diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index ee27f3517..615d3b0db 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -80,30 +80,11 @@ impl I18nMessageFactory {
     }
 
     /// Converts HTML nodes to an i18n Message.
-    pub fn create_message(
-        &self,
-        nodes: &[HtmlNode<'_>],
-        meaning: Option<&str>,
-        description: Option<&str>,
-        custom_id: Option<&str>,
-        visit_node_fn: Option<VisitNodeFn>,
-        source_file: Arc<ParseSourceFile>,
-    ) -> Message {
-        self.create_message_in(
-            nodes,
-            None,
-            meaning,
-            description,
-            custom_id,
-            visit_node_fn,
-            source_file,
-        )
-    }
-
-    /// Converts the children of an element with the given full name (such as `:svg:text`) to
-    /// an i18n Message, so elements inherit its namespace as in Angular's HTML parser.
+    ///
+    /// `parent_element` is the full name (such as `:svg:text`) of the element whose children
+    /// these nodes are, from which child elements inherit their namespace.
     #[expect(clippy::too_many_arguments)]
-    pub fn create_message_in(
+    pub fn create_message(
         &self,
         nodes: &[HtmlNode<'_>],
         parent_element: Option<&str>,
@@ -932,7 +913,7 @@ mod tests {
     fn test_create_simple_message() {
         let factory = create_i18n_message_factory(false, false);
         let source_file = Arc::new(ParseSourceFile::new("", "<test>"));
-        let message = factory.create_message(&[], None, None, None, None, source_file);
+        let message = factory.create_message(&[], None, None, None, None, None, source_file);
         assert!(message.nodes.is_empty());
     }
 
@@ -957,7 +938,7 @@ mod tests {
 
         let nodes = vec![HtmlNode::Text(Box::new_in(text, &allocator))];
         let source_file = Arc::new(ParseSourceFile::new("Hello {{name}}!", "<test>"));
-        let message = factory.create_message(&nodes, None, None, None, None, source_file);
+        let message = factory.create_message(&nodes, None, None, None, None, None, source_file);
 
         // Should have one Container with Text, Placeholder, Text inside
         assert_eq!(message.nodes.len(), 1);
@@ -988,7 +969,7 @@ mod tests {
 
         let nodes = vec![HtmlNode::Text(Box::new_in(text, &allocator))];
         let source_file = Arc::new(ParseSourceFile::new("Hello World", "<test>"));
-        let message = factory.create_message(&nodes, None, None, None, None, source_file);
+        let message = factory.create_message(&nodes, None, None, None, None, None, source_file);
 
         // Should have one Text node
         assert_eq!(message.nodes.len(), 1);
@@ -1009,7 +990,7 @@ mod tests {
 
         let nodes = vec![HtmlNode::Text(Box::new_in(text, &allocator))];
         let source_file = Arc::new(ParseSourceFile::new("{{greeting}} {{name}}!", "<test>"));
-        let message = factory.create_message(&nodes, None, None, None, None, source_file);
+        let message = factory.create_message(&nodes, None, None, None, None, None, source_file);
 
         // Should have Container with multiple placeholders
         assert_eq!(message.nodes.len(), 1);
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 33ca13560..f73efab1c 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -166,25 +166,37 @@ pub struct HtmlToR3Transform<'a> {
     /// an ICU. That ICU is the element's message rather than a sub-message, so it reuses the
     /// element's message (Angular's I18nMetaVisitor: `currentMessage || meta`).
     sole_icu_message: Option<(String, u32)>,
-    /// Placeholder names of the ICU being visited, keyed by their interpolation text
-    /// (e.g. `{{count}}` -> `INTERPOLATION`), from the ICU's i18n message.
-    icu_interpolation_names: FxHashMap<String, String>,
-    /// `VAR_*` placeholder names of the ICU being visited and its nested ICUs, from the ICU's
-    /// i18n message, keyed by the start offset of each switch expression.
-    icu_var_names: FxHashMap<u32, String>,
-    /// ICU placeholder names (`ICU`, `ICU_1`, ...) from the enclosing i18n message, keyed by
-    /// the ICU's start offset.
-    icu_placeholder_names: FxHashMap<u32, String>,
-    /// Block placeholder start/close names (`START_BLOCK_IF`, `CLOSE_BLOCK_IF`, ...) from the
-    /// enclosing i18n message, keyed by the block's start offset.
-    block_placeholder_names: FxHashMap<u32, (String, String)>,
-    /// Tag placeholder start/close names from the enclosing i18n message, keyed by the
-    /// element's start offset.
-    tag_placeholder_names: FxHashMap<u32, (String, String)>,
+    /// Placeholder names from the enclosing i18n message.
+    message_names: MessagePlaceholderNames,
+    /// Placeholder names from the message of the ICU being visited.
+    icu_names: IcuPlaceholderNames,
     /// Full names (`:svg:svg`) of the enclosing elements, for i18n placeholder names.
     element_full_names: std::vec::Vec<String>,
 }
 
+/// Placeholder names taken from an i18n message, keyed by source offset, so that the r3 AST
+/// uses the same names as the message: Angular's placeholder registry numbers them per message.
+#[derive(Default)]
+struct MessagePlaceholderNames {
+    /// ICU placeholder names (`ICU`, `ICU_1`, ...), keyed by the ICU's start offset.
+    icus: FxHashMap<u32, String>,
+    /// Block start and close names (`START_BLOCK_IF`, `CLOSE_BLOCK_IF`, ...), keyed by the
+    /// block's start offset.
+    blocks: FxHashMap<u32, (String, String)>,
+    /// Tag start and close names, keyed by the element's start offset.
+    tags: FxHashMap<u32, (String, String)>,
+}
+
+/// Placeholder names taken from the message of the ICU being visited.
+#[derive(Default)]
+struct IcuPlaceholderNames {
+    /// `VAR_*` names of the ICU and its nested ICUs, keyed by the start offset of each switch
+    /// expression.
+    vars: FxHashMap<u32, String>,
+    /// Interpolation placeholder names, keyed by their interpolation text (`{{count}}`).
+    interpolations: FxHashMap<String, String>,
+}
+
 #[derive(Debug, Clone, Copy, PartialEq, Eq)]
 enum ElementNamespace {
     Html,
@@ -216,11 +228,8 @@ impl<'a> HtmlToR3Transform<'a> {
             i18n_placeholder_registry: PlaceholderRegistry::new(),
             i18n_message_instance_counter: 0,
             sole_icu_message: None,
-            icu_interpolation_names: FxHashMap::default(),
-            icu_var_names: FxHashMap::default(),
-            icu_placeholder_names: FxHashMap::default(),
-            block_placeholder_names: FxHashMap::default(),
-            tag_placeholder_names: FxHashMap::default(),
+            message_names: MessagePlaceholderNames::default(),
+            icu_names: IcuPlaceholderNames::default(),
             element_full_names: std::vec::Vec::new(),
         }
     }
@@ -423,7 +432,7 @@ impl<'a> HtmlToR3Transform<'a> {
                 };
                 let custom_id = attr.value.find("@@").map(|pos| &attr.value.as_str()[pos + 2..]);
 
-                let message = factory.create_message_in(
+                let message = factory.create_message(
                     &element.children,
                     Some(&full_name),
                     meaning,
@@ -432,12 +441,7 @@ impl<'a> HtmlToR3Transform<'a> {
                     None,
                     source_file,
                 );
-                collect_placeholder_names(
-                    &message.nodes,
-                    &mut self.icu_placeholder_names,
-                    &mut self.block_placeholder_names,
-                    &mut self.tag_placeholder_names,
-                );
+                collect_placeholder_names(&message.nodes, &mut self.message_names);
                 message.serialize()
             }
         } else {
@@ -1253,7 +1257,7 @@ impl<'a> HtmlToR3Transform<'a> {
     /// The `VAR_*` name of the ICU whose switch expression starts at `start`, from the ICU's
     /// message, or a newly generated one.
     fn icu_var_name(&mut self, start: u32, base_name: &str) -> String {
-        match self.icu_var_names.remove(&start) {
+        match self.icu_names.vars.remove(&start) {
             // Angular's visitExpansion trims the key: `{count, select , ...}` is named
             // "VAR_SELECT " in the message but the var is VAR_SELECT.
             Some(name) => name.trim().to_string(),
@@ -1315,13 +1319,13 @@ impl<'a> HtmlToR3Transform<'a> {
         // vars, interpolations become bound text, and element markup becomes plain text.
         let (vars, others): (std::vec::Vec<_>, std::vec::Vec<_>) =
             icu_message.placeholders.into_iter().partition(|(name, _)| name.starts_with("VAR_"));
-        self.icu_var_names = vars
+        self.icu_names.vars = vars
             .into_iter()
             .map(|(name, placeholder)| (placeholder.source_span.start.offset, name))
             .collect();
         let (interpolations, mut tags): (std::vec::Vec<_>, std::vec::Vec<_>) =
             others.into_iter().partition(|(_, placeholder)| placeholder.text.starts_with("{{"));
-        self.icu_interpolation_names = interpolations
+        self.icu_names.interpolations = interpolations
             .into_iter()
             .map(|(name, placeholder)| (placeholder.text, name))
             .collect();
@@ -1359,10 +1363,7 @@ impl<'a> HtmlToR3Transform<'a> {
                 self.allocator,
             ),
             name: Ident::from_in(
-                self.icu_placeholder_names
-                    .remove(&expansion.span.start)
-                    .as_deref()
-                    .unwrap_or("ICU"),
+                self.message_names.icus.remove(&expansion.span.start).as_deref().unwrap_or("ICU"),
                 self.allocator,
             ),
             source_span: expansion.span,
@@ -1544,7 +1545,8 @@ impl<'a> HtmlToR3Transform<'a> {
                     let parse_result = self.binding_parser.parse_binding(value_str, interp_span);
 
                     let placeholder_key = Ident::from_in(
-                        self.icu_interpolation_names
+                        self.icu_names
+                            .interpolations
                             .get(interpolation)
                             .map_or(interpolation, String::as_str),
                         self.allocator,
@@ -2058,7 +2060,7 @@ impl<'a> HtmlToR3Transform<'a> {
         }
 
         // Use the names from the enclosing i18n message, as Angular does.
-        if let Some((start, close)) = self.block_placeholder_names.remove(&source_span.start) {
+        if let Some((start, close)) = self.message_names.blocks.remove(&source_span.start) {
             let mut params = Vec::new_in(self.allocator);
             params.extend(parameters.iter().copied());
             return Some(I18nMeta::BlockPlaceholder(I18nBlockPlaceholder {
@@ -4253,7 +4255,7 @@ impl<'a> HtmlToR3Transform<'a> {
 
         // Use the names from the enclosing i18n message, as Angular does.
         let (start_name, close_name) =
-            self.tag_placeholder_names.remove(&element.span.start).unwrap_or_else(|| {
+            self.message_names.tags.remove(&element.span.start).unwrap_or_else(|| {
                 let start_name = self
                     .i18n_placeholder_registry
                     .get_start_tag_placeholder_name(tag_name, &attrs, is_void);
@@ -4923,32 +4925,30 @@ fn is_style_url_resolvable(url: &str) -> bool {
 /// `getStartBlockPlaceholderName(...)`), giving `ICU_1`, `START_BLOCK_IF_1`, ... as needed.
 fn collect_placeholder_names(
     nodes: &[crate::i18n::ast::Node],
-    icus: &mut FxHashMap<u32, String>,
-    blocks: &mut FxHashMap<u32, (String, String)>,
-    tags: &mut FxHashMap<u32, (String, String)>,
+    names: &mut MessagePlaceholderNames,
 ) {
     use crate::i18n::ast::Node;
     for node in nodes {
         match node {
             Node::IcuPlaceholder(ph) => {
-                icus.insert(ph.source_span.start.offset, ph.name.clone());
+                names.icus.insert(ph.source_span.start.offset, ph.name.clone());
             }
             Node::Container(container) => {
-                collect_placeholder_names(&container.children, icus, blocks, tags);
+                collect_placeholder_names(&container.children, names);
             }
             Node::TagPlaceholder(tag) => {
-                tags.insert(
+                names.tags.insert(
                     tag.source_span.start.offset,
                     (tag.start_name.clone(), tag.close_name.clone()),
                 );
-                collect_placeholder_names(&tag.children, icus, blocks, tags);
+                collect_placeholder_names(&tag.children, names);
             }
             Node::BlockPlaceholder(block) => {
-                blocks.insert(
+                names.blocks.insert(
                     block.source_span.start.offset,
                     (block.start_name.clone(), block.close_name.clone()),
                 );
-                collect_placeholder_names(&block.children, icus, blocks, tags);
+                collect_placeholder_names(&block.children, names);
             }
             Node::Text(_) | Node::Icu(_) | Node::Placeholder(_) => {}
         }

From bb983722cbf47c1189710efd449ec25e0f2d4564 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 19:16:27 +0100
Subject: [PATCH 43/54] test(i18n): add failing test for literal
 placeholder-like text

Angular keeps `{$notAPlaceholder}` in an i18n message as text; oxc
treats it as a placeholder, dropping the text from $localize and
case-folding it in goog.getMsg.
---
 .../tests/integration_test.rs                   | 17 +++++++++++++++++
 1 file changed, 17 insertions(+)

diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 38a394282..1baf06388 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4840,6 +4840,23 @@ fn test_i18n_attribute_on_ng_template_uses_bindings_marker() {
     assert_contains(&js, r#"return [["title",i18n_0],[3,"title"]]"#);
 }
 
+/// Text that looks like a placeholder marker stays literal text. Angular 22.1.5 for
+/// `&#123;$notAPlaceholder&#125; {{ name }}`:
+///   goog.getMsg("{$notAPlaceholder} {$interpolation}", { "interpolation": "\uFFFD0\uFFFD" })
+///   $localize `{$notAPlaceholder} ${"\uFFFD0\uFFFD"}:INTERPOLATION:`
+#[test]
+fn test_i18n_literal_placeholder_like_text() {
+    let js = compile_i18n_component("<div i18n>&#123;$notAPlaceholder&#125; {{ name }}</div>");
+    assert_contains(
+        &js,
+        "goog.getMsg(\"{$notAPlaceholder} {$interpolation}\",{\"interpolation\":\"\u{FFFD}0\u{FFFD}\"})",
+    );
+    assert_contains(
+        &js,
+        "__tpl([\"{$notAPlaceholder} \", \":INTERPOLATION:\"], [\"{$notAPlaceholder} \", \":INTERPOLATION:\"]), \"\u{FFFD}0\u{FFFD}\")",
+    );
+}
+
 #[test]
 fn test_nested_if_listener_ctx_reference() {
     // Test: nested @if where a listener in the inner @if accesses component properties.

From 44b6a595e92b0faccadf1760f29de121acac0120 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 19:18:55 +0100
Subject: [PATCH 44/54] fix(i18n): keep text that looks like a placeholder
 marker

`&#123;$notAPlaceholder&#125;` in an i18n message was treated as a
placeholder: $localize replaced it with an empty substitution and
goog.getMsg case-folded it, so the text was lost and the message id
was wrong. The message string cannot tell `{$NAME}` markers from text
that looks like one.

Escape `{$` and `{\` in message text when serializing the message
string, and unescape when generating goog.getMsg and $localize. The
serializer used for message ids is Angular's and stays unescaped.
---
 crates/oxc_angular_compiler/src/i18n/ast.rs   |  9 +++++++-
 .../pipeline/phases/i18n_const_collection.rs  | 23 +++++++++++--------
 .../tests/integration_test.rs                 | 13 ++++++-----
 3 files changed, 29 insertions(+), 16 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/ast.rs b/crates/oxc_angular_compiler/src/i18n/ast.rs
index f25e79600..ca5b91125 100644
--- a/crates/oxc_angular_compiler/src/i18n/ast.rs
+++ b/crates/oxc_angular_compiler/src/i18n/ast.rs
@@ -480,12 +480,19 @@ impl LocalizeMessageStringVisitor {
     }
 }
 
+/// Escapes message text so that code generation can tell `{$NAME}` placeholder markers from
+/// text that looks like one, such as `{$notAPlaceholder}`: `{\` becomes `{\\` and `{$`
+/// becomes `{\$`.
+pub fn escape_placeholder_markers(text: &str) -> String {
+    text.replace("{\\", "{\\\\").replace("{$", "{\\$")
+}
+
 impl Visitor for LocalizeMessageStringVisitor {
     type Context = ();
     type Result = String;
 
     fn visit_text(&mut self, text: &Text, _context: &mut Self::Context) -> Self::Result {
-        text.value.clone()
+        escape_placeholder_markers(&text.value)
     }
 
     fn visit_container(
diff --git a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
index bb9f084c8..fdf24f658 100644
--- a/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
+++ b/crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs
@@ -653,18 +653,14 @@ fn generate_message_from_params(params: &[(String, I18nParamExpr)]) -> String {
 /// Converts a stored message string to goog.getMsg format by writing each `{$NAME}` placeholder
 /// in camelCase, as Angular's `GetMsgSerializerVisitor` does.
 fn to_get_msg_string(message: &str) -> String {
-    let mut result = String::with_capacity(message.len());
-    let mut rest = message;
-    while let Some(start) = rest.find("{$") {
-        let Some(len) = rest[start..].find('}') else { break };
-        result.push_str(&rest[..start]);
-        let name = &rest[start + 2..start + len];
+    let (text_parts, placeholders) = parse_message_string(message);
+    let mut result = text_parts.first().cloned().unwrap_or_default();
+    for (i, placeholder) in placeholders.iter().enumerate() {
         result.push_str("{$");
-        result.push_str(&format_i18n_placeholder_name(name, true));
+        result.push_str(&format_i18n_placeholder_name(placeholder, true));
         result.push('}');
-        rest = &rest[start + len + 1..];
+        result.push_str(text_parts.get(i + 1).map_or("", String::as_str));
     }
-    result.push_str(rest);
     result
 }
 
@@ -788,6 +784,15 @@ fn parse_message_string(message: &str) -> (Vec<String>, Vec<String>) {
     let mut chars = message.chars().peekable();
 
     while let Some(ch) = chars.next() {
+        // Text that looks like a marker is escaped by the message serializer.
+        if ch == '{' && chars.peek() == Some(&'\\') {
+            chars.next();
+            current_text.push('{');
+            if let Some(escaped) = chars.next() {
+                current_text.push(escaped);
+            }
+            continue;
+        }
         if ch == '{' && chars.peek() == Some(&'$') {
             // Start of placeholder: {$NAME}
             text_parts.push(current_text);
diff --git a/crates/oxc_angular_compiler/tests/integration_test.rs b/crates/oxc_angular_compiler/tests/integration_test.rs
index 1baf06388..100436cc0 100644
--- a/crates/oxc_angular_compiler/tests/integration_test.rs
+++ b/crates/oxc_angular_compiler/tests/integration_test.rs
@@ -4841,19 +4841,20 @@ fn test_i18n_attribute_on_ng_template_uses_bindings_marker() {
 }
 
 /// Text that looks like a placeholder marker stays literal text. Angular 22.1.5 for
-/// `&#123;$notAPlaceholder&#125; {{ name }}`:
-///   goog.getMsg("{$notAPlaceholder} {$interpolation}", { "interpolation": "\uFFFD0\uFFFD" })
-///   $localize `{$notAPlaceholder} ${"\uFFFD0\uFFFD"}:INTERPOLATION:`
+/// `&#123;\\path and &#123;$x&#125; {{ name }}`:
+///   goog.getMsg("{\\\\path and {$x} {$interpolation}", { "interpolation": "\\uFFFD0\\uFFFD" })
+///   __makeTemplateObject(["{\\\\path and {$x} ", ":INTERPOLATION:"],
+///                        ["{\\\\\\\\path and {$x} ", ":INTERPOLATION:"])
 #[test]
 fn test_i18n_literal_placeholder_like_text() {
-    let js = compile_i18n_component("<div i18n>&#123;$notAPlaceholder&#125; {{ name }}</div>");
+    let js = compile_i18n_component(r"<div i18n>&#123;\\path and &#123;$x&#125; {{ name }}</div>");
     assert_contains(
         &js,
-        "goog.getMsg(\"{$notAPlaceholder} {$interpolation}\",{\"interpolation\":\"\u{FFFD}0\u{FFFD}\"})",
+        "goog.getMsg(\"{\\\\path and {$x} {$interpolation}\",{\"interpolation\":\"\u{FFFD}0\u{FFFD}\"})",
     );
     assert_contains(
         &js,
-        "__tpl([\"{$notAPlaceholder} \", \":INTERPOLATION:\"], [\"{$notAPlaceholder} \", \":INTERPOLATION:\"]), \"\u{FFFD}0\u{FFFD}\")",
+        "__tpl([\"{\\\\path and {$x} \", \":INTERPOLATION:\"], [\"{\\\\\\\\path and {$x} \", \":INTERPOLATION:\"]), \"\u{FFFD}0\u{FFFD}\")",
     );
 }
 

From 30aa85323d6929c58e7ea1e519702e5d53e103b2 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 19:38:42 +0100
Subject: [PATCH 45/54] fix(i18n): clear the sole-ICU message after visiting an
 element's children

The i18n message an element shares with its only ICU child is consumed
by that child. Clear it afterwards so it cannot be picked up by a later
ICU if the child is ever not visited.
---
 crates/oxc_angular_compiler/src/transform/html_to_r3.rs | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index f73efab1c..2369f8cb1 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -493,6 +493,8 @@ impl<'a> HtmlToR3Transform<'a> {
         self.element_full_names.push(full_name);
         let children = self.visit_children(&element.children);
         self.element_full_names.pop();
+        // Consumed by the ICU child, if any; do not leak it to a later ICU.
+        self.sole_icu_message = None;
 
         // Decrement non_bindable depth if we incremented it
         if has_non_bindable {

From b69f7e9ccab86c6844a4c772dce55bc3afe926e0 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 19:42:48 +0100
Subject: [PATCH 46/54] refactor(compare): type the static field comparison
 like the rest of the file

Use NormAstNode and unknown instead of any in the new AST comparison
and class field extraction.
---
 .../e2e/compare/src/compare.ts                | 139 +++++++++---------
 1 file changed, 72 insertions(+), 67 deletions(-)

diff --git a/napi/angular-compiler/e2e/compare/src/compare.ts b/napi/angular-compiler/e2e/compare/src/compare.ts
index 5600c7d4e..72eb3fe2f 100644
--- a/napi/angular-compiler/e2e/compare/src/compare.ts
+++ b/napi/angular-compiler/e2e/compare/src/compare.ts
@@ -2150,29 +2150,30 @@ function compareExports(
  */
 function extractClassStaticFields(program: Program, sourceCode: string): StaticFieldAssignment[] {
   const fields: StaticFieldAssignment[] = []
-  for (const statement of program.body as any[]) {
-    const cls =
-      statement.type === 'ClassDeclaration'
-        ? statement
-        : statement.type === 'ExportNamedDeclaration' ||
-            statement.type === 'ExportDefaultDeclaration'
-          ? statement.declaration
-          : undefined
-    if (cls?.type !== 'ClassDeclaration' || !cls.id?.name) continue
-    for (const member of cls.body.body) {
+  for (const statement of program.body as unknown as NormAstNode[]) {
+    const exported =
+      statement.type === 'ExportNamedDeclaration' || statement.type === 'ExportDefaultDeclaration'
+    const cls = (exported ? statement.declaration : statement) as NormAstNode | undefined
+    const className = (cls?.id as NormAstNode | undefined)?.name
+    if (cls?.type !== 'ClassDeclaration' || typeof className !== 'string') continue
+    for (const member of (cls.body as NormAstNode).body as NormAstNode[]) {
+      const key = member.key as NormAstNode | undefined
+      const value = member.value as NormAstNode | undefined
       if (
         member.type !== 'PropertyDefinition' ||
         !member.static ||
-        member.key?.type !== 'Identifier' ||
-        !member.key.name.startsWith('ɵ') ||
-        !member.value
+        key?.type !== 'Identifier' ||
+        typeof key.name !== 'string' ||
+        !key.name.startsWith('ɵ') ||
+        value?.start === undefined ||
+        value.end === undefined
       ) {
         continue
       }
       // oxc-parser's JS API reports UTF-16 offsets, so they index the string directly. Keep
       // whitespace: collapsing it would also change multi-line template literals.
-      const value = sourceCode.slice(member.value.start, member.value.end).trim()
-      fields.push({ className: cls.id.name, fieldName: member.key.name, value })
+      const text = sourceCode.slice(value.start, value.end).trim()
+      fields.push({ className, fieldName: key.name, value: text })
     }
   }
   return fields
@@ -2721,99 +2722,103 @@ function canonicalStaticFieldValue(value: string): string | null {
   if (result.errors.length > 0) {
     return null
   }
-  const statement = result.program.body[0] as any
-  const closureNames = new Map<string, string>()
-  return normalizeAst(canonicalizeNode(statement.expression, closureNames))
+  const statement = result.program.body[0] as NormAstNode
+  return normalizeAst(canonicalizeNode(statement.expression, new Map()))
 }
 
-function stringElements(node: any): string[] | null {
-  if (node?.type !== 'ArrayExpression') return null
-  const strings = node.elements.map((e: any) =>
-    e?.type === 'Literal' && typeof e.value === 'string' ? e.value : null,
+/** The string values of an array of string literals, or null if it is not one. */
+function stringElements(node: unknown): string[] | null {
+  const array = node as NormAstNode
+  if (array?.type !== 'ArrayExpression') return null
+  const strings = (array.elements as NormAstNode[]).map((element) =>
+    element?.type === 'Literal' && typeof element.value === 'string' ? element.value : null,
   )
-  return strings.every((s: string | null) => s !== null) ? strings : null
+  return strings.every((value) => value !== null) ? (strings as string[]) : null
 }
 
-function canonicalizeNode(node: any, closureNames: Map<string, string>): any {
+function canonicalizeNode(node: unknown, closureNames: Map<string, string>): unknown {
   if (Array.isArray(node)) {
-    return node.map((n) => canonicalizeNode(n, closureNames))
+    return node.map((element) => canonicalizeNode(element, closureNames))
   }
   if (node === null || typeof node !== 'object') {
     return node
   }
+  const ast = node as NormAstNode
+  const child = (value: unknown) => value as NormAstNode | undefined
+  const children = (value: unknown) => (value ?? []) as NormAstNode[]
+  const args = children(ast.arguments)
+
   // `() => {...}` and `function () {...}` without a name behave the same here.
   if (
-    (node.type === 'ArrowFunctionExpression' && node.body?.type === 'BlockStatement') ||
-    (node.type === 'FunctionExpression' && !node.id)
+    (ast.type === 'ArrowFunctionExpression' && child(ast.body)?.type === 'BlockStatement') ||
+    (ast.type === 'FunctionExpression' && !ast.id)
   ) {
     return {
       type: 'AnonymousFunction',
-      params: canonicalizeNode(node.params, closureNames),
-      body: canonicalizeNode(node.body, closureNames),
+      params: canonicalizeNode(ast.params, closureNames),
+      body: canonicalizeNode(ast.body, closureNames),
     }
   }
+
   // $localize`...`
-  if (
-    node.type === 'TaggedTemplateExpression' &&
-    node.tag?.type === 'Identifier' &&
-    node.tag.name === '$localize'
-  ) {
+  if (ast.type === 'TaggedTemplateExpression' && child(ast.tag)?.name === '$localize') {
+    const quasi = child(ast.quasi)
     return {
       type: 'Localize',
-      cooked: node.quasi.quasis.map((q: any) => q.value.cooked),
-      rawStrings: node.quasi.quasis.map((q: any) => q.value.raw),
-      substitutions: canonicalizeNode(node.quasi.expressions, closureNames),
+      cooked: children(quasi?.quasis).map((part) => child(part.value)?.cooked),
+      rawStrings: children(quasi?.quasis).map((part) => child(part.value)?.raw),
+      substitutions: canonicalizeNode(quasi?.expressions, closureNames),
     }
   }
+
   // $localize(__makeTemplateObject([cooked], [raw]), ...substitutions)
-  if (
-    node.type === 'CallExpression' &&
-    node.callee?.type === 'Identifier' &&
-    node.callee.name === '$localize' &&
-    node.arguments[0]?.type === 'CallExpression' &&
-    node.arguments[0].arguments.length === 2
-  ) {
-    const cooked = stringElements(node.arguments[0].arguments[0])
-    const raw = stringElements(node.arguments[0].arguments[1])
+  if (ast.type === 'CallExpression' && child(ast.callee)?.name === '$localize') {
+    const [cookedArg, rawArg] = children(args[0]?.arguments)
+    const cooked = stringElements(cookedArg)
+    const raw = stringElements(rawArg)
     if (cooked && raw) {
       return {
         type: 'Localize',
         cooked,
         rawStrings: raw,
-        substitutions: canonicalizeNode(node.arguments.slice(1), closureNames),
+        substitutions: canonicalizeNode(args.slice(1), closureNames),
       }
     }
   }
+
   // goog.getMsg(message, params, { original_code: {...} }): the third argument is Closure-only.
+  const callee = child(ast.callee)
   if (
-    node.type === 'CallExpression' &&
-    node.callee?.type === 'MemberExpression' &&
-    node.callee.object?.name === 'goog' &&
-    node.callee.property?.name === 'getMsg' &&
-    node.arguments.length === 3 &&
-    node.arguments[2]?.type === 'ObjectExpression' &&
-    node.arguments[2].properties.some((p: any) => p.key?.name === 'original_code')
+    ast.type === 'CallExpression' &&
+    callee?.type === 'MemberExpression' &&
+    child(callee.object)?.name === 'goog' &&
+    child(callee.property)?.name === 'getMsg' &&
+    args.length === 3 &&
+    args[2].type === 'ObjectExpression' &&
+    children(args[2].properties).some((property) => child(property.key)?.name === 'original_code')
   ) {
-    return canonicalizeNode({ ...node, arguments: node.arguments.slice(0, 2) }, closureNames)
+    return canonicalizeNode({ ...ast, arguments: args.slice(0, 2) }, closureNames)
   }
+
   // Closure translation variable names: compare them by order of appearance.
-  if (node.type === 'Identifier' && node.name.startsWith('MSG_')) {
-    if (!closureNames.has(node.name)) closureNames.set(node.name, `MSG_${closureNames.size}`)
-    return { type: 'Identifier', name: closureNames.get(node.name) }
+  if (ast.type === 'Identifier' && typeof ast.name === 'string' && ast.name.startsWith('MSG_')) {
+    if (!closureNames.has(ast.name)) {
+      closureNames.set(ast.name, `MSG_${closureNames.size}`)
+    }
+    return { type: 'Identifier', name: closureNames.get(ast.name) }
   }
+
   // ɵɵdefinePipe({ pure: true }) is the default.
-  if (node.type === 'ObjectExpression') {
-    const properties = node.properties.filter(
-      (p: any) =>
-        !(p.key?.name === 'pure' && p.value?.type === 'Literal' && p.value.value === true),
+  if (ast.type === 'ObjectExpression') {
+    const properties = children(ast.properties).filter(
+      (property) =>
+        !(child(property.key)?.name === 'pure' && child(property.value)?.value === true),
     )
-    return {
-      ...node,
-      properties: canonicalizeNode(properties, closureNames),
-    }
+    return { ...ast, properties: canonicalizeNode(properties, closureNames) }
   }
+
   const result: Record<string, unknown> = {}
-  for (const [key, value] of Object.entries(node)) {
+  for (const [key, value] of Object.entries(ast)) {
     result[key] = canonicalizeNode(value, closureNames)
   }
   return result

From 7084fadfb148f4aa939e0d4d85fbbdaa3f0796ea Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 19:54:35 +0100
Subject: [PATCH 47/54] test(compare): regenerate i18n fixtures from the
 Angular submodule

The fixtures were generated from a 22.1.5 checkout; regenerate from the
repository's submodule (22.0.0) so that `pnpm generate:i18n-fixtures`
with no arguments reproduces them. Only the version header differs: the
i18n test cases are identical in both.
---
 .../e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts   | 2 +-
 .../fixtures/i18n/generated-compliance-blocks.fixture.ts        | 2 +-
 .../i18n/generated-compliance-element-attributes.fixture.ts     | 2 +-
 .../fixtures/i18n/generated-compliance-es5-support.fixture.ts   | 2 +-
 .../fixtures/i18n/generated-compliance-icu-logic.fixture.ts     | 2 +-
 .../generated-compliance-line-ending-normalization.fixture.ts   | 2 +-
 .../generated-compliance-localize-legacy-message-ids.fixture.ts | 2 +-
 .../fixtures/i18n/generated-compliance-namespaces.fixture.ts    | 2 +-
 .../fixtures/i18n/generated-compliance-nested-nodes.fixture.ts  | 2 +-
 .../generated-compliance-ng-container-ng-template.fixture.ts    | 2 +-
 .../compare/fixtures/i18n/generated-compliance-root.fixture.ts  | 2 +-
 ...nerated-compliance-self-closing-i18n-instructions.fixture.ts | 2 +-
 .../generated-compliance-whitespace-preserving-mode.fixture.ts  | 2 +-
 13 files changed, 13 insertions(+), 13 deletions(-)

diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts
index a08728cb7..47ed2fc5c 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-acceptance.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * packages/core/test/acceptance/i18n_spec.ts
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-blocks.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-blocks.fixture.ts
index 0e1992dca..43f30cfb9 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-blocks.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-blocks.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/blocks/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
index ff4f7e4f2..798bfa4c5 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/element_attributes/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-es5-support.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-es5-support.fixture.ts
index e37a049fe..8e3c77fa4 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-es5-support.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-es5-support.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/es5_support/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-icu-logic.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-icu-logic.fixture.ts
index 0e5863ae0..4c2dea0f3 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-icu-logic.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-icu-logic.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/icu_logic/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-line-ending-normalization.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-line-ending-normalization.fixture.ts
index aea50d922..83ceab6f5 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-line-ending-normalization.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-line-ending-normalization.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/line_ending_normalization/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-localize-legacy-message-ids.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-localize-legacy-message-ids.fixture.ts
index 4dfd549f8..4f00c2e17 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-localize-legacy-message-ids.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-localize-legacy-message-ids.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/localize_legacy_message_ids/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-namespaces.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-namespaces.fixture.ts
index 59a4b06ab..b2a726ba3 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-namespaces.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-namespaces.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/namespaces/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-nested-nodes.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-nested-nodes.fixture.ts
index 2931e9bd4..5f3b5fe5a 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-nested-nodes.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-nested-nodes.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/nested_nodes/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-ng-container-ng-template.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-ng-container-ng-template.fixture.ts
index c0d92f237..b87ecfdf1 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-ng-container-ng-template.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-ng-container-ng-template.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/ng-container_ng-template/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-root.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-root.fixture.ts
index ddeac7999..436c3c984 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-root.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-root.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-self-closing-i18n-instructions.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-self-closing-i18n-instructions.fixture.ts
index 92983ca89..5f61c499c 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-self-closing-i18n-instructions.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-self-closing-i18n-instructions.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/self-closing_i18n_instructions/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */
diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-whitespace-preserving-mode.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-whitespace-preserving-mode.fixture.ts
index e77edf411..d7c0be537 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-whitespace-preserving-mode.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-whitespace-preserving-mode.fixture.ts
@@ -1,5 +1,5 @@
 /**
- * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.1.5:
+ * Generated by scripts/generate-i18n-fixtures.ts from Angular 22.0.0:
  * r3_view_compiler_i18n/whitespace_preserving_mode/TEST_CASES.json
  * Do not edit by hand; re-run the script instead.
  */

From 6852ba0c9a5f6e53ba505683fe7950140ea2b0f4 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 20:20:14 +0100
Subject: [PATCH 48/54] perf(i18n): avoid allocating a full element name per
 element

element_full_name allocated a String for every element in the template,
including the common case of an un-namespaced tag in a non-i18n template
where the name is returned unchanged. Returning a Cow borrows the name
unless a namespace prefix has to be prepended.
---
 .../oxc_angular_compiler/src/i18n/parser.rs   | 20 ++++++++++---------
 .../src/transform/html_to_r3.rs               |  6 +++---
 2 files changed, 14 insertions(+), 12 deletions(-)

diff --git a/crates/oxc_angular_compiler/src/i18n/parser.rs b/crates/oxc_angular_compiler/src/i18n/parser.rs
index 615d3b0db..f798b2af5 100644
--- a/crates/oxc_angular_compiler/src/i18n/parser.rs
+++ b/crates/oxc_angular_compiler/src/i18n/parser.rs
@@ -4,6 +4,7 @@
 //!
 //! Ported from Angular's `i18n/i18n_parser.ts`.
 
+use std::borrow::Cow;
 use std::sync::Arc;
 
 use indexmap::IndexMap;
@@ -609,7 +610,7 @@ impl I18nMessageFactory {
     ) -> Option<Node> {
         // Angular names placeholders from the element's full name (`:svg:circle`).
         let full_name = element_full_name(element.name.as_str(), context.parent_element.as_deref());
-        let tag_name = full_name.as_str();
+        let tag_name: &str = &full_name;
         let is_void = is_void_element(tag_name);
 
         // Convert element attributes to an IndexMap for placeholder registry (ordered for consistent serialization)
@@ -626,7 +627,7 @@ impl I18nMessageFactory {
         }
 
         // Visit children first: Angular names nested tags before their parent.
-        let parent = context.parent_element.replace(full_name.clone());
+        let parent = context.parent_element.replace(full_name.to_string());
         let children = self.visit_all(&element.children, context, visit_fn);
         context.parent_element = parent;
 
@@ -863,21 +864,22 @@ pub fn create_i18n_message_factory(
 /// An element's full name with its namespace prefix: explicit (`:xhtml:div`), implicit for the
 /// tag (`:svg:svg`) or inherited from its parent (`:svg:circle`), as Angular's HTML parser
 /// computes it in `_getElementFullName`.
-pub(crate) fn element_full_name(name: &str, parent: Option<&str>) -> String {
-    use crate::parser::html::{
-        get_html_tag_definition, get_ns_prefix, merge_ns_and_name, split_ns_name,
-    };
+pub(crate) fn element_full_name<'a>(name: &'a str, parent: Option<&str>) -> Cow<'a, str> {
+    use crate::parser::html::{get_html_tag_definition, get_ns_prefix, split_ns_name};
     if name.starts_with(':') {
-        return name.to_string();
+        return Cow::Borrowed(name);
     }
     let mut prefix = get_html_tag_definition(name).implicit_namespace_prefix;
     if prefix.is_none()
-        && let Some(parent) = parent
+        && let Some(parent) = parent.filter(|parent| parent.starts_with(':'))
         && !get_html_tag_definition(split_ns_name(parent).1).prevent_namespace_inheritance
     {
         prefix = get_ns_prefix(parent);
     }
-    merge_ns_and_name(prefix, name)
+    match prefix {
+        Some(prefix) => Cow::Owned(format!(":{prefix}:{name}")),
+        None => Cow::Borrowed(name),
+    }
 }
 
 /// Extracts a custom placeholder name from an expression if present.
diff --git a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
index 2369f8cb1..6b7a0acd5 100644
--- a/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
+++ b/crates/oxc_angular_compiler/src/transform/html_to_r3.rs
@@ -171,7 +171,7 @@ pub struct HtmlToR3Transform<'a> {
     /// Placeholder names from the message of the ICU being visited.
     icu_names: IcuPlaceholderNames,
     /// Full names (`:svg:svg`) of the enclosing elements, for i18n placeholder names.
-    element_full_names: std::vec::Vec<String>,
+    element_full_names: std::vec::Vec<std::borrow::Cow<'a, str>>,
 }
 
 /// Placeholder names taken from an i18n message, keyed by source offset, so that the r3 AST
@@ -376,7 +376,7 @@ impl<'a> HtmlToR3Transform<'a> {
         // the namespace for its children (pushed to stack).
         let full_name = crate::i18n::parser::element_full_name(
             element.name.as_str(),
-            self.element_full_names.last().map(String::as_str),
+            self.element_full_names.last().map(AsRef::as_ref),
         );
         let parent_namespace = self.current_namespace();
         let child_namespace = self.resolve_namespace(raw_name, parent_namespace);
@@ -1308,7 +1308,7 @@ impl<'a> HtmlToR3Transform<'a> {
             std::sync::Arc::new(crate::util::ParseSourceFile::new(self.source_text, "<template>"));
         let icu_message = I18nMessageFactory::new(false, true).create_icu_message(
             expansion,
-            self.element_full_names.last().map(String::as_str),
+            self.element_full_names.last().map(AsRef::as_ref),
             source_file,
         );
         let message_string = icu_message.serialize();

From 6a1c66c9f97ee9e83663cfa4d5bc05f69ef5ba64 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 20:36:39 +0100
Subject: [PATCH 49/54] test(compare): scope known differences to the fields
 they document

A fixture listed in known-differences.ts had every difference forgiven, so
a new regression in one of those 51 fixtures was reported as the known
difference instead of a failure. Each entry now records the static fields
that differ, and a difference in any other field of the same fixture fails
as usual.
---
 napi/angular-compiler/e2e/compare/README.md   |   6 +-
 .../e2e/compare/fixtures/known-differences.ts | 286 +++++++++++++-----
 .../e2e/compare/fixtures/runner.ts            |  26 +-
 .../e2e/compare/fixtures/types.ts             |   3 +
 4 files changed, 247 insertions(+), 74 deletions(-)

diff --git a/napi/angular-compiler/e2e/compare/README.md b/napi/angular-compiler/e2e/compare/README.md
index db12a1edf..2810a2d04 100644
--- a/napi/angular-compiler/e2e/compare/README.md
+++ b/napi/angular-compiler/e2e/compare/README.md
@@ -181,8 +181,10 @@ pnpm compare --fixtures --category control-flow --category animations
 ### Known Differences
 
 `fixtures/known-differences.ts` lists fixtures whose output differs from Angular's in
-documented ways, with the reasons. They are reported as known differences instead of failures.
-A listed fixture that matches Angular fails, so remove its entry once the difference is fixed.
+documented ways, with the static fields that differ and the reasons. They are reported as known
+differences instead of failures, but only while the differences stay inside the listed fields:
+a difference in any other field of the same fixture is still a failure. A listed fixture that
+matches Angular fails too, so remove its entry once the difference is fixed.
 
 ### Generated i18n Fixtures
 
diff --git a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
index 29ed631ee..33a91ccef 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
@@ -1,11 +1,18 @@
 /**
  * Fixtures whose output differs from Angular's in documented ways, keyed by
- * `category/name`. A listed fixture that differs is reported as a known difference rather than
- * a failure; a listed fixture that matches Angular fails, so fixed entries get removed.
+ * `category/name`. Each entry lists the static fields that differ and why.
  *
- * Each entry lists the differences found when it was added. Remove an entry once the
- * difference is fixed in the compiler.
+ * A listed fixture is reported as a known difference only while its differences stay inside
+ * `fields`, so a new difference elsewhere in the same fixture still fails. A listed fixture
+ * that matches Angular fails too, so fixed entries get removed.
  */
+interface KnownDifference {
+  /** `Class.field` of every static field that differs, e.g. `MyComponent.ɵcmp`. */
+  fields: string[]
+  /** Why each difference exists. */
+  reasons: string[]
+}
+
 const FACTORY =
   'ɵfac uses ɵɵgetInheritedFactory where Angular emits a factory that calls the constructor'
 const QUERY_CHAINING =
@@ -17,76 +24,219 @@ const CUSTOM_DECORATOR =
 const SELECTOR_WHITESPACE =
   'runs of whitespace inside shimmed selectors are collapsed where Angular keeps them'
 
-export const KNOWN_DIFFERENCES: Record<string, string[]> = {
-  'animations/animation-metadata-with-host-bindings': ['hostVars is 2 where Angular emits 3'],
-  'class-metadata/class-metadata-ngmodule': [FACTORY, NG_MODULE_IMPORTS],
-  'class-metadata/class-metadata-pipe': [FACTORY],
-  'class-metadata/class-metadata-with-content-child': [QUERY_CHAINING],
-  'class-metadata/class-metadata-with-view-child': [QUERY_CHAINING],
-  'component-meta/change-detection-default': ['changeDetection is omitted where Angular emits it'],
-  'edge-cases/multiple-custom-decorators': [CUSTOM_DECORATOR],
-  'edge-cases/single-custom-decorator': [CUSTOM_DECORATOR],
-  'full-file/component-with-pipes': ['component styles keep a leading newline'],
-  'full-transform/full-transform-host-attribute': [HOST_ATTRS_ORDER],
-  'host-bindings/host-attribute': [HOST_ATTRS_ORDER],
-  'host-directives/host-directives-empty-mappings': [
-    'HostDirectivesFeature receives the directive class where Angular passes { directive }',
-  ],
-  'host-directives/host-directives-with-providers': [FACTORY],
-  'i18n/i18n-ng-template-deeply-nested': [FACTORY],
-  'injector/basic-injector': [FACTORY],
-  'injector/injector-with-both': [FACTORY, NG_MODULE_IMPORTS],
-  'injector/injector-with-imports': [FACTORY, NG_MODULE_IMPORTS],
-  'injector/injector-with-providers': [FACTORY],
-  'pipe-compilation/impure-pipe': [FACTORY],
-  'pipe-compilation/minimal-pipe': [FACTORY],
-  'pipe-compilation/non-standalone-pipe': [FACTORY],
-  'pipe-compilation/pure-pipe': [FACTORY],
-  'regressions/contentchild-ordering': [QUERY_CHAINING],
-  'regressions/query-chaining-mixed-view-and-content': [QUERY_CHAINING],
-  'regressions/query-chaining-multiple-contentchild': [QUERY_CHAINING],
-  'regressions/query-chaining-multiple-viewchild': [QUERY_CHAINING],
-  'regressions/unused-import-viewchild-decorator': [QUERY_CHAINING],
-  'regressions/viewchild-ordering-clickup-pattern': [QUERY_CHAINING],
-  'regressions/viewchild-ordering-mixed-selectors': [QUERY_CHAINING],
-  'regressions/viewchild-ordering-read-option': [QUERY_CHAINING],
-  'regressions/viewchild-static-ordering': [QUERY_CHAINING],
-  'regressions/viewchildren-ordering': [QUERY_CHAINING],
-  'styles/shadow-css-comments': ['component styles keep newlines left by removed comments'],
-  'styles/shadow-css-host-context-triple': [
-    ':host-context selector permutations are in a different order',
-  ],
-  'styles/shadow-css-multiline-selector': ['the newline between selectors in a list is dropped'],
-  'styles/shadow-css-ng-deep-basic': ['a leading space is kept before a ::ng-deep selector'],
-  'styles/shadow-css-polyfill-next-selector': ['a space is added before an empty rule body'],
-  'styles/shadow-css-polyfill-rule': [
-    'polyfill-rule output drops a leading ";" from the rule body',
-  ],
-  'styles/shadow-css-polyfill-unscoped-rule': [
-    'polyfill-unscoped-rule is not scoped and rewritten as Angular does',
-  ],
+export const KNOWN_DIFFERENCES: Record<string, KnownDifference> = {
+  'animations/animation-metadata-with-host-bindings': {
+    fields: ['AnimationsWithHostBindingsComponent.ɵcmp'],
+    reasons: ['hostVars is 2 where Angular emits 3'],
+  },
+  'class-metadata/class-metadata-ngmodule': {
+    fields: ['TestableModule.ɵfac', 'TestableModule.ɵmod'],
+    reasons: [FACTORY, NG_MODULE_IMPORTS],
+  },
+  'class-metadata/class-metadata-pipe': {
+    fields: ['TestablePipe.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'class-metadata/class-metadata-with-content-child': {
+    fields: ['ContentChildMetaComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'class-metadata/class-metadata-with-view-child': {
+    fields: ['ViewChildMetaComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'component-meta/change-detection-default': {
+    fields: ['ChangeDetectionDefaultComponent.ɵcmp'],
+    reasons: ['changeDetection is omitted where Angular emits it'],
+  },
+  'edge-cases/multiple-custom-decorators': {
+    fields: ['MultiDecoratorComponent.ɵcmp', 'MultiDecoratorComponent.ɵfac'],
+    reasons: [CUSTOM_DECORATOR],
+  },
+  'edge-cases/single-custom-decorator': {
+    fields: ['MyComponent.ɵcmp', 'MyComponent.ɵfac'],
+    reasons: [CUSTOM_DECORATOR],
+  },
+  'full-file/component-with-pipes': {
+    fields: ['ComponentWithPipes.ɵcmp'],
+    reasons: ['component styles keep a leading newline'],
+  },
+  'full-transform/full-transform-host-attribute': {
+    fields: ['HostAttributeComponent.ɵcmp'],
+    reasons: [HOST_ATTRS_ORDER],
+  },
+  'host-bindings/host-attribute': {
+    fields: ['HostAttributeComponent.ɵcmp'],
+    reasons: [HOST_ATTRS_ORDER],
+  },
+  'host-directives/host-directives-empty-mappings': {
+    fields: ['EmptyMappingsComponent.ɵcmp'],
+    reasons: [
+      'HostDirectivesFeature receives the directive class where Angular passes { directive }',
+    ],
+  },
+  'host-directives/host-directives-with-providers': {
+    fields: ['DataService.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'i18n/i18n-ng-template-deeply-nested': {
+    fields: ['ActorTextPipe.ɵfac', 'UsernamePipe.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'injector/basic-injector': {
+    fields: ['AppModule.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'injector/injector-with-both': {
+    fields: ['FullModule.ɵfac', 'FullModule.ɵmod'],
+    reasons: [FACTORY, NG_MODULE_IMPORTS],
+  },
+  'injector/injector-with-imports': {
+    fields: ['FeatureModule.ɵfac', 'FeatureModule.ɵmod'],
+    reasons: [FACTORY, NG_MODULE_IMPORTS],
+  },
+  'injector/injector-with-providers': {
+    fields: ['ProvidersModule.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'pipe-compilation/impure-pipe': {
+    fields: ['MyImpurePipe.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'pipe-compilation/minimal-pipe': {
+    fields: ['MinimalPipe.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'pipe-compilation/non-standalone-pipe': {
+    fields: ['LegacyPipe.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'pipe-compilation/pure-pipe': {
+    fields: ['MyPurePipe.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'regressions/contentchild-ordering': {
+    fields: ['ContentChildOrderingComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/query-chaining-mixed-view-and-content': {
+    fields: ['MixedQueryComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/query-chaining-multiple-contentchild': {
+    fields: ['TabsComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/query-chaining-multiple-viewchild': {
+    fields: ['LoginFormComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/unused-import-viewchild-decorator': {
+    fields: ['ViewChildDecoratorComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/viewchild-ordering-clickup-pattern': {
+    fields: ['CustomFieldLikeComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/viewchild-ordering-mixed-selectors': {
+    fields: ['ViewChildMixedSelectorsComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/viewchild-ordering-read-option': {
+    fields: ['ViewChildReadOptionComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/viewchild-static-ordering': {
+    fields: ['ViewChildStaticOrderingComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'regressions/viewchildren-ordering': {
+    fields: ['ViewChildrenOrderingComponent.ɵcmp'],
+    reasons: [QUERY_CHAINING],
+  },
+  'styles/shadow-css-comments': {
+    fields: ['CommentsComponent.ɵcmp'],
+    reasons: ['component styles keep newlines left by removed comments'],
+  },
+  'styles/shadow-css-host-context-triple': {
+    fields: ['HostContextTripleComponent.ɵcmp'],
+    reasons: [':host-context selector permutations are in a different order'],
+  },
+  'styles/shadow-css-multiline-selector': {
+    fields: ['MultilineSelectorComponent.ɵcmp'],
+    reasons: ['the newline between selectors in a list is dropped'],
+  },
+  'styles/shadow-css-ng-deep-basic': {
+    fields: ['NgDeepBasicComponent.ɵcmp'],
+    reasons: ['a leading space is kept before a ::ng-deep selector'],
+  },
+  'styles/shadow-css-polyfill-next-selector': {
+    fields: ['PolyfillNextSelectorComponent.ɵcmp'],
+    reasons: ['a space is added before an empty rule body'],
+  },
+  'styles/shadow-css-polyfill-rule': {
+    fields: ['PolyfillRuleComponent.ɵcmp'],
+    reasons: ['polyfill-rule output drops a leading ";" from the rule body'],
+  },
+  'styles/shadow-css-polyfill-unscoped-rule': {
+    fields: ['PolyfillUnscopedComponent.ɵcmp'],
+    reasons: ['polyfill-unscoped-rule is not scoped and rewritten as Angular does'],
+  },
   'i18n/i18n-compliance-element-attributes-should-correctly-bind-to-context-in-nested-template-interpolation-nested-context':
-    [FACTORY],
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
   'i18n/i18n-compliance-element-attributes-should-support-i18n-attributes-with-interpolations-on-explicit-ng-template-elements-with-structural-directives-ng-t':
-    [FACTORY],
-  'i18n/i18n-compliance-element-attributes-should-support-interpolation-interpolation-basic': [
-    FACTORY,
-  ],
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-element-attributes-should-support-interpolation-interpolation-basic': {
+    fields: ['UppercasePipe.ɵfac'],
+    reasons: [FACTORY],
+  },
   'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-and-nested-elements-in-content-nested-elements':
-    [FACTORY],
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
   'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-and-element-attributes-nested-elements-with-i18n-attributes':
-    [FACTORY],
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
   'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-bindings-in-content':
-    [FACTORY],
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
   'i18n/i18n-compliance-nested-nodes-should-support-interpolations-with-complex-expressions-interpolation-complex-expressions':
-    [FACTORY],
+    {
+      fields: ['AsyncPipe.ɵfac'],
+      reasons: [FACTORY],
+    },
   'i18n/i18n-compliance-ng-container-ng-template-should-be-able-to-act-as-child-elements-inside-i18n-block-child-elements':
-    [FACTORY],
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
   'i18n/i18n-compliance-ng-container-ng-template-should-handle-single-translation-message-using-ng-container-single-ng-container':
-    [FACTORY],
-  'i18n/i18n-compliance-root-should-support-i18n-message-with-multiple-pipes-multiple-pipes': [
-    FACTORY,
-  ],
-  'styles/shadow-css-host-context-with-descendant': [SELECTOR_WHITESPACE],
-  'styles/shadow-css-where-with-host': [SELECTOR_WHITESPACE],
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-root-should-support-i18n-message-with-multiple-pipes-multiple-pipes': {
+    fields: ['PipeA.ɵfac', 'PipeB.ɵfac', 'PipeC.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'styles/shadow-css-host-context-with-descendant': {
+    fields: ['HostContextDescendantComponent.ɵcmp'],
+    reasons: [SELECTOR_WHITESPACE],
+  },
+  'styles/shadow-css-where-with-host': {
+    fields: ['WhereWithHostComponent.ɵcmp'],
+    reasons: [SELECTOR_WHITESPACE],
+  },
 }
diff --git a/napi/angular-compiler/e2e/compare/fixtures/runner.ts b/napi/angular-compiler/e2e/compare/fixtures/runner.ts
index ac9999955..f45dde006 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/runner.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/runner.ts
@@ -125,16 +125,24 @@ export async function runFixtures(options: FixtureRunnerOptions = {}): Promise<F
 
 /**
  * Test a single fixture, applying its documented known differences: a listed fixture that
- * differs is reported as a known difference, and one that now matches fails so that the stale
- * entry is removed.
+ * differs only in the fields the entry documents is reported as a known difference, one that
+ * differs elsewhere still fails, and one that now matches fails so that the stale entry is
+ * removed.
  */
 async function testFixture(fixture: Fixture, verbose?: boolean): Promise<FixtureResult> {
   const result = await compareFixture(fixture, verbose)
-  const knownDifferences = KNOWN_DIFFERENCES[`${fixture.category}/${fixture.name}`]
-  if (!knownDifferences) {
+  const known = KNOWN_DIFFERENCES[`${fixture.category}/${fixture.name}`]
+  if (!known) {
     return result
   }
+  const knownDifferences = known.reasons
   if (result.status === 'mismatch') {
+    const undocumented = (result.staticFieldDiffs ?? [])
+      .map((diff) => `${diff.className}.${diff.fieldName}`)
+      .filter((field) => !known.fields.includes(field))
+    if (undocumented.length > 0) {
+      return { ...result, knownDifferences, undocumentedFields: [...new Set(undocumented)] }
+    }
     return { ...result, status: 'known-difference', knownDifferences }
   }
   if (result.status === 'match') {
@@ -947,6 +955,16 @@ export function printFixtureSummary(report: FixtureReport): void {
       }
     }
   }
+  const undocumentedFixtures = report.fixtures.filter((r) => r.undocumentedFields)
+  if (undocumentedFixtures.length > 0) {
+    console.log('\nUndocumented Differences (add to fixtures/known-differences.ts or fix):')
+    console.log('-'.repeat(50))
+    for (const result of undocumentedFixtures) {
+      console.log(
+        `  ${result.fixture.category}/${result.fixture.name}: ${result.undocumentedFields!.join(', ')}`,
+      )
+    }
+  }
   const staleFixtures = report.fixtures.filter((r) => r.staleKnownDifference)
   if (staleFixtures.length > 0) {
     console.log('\nStale Known Differences (now match; remove from fixtures/known-differences.ts):')
diff --git a/napi/angular-compiler/e2e/compare/fixtures/types.ts b/napi/angular-compiler/e2e/compare/fixtures/types.ts
index f7998dead..6097b933b 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/types.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/types.ts
@@ -285,6 +285,9 @@ export interface FixtureResult {
   /** The fixture is listed in known-differences.ts but now matches Angular */
   staleKnownDifference?: boolean
 
+  /** Fields that differ in a fixture listed in known-differences.ts but are not documented there */
+  undocumentedFields?: string[]
+
   /** Oxc compiler output */
   oxcOutput?: FixtureCompilerOutput
 

From 2efc1a356726df1959c71113318a43acc2cd03bd Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 20:48:17 +0100
Subject: [PATCH 50/54] test(compare): stop recording an i18n fixture flag
 nothing reads

The generator copied angularCompilerOptions.i18nUseExternalIds from
Angular's test cases into the fixtures, but neither compiler wrapper
passes it on, so both sides compile with external IDs either way. Drop
it rather than imply coverage of local message IDs that does not exist.
---
 .../i18n/generated-compliance-element-attributes.fixture.ts | 1 -
 .../e2e/compare/scripts/generate-i18n-fixtures.ts           | 6 ------
 2 files changed, 7 deletions(-)

diff --git a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
index 798bfa4c5..e7fb367bf 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/i18n/generated-compliance-element-attributes.fixture.ts
@@ -145,7 +145,6 @@ export const fixtures: Fixture[] = [
     description: 'Angular compliance: should sanitize ids and generate proper variable names',
     className: 'MyComponent',
     type: 'full-transform',
-    i18nUseExternalIds: false,
     sourceCode:
       'import {CommonModule} from \'@angular/common\';\nimport {Component} from \'@angular/core\';\n\n@Component({\n    selector: \'my-component\',\n    template: `\n  <div i18n="@@ID.WITH.INVALID.CHARS.2" i18n-title="@@ID.WITH.INVALID.CHARS" title="Element title">\n    Some content\n  </div>\n  `,\n    standalone: false\n})\nexport class MyComponent {\n}\n\n',
   },
diff --git a/napi/angular-compiler/e2e/compare/scripts/generate-i18n-fixtures.ts b/napi/angular-compiler/e2e/compare/scripts/generate-i18n-fixtures.ts
index 6fff201b8..e2f9505f6 100644
--- a/napi/angular-compiler/e2e/compare/scripts/generate-i18n-fixtures.ts
+++ b/napi/angular-compiler/e2e/compare/scripts/generate-i18n-fixtures.ts
@@ -34,7 +34,6 @@ interface GeneratedFixture {
   className: string
   sourceCode: string
   skipReason?: string
-  i18nUseExternalIds?: boolean
 }
 
 function slug(text: string): string {
@@ -102,7 +101,6 @@ function complianceFixtures(testCasesFile: string): GeneratedFixture[] {
         source = convertLineEndingMarkers(source)
       }
       source = makeStandalone(source)
-      const options = testCase.angularCompilerOptions ?? {}
       fixtures.push({
         name: `i18n-compliance-${slug(relative(complianceDir, dir) || 'root')}-${slug(testCase.description)}-${slug(basename(file, '.ts'))}`.slice(
           0,
@@ -114,7 +112,6 @@ function complianceFixtures(testCasesFile: string): GeneratedFixture[] {
         skipReason: /templateUrl/.test(source)
           ? 'external templates are not supported by the compare tool'
           : undefined,
-        i18nUseExternalIds: options.i18nUseExternalIds,
       })
     }
   }
@@ -223,9 +220,6 @@ function writeFixtureFile(file: string, origin: string, fixtures: GeneratedFixtu
       `    className: ${JSON.stringify(f.className)},`,
       `    type: 'full-transform',`,
       f.skipReason ? `    skipReason: ${JSON.stringify(f.skipReason)},` : undefined,
-      f.i18nUseExternalIds !== undefined
-        ? `    i18nUseExternalIds: ${f.i18nUseExternalIds},`
-        : undefined,
       `    sourceCode: ${JSON.stringify(f.sourceCode)},`,
     ]
     return `  {\n${fields.filter(Boolean).join('\n')}\n  },`

From af148cb2ce361e1ab78907f7a344422145d9d66e Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 20:54:12 +0100
Subject: [PATCH 51/54] docs: correct the option names in the README examples

TransformOptions has crossFileElision and i18NUseExternalIds (N-API
capitalises the N), not enableCrossFileElision or i18nUseExternalIds, and
has no useDomOnlyMode. The plugin options block listed an interface name
and options the plugin does not have, and omitted ssrEntry,
angularVersion and templateTransform.
---
 README.md                       |  6 +++---
 napi/angular-compiler/README.md | 25 ++++++++++++-------------
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/README.md b/README.md
index 3284b5673..da75ba793 100644
--- a/README.md
+++ b/README.md
@@ -125,10 +125,10 @@ interface TransformOptions {
   hmr?: boolean
 
   // Enable cross-file type elision
-  enableCrossFileElision?: boolean
+  crossFileElision?: boolean
 
-  // i18n configuration
-  i18nUseExternalIds?: boolean
+  // i18n configuration (note the capital N, as the N-API bindings generate it)
+  i18NUseExternalIds?: boolean
 
   // Style encapsulation mode
   // 'emulated' | 'none' | 'shadow-dom'
diff --git a/napi/angular-compiler/README.md b/napi/angular-compiler/README.md
index 7b970c522..c66839264 100644
--- a/napi/angular-compiler/README.md
+++ b/napi/angular-compiler/README.md
@@ -134,10 +134,9 @@ interface TransformOptions {
   jit?: boolean
   hmr?: boolean
   advancedOptimizations?: boolean
-  useDomOnlyMode?: boolean
 
-  // i18n
-  i18nUseExternalIds?: boolean
+  // i18n (note the capital N, as the N-API bindings generate it)
+  i18NUseExternalIds?: boolean
 
   // Final component style output
   minifyComponentStyles?: boolean
@@ -159,23 +158,17 @@ interface TransformOptions {
 ### Vite Plugin Options
 
 ```typescript
-interface AngularPluginOptions {
+interface PluginOptions {
   // Project configuration
   tsconfig?: string
   workspaceRoot?: string
-
-  // File filtering
-  include?: string | string[]
-  exclude?: string | string[]
+  angularVersion?: { major: number; minor: number; patch: number }
 
   // Features
-  sourcemap?: boolean
-  hmr?: boolean
   jit?: boolean
-  advancedOptimizations?: boolean
-  useDomOnlyMode?: boolean
-  zoneless?: boolean
   liveReload?: boolean
+  zoneless?: boolean
+  sourceMap?: boolean | { scripts?: boolean; vendor?: boolean }
 
   // Style processing
   inlineStylesExtension?: string
@@ -186,6 +179,12 @@ interface AngularPluginOptions {
     replace: string
     with: string
   }>
+
+  // SSR
+  ssrEntry?: string
+
+  // Template hook, applied during both the initial build and HMR
+  templateTransform?: (content: string, filePath: string) => string
 }
 ```
 

From 498fc37092ac1c2f9b4ff6f093dda97aefbab8dc Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 21:27:49 +0100
Subject: [PATCH 52/54] test(compare): refresh the known differences for
 Angular 22.1.7

The recorded differences were captured against Angular 21.2.6. Fourteen
of them now match and are removed; the change-detection and incremental
hydration differences that 22.1.7 exposes are recorded with the fields
they affect.
---
 .../e2e/compare/fixtures/known-differences.ts | 218 +++++++++---------
 1 file changed, 115 insertions(+), 103 deletions(-)

diff --git a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
index 33a91ccef..c8fa8f937 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
@@ -21,13 +21,17 @@ const NG_MODULE_IMPORTS = 'ɵmod includes imports, which Angular omits in full c
 const HOST_ATTRS_ORDER = 'hostAttrs are emitted in a different order'
 const CUSTOM_DECORATOR =
   'the reference ngtsc compile leaves a class with a non-Angular decorator uncompiled, so only Oxc emits ɵfac/ɵcmp'
+const CHANGE_DETECTION_V22 =
+  'changeDetection is omitted for OnPush, which is the runtime default from v22, where Angular emits it explicitly'
+const INCREMENTAL_HYDRATION =
+  'ɵɵenableIncrementalHydrationRuntime is not emitted for a `hydrate` trigger'
 const SELECTOR_WHITESPACE =
   'runs of whitespace inside shimmed selectors are collapsed where Angular keeps them'
 
 export const KNOWN_DIFFERENCES: Record<string, KnownDifference> = {
-  'animations/animation-metadata-with-host-bindings': {
-    fields: ['AnimationsWithHostBindingsComponent.ɵcmp'],
-    reasons: ['hostVars is 2 where Angular emits 3'],
+  'animations/animation-metadata-with-change-detection': {
+    fields: ['AnimationsWithOnPushComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
   },
   'class-metadata/class-metadata-ngmodule': {
     fields: ['TestableModule.ɵfac', 'TestableModule.ɵmod'],
@@ -37,18 +41,30 @@ export const KNOWN_DIFFERENCES: Record<string, KnownDifference> = {
     fields: ['TestablePipe.ɵfac'],
     reasons: [FACTORY],
   },
-  'class-metadata/class-metadata-with-content-child': {
-    fields: ['ContentChildMetaComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
-  'class-metadata/class-metadata-with-view-child': {
-    fields: ['ViewChildMetaComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
   'component-meta/change-detection-default': {
     fields: ['ChangeDetectionDefaultComponent.ɵcmp'],
     reasons: ['changeDetection is omitted where Angular emits it'],
   },
+  'component-meta/change-detection-onpush': {
+    fields: ['ChangeDetectionOnPushComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
+  },
+  'defer/defer-hydrate-idle': {
+    fields: ['DeferHydrateIdleComponent.ɵcmp'],
+    reasons: [INCREMENTAL_HYDRATION],
+  },
+  'defer/defer-hydrate-interaction': {
+    fields: ['DeferHydrateInteractionComponent.ɵcmp'],
+    reasons: [INCREMENTAL_HYDRATION],
+  },
+  'defer/defer-hydrate-never': {
+    fields: ['DeferHydrateNeverComponent.ɵcmp'],
+    reasons: [INCREMENTAL_HYDRATION],
+  },
+  'defer/defer-hydrate-viewport': {
+    fields: ['DeferHydrateViewportComponent.ɵcmp'],
+    reasons: [INCREMENTAL_HYDRATION],
+  },
   'edge-cases/multiple-custom-decorators': {
     fields: ['MultiDecoratorComponent.ɵcmp', 'MultiDecoratorComponent.ɵfac'],
     reasons: [CUSTOM_DECORATOR],
@@ -61,10 +77,22 @@ export const KNOWN_DIFFERENCES: Record<string, KnownDifference> = {
     fields: ['ComponentWithPipes.ɵcmp'],
     reasons: ['component styles keep a leading newline'],
   },
+  'full-transform/full-transform-complex': {
+    fields: ['ComplexComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
+  },
   'full-transform/full-transform-host-attribute': {
     fields: ['HostAttributeComponent.ɵcmp'],
     reasons: [HOST_ATTRS_ORDER],
   },
+  'full-transform/full-transform-onpush': {
+    fields: ['OnPushComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
+  },
+  'full-transform/transform-api-onpush': {
+    fields: ['OnPushComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
+  },
   'host-bindings/host-attribute': {
     fields: ['HostAttributeComponent.ɵcmp'],
     reasons: [HOST_ATTRS_ORDER],
@@ -75,10 +103,62 @@ export const KNOWN_DIFFERENCES: Record<string, KnownDifference> = {
       'HostDirectivesFeature receives the directive class where Angular passes { directive }',
     ],
   },
+  'host-directives/host-directives-with-change-detection': {
+    fields: ['HostDirectivesOnPushComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
+  },
   'host-directives/host-directives-with-providers': {
     fields: ['DataService.ɵfac'],
     reasons: [FACTORY],
   },
+  'i18n/i18n-compliance-element-attributes-should-correctly-bind-to-context-in-nested-template-interpolation-nested-context':
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-element-attributes-should-support-i18n-attributes-with-interpolations-on-explicit-ng-template-elements-with-structural-directives-ng-t':
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-element-attributes-should-support-interpolation-interpolation-basic': {
+    fields: ['UppercasePipe.ɵfac'],
+    reasons: [FACTORY],
+  },
+  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-and-nested-elements-in-content-nested-elements':
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-and-element-attributes-nested-elements-with-i18n-attributes':
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-bindings-in-content':
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-nested-nodes-should-support-interpolations-with-complex-expressions-interpolation-complex-expressions':
+    {
+      fields: ['AsyncPipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-ng-container-ng-template-should-be-able-to-act-as-child-elements-inside-i18n-block-child-elements':
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-ng-container-ng-template-should-handle-single-translation-message-using-ng-container-single-ng-container':
+    {
+      fields: ['UppercasePipe.ɵfac'],
+      reasons: [FACTORY],
+    },
+  'i18n/i18n-compliance-root-should-support-i18n-message-with-multiple-pipes-multiple-pipes': {
+    fields: ['PipeA.ɵfac', 'PipeB.ɵfac', 'PipeC.ɵfac'],
+    reasons: [FACTORY],
+  },
   'i18n/i18n-ng-template-deeply-nested': {
     fields: ['ActorTextPipe.ɵfac', 'UsernamePipe.ɵfac'],
     reasons: [FACTORY],
@@ -115,54 +195,30 @@ export const KNOWN_DIFFERENCES: Record<string, KnownDifference> = {
     fields: ['MyPurePipe.ɵfac'],
     reasons: [FACTORY],
   },
-  'regressions/contentchild-ordering': {
-    fields: ['ContentChildOrderingComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
-  'regressions/query-chaining-mixed-view-and-content': {
-    fields: ['MixedQueryComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
-  'regressions/query-chaining-multiple-contentchild': {
-    fields: ['TabsComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
-  'regressions/query-chaining-multiple-viewchild': {
-    fields: ['LoginFormComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
+  'providers/providers-with-change-detection': {
+    fields: ['ProvidersWithChangeDetectionComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
   },
-  'regressions/unused-import-viewchild-decorator': {
-    fields: ['ViewChildDecoratorComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
+  'regressions/class-debug-info-change-detection': {
+    fields: ['OnPushDebugInfoComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
   },
-  'regressions/viewchild-ordering-clickup-pattern': {
-    fields: ['CustomFieldLikeComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
+  'regressions/formfield-alias-repro': {
+    fields: ['AppComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
   },
-  'regressions/viewchild-ordering-mixed-selectors': {
-    fields: ['ViewChildMixedSelectorsComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
-  'regressions/viewchild-ordering-read-option': {
-    fields: ['ViewChildReadOptionComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
-  'regressions/viewchild-static-ordering': {
-    fields: ['ViewChildStaticOrderingComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
-  'regressions/viewchildren-ordering': {
-    fields: ['ViewChildrenOrderingComponent.ɵcmp'],
-    reasons: [QUERY_CHAINING],
-  },
-  'styles/shadow-css-comments': {
-    fields: ['CommentsComponent.ɵcmp'],
-    reasons: ['component styles keep newlines left by removed comments'],
+  'schemas/schemas-with-change-detection': {
+    fields: ['SchemasWithOnPushComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
   },
   'styles/shadow-css-host-context-triple': {
     fields: ['HostContextTripleComponent.ɵcmp'],
     reasons: [':host-context selector permutations are in a different order'],
   },
+  'styles/shadow-css-host-context-with-descendant': {
+    fields: ['HostContextDescendantComponent.ɵcmp'],
+    reasons: [SELECTOR_WHITESPACE],
+  },
   'styles/shadow-css-multiline-selector': {
     fields: ['MultilineSelectorComponent.ɵcmp'],
     reasons: ['the newline between selectors in a list is dropped'],
@@ -183,60 +239,16 @@ export const KNOWN_DIFFERENCES: Record<string, KnownDifference> = {
     fields: ['PolyfillUnscopedComponent.ɵcmp'],
     reasons: ['polyfill-unscoped-rule is not scoped and rewritten as Angular does'],
   },
-  'i18n/i18n-compliance-element-attributes-should-correctly-bind-to-context-in-nested-template-interpolation-nested-context':
-    {
-      fields: ['UppercasePipe.ɵfac'],
-      reasons: [FACTORY],
-    },
-  'i18n/i18n-compliance-element-attributes-should-support-i18n-attributes-with-interpolations-on-explicit-ng-template-elements-with-structural-directives-ng-t':
-    {
-      fields: ['UppercasePipe.ɵfac'],
-      reasons: [FACTORY],
-    },
-  'i18n/i18n-compliance-element-attributes-should-support-interpolation-interpolation-basic': {
-    fields: ['UppercasePipe.ɵfac'],
-    reasons: [FACTORY],
-  },
-  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-and-nested-elements-in-content-nested-elements':
-    {
-      fields: ['UppercasePipe.ɵfac'],
-      reasons: [FACTORY],
-    },
-  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-and-element-attributes-nested-elements-with-i18n-attributes':
-    {
-      fields: ['UppercasePipe.ɵfac'],
-      reasons: [FACTORY],
-    },
-  'i18n/i18n-compliance-nested-nodes-should-handle-i18n-attributes-with-bindings-in-content-bindings-in-content':
-    {
-      fields: ['UppercasePipe.ɵfac'],
-      reasons: [FACTORY],
-    },
-  'i18n/i18n-compliance-nested-nodes-should-support-interpolations-with-complex-expressions-interpolation-complex-expressions':
-    {
-      fields: ['AsyncPipe.ɵfac'],
-      reasons: [FACTORY],
-    },
-  'i18n/i18n-compliance-ng-container-ng-template-should-be-able-to-act-as-child-elements-inside-i18n-block-child-elements':
-    {
-      fields: ['UppercasePipe.ɵfac'],
-      reasons: [FACTORY],
-    },
-  'i18n/i18n-compliance-ng-container-ng-template-should-handle-single-translation-message-using-ng-container-single-ng-container':
-    {
-      fields: ['UppercasePipe.ɵfac'],
-      reasons: [FACTORY],
-    },
-  'i18n/i18n-compliance-root-should-support-i18n-message-with-multiple-pipes-multiple-pipes': {
-    fields: ['PipeA.ɵfac', 'PipeB.ɵfac', 'PipeC.ɵfac'],
-    reasons: [FACTORY],
-  },
-  'styles/shadow-css-host-context-with-descendant': {
-    fields: ['HostContextDescendantComponent.ɵcmp'],
-    reasons: [SELECTOR_WHITESPACE],
-  },
   'styles/shadow-css-where-with-host': {
     fields: ['WhereWithHostComponent.ɵcmp'],
     reasons: [SELECTOR_WHITESPACE],
   },
+  'styles/style-onpush-encapsulation': {
+    fields: ['OnPushStyleComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
+  },
+  'styles/style-onpush-none': {
+    fields: ['OnPushNoneStyleComponent.ɵcmp'],
+    reasons: [CHANGE_DETECTION_V22],
+  },
 }

From b5b7e6eeebf664052a20fcff395917b96e1529ee Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 21:28:45 +0100
Subject: [PATCH 53/54] test(compare): drop a known-difference reason with no
 remaining users

---
 napi/angular-compiler/e2e/compare/fixtures/known-differences.ts | 2 --
 1 file changed, 2 deletions(-)

diff --git a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
index c8fa8f937..967d5ba80 100644
--- a/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
+++ b/napi/angular-compiler/e2e/compare/fixtures/known-differences.ts
@@ -15,8 +15,6 @@ interface KnownDifference {
 
 const FACTORY =
   'ɵfac uses ɵɵgetInheritedFactory where Angular emits a factory that calls the constructor'
-const QUERY_CHAINING =
-  'viewQuery/contentQuery calls are emitted separately where Angular chains them'
 const NG_MODULE_IMPORTS = 'ɵmod includes imports, which Angular omits in full compilation'
 const HOST_ATTRS_ORDER = 'hostAttrs are emitted in a different order'
 const CUSTOM_DECORATOR =

From d2d6f58212b566d65cd90c9516fb67f1dfe0f455 Mon Sep 17 00:00:00 2001
From: Ashley Hunter <ashley.hunter@hotmail.co.uk>
Date: Tue, 22 Sep 2026 21:38:35 +0100
Subject: [PATCH 54/54] chore: drop the handoff note that was committed by
 mistake

---
 HANDOFF-i18n-closure-msg-names.md | 143 ------------------------------
 1 file changed, 143 deletions(-)
 delete mode 100644 HANDOFF-i18n-closure-msg-names.md

diff --git a/HANDOFF-i18n-closure-msg-names.md b/HANDOFF-i18n-closure-msg-names.md
deleted file mode 100644
index c23fae3df..000000000
--- a/HANDOFF-i18n-closure-msg-names.md
+++ /dev/null
@@ -1,143 +0,0 @@
-# Handoff: Closure `goog.getMsg` variable names do not match ngc
-
-Found 2026-09-22 while working on `t3code/fix-angular-i18n-bugs`. Deliberately left unfixed
-there to keep that PR to the two i18n bugs it set out to fix. Nothing in this document is
-speculative: every claim below was reproduced against the compiler as built on that branch.
-
-## Symptom
-
-`i18NUseExternalIds` (the N-API option, note the capital N) only takes effect for messages that
-carry an explicit `@@id`. For messages with an auto-generated id, oxc emits the local-style name
-in both modes, where ngc always emits the external form.
-
-Reproduce from `napi/angular-compiler` after `pnpm run build:native`:
-
-```js
-const { transformAngularFileSync } = require('./index.js')
-const src = `import {Component} from '@angular/core';
-@Component({selector:'app-x', standalone:true, template:'<div i18n="@@myId">Hello</div><p i18n>Bye</p>'})
-export class XComponent {}`
-const r = transformAngularFileSync(src, 'src/app/x.component.ts', {})
-console.log([...new Set([...r.code.matchAll(/MSG_[A-Za-z0-9_$]+/g)].map((m) => m[0]))])
-```
-
-Actual:
-
-```
-MSG_EXTERNAL_myId$$SRC_APP_X_COMPONENT_TS__0
-MSG_SRC_APP_X_COMPONENT_TS__1
-```
-
-Expected (what ngc 21.x/22.x emits for the same input):
-
-```
-MSG_EXTERNAL_myId$$SRC_APP_X_COMPONENT_TS_0
-MSG_EXTERNAL_<decimalDigest of "Bye">$$SRC_APP_X_COMPONENT_TS_1
-```
-
-Two defects: the missing `EXTERNAL_<id>$$` for auto-generated ids, and an extra underscore
-before the counter in every name.
-
-## Who this affects
-
-Only builds that run the emitted `goog.getMsg` branch through the Closure Compiler, where the
-`MSG_EXTERNAL_<id>` name is how Angular's message id reaches Closure's translation extraction.
-With the wrong name, XTB translations keyed by Angular's message ids are not applied.
-
-It does not affect `$localize` / `@angular/localize`, which is what the Angular CLI and the Vite
-plugin use: those ids live in the `$localize` metadata block and are correct. `ngI18nClosureMode`
-is undefined in a CLI build, so the `goog.getMsg` branch is dead code there.
-
-## Root cause
-
-`generate_closure_var_name` in `crates/oxc_angular_compiler/src/pipeline/phases/i18n_closure.rs:426`
-takes the id from the call site in
-`crates/oxc_angular_compiler/src/pipeline/phases/i18n_const_collection.rs:534`:
-
-```rust
-msg_info.message_id.as_deref().or(msg_info.custom_id.as_deref()),
-```
-
-`message_id` traces back to `I18nMessage::id`, which is only ever set to the empty string:
-`crates/oxc_angular_compiler/src/transform/html_to_r3.rs:4998` (`id: Ident::from("")`).
-Nothing ever computes it, so the `use_external_ids` branch falls through to the same format
-string as the local branch.
-
-The extra underscore is in the format strings themselves: `generate_file_based_i18n_suffix`
-(`i18n_closure.rs:456`) already appends `_`, as Angular's `fileBasedI18nSuffix` does, and then
-both branches of `generate_closure_var_name` append another `_` before the counter.
-
-## What Angular does
-
-Reference: `node_modules/@angular/compiler/fesm2022/compiler.mjs` (21.2.6 line numbers).
-
-- `18290`: `message.id = meta instanceof Message && meta.id || decimalDigest(message)` - every
-  message gets an id at meta-visit time, custom id if present, otherwise the decimal digest.
-- `431`: `decimalDigest(message)` is `computeMsgId(serializedParts.join(''), message.meaning)`.
-- `18648`: `i18nGenerateClosureVar`, external mode is
-  `MSG_EXTERNAL_${sanitizeIdentifier(messageId)}$$${pool.uniqueName(suffix)}`, local mode is
-  `pool.uniqueName(getTranslationConstPrefix(suffix))`.
-- `18503`: `fileBasedI18nSuffix` is the relative path uppercased with non-alphanumerics replaced,
-  plus a trailing `_`.
-- `2215`: `ConstantPool.uniqueName` appends the count unconditionally, so the counter contributes
-  `0`, `1`, ... with no separator of its own.
-
-## Suggested fix
-
-1. Populate the id. oxc already has the port of `decimalDigest`:
-   `compute_decimal_digest` in `crates/oxc_angular_compiler/src/i18n/digest.rs:34`, and
-   `decimal_digest` at `:29` which already implements "custom id if set, else compute". Call it
-   where the i18n `Message` exists, i.e. in `html_to_r3.rs` alongside the existing
-   `compute_msg_id` call at `:1316`, and store the result in `I18nMessage::id` instead of `""`.
-   The three message factories to cover are `create_message` (`html_to_r3.rs:435`),
-   `create_icu_message` (`:1309`) and `create_attribute_message` (`:3294`).
-2. Drop the extra `_` from both format strings in `generate_closure_var_name`.
-3. Confirm the counter still lines up with ngc when a file mixes custom-id and auto-id messages
-   (Angular keys its counter on the suffix in external mode and on `MSG_<SUFFIX>` in local mode;
-   oxc uses one counter per file, which should be equivalent, but it is worth a fixture).
-
-### Why this is low risk
-
-The `$localize` path does not read `message_id`. It uses `custom_id` only:
-`i18n_const_collection.rs:568`, `:720` and `serialize_i18n_head` at `:836`. Populating
-`message_id` therefore changes the Closure variable name and nothing else. Verify that claim
-holds after the change by re-running the compare fixtures, which compare the `$localize` output
-in full.
-
-## The coverage trap
-
-The compare tool cannot currently catch any of this. `canonicalizeNode` in
-`napi/angular-compiler/e2e/compare/src/compare.ts:2804` rewrites every identifier starting with
-`MSG_` to `MSG_0`, `MSG_1`, ... before comparing, and the behaviour is documented as intentional
-at `:2713`. So all 262 i18n fixtures pass today with the wrong names, and would keep passing if
-the fix were wrong.
-
-To get real coverage, canonicalize only the file-derived part and keep the id, e.g. map
-`MSG_EXTERNAL_<id>$$<FILE><n>` to `MSG_EXTERNAL_<id>` and leave local-mode names normalized by
-ordinal. Expect the first run after that change to surface differences that were previously
-hidden; triage them before assuming the fix is wrong.
-
-A second gap sits next to this one: `i18nUseExternalIds` is never passed to either compiler by
-the compare harness, so the local-id mode has no fixture coverage at all. Wiring it means
-per-fixture ngtsc compiler options, which defeats the shared `NgtscProgram` cache in
-`fixtures/runner.ts` (see the comment at `:29`). A Rust-level test in
-`crates/oxc_angular_compiler/tests/integration_test.rs` is the cheaper way to pin both modes.
-
-## Test plan
-
-- Rust: extend `crates/oxc_angular_compiler/tests/integration_test.rs` with cases asserting the
-  exact variable names for an auto-id message, a custom-id message, and both modes of
-  `i18n_use_external_ids`. The existing `compile_i18n_component` helper wraps a template in a
-  component and returns the emitted code.
-- Compare: tighten `canonicalizeNode` as above, then `pnpm --filter @oxc-angular/compare compare
-  --fixtures --category i18n`.
-- Full check before landing: `cargo test`, `cargo run -p oxc_angular_conformance` (expect
-  1252/1252 with no snapshot churn), and the full `compare --fixtures` run (933 fixtures, 0
-  mismatched, 51 known differences).
-
-## Related known gaps
-
-- Legacy message IDs (`enableI18nLegacyMessageIdFormat`) are not implemented at all; documented
-  in the root README. Translations keyed only by legacy ids are not applied.
-- `useDomOnlyMode` is an internal compilation mode with no N-API option, despite what older
-  README revisions claimed.