refactor(material/core): allow option parent's disableRipple to be a signal

Expands the `MatOptionParentComponent` to allow the `disableRipple` to be a signal. This will be relevant in the time picker.

Author: crisbeto

src/material/core/option/option-parent.ts

@@ -6,15 +6,15 @@
  * found in the LICENSE file at https://angular.dev/license
  */
 
-import {InjectionToken} from '@angular/core';
+import {InjectionToken, Signal} from '@angular/core';
 
 /**
  * Describes a parent component that manages a list of options.
  * Contains properties that the options can inherit.
  * @docs-private
  */
 export interface MatOptionParentComponent {
-  disableRipple?: boolean;
+  disableRipple?: boolean | Signal<boolean>;
   multiple?: boolean;
   inertGroups?: boolean;
   hideSingleSelectionIndicator?: boolean;

src/material/core/option/option.ts

@@ -23,6 +23,8 @@ import {
   ViewChild,
   booleanAttribute,
   inject,
+  isSignal,
+  Signal,
 } from '@angular/core';
 import {Subject} from 'rxjs';
 import {MAT_OPTGROUP, MatOptgroup} from './optgroup';
@@ -87,6 +89,7 @@ export class MatOption<T = any> implements FocusableOption, AfterViewChecked, On
   private _parent = inject<MatOptionParentComponent>(MAT_OPTION_PARENT_COMPONENT, {optional: true});
   group = inject<MatOptgroup>(MAT_OPTGROUP, {optional: true});
 
+  private _signalDisableRipple = false;
   private _selected = false;
   private _active = false;
   private _disabled = false;
@@ -119,7 +122,9 @@ export class MatOption<T = any> implements FocusableOption, AfterViewChecked, On
 
   /** Whether ripples for the option are disabled. */
   get disableRipple(): boolean {
-    return !!(this._parent && this._parent.disableRipple);
+    return this._signalDisableRipple
+      ? (this._parent!.disableRipple as Signal<boolean>)()
+      : !!this._parent?.disableRipple;
   }
 
   /** Whether to display checkmark for single-selection. */
@@ -138,7 +143,9 @@ export class MatOption<T = any> implements FocusableOption, AfterViewChecked, On
   readonly _stateChanges = new Subject<void>();
 
   constructor(...args: unknown[]);
-  constructor() {}
+  constructor() {
+    this._signalDisableRipple = !!this._parent && isSignal(this._parent.disableRipple);
+  }
 
   /**
    * Whether or not the option is currently active and ready to be selected.

tools/public_api_guard/material/core.md

@@ -25,6 +25,7 @@ import { OnInit } from '@angular/core';
 import { Platform } from '@angular/cdk/platform';
 import { Provider } from '@angular/core';
 import { QueryList } from '@angular/core';
+import { Signal } from '@angular/core';
 import { Subject } from 'rxjs';
 import { Version } from '@angular/core';
 
@@ -295,7 +296,7 @@ export class MatOptionModule {
 // @public
 export interface MatOptionParentComponent {
     // (undocumented)
-    disableRipple?: boolean;
+    disableRipple?: boolean | Signal<boolean>;
     // (undocumented)
     hideSingleSelectionIndicator?: boolean;
     // (undocumented)