Add factoryRenderer pattern to material_auto_suggest, and material_select to allow a path to stop using SlowComponentLoader.

PiperOrigin-RevId: 179505933

Author: TedSander

lib/material_input/material_auto_suggest_input.dart

@@ -126,6 +126,8 @@ typedef String _InputChangeCallback(String inputText);
         useExisting: MaterialAutoSuggestInputComponent),
     const Provider(HasComponentRenderer,
         useExisting: MaterialAutoSuggestInputComponent),
+    const Provider(HasFactoryRenderer,
+        useExisting: MaterialAutoSuggestInputComponent),
     const Provider(Focusable, useExisting: MaterialAutoSuggestInputComponent),
     const Provider(PopupSizeProvider,
         useExisting: MaterialAutoSuggestInputComponent)
@@ -162,6 +164,7 @@ class MaterialAutoSuggestInputComponent extends MaterialSelectBase
         OnDestroy,
         HasRenderer,
         HasComponentRenderer,
+        HasFactoryRenderer,
         DropdownHandle,
         PopupSizeProvider {
   /// How to automatically position the dropdown popup by default.
@@ -297,9 +300,15 @@ class MaterialAutoSuggestInputComponent extends MaterialSelectBase
   // angular dependency out of models.
   @override
   @Input()
+  @Deprecated('Use factoryRenderer instead as it is tree shakeable.')
   set componentRenderer(ComponentRenderer value) =>
       super.componentRenderer = value;
 
+  // [FactoryRenderer] used to display the item.
+  @override
+  @Input()
+  set factoryRenderer(FactoryRenderer value) => super.factoryRenderer = value;
+
   /// Sort the suggestions.
   @Deprecated('Caller should call .sort() instead.')
   @Input()
@@ -458,10 +467,18 @@ class MaterialAutoSuggestInputComponent extends MaterialSelectBase
   bool highlightOptions = true;
 
   @override
-  ComponentRenderer get componentRenderer =>
-      highlightOptions && super.componentRenderer == null
-          ? highlightComponentRenderer
-          : super.componentRenderer;
+  ComponentRenderer get componentRenderer => highlightOptions &&
+          super.componentRenderer == null &&
+          super.factoryRenderer == null
+      ? highlightComponentRenderer
+      : super.componentRenderer;
+
+  @override
+  FactoryRenderer get factoryRenderer => highlightOptions &&
+          super.factoryRenderer == null &&
+          super.componentRenderer == null
+      ? highlightFactoryRenderer
+      : super.factoryRenderer;
 
   final _showPopupController = new StreamController<bool>.broadcast(sync: true);
 

lib/material_input/material_auto_suggest_input.html

@@ -113,6 +113,7 @@
             keyboardOnlyFocusIndicator
             [itemRenderer]="itemRenderer"
             [componentRenderer]="componentRenderer"
+            [factoryRenderer]="factoryRenderer"
             [selection]="selection"
             [disabled]="isOptionDisabled(suggestion)"
             [value]="suggestion"

lib/material_select/material_dropdown_select.dart

@@ -227,10 +227,20 @@ class MaterialDropdownSelectComponent extends MaterialSelectBase
 
   @Input()
   @override
+  @Deprecated('Use factoryRenderer it allows for more tree-shakable code.')
   set componentRenderer(ComponentRenderer value) {
     super.componentRenderer = value;
   }
 
+  /// Function that returns a component factory to render the Item.
+  ///
+  /// The resulting component must implement RendersValue.
+  @Input()
+  @override
+  set factoryRenderer(FactoryRenderer value) {
+    super.factoryRenderer = value;
+  }
+
   @Input()
   @override
   set itemRenderer(ItemRenderer value) {

lib/material_select/material_dropdown_select.html

@@ -78,6 +78,7 @@
                 keyboardOnlyFocusIndicator
                 [itemRenderer]="itemRenderer"
                 [componentRenderer]="componentRenderer"
+                [factoryRenderer]="factoryRenderer"
                 [selection]="selection"
                 [disabled]="isOptionDisabled(item)"
                 [value]="item"

lib/mixins/highlight_assistant_mixin.dart

@@ -4,18 +4,23 @@
 
 import 'package:angular/angular.dart';
 import 'package:angular_components/highlighted_text/highlighted_value.dart';
+import 'package:angular_components/highlighted_text/highlighted_value.template.dart'
+    as highlight;
 import 'package:angular_components/model/selection/select.dart';
 import 'package:angular_components/model/selection/selection_container.dart';
-import 'package:angular_components/model/ui/has_renderer.dart';
+import 'package:angular_components/model/ui/has_factory.dart';
 import 'package:angular_components/model/ui/highlight_assistant.dart';
 import 'package:angular_components/model/ui/highlight_provider.dart';
 import 'package:angular_components/model/ui/highlighted_text_model.dart';
 
 /// Assistant to support highlighting in a SelectionContainer.
 abstract class HighlightAssistantMixin
     implements SelectionContainer, HighlightProvider {
+  @Deprecated('Use highlightFactoryRenderer instead as it allows tree-shaking.')
   final ComponentRenderer highlightComponentRenderer =
       (_) => HighlightedValueComponent;
+  final FactoryRenderer highlightFactoryRenderer =
+      (_) => highlight.HighlightedValueComponentNgFactory;
 
   HighlightAssistant _highlightAssistant;