feat(tab): Moves rendering of md-icon up to the outer/wrapping primary-tab and secondary-tab files.

PiperOrigin-RevId: 445230622

Author: sayris

components/tabs/tab/lib/tab.ts

@@ -8,7 +8,6 @@
 
 
 import '../../../focus/focus-ring';
-import '../../../icon/icon';
 
 import {addHasRemoveClass, BaseElement} from '@material/mwc-base/base-element';
 import {observer} from '@material/mwc-base/observer';
@@ -139,8 +138,7 @@ export class Tab extends BaseElement {
 
   /** @soyTemplate */
   protected renderIcon(icon: string): TemplateResult {
-    return html`<md-icon class="md3-tab__icon"><slot name="icon">${
-        icon}</slot></md-icon>`;
+    return html``;
   }
 
   /** @soyTemplate */

components/tabs/tab/primary-tab.ts

@@ -5,6 +5,7 @@
  */
 
 import '../tab_indicator/tab-indicator';
+import '../../icon/icon';
 
 import {html, TemplateResult} from 'lit';
 import {customElement} from 'lit/decorators';
@@ -38,4 +39,10 @@ export class MdPrimaryTab extends PrimaryTab {
         .icon="${indicatorIcon}"
         .fade="${isFadingIndicator}"></md-tab-indicator>`;
   }
+
+  /** @soyTemplate */
+  protected override renderIcon(icon: string): TemplateResult {
+    return html`<md-icon class="md3-tab__icon"><slot name="icon">${
+        icon}</slot></md-icon>`;
+  }
 }

components/tabs/tab/secondary-tab.ts

@@ -5,6 +5,7 @@
  */
 
 import '../tab_indicator/tab-indicator';
+import '../../icon/icon';
 
 import {html, TemplateResult} from 'lit';
 import {customElement} from 'lit/decorators';
@@ -38,4 +39,10 @@ export class MdSecondaryTab extends SecondaryTab {
         .icon="${indicatorIcon}"
         .fade="${isFadingIndicator}"></md-tab-indicator>`;
   }
+
+  /** @soyTemplate */
+  protected override renderIcon(icon: string): TemplateResult {
+    return html`<md-icon class="md3-tab__icon"><slot name="icon">${
+        icon}</slot></md-icon>`;
+  }
 }