diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/GOLDEN_PARTIAL.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/GOLDEN_PARTIAL.js
new file mode 100644
index 0000000000..616d4d3516
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/GOLDEN_PARTIAL.js
@@ -0,0 +1,1644 @@
+/****************************************************************************************************
+ * PARTIAL FILE: simple_element.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<h1>Heading 1</h1>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<h1>Heading 1</h1>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=simple_element.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: simple_element.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"simple_element.js","sourceRoot":"","sources":["../simple_element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,oBAAoB;kDAEnB,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,oBAAoB;aAC/B"}
+/****************************************************************************************************
+ * PARTIAL FILE: simple_element.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: simple_element.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<h1>Heading 1</h1>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<h1>Heading 1</h1>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=simple_element.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: simple_element.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"simple_element.js","sourceRoot":"","sources":["../simple_element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,oBAAoB;kDAEnB,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,oBAAoB;aAC/B"}
+/****************************************************************************************************
+ * PARTIAL FILE: simple_element.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: void_element.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<hr>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<hr>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=void_element.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: void_element.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"void_element.js","sourceRoot":"","sources":["../void_element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,MAAM;kDAEL,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,MAAM;aACjB"}
+/****************************************************************************************************
+ * PARTIAL FILE: void_element.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: void_element.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<hr>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<hr>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=void_element.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: void_element.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"void_element.js","sourceRoot":"","sources":["../void_element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,MAAM;kDAEL,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,MAAM;aACjB"}
+/****************************************************************************************************
+ * PARTIAL FILE: void_element.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_basic.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<h3>Hello {{ name }}</h3>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<h3>Hello {{ name }}</h3>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=interpolation_basic.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_basic.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"interpolation_basic.js","sourceRoot":"","sources":["../interpolation_basic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,2BAA2B;kDAE1B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,2BAA2B;aACtC"}
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_basic.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_basic.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<h3>Hello {{ name }}</h3>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<h3>Hello {{ name }}</h3>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=interpolation_basic.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_basic.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"interpolation_basic.js","sourceRoot":"","sources":["../interpolation_basic.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,2BAA2B;kDAE1B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,2BAA2B;aACtC"}
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_basic.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_complex.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<h2>{{ greeting + " " + name }}</h2>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<h2>{{ greeting + " " + name }}</h2>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=interpolation_complex.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_complex.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"interpolation_complex.js","sourceRoot":"","sources":["../interpolation_complex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,sCAAsC;kDAErC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,sCAAsC;aACjD"}
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_complex.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_complex.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<h2>{{ greeting + " " + name }}</h2>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<h2>{{ greeting + " " + name }}</h2>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=interpolation_complex.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_complex.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"interpolation_complex.js","sourceRoot":"","sources":["../interpolation_complex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,sCAAsC;kDAErC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,sCAAsC;aACjD"}
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_complex.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_properties.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div id="{{name}}"></div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div id="{{name}}"></div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=interpolation_properties.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_properties.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"interpolation_properties.js","sourceRoot":"","sources":["../interpolation_properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,2BAA2B;kDAE1B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,2BAA2B;aACtC"}
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_properties.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_properties.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div id="{{name}}"></div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div id="{{name}}"></div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=interpolation_properties.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_properties.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"interpolation_properties.js","sourceRoot":"","sources":["../interpolation_properties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,2BAA2B;kDAE1B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,2BAA2B;aACtC"}
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_properties.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_with_pipe.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div>{{200.3 | percent : 2 }}</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div>{{200.3 | percent : 2 }}</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=interpolation_with_pipe.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_with_pipe.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"interpolation_with_pipe.js","sourceRoot":"","sources":["../interpolation_with_pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,qCAAqC;kDAEpC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,qCAAqC;aAChD"}
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_with_pipe.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_with_pipe.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div>{{200.3 | percent : 2 }}</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div>{{200.3 | percent : 2 }}</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=interpolation_with_pipe.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_with_pipe.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"interpolation_with_pipe.js","sourceRoot":"","sources":["../interpolation_with_pipe.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,qCAAqC;kDAEpC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,qCAAqC;aAChD"}
+/****************************************************************************************************
+ * PARTIAL FILE: interpolation_with_pipe.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div [attr]="name"></div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div [attr]="name"></div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=input_binding_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"input_binding_simple.js","sourceRoot":"","sources":["../input_binding_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,2BAA2B;kDAE1B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,2BAA2B;aACtC"}
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div [attr]="name"></div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div [attr]="name"></div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=input_binding_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"input_binding_simple.js","sourceRoot":"","sources":["../input_binding_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,2BAA2B;kDAE1B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,2BAA2B;aACtC"}
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_complex.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div [attr]="greeting + name"></div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div [attr]="greeting + name"></div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=input_binding_complex.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_complex.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"input_binding_complex.js","sourceRoot":"","sources":["../input_binding_complex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,sCAAsC;kDAErC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,sCAAsC;aACjD"}
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_complex.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_complex.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div [attr]="greeting + name"></div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div [attr]="greeting + name"></div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=input_binding_complex.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_complex.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"input_binding_complex.js","sourceRoot":"","sources":["../input_binding_complex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,sCAAsC;kDAErC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,sCAAsC;aACjD"}
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_complex.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_longhand.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div bind-attr="name"></div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div bind-attr="name"></div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=input_binding_longhand.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_longhand.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"input_binding_longhand.js","sourceRoot":"","sources":["../input_binding_longhand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,8BAA8B;kDAE7B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,8BAA8B;aACzC"}
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_longhand.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_longhand.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div bind-attr="name"></div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div bind-attr="name"></div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=input_binding_longhand.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_longhand.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"input_binding_longhand.js","sourceRoot":"","sources":["../input_binding_longhand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,8BAA8B;kDAE7B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,8BAA8B;aACzC"}
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_longhand.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<button (click)="doSomething()">Do it</button>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<button (click)="doSomething()">Do it</button>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=output_binding_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"output_binding_simple.js","sourceRoot":"","sources":["../output_binding_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,gDAAgD;kDAE/C,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,gDAAgD;aAC3D"}
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<button (click)="doSomething()">Do it</button>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<button (click)="doSomething()">Do it</button>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=output_binding_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"output_binding_simple.js","sourceRoot":"","sources":["../output_binding_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,gDAAgD;kDAE/C,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,gDAAgD;aAC3D"}
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_complex.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: `<button (click)="items.push('item' + items.length)">Add Item</button>`, isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: `<button (click)="items.push('item' + items.length)">Add Item</button>`,
+            }]
+    }], null, null); })();
+//# sourceMappingURL=output_binding_complex.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_complex.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"output_binding_complex.js","sourceRoot":"","sources":["../output_binding_complex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,uEAAuE;kDAEtE,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,uEAAuE;aAClF"}
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_complex.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_complex.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: `<button (click)="items.push('item' + items.length)">Add Item</button>`, isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: `<button (click)="items.push('item' + items.length)">Add Item</button>`,
+            }]
+    }], null, null); })();
+//# sourceMappingURL=output_binding_complex.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_complex.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"output_binding_complex.js","sourceRoot":"","sources":["../output_binding_complex.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,uEAAuE;kDAEtE,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,uEAAuE;aAClF"}
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_complex.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_longhand.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<button on-click="doSomething()">Do it</button>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<button on-click="doSomething()">Do it</button>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=output_binding_longhand.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_longhand.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"output_binding_longhand.js","sourceRoot":"","sources":["../output_binding_longhand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,iDAAiD;kDAEhD,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,iDAAiD;aAC5D"}
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_longhand.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_longhand.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<button on-click="doSomething()">Do it</button>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<button on-click="doSomething()">Do it</button>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=output_binding_longhand.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_longhand.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"output_binding_longhand.js","sourceRoot":"","sources":["../output_binding_longhand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,iDAAiD;kDAEhD,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,iDAAiD;aAC5D"}
+/****************************************************************************************************
+ * PARTIAL FILE: output_binding_longhand.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: 'Name: <input [(ngModel)]="name">', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: 'Name: <input [(ngModel)]="name">',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=two_way_binding_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"two_way_binding_simple.js","sourceRoot":"","sources":["../two_way_binding_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,kCAAkC;kDAEjC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,kCAAkC;aAC7C"}
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: 'Name: <input [(ngModel)]="name">', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: 'Name: <input [(ngModel)]="name">',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=two_way_binding_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"two_way_binding_simple.js","sourceRoot":"","sources":["../two_way_binding_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,kCAAkC;kDAEjC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,kCAAkC;aAC7C"}
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_longhand.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: 'Name: <input bindon-ngModel="name">', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: 'Name: <input bindon-ngModel="name">',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=two_way_binding_longhand.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_longhand.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"two_way_binding_longhand.js","sourceRoot":"","sources":["../two_way_binding_longhand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,qCAAqC;kDAEpC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,qCAAqC;aAChD"}
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_longhand.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_longhand.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: 'Name: <input bindon-ngModel="name">', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: 'Name: <input bindon-ngModel="name">',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=two_way_binding_longhand.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_longhand.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"two_way_binding_longhand.js","sourceRoot":"","sources":["../two_way_binding_longhand.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,qCAAqC;kDAEpC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,qCAAqC;aAChD"}
+/****************************************************************************************************
+ * PARTIAL FILE: two_way_binding_longhand.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_class.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div [class.initial]="isInitial">Message</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div [class.initial]="isInitial">Message</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=input_binding_class.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_class.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"input_binding_class.js","sourceRoot":"","sources":["../input_binding_class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,gDAAgD;kDAE/C,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,gDAAgD;aAC3D"}
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_class.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_class.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div [class.initial]="isInitial">Message</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div [class.initial]="isInitial">Message</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=input_binding_class.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_class.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"input_binding_class.js","sourceRoot":"","sources":["../input_binding_class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,gDAAgD;kDAE/C,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,gDAAgD;aAC3D"}
+/****************************************************************************************************
+ * PARTIAL FILE: input_binding_class.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div *ngIf="showMessage()">{{ name }}</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div *ngIf="showMessage()">{{ name }}</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=ng_if_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"ng_if_simple.js","sourceRoot":"","sources":["../ng_if_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,6CAA6C;kDAE5C,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,6CAA6C;aACxD"}
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div *ngIf="showMessage()">{{ name }}</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div *ngIf="showMessage()">{{ name }}</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=ng_if_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"ng_if_simple.js","sourceRoot":"","sources":["../ng_if_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,6CAA6C;kDAE5C,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,6CAA6C;aACxD"}
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_templated.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: `
+    <ng-template [ngIf]="showMessage()">
+      <div>{{ name }}</div>
+      <hr>
+    </ng-template>`, isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: `
+    <ng-template [ngIf]="showMessage()">
+      <div>{{ name }}</div>
+      <hr>
+    </ng-template>`
+            }]
+    }], null, null); })();
+//# sourceMappingURL=ng_if_templated.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_templated.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"ng_if_templated.js","sourceRoot":"","sources":["../ng_if_templated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAUxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DANR;;;;mBAIO;kDAEN,OAAO;cARnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE;;;;mBAIO;aAClB"}
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_templated.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_templated.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: `
+    <ng-template [ngIf]="showMessage()">
+      <div>{{ name }}</div>
+      <hr>
+    </ng-template>`, isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: `
+    <ng-template [ngIf]="showMessage()">
+      <div>{{ name }}</div>
+      <hr>
+    </ng-template>`
+            }]
+    }], null, null); })();
+//# sourceMappingURL=ng_if_templated.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_templated.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"ng_if_templated.js","sourceRoot":"","sources":["../ng_if_templated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAUxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DANR;;;;mBAIO;kDAEN,OAAO;cARnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE;;;;mBAIO;aAClB"}
+/****************************************************************************************************
+ * PARTIAL FILE: ng_if_templated.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div *ngFor="let item of items; index as i; trackBy: trackByFn">{{ item }}</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div *ngFor="let item of items; index as i; trackBy: trackByFn">{{ item }}</div>'
+            }]
+    }], null, null); })();
+//# sourceMappingURL=ng_for_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"ng_for_simple.js","sourceRoot":"","sources":["../ng_for_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,kFAAkF;kDAEjF,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,kFAAkF;aAC7F"}
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div *ngFor="let item of items; index as i; trackBy: trackByFn">{{ item }}</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div *ngFor="let item of items; index as i; trackBy: trackByFn">{{ item }}</div>'
+            }]
+    }], null, null); })();
+//# sourceMappingURL=ng_for_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"ng_for_simple.js","sourceRoot":"","sources":["../ng_for_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,kFAAkF;kDAEjF,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,kFAAkF;aAC7F"}
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_templated.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: `<ng-template ngFor [ngForOf]="items" let-item>{{ item }}</ng-template>`, isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: `<ng-template ngFor [ngForOf]="items" let-item>{{ item }}</ng-template>`
+            }]
+    }], null, null); })();
+//# sourceMappingURL=ng_for_templated.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_templated.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"ng_for_templated.js","sourceRoot":"","sources":["../ng_for_templated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,wEAAwE;kDAEvE,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,wEAAwE;aACnF"}
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_templated.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_templated.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: `<ng-template ngFor [ngForOf]="items" let-item>{{ item }}</ng-template>`, isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: `<ng-template ngFor [ngForOf]="items" let-item>{{ item }}</ng-template>`
+            }]
+    }], null, null); })();
+//# sourceMappingURL=ng_for_templated.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_templated.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"ng_for_templated.js","sourceRoot":"","sources":["../ng_for_templated.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,wEAAwE;kDAEvE,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,wEAAwE;aACnF"}
+/****************************************************************************************************
+ * PARTIAL FILE: ng_for_templated.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: projection.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: `
+  <h3><ng-content select="title"></ng-content></h3>
+  <div><ng-content></ng-content></div>`, isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: `
+  <h3><ng-content select="title"></ng-content></h3>
+  <div><ng-content></ng-content></div>`
+            }]
+    }], null, null); })();
+//# sourceMappingURL=projection.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: projection.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"projection.js","sourceRoot":"","sources":["../projection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAQxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAJR;;uCAE2B;kDAE1B,OAAO;cANnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE;;uCAE2B;aACtC"}
+/****************************************************************************************************
+ * PARTIAL FILE: projection.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, ["title", "*"]>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: projection.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: `
+  <h3><ng-content select="title"></ng-content></h3>
+  <div><ng-content></ng-content></div>`, isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: `
+  <h3><ng-content select="title"></ng-content></h3>
+  <div><ng-content></ng-content></div>`
+            }]
+    }], null, null); })();
+//# sourceMappingURL=projection.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: projection.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"projection.js","sourceRoot":"","sources":["../projection.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAQxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAJR;;uCAE2B;kDAE1B,OAAO;cANnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE;;uCAE2B;aACtC"}
+/****************************************************************************************************
+ * PARTIAL FILE: projection.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, ["title", "*"]>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n>Hello, World!</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n>Hello, World!</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_simple.js","sourceRoot":"","sources":["../i18n_message_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,+BAA+B;kDAE9B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,+BAA+B;aAC1C"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_simple.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n>Hello, World!</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n>Hello, World!</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_simple.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_simple.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_simple.js","sourceRoot":"","sources":["../i18n_message_simple.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,+BAA+B;kDAE9B,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,+BAA+B;aAC1C"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_simple.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_placeholder.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n>Hello, {{name}}!</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n>Hello, {{name}}!</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_placeholder.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_placeholder.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_placeholder.js","sourceRoot":"","sources":["../i18n_message_placeholder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,kCAAkC;kDAEjC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,kCAAkC;aAC7C"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_placeholder.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_placeholder.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n>Hello, {{name}}!</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n>Hello, {{name}}!</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_placeholder.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_placeholder.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_placeholder.js","sourceRoot":"","sources":["../i18n_message_placeholder.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,kCAAkC;kDAEjC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,kCAAkC;aAC7C"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_placeholder.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_interpolation_whitespace.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n title="  pre-title {{title_value}}  post-title" i18n-title>  pre-body {{body_value}}  post-body</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n title="  pre-title {{title_value}}  post-title" i18n-title>  pre-body {{body_value}}  post-body</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_interpolation_whitespace.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_interpolation_whitespace.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_interpolation_whitespace.js","sourceRoot":"","sources":["../i18n_message_interpolation_whitespace.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAOxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFd,iHAAiH;kDAE1G,OAAO;cALnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EACJ,iHAAiH;aACtH"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_interpolation_whitespace.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_interpolation_whitespace.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n title="  pre-title {{title_value}}  post-title" i18n-title>  pre-body {{body_value}}  post-body</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n title="  pre-title {{title_value}}  post-title" i18n-title>  pre-body {{body_value}}  post-body</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_interpolation_whitespace.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_interpolation_whitespace.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_interpolation_whitespace.js","sourceRoot":"","sources":["../i18n_message_interpolation_whitespace.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAOxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFd,iHAAiH;kDAE1G,OAAO;cALnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EACJ,iHAAiH;aACtH"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_interpolation_whitespace.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_element_whitespace.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n>\n  pre-p\n  <p>\n    in-p\n  </p>\n  post-p\n</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n>\n  pre-p\n  <p>\n    in-p\n  </p>\n  post-p\n</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_element_whitespace.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_element_whitespace.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_element_whitespace.js","sourceRoot":"","sources":["../i18n_message_element_whitespace.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,gEAAgE;kDAE/D,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,gEAAgE;aAC3E"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_element_whitespace.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_element_whitespace.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n>\n  pre-p\n  <p>\n    in-p\n  </p>\n  post-p\n</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n>\n  pre-p\n  <p>\n    in-p\n  </p>\n  post-p\n</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_element_whitespace.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_element_whitespace.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_element_whitespace.js","sourceRoot":"","sources":["../i18n_message_element_whitespace.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,gEAAgE;kDAE/D,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,gEAAgE;aAC3E"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_element_whitespace.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_container_tag.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n>Hello, <b>World</b>!</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n>Hello, <b>World</b>!</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_container_tag.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_container_tag.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_container_tag.js","sourceRoot":"","sources":["../i18n_message_container_tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,sCAAsC;kDAErC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,sCAAsC;aACjD"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_container_tag.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_container_tag.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div i18n>Hello, <b>World</b>!</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div i18n>Hello, <b>World</b>!</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=i18n_message_container_tag.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_container_tag.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"i18n_message_container_tag.js","sourceRoot":"","sources":["../i18n_message_container_tag.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,sCAAsC;kDAErC,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,sCAAsC;aACjD"}
+/****************************************************************************************************
+ * PARTIAL FILE: i18n_message_container_tag.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: update_mode.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div>this is a test</div><div>{{ 1 + 2 }}</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div>this is a test</div><div>{{ 1 + 2 }}</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=update_mode.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: update_mode.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"update_mode.js","sourceRoot":"","sources":["../update_mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,iDAAiD;kDAEhD,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,iDAAiD;aAC5D"}
+/****************************************************************************************************
+ * PARTIAL FILE: update_mode.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: update_mode.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div>this is a test</div><div>{{ 1 + 2 }}</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div>this is a test</div><div>{{ 1 + 2 }}</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=update_mode.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: update_mode.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"update_mode.js","sourceRoot":"","sources":["../update_mode.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,iDAAiD;kDAEhD,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,iDAAiD;aAC5D"}
+/****************************************************************************************************
+ * PARTIAL FILE: update_mode.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: escape_sequences.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div class=\"some-class\">this is a test</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div class=\"some-class\">this is a test</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=escape_sequences.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: escape_sequences.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"escape_sequences.js","sourceRoot":"","sources":["../escape_sequences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,gDAAgD;kDAE/C,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,gDAAgD;aAC3D"}
+/****************************************************************************************************
+ * PARTIAL FILE: escape_sequences.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
+/****************************************************************************************************
+ * PARTIAL FILE: escape_sequences.js
+ ****************************************************************************************************/
+import { Component } from '@angular/core';
+import * as i0 from "@angular/core";
+export class TestCmp {
+}
+TestCmp.ɵfac = function TestCmp_Factory(t) { return new (t || TestCmp)(); };
+TestCmp.ɵcmp = i0.ɵɵngDeclareComponent({ version: "0.0.0-PLACEHOLDER", type: TestCmp, selector: "test-cmp", ngImport: i0, template: { source: '<div class=\"some-class\">this is a test</div>', isInline: true } });
+/*@__PURE__*/ (function () { i0.ɵsetClassMetadata(TestCmp, [{
+        type: Component,
+        args: [{
+                selector: 'test-cmp',
+                template: '<div class=\"some-class\">this is a test</div>',
+            }]
+    }], null, null); })();
+//# sourceMappingURL=escape_sequences.js.map
+/****************************************************************************************************
+ * PARTIAL FILE: escape_sequences.js.map
+ ****************************************************************************************************/
+{"version":3,"file":"escape_sequences.js","sourceRoot":"","sources":["../escape_sequences.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAC,MAAM,eAAe,CAAC;;AAMxC,MAAM,OAAO,OAAO;;8DAAP,OAAO;6EAAP,OAAO,0DAFR,gDAAgD;kDAE/C,OAAO;cAJnB,SAAS;eAAC;gBACT,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,gDAAgD;aAC3D"}
+/****************************************************************************************************
+ * PARTIAL FILE: escape_sequences.d.ts
+ ****************************************************************************************************/
+import * as i0 from "@angular/core";
+export declare class TestCmp {
+    static ɵfac: i0.ɵɵFactoryDef<TestCmp, never>;
+    static ɵcmp: i0.ɵɵComponentDefWithMeta<TestCmp, "test-cmp", never, {}, {}, never, never>;
+}
+
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/TEST_CASES.json b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/TEST_CASES.json
new file mode 100644
index 0000000000..8a88a99fff
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/TEST_CASES.json
@@ -0,0 +1,923 @@
+{
+  "$schema": "../../test_case_schema.json",
+  "cases": [
+    {
+      "description": "should map simple element with content (full compile)",
+      "inputFiles": [
+        "simple_element.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map simple element with content (partial compile)",
+      "inputFiles": [
+        "simple_element.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "simple_element.js",
+              "expected": "simple_element_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map void element (full compile)",
+      "inputFiles": [
+        "void_element.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map void element (partial compile)",
+      "inputFiles": [
+        "void_element.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "void_element.js",
+              "expected": "void_element_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a mix of interpolated and static content (full compile)",
+      "inputFiles": [
+        "interpolation_basic.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a mix of interpolated and static content (partial compile)",
+      "inputFiles": [
+        "interpolation_basic.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "interpolation_basic.js",
+              "expected": "interpolation_basic_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a complex interpolated expression (full compile)",
+      "inputFiles": [
+        "interpolation_complex.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a complex interpolated expression (partial compile)",
+      "inputFiles": [
+        "interpolation_complex.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "interpolation_complex.js",
+              "expected": "interpolation_complex_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map interpolated properties (full compile)",
+      "inputFiles": [
+        "interpolation_properties.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map interpolated properties (partial compile)",
+      "inputFiles": [
+        "interpolation_properties.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "interpolation_properties.js",
+              "expected": "interpolation_properties_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map interpolation with pipe (full compile)",
+      "inputFiles": [
+        "interpolation_with_pipe.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map interpolation with pipe (partial compile)",
+      "inputFiles": [
+        "interpolation_with_pipe.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "interpolation_with_pipe.js",
+              "expected": "interpolation_with_pipe_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a simple input binding expression (full compile)",
+      "inputFiles": [
+        "input_binding_simple.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a simple input binding expression (partial compile)",
+      "inputFiles": [
+        "input_binding_simple.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "input_binding_simple.js",
+              "expected": "input_binding_simple_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a complex input binding expression (full compile)",
+      "inputFiles": [
+        "input_binding_complex.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a complex input binding expression (partial compile)",
+      "inputFiles": [
+        "input_binding_complex.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "input_binding_complex.js",
+              "expected": "input_binding_complex_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a longhand input binding expression (full compile)",
+      "inputFiles": [
+        "input_binding_longhand.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a longhand input binding expression (partial compile)",
+      "inputFiles": [
+        "input_binding_longhand.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "input_binding_longhand.js",
+              "expected": "input_binding_longhand_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a simple output binding expression (full compile)",
+      "inputFiles": [
+        "output_binding_simple.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a simple output binding expression (partial compile)",
+      "inputFiles": [
+        "output_binding_simple.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "output_binding_simple.js",
+              "expected": "output_binding_simple_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a complex output binding expression (full compile)",
+      "inputFiles": [
+        "output_binding_complex.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a complex output binding expression (partial compile)",
+      "inputFiles": [
+        "output_binding_complex.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "output_binding_complex.js",
+              "expected": "output_binding_complex_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a longhand output binding expression (full compile)",
+      "inputFiles": [
+        "output_binding_longhand.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a longhand output binding expression (partial compile)",
+      "inputFiles": [
+        "output_binding_longhand.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "output_binding_longhand.js",
+              "expected": "output_binding_longhand_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a two-way binding expression (full compile)",
+      "inputFiles": [
+        "two_way_binding_simple.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a two-way binding expression (partial compile)",
+      "inputFiles": [
+        "two_way_binding_simple.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "two_way_binding_simple.js",
+              "expected": "two_way_binding_simple_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a longhand two-way binding expression (full compile)",
+      "inputFiles": [
+        "two_way_binding_longhand.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a longhand two-way binding expression (partial compile)",
+      "inputFiles": [
+        "two_way_binding_longhand.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "two_way_binding_longhand.js",
+              "expected": "two_way_binding_longhand_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a class input binding (full compile)",
+      "inputFiles": [
+        "input_binding_class.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map a class input binding (partial compile)",
+      "inputFiles": [
+        "input_binding_class.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "input_binding_class.js",
+              "expected": "input_binding_class_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map *ngIf scenario (full compile)",
+      "inputFiles": [
+        "ng_if_simple.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map *ngIf scenario (partial compile)",
+      "inputFiles": [
+        "ng_if_simple.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "ng_if_simple.js",
+              "expected": "ng_if_simple_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map ng-template [ngIf] scenario (full compile)",
+      "inputFiles": [
+        "ng_if_templated.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map ng-template [ngIf] scenario (partial compile)",
+      "inputFiles": [
+        "ng_if_templated.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "ng_if_templated.js",
+              "expected": "ng_if_templated_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map *ngFor scenario (full compile)",
+      "inputFiles": [
+        "ng_for_simple.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map *ngFor scenario (partial compile)",
+      "inputFiles": [
+        "ng_for_simple.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "ng_for_simple.js",
+              "expected": "ng_for_simple_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map ng-template [ngFor] scenario (full compile)",
+      "inputFiles": [
+        "ng_for_templated.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map ng-template [ngFor] scenario (partial compile)",
+      "inputFiles": [
+        "ng_for_templated.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "ng_for_templated.js",
+              "expected": "ng_for_templated_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map default and selected projection (full compile)",
+      "inputFiles": [
+        "projection.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should map default and selected projection (partial compile)",
+      "inputFiles": [
+        "projection.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "projection.js",
+              "expected": "projection_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create simple i18n message source-mapping (full compile)",
+      "inputFiles": [
+        "i18n_message_simple.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create simple i18n message source-mapping (partial compile)",
+      "inputFiles": [
+        "i18n_message_simple.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "i18n_message_simple.js",
+              "expected": "i18n_message_simple_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create placeholder i18n message source-mappings (full compile)",
+      "inputFiles": [
+        "i18n_message_placeholder.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create placeholder i18n message source-mappings (partial compile)",
+      "inputFiles": [
+        "i18n_message_placeholder.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "i18n_message_placeholder.js",
+              "expected": "i18n_message_placeholder_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should correctly handle collapsed whitespace in interpolation placeholder i18n message source-mappings (full compile)",
+      "inputFiles": [
+        "i18n_message_interpolation_whitespace.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should correctly handle collapsed whitespace in interpolation placeholder i18n message source-mappings (partial compile)",
+      "inputFiles": [
+        "i18n_message_interpolation_whitespace.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "i18n_message_interpolation_whitespace.js",
+              "expected": "i18n_message_interpolation_whitespace_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should correctly handle collapsed whitespace in element placeholder i18n message source-mappings (full compile)",
+      "inputFiles": [
+        "i18n_message_element_whitespace.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should correctly handle collapsed whitespace in element placeholder i18n message source-mappings (partial compile)",
+      "inputFiles": [
+        "i18n_message_element_whitespace.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "i18n_message_element_whitespace.js",
+              "expected": "i18n_message_element_whitespace_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create tag (container) placeholder i18n message source-mappings (full compile)",
+      "inputFiles": [
+        "i18n_message_container_tag.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create tag (container) placeholder i18n message source-mappings (partial compile)",
+      "inputFiles": [
+        "i18n_message_container_tag.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "i18n_message_container_tag.js",
+              "expected": "i18n_message_container_tag_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create (simple string) inline template source-mapping (full compile)",
+      "inputFiles": [
+        "update_mode.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create (simple string) inline template source-mapping (partial compile)",
+      "inputFiles": [
+        "update_mode.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "update_mode.js",
+              "expected": "update_mode_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create correct inline template source-mapping when the source contains escape sequences (full compile)",
+      "inputFiles": [
+        "escape_sequences.ts"
+      ],
+      "compilationModeFilter": [
+        "full compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    },
+    {
+      "description": "should create correct inline template source-mapping when the source contains escape sequences (partial compile)",
+      "inputFiles": [
+        "escape_sequences.ts"
+      ],
+      "expectations": [
+        {
+          "files": [
+            {
+              "generated": "escape_sequences.js",
+              "expected": "escape_sequences_partial.js"
+            }
+          ]
+        }
+      ],
+      "compilationModeFilter": [
+        "linked compile"
+      ],
+      "compilerOptions": {
+        "sourceMap": true
+      }
+    }
+  ]
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences.js
new file mode 100644
index 0000000000..6568e55d9b
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences.js
@@ -0,0 +1,3 @@
+consts: [[1, "some-class"]]
+…
+i0.ɵɵelementStart(0, "div", 0) // SOURCE: "/escape_sequences.ts" <div class=\"some-class\">
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences.ts
new file mode 100644
index 0000000000..6bacb44fce
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div class=\"some-class\">this is a test</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences_partial.js
new file mode 100644
index 0000000000..0a91eeb143
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/escape_sequences_partial.js
@@ -0,0 +1,3 @@
+consts: [[1, "some-class"]]
+…
+.ɵɵelementStart(0, "div", 0) // SOURCE: "/escape_sequences.ts" <div class=\"some-class\">
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag.js
new file mode 100644
index 0000000000..ad6797de0a
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag.js
@@ -0,0 +1,13 @@
+`Hello, ${ // SOURCE: "/i18n_message_container_tag.ts" Hello, 
+…
+"\uFFFD#2\uFFFD" // SOURCE: "/i18n_message_container_tag.ts" <b>
+…
+}:START_BOLD_TEXT:World${ // SOURCE: "/i18n_message_container_tag.ts" World
+…
+"\uFFFD/#2\uFFFD" // SOURCE: "/i18n_message_container_tag.ts" </b>
+…
+}:CLOSE_BOLD_TEXT:!` // SOURCE: "/i18n_message_container_tag.ts" !
+…
+i0.ɵɵelementStart(0, "div") // SOURCE: "/i18n_message_container_tag.ts" <div i18n>
+…
+i0.ɵɵelementEnd() // SOURCE: "/i18n_message_container_tag.ts" </div>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag.ts
new file mode 100644
index 0000000000..5ebda4d336
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div i18n>Hello, <b>World</b>!</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag_partial.js
new file mode 100644
index 0000000000..52bda9e43a
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_container_tag_partial.js
@@ -0,0 +1,14 @@
+$localize`Hello, ${ // SOURCE: "/i18n_message_container_tag.ts" Hello, 
+…
+"\uFFFD#2\uFFFD" // SOURCE: "/i18n_message_container_tag.ts" <b>
+…
+}:START_BOLD_TEXT:World${ // SOURCE: "/i18n_message_container_tag.ts" World
+…
+"\uFFFD/#2\uFFFD" // SOURCE: "/i18n_message_container_tag.ts" </b>
+…
+}:CLOSE_BOLD_TEXT:!` // SOURCE: "/i18n_message_container_tag.ts" !
+…
+.ɵɵelementStart(0, "div") // SOURCE: "/i18n_message_container_tag.ts" <div i18n>
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelem // SOURCE: "/i18n_message_container_tag.ts" </div>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace.js
new file mode 100644
index 0000000000..d72da22f8c
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace.js
@@ -0,0 +1,20 @@
+` pre-p ${ // SOURCE: "/i18n_message_element_whitespace.ts" pre-p\\n  
+…
+"\uFFFD#2\uFFFD" // SOURCE: "/i18n_message_element_whitespace.ts" <p>\\n    
+…
+}:START_PARAGRAPH: in-p ${ // SOURCE: "/i18n_message_element_whitespace.ts" in-p\\n  
+…
+"\uFFFD/#2\uFFFD" // SOURCE: "/i18n_message_element_whitespace.ts" </p>
+…
+}:CLOSE_PARAGRAPH: post-p\n` // SOURCE: "/i18n_message_element_whitespace.ts" post-p\\n
+…
+
+i0.ɵɵelementStart(0, "div") // SOURCE: "/i18n_message_element_whitespace.ts" <div i18n>\\n  
+…
+i0.ɵɵi18nStart(1, 0) // SOURCE: "/i18n_message_element_whitespace.ts" <div i18n>\\n  
+…
+i0.ɵɵelement(2, "p") // SOURCE: "/i18n_message_element_whitespace.ts" <p>\\n    
+…
+i0.ɵɵi18nEnd() // SOURCE: "/i18n_message_element_whitespace.ts" </div>
+…
+i0.ɵɵelementEnd() // SOURCE: "/i18n_message_element_whitespace.ts" </div>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace.ts
new file mode 100644
index 0000000000..a1ca6c6ead
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div i18n>\n  pre-p\n  <p>\n    in-p\n  </p>\n  post-p\n</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace_partial.js
new file mode 100644
index 0000000000..4c19828520
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_element_whitespace_partial.js
@@ -0,0 +1,21 @@
+$localize` pre-p ${ // SOURCE: "/i18n_message_element_whitespace.ts" pre-p\\n  
+…
+"\uFFFD#2\uFFFD" // SOURCE: "/i18n_message_element_whitespace.ts" <p>\\n    
+…
+}:START_PARAGRAPH: in-p ${ // SOURCE: "/i18n_message_element_whitespace.ts" in-p\\n  
+…
+"\uFFFD/#2\uFFFD" // SOURCE: "/i18n_message_element_whitespace.ts" </p>\\n  
+…
+}:CLOSE_PARAGRAPH: post-p\n` // SOURCE: "/i18n_message_element_whitespace.ts" post-p\\n
+…
+
+.ɵɵelementStart(0, "div") // SOURCE: "/i18n_message_element_whitespace.ts" <div i18n>\\n  
+…
+.ɵɵi18nStart(1, 0) // SOURCE: "/i18n_message_element_whitespace.ts" <div i18n>\\n  
+…
+.ɵɵelement(2, "p") // SOURCE: "/i18n_message_element_whitespace.ts" <p>\\n    
+…
+.ɵɵi18nEnd() // SOURCE: "/i18n_message_element_whitespace.ts" </div>'
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelem // SOURCE: "/i18n_message_element_whitespace.ts" </div>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace.js
new file mode 100644
index 0000000000..4bfcc0f529
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace.js
@@ -0,0 +1,11 @@
+$localize `  pre-title ${
+"\uFFFD0\uFFFD" // SOURCE: "/i18n_message_interpolation_whitespace.ts" {{title_value}}
+}:INTERPOLATION:  post-title` // SOURCE: "/i18n_message_interpolation_whitespace.ts"   post-title
+…
+$localize ` pre-body ${
+"\uFFFD0\uFFFD" // SOURCE: "/i18n_message_interpolation_whitespace.ts" {{body_value}}
+}:INTERPOLATION: post-body` // SOURCE: "/i18n_message_interpolation_whitespace.ts"   post-body
+…
+i0.ɵɵelementStart(0, "div", 0) // SOURCE: "/i18n_message_interpolation_whitespace.ts" <div i18n title="
+…
+i0.ɵɵelementEnd() // SOURCE: "/i18n_message_interpolation_whitespace.ts" </div>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace.ts
new file mode 100644
index 0000000000..4019a72d38
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace.ts
@@ -0,0 +1,9 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template:
+      '<div i18n title="  pre-title {{title_value}}  post-title" i18n-title>  pre-body {{body_value}}  post-body</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace_partial.js
new file mode 100644
index 0000000000..7d405b1f94
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_interpolation_whitespace_partial.js
@@ -0,0 +1,12 @@
+$localize `  pre-title ${
+"\uFFFD0\uFFFD" // SOURCE: "/i18n_message_interpolation_whitespace.ts" {{title_value}}
+}:INTERPOLATION:  post-title` // SOURCE: "/i18n_message_interpolation_whitespace.ts"   post-title" i18n-title>
+…
+$localize ` pre-body ${
+"\uFFFD0\uFFFD" // SOURCE: "/i18n_message_interpolation_whitespace.ts" {{body_value}}
+}:INTERPOLATION: post-body` // SOURCE: "/i18n_message_interpolation_whitespace.ts"   post-body
+…
+.ɵɵelementStart(0, "div", 0) // SOURCE: "/i18n_message_interpolation_whitespace.ts" <div i18n title="
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelementEnd() // SOURCE: "/i18n_message_interpolation_whitespace.ts" </div>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder.js
new file mode 100644
index 0000000000..928c751dcc
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder.js
@@ -0,0 +1,9 @@
+`Hello, ${ // SOURCE: "/i18n_message_placeholder.ts" Hello, 
+…
+"\uFFFD0\uFFFD" // SOURCE: "/i18n_message_placeholder.ts" {{name}}
+…
+}:INTERPOLATION:!` // SOURCE: "/i18n_message_placeholder.ts" !
+…
+i0.ɵɵelementStart(0, "div") // SOURCE: "/i18n_message_placeholder.ts" <div i18n>
+…
+i0.ɵɵelementEnd() // SOURCE: "/i18n_message_placeholder.ts" </div>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder.ts
new file mode 100644
index 0000000000..ae3a16f60b
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div i18n>Hello, {{name}}!</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder_partial.js
new file mode 100644
index 0000000000..444b7461a7
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_placeholder_partial.js
@@ -0,0 +1,9 @@
+$localize`Hello, ${ // SOURCE: "/i18n_message_placeholder.ts" Hello, 
+…
+"\uFFFD0\uFFFD" // SOURCE: "/i18n_message_placeholder.ts" {{name}}
+…
+}:INTERPOLATION:!` // SOURCE: "/i18n_message_placeholder.ts" !
+…
+.ɵɵelementStart(0, "div") // SOURCE: "/i18n_message_placeholder.ts" <div i18n>
+…
+.ɵɵelementEnd() // SOURCE: "/i18n_message_placeholder.ts" </div>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple.js
new file mode 100644
index 0000000000..f31ad659db
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple.js
@@ -0,0 +1,3 @@
+`Hello, World!` // SOURCE: "/i18n_message_simple.ts" Hello, World!
+…
+i0.ɵɵelementStart(0, "div") // SOURCE: "/i18n_message_simple.ts" <div i18n>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple.ts
new file mode 100644
index 0000000000..3350d6c2d6
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div i18n>Hello, World!</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple_partial.js
new file mode 100644
index 0000000000..1e2384b6c8
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/i18n_message_simple_partial.js
@@ -0,0 +1,3 @@
+$localize`Hello, World!` // SOURCE: "/i18n_message_simple.ts" Hello, World!
+…
+.ɵɵelementStart(0, "div") // SOURCE: "/i18n_message_simple.ts" <div i18n>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class.js
new file mode 100644
index 0000000000..0941a1deea
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class.js
@@ -0,0 +1,7 @@
+i0.ɵɵelementStart(0, "div") // SOURCE: "/input_binding_class.ts" <div 
+…
+i0.ɵɵtext(1, "Message") // SOURCE: "/input_binding_class.ts" Message
+…
+i0.ɵɵelementEnd() // SOURCE: "/input_binding_class.ts" </div>
+…
+i0.ɵɵclassProp("initial", ctx.isInitial) // SOURCE: "/input_binding_class.ts" [class.initial]="isInitial"
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class.ts
new file mode 100644
index 0000000000..4f6d9b85bc
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div [class.initial]="isInitial">Message</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class_partial.js
new file mode 100644
index 0000000000..b53f912da4
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_class_partial.js
@@ -0,0 +1,7 @@
+.ɵɵelementStart(0, "div") // SOURCE: "/input_binding_class.ts" <div 
+…
+.ɵɵtext(1, "Message") // SOURCE: "/input_binding_class.ts" Message
+…
+.ɵɵelem // SOURCE: "/input_binding_class.ts" </div>'
+…
+.ɵɵclassProp("initial", ctx.isInitial) // SOURCE: "/input_binding_class.ts" [class.initial]="isInitial">
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex.js
new file mode 100644
index 0000000000..a96da43799
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex.js
@@ -0,0 +1,3 @@
+i0.ɵɵelement(0, "div", 0) // SOURCE: "/input_binding_complex.ts" <div 
+…
+i0.ɵɵproperty("attr", ctx.greeting + ctx.name) // SOURCE: "/input_binding_complex.ts" [attr]="greeting + name"
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex.ts
new file mode 100644
index 0000000000..360d130052
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div [attr]="greeting + name"></div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex_partial.js
new file mode 100644
index 0000000000..46aec8c098
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_complex_partial.js
@@ -0,0 +1,4 @@
+.ɵɵelement(0, "div", 0) // SOURCE: "/input_binding_complex.ts" <div 
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵproperty("attr", ctx.greeting // SOURCE: "/input_binding_complex.ts" [attr]="greeting + name"></div>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand.js
new file mode 100644
index 0000000000..33e11a5248
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand.js
@@ -0,0 +1,3 @@
+i0.ɵɵelement(0, "div", 0) // SOURCE: "/input_binding_longhand.ts" <div 
+…
+i0.ɵɵproperty("attr", ctx.name) // SOURCE: "/input_binding_longhand.ts" bind-attr="name"
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand.ts
new file mode 100644
index 0000000000..f720ff943d
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div bind-attr="name"></div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand_partial.js
new file mode 100644
index 0000000000..1da4a0d936
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_longhand_partial.js
@@ -0,0 +1,4 @@
+.ɵɵelement(0, "div", 0) // SOURCE: "/input_binding_longhand.ts" <div 
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵproperty("attr", ctx. // SOURCE: "/input_binding_longhand.ts" bind-attr="name"></div>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple.js
new file mode 100644
index 0000000000..88fdb74810
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple.js
@@ -0,0 +1,3 @@
+i0.ɵɵelement(0, "div", 0) // SOURCE: "/input_binding_simple.ts" <div 
+…
+i0.ɵɵproperty("attr", ctx.name) // SOURCE: "/input_binding_simple.ts" [attr]="name"
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple.ts
new file mode 100644
index 0000000000..541d93801a
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div [attr]="name"></div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple_partial.js
new file mode 100644
index 0000000000..7868ebe5ea
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/input_binding_simple_partial.js
@@ -0,0 +1,4 @@
+.ɵɵelement(0, "div", 0) // SOURCE: "/input_binding_simple.ts" <div 
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵproperty("attr", c // SOURCE: "/input_binding_simple.ts" [attr]="name"></div>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic.js
new file mode 100644
index 0000000000..d4eec28404
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic.js
@@ -0,0 +1,5 @@
+i0.ɵɵelementStart(0, "h3") // SOURCE: "/interpolation_basic.ts" <h3>
+…
+i0.ɵɵelementEnd() // SOURCE: "/interpolation_basic.ts" </h3>
+…
+i0.ɵɵtextInterpolate1("Hello ", ctx.name, "") // SOURCE: "/interpolation_basic.ts" Hello {{ name }}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic.ts
new file mode 100644
index 0000000000..c14139f2e3
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<h3>Hello {{ name }}</h3>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic_partial.js
new file mode 100644
index 0000000000..defbe70487
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_basic_partial.js
@@ -0,0 +1,6 @@
+.ɵɵelementStart(0, "h3") // SOURCE: "/interpolation_basic.ts" <h3>
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵele // SOURCE: "/interpolation_basic.ts" </h3>'
+…
+.ɵɵtextInterpolate1("Hello ", ctx.name, "") // SOURCE: "/interpolation_basic.ts" Hello {{ name }}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex.js
new file mode 100644
index 0000000000..2d22cbbeae
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex.js
@@ -0,0 +1,5 @@
+i0.ɵɵelementStart(0, "h2") // SOURCE: "/interpolation_complex.ts" <h2>
+…
+i0.ɵɵelementEnd() // SOURCE: "/interpolation_complex.ts" </h2>
+…
+i0.ɵɵtextInterpolate(ctx.greeting + " " + ctx.name) // SOURCE: "/interpolation_complex.ts" {{ greeting + " " + name }}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex.ts
new file mode 100644
index 0000000000..4753634912
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<h2>{{ greeting + " " + name }}</h2>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex_partial.js
new file mode 100644
index 0000000000..6b72f59dc3
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_complex_partial.js
@@ -0,0 +1,6 @@
+.ɵɵelementStart(0, "h2") // SOURCE: "/interpolation_complex.ts" <h2>
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵele // SOURCE: "/interpolation_complex.ts" </h2>'
+…
+.ɵɵtextInterpolate(ctx.greeting + " " + ctx.name) // SOURCE: "/interpolation_complex.ts" {{ greeting + " " + name }}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties.js
new file mode 100644
index 0000000000..3625b88102
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties.js
@@ -0,0 +1,3 @@
+i0.ɵɵelement(0, "div", 0) // SOURCE: "/interpolation_properties.ts" <div 
+…
+i0.ɵɵpropertyInterpolate("id", ctx.name) // SOURCE: "/interpolation_properties.ts" id="{{name}}"
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties.ts
new file mode 100644
index 0000000000..9d06a325b7
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div id="{{name}}"></div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties_partial.js
new file mode 100644
index 0000000000..4ca2d7cce6
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_properties_partial.js
@@ -0,0 +1,4 @@
+.ɵɵelement(0, "div", 0) // SOURCE: "/interpolation_properties.ts" <div 
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵpropertyInterpolat // SOURCE: "/interpolation_properties.ts" id="{{name}}"></div>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe.js
new file mode 100644
index 0000000000..372d821648
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe.js
@@ -0,0 +1,5 @@
+i0.ɵɵelementStart(0, "div") // SOURCE: "/interpolation_with_pipe.ts" <div>
+…
+i0.ɵɵelementEnd() // SOURCE: "/interpolation_with_pipe.ts" </div>
+…
+i0.ɵɵtextInterpolate(i0.ɵɵpipeBind2(2, 1, 200.3, 2)) // SOURCE: "/interpolation_with_pipe.ts" {{200.3 | percent : 2 }}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe.ts
new file mode 100644
index 0000000000..91dece8e44
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div>{{200.3 | percent : 2 }}</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe_partial.js
new file mode 100644
index 0000000000..dc485cfdf2
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/interpolation_with_pipe_partial.js
@@ -0,0 +1,6 @@
+.ɵɵelementStart(0, "div") // SOURCE: "/interpolation_with_pipe.ts" <div>
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelem // SOURCE: "/interpolation_with_pipe.ts" </div>'
+…
+.ɵɵpipeBind2(2, 1, 200.3, 2)) // SOURCE: "/interpolation_with_pipe.ts" {{200.3 | percent : 2 }}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple.js
new file mode 100644
index 0000000000..761a528c34
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple.js
@@ -0,0 +1,15 @@
+i0.ɵɵelementStart(0, "div") // SOURCE: "/ng_for_simple.ts" <div *ngFor="let item 
+…
+i0.ɵɵtext(1) // SOURCE: "/ng_for_simple.ts" {{ item }}
+…
+i0.ɵɵelementEnd() // SOURCE: "/ng_for_simple.ts" </div>
+…
+i0.ɵɵadvance(1) // SOURCE: "/ng_for_simple.ts" {{ item }}
+…
+i0.ɵɵtextInterpolate(item_r1) // SOURCE: "/ng_for_simple.ts" {{ item }}
+…
+i0.ɵɵtemplate(0, TestCmp_div_0_Template, 2, 1, "div", 0) // SOURCE: "/ng_for_simple.ts" <div *ngFor="let item 
+…
+i0.ɵɵproperty("ngForOf", ctx.items) // SOURCE: "/ng_for_simple.ts" of items; 
+…
+("ngForTrackBy", ctx.trackByFn) // SOURCE: "/ng_for_simple.ts" index as i; trackBy: trackByFn">
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple.ts
new file mode 100644
index 0000000000..7f2acd5145
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div *ngFor="let item of items; index as i; trackBy: trackByFn">{{ item }}</div>'
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple_partial.js
new file mode 100644
index 0000000000..21ed2ffa86
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_simple_partial.js
@@ -0,0 +1,15 @@
+.ɵɵelementStart(0, "div");\n // SOURCE: "/ng_for_simple.ts" <div *ngFor="let item 
+…
+.ɵɵtext(1);\n // SOURCE: "/ng_for_simple.ts" {{ item }}
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelem // SOURCE: "/ng_for_simple.ts" </div>'
+…
+.ɵɵadvance(1);\n // SOURCE: "/ng_for_simple.ts" {{ item }}
+…
+.ɵɵtextInterpolate(item_r1);\n  }\n}\n\n // SOURCE: "/ng_for_simple.ts" {{ item }}
+…
+.ɵɵtemplate(0, TestCmp_div_0_Template, 2, 1, "div", 0) // SOURCE: "/ng_for_simple.ts" <div *ngFor="let item 
+…
+// TODO: Work out if we can split these two calls
+.ɵɵproperty("ngForOf", ctx.items)("ngForTrackBy", ctx.trackByFn) // SOURCE: "/ng_for_simple.ts" of items; index as i; trackBy: trackByFn">
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated.js
new file mode 100644
index 0000000000..2076ca6260
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated.js
@@ -0,0 +1,4 @@
+i0.ɵɵtext(0) // SOURCE: "/ng_for_templated.ts" {{ item }}
+…
+// TODO - map the bindings better
+i0.ɵɵtextInterpolate(item_r1) // SOURCE: "/ng_for_templated.ts" {{ item }}
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated.ts
new file mode 100644
index 0000000000..83287ff43d
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: `<ng-template ngFor [ngForOf]="items" let-item>{{ item }}</ng-template>`
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated_partial.js
new file mode 100644
index 0000000000..c48b7d422b
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_for_templated_partial.js
@@ -0,0 +1,5 @@
+.ɵɵtext(0);\n  }\n\n  if (rf & 2) {\n    const item_r1 = ctx.$implicit;\n // SOURCE: "/ng_for_templated.ts" {{ item }}</ng-template>`
+…
+// TODO - map the bindings better
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵtextInterpolate(item_r // SOURCE: "/ng_for_templated.ts" {{ item }}</ng-template>`
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple.js
new file mode 100644
index 0000000000..98c6dd10d6
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple.js
@@ -0,0 +1,11 @@
+i0.ɵɵelementStart(0, "div") // SOURCE: "/ng_if_simple.ts" <div *
+…
+i0.ɵɵtext(1) // SOURCE: "/ng_if_simple.ts" {{ name }}
+…
+i0.ɵɵelementEnd() // SOURCE: "/ng_if_simple.ts" </div>
+…
+i0.ɵɵtextInterpolate(ctx_r0.name) // SOURCE: "/ng_if_simple.ts" {{ name }}
+…
+i0.ɵɵtemplate(0, TestCmp_div_0_Template, 2, 1, "div", 0) // SOURCE: "/ng_if_simple.ts" <div *
+…
+i0.ɵɵproperty("ngIf", ctx.showMessage()) // SOURCE: "/ng_if_simple.ts" ngIf="showMessage()
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple.ts
new file mode 100644
index 0000000000..5351605016
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div *ngIf="showMessage()">{{ name }}</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple_partial.js
new file mode 100644
index 0000000000..ed39129bf3
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_simple_partial.js
@@ -0,0 +1,12 @@
+.ɵɵelementStart(0, "div");\n // SOURCE: "/ng_if_simple.ts" <div *
+…
+.ɵɵtext(1);\n // SOURCE: "/ng_if_simple.ts" {{ name }}
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelem // SOURCE: "/ng_if_simple.ts" </div>'
+…
+.ɵɵtextInterpolate(ctx_r0.name);\n  }\n}\n\n // SOURCE: "/ng_if_simple.ts" {{ name }}
+…
+.ɵɵtemplate(0, TestCmp_div_0_Template, 2, 1, "div", 0) // SOURCE: "/ng_if_simple.ts" <div *
+…
+.ɵɵproperty("ngIf", ctx.showMessage()) // SOURCE: "/ng_if_simple.ts" ngIf="showMessage()">
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated.js
new file mode 100644
index 0000000000..a10cd5ce18
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated.js
@@ -0,0 +1,7 @@
+i0.ɵɵelementStart(0, "div") // SOURCE: "/ng_if_templated.ts" <div>
+…
+// TODO - map the bindings better
+i0.ɵɵelementEnd() // SOURCE: "/ng_if_templated.ts" </div>
+…
+// TODO: the `ctx_r...` appears to be dependent upon previous tests!!!
+// TODO: expectMapping(mappings, {  source: '{{ name }}',  generated: 'i0.ɵɵtextInterpolate(ctx_r0.name)',  sourceUrl: '../ng_if_templated.ts'});
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated.ts
new file mode 100644
index 0000000000..688bc53cbe
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated.ts
@@ -0,0 +1,12 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: `
+    <ng-template [ngIf]="showMessage()">
+      <div>{{ name }}</div>
+      <hr>
+    </ng-template>`
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated_partial.js
new file mode 100644
index 0000000000..c00684bc83
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/ng_if_templated_partial.js
@@ -0,0 +1,8 @@
+.ɵɵelementStart(0, "div");\n // SOURCE: "/ng_if_templated.ts" <div>
+…
+// TODO - map the bindings better
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelementEnd();\n // SOURCE: "/ng_if_templated.ts" </div>\n      
+…
+// TODO: the `ctx_r...` appears to be dependent upon previous tests!!!
+// TODO: expectMapping(mappings, {  source: '{{ name }}',  generated: 'i0.ɵɵtextInterpolate(ctx_r0.name)',  sourceUrl: '../ng_if_templated.ts'});
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex.js
new file mode 100644
index 0000000000..eb7e90c3bd
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex.js
@@ -0,0 +1,11 @@
+i0.ɵɵelementStart(0, "button", 0) // SOURCE: "/output_binding_complex.ts" <button 
+…
+ctx.items.push( // SOURCE: "/output_binding_complex.ts" items.push(
+…
+"item" // SOURCE: "/output_binding_complex.ts" 'item'
+…
+ + ctx.items.length) // SOURCE: "/output_binding_complex.ts"  + items.length)
+…
+i0.ɵɵtext(1, "Add Item") // SOURCE: "/output_binding_complex.ts" Add Item
+…
+i0.ɵɵelementEnd() // SOURCE: "/output_binding_complex.ts" </button>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex.ts
new file mode 100644
index 0000000000..4cdfb86138
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: `<button (click)="items.push('item' + items.length)">Add Item</button>`,
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex_partial.js
new file mode 100644
index 0000000000..850d425921
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_complex_partial.js
@@ -0,0 +1,13 @@
+.ɵɵelementStart(0, "button", 0) // SOURCE: "/output_binding_complex.ts" <button 
+…
+.ɵɵlistener("click", function TestCmp_Template_button_click_0_listener() {\n // SOURCE: "/output_binding_complex.ts" (click)="
+…
+ctx.items.push( // SOURCE: "/output_binding_complex.ts" items.push(
+…
+// TODO: fix the mappings here
+"item" // SOURCE: "/output_binding_complex.ts" 'item' + items.length)">
+…
+.ɵɵtext(1, "Add Item") // SOURCE: "/output_binding_complex.ts" Add Item
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelement // SOURCE: "/output_binding_complex.ts" </button>`
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand.js
new file mode 100644
index 0000000000..5621aac266
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand.js
@@ -0,0 +1,8 @@
+…
+i0.ɵɵelementStart(0, "button", 0) // SOURCE: "/output_binding_longhand.ts" <button 
+…
+ctx.doSomething() // SOURCE: "/output_binding_longhand.ts" doSomething()
+…
+i0.ɵɵtext(1, "Do it") // SOURCE: "/output_binding_longhand.ts" Do it
+…
+i0.ɵɵelementEnd() // SOURCE: "/output_binding_longhand.ts" </button>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand.ts
new file mode 100644
index 0000000000..e5e3bbc96c
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<button on-click="doSomething()">Do it</button>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand_partial.js
new file mode 100644
index 0000000000..101323ada5
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_longhand_partial.js
@@ -0,0 +1,9 @@
+…
+.ɵɵelementStart(0, "button", 0) // SOURCE: "/output_binding_longhand.ts" <button 
+…
+ctx.doSomething() // SOURCE: "/output_binding_longhand.ts" doSomething()">
+…
+.ɵɵtext(1, "Do it") // SOURCE: "/output_binding_longhand.ts" Do it
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelement // SOURCE: "/output_binding_longhand.ts" </button>'
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple.js
new file mode 100644
index 0000000000..64bffc962d
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple.js
@@ -0,0 +1,9 @@
+i0.ɵɵelementStart(0, "button", 0) // SOURCE: "/output_binding_simple.ts" <button 
+…
+i0.ɵɵlistener("click", function TestCmp_Template_button_click_0_listener() { return  // SOURCE: "/output_binding_simple.ts" (click)="
+…
+ctx.doSomething() // SOURCE: "/output_binding_simple.ts" doSomething()
+…
+i0.ɵɵtext(1, "Do it") // SOURCE: "/output_binding_simple.ts" Do it
+…
+i0.ɵɵelementEnd() // SOURCE: "/output_binding_simple.ts" </button>
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple.ts
new file mode 100644
index 0000000000..877d152d68
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<button (click)="doSomething()">Do it</button>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple_partial.js
new file mode 100644
index 0000000000..d0500d3147
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/output_binding_simple_partial.js
@@ -0,0 +1,10 @@
+.ɵɵelementStart(0, "button", 0) // SOURCE: "/output_binding_simple.ts" <button 
+…
+.ɵɵlistener("click", function TestCmp_Template_button_click_0_listener() {\n // SOURCE: "/output_binding_simple.ts" (click)="
+…
+ctx.doSomething() // SOURCE: "/output_binding_simple.ts" doSomething()">
+…
+.ɵɵtext(1, "Do it") // SOURCE: "/output_binding_simple.ts" Do it
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelement // SOURCE: "/output_binding_simple.ts" </button>'
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection.js
new file mode 100644
index 0000000000..cd61a51d1e
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection.js
@@ -0,0 +1,11 @@
+i0.ɵɵelementStart(0, "h3") // SOURCE: "/projection.ts" <h3>
+…
+i0.ɵɵprojection(1) // SOURCE: "/projection.ts" <ng-content select="title"></ng-content>
+…
+i0.ɵɵelementEnd() // SOURCE: "/projection.ts" </h3>
+…
+i0.ɵɵelementStart(2, "div") // SOURCE: "/projection.ts" <div>
+…
+i0.ɵɵprojection(3, 1) // SOURCE: "/projection.ts" <ng-content></ng-content>
+…
+i0.ɵɵelementEnd() // SOURCE: "/projection.ts" </div>
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection.ts
new file mode 100644
index 0000000000..537dd35c22
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection.ts
@@ -0,0 +1,10 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: `
+  <h3><ng-content select="title"></ng-content></h3>
+  <div><ng-content></ng-content></div>`
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection_partial.js
new file mode 100644
index 0000000000..0185dc6017
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/projection_partial.js
@@ -0,0 +1,11 @@
+.ɵɵelementStart(0, "h3") // SOURCE: "/projection.ts" <h3>
+…
+.ɵɵprojection(1) // SOURCE: "/projection.ts" <ng-content select="title"></ng-content>
+…
+.ɵɵelementEnd() // SOURCE: "/projection.ts" </h3>\n  
+…
+.ɵɵelementStart(2, "div") // SOURCE: "/projection.ts" <div>
+…
+.ɵɵprojection(3, 1) // SOURCE: "/projection.ts" <ng-content></ng-content>
+…
+.ɵɵelem // SOURCE: "/projection.ts" </div>`
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element.js
new file mode 100644
index 0000000000..3e3d11b673
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element.js
@@ -0,0 +1,5 @@
+i0.ɵɵelementStart(0, "h1") // SOURCE: "/simple_element.ts" <h1>
+…
+i0.ɵɵtext(1, "Heading 1") // SOURCE: "/simple_element.ts" Heading 1
+…
+i0.ɵɵelementEnd() // SOURCE: "/simple_element.ts" </h1>
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element.ts
new file mode 100644
index 0000000000..941106dd8c
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<h1>Heading 1</h1>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element_partial.js
new file mode 100644
index 0000000000..f17d38c8f1
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/simple_element_partial.js
@@ -0,0 +1,6 @@
+.ɵɵelementStart(0, "h1") // SOURCE: "/simple_element.ts" <h1>
+…
+.ɵɵtext(1, "Heading 1") // SOURCE: "/simple_element.ts" Heading 1
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵele // SOURCE: "/simple_element.ts" </h1>'
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand.js
new file mode 100644
index 0000000000..bca96455fc
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand.js
@@ -0,0 +1,6 @@
+i0.ɵɵelementStart(1, "input", 0) // SOURCE: "/two_way_binding_longhand.ts" <input 
+…
+// TODO: improve mappings here
+i0.ɵɵlistener("ngModelChange", function TestCmp_Template_input_ngModelChange_1_listener($event) { return ctx.name = $event; }) // SOURCE: "/two_way_binding_longhand.ts" bindon-ngModel="name"
+…
+i0.ɵɵelementEnd() // SOURCE: "/two_way_binding_longhand.ts" <input 
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand.ts
new file mode 100644
index 0000000000..c1df5985e7
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: 'Name: <input bindon-ngModel="name">',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand_partial.js
new file mode 100644
index 0000000000..7ef18ea874
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_longhand_partial.js
@@ -0,0 +1,7 @@
+.ɵɵelementStart(1, "input", 0) // SOURCE: "/two_way_binding_longhand.ts" <input 
+…
+// TODO: improve mappings here
+.ɵɵlistener("ngModelChange", function TestCmp_Template_input_ngModelChange_1_listener($event) {\n // SOURCE: "/two_way_binding_longhand.ts" bindon-ngModel="name">'
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelementEnd() // SOURCE: "/two_way_binding_longhand.ts" <input 
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple.js
new file mode 100644
index 0000000000..e90cedc719
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple.js
@@ -0,0 +1,7 @@
+…
+i0.ɵɵelementStart(1, "input", 0) // SOURCE: "/two_way_binding_simple.ts" <input 
+…
+// TODO: improve mappings here
+i0.ɵɵlistener("ngModelChange", function TestCmp_Template_input_ngModelChange_1_listener($event) { return ctx.name = $event; }) // SOURCE: "/two_way_binding_simple.ts" [(ngModel)]="name"
+…
+i0.ɵɵelementEnd() // SOURCE: "/two_way_binding_simple.ts" <input 
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple.ts
new file mode 100644
index 0000000000..b662a4e819
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: 'Name: <input [(ngModel)]="name">',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple_partial.js
new file mode 100644
index 0000000000..601a38fff9
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/two_way_binding_simple_partial.js
@@ -0,0 +1,7 @@
+…
+.ɵɵelementStart(1, "input", 0) // SOURCE: "/two_way_binding_simple.ts" <input 
+…
+// TODO: improve mappings here
+.ɵɵlistener("ngModelChange", function TestCmp_Template_input_ngModelChange_1_listener($event) {\n // SOURCE: "/two_way_binding_simple.ts" [(ngModel)]="name">'
+…
+.ɵɵelementEnd() // SOURCE: "/two_way_binding_simple.ts" <input 
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode.js
new file mode 100644
index 0000000000..8caa8153b0
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode.js
@@ -0,0 +1,15 @@
+// NOTE: Creation mode
+i0.ɵɵelementStart(0, "div") // SOURCE: "/update_mode.ts" <div>
+…
+i0.ɵɵtext(1, "this is a test") // SOURCE: "/update_mode.ts" this is a test
+…
+i0.ɵɵelementEnd() // SOURCE: "/update_mode.ts" </div>
+…
+i0.ɵɵelementStart(2, "div") // SOURCE: "/update_mode.ts" <div>
+…
+i0.ɵɵtext(3) // SOURCE: "/update_mode.ts" {{ 1 + 2 }}
+…
+i0.ɵɵelementEnd() // SOURCE: "/update_mode.ts" </div>
+…
+// NOTE: Update mode
+i0.ɵɵtextInterpolate(1 + 2) // SOURCE: "/update_mode.ts" {{ 1 + 2 }}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode.ts
new file mode 100644
index 0000000000..2deac333cb
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<div>this is a test</div><div>{{ 1 + 2 }}</div>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode_partial.js
new file mode 100644
index 0000000000..27e57418f5
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/update_mode_partial.js
@@ -0,0 +1,16 @@
+// NOTE: Creation mode
+.ɵɵelementStart(0, "div") // SOURCE: "/update_mode.ts" <div>
+…
+.ɵɵtext(1, "this is a test") // SOURCE: "/update_mode.ts" this is a test
+…
+.ɵɵelementEnd() // SOURCE: "/update_mode.ts" </div>
+…
+.ɵɵelementStart(2, "div") // SOURCE: "/update_mode.ts" <div>
+…
+.ɵɵtext(3) // SOURCE: "/update_mode.ts" {{ 1 + 2 }}
+…
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵelem // SOURCE: "/update_mode.ts" </div>'
+…
+// NOTE: Update mode
+.ɵɵtextInterpolate(1 + 2) // SOURCE: "/update_mode.ts" {{ 1 + 2 }}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element.js
new file mode 100644
index 0000000000..92de070684
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element.js
@@ -0,0 +1 @@
+i0.ɵɵelement(0, "hr") // SOURCE: "/void_element.ts" <hr>
\ No newline at end of file
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element.ts b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element.ts
new file mode 100644
index 0000000000..a82f85b26b
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element.ts
@@ -0,0 +1,8 @@
+import {Component} from '@angular/core';
+
+@Component({
+  selector: 'test-cmp',
+  template: '<hr>',
+})
+export class TestCmp {
+}
diff --git a/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element_partial.js b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element_partial.js
new file mode 100644
index 0000000000..9b47666e3c
--- /dev/null
+++ b/packages/compiler-cli/test/compliance/test_cases/source_mapping/inline_templates/void_element_partial.js
@@ -0,0 +1,2 @@
+// TODO: Work out how to fix the broken segment for the last item in a template
+.ɵɵel // SOURCE: "/void_element.ts" <hr>'
\ No newline at end of file
diff --git a/packages/compiler-cli/test/ngtsc/template_mapping_spec.ts b/packages/compiler-cli/test/ngtsc/template_mapping_spec.ts
index 017abd8190..6a08157e75 100644
--- a/packages/compiler-cli/test/ngtsc/template_mapping_spec.ts
+++ b/packages/compiler-cli/test/ngtsc/template_mapping_spec.ts
@@ -586,37 +586,6 @@ runInEachFileSystem((os) => {
         });
       });
 
-      it('should create (simple backtick string) inline template source-mapping', () => {
-        const mappings = compileAndMap('<div>this is a test</div><div>{{ 1 + 2 }}</div>');
-
-        // Creation mode
-        expectMapping(
-            mappings,
-            {generated: 'i0.ɵɵelementStart(0, "div")', source: '<div>', sourceUrl: '../test.ts'});
-        expectMapping(mappings, {
-          generated: 'i0.ɵɵtext(1, "this is a test")',
-          source: 'this is a test',
-          sourceUrl: '../test.ts'
-        });
-        expectMapping(
-            mappings, {generated: 'i0.ɵɵelementEnd()', source: '</div>', sourceUrl: '../test.ts'});
-        expectMapping(
-            mappings,
-            {generated: 'i0.ɵɵelementStart(2, "div")', source: '<div>', sourceUrl: '../test.ts'});
-        expectMapping(
-            mappings, {generated: 'i0.ɵɵtext(3)', source: '{{ 1 + 2 }}', sourceUrl: '../test.ts'});
-        expectMapping(
-            mappings, {generated: 'i0.ɵɵelementEnd()', source: '</div>', sourceUrl: '../test.ts'});
-
-        // TODO(benlesh): We need to circle back and prevent the extra parens from being generated.
-        // Update mode
-        expectMapping(mappings, {
-          generated: 'i0.ɵɵtextInterpolate(1 + 2)',
-          source: '{{ 1 + 2 }}',
-          sourceUrl: '../test.ts'
-        });
-      });
-
       it('should create correct inline template source-mapping when the source contains escape sequences',
          () => {
            // Note that the escaped double quotes, which need un-escaping to be parsed correctly.