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 |
---|