[6a3a178] | 1 | /**
|
---|
| 2 | * @license
|
---|
| 3 | * Copyright Google LLC All Rights Reserved.
|
---|
| 4 | *
|
---|
| 5 | * Use of this source code is governed by an MIT-style license that can be
|
---|
| 6 | * found in the LICENSE file at https://angular.io/license
|
---|
| 7 | */
|
---|
| 8 | import { FocusableOption, FocusMonitor } from '@angular/cdk/a11y';
|
---|
| 9 | import { Directionality } from '@angular/cdk/bidi';
|
---|
| 10 | import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
|
---|
| 11 | import { Platform } from '@angular/cdk/platform';
|
---|
| 12 | import { ViewportRuler } from '@angular/cdk/scrolling';
|
---|
| 13 | import { AfterContentChecked, AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone, OnDestroy, QueryList } from '@angular/core';
|
---|
| 14 | import { CanDisable, CanDisableRipple, HasTabIndex, RippleConfig, RippleGlobalOptions, RippleTarget, ThemePalette } from '@angular/material/core';
|
---|
| 15 | import { MatInkBar } from '../ink-bar';
|
---|
| 16 | import { MatPaginatedTabHeader, MatPaginatedTabHeaderItem } from '../paginated-tab-header';
|
---|
| 17 | /**
|
---|
| 18 | * Base class with all of the `MatTabNav` functionality.
|
---|
| 19 | * @docs-private
|
---|
| 20 | */
|
---|
| 21 | import * as ɵngcc0 from '@angular/core';
|
---|
| 22 | export declare abstract class _MatTabNavBase extends MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, OnDestroy {
|
---|
| 23 | /** Query list of all tab links of the tab navigation. */
|
---|
| 24 | abstract _items: QueryList<MatPaginatedTabHeaderItem & {
|
---|
| 25 | active: boolean;
|
---|
| 26 | }>;
|
---|
| 27 | /** Background color of the tab nav. */
|
---|
| 28 | get backgroundColor(): ThemePalette;
|
---|
| 29 | set backgroundColor(value: ThemePalette);
|
---|
| 30 | private _backgroundColor;
|
---|
| 31 | /** Whether the ripple effect is disabled or not. */
|
---|
| 32 | get disableRipple(): any;
|
---|
| 33 | set disableRipple(value: any);
|
---|
| 34 | private _disableRipple;
|
---|
| 35 | /** Theme color of the nav bar. */
|
---|
| 36 | color: ThemePalette;
|
---|
| 37 | constructor(elementRef: ElementRef, dir: Directionality, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, platform: Platform, animationMode?: string);
|
---|
| 38 | protected _itemSelected(): void;
|
---|
| 39 | ngAfterContentInit(): void;
|
---|
| 40 | /** Notifies the component that the active link has been changed. */
|
---|
| 41 | updateActiveLink(): void;
|
---|
| 42 | static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<_MatTabNavBase, [null, { optional: true; }, null, null, null, null, { optional: true; }]>;
|
---|
| 43 | static ɵdir: ɵngcc0.ɵɵDirectiveDeclaration<_MatTabNavBase, never, never, { "color": "color"; "backgroundColor": "backgroundColor"; "disableRipple": "disableRipple"; }, {}, never>;
|
---|
| 44 | }
|
---|
| 45 | /**
|
---|
| 46 | * Navigation component matching the styles of the tab group header.
|
---|
| 47 | * Provides anchored navigation with animated ink bar.
|
---|
| 48 | */
|
---|
| 49 | export declare class MatTabNav extends _MatTabNavBase {
|
---|
| 50 | _items: QueryList<MatTabLink>;
|
---|
| 51 | _inkBar: MatInkBar;
|
---|
| 52 | _tabListContainer: ElementRef;
|
---|
| 53 | _tabList: ElementRef;
|
---|
| 54 | _nextPaginator: ElementRef<HTMLElement>;
|
---|
| 55 | _previousPaginator: ElementRef<HTMLElement>;
|
---|
| 56 | constructor(elementRef: ElementRef, dir: Directionality, ngZone: NgZone, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, platform: Platform, animationMode?: string);
|
---|
| 57 | static ngAcceptInputType_disableRipple: BooleanInput;
|
---|
| 58 | static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<MatTabNav, [null, { optional: true; }, null, null, null, null, { optional: true; }]>;
|
---|
| 59 | static ɵcmp: ɵngcc0.ɵɵComponentDeclaration<MatTabNav, "[mat-tab-nav-bar]", ["matTabNavBar", "matTabNav"], { "color": "color"; }, {}, ["_items"], ["*"]>;
|
---|
| 60 | }
|
---|
| 61 | declare const _MatTabLinkMixinBase: import("@angular/material/core/common-behaviors/constructor").Constructor<HasTabIndex> & import("@angular/material/core/common-behaviors/constructor").AbstractConstructor<HasTabIndex> & import("@angular/material/core/common-behaviors/constructor").Constructor<CanDisableRipple> & import("@angular/material/core/common-behaviors/constructor").AbstractConstructor<CanDisableRipple> & import("@angular/material/core/common-behaviors/constructor").Constructor<CanDisable> & import("@angular/material/core/common-behaviors/constructor").AbstractConstructor<CanDisable> & {
|
---|
| 62 | new (): {};
|
---|
| 63 | };
|
---|
| 64 | /** Base class with all of the `MatTabLink` functionality. */
|
---|
| 65 | export declare class _MatTabLinkBase extends _MatTabLinkMixinBase implements AfterViewInit, OnDestroy, CanDisable, CanDisableRipple, HasTabIndex, RippleTarget, FocusableOption {
|
---|
| 66 | private _tabNavBar;
|
---|
| 67 | /** @docs-private */ elementRef: ElementRef;
|
---|
| 68 | private _focusMonitor;
|
---|
| 69 | /** Whether the tab link is active or not. */
|
---|
| 70 | protected _isActive: boolean;
|
---|
| 71 | /** Whether the link is active. */
|
---|
| 72 | get active(): boolean;
|
---|
| 73 | set active(value: boolean);
|
---|
| 74 | /**
|
---|
| 75 | * Ripple configuration for ripples that are launched on pointer down. The ripple config
|
---|
| 76 | * is set to the global ripple options since we don't have any configurable options for
|
---|
| 77 | * the tab link ripples.
|
---|
| 78 | * @docs-private
|
---|
| 79 | */
|
---|
| 80 | rippleConfig: RippleConfig & RippleGlobalOptions;
|
---|
| 81 | /**
|
---|
| 82 | * Whether ripples are disabled on interaction.
|
---|
| 83 | * @docs-private
|
---|
| 84 | */
|
---|
| 85 | get rippleDisabled(): boolean;
|
---|
| 86 | constructor(_tabNavBar: _MatTabNavBase,
|
---|
| 87 | /** @docs-private */ elementRef: ElementRef, globalRippleOptions: RippleGlobalOptions | null, tabIndex: string, _focusMonitor: FocusMonitor, animationMode?: string);
|
---|
| 88 | /** Focuses the tab link. */
|
---|
| 89 | focus(): void;
|
---|
| 90 | ngAfterViewInit(): void;
|
---|
| 91 | ngOnDestroy(): void;
|
---|
| 92 | _handleFocus(): void;
|
---|
| 93 | static ngAcceptInputType_active: BooleanInput;
|
---|
| 94 | static ngAcceptInputType_disabled: BooleanInput;
|
---|
| 95 | static ngAcceptInputType_disableRipple: BooleanInput;
|
---|
| 96 | static ngAcceptInputType_tabIndex: NumberInput;
|
---|
| 97 | static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<_MatTabLinkBase, [null, null, { optional: true; }, { attribute: "tabindex"; }, null, { optional: true; }]>;
|
---|
| 98 | static ɵdir: ɵngcc0.ɵɵDirectiveDeclaration<_MatTabLinkBase, never, never, { "active": "active"; }, {}, never>;
|
---|
| 99 | }
|
---|
| 100 | /**
|
---|
| 101 | * Link inside of a `mat-tab-nav-bar`.
|
---|
| 102 | */
|
---|
| 103 | export declare class MatTabLink extends _MatTabLinkBase implements OnDestroy {
|
---|
| 104 | /** Reference to the RippleRenderer for the tab-link. */
|
---|
| 105 | private _tabLinkRipple;
|
---|
| 106 | constructor(tabNavBar: MatTabNav, elementRef: ElementRef, ngZone: NgZone, platform: Platform, globalRippleOptions: RippleGlobalOptions | null, tabIndex: string, focusMonitor: FocusMonitor, animationMode?: string);
|
---|
| 107 | ngOnDestroy(): void;
|
---|
| 108 | static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<MatTabLink, [null, null, null, null, { optional: true; }, { attribute: "tabindex"; }, null, { optional: true; }]>;
|
---|
| 109 | static ɵdir: ɵngcc0.ɵɵDirectiveDeclaration<MatTabLink, "[mat-tab-link], [matTabLink]", ["matTabLink"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "tabIndex": "tabIndex"; }, {}, never>;
|
---|
| 110 | }
|
---|
| 111 | export {};
|
---|
| 112 |
|
---|
| 113 | //# sourceMappingURL=tab-nav-bar.d.ts.map |
---|