@angular/material 21.2.2 → 21.3.0-next.0

package/types/button.d.ts

@@ -1,6 +1,6 @@
-import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
 import { InjectionToken, AfterViewInit, OnDestroy, ElementRef, NgZone } from '@angular/core';
+import { FocusOrigin } from '@angular/cdk/a11y';
 import { ThemePalette } from './_palette-chunk.js';
 import { MatRippleLoader } from './_ripple-loader-chunk.js';
 import { MatRippleModule } from './_ripple-module-chunk.js';
@@ -81,6 +81,8 @@ declare class MatButtonBase implements AfterViewInit, OnDestroy {
      * @docs-private
      */
     set _tabindex(value: number);
+    /** Whether the button is showing a progress indicator. */
+    readonly showProgress: i0.InputSignalWithTransform<boolean, unknown>;
     constructor(...args: unknown[]);
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
@@ -92,7 +94,7 @@ declare class MatButtonBase implements AfterViewInit, OnDestroy {
     protected _getTabIndex(): number;
     private _setupAsAnchor;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatButtonBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonBase, never, never, { "color": { "alias": "color"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "_tabindex": { "alias": "tabindex"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatButtonBase, never, never, { "color": { "alias": "color"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "ariaDisabled": { "alias": "aria-disabled"; "required": false; }; "disabledInteractive": { "alias": "disabledInteractive"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "_tabindex": { "alias": "tabindex"; "required": false; }; "showProgress": { "alias": "showProgress"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_disableRipple: unknown;
     static ngAcceptInputType_disabled: unknown;
     static ngAcceptInputType_ariaDisabled: unknown;
@@ -114,7 +116,7 @@ declare class MatButton extends MatButtonBase {
     /** Programmatically sets the appearance of the button. */
     setAppearance(appearance: MatButtonAppearance): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatButton, "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", ["matButton", "matAnchor"], { "appearance": { "alias": "matButton"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatButton, "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", ["matButton", "matAnchor"], { "appearance": { "alias": "matButton"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]", "[progressIndicator]"], true, never>;
 }
 /**
  * Material Design button component for anchor elements. Anchor elements are used to provide
@@ -150,7 +152,7 @@ declare class MatFabButton extends MatButtonBase {
     extended: boolean;
     constructor(...args: unknown[]);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatFabButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatFabButton, "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", ["matButton", "matAnchor"], { "extended": { "alias": "extended"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatFabButton, "button[mat-fab], a[mat-fab], button[matFab], a[matFab]", ["matButton", "matAnchor"], { "extended": { "alias": "extended"; "required": false; }; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]", "[progressIndicator]"], true, never>;
     static ngAcceptInputType_extended: unknown;
 }
 /**
@@ -163,7 +165,7 @@ declare class MatMiniFabButton extends MatButtonBase {
     _isFab: boolean;
     constructor(...args: unknown[]);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatMiniFabButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatMiniFabButton, "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", ["matButton", "matAnchor"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatMiniFabButton, "button[mat-mini-fab], a[mat-mini-fab], button[matMiniFab], a[matMiniFab]", ["matButton", "matAnchor"], {}, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]", "[progressIndicator]"], true, never>;
 }
 /**
  * Material Design floating action button (FAB) component for anchor elements. Anchor elements
@@ -190,7 +192,7 @@ type MatMiniFabAnchor = MatMiniFabButton;
 declare class MatIconButton extends MatButtonBase {
     constructor(...args: unknown[]);
     static ɵfac: i0.ɵɵFactoryDeclaration<MatIconButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatIconButton, "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", ["matButton", "matAnchor"], {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatIconButton, "button[mat-icon-button], a[mat-icon-button], button[matIconButton], a[matIconButton]", ["matButton", "matAnchor"], {}, {}, never, ["*", "[progressIndicator]"], true, never>;
 }
 /**
  * Material Design icon button component for anchor elements. This button displays a single

package/types/checkbox.d.ts

@@ -113,7 +113,7 @@ declare class MatCheckbox implements AfterViewInit, OnChanges, ControlValueAcces
     private _controlValueAccessorChangeFn;
     private _validatorChangeFn;
     constructor(...args: unknown[]);
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngAfterViewInit(): void;
     /** Whether the checkbox is checked. */
     get checked(): boolean;

package/types/datepicker.d.ts

@@ -138,7 +138,7 @@ declare class MatCalendarBody<D = any> implements OnChanges, OnDestroy, AfterVie
     _emitActiveDateChange(cell: MatCalendarCell, event: FocusEvent): void;
     /** Returns whether a cell should be marked as selected. */
     _isSelected(value: number): boolean;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** Returns whether a cell is active. */
     _isActiveCell(rowIndex: number, colIndex: number): boolean;
@@ -433,7 +433,7 @@ declare class MatMonthView<D> implements AfterContentInit, OnChanges, OnDestroy
     }[]>;
     constructor(...args: unknown[]);
     ngAfterContentInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** Handles when a new date is selected. */
     _dateSelected(event: MatCalendarUserEvent<number>): void;
@@ -842,7 +842,7 @@ declare class MatCalendar<D> implements AfterContentInit, AfterViewChecked, OnDe
     ngAfterContentInit(): void;
     ngAfterViewChecked(): void;
     ngOnDestroy(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     /** Focuses the active date. */
     focusActiveCell(): void;
     /** Updates today's date after an update of the active date */
@@ -956,7 +956,7 @@ declare abstract class MatDatepickerInputBase<S, D = ExtractDateTypeFromSelectio
     protected _lastValueValid: boolean;
     constructor(...args: unknown[]);
     ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** @docs-private */
     registerOnValidatorChange(fn: () => void): void;
@@ -1215,7 +1215,7 @@ declare abstract class MatDatepickerBase<C extends MatDatepickerControl<D>, S, D
     readonly stateChanges: Subject<void>;
     private readonly _changeDetectorRef;
     constructor(...args: unknown[]);
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** Selects the given date */
     select(date: D): void;
@@ -1410,7 +1410,7 @@ declare class MatDatepickerToggle<D> implements AfterContentInit, OnChanges, OnD
     /** Underlying button element. */
     _button: MatButton;
     constructor(...args: unknown[]);
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
     _open(event: Event): void;
@@ -1621,7 +1621,7 @@ declare class MatDateRangeInput<D> implements MatFormFieldControl<DateRange<D>>,
      */
     onContainerClick(): void;
     ngAfterContentInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** Gets the date at which the calendar should start. */
     getStartValue(): D | null;

package/types/dialog.d.ts

@@ -26,7 +26,7 @@ declare class MatDialogClose implements OnInit, OnChanges {
     _matDialogClose: any;
     constructor(...args: unknown[]);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     _onButtonClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatDialogClose, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<MatDialogClose, "[mat-dialog-close], [matDialogClose]", ["matDialogClose"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dialogResult": { "alias": "mat-dialog-close"; "required": false; }; "_matDialogClose": { "alias": "matDialogClose"; "required": false; }; }, {}, never, never, true, never>;

package/types/expansion.d.ts

@@ -105,7 +105,33 @@ declare class MatExpansionPanel extends CdkAccordionItem implements AfterContent
     readonly afterCollapse: EventEmitter<void>;
     /** Stream that emits for changes in `@Input` properties. */
     readonly _inputChanges: Subject<{
-        [propName: string]: i0.SimpleChange<any>;
+        hideToggle?: i0.SimpleChange<boolean> | undefined;
+        togglePosition?: i0.SimpleChange<MatAccordionTogglePosition> | undefined;
+        readonly afterExpand?: i0.SimpleChange<EventEmitter<void>> | undefined;
+        readonly afterCollapse?: i0.SimpleChange<EventEmitter<void>> | undefined;
+        readonly _inputChanges?: i0.SimpleChange<Subject</*elided*/ any>> | undefined;
+        accordion?: i0.SimpleChange<MatAccordionBase> | undefined;
+        _lazyContent?: i0.SimpleChange<MatExpansionPanelContent> | undefined;
+        _body?: i0.SimpleChange<ElementRef<HTMLElement>> | undefined;
+        _portal?: i0.SimpleChange<TemplatePortal<any>> | undefined;
+        _headerId?: i0.SimpleChange<string> | undefined;
+        _hasSpacing?: i0.SimpleChange<() => boolean> | undefined;
+        _getExpandedState?: i0.SimpleChange<() => MatExpansionPanelState> | undefined;
+        toggle?: i0.SimpleChange<() => void> | undefined;
+        close?: i0.SimpleChange<() => void> | undefined;
+        open?: i0.SimpleChange<() => void> | undefined;
+        ngAfterContentInit?: i0.SimpleChange<() => void> | undefined;
+        ngOnChanges?: i0.SimpleChange<(changes: /*elided*/ any) => void> | undefined;
+        ngOnDestroy?: i0.SimpleChange<() => void> | undefined;
+        _containsFocus?: i0.SimpleChange<() => boolean> | undefined;
+        readonly closed?: i0.SimpleChange<EventEmitter<void>> | undefined;
+        readonly opened?: i0.SimpleChange<EventEmitter<void>> | undefined;
+        readonly destroyed?: i0.SimpleChange<EventEmitter<void>> | undefined;
+        readonly expandedChange?: i0.SimpleChange<EventEmitter<boolean>> | undefined;
+        readonly id?: i0.SimpleChange<string> | undefined;
+        expanded?: i0.SimpleChange<boolean> | undefined;
+        disabled?: i0.SimpleChange<boolean> | undefined;
+        ngOnInit?: i0.SimpleChange<() => void> | undefined;
     }>;
     /** Optionally defined accordion the expansion panel belongs to. */
     accordion: MatAccordionBase;
@@ -131,7 +157,7 @@ declare class MatExpansionPanel extends CdkAccordionItem implements AfterContent
     /** Sets the expanded state of the expansion panel to true. */
     open(): void;
     ngAfterContentInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** Checks whether the expansion panel's content contains the currently-focused element. */
     _containsFocus(): boolean;

package/types/list.d.ts

@@ -419,7 +419,7 @@ declare class MatSelectionList extends MatListBase implements SelectionList, Con
     private readonly _changeDetectorRef;
     constructor(...args: unknown[]);
     ngAfterViewInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** Focuses the selection list. */
     focus(options?: FocusOptions): void;

package/types/select.d.ts

@@ -259,7 +259,7 @@ declare class MatSelect implements AfterContentInit, OnChanges, OnDestroy, OnIni
     ngOnInit(): void;
     ngAfterContentInit(): void;
     ngDoCheck(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** Toggles the overlay panel open or closed. */
     toggle(): void;

package/types/slide-toggle.d.ts

@@ -107,7 +107,7 @@ declare class MatSlideToggle implements OnDestroy, AfterContentInit, OnChanges,
     get inputId(): string;
     constructor(...args: unknown[]);
     ngAfterContentInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     /** Implemented as part of ControlValueAccessor. */
     writeValue(value: any): void;

package/types/tabs.d.ts

@@ -100,7 +100,7 @@ declare class MatTab implements OnInit, OnChanges, OnDestroy {
      */
     isActive: boolean;
     constructor(...args: unknown[]);
-    ngOnChanges(changes: SimpleChanges): void;
+    ngOnChanges(changes: SimpleChanges<this>): void;
     ngOnDestroy(): void;
     ngOnInit(): void;
     /**
@@ -530,6 +530,11 @@ interface MatTabGroupBaseHeader {
 }
 /** Possible positions for the tab header. */
 type MatTabHeaderPosition = 'above' | 'below';
+/** Possible values for the animation duration of a tab group. */
+type MatTabGroupAnimationDuration = string | number | {
+    body: string | number;
+    header: string | number;
+};
 /**
  * Material design tab-group component. Supports basic tab pairs (label + content) and includes
  * animated ink-bar, keyboard navigation, and screen reader.
@@ -543,6 +548,8 @@ declare class MatTabGroup implements AfterViewInit, AfterContentInit, AfterConte
     private _tabLabelSubscription;
     private _tabBodySubscription;
     private _diAnimationsDisabled;
+    protected _bodyAnimationDuration: string;
+    protected _headerAnimationDuration: string;
     /**
      * All tabs inside the tab group. This includes tabs that belong to groups that are nested
      * inside the current one. We filter out only the tabs that belong to this group in `_tabs`.
@@ -584,8 +591,8 @@ declare class MatTabGroup implements AfterViewInit, AfterContentInit, AfterConte
     /** Position of the tab header. */
     headerPosition: MatTabHeaderPosition;
     /** Duration for the tab animation. Will be normalized to milliseconds if no units are set. */
-    get animationDuration(): string;
-    set animationDuration(value: string | number);
+    get animationDuration(): MatTabGroupAnimationDuration;
+    set animationDuration(value: MatTabGroupAnimationDuration);
     private _animationDuration;
     /**
      * `tabindex` to be set on the inner element that wraps the tab content. Can be used for improved
@@ -698,7 +705,7 @@ declare class MatTabGroup implements AfterViewInit, AfterContentInit, AfterConte
      * @param isCenter Whether the tab will be in the center.
      */
     protected _bodyCentered(isCenter: boolean): void;
-    protected _animationsDisabled(): boolean;
+    protected _bodyAnimationsDisabled(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<MatTabGroup, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabGroup, "mat-tab-group", ["matTabGroup"], { "color": { "alias": "color"; "required": false; }; "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "stretchTabs": { "alias": "mat-stretch-tabs"; "required": false; }; "alignTabs": { "alias": "mat-align-tabs"; "required": false; }; "dynamicHeight": { "alias": "dynamicHeight"; "required": false; }; "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "headerPosition": { "alias": "headerPosition"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "contentTabIndex": { "alias": "contentTabIndex"; "required": false; }; "disablePagination": { "alias": "disablePagination"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "preserveContent": { "alias": "preserveContent"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["_allTabs"], ["*"], true, never>;
     static ngAcceptInputType_fitInkBarToContent: unknown;