@angular/material 20.0.0-next.0 → 20.0.0-next.10

package/tabs/index.d.ts

@@ -1,70 +1,144 @@
-import { AfterContentChecked } from '@angular/core';
-import { AfterContentInit } from '@angular/core';
-import { AfterViewInit } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import { CdkPortal } from '@angular/cdk/portal';
-import { CdkPortalOutlet } from '@angular/cdk/portal';
-import { ChangeDetectorRef } from '@angular/core';
-import { Direction } from '@angular/cdk/bidi';
-import { ElementRef } from '@angular/core';
-import { EventEmitter } from '@angular/core';
-import { FocusableOption } from '@angular/cdk/a11y';
-import { FocusOrigin } from '@angular/cdk/a11y';
 import * as i0 from '@angular/core';
-import * as i1 from '@angular/material/core';
-import { InjectionToken } from '@angular/core';
-import { OnChanges } from '@angular/core';
-import { OnDestroy } from '@angular/core';
-import { OnInit } from '@angular/core';
-import { QueryList } from '@angular/core';
-import { RippleConfig } from '@angular/material/core';
-import { RippleGlobalOptions } from '@angular/material/core';
-import { RippleTarget } from '@angular/material/core';
-import { SimpleChanges } from '@angular/core';
-import { Subject } from 'rxjs';
-import { TemplatePortal } from '@angular/cdk/portal';
-import { TemplateRef } from '@angular/core';
-import { ThemePalette } from '@angular/material/core';
+import { InjectionToken, TemplateRef, OnInit, OnChanges, OnDestroy, SimpleChanges, QueryList, ElementRef, AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, EventEmitter } from '@angular/core';
+import { M as MatCommonModule } from '../common-module.d-C8xzHJDr.js';
+import { CdkPortal, TemplatePortal, CdkPortalOutlet } from '@angular/cdk/portal';
+import { Subject, BehaviorSubject } from 'rxjs';
+import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
+import { Direction } from '@angular/cdk/bidi';
+import { T as ThemePalette } from '../palette.d-BSSFKjO6.js';
+import { b as RippleTarget, f as RippleConfig, R as RippleGlobalOptions } from '../ripple.d-BT30YVLB.js';
+import '@angular/cdk/platform';
 
-declare namespace i2 {
-    export {
-        MAT_TAB_CONTENT,
-        MatTabContent
-    }
+/**
+ * Injection token that can be used to reference instances of `MatTabContent`. It serves as
+ * alternative token to the actual `MatTabContent` class which could cause unnecessary
+ * retention of the class and its directive metadata.
+ */
+declare const MAT_TAB_CONTENT: InjectionToken<MatTabContent>;
+/** Decorates the `ng-template` tags and reads out the template from it. */
+declare class MatTabContent {
+    template: TemplateRef<any>;
+    constructor(...args: unknown[]);
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabContent, "[matTabContent]", never, {}, {}, never, never, true, never>;
 }
 
-declare namespace i3 {
-    export {
-        MAT_TAB_LABEL,
-        MAT_TAB,
-        MatTabLabel
-    }
+/**
+ * Injection token that can be used to reference instances of `MatTabLabel`. It serves as
+ * alternative token to the actual `MatTabLabel` class which could cause unnecessary
+ * retention of the class and its directive metadata.
+ */
+declare const MAT_TAB_LABEL: InjectionToken<MatTabLabel>;
+/**
+ * Used to provide a tab label to a tab without causing a circular dependency.
+ * @docs-private
+ */
+declare const MAT_TAB: InjectionToken<any>;
+/** Used to flag tab labels for use with the portal directive */
+declare class MatTabLabel extends CdkPortal {
+    _closestTab: any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabel, "[mat-tab-label], [matTabLabel]", never, {}, {}, never, never, true, never>;
 }
 
-declare namespace i4 {
-    export {
-        MAT_TAB_GROUP,
-        MatTab
-    }
+/**
+ * Used to provide a tab group to a tab without causing a circular dependency.
+ * @docs-private
+ */
+declare const MAT_TAB_GROUP: InjectionToken<any>;
+declare class MatTab implements OnInit, OnChanges, OnDestroy {
+    private _viewContainerRef;
+    _closestTabGroup: any;
+    /** whether the tab is disabled. */
+    disabled: boolean;
+    /** Content for the tab label given by `<ng-template mat-tab-label>`. */
+    get templateLabel(): MatTabLabel;
+    set templateLabel(value: MatTabLabel);
+    private _templateLabel;
+    /**
+     * Template provided in the tab content that will be used if present, used to enable lazy-loading
+     */
+    private _explicitContent;
+    /** Template inside the MatTab view that contains an `<ng-content>`. */
+    _implicitContent: TemplateRef<any>;
+    /** Plain text label for the tab, used when there is no template label. */
+    textLabel: string;
+    /** Aria label for the tab. */
+    ariaLabel: string;
+    /**
+     * Reference to the element that the tab is labelled by.
+     * Will be cleared if `aria-label` is set at the same time.
+     */
+    ariaLabelledby: string;
+    /** Classes to be passed to the tab label inside the mat-tab-header container. */
+    labelClass: string | string[];
+    /** Classes to be passed to the tab mat-tab-body container. */
+    bodyClass: string | string[];
+    /**
+     * Custom ID for the tab, overriding the auto-generated one by Material.
+     * Note that when using this input, it's your responsibility to ensure that the ID is unique.
+     */
+    id: string | null;
+    /** Portal that will be the hosted content of the tab */
+    private _contentPortal;
+    /** @docs-private */
+    get content(): TemplatePortal | null;
+    /** Emits whenever the internal state of the tab changes. */
+    readonly _stateChanges: Subject<void>;
+    /**
+     * The relatively indexed position where 0 represents the center, negative is left, and positive
+     * represents the right.
+     */
+    position: number | null;
+    /**
+     * The initial relatively index origin of the tab if it was created and selected after there
+     * was already a selected tab. Provides context of what position the tab should originate from.
+     */
+    origin: number | null;
+    /**
+     * Whether the tab is currently active.
+     */
+    isActive: boolean;
+    constructor(...args: unknown[]);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    ngOnInit(): void;
+    /**
+     * This has been extracted to a util because of TS 4 and VE.
+     * View Engine doesn't support property rename inheritance.
+     * TS 4.0 doesn't allow properties to override accessors or vice-versa.
+     * @docs-private
+     */
+    private _setTemplateLabelInput;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTab, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTab, "mat-tab", ["matTab"], { "disabled": { "alias": "disabled"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, ["templateLabel", "_explicitContent"], ["*"], true, never>;
+    static ngAcceptInputType_disabled: unknown;
 }
 
-declare namespace i5 {
-    export {
-        MatTabGroupBaseHeader,
-        MatTabHeaderPosition,
-        MatTabGroup,
-        MatTabChangeEvent
-    }
+/**
+ * Item inside a tab header relative to which the ink bar can be aligned.
+ * @docs-private
+ */
+interface MatInkBarItem extends OnInit, OnDestroy {
+    elementRef: ElementRef<HTMLElement>;
+    activateInkBar(previousIndicatorClientRect?: DOMRect): void;
+    deactivateInkBar(): void;
+    fitInkBarToContent: boolean;
 }
-
-declare namespace i6 {
-    export {
-        MatTabNav,
-        MatTabLink,
-        MatTabNavPanel
-    }
+/**
+ * Abstraction around the MDC tab indicator that acts as the tab header's ink bar.
+ * @docs-private
+ */
+declare class MatInkBar {
+    private _items;
+    /** Item to which the ink bar is aligned currently. */
+    private _currentItem;
+    constructor(_items: QueryList<MatInkBarItem>);
+    /** Hides the ink bar. */
+    hide(): void;
+    /** Aligns the ink bar to a DOM node. */
+    alignToElement(element: HTMLElement): void;
 }
-
 declare abstract class InkBarItem implements OnInit, OnDestroy {
     private _elementRef;
     private _inkBarElement;
@@ -92,87 +166,58 @@ declare abstract class InkBarItem implements OnInit, OnDestroy {
     static ɵdir: i0.ɵɵDirectiveDeclaration<InkBarItem, never, never, { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; }, {}, never, never, true, never>;
     static ngAcceptInputType_fitInkBarToContent: unknown;
 }
-
-/** Injection token for the MatInkBar's Positioner. */
-export declare const _MAT_INK_BAR_POSITIONER: InjectionToken<_MatInkBarPositioner>;
-
-/**
- * The default positioner function for the MatInkBar.
- * @docs-private
- */
-export declare function _MAT_INK_BAR_POSITIONER_FACTORY(): _MatInkBarPositioner;
-
-/**
- * Used to provide a tab label to a tab without causing a circular dependency.
- * @docs-private
- */
-export declare const MAT_TAB: InjectionToken<any>;
-
-/**
- * Injection token that can be used to reference instances of `MatTabContent`. It serves as
- * alternative token to the actual `MatTabContent` class which could cause unnecessary
- * retention of the class and its directive metadata.
- */
-export declare const MAT_TAB_CONTENT: InjectionToken<MatTabContent>;
-
-/**
- * Used to provide a tab group to a tab without causing a circular dependency.
- * @docs-private
- */
-export declare const MAT_TAB_GROUP: InjectionToken<any>;
-
 /**
- * Injection token that can be used to reference instances of `MatTabLabel`. It serves as
- * alternative token to the actual `MatTabLabel` class which could cause unnecessary
- * retention of the class and its directive metadata.
+ * Interface for a MatInkBar positioner method, defining the positioning and width of the ink
+ * bar in a set of tabs.
  */
-export declare const MAT_TAB_LABEL: InjectionToken<MatTabLabel>;
-
-/** Injection token that can be used to provide the default options the tabs module. */
-export declare const MAT_TABS_CONFIG: InjectionToken<MatTabsConfig>;
-
+interface _MatInkBarPositioner {
+    (element: HTMLElement): {
+        left: string;
+        width: string;
+    };
+}
 /**
- * Abstraction around the MDC tab indicator that acts as the tab header's ink bar.
+ * The default positioner function for the MatInkBar.
  * @docs-private
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0
  */
-export declare class MatInkBar {
-    private _items;
-    /** Item to which the ink bar is aligned currently. */
-    private _currentItem;
-    constructor(_items: QueryList<MatInkBarItem>);
-    /** Hides the ink bar. */
-    hide(): void;
-    /** Aligns the ink bar to a DOM node. */
-    alignToElement(element: HTMLElement): void;
-}
+declare function _MAT_INK_BAR_POSITIONER_FACTORY(): _MatInkBarPositioner;
+/** Injection token for the MatInkBar's Positioner. */
+declare const _MAT_INK_BAR_POSITIONER: InjectionToken<_MatInkBarPositioner>;
 
 /**
- * Item inside a tab header relative to which the ink bar can be aligned.
+ * Used in the `mat-tab-group` view to display tab labels.
  * @docs-private
  */
-declare interface MatInkBarItem extends OnInit, OnDestroy {
-    elementRef: ElementRef<HTMLElement>;
-    activateInkBar(previousIndicatorClientRect?: DOMRect): void;
-    deactivateInkBar(): void;
-    fitInkBarToContent: boolean;
+declare class MatTabLabelWrapper extends InkBarItem {
+    elementRef: ElementRef<any>;
+    /** Whether the tab is disabled. */
+    disabled: boolean;
+    /** Sets focus on the wrapper element */
+    focus(): void;
+    getOffsetLeft(): number;
+    getOffsetWidth(): number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabelWrapper, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabelWrapper, "[matTabLabelWrapper]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
 }
 
 /**
- * Interface for a MatInkBar positioner method, defining the positioning and width of the ink
- * bar in a set of tabs.
+ * The directions that scrolling can go in when the header's tabs exceed the header width. 'After'
+ * will scroll the header towards the end of the tabs list and 'before' will scroll towards the
+ * beginning of the list.
  */
-export declare interface _MatInkBarPositioner {
-    (element: HTMLElement): {
-        left: string;
-        width: string;
-    };
-}
-
+type ScrollDirection = 'after' | 'before';
+/** Item inside a paginated tab header. */
+type MatPaginatedTabHeaderItem = FocusableOption & {
+    elementRef: ElementRef;
+};
 /**
  * Base class for a tab header that supported pagination.
  * @docs-private
  */
-export declare abstract class MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
+declare abstract class MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
     protected _elementRef: ElementRef<HTMLElement>;
     protected _changeDetectorRef: ChangeDetectorRef;
     private _viewportRuler;
@@ -182,7 +227,7 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
     private _sharedResizeObserver;
     private _injector;
     private _renderer;
-    _animationMode: "NoopAnimations" | "BrowserAnimations" | null;
+    _animationsDisabled: boolean;
     private _eventCleanups;
     abstract _items: QueryList<MatPaginatedTabHeaderItem>;
     abstract _inkBar: {
@@ -346,86 +391,87 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
     static ngAcceptInputType_selectedIndex: unknown;
 }
 
-/** Item inside a paginated tab header. */
-declare type MatPaginatedTabHeaderItem = FocusableOption & {
-    elementRef: ElementRef;
-};
-
-export declare class MatTab implements OnInit, OnChanges, OnDestroy {
-    private _viewContainerRef;
-    _closestTabGroup: any;
-    /** whether the tab is disabled. */
-    disabled: boolean;
-    /** Content for the tab label given by `<ng-template mat-tab-label>`. */
-    get templateLabel(): MatTabLabel;
-    set templateLabel(value: MatTabLabel);
-    private _templateLabel;
-    /**
-     * Template provided in the tab content that will be used if present, used to enable lazy-loading
-     */
-    private _explicitContent;
-    /** Template inside the MatTab view that contains an `<ng-content>`. */
-    _implicitContent: TemplateRef<any>;
-    /** Plain text label for the tab, used when there is no template label. */
-    textLabel: string;
-    /** Aria label for the tab. */
+/**
+ * The header of the tab group which displays a list of all the tabs in the tab group. Includes
+ * an ink bar that follows the currently selected tab. When the tabs list's width exceeds the
+ * width of the header container, then arrows will be displayed to allow the user to scroll
+ * left and right across the header.
+ * @docs-private
+ */
+declare class MatTabHeader extends MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
+    _items: QueryList<MatTabLabelWrapper>;
+    _tabListContainer: ElementRef;
+    _tabList: ElementRef;
+    _tabListInner: ElementRef;
+    _nextPaginator: ElementRef<HTMLElement>;
+    _previousPaginator: ElementRef<HTMLElement>;
+    _inkBar: MatInkBar;
+    /** Aria label of the header. */
     ariaLabel: string;
-    /**
-     * Reference to the element that the tab is labelled by.
-     * Will be cleared if `aria-label` is set at the same time.
-     */
+    /** Sets the `aria-labelledby` of the header. */
     ariaLabelledby: string;
-    /** Classes to be passed to the tab label inside the mat-tab-header container. */
-    labelClass: string | string[];
-    /** Classes to be passed to the tab mat-tab-body container. */
-    bodyClass: string | string[];
-    /** Portal that will be the hosted content of the tab */
-    private _contentPortal;
-    /** @docs-private */
-    get content(): TemplatePortal | null;
-    /** Emits whenever the internal state of the tab changes. */
-    readonly _stateChanges: Subject<void>;
-    /**
-     * The relatively indexed position where 0 represents the center, negative is left, and positive
-     * represents the right.
-     */
-    position: number | null;
-    /**
-     * The initial relatively index origin of the tab if it was created and selected after there
-     * was already a selected tab. Provides context of what position the tab should originate from.
-     */
-    origin: number | null;
-    /**
-     * Whether the tab is currently active.
-     */
-    isActive: boolean;
+    /** Whether the ripple effect is disabled or not. */
+    disableRipple: boolean;
+    ngAfterContentInit(): void;
+    protected _itemSelected(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
+    static ngAcceptInputType_disableRipple: unknown;
+}
+
+/**
+ * The portal host directive for the contents of the tab.
+ * @docs-private
+ */
+declare class MatTabBodyPortal extends CdkPortalOutlet implements OnInit, OnDestroy {
+    private _host;
+    /** Subscription to events for when the tab body begins centering. */
+    private _centeringSub;
+    /** Subscription to events for when the tab body finishes leaving from center position. */
+    private _leavingSub;
     constructor(...args: unknown[]);
-    ngOnChanges(changes: SimpleChanges): void;
-    ngOnDestroy(): void;
+    /** Set initial visibility or set up subscription for changing visibility. */
     ngOnInit(): void;
-    /**
-     * This has been extracted to a util because of TS 4 and VE.
-     * View Engine doesn't support property rename inheritance.
-     * TS 4.0 doesn't allow properties to override accessors or vice-versa.
-     * @docs-private
-     */
-    private _setTemplateLabelInput;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatTab, "mat-tab", ["matTab"], { "disabled": { "alias": "disabled"; "required": false; }; "textLabel": { "alias": "label"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "labelClass": { "alias": "labelClass"; "required": false; }; "bodyClass": { "alias": "bodyClass"; "required": false; }; }, {}, ["templateLabel", "_explicitContent"], ["*"], true, never>;
-    static ngAcceptInputType_disabled: unknown;
+    /** Clean up centering subscription. */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabBodyPortal, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabBodyPortal, "[matTabBodyHost]", never, {}, {}, never, never, true, never>;
 }
-
+/**
+ * These position states are used internally as animation states for the tab body. Setting the
+ * position state to left, right, or center will transition the tab body from its current
+ * position to its respective state. If there is not current position (void, in the case of a new
+ * tab body), then there will be no transition animation to its state.
+ *
+ * In the case of a new tab body that should immediately be centered with an animating transition,
+ * then left-origin-center or right-origin-center can be used, which will use left or right as its
+ * pseudo-prior state.
+ *
+ * @deprecated Will stop being exported.
+ * @breaking-change 21.0.0
+ */
+type MatTabBodyPositionState = 'left' | 'center' | 'right';
+/**
+ * The origin state is an internally used state that is set on a new tab body indicating if it
+ * began to the left or right of the prior selected index. For example, if the selected index was
+ * set to 1, and a new tab is created and selected at index 2, then the tab body would have an
+ * origin of right because its index was greater than the prior selected index.
+ *
+ * @deprecated No longer being used. Will be removed.
+ * @breaking-change 21.0.0
+ */
+type MatTabBodyOriginState = 'left' | 'right';
 /**
  * Wrapper for the contents of a tab.
  * @docs-private
  */
-export declare class MatTabBody implements OnInit, OnDestroy {
+declare class MatTabBody implements OnInit, OnDestroy {
     private _elementRef;
     private _dir;
     private _ngZone;
     private _injector;
     private _renderer;
-    private _animationsModule;
+    private _diAnimationsDisabled;
     private _eventCleanups?;
     private _initialized;
     private _fallbackTimer;
@@ -482,80 +528,27 @@ export declare class MatTabBody implements OnInit, OnDestroy {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabBody, "mat-tab-body", never, { "_content": { "alias": "content"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "preserveContent": { "alias": "preserveContent"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "_onCentering": "_onCentering"; "_beforeCentering": "_beforeCentering"; "_onCentered": "_onCentered"; }, never, never, true, never>;
 }
 
-/**
- * The origin state is an internally used state that is set on a new tab body indicating if it
- * began to the left or right of the prior selected index. For example, if the selected index was
- * set to 1, and a new tab is created and selected at index 2, then the tab body would have an
- * origin of right because its index was greater than the prior selected index.
- *
- * @deprecated No longer being used. Will be removed.
- * @breaking-change 21.0.0
- */
-export declare type MatTabBodyOriginState = 'left' | 'right';
-
-/**
- * The portal host directive for the contents of the tab.
- * @docs-private
- */
-export declare class MatTabBodyPortal extends CdkPortalOutlet implements OnInit, OnDestroy {
-    private _host;
-    /** Subscription to events for when the tab body begins centering. */
-    private _centeringSub;
-    /** Subscription to events for when the tab body finishes leaving from center position. */
-    private _leavingSub;
-    constructor(...args: unknown[]);
-    /** Set initial visibility or set up subscription for changing visibility. */
-    ngOnInit(): void;
-    /** Clean up centering subscription. */
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabBodyPortal, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabBodyPortal, "[matTabBodyHost]", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * These position states are used internally as animation states for the tab body. Setting the
- * position state to left, right, or center will transition the tab body from its current
- * position to its respective state. If there is not current position (void, in the case of a new
- * tab body), then there will be no transition animation to its state.
- *
- * In the case of a new tab body that should immediately be centered with an animating transition,
- * then left-origin-center or right-origin-center can be used, which will use left or right as its
- * pseudo-prior state.
- *
- * @deprecated Will stop being exported.
- * @breaking-change 21.0.0
- */
-export declare type MatTabBodyPositionState = 'left' | 'center' | 'right';
-
-/** A simple change event emitted on focus or selection changes. */
-export declare class MatTabChangeEvent {
-    /** Index of the currently-selected tab. */
-    index: number;
-    /** Reference to the currently-selected tab. */
-    tab: MatTab;
-}
-
-/** Decorates the `ng-template` tags and reads out the template from it. */
-export declare class MatTabContent {
-    template: TemplateRef<any>;
-    constructor(...args: unknown[]);
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabContent, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabContent, "[matTabContent]", never, {}, {}, never, never, true, never>;
+/** @docs-private */
+interface MatTabGroupBaseHeader {
+    _alignInkBarToSelectedTab(): void;
+    updatePagination(): void;
+    focusIndex: number;
 }
-
+/** Possible positions for the tab header. */
+type MatTabHeaderPosition = 'above' | 'below';
 /**
  * Material design tab-group component. Supports basic tab pairs (label + content) and includes
  * animated ink-bar, keyboard navigation, and screen reader.
  * See: https://material.io/design/components/tabs.html
  */
-export declare class MatTabGroup implements AfterViewInit, AfterContentInit, AfterContentChecked, OnDestroy {
+declare class MatTabGroup implements AfterViewInit, AfterContentInit, AfterContentChecked, OnDestroy {
     readonly _elementRef: ElementRef<any>;
     private _changeDetectorRef;
     private _ngZone;
     private _tabsSubscription;
     private _tabLabelSubscription;
     private _tabBodySubscription;
-    _animationMode: "NoopAnimations" | "BrowserAnimations" | null;
+    private _diAnimationsDisabled;
     /**
      * 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`.
@@ -690,9 +683,9 @@ export declare class MatTabGroup implements AfterViewInit, AfterContentInit, Aft
     /** Clamps the given index to the bounds of 0 and the tabs length. */
     private _clampTabIndex;
     /** Returns a unique id for each tab label element */
-    _getTabLabelId(i: number): string;
+    _getTabLabelId(tab: MatTab, index: number): string;
     /** Returns a unique id for each tab content element */
-    _getTabContentId(i: number): string;
+    _getTabContentId(index: number): string;
     /**
      * Sets the height of the body wrapper to the height of the activating tab if dynamic
      * height property is true.
@@ -711,6 +704,7 @@ export declare class MatTabGroup implements AfterViewInit, AfterContentInit, Aft
      * @param isCenter Whether the tab will be in the center.
      */
     protected _bodyCentered(isCenter: boolean): void;
+    protected _animationsDisabled(): 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;
@@ -722,73 +716,79 @@ export declare class MatTabGroup implements AfterViewInit, AfterContentInit, Aft
     static ngAcceptInputType_disableRipple: unknown;
     static ngAcceptInputType_preserveContent: unknown;
 }
-
-/** @docs-private */
-export declare interface MatTabGroupBaseHeader {
-    _alignInkBarToSelectedTab(): void;
-    updatePagination(): void;
-    focusIndex: number;
+/** A simple change event emitted on focus or selection changes. */
+declare class MatTabChangeEvent {
+    /** Index of the currently-selected tab. */
+    index: number;
+    /** Reference to the currently-selected tab. */
+    tab: MatTab;
 }
 
 /**
- * The header of the tab group which displays a list of all the tabs in the tab group. Includes
- * an ink bar that follows the currently selected tab. When the tabs list's width exceeds the
- * width of the header container, then arrows will be displayed to allow the user to scroll
- * left and right across the header.
- * @docs-private
+ * Navigation component matching the styles of the tab group header.
+ * Provides anchored navigation with animated ink bar.
  */
-export declare class MatTabHeader extends MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy {
-    _items: QueryList<MatTabLabelWrapper>;
+declare class MatTabNav extends MatPaginatedTabHeader implements AfterContentInit, AfterViewInit {
+    /** Whether the ink bar should fit its width to the size of the tab label content. */
+    get fitInkBarToContent(): boolean;
+    set fitInkBarToContent(value: boolean);
+    _fitInkBarToContent: BehaviorSubject<boolean>;
+    /** Whether tabs should be stretched to fill the header. */
+    stretchTabs: boolean;
+    get animationDuration(): string;
+    set animationDuration(value: string | number);
+    private _animationDuration;
+    /** Query list of all tab links of the tab navigation. */
+    _items: QueryList<MatTabLink>;
+    /**
+     * Theme color of the background of the tab nav. This API is supported in M2 themes only, it
+     * has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/tabs/styling.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
+     */
+    get backgroundColor(): ThemePalette;
+    set backgroundColor(value: ThemePalette);
+    private _backgroundColor;
+    /** Whether the ripple effect is disabled or not. */
+    disableRipple: boolean;
+    /**
+     * Theme color of the nav bar. This API is supported in M2 themes only, it has
+     * no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/tabs/styling.
+     *
+     * For information on applying color variants in M3, see
+     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
+     */
+    color: ThemePalette;
+    /**
+     * Associated tab panel controlled by the nav bar. If not provided, then the nav bar
+     * follows the ARIA link / navigation landmark pattern. If provided, it follows the
+     * ARIA tabs design pattern.
+     */
+    tabPanel?: MatTabNavPanel;
     _tabListContainer: ElementRef;
     _tabList: ElementRef;
     _tabListInner: ElementRef;
     _nextPaginator: ElementRef<HTMLElement>;
     _previousPaginator: ElementRef<HTMLElement>;
     _inkBar: MatInkBar;
-    /** Aria label of the header. */
-    ariaLabel: string;
-    /** Sets the `aria-labelledby` of the header. */
-    ariaLabelledby: string;
-    /** Whether the ripple effect is disabled or not. */
-    disableRipple: boolean;
+    constructor(...args: unknown[]);
+    protected _itemSelected(): void;
     ngAfterContentInit(): void;
-    protected _itemSelected(event: KeyboardEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
+    ngAfterViewInit(): void;
+    /** Notifies the component that the active link has been changed. */
+    updateActiveLink(): void;
+    _getRole(): string | null;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNav, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNav, "[mat-tab-nav-bar]", ["matTabNavBar", "matTabNav"], { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "stretchTabs": { "alias": "mat-stretch-tabs"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabPanel": { "alias": "tabPanel"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
+    static ngAcceptInputType_fitInkBarToContent: unknown;
+    static ngAcceptInputType_stretchTabs: unknown;
     static ngAcceptInputType_disableRipple: unknown;
 }
-
-/** Possible positions for the tab header. */
-export declare type MatTabHeaderPosition = 'above' | 'below';
-
-/** Used to flag tab labels for use with the portal directive */
-export declare class MatTabLabel extends CdkPortal {
-    _closestTab: any;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabel, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabel, "[mat-tab-label], [matTabLabel]", never, {}, {}, never, never, true, never>;
-}
-
-/**
- * Used in the `mat-tab-group` view to display tab labels.
- * @docs-private
- */
-export declare class MatTabLabelWrapper extends InkBarItem {
-    elementRef: ElementRef<any>;
-    /** Whether the tab is disabled. */
-    disabled: boolean;
-    /** Sets focus on the wrapper element */
-    focus(): void;
-    getOffsetLeft(): number;
-    getOffsetWidth(): number;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabelWrapper, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabelWrapper, "[matTabLabelWrapper]", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-    static ngAcceptInputType_disabled: unknown;
-}
-
 /**
  * Link inside a `mat-tab-nav-bar`.
  */
-export declare class MatTabLink extends InkBarItem implements AfterViewInit, OnDestroy, RippleTarget, FocusableOption {
+declare class MatTabLink extends InkBarItem implements AfterViewInit, OnDestroy, RippleTarget, FocusableOption {
     private _tabNavBar;
     elementRef: ElementRef<any>;
     private _focusMonitor;
@@ -836,73 +836,10 @@ export declare class MatTabLink extends InkBarItem implements AfterViewInit, OnD
     static ngAcceptInputType_disableRipple: unknown;
     static ngAcceptInputType_tabIndex: unknown;
 }
-
-/**
- * Navigation component matching the styles of the tab group header.
- * Provides anchored navigation with animated ink bar.
- */
-export declare class MatTabNav extends MatPaginatedTabHeader implements AfterContentInit, AfterViewInit {
-    /** Whether the ink bar should fit its width to the size of the tab label content. */
-    get fitInkBarToContent(): boolean;
-    set fitInkBarToContent(value: boolean);
-    _fitInkBarToContent: BehaviorSubject<boolean>;
-    /** Whether tabs should be stretched to fill the header. */
-    stretchTabs: boolean;
-    get animationDuration(): string;
-    set animationDuration(value: string | number);
-    private _animationDuration;
-    /** Query list of all tab links of the tab navigation. */
-    _items: QueryList<MatTabLink>;
-    /**
-     * Theme color of the background of the tab nav. This API is supported in M2 themes only, it
-     * has no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/tabs/styling.
-     *
-     * For information on applying color variants in M3, see
-     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
-     */
-    get backgroundColor(): ThemePalette;
-    set backgroundColor(value: ThemePalette);
-    private _backgroundColor;
-    /** Whether the ripple effect is disabled or not. */
-    disableRipple: boolean;
-    /**
-     * Theme color of the nav bar. This API is supported in M2 themes only, it has
-     * no effect in M3 themes. For color customization in M3, see https://material.angular.io/components/tabs/styling.
-     *
-     * For information on applying color variants in M3, see
-     * https://material.angular.io/guide/material-2-theming#optional-add-backwards-compatibility-styles-for-color-variants
-     */
-    color: ThemePalette;
-    /**
-     * Associated tab panel controlled by the nav bar. If not provided, then the nav bar
-     * follows the ARIA link / navigation landmark pattern. If provided, it follows the
-     * ARIA tabs design pattern.
-     */
-    tabPanel?: MatTabNavPanel;
-    _tabListContainer: ElementRef;
-    _tabList: ElementRef;
-    _tabListInner: ElementRef;
-    _nextPaginator: ElementRef<HTMLElement>;
-    _previousPaginator: ElementRef<HTMLElement>;
-    _inkBar: MatInkBar;
-    constructor(...args: unknown[]);
-    protected _itemSelected(): void;
-    ngAfterContentInit(): void;
-    ngAfterViewInit(): void;
-    /** Notifies the component that the active link has been changed. */
-    updateActiveLink(): void;
-    _getRole(): string | null;
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNav, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNav, "[mat-tab-nav-bar]", ["matTabNavBar", "matTabNav"], { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "stretchTabs": { "alias": "mat-stretch-tabs"; "required": false; }; "animationDuration": { "alias": "animationDuration"; "required": false; }; "backgroundColor": { "alias": "backgroundColor"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "color": { "alias": "color"; "required": false; }; "tabPanel": { "alias": "tabPanel"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
-    static ngAcceptInputType_fitInkBarToContent: unknown;
-    static ngAcceptInputType_stretchTabs: unknown;
-    static ngAcceptInputType_disableRipple: unknown;
-}
-
 /**
  * Tab panel component associated with MatTabNav.
  */
-export declare class MatTabNavPanel {
+declare class MatTabNavPanel {
     /** Unique id for the tab panel. */
     id: string;
     /** Id of the active tab in the nav bar. */
@@ -911,18 +848,14 @@ export declare class MatTabNavPanel {
     static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNavPanel, "mat-tab-nav-panel", ["matTabNavPanel"], { "id": { "alias": "id"; "required": false; }; }, {}, never, ["*"], true, never>;
 }
 
-/**
- * Animations used by the Material tabs.
- * @docs-private
- * @deprecated No longer used, will be removed.
- * @breaking-change 21.0.0.
- */
-export declare const matTabsAnimations: {
-    readonly translateTab: any;
-};
+declare class MatTabsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTabsModule, never, [typeof MatCommonModule, typeof MatTabContent, typeof MatTabLabel, typeof MatTab, typeof MatTabGroup, typeof MatTabNav, typeof MatTabNavPanel, typeof MatTabLink], [typeof MatCommonModule, typeof MatTabContent, typeof MatTabLabel, typeof MatTab, typeof MatTabGroup, typeof MatTabNav, typeof MatTabNavPanel, typeof MatTabLink]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MatTabsModule>;
+}
 
 /** Object that can be used to configure the default options for the tabs module. */
-export declare interface MatTabsConfig {
+interface MatTabsConfig {
     /** Duration for the tab animation. Must be a valid CSS value (e.g. 600ms). */
     animationDuration?: string;
     /**
@@ -950,18 +883,18 @@ export declare interface MatTabsConfig {
     /** Alignment for the tabs label. */
     alignTabs?: 'start' | 'center' | 'end';
 }
-
-export declare class MatTabsModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<MatTabsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<MatTabsModule, never, [typeof i1.MatCommonModule, typeof i2.MatTabContent, typeof i3.MatTabLabel, typeof i4.MatTab, typeof i5.MatTabGroup, typeof i6.MatTabNav, typeof i6.MatTabNavPanel, typeof i6.MatTabLink], [typeof i1.MatCommonModule, typeof i2.MatTabContent, typeof i3.MatTabLabel, typeof i4.MatTab, typeof i5.MatTabGroup, typeof i6.MatTabNav, typeof i6.MatTabNavPanel, typeof i6.MatTabLink]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<MatTabsModule>;
-}
+/** Injection token that can be used to provide the default options the tabs module. */
+declare const MAT_TABS_CONFIG: InjectionToken<MatTabsConfig>;
 
 /**
- * The directions that scrolling can go in when the header's tabs exceed the header width. 'After'
- * will scroll the header towards the end of the tabs list and 'before' will scroll towards the
- * beginning of the list.
+ * Animations used by the Material tabs.
+ * @docs-private
+ * @deprecated No longer used, will be removed.
+ * @breaking-change 21.0.0.
  */
-export declare type ScrollDirection = 'after' | 'before';
+declare const matTabsAnimations: {
+    readonly translateTab: any;
+};
 
-export { }
+export { MAT_TAB, MAT_TABS_CONFIG, MAT_TAB_CONTENT, MAT_TAB_GROUP, MAT_TAB_LABEL, MatInkBar, MatPaginatedTabHeader, MatTab, MatTabBody, MatTabBodyPortal, MatTabChangeEvent, MatTabContent, MatTabGroup, MatTabHeader, MatTabLabel, MatTabLabelWrapper, MatTabLink, MatTabNav, MatTabNavPanel, MatTabsModule, _MAT_INK_BAR_POSITIONER, _MAT_INK_BAR_POSITIONER_FACTORY, matTabsAnimations };
+export type { MatTabBodyOriginState, MatTabBodyPositionState, MatTabGroupBaseHeader, MatTabHeaderPosition, MatTabsConfig, ScrollDirection, _MatInkBarPositioner };