fix(material/select): resolve change after checked errors

Resolves several "changed after checked" errors in `mat-select` and `mat-option` due to state flowing in both directions.

Author: crisbeto

goldens/material/select/index.api.md

@@ -270,7 +270,8 @@ export class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnInit
     readonly disableAutomaticLabeling = true;
     disabled: boolean;
     disableOptionCentering: boolean;
-    disableRipple: boolean;
+    get disableRipple(): boolean;
+    set disableRipple(value: boolean);
     // (undocumented)
     readonly _elementRef: ElementRef<any>;
     get empty(): boolean;

src/material/core/option/option.ts

@@ -25,6 +25,7 @@ import {
   inject,
   isSignal,
   Signal,
+  signal,
 } from '@angular/core';
 import {Subject} from 'rxjs';
 import {MAT_OPTGROUP, MatOptgroup} from './optgroup';
@@ -87,7 +88,6 @@ export class MatOption<T = any> implements FocusableOption, AfterViewChecked, On
   private _signalDisableRipple = false;
   private _selected = false;
   private _active = false;
-  private _disabled = false;
   private _mostRecentViewValue = '';
 
   /** Whether the wrapping component is in multiple selection mode. */
@@ -109,11 +109,12 @@ export class MatOption<T = any> implements FocusableOption, AfterViewChecked, On
   /** Whether the option is disabled. */
   @Input({transform: booleanAttribute})
   get disabled(): boolean {
-    return (this.group && this.group.disabled) || this._disabled;
+    return (this.group && this.group.disabled) || this._disabled();
   }
   set disabled(value: boolean) {
-    this._disabled = value;
+    this._disabled.set(value);
   }
+  private _disabled = signal(false);
 
   /** Whether ripples for the option are disabled. */
   get disableRipple(): boolean {

src/material/select/select.spec.ts

@@ -38,7 +38,6 @@ import {
   ViewChildren,
   WritableSignal,
   inject,
-  provideCheckNoChangesConfig,
   signal,
 } from '@angular/core';
 import {ComponentFixture, TestBed, fakeAsync, flush, tick} from '@angular/core/testing';
@@ -84,7 +83,6 @@ describe('MatSelect', () => {
     dir = signal('ltr');
     TestBed.configureTestingModule({
       providers: [
-        provideCheckNoChangesConfig({exhaustive: false}),
         {provide: MATERIAL_ANIMATIONS, useValue: {animationsDisabled: true}},
         provideFakeDirectionality(dir),
         {

src/material/select/select.ts

@@ -61,6 +61,7 @@ import {
   HostAttributeToken,
   Renderer2,
   Injector,
+  signal,
 } from '@angular/core';
 import {
   AbstractControl,
@@ -414,7 +415,13 @@ export class MatSelect
 
   /** Whether ripples in the select are disabled. */
   @Input({transform: booleanAttribute})
-  disableRipple: boolean = false;
+  get disableRipple() {
+    return this._disableRipple();
+  }
+  set disableRipple(value: boolean) {
+    this._disableRipple.set(value);
+  }
+  private _disableRipple = signal(false);
 
   /** Tab index of the select. */
   @Input({