@angular/material 19.0.3 → 19.0.4

package/autocomplete/index.d.ts

@@ -212,7 +212,7 @@ export declare interface MatAutocompleteDefaultOptions {
     requireSelection?: boolean;
     /** Class or list of classes to be applied to the autocomplete's overlay panel. */
     overlayPanelClass?: string | string[];
-    /** Wheter icon indicators should be hidden for single-selection. */
+    /** Whether icon indicators should be hidden for single-selection. */
     hideSingleSelectionIndicator?: boolean;
 }
 
@@ -248,6 +248,7 @@ export declare class MatAutocompleteSelectedEvent {
 
 /** Base class with all of the `MatAutocompleteTrigger` functionality. */
 export declare class MatAutocompleteTrigger implements ControlValueAccessor, AfterViewInit, OnChanges, OnDestroy {
+    private _injector;
     private _element;
     private _overlay;
     private _viewContainerRef;
@@ -257,13 +258,16 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
     private _formField;
     private _document;
     private _viewportRuler;
+    private _scrollStrategy;
+    private _renderer;
     private _defaults;
     private _overlayRef;
     private _portal;
     private _componentDestroyed;
-    private _scrollStrategy;
+    private _initialized;
     private _keydownSubscription;
     private _outsideClickSubscription;
+    private _cleanupWindowBlur;
     /** Old value of the native input. Used to work around issues with the `input` event on IE. */
     private _previousValue;
     /** Value of the input element when the panel was attached (even if there are no options). */
@@ -330,8 +334,6 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
      * act as a regular input and the user won't be able to open the panel.
      */
     autocompleteDisabled: boolean;
-    private _initialized;
-    private _injector;
     constructor(...args: unknown[]);
     /** Class to apply to the panel when it's above the input. */
     private _aboveClass;
@@ -428,8 +430,6 @@ export declare class MatAutocompleteTrigger implements ControlValueAccessor, Aft
     private _resetActiveItem;
     /** Determines whether the panel can be opened. */
     private _canOpen;
-    /** Use defaultView of injected document if available or fallback to global window reference */
-    private _getWindow;
     /** Scrolls to a particular option in the list. */
     private _scrollToOption;
     /**

package/button/index.d.ts

@@ -65,6 +65,8 @@ export declare class MatAnchor extends MatAnchorBase {
  * Anchor button base.
  */
 declare class MatAnchorBase extends MatButtonBase implements OnInit, OnDestroy {
+    private _renderer;
+    private _cleanupClick;
     tabIndex: number;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/chips/index.d.ts

@@ -849,7 +849,7 @@ export declare class MatChipRow extends MatChip implements AfterViewInit {
 export declare interface MatChipsDefaultOptions {
     /** The list of key codes that will trigger a chipEnd event. */
     separatorKeyCodes: readonly number[] | ReadonlySet<number>;
-    /** Wheter icon indicators should be hidden for single-selection. */
+    /** Whether icon indicators should be hidden for single-selection. */
     hideSingleSelectionIndicator?: boolean;
 }
 

package/core/theming/_theming.scss

@@ -15,7 +15,7 @@ $_generate-default-density: true !default;
 
 // Warning that will be printed if duplicated styles are generated by a theme.
 $_duplicate-warning: 'Read more about how style duplication can be avoided in a dedicated ' +
-  'guide. https://github.com/angular/components/blob/main/guides/duplicate-theming-styles.md';
+  'guide. https://v18.material.angular.io/guide/duplicate-theming-styles';
 
 // Warning that will be printed if the legacy theming API is used.
 $private-legacy-theme-warning: 'Angular Material themes should be created from a map containing ' +

package/expansion/index.d.ts

@@ -171,6 +171,8 @@ export declare class MatExpansionPanel extends CdkAccordionItem implements After
     private _document;
     private _ngZone;
     private _elementRef;
+    private _renderer;
+    private _cleanupTransitionEnd;
     /** Whether the toggle indicator should be hidden. */
     get hideToggle(): boolean;
     set hideToggle(value: boolean);

package/fesm2022/autocomplete.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, inject, ChangeDetectorRef, ElementRef, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, Directive, forwardRef, ViewContainerRef, NgZone, Injector, afterNextRender, NgModule } from '@angular/core';
+import { InjectionToken, inject, ChangeDetectorRef, ElementRef, EventEmitter, booleanAttribute, TemplateRef, Component, ViewEncapsulation, ChangeDetectionStrategy, ViewChild, ContentChildren, Input, Output, Directive, forwardRef, Injector, ViewContainerRef, NgZone, Renderer2, afterNextRender, NgModule } from '@angular/core';
 import { MAT_OPTION_PARENT_COMPONENT, MatOption, MAT_OPTGROUP, MatOptionSelectionChange, _countGroupLabelsBeforeOption, _getOptionScrollPosition, MatOptionModule, MatCommonModule } from '@angular/material/core';
 export { MatOptgroup, MatOption } from '@angular/material/core';
 import { ViewportRuler, CdkScrollableModule } from '@angular/cdk/scrolling';
@@ -7,7 +7,7 @@ import { Overlay, OverlayConfig, OverlayModule } from '@angular/cdk/overlay';
 import { _IdGenerator, ActiveDescendantKeyManager, removeAriaReferencedId, addAriaReferencedId } from '@angular/cdk/a11y';
 import { Platform, _getEventTarget } from '@angular/cdk/platform';
 import { trigger, state, style, transition, group, animate } from '@angular/animations';
-import { Subscription, Subject, merge, of, defer, fromEvent, Observable } from 'rxjs';
+import { Subscription, Subject, merge, of, defer, Observable } from 'rxjs';
 import { Directionality } from '@angular/cdk/bidi';
 import { hasModifierKey, ESCAPE, ENTER, UP_ARROW, DOWN_ARROW, TAB } from '@angular/cdk/keycodes';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
@@ -356,6 +356,7 @@ const MAT_AUTOCOMPLETE_SCROLL_STRATEGY_FACTORY_PROVIDER = {
 };
 /** Base class with all of the `MatAutocompleteTrigger` functionality. */
 class MatAutocompleteTrigger {
+    _injector = inject(Injector);
     _element = inject(ElementRef);
     _overlay = inject(Overlay);
     _viewContainerRef = inject(ViewContainerRef);
@@ -365,13 +366,16 @@ class MatAutocompleteTrigger {
     _formField = inject(MAT_FORM_FIELD, { optional: true, host: true });
     _document = inject(DOCUMENT);
     _viewportRuler = inject(ViewportRuler);
+    _scrollStrategy = inject(MAT_AUTOCOMPLETE_SCROLL_STRATEGY);
+    _renderer = inject(Renderer2);
     _defaults = inject(MAT_AUTOCOMPLETE_DEFAULT_OPTIONS, { optional: true });
     _overlayRef;
     _portal;
     _componentDestroyed = false;
-    _scrollStrategy = inject(MAT_AUTOCOMPLETE_SCROLL_STRATEGY);
+    _initialized = new Subject();
     _keydownSubscription;
     _outsideClickSubscription;
+    _cleanupWindowBlur;
     /** Old value of the native input. Used to work around issues with the `input` event on IE. */
     _previousValue;
     /** Value of the input element when the panel was attached (even if there are no options). */
@@ -444,18 +448,13 @@ class MatAutocompleteTrigger {
      * act as a regular input and the user won't be able to open the panel.
      */
     autocompleteDisabled;
-    _initialized = new Subject();
-    _injector = inject(Injector);
     constructor() { }
     /** Class to apply to the panel when it's above the input. */
     _aboveClass = 'mat-mdc-autocomplete-panel-above';
     ngAfterViewInit() {
         this._initialized.next();
         this._initialized.complete();
-        const window = this._getWindow();
-        if (typeof window !== 'undefined') {
-            this._zone.runOutsideAngular(() => window.addEventListener('blur', this._windowBlurHandler));
-        }
+        this._cleanupWindowBlur = this._renderer.listen('window', 'blur', this._windowBlurHandler);
     }
     ngOnChanges(changes) {
         if (changes['position'] && this._positionStrategy) {
@@ -466,10 +465,7 @@ class MatAutocompleteTrigger {
         }
     }
     ngOnDestroy() {
-        const window = this._getWindow();
-        if (typeof window !== 'undefined') {
-            window.removeEventListener('blur', this._windowBlurHandler);
-        }
+        this._cleanupWindowBlur?.();
         this._handsetLandscapeSubscription.unsubscribe();
         this._viewportSubscription.unsubscribe();
         this._componentDestroyed = true;
@@ -567,26 +563,38 @@ class MatAutocompleteTrigger {
     }
     /** Stream of clicks outside of the autocomplete panel. */
     _getOutsideClickStream() {
-        return merge(fromEvent(this._document, 'click'), fromEvent(this._document, 'auxclick'), fromEvent(this._document, 'touchend')).pipe(filter(event => {
-            // If we're in the Shadow DOM, the event target will be the shadow root, so we have to
-            // fall back to check the first element in the path of the click event.
-            const clickTarget = _getEventTarget(event);
-            const formField = this._formField
-                ? this._formField.getConnectedOverlayOrigin().nativeElement
-                : null;
-            const customOrigin = this.connectedTo ? this.connectedTo.elementRef.nativeElement : null;
-            return (this._overlayAttached &&
-                clickTarget !== this._element.nativeElement &&
-                // Normally focus moves inside `mousedown` so this condition will almost always be
-                // true. Its main purpose is to handle the case where the input is focused from an
-                // outside click which propagates up to the `body` listener within the same sequence
-                // and causes the panel to close immediately (see #3106).
-                this._document.activeElement !== this._element.nativeElement &&
-                (!formField || !formField.contains(clickTarget)) &&
-                (!customOrigin || !customOrigin.contains(clickTarget)) &&
-                !!this._overlayRef &&
-                !this._overlayRef.overlayElement.contains(clickTarget));
-        }));
+        return new Observable(observer => {
+            const listener = (event) => {
+                // If we're in the Shadow DOM, the event target will be the shadow root, so we have to
+                // fall back to check the first element in the path of the click event.
+                const clickTarget = _getEventTarget(event);
+                const formField = this._formField
+                    ? this._formField.getConnectedOverlayOrigin().nativeElement
+                    : null;
+                const customOrigin = this.connectedTo ? this.connectedTo.elementRef.nativeElement : null;
+                if (this._overlayAttached &&
+                    clickTarget !== this._element.nativeElement &&
+                    // Normally focus moves inside `mousedown` so this condition will almost always be
+                    // true. Its main purpose is to handle the case where the input is focused from an
+                    // outside click which propagates up to the `body` listener within the same sequence
+                    // and causes the panel to close immediately (see #3106).
+                    this._document.activeElement !== this._element.nativeElement &&
+                    (!formField || !formField.contains(clickTarget)) &&
+                    (!customOrigin || !customOrigin.contains(clickTarget)) &&
+                    !!this._overlayRef &&
+                    !this._overlayRef.overlayElement.contains(clickTarget)) {
+                    observer.next(event);
+                }
+            };
+            const cleanups = [
+                this._renderer.listen('document', 'click', listener),
+                this._renderer.listen('document', 'auxclick', listener),
+                this._renderer.listen('document', 'touchend', listener),
+            ];
+            return () => {
+                cleanups.forEach(current => current());
+            };
+        });
     }
     // Implemented as part of ControlValueAccessor.
     writeValue(value) {
@@ -1075,10 +1083,6 @@ class MatAutocompleteTrigger {
         const element = this._element.nativeElement;
         return !element.readOnly && !element.disabled && !this.autocompleteDisabled;
     }
-    /** Use defaultView of injected document if available or fallback to global window reference */
-    _getWindow() {
-        return this._document?.defaultView || window;
-    }
     /** Scrolls to a particular option in the list. */
     _scrollToOption(index) {
         // Given that we are not actually focusing active options, we must manually adjust scroll