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 { Directionality } from '@angular/cdk/bidi';
|
---|
9 | import { CdkStep, CdkStepper, StepperOptions } from '@angular/cdk/stepper';
|
---|
10 | import { AnimationEvent } from '@angular/animations';
|
---|
11 | import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, TemplateRef, ViewContainerRef } from '@angular/core';
|
---|
12 | import { FormControl, FormGroupDirective, NgForm } from '@angular/forms';
|
---|
13 | import { ErrorStateMatcher, ThemePalette } from '@angular/material/core';
|
---|
14 | import { TemplatePortal } from '@angular/cdk/portal';
|
---|
15 | import { Subject } from 'rxjs';
|
---|
16 | import { MatStepHeader } from './step-header';
|
---|
17 | import { MatStepLabel } from './step-label';
|
---|
18 | import { MatStepperIcon, MatStepperIconContext } from './stepper-icon';
|
---|
19 | import { MatStepContent } from './step-content';
|
---|
20 | import * as ɵngcc0 from '@angular/core';
|
---|
21 | export declare class MatStep extends CdkStep implements ErrorStateMatcher, AfterContentInit, OnDestroy {
|
---|
22 | private _errorStateMatcher;
|
---|
23 | private _viewContainerRef;
|
---|
24 | private _isSelected;
|
---|
25 | /** Content for step label given by `<ng-template matStepLabel>`. */
|
---|
26 | stepLabel: MatStepLabel;
|
---|
27 | /** Theme color for the particular step. */
|
---|
28 | color: ThemePalette;
|
---|
29 | /** Content that will be rendered lazily. */
|
---|
30 | _lazyContent: MatStepContent;
|
---|
31 | /** Currently-attached portal containing the lazy content. */
|
---|
32 | _portal: TemplatePortal;
|
---|
33 | constructor(stepper: MatStepper, _errorStateMatcher: ErrorStateMatcher, _viewContainerRef: ViewContainerRef, stepperOptions?: StepperOptions);
|
---|
34 | ngAfterContentInit(): void;
|
---|
35 | ngOnDestroy(): void;
|
---|
36 | /** Custom error state matcher that additionally checks for validity of interacted form. */
|
---|
37 | isErrorState(control: FormControl | null, form: FormGroupDirective | NgForm | null): boolean;
|
---|
38 | static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<MatStep, [null, { skipSelf: true; }, null, { optional: true; }]>;
|
---|
39 | static ɵcmp: ɵngcc0.ɵɵComponentDeclaration<MatStep, "mat-step", ["matStep"], { "color": "color"; }, {}, ["stepLabel", "_lazyContent"], ["*"]>;
|
---|
40 | }
|
---|
41 | /**
|
---|
42 | * Proxies the public APIs from `MatStepper` to the deprecated `MatHorizontalStepper` and
|
---|
43 | * `MatVerticalStepper`.
|
---|
44 | * @deprecated Use `MatStepper` instead.
|
---|
45 | * @breaking-change 13.0.0
|
---|
46 | * @docs-private
|
---|
47 | */
|
---|
48 | declare abstract class _MatProxyStepperBase extends CdkStepper {
|
---|
49 | readonly steps: QueryList<MatStep>;
|
---|
50 | readonly animationDone: EventEmitter<void>;
|
---|
51 | disableRipple: boolean;
|
---|
52 | color: ThemePalette;
|
---|
53 | labelPosition: 'bottom' | 'end';
|
---|
54 | }
|
---|
55 | /**
|
---|
56 | * @deprecated Use `MatStepper` instead.
|
---|
57 | * @breaking-change 13.0.0
|
---|
58 | */
|
---|
59 | export declare class MatHorizontalStepper extends _MatProxyStepperBase {
|
---|
60 | static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<MatHorizontalStepper, never>;
|
---|
61 | static ɵdir: ɵngcc0.ɵɵDirectiveDeclaration<MatHorizontalStepper, "mat-horizontal-stepper", never, {}, {}, never>;
|
---|
62 | }
|
---|
63 | /**
|
---|
64 | * @deprecated Use `MatStepper` instead.
|
---|
65 | * @breaking-change 13.0.0
|
---|
66 | */
|
---|
67 | export declare class MatVerticalStepper extends _MatProxyStepperBase {
|
---|
68 | static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<MatVerticalStepper, never>;
|
---|
69 | static ɵdir: ɵngcc0.ɵɵDirectiveDeclaration<MatVerticalStepper, "mat-vertical-stepper", never, {}, {}, never>;
|
---|
70 | }
|
---|
71 | export declare class MatStepper extends CdkStepper implements AfterContentInit {
|
---|
72 | /** The list of step headers of the steps in the stepper. */
|
---|
73 | _stepHeader: QueryList<MatStepHeader>;
|
---|
74 | /** Full list of steps inside the stepper, including inside nested steppers. */
|
---|
75 | _steps: QueryList<MatStep>;
|
---|
76 | /** Steps that belong to the current stepper, excluding ones from nested steppers. */
|
---|
77 | readonly steps: QueryList<MatStep>;
|
---|
78 | /** Custom icon overrides passed in by the consumer. */
|
---|
79 | _icons: QueryList<MatStepperIcon>;
|
---|
80 | /** Event emitted when the current step is done transitioning in. */
|
---|
81 | readonly animationDone: EventEmitter<void>;
|
---|
82 | /** Whether ripples should be disabled for the step headers. */
|
---|
83 | disableRipple: boolean;
|
---|
84 | /** Theme color for all of the steps in stepper. */
|
---|
85 | color: ThemePalette;
|
---|
86 | /**
|
---|
87 | * Whether the label should display in bottom or end position.
|
---|
88 | * Only applies in the `horizontal` orientation.
|
---|
89 | */
|
---|
90 | labelPosition: 'bottom' | 'end';
|
---|
91 | /** Consumer-specified template-refs to be used to override the header icons. */
|
---|
92 | _iconOverrides: Record<string, TemplateRef<MatStepperIconContext>>;
|
---|
93 | /** Stream of animation `done` events when the body expands/collapses. */
|
---|
94 | readonly _animationDone: Subject<AnimationEvent>;
|
---|
95 | constructor(dir: Directionality, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLElement>, _document: any);
|
---|
96 | ngAfterContentInit(): void;
|
---|
97 | _stepIsNavigable(index: number, step: MatStep): boolean;
|
---|
98 | static ɵfac: ɵngcc0.ɵɵFactoryDeclaration<MatStepper, [{ optional: true; }, null, null, null]>;
|
---|
99 | static ɵcmp: ɵngcc0.ɵɵComponentDeclaration<MatStepper, "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", ["matStepper", "matVerticalStepper", "matHorizontalStepper"], { "selectedIndex": "selectedIndex"; "labelPosition": "labelPosition"; "disableRipple": "disableRipple"; "color": "color"; }, { "animationDone": "animationDone"; }, ["_steps", "_icons"], never>;
|
---|
100 | }
|
---|
101 | export {};
|
---|
102 |
|
---|
103 | //# sourceMappingURL=stepper.d.ts.map |
---|