Support internal tooling.

PiperOrigin-RevId: 334919805

Author: straversi

packages/button/mwc-button-base.ts

@@ -55,7 +55,7 @@ export class ButtonBase extends LitElement {
     return this.ripple;
   });
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderRipple() {
     const filled = this.raised || this.unelevated;
     return this.shouldRenderRipple ?
@@ -84,7 +84,7 @@ export class ButtonBase extends LitElement {
     }
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected getRenderClasses() {
     return classMap({
       'mdc-button--raised': this.raised,
@@ -94,7 +94,7 @@ export class ButtonBase extends LitElement {
     });
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected render() {
     return html`
       <button
@@ -130,7 +130,7 @@ export class ButtonBase extends LitElement {
       </button>`;
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderIcon() {
     return html`
     <mwc-icon class="mdc-button__icon">

packages/checkbox/mwc-checkbox-base.ts

@@ -98,7 +98,7 @@ export class CheckboxBase extends FormElement {
   });
 
   // TODO(dfreedm): Make this use selected as a param after Polymer/internal#739
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderRipple() {
     const selected = this.indeterminate || this.checked;
     return this.shouldRenderRipple ? html`
@@ -111,7 +111,7 @@ export class CheckboxBase extends FormElement {
   }
 
   /**
-   * @soyCompatible
+   * @soyTemplate
    * @soyAttributes checkboxAttributes: input
    * @soyClasses checkboxClasses: .mdc-checkbox
    */

packages/circular-progress-four-color/mwc-circular-progress-four-color-base.ts

@@ -19,7 +19,7 @@ import {html} from 'lit-element';
 
 /** @soyCompatible */
 export class CircularProgressFourColorBase extends CircularProgressBase {
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderIndeterminateContainer() {
     return html`
       <div class="mdc-circular-progress__indeterminate-container">

packages/circular-progress/mwc-circular-progress-base.ts

@@ -40,7 +40,7 @@ export class CircularProgressBase extends LitElement {
   }
 
   /**
-   * @soyCompatible
+   * @soyTemplate
    */
   protected render() {
     /** @classMap */
@@ -71,7 +71,7 @@ export class CircularProgressBase extends LitElement {
   }
 
   /**
-   * @soyCompatible
+   * @soyTemplate
    */
   private renderDeterminateContainer() {
     const sideLength = 48 + this.density * 4;
@@ -100,7 +100,7 @@ export class CircularProgressBase extends LitElement {
   }
 
   /**
-   * @soyCompatible
+   * @soyTemplate
    */
   protected renderIndeterminateContainer() {
     return html`
@@ -112,7 +112,7 @@ export class CircularProgressBase extends LitElement {
   }
 
   /**
-   * @soyCompatible
+   * @soyTemplate
    */
   protected renderIndeterminateSpinnerLayer() {
     const sideLength = 48 + this.density * 4;

packages/fab/mwc-fab-base.ts

@@ -55,7 +55,7 @@ export class FabBase extends LitElement {
     return this.attachShadow({mode: 'open', delegatesFocus: true});
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected render() {
     const hasTouchTarget = this.mini && !this.reducedTouchTarget;
     /** @classMap */
@@ -95,23 +95,23 @@ export class FabBase extends LitElement {
       </button>`;
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderIcon() {
     return html`${
         this.icon ? html`
           <span class="material-icons mdc-fab__icon">${this.icon}</span>` :
                     ''}`;
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderTouchTarget() {
     const hasTouchTarget = this.mini && !this.reducedTouchTarget;
 
     return html`${
         hasTouchTarget ? html`<div class="mdc-fab__touch"></div>` : ''}`;
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderLabel() {
     const showLabel = this.label !== '' && this.extended;
 
@@ -120,12 +120,12 @@ export class FabBase extends LitElement {
                     ''}`;
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderBeforeRipple() {
     return html``;
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderRipple() {
     return this.shouldRenderRipple ?
         html`<mwc-ripple class="ripple"></mwc-ripple>` :

packages/icon-button/mwc-icon-button-base.ts

@@ -39,7 +39,7 @@ export class IconButtonBase extends LitElement {
     return this.ripple;
   });
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderRipple() {
     return this.shouldRenderRipple ? html`
             <mwc-ripple
@@ -65,7 +65,7 @@ export class IconButtonBase extends LitElement {
     }
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected render() {
     return html`<button
         class="mdc-icon-button"

packages/icon/mwc-icon.ts

@@ -23,7 +23,7 @@ import {style} from './mwc-icon-host-css';
 export class Icon extends LitElement {
   static styles = style;
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected render() {
     return html`<slot></slot>`;
   }

packages/linear-progress/mwc-linear-progress-base.ts

@@ -53,7 +53,7 @@ export class LinearProgressBase extends LitElement {
   }
 
   /**
-   * @soyCompatible
+   * @soyTemplate
    */
   protected render() {
     /** @classMap */

packages/radio/mwc-radio-base.ts

@@ -140,7 +140,7 @@ export class RadioBase extends FormElement {
     return this.ripple;
   });
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected renderRipple() {
     return this.shouldRenderRipple ?
         html`<mwc-ripple unbounded accent .disabled="${
@@ -212,7 +212,7 @@ export class RadioBase extends FormElement {
   }
 
   /**
-   * @soyCompatible
+   * @soyTemplate
    * @soyAttributes radioAttributes: input
    * @soyClasses radioClasses: .mdc-radio
    */

packages/ripple/mwc-ripple-base.ts

@@ -183,7 +183,7 @@ export class RippleBase extends BaseElement implements RippleAPI {
     }
   }
 
-  /** @soyCompatible */
+  /** @soyTemplate */
   protected render() {
     /** @classMap */
     const classes = {