refactor: change all private fields to protected

PiperOrigin-RevId: 370779647

Author: Elliott Marquez

CHANGELOG.md

@@ -9,6 +9,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ### Changed
 - all
   - Upgrade typescript to 4.1.4
+  - Change all fields from `private` to `protected`
 - `base`
   - Clean up RippleInterface now that the ripple directive has been removed
   - Remove `HTMLElementWithRipple` interface

packages/base/test/aria-property.test.ts

@@ -29,7 +29,7 @@ class TestElement extends LitElement {
   @property({type: String, attribute: 'aria-label'})
   ariaLabel?: string;
 
-  private internalAriaChecked: 'true'|'false'|'mixed'|undefined = undefined;
+  protected internalAriaChecked: 'true'|'false'|'mixed'|undefined = undefined;
 
   @ariaProperty
   @property({attribute: 'aria-checked'})

packages/button/mwc-button-base.ts

@@ -149,7 +149,7 @@ export class ButtonBase extends LitElement {
   }
 
   @eventOptions({passive: true})
-  private handleRippleActivate(evt?: Event) {
+  protected handleRippleActivate(evt?: Event) {
     const onUp = () => {
       window.removeEventListener('mouseup', onUp);
 
@@ -160,23 +160,23 @@ export class ButtonBase extends LitElement {
     this.rippleHandlers.startPress(evt);
   }
 
-  private handleRippleDeactivate() {
+  protected handleRippleDeactivate() {
     this.rippleHandlers.endPress();
   }
 
-  private handleRippleMouseEnter() {
+  protected handleRippleMouseEnter() {
     this.rippleHandlers.startHover();
   }
 
-  private handleRippleMouseLeave() {
+  protected handleRippleMouseLeave() {
     this.rippleHandlers.endHover();
   }
 
-  private handleRippleFocus() {
+  protected handleRippleFocus() {
     this.rippleHandlers.startFocus();
   }
 
-  private handleRippleBlur() {
+  protected handleRippleBlur() {
     this.rippleHandlers.endFocus();
   }
 }

packages/checkbox/mwc-checkbox-base.ts

@@ -107,7 +107,7 @@ export class CheckboxBase extends FormElement {
     }
   }
 
-  private rippleElement: Ripple|null = null;
+  protected rippleElement: Ripple|null = null;
 
   protected rippleHandlers: RippleHandlers = new RippleHandlers(() => {
     this.shouldRenderRipple = true;

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

@@ -78,7 +78,7 @@ export class CircularProgressBase extends LitElement {
   /**
    * @soyTemplate
    */
-  private renderDeterminateContainer(): TemplateResult {
+  protected renderDeterminateContainer(): TemplateResult {
     const sideLength = 48 + this.density * 4;
     const center = sideLength / 2;
     const circleRadius = this.density >= -3 ? 18 + this.density * 11 / 6 :

packages/dialog/mwc-dialog-base.ts

@@ -114,8 +114,8 @@ export class DialogBase extends BaseElement {
         this.initialSupressDefaultPressSelector;
   }
 
-  private closingDueToDisconnect?: boolean;
-  private initialSupressDefaultPressSelector = '';
+  protected closingDueToDisconnect?: boolean;
+  protected initialSupressDefaultPressSelector = '';
 
   protected get primaryButton(): HTMLElement|null {
     let assignedNodes = (this.primarySlot as HTMLSlotElement).assignedNodes();
@@ -173,7 +173,7 @@ export class DialogBase extends BaseElement {
     return initFocusElement;
   }
 
-  private searchNodeTreesForAttribute(nodes: Node[], attribute: string):
+  protected searchNodeTreesForAttribute(nodes: Node[], attribute: string):
       HTMLElement|null {
     for (const node of nodes) {
       if (!(node instanceof HTMLElement)) {

packages/drawer/mwc-drawer-base.ts

@@ -91,9 +91,9 @@ export class DrawerBase extends BaseElement {
     };
   }
 
-  private _previousFocus: HTMLElement|null = null;
+  protected _previousFocus: HTMLElement|null = null;
 
-  private _handleScrimClick() {
+  protected _handleScrimClick() {
     if (this.mdcFoundation instanceof MDCModalDrawerFoundation) {
       this.mdcFoundation.handleScrimClick();
     }

packages/formfield/mwc-formfield-base.ts

@@ -109,7 +109,7 @@ export class FormfieldBase extends BaseElement {
       </div>`;
   }
 
-  private _labelClick() {
+  protected _labelClick() {
     const input = this.input;
     if (input) {
       input.focus();

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

@@ -147,7 +147,7 @@ export class LinearProgressBase extends LitElement {
     this.attachResizeObserver();
   }
 
-  private syncClosedState() {
+  protected syncClosedState() {
     this.closedAnimationOff = this.closed;
   }
 

packages/list/mwc-list-foundation.ts

@@ -126,7 +126,7 @@ export class MDCListFoundation extends MDCFoundation<MDCListAdapter> {
     };
   }
 
-  private isMulti_ = false;
+  protected isMulti_ = false;
   private wrapFocus_ = false;
   private isVertical_ = true;
   private selectedIndex_: MWCListIndex = numbers.UNSET_INDEX;