@angular/material 13.3.3 → 14.0.0-next.10

package/tabs/_tabs-common.scss

@@ -1,7 +1,8 @@
+@use '@angular/cdk';
+
 @use '../core/style/variables';
 @use '../core/style/private';
 @use '../core/style/vendor-prefixes';
-@use '../../cdk/a11y';
 
 $tab-bar-height: 48px !default;
 $tab-animation-duration: 500ms !default;
@@ -27,7 +28,7 @@ $tab-animation-duration: 500ms !default;
       opacity: 1;
     }
 
-    @include a11y.high-contrast(active, off) {
+    @include cdk.high-contrast(active, off) {
       $outline-width: 2px;
       outline: dotted $outline-width;
       outline-offset: -$outline-width; // Not supported on IE, but looks better everywhere else.
@@ -37,7 +38,7 @@ $tab-animation-duration: 500ms !default;
   &.mat-tab-disabled {
     cursor: default;
 
-    @include a11y.high-contrast(active, off) {
+    @include cdk.high-contrast(active, off) {
       opacity: 0.5;
     }
   }
@@ -49,7 +50,7 @@ $tab-animation-duration: 500ms !default;
     white-space: nowrap;
   }
 
-  @include a11y.high-contrast(active, off) {
+  @include cdk.high-contrast(active, off) {
     opacity: 1;
   }
 }
@@ -69,7 +70,7 @@ $tab-animation-duration: 500ms !default;
     top: 0;
   }
 
-  @include a11y.high-contrast(active, off) {
+  @include cdk.high-contrast(active, off) {
     outline: solid $height;
     height: 0;
   }

package/tabs/paginated-tab-header.d.ts

@@ -7,7 +7,7 @@
  */
 import { ChangeDetectorRef, ElementRef, NgZone, QueryList, EventEmitter, AfterContentChecked, AfterContentInit, AfterViewInit, OnDestroy } from '@angular/core';
 import { Direction, Directionality } from '@angular/cdk/bidi';
-import { NumberInput } from '@angular/cdk/coercion';
+import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { ViewportRuler } from '@angular/cdk/scrolling';
 import { FocusableOption } from '@angular/cdk/a11y';
 import { Subject } from 'rxjs';
@@ -74,7 +74,9 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
      * Whether pagination should be disabled. This can be used to avoid unnecessary
      * layout recalculations if it's known that pagination won't be required.
      */
-    disablePagination: boolean;
+    get disablePagination(): boolean;
+    set disablePagination(value: BooleanInput);
+    private _disablePagination;
     /** The index of the active tab. */
     get selectedIndex(): number;
     set selectedIndex(value: NumberInput);

package/tabs/tab-body.d.ts

@@ -78,6 +78,8 @@ export declare abstract class _MatTabBodyBase implements OnInit, OnDestroy {
     origin: number | null;
     /** Duration for the tab's animation. */
     animationDuration: string;
+    /** Whether the tab's content should be kept in the DOM while it's off-screen. */
+    preserveContent: boolean;
     /** The shifted index position of the tab body, where zero represents the active center tab. */
     set position(position: number);
     constructor(_elementRef: ElementRef<HTMLElement>, _dir: Directionality, changeDetectorRef: ChangeDetectorRef);
@@ -100,7 +102,7 @@ export declare abstract class _MatTabBodyBase implements OnInit, OnDestroy {
      */
     private _computePositionFromOrigin;
     static ɵfac: i0.ɵɵFactoryDeclaration<_MatTabBodyBase, [null, { optional: true; }, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatTabBodyBase, never, never, { "_content": "content"; "origin": "origin"; "animationDuration": "animationDuration"; "position": "position"; }, { "_onCentering": "_onCentering"; "_beforeCentering": "_beforeCentering"; "_afterLeavingCenter": "_afterLeavingCenter"; "_onCentered": "_onCentered"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatTabBodyBase, never, never, { "_content": "content"; "origin": "origin"; "animationDuration": "animationDuration"; "preserveContent": "preserveContent"; "position": "position"; }, { "_onCentering": "_onCentering"; "_beforeCentering": "_beforeCentering"; "_afterLeavingCenter": "_afterLeavingCenter"; "_onCentered": "_onCentered"; }, never>;
 }
 /**
  * Wrapper for the contents of a tab.

package/tabs/tab-config.d.ts

@@ -24,6 +24,12 @@ export interface MatTabsConfig {
     dynamicHeight?: boolean;
     /** `tabindex` to be set on the inner element that wraps the tab content. */
     contentTabIndex?: number;
+    /**
+     * By default tabs remove their content from the DOM while it's off-screen.
+     * Setting this to `true` will keep it in the DOM which will prevent elements
+     * like iframes and videos from reloading next time it comes back into the view.
+     */
+    preserveContent?: boolean;
 }
 /** Injection token that can be used to provide the default options the tabs module. */
 export declare const MAT_TABS_CONFIG: InjectionToken<MatTabsConfig>;

package/tabs/tab-group.d.ts

@@ -85,7 +85,17 @@ export declare abstract class _MatTabGroupBase extends _MatTabGroupMixinBase imp
      * Whether pagination should be disabled. This can be used to avoid unnecessary
      * layout recalculations if it's known that pagination won't be required.
      */
-    disablePagination: boolean;
+    get disablePagination(): boolean;
+    set disablePagination(value: BooleanInput);
+    private _disablePagination;
+    /**
+     * By default tabs remove their content from the DOM while it's off-screen.
+     * Setting this to `true` will keep it in the DOM which will prevent elements
+     * like iframes and videos from reloading next time it comes back into the view.
+     */
+    get preserveContent(): boolean;
+    set preserveContent(value: BooleanInput);
+    private _preserveContent;
     /** Background color of the tab group. */
     get backgroundColor(): ThemePalette;
     set backgroundColor(value: ThemePalette);
@@ -155,7 +165,7 @@ export declare abstract class _MatTabGroupBase extends _MatTabGroupMixinBase imp
     /** Callback for when the focused state of a tab has changed. */
     _tabFocusChanged(focusOrigin: FocusOrigin, index: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<_MatTabGroupBase, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatTabGroupBase, never, never, { "dynamicHeight": "dynamicHeight"; "selectedIndex": "selectedIndex"; "headerPosition": "headerPosition"; "animationDuration": "animationDuration"; "contentTabIndex": "contentTabIndex"; "disablePagination": "disablePagination"; "backgroundColor": "backgroundColor"; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<_MatTabGroupBase, never, never, { "dynamicHeight": "dynamicHeight"; "selectedIndex": "selectedIndex"; "headerPosition": "headerPosition"; "animationDuration": "animationDuration"; "contentTabIndex": "contentTabIndex"; "disablePagination": "disablePagination"; "preserveContent": "preserveContent"; "backgroundColor": "backgroundColor"; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, never>;
 }
 /**
  * Material design tab-group component. Supports basic tab pairs (label + content) and includes