refactor(Compiler): emit module URL for style attribution in dev mode

Previously this was emitted in the debug code generation mode, but was emitted
as the empty string in the release code generation mode. With the switch to a
unified code generation mode, we'll now rely on `isDevMode` to tree shake the
module URL away, and pass null instead.

Note this also changed the URL from the template module URL to the component
module URL. While it's orginal purpose was for templates, it's been repurposed
for style attribution, thus the component module URL (which could import
numerous style sheet URLs) is the best fit.

PiperOrigin-RevId: 200603316

Author: leonsenft

_goldens/test/_files/change_detection.template.golden

@@ -15,6 +15,7 @@ import 'package:angular/src/core/render/api.dart';
 import 'package:angular/src/core/linker/view_type.dart' as import4;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'package:angular/src/core/linker/app_view_utils.dart' as import6;
+import 'package:angular/src/runtime.dart' as import7;
 import 'package:angular/angular.dart';
 
 final List<dynamic> styles$CheckOnceComponent = const [];
@@ -25,7 +26,7 @@ class ViewCheckOnceComponent0 extends AppView<import1.CheckOnceComponent> {
   static RenderComponentType _renderType;
   ViewCheckOnceComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckOnce) {
     rootEl = import2.document.createElement('CheckOnce');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$CheckOnceComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/change_detection.dart' : null), ViewEncapsulation.None, styles$CheckOnceComponent);
     setupComponentType(_renderType);
   }
   @override
@@ -94,7 +95,7 @@ class ViewCheckedComponent0 extends AppView<import1.CheckedComponent> {
   static RenderComponentType _renderType;
   ViewCheckedComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckOnce) {
     rootEl = import2.document.createElement('Checked');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$CheckedComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/change_detection.dart' : null), ViewEncapsulation.None, styles$CheckedComponent);
     setupComponentType(_renderType);
   }
   @override
@@ -153,7 +154,7 @@ class ViewCheckAlwaysComponent0 extends AppView<import1.CheckAlwaysComponent> {
   static RenderComponentType _renderType;
   ViewCheckAlwaysComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckOnce) {
     rootEl = import2.document.createElement('CheckAlways');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$CheckAlwaysComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/change_detection.dart' : null), ViewEncapsulation.None, styles$CheckAlwaysComponent);
     setupComponentType(_renderType);
   }
   @override
@@ -212,7 +213,7 @@ class ViewDetachedComponent0 extends AppView<import1.DetachedComponent> {
   static RenderComponentType _renderType;
   ViewDetachedComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckOnce) {
     rootEl = import2.document.createElement('Detached');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$DetachedComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/change_detection.dart' : null), ViewEncapsulation.None, styles$DetachedComponent);
     setupComponentType(_renderType);
   }
   @override
@@ -271,7 +272,7 @@ class ViewOnPushComponent0 extends AppView<import1.OnPushComponent> {
   static RenderComponentType _renderType;
   ViewOnPushComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckOnce) {
     rootEl = import2.document.createElement('OnPush');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$OnPushComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/change_detection.dart' : null), ViewEncapsulation.None, styles$OnPushComponent);
     setupComponentType(_renderType);
   }
   @override
@@ -330,7 +331,7 @@ class ViewStatefulComponent0 extends AppView<import1.StatefulComponent> {
   static RenderComponentType _renderType;
   ViewStatefulComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckOnce) {
     rootEl = import2.document.createElement('Stateful');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$StatefulComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/change_detection.dart' : null), ViewEncapsulation.None, styles$StatefulComponent);
     setupComponentType(_renderType);
   }
   @override
@@ -391,7 +392,7 @@ class ViewDefaultComponent0 extends AppView<import1.DefaultComponent> {
   static RenderComponentType _renderType;
   ViewDefaultComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import2.document.createElement('Default');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$DefaultComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/change_detection.dart' : null), ViewEncapsulation.None, styles$DefaultComponent);
     setupComponentType(_renderType);
   }
   @override

_goldens/test/_files/component_loader_pattern.template.golden

@@ -19,6 +19,7 @@ import 'package:angular/src/core/linker/view_type.dart' as import3;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'dart:html' as import5;
 import 'package:angular/src/core/linker/app_view_utils.dart' as import6;
+import 'package:angular/src/runtime.dart' as import7;
 import 'package:angular/angular.dart';
 
 final List<dynamic> styles$TestComponent = const [];
@@ -27,7 +28,7 @@ class ViewTestComponent0 extends AppView<import1.TestComponent> {
   static RenderComponentType _renderType;
   ViewTestComponent0(AppView<dynamic> parentView, int parentIndex) : super(import3.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import5.document.createElement('test');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$TestComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/component_loader_pattern.dart' : null), ViewEncapsulation.None, styles$TestComponent);
     setupComponentType(_renderType);
   }
   @override

_goldens/test/_files/core_directives.template.golden

@@ -17,6 +17,7 @@ import 'package:angular/src/core/render/api.dart';
 import 'package:angular/src/core/linker/view_type.dart' as import6;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'package:angular/src/core/linker/app_view_utils.dart' as import8;
+import 'package:angular/src/runtime.dart' as import9;
 import 'package:angular/angular.dart';
 import 'package:angular/src/core/linker/template_ref.dart';
 import 'dart:core';
@@ -32,7 +33,7 @@ class ViewTestFooComponent0 extends AppView<import1.TestFooComponent> {
   static RenderComponentType _renderType;
   ViewTestFooComponent0(AppView<dynamic> parentView, int parentIndex) : super(import6.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import2.document.createElement('test-foo');
-    _renderType ??= import8.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$TestFooComponent);
+    _renderType ??= import8.appViewUtils.createRenderType((import9.isDevMode ? 'asset:_goldens/test/_files/core_directives.dart' : null), ViewEncapsulation.None, styles$TestFooComponent);
     setupComponentType(_renderType);
   }
   @override

_goldens/test/_files/deferred/container_component.template.golden

@@ -18,6 +18,7 @@ import 'package:angular/src/core/linker/view_type.dart' as import4;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'dart:html' as import6;
 import 'package:angular/src/core/linker/app_view_utils.dart' as import7;
+import 'package:angular/src/runtime.dart' as import8;
 import 'package:angular/angular.dart';
 import 'package:angular/src/core/linker/template_ref.dart';
 import 'deferred_component.template.dart' deferred as deflib1;
@@ -33,7 +34,7 @@ class ViewTestContainerComponent0 extends AppView<import1.TestContainerComponent
   static RenderComponentType _renderType;
   ViewTestContainerComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import6.document.createElement('test-container');
-    _renderType ??= import7.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$TestContainerComponent);
+    _renderType ??= import7.appViewUtils.createRenderType((import8.isDevMode ? 'asset:_goldens/test/_files/deferred/container_component.dart' : null), ViewEncapsulation.None, styles$TestContainerComponent);
     setupComponentType(_renderType);
   }
   @override

_goldens/test/_files/deferred/deferred_component.template.golden

@@ -15,6 +15,7 @@ import 'package:angular/src/core/render/api.dart';
 import 'package:angular/src/core/linker/view_type.dart' as import4;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'package:angular/src/core/linker/app_view_utils.dart' as import6;
+import 'package:angular/src/runtime.dart' as import7;
 import 'package:angular/angular.dart';
 
 final List<dynamic> styles$DeferredChildComponent = const [];
@@ -24,7 +25,7 @@ class ViewDeferredChildComponent0 extends AppView<import1.DeferredChildComponent
   static RenderComponentType _renderType;
   ViewDeferredChildComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import2.document.createElement('deferred-component');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$DeferredChildComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/deferred/deferred_component.dart' : null), ViewEncapsulation.None, styles$DeferredChildComponent);
     setupComponentType(_renderType);
   }
   @override

_goldens/test/_files/directives/base_component.template.golden

@@ -19,6 +19,7 @@ import 'package:angular/src/core/render/api.dart';
 import 'package:angular/src/core/linker/view_type.dart' as import6;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'package:angular/src/core/linker/app_view_utils.dart' as import8;
+import 'package:angular/src/runtime.dart' as import9;
 import 'package:angular/angular.dart';
 
 final List<dynamic> styles$TestFooComponent = const [];
@@ -31,7 +32,7 @@ class ViewTestFooComponent0 extends AppView<import1.TestFooComponent> {
   static RenderComponentType _renderType;
   ViewTestFooComponent0(AppView<dynamic> parentView, int parentIndex) : super(import6.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import2.document.createElement('test-foo');
-    _renderType ??= import8.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$TestFooComponent);
+    _renderType ??= import8.appViewUtils.createRenderType((import9.isDevMode ? 'asset:_goldens/test/_files/directives/base_component.dart' : null), ViewEncapsulation.None, styles$TestFooComponent);
     setupComponentType(_renderType);
   }
   @override

_goldens/test/_files/directives/components.template.golden

@@ -15,6 +15,7 @@ import 'package:angular/src/core/render/api.dart';
 import 'package:angular/src/core/linker/view_type.dart' as import4;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'package:angular/src/core/linker/app_view_utils.dart' as import6;
+import 'package:angular/src/runtime.dart' as import7;
 import 'package:angular/angular.dart';
 
 final List<dynamic> styles$TestSubComponent = const [];
@@ -24,7 +25,7 @@ class ViewTestSubComponent0 extends AppView<import1.TestSubComponent> {
   static RenderComponentType _renderType;
   ViewTestSubComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import2.document.createElement('test-bar');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$TestSubComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/directives/components.dart' : null), ViewEncapsulation.None, styles$TestSubComponent);
     setupComponentType(_renderType);
   }
   @override

_goldens/test/_files/directives/directive_wrapper.template.golden

@@ -17,9 +17,10 @@ import 'package:angular/src/core/render/api.dart';
 import 'package:angular/src/core/linker/view_type.dart' as import4;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'package:angular/src/core/linker/app_view_utils.dart' as import6;
+import 'package:angular/src/runtime.dart' as import7;
 import 'package:angular/angular.dart';
 import 'package:angular/src/core/linker/element_ref.dart';
-import 'package:angular/src/core/change_detection/directive_change_detector.dart' as import9;
+import 'package:angular/src/core/change_detection/directive_change_detector.dart' as import10;
 
 final List<dynamic> styles$TestFooComponent = ['div._ngcontent-%ID%{font-size:10px;}'];
 
@@ -31,7 +32,7 @@ class ViewTestFooComponent0 extends AppView<import1.TestFooComponent> {
   static RenderComponentType _renderType;
   ViewTestFooComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import2.document.createElement('test-foo');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.Emulated, styles$TestFooComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/directives/directive_wrapper.dart' : null), ViewEncapsulation.Emulated, styles$TestFooComponent);
     setupComponentType(_renderType);
   }
   @override
@@ -118,7 +119,7 @@ class ViewDirectiveContainerTest0 extends AppView<import1.DirectiveContainerTest
   static RenderComponentType _renderType;
   ViewDirectiveContainerTest0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import2.document.createElement('directive-container');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$DirectiveContainerTest);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/directives/directive_wrapper.dart' : null), ViewEncapsulation.None, styles$DirectiveContainerTest);
     setupComponentType(_renderType);
   }
   @override
@@ -186,7 +187,7 @@ AppView viewFactory_DirectiveContainerTestHost0(AppView<dynamic> parentView, int
 
 const ComponentFactory<import1.DirectiveContainerTest> DirectiveContainerTestNgFactory = const ComponentFactory<import1.DirectiveContainerTest>('directive-container', viewFactory_DirectiveContainerTestHost0, _DirectiveContainerTestMetadata);
 
-class ChildDirectiveNgCd extends import9.DirectiveChangeDetector {
+class ChildDirectiveNgCd extends import10.DirectiveChangeDetector {
   final import1.ChildDirective instance;
   var _expr_0;
   var _expr_1;
@@ -211,7 +212,7 @@ class ChildDirectiveNgCd extends import9.DirectiveChangeDetector {
   }
 }
 
-class FastDirectiveNgCd extends import9.DirectiveChangeDetector {
+class FastDirectiveNgCd extends import10.DirectiveChangeDetector {
   final import1.FastDirective instance;
   var _expr_0;
   FastDirectiveNgCd(this.instance, AppView v, import2.Element e) {

_goldens/test/_files/directives/functional_directives.template.golden

@@ -16,6 +16,7 @@ import 'package:angular/src/core/render/api.dart';
 import 'package:angular/src/core/linker/view_type.dart' as import4;
 import 'package:angular/src/core/change_detection/change_detection.dart';
 import 'package:angular/src/core/linker/app_view_utils.dart' as import6;
+import 'package:angular/src/runtime.dart' as import7;
 import 'package:angular/angular.dart';
 
 final List<dynamic> styles$AppComponent = const [];
@@ -26,7 +27,7 @@ class ViewAppComponent0 extends AppView<import1.AppComponent> {
   static RenderComponentType _renderType;
   ViewAppComponent0(AppView<dynamic> parentView, int parentIndex) : super(import4.ViewType.component, {}, parentView, parentIndex, ChangeDetectionStrategy.CheckAlways) {
     rootEl = import2.document.createElement('app');
-    _renderType ??= import6.appViewUtils.createRenderType('', ViewEncapsulation.None, styles$AppComponent);
+    _renderType ??= import6.appViewUtils.createRenderType((import7.isDevMode ? 'asset:_goldens/test/_files/directives/functional_directives.dart' : null), ViewEncapsulation.None, styles$AppComponent);
     setupComponentType(_renderType);
   }
   @override