fix(material-experimental/mdc-list): don't access class before initia…

…lization (#25049)

Moves the `MatListBase` class up so that it isn't being referenced before it is used which seems to cause issues with Jest.

Fixes #25008.

(cherry picked from commit 503f12f)

src/material-experimental/mdc-list/list-base.ts

@@ -36,6 +36,37 @@ import {
   MatListItemAvatar,
 } from './list-item-sections';
 
+@Directive({
+  host: {
+    '[class.mat-mdc-list-non-interactive]': '_isNonInteractive',
+    '[attr.aria-disabled]': 'disabled',
+  },
+})
+/** @docs-private */
+export abstract class MatListBase {
+  _isNonInteractive: boolean = true;
+
+  /** Whether ripples for all list items is disabled. */
+  @Input()
+  get disableRipple(): boolean {
+    return this._disableRipple;
+  }
+  set disableRipple(value: BooleanInput) {
+    this._disableRipple = coerceBooleanProperty(value);
+  }
+  private _disableRipple: boolean = false;
+
+  /** Whether all list items are disabled. */
+  @Input()
+  get disabled(): boolean {
+    return this._disabled;
+  }
+  set disabled(value: BooleanInput) {
+    this._disabled = coerceBooleanProperty(value);
+  }
+  private _disabled = false;
+}
+
 @Directive({
   host: {
     '[class.mdc-list-item--disabled]': 'disabled',
@@ -274,37 +305,6 @@ export abstract class MatListItemBase implements AfterViewInit, OnDestroy, Rippl
   }
 }
 
-@Directive({
-  host: {
-    '[class.mat-mdc-list-non-interactive]': '_isNonInteractive',
-    '[attr.aria-disabled]': 'disabled',
-  },
-})
-/** @docs-private */
-export abstract class MatListBase {
-  _isNonInteractive: boolean = true;
-
-  /** Whether ripples for all list items is disabled. */
-  @Input()
-  get disableRipple(): boolean {
-    return this._disableRipple;
-  }
-  set disableRipple(value: BooleanInput) {
-    this._disableRipple = coerceBooleanProperty(value);
-  }
-  private _disableRipple: boolean = false;
-
-  /** Whether all list items are disabled. */
-  @Input()
-  get disabled(): boolean {
-    return this._disabled;
-  }
-  set disabled(value: BooleanInput) {
-    this._disabled = coerceBooleanProperty(value);
-  }
-  private _disabled = false;
-}
-
 /**
  * Sanity checks the configuration of the list item with respect to the amount
  * of lines, whether there is a title, or if there is unscoped text content.