main - 82f0fa6 feat(material/core): handle prefers-reduced-motion automatically (#30796)

Author: crisbeto

core/index.d.ts

@@ -26,7 +26,7 @@ declare const VERSION: Version;
 /** Object used to configure the animation in Angular Material. */
 interface AnimationsConfig {
     /** Whether all animations should be disabled. */
-    animationsDisabled: boolean;
+    animationsDisabled?: boolean;
 }
 /** Injection token used to configure the animations in Angular Material. */
 declare const MATERIAL_ANIMATIONS: InjectionToken<AnimationsConfig>;

fesm2022/animation-89957083.mjs.map

@@ -1,3 +1,4 @@
+import { MediaMatcher } from '@angular/cdk/layout';
 import { InjectionToken, inject, ANIMATION_MODULE_TYPE } from '@angular/core';
 
 /** Injection token used to configure the animations in Angular Material. */
@@ -28,12 +29,13 @@ class AnimationDurations {
  * @docs-private
  */
 function _animationsDisabled() {
-    const customToken = inject(MATERIAL_ANIMATIONS, { optional: true });
-    if (customToken) {
-        return customToken.animationsDisabled;
+    if (inject(MATERIAL_ANIMATIONS, { optional: true })?.animationsDisabled ||
+        inject(ANIMATION_MODULE_TYPE, { optional: true }) === 'NoopAnimations') {
+        return true;
     }
-    return inject(ANIMATION_MODULE_TYPE, { optional: true }) === 'NoopAnimations';
+    const mediaMatcher = inject(MediaMatcher);
+    return mediaMatcher.matchMedia('(prefers-reduced-motion)').matches;
 }
 
 export { AnimationCurves as A, MATERIAL_ANIMATIONS as M, _animationsDisabled as _, AnimationDurations as a };
-//# sourceMappingURL=animation-89957083.mjs.map
+//# sourceMappingURL=animation-924dea30.mjs.map

fesm2022/animation-89957083.mjs renamed to fesm2022/animation-924dea30.mjs

@@ -1,31 +1,31 @@
-import { M as MAT_OPTION_PARENT_COMPONENT, a as MatOption, b as MAT_OPTGROUP, c as MatOptionSelectionChange, _ as _countGroupLabelsBeforeOption, d as _getOptionScrollPosition } from './option-f73e199f.mjs';
-export { e as MatOptgroup, a as MatOption } from './option-f73e199f.mjs';
+import { M as MAT_OPTION_PARENT_COMPONENT, a as MatOption, b as MAT_OPTGROUP, c as MatOptionSelectionChange, _ as _countGroupLabelsBeforeOption, d as _getOptionScrollPosition } from './option-cca7aff4.mjs';
+export { e as MatOptgroup, a as MatOption } from './option-cca7aff4.mjs';
 import * as i0 from '@angular/core';
 import { InjectionToken, inject, ChangeDetectorRef, ElementRef, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, Directive, forwardRef, EnvironmentInjector, ViewContainerRef, NgZone, Renderer2, afterNextRender, NgModule } from '@angular/core';
 import { ViewportRuler, CdkScrollableModule } from '@angular/cdk/scrolling';
 import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import { _IdGenerator, ActiveDescendantKeyManager, removeAriaReferencedId, addAriaReferencedId } from '@angular/cdk/a11y';
 import { Platform, _getFocusedElementPierceShadowDom, _getEventTarget } from '@angular/cdk/platform';
 import { Subscription, Subject, merge, of, defer, Observable } from 'rxjs';
-import { _ as _animationsDisabled } from './animation-89957083.mjs';
+import { _ as _animationsDisabled } from './animation-924dea30.mjs';
 import { Directionality } from '@angular/cdk/bidi';
 import { hasModifierKey, ESCAPE, ENTER, TAB, UP_ARROW, DOWN_ARROW } from '@angular/cdk/keycodes';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
 import { TemplatePortal } from '@angular/cdk/portal';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
 import { filter, map, startWith, switchMap, tap, delay, take } from 'rxjs/operators';
-import { M as MAT_FORM_FIELD } from './form-field-362737c2.mjs';
-import { M as MatOptionModule } from './index-c6f98e9a.mjs';
+import { M as MAT_FORM_FIELD } from './form-field-1373abf0.mjs';
+import { M as MatOptionModule } from './index-cbd9386a.mjs';
 import { M as MatCommonModule } from './common-module-727dea0d.mjs';
-import './ripple-7f0562cc.mjs';
+import './ripple-df48cf18.mjs';
 import '@angular/cdk/coercion';
 import '@angular/cdk/private';
-import './pseudo-checkbox-eb9ea05b.mjs';
+import './pseudo-checkbox-5bada414.mjs';
 import './structural-styles-efc7816b.mjs';
 import '@angular/common';
 import '@angular/cdk/observers/private';
-import './index-59ddbae2.mjs';
-import './pseudo-checkbox-module-a5e70e5c.mjs';
+import './index-ac2e1e56.mjs';
+import './pseudo-checkbox-module-8bc38039.mjs';
 
 /** Event object that is emitted when an autocomplete option is selected. */
 class MatAutocompleteSelectedEvent {

fesm2022/animation-924dea30.mjs.map

@@ -3,8 +3,9 @@ import { DOCUMENT } from '@angular/common';
 import * as i0 from '@angular/core';
 import { Component, ViewEncapsulation, ChangeDetectionStrategy, inject, NgZone, ElementRef, Renderer2, booleanAttribute, Directive, Input, NgModule } from '@angular/core';
 import { _CdkPrivateStyleLoader, _VisuallyHiddenLoader } from '@angular/cdk/private';
-import { _ as _animationsDisabled } from './animation-89957083.mjs';
+import { _ as _animationsDisabled } from './animation-924dea30.mjs';
 import { M as MatCommonModule } from './common-module-727dea0d.mjs';
+import '@angular/cdk/layout';
 import '@angular/cdk/bidi';
 
 const BADGE_CONTENT_CLASS = 'mat-badge-content';

fesm2022/autocomplete.mjs

@@ -3,7 +3,7 @@ import { CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
 import * as i0 from '@angular/core';
 import { EventEmitter, inject, Component, ChangeDetectionStrategy, ViewEncapsulation, InjectionToken, Injectable, NgModule } from '@angular/core';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
-import { _ as _animationsDisabled } from './animation-89957083.mjs';
+import { _ as _animationsDisabled } from './animation-924dea30.mjs';
 import { Overlay } from '@angular/cdk/overlay';
 import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
 import { Subject, merge } from 'rxjs';

fesm2022/badge.mjs

@@ -6,14 +6,15 @@ import { _CdkPrivateStyleLoader } from '@angular/cdk/private';
 import * as i0 from '@angular/core';
 import { InjectionToken, forwardRef, inject, ChangeDetectorRef, EventEmitter, booleanAttribute, Directive, ContentChildren, Input, Output, ElementRef, HostAttributeToken, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, NgModule } from '@angular/core';
 import { NG_VALUE_ACCESSOR } from '@angular/forms';
-import { M as MatRipple } from './ripple-7f0562cc.mjs';
-import { M as MatPseudoCheckbox } from './pseudo-checkbox-eb9ea05b.mjs';
-import { _ as _animationsDisabled } from './animation-89957083.mjs';
+import { M as MatRipple } from './ripple-df48cf18.mjs';
+import { M as MatPseudoCheckbox } from './pseudo-checkbox-5bada414.mjs';
+import { _ as _animationsDisabled } from './animation-924dea30.mjs';
 import { _ as _StructuralStylesLoader } from './structural-styles-efc7816b.mjs';
 import { M as MatCommonModule } from './common-module-727dea0d.mjs';
-import { M as MatRippleModule } from './index-59ddbae2.mjs';
+import { M as MatRippleModule } from './index-ac2e1e56.mjs';
 import '@angular/cdk/platform';
 import '@angular/cdk/coercion';
+import '@angular/cdk/layout';
 
 /**
  * Injection token that can be used to configure the