@angular/material 17.0.1 → 17.1.0-next.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/button/_icon-button-theme.scss +5 -1
- package/card/testing/index.d.ts +1 -1
- package/checkbox/index.d.ts +1 -1
- package/chips/index.d.ts +71 -67
- package/core/index.d.ts +1 -1
- package/core/tokens/m2/_index.scss +2 -0
- package/datepicker/index.d.ts +21 -23
- package/datepicker/testing/index.d.ts +1 -1
- package/dialog/index.d.ts +1 -1
- package/dialog/testing/index.d.ts +1 -1
- package/esm2022/button/icon-button.mjs +4 -4
- package/esm2022/card/testing/card-harness.mjs +9 -1
- package/esm2022/checkbox/checkbox.mjs +29 -14
- package/esm2022/chips/chip-action.mjs +14 -13
- package/esm2022/chips/chip-grid.mjs +29 -16
- package/esm2022/chips/chip-input.mjs +14 -17
- package/esm2022/chips/chip-listbox.mjs +19 -22
- package/esm2022/chips/chip-option.mjs +11 -10
- package/esm2022/chips/chip-row.mjs +4 -4
- package/esm2022/chips/chip-set.mjs +19 -18
- package/esm2022/chips/chip.mjs +49 -42
- package/esm2022/core/ripple/ripple-ref.mjs +10 -2
- package/esm2022/core/ripple/ripple-renderer.mjs +11 -11
- package/esm2022/core/version.mjs +1 -1
- package/esm2022/datepicker/date-range-input.mjs +10 -10
- package/esm2022/datepicker/datepicker-base.mjs +41 -49
- package/esm2022/datepicker/datepicker-input-base.mjs +6 -6
- package/esm2022/datepicker/datepicker-toggle.mjs +6 -6
- package/esm2022/datepicker/testing/calendar-harness.mjs +11 -4
- package/esm2022/dialog/dialog-ref.mjs +10 -4
- package/esm2022/dialog/testing/dialog-harness.mjs +11 -4
- package/esm2022/dialog/testing/public-api.mjs +2 -2
- package/esm2022/expansion/accordion.mjs +7 -13
- package/esm2022/expansion/expansion-panel-header.mjs +13 -13
- package/esm2022/expansion/expansion-panel.mjs +6 -6
- package/esm2022/expansion/testing/expansion-harness.mjs +14 -6
- package/esm2022/grid-list/testing/grid-tile-harness.mjs +9 -3
- package/esm2022/icon/icon.mjs +24 -28
- package/esm2022/icon/testing/icon-harness-filters.mjs +7 -2
- package/esm2022/icon/testing/icon-harness.mjs +4 -3
- package/esm2022/list/testing/list-item-harness-base.mjs +18 -6
- package/esm2022/list/testing/public-api.mjs +2 -2
- package/esm2022/paginator/paginator.mjs +32 -35
- package/esm2022/progress-bar/progress-bar.mjs +25 -20
- package/esm2022/progress-spinner/progress-spinner.mjs +34 -33
- package/esm2022/radio/radio.mjs +40 -34
- package/esm2022/select/select.mjs +44 -36
- package/esm2022/slider/slider-input.mjs +23 -22
- package/esm2022/slider/slider-interface.mjs +16 -1
- package/esm2022/slider/slider-thumb.mjs +6 -6
- package/esm2022/slider/slider.mjs +73 -72
- package/esm2022/slider/testing/slider-harness-filters.mjs +7 -2
- package/esm2022/slider/testing/slider-harness.mjs +4 -3
- package/esm2022/slider/testing/slider-thumb-harness.mjs +3 -2
- package/esm2022/sort/sort-header.mjs +16 -24
- package/esm2022/sort/sort.mjs +12 -19
- package/esm2022/stepper/step-header.mjs +7 -12
- package/esm2022/stepper/stepper.mjs +1 -1
- package/esm2022/stepper/testing/step-harness-filters.mjs +7 -2
- package/esm2022/stepper/testing/stepper-harness.mjs +4 -3
- package/esm2022/tabs/paginated-tab-header.mjs +12 -18
- package/esm2022/tabs/tab-group.mjs +54 -70
- package/esm2022/tabs/tab-header.mjs +7 -13
- package/esm2022/tabs/tab-label-wrapper.mjs +12 -8
- package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +43 -37
- package/esm2022/tabs/tab.mjs +12 -12
- package/esm2022/toolbar/testing/toolbar-harness.mjs +7 -2
- package/esm2022/toolbar/toolbar.mjs +11 -16
- package/esm2022/tree/node.mjs +20 -20
- package/esm2022/tree/padding.mjs +11 -4
- package/expansion/index.d.ts +11 -19
- package/expansion/testing/index.d.ts +1 -1
- package/fesm2022/button.mjs +4 -4
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/card/testing.mjs +9 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +29 -14
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +144 -119
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +20 -12
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker/testing.mjs +11 -4
- package/fesm2022/datepicker/testing.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +56 -61
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/dialog/testing.mjs +11 -4
- package/fesm2022/dialog/testing.mjs.map +1 -1
- package/fesm2022/dialog.mjs +10 -4
- package/fesm2022/dialog.mjs.map +1 -1
- package/fesm2022/expansion/testing.mjs +14 -6
- package/fesm2022/expansion/testing.mjs.map +1 -1
- package/fesm2022/expansion.mjs +22 -26
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/grid-list/testing.mjs +9 -3
- package/fesm2022/grid-list/testing.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +10 -3
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/icon.mjs +24 -27
- package/fesm2022/icon.mjs.map +1 -1
- package/fesm2022/list/testing.mjs +18 -6
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/paginator.mjs +31 -34
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +25 -19
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/progress-spinner.mjs +34 -32
- package/fesm2022/progress-spinner.mjs.map +1 -1
- package/fesm2022/radio.mjs +41 -34
- package/fesm2022/radio.mjs.map +1 -1
- package/fesm2022/select.mjs +43 -35
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/slider/testing.mjs +11 -4
- package/fesm2022/slider/testing.mjs.map +1 -1
- package/fesm2022/slider.mjs +109 -91
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/sort.mjs +25 -38
- package/fesm2022/sort.mjs.map +1 -1
- package/fesm2022/stepper/testing.mjs +10 -3
- package/fesm2022/stepper/testing.mjs.map +1 -1
- package/fesm2022/stepper.mjs +8 -12
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/tabs.mjs +130 -141
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/toolbar/testing.mjs +7 -2
- package/fesm2022/toolbar/testing.mjs.map +1 -1
- package/fesm2022/toolbar.mjs +11 -15
- package/fesm2022/toolbar.mjs.map +1 -1
- package/fesm2022/tree.mjs +22 -21
- package/fesm2022/tree.mjs.map +1 -1
- package/grid-list/_grid-list-theme.scss +47 -14
- package/grid-list/testing/index.d.ts +1 -1
- package/icon/index.d.ts +10 -16
- package/icon/testing/index.d.ts +1 -1
- package/list/testing/index.d.ts +2 -2
- package/package.json +7 -7
- package/paginator/index.d.ts +16 -17
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/progress-bar/index.d.ts +12 -15
- package/progress-spinner/index.d.ts +14 -15
- package/radio/index.d.ts +20 -22
- package/schematics/ng-add/index.js +2 -2
- package/schematics/ng-add/index.mjs +2 -2
- package/schematics/ng-generate/mdc-migration/index_bundled.js +11 -4
- package/schematics/ng-generate/mdc-migration/index_bundled.js.map +3 -3
- package/select/index.d.ts +22 -17
- package/slider/index.d.ts +30 -30
- package/slider/testing/index.d.ts +1 -1
- package/sort/index.d.ts +15 -20
- package/stepper/index.d.ts +5 -15
- package/stepper/testing/index.d.ts +1 -1
- package/tabs/index.d.ts +61 -64
- package/toolbar/index.d.ts +5 -12
- package/toolbar/testing/index.d.ts +1 -1
- package/tree/index.d.ts +13 -15
package/tabs/index.d.ts
CHANGED
|
@@ -1,19 +1,13 @@
|
|
|
1
|
-
import { _AbstractConstructor } from '@angular/material/core';
|
|
2
1
|
import { AfterContentChecked } from '@angular/core';
|
|
3
2
|
import { AfterContentInit } from '@angular/core';
|
|
4
3
|
import { AfterViewInit } from '@angular/core';
|
|
5
4
|
import { AnimationEvent as AnimationEvent_2 } from '@angular/animations';
|
|
6
5
|
import { AnimationTriggerMetadata } from '@angular/animations';
|
|
7
6
|
import { BehaviorSubject } from 'rxjs';
|
|
8
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
9
|
-
import { CanColor } from '@angular/material/core';
|
|
10
|
-
import { CanDisable } from '@angular/material/core';
|
|
11
|
-
import { CanDisableRipple } from '@angular/material/core';
|
|
12
7
|
import { CdkPortal } from '@angular/cdk/portal';
|
|
13
8
|
import { CdkPortalOutlet } from '@angular/cdk/portal';
|
|
14
9
|
import { ChangeDetectorRef } from '@angular/core';
|
|
15
10
|
import { ComponentFactoryResolver } from '@angular/core';
|
|
16
|
-
import { _Constructor } from '@angular/material/core';
|
|
17
11
|
import { Direction } from '@angular/cdk/bidi';
|
|
18
12
|
import { Directionality } from '@angular/cdk/bidi';
|
|
19
13
|
import { ElementRef } from '@angular/core';
|
|
@@ -21,7 +15,6 @@ import { EventEmitter } from '@angular/core';
|
|
|
21
15
|
import { FocusableOption } from '@angular/cdk/a11y';
|
|
22
16
|
import { FocusMonitor } from '@angular/cdk/a11y';
|
|
23
17
|
import { FocusOrigin } from '@angular/cdk/a11y';
|
|
24
|
-
import { HasTabIndex } from '@angular/material/core';
|
|
25
18
|
import * as i0 from '@angular/core';
|
|
26
19
|
import * as i10 from '@angular/material/core';
|
|
27
20
|
import * as i11 from '@angular/cdk/portal';
|
|
@@ -30,7 +23,6 @@ import * as i13 from '@angular/cdk/a11y';
|
|
|
30
23
|
import * as i9 from '@angular/common';
|
|
31
24
|
import { InjectionToken } from '@angular/core';
|
|
32
25
|
import { NgZone } from '@angular/core';
|
|
33
|
-
import { NumberInput } from '@angular/cdk/coercion';
|
|
34
26
|
import { OnChanges } from '@angular/core';
|
|
35
27
|
import { OnDestroy } from '@angular/core';
|
|
36
28
|
import { OnInit } from '@angular/core';
|
|
@@ -233,12 +225,10 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
|
|
|
233
225
|
* Whether pagination should be disabled. This can be used to avoid unnecessary
|
|
234
226
|
* layout recalculations if it's known that pagination won't be required.
|
|
235
227
|
*/
|
|
236
|
-
|
|
237
|
-
set disablePagination(value: BooleanInput);
|
|
238
|
-
private _disablePagination;
|
|
228
|
+
disablePagination: boolean;
|
|
239
229
|
/** The index of the active tab. */
|
|
240
230
|
get selectedIndex(): number;
|
|
241
|
-
set selectedIndex(
|
|
231
|
+
set selectedIndex(v: unknown);
|
|
242
232
|
private _selectedIndex;
|
|
243
233
|
/** Event emitted when the option is selected. */
|
|
244
234
|
readonly selectFocusedIndex: EventEmitter<number>;
|
|
@@ -354,6 +344,7 @@ export declare abstract class MatPaginatedTabHeader implements AfterContentCheck
|
|
|
354
344
|
private _scrollTo;
|
|
355
345
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatPaginatedTabHeader, [null, null, null, { optional: true; }, null, null, { optional: true; }]>;
|
|
356
346
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatPaginatedTabHeader, never, never, { "disablePagination": { "alias": "disablePagination"; "required": false; }; }, {}, never, never, false, never>;
|
|
347
|
+
static ngAcceptInputType_disablePagination: unknown;
|
|
357
348
|
}
|
|
358
349
|
|
|
359
350
|
/** Item inside a paginated tab header. */
|
|
@@ -361,13 +352,15 @@ declare type MatPaginatedTabHeaderItem = FocusableOption & {
|
|
|
361
352
|
elementRef: ElementRef;
|
|
362
353
|
};
|
|
363
354
|
|
|
364
|
-
export declare class MatTab
|
|
355
|
+
export declare class MatTab implements OnInit, OnChanges, OnDestroy {
|
|
365
356
|
private _viewContainerRef;
|
|
366
357
|
_closestTabGroup: any;
|
|
358
|
+
/** whether the tab is disabled. */
|
|
359
|
+
disabled: boolean;
|
|
367
360
|
/** Content for the tab label given by `<ng-template mat-tab-label>`. */
|
|
368
|
-
private _templateLabel;
|
|
369
361
|
get templateLabel(): MatTabLabel;
|
|
370
362
|
set templateLabel(value: MatTabLabel);
|
|
363
|
+
private _templateLabel;
|
|
371
364
|
/**
|
|
372
365
|
* Template provided in the tab content that will be used if present, used to enable lazy-loading
|
|
373
366
|
*/
|
|
@@ -426,6 +419,7 @@ export declare class MatTab extends _MatTabMixinBase implements CanDisable, OnIn
|
|
|
426
419
|
private _setTemplateLabelInput;
|
|
427
420
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTab, [null, { optional: true; }]>;
|
|
428
421
|
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"], ["*"], false, never>;
|
|
422
|
+
static ngAcceptInputType_disabled: unknown;
|
|
429
423
|
}
|
|
430
424
|
|
|
431
425
|
/**
|
|
@@ -546,7 +540,8 @@ export declare class MatTabContent {
|
|
|
546
540
|
* animated ink-bar, keyboard navigation, and screen reader.
|
|
547
541
|
* See: https://material.io/design/components/tabs.html
|
|
548
542
|
*/
|
|
549
|
-
export declare class MatTabGroup
|
|
543
|
+
export declare class MatTabGroup implements AfterContentInit, AfterContentChecked, OnDestroy {
|
|
544
|
+
readonly _elementRef: ElementRef;
|
|
550
545
|
private _changeDetectorRef;
|
|
551
546
|
_animationMode?: string | undefined;
|
|
552
547
|
/**
|
|
@@ -568,27 +563,25 @@ export declare class MatTabGroup extends _MatTabGroupMixinBase implements AfterC
|
|
|
568
563
|
private _tabsSubscription;
|
|
569
564
|
/** Subscription to changes in the tab labels. */
|
|
570
565
|
private _tabLabelSubscription;
|
|
566
|
+
/** Theme color of the tab group. */
|
|
567
|
+
color: ThemePalette;
|
|
571
568
|
/** Whether the ink bar should fit its width to the size of the tab label content. */
|
|
572
569
|
get fitInkBarToContent(): boolean;
|
|
573
|
-
set fitInkBarToContent(
|
|
570
|
+
set fitInkBarToContent(value: boolean);
|
|
574
571
|
private _fitInkBarToContent;
|
|
575
572
|
/** Whether tabs should be stretched to fill the header. */
|
|
576
|
-
|
|
577
|
-
set stretchTabs(v: BooleanInput);
|
|
578
|
-
private _stretchTabs;
|
|
573
|
+
stretchTabs: boolean;
|
|
579
574
|
/** Whether the tab group should grow to the size of the active tab. */
|
|
580
|
-
|
|
581
|
-
set dynamicHeight(value: BooleanInput);
|
|
582
|
-
private _dynamicHeight;
|
|
575
|
+
dynamicHeight: boolean;
|
|
583
576
|
/** The index of the active tab. */
|
|
584
577
|
get selectedIndex(): number | null;
|
|
585
|
-
set selectedIndex(value:
|
|
578
|
+
set selectedIndex(value: number);
|
|
586
579
|
private _selectedIndex;
|
|
587
580
|
/** Position of the tab header. */
|
|
588
581
|
headerPosition: MatTabHeaderPosition;
|
|
589
582
|
/** Duration for the tab animation. Will be normalized to milliseconds if no units are set. */
|
|
590
583
|
get animationDuration(): string;
|
|
591
|
-
set animationDuration(value:
|
|
584
|
+
set animationDuration(value: string | number);
|
|
592
585
|
private _animationDuration;
|
|
593
586
|
/**
|
|
594
587
|
* `tabindex` to be set on the inner element that wraps the tab content. Can be used for improved
|
|
@@ -597,23 +590,21 @@ export declare class MatTabGroup extends _MatTabGroupMixinBase implements AfterC
|
|
|
597
590
|
* Read more at https://www.w3.org/TR/wai-aria-practices/examples/tabs/tabs-2/tabs.html
|
|
598
591
|
*/
|
|
599
592
|
get contentTabIndex(): number | null;
|
|
600
|
-
set contentTabIndex(value:
|
|
593
|
+
set contentTabIndex(value: number);
|
|
601
594
|
private _contentTabIndex;
|
|
602
595
|
/**
|
|
603
596
|
* Whether pagination should be disabled. This can be used to avoid unnecessary
|
|
604
597
|
* layout recalculations if it's known that pagination won't be required.
|
|
605
598
|
*/
|
|
606
|
-
|
|
607
|
-
|
|
608
|
-
|
|
599
|
+
disablePagination: boolean;
|
|
600
|
+
/** Whether ripples in the tab group are disabled. */
|
|
601
|
+
disableRipple: boolean;
|
|
609
602
|
/**
|
|
610
603
|
* By default tabs remove their content from the DOM while it's off-screen.
|
|
611
604
|
* Setting this to `true` will keep it in the DOM which will prevent elements
|
|
612
605
|
* like iframes and videos from reloading next time it comes back into the view.
|
|
613
606
|
*/
|
|
614
|
-
|
|
615
|
-
set preserveContent(value: BooleanInput);
|
|
616
|
-
private _preserveContent;
|
|
607
|
+
preserveContent: boolean;
|
|
617
608
|
/** Background color of the tab group. */
|
|
618
609
|
get backgroundColor(): ThemePalette;
|
|
619
610
|
set backgroundColor(value: ThemePalette);
|
|
@@ -627,7 +618,7 @@ export declare class MatTabGroup extends _MatTabGroupMixinBase implements AfterC
|
|
|
627
618
|
/** Event emitted when the tab selection has changed. */
|
|
628
619
|
readonly selectedTabChange: EventEmitter<MatTabChangeEvent>;
|
|
629
620
|
private _groupId;
|
|
630
|
-
constructor(
|
|
621
|
+
constructor(_elementRef: ElementRef, _changeDetectorRef: ChangeDetectorRef, defaultConfig?: MatTabsConfig, _animationMode?: string | undefined);
|
|
631
622
|
/**
|
|
632
623
|
* After the content is checked, this component knows what tabs have been defined
|
|
633
624
|
* and what the selected index should be. This is where we can know exactly what position
|
|
@@ -683,7 +674,15 @@ export declare class MatTabGroup extends _MatTabGroupMixinBase implements AfterC
|
|
|
683
674
|
/** Callback for when the focused state of a tab has changed. */
|
|
684
675
|
_tabFocusChanged(focusOrigin: FocusOrigin, index: number): void;
|
|
685
676
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTabGroup, [null, null, { optional: true; }, { optional: true; }]>;
|
|
686
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatTabGroup, "mat-tab-group", ["matTabGroup"], { "color": { "alias": "color"; "required": false; }; "
|
|
677
|
+
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; }; "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; }; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["_allTabs"], never, false, never>;
|
|
678
|
+
static ngAcceptInputType_fitInkBarToContent: unknown;
|
|
679
|
+
static ngAcceptInputType_stretchTabs: unknown;
|
|
680
|
+
static ngAcceptInputType_dynamicHeight: unknown;
|
|
681
|
+
static ngAcceptInputType_selectedIndex: unknown;
|
|
682
|
+
static ngAcceptInputType_contentTabIndex: unknown;
|
|
683
|
+
static ngAcceptInputType_disablePagination: unknown;
|
|
684
|
+
static ngAcceptInputType_disableRipple: unknown;
|
|
685
|
+
static ngAcceptInputType_preserveContent: unknown;
|
|
687
686
|
}
|
|
688
687
|
|
|
689
688
|
/** @docs-private */
|
|
@@ -693,13 +692,6 @@ export declare interface MatTabGroupBaseHeader {
|
|
|
693
692
|
focusIndex: number;
|
|
694
693
|
}
|
|
695
694
|
|
|
696
|
-
/** @docs-private */
|
|
697
|
-
declare const _MatTabGroupMixinBase: _Constructor<CanColor> & _AbstractConstructor<CanColor> & _Constructor<CanDisableRipple> & _AbstractConstructor<CanDisableRipple> & {
|
|
698
|
-
new (_elementRef: ElementRef): {
|
|
699
|
-
_elementRef: ElementRef;
|
|
700
|
-
};
|
|
701
|
-
};
|
|
702
|
-
|
|
703
695
|
/**
|
|
704
696
|
* The header of the tab group which displays a list of all the tabs in the tab group. Includes
|
|
705
697
|
* an ink bar that follows the currently selected tab. When the tabs list's width exceeds the
|
|
@@ -716,14 +708,13 @@ export declare class MatTabHeader extends MatPaginatedTabHeader implements After
|
|
|
716
708
|
_previousPaginator: ElementRef<HTMLElement>;
|
|
717
709
|
_inkBar: MatInkBar;
|
|
718
710
|
/** Whether the ripple effect is disabled or not. */
|
|
719
|
-
|
|
720
|
-
set disableRipple(value: BooleanInput);
|
|
721
|
-
private _disableRipple;
|
|
711
|
+
disableRipple: boolean;
|
|
722
712
|
constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, dir: Directionality, ngZone: NgZone, platform: Platform, animationMode?: string);
|
|
723
713
|
ngAfterContentInit(): void;
|
|
724
714
|
protected _itemSelected(event: KeyboardEvent): void;
|
|
725
715
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, [null, null, null, { optional: true; }, null, null, { optional: true; }]>;
|
|
726
716
|
static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "selectedIndex": { "alias": "selectedIndex"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, { "selectFocusedIndex": "selectFocusedIndex"; "indexFocused": "indexFocused"; }, ["_items"], ["*"], false, never>;
|
|
717
|
+
static ngAcceptInputType_disableRipple: unknown;
|
|
727
718
|
}
|
|
728
719
|
|
|
729
720
|
/** Possible positions for the tab header. */
|
|
@@ -741,19 +732,22 @@ export declare class MatTabLabel extends CdkPortal {
|
|
|
741
732
|
* Used in the `mat-tab-group` view to display tab labels.
|
|
742
733
|
* @docs-private
|
|
743
734
|
*/
|
|
744
|
-
export declare class MatTabLabelWrapper extends _MatTabLabelWrapperMixinBase
|
|
735
|
+
export declare class MatTabLabelWrapper extends _MatTabLabelWrapperMixinBase {
|
|
745
736
|
elementRef: ElementRef;
|
|
737
|
+
/** Whether the tab is disabled. */
|
|
738
|
+
disabled: boolean;
|
|
746
739
|
constructor(elementRef: ElementRef);
|
|
747
740
|
/** Sets focus on the wrapper element */
|
|
748
741
|
focus(): void;
|
|
749
742
|
getOffsetLeft(): number;
|
|
750
743
|
getOffsetWidth(): number;
|
|
751
744
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLabelWrapper, never>;
|
|
752
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabelWrapper, "[matTabLabelWrapper]", never, { "
|
|
745
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatTabLabelWrapper, "[matTabLabelWrapper]", never, { "fitInkBarToContent": { "alias": "fitInkBarToContent"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
|
|
746
|
+
static ngAcceptInputType_disabled: unknown;
|
|
753
747
|
}
|
|
754
748
|
|
|
755
749
|
/** @docs-private */
|
|
756
|
-
declare const _MatTabLabelWrapperMixinBase:
|
|
750
|
+
declare const _MatTabLabelWrapperMixinBase: {
|
|
757
751
|
new (): {
|
|
758
752
|
elementRef: ElementRef;
|
|
759
753
|
};
|
|
@@ -762,7 +756,7 @@ declare const _MatTabLabelWrapperMixinBase: _Constructor<CanDisable> & _Abstract
|
|
|
762
756
|
/**
|
|
763
757
|
* Link inside a `mat-tab-nav-bar`.
|
|
764
758
|
*/
|
|
765
|
-
export declare class MatTabLink extends _MatTabLinkMixinBase implements AfterViewInit, OnDestroy,
|
|
759
|
+
export declare class MatTabLink extends _MatTabLinkMixinBase implements AfterViewInit, OnDestroy, RippleTarget, FocusableOption {
|
|
766
760
|
private _tabNavBar;
|
|
767
761
|
/** @docs-private */ elementRef: ElementRef;
|
|
768
762
|
private _focusMonitor;
|
|
@@ -771,7 +765,12 @@ export declare class MatTabLink extends _MatTabLinkMixinBase implements AfterVie
|
|
|
771
765
|
protected _isActive: boolean;
|
|
772
766
|
/** Whether the link is active. */
|
|
773
767
|
get active(): boolean;
|
|
774
|
-
set active(value:
|
|
768
|
+
set active(value: boolean);
|
|
769
|
+
/** Whether the tab link is disabled. */
|
|
770
|
+
disabled: boolean;
|
|
771
|
+
/** Whether ripples are disabled on the tab link. */
|
|
772
|
+
disableRipple: boolean;
|
|
773
|
+
tabIndex: number;
|
|
775
774
|
/**
|
|
776
775
|
* Ripple configuration for ripples that are launched on pointer down. The ripple config
|
|
777
776
|
* is set to the global ripple options since we don't have any configurable options for
|
|
@@ -800,20 +799,19 @@ export declare class MatTabLink extends _MatTabLinkMixinBase implements AfterVie
|
|
|
800
799
|
_getRole(): string | null;
|
|
801
800
|
_getTabIndex(): number;
|
|
802
801
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTabLink, [null, null, { optional: true; }, { attribute: "tabindex"; }, null, { optional: true; }]>;
|
|
803
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatTabLink, "[mat-tab-link], [matTabLink]", ["matTabLink"], { "
|
|
802
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatTabLink, "[mat-tab-link], [matTabLink]", ["matTabLink"], { "active": { "alias": "active"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, ["*"], false, never>;
|
|
803
|
+
static ngAcceptInputType_active: unknown;
|
|
804
|
+
static ngAcceptInputType_disabled: unknown;
|
|
805
|
+
static ngAcceptInputType_disableRipple: unknown;
|
|
806
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
804
807
|
}
|
|
805
808
|
|
|
806
|
-
declare const _MatTabLinkMixinBase:
|
|
809
|
+
declare const _MatTabLinkMixinBase: {
|
|
807
810
|
new (): {
|
|
808
811
|
elementRef: ElementRef;
|
|
809
812
|
};
|
|
810
813
|
} & (new (...args: any[]) => MatInkBarItem);
|
|
811
814
|
|
|
812
|
-
/** @docs-private */
|
|
813
|
-
declare const _MatTabMixinBase: _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & {
|
|
814
|
-
new (): {};
|
|
815
|
-
};
|
|
816
|
-
|
|
817
815
|
/**
|
|
818
816
|
* Navigation component matching the styles of the tab group header.
|
|
819
817
|
* Provides anchored navigation with animated ink bar.
|
|
@@ -821,14 +819,12 @@ declare const _MatTabMixinBase: _Constructor<CanDisable> & _AbstractConstructor<
|
|
|
821
819
|
export declare class MatTabNav extends MatPaginatedTabHeader implements AfterContentChecked, AfterContentInit, OnDestroy, AfterViewInit {
|
|
822
820
|
/** Whether the ink bar should fit its width to the size of the tab label content. */
|
|
823
821
|
get fitInkBarToContent(): boolean;
|
|
824
|
-
set fitInkBarToContent(
|
|
822
|
+
set fitInkBarToContent(value: boolean);
|
|
825
823
|
_fitInkBarToContent: BehaviorSubject<boolean>;
|
|
826
824
|
/** Whether tabs should be stretched to fill the header. */
|
|
827
|
-
|
|
828
|
-
set stretchTabs(v: BooleanInput);
|
|
829
|
-
private _stretchTabs;
|
|
825
|
+
stretchTabs: boolean;
|
|
830
826
|
get animationDuration(): string;
|
|
831
|
-
set animationDuration(value:
|
|
827
|
+
set animationDuration(value: string | number);
|
|
832
828
|
private _animationDuration;
|
|
833
829
|
/** Query list of all tab links of the tab navigation. */
|
|
834
830
|
_items: QueryList<MatTabLink>;
|
|
@@ -837,9 +833,7 @@ export declare class MatTabNav extends MatPaginatedTabHeader implements AfterCon
|
|
|
837
833
|
set backgroundColor(value: ThemePalette);
|
|
838
834
|
private _backgroundColor;
|
|
839
835
|
/** Whether the ripple effect is disabled or not. */
|
|
840
|
-
|
|
841
|
-
set disableRipple(value: BooleanInput);
|
|
842
|
-
private _disableRipple;
|
|
836
|
+
disableRipple: boolean;
|
|
843
837
|
/** Theme color of the nav bar. */
|
|
844
838
|
color: ThemePalette;
|
|
845
839
|
/**
|
|
@@ -862,7 +856,10 @@ export declare class MatTabNav extends MatPaginatedTabHeader implements AfterCon
|
|
|
862
856
|
updateActiveLink(): void;
|
|
863
857
|
_getRole(): string | null;
|
|
864
858
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTabNav, [null, { optional: true; }, null, null, null, null, { optional: true; }, { optional: true; }]>;
|
|
865
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatTabNav, "[mat-tab-nav-bar]", ["matTabNavBar", "matTabNav"], { "
|
|
859
|
+
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"], ["*"], false, never>;
|
|
860
|
+
static ngAcceptInputType_fitInkBarToContent: unknown;
|
|
861
|
+
static ngAcceptInputType_stretchTabs: unknown;
|
|
862
|
+
static ngAcceptInputType_disableRipple: unknown;
|
|
866
863
|
}
|
|
867
864
|
|
|
868
865
|
/**
|
package/toolbar/index.d.ts
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import { _AbstractConstructor } from '@angular/material/core';
|
|
2
1
|
import { AfterViewInit } from '@angular/core';
|
|
3
|
-
import { CanColor } from '@angular/material/core';
|
|
4
|
-
import { _Constructor } from '@angular/material/core';
|
|
5
2
|
import { ElementRef } from '@angular/core';
|
|
6
3
|
import * as i0 from '@angular/core';
|
|
7
4
|
import * as i2 from '@angular/material/core';
|
|
@@ -16,12 +13,15 @@ declare namespace i1 {
|
|
|
16
13
|
}
|
|
17
14
|
}
|
|
18
15
|
|
|
19
|
-
export declare class MatToolbar
|
|
16
|
+
export declare class MatToolbar implements AfterViewInit {
|
|
17
|
+
protected _elementRef: ElementRef;
|
|
20
18
|
private _platform;
|
|
19
|
+
/** Palette color of the toolbar. */
|
|
20
|
+
color?: string | null;
|
|
21
21
|
private _document;
|
|
22
22
|
/** Reference to all toolbar row elements that have been projected. */
|
|
23
23
|
_toolbarRows: QueryList<MatToolbarRow>;
|
|
24
|
-
constructor(
|
|
24
|
+
constructor(_elementRef: ElementRef, _platform: Platform, document?: any);
|
|
25
25
|
ngAfterViewInit(): void;
|
|
26
26
|
/**
|
|
27
27
|
* Throws an exception when developers are attempting to combine the different toolbar row modes.
|
|
@@ -31,13 +31,6 @@ export declare class MatToolbar extends _MatToolbarBase implements CanColor, Aft
|
|
|
31
31
|
static ɵcmp: i0.ɵɵComponentDeclaration<MatToolbar, "mat-toolbar", ["matToolbar"], { "color": { "alias": "color"; "required": false; }; }, {}, ["_toolbarRows"], ["*", "mat-toolbar-row"], false, never>;
|
|
32
32
|
}
|
|
33
33
|
|
|
34
|
-
/** @docs-private */
|
|
35
|
-
declare const _MatToolbarBase: _Constructor<CanColor> & _AbstractConstructor<CanColor> & {
|
|
36
|
-
new (_elementRef: ElementRef): {
|
|
37
|
-
_elementRef: ElementRef;
|
|
38
|
-
};
|
|
39
|
-
};
|
|
40
|
-
|
|
41
34
|
export declare class MatToolbarModule {
|
|
42
35
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatToolbarModule, never>;
|
|
43
36
|
static ɵmod: i0.ɵɵNgModuleDeclaration<MatToolbarModule, [typeof i1.MatToolbar, typeof i1.MatToolbarRow], [typeof i2.MatCommonModule], [typeof i1.MatToolbar, typeof i1.MatToolbarRow, typeof i2.MatCommonModule]>;
|
|
@@ -22,7 +22,7 @@ export declare class MatToolbarHarness extends ContentContainerComponentHarness<
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
/** Selectors for different sections of the mat-toolbar that contain user content. */
|
|
25
|
-
export declare
|
|
25
|
+
export declare enum MatToolbarSection {
|
|
26
26
|
ROW = ".mat-toolbar-row"
|
|
27
27
|
}
|
|
28
28
|
|
package/tree/index.d.ts
CHANGED
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import { _AbstractConstructor } from '@angular/material/core';
|
|
2
1
|
import { AfterContentInit } from '@angular/core';
|
|
3
|
-
import { BooleanInput } from '@angular/cdk/coercion';
|
|
4
|
-
import { CanDisable } from '@angular/material/core';
|
|
5
2
|
import { CdkNestedTreeNode } from '@angular/cdk/tree';
|
|
6
3
|
import { CdkTree } from '@angular/cdk/tree';
|
|
7
4
|
import { CdkTreeNode } from '@angular/cdk/tree';
|
|
@@ -10,16 +7,13 @@ import { CdkTreeNodeOutlet } from '@angular/cdk/tree';
|
|
|
10
7
|
import { CdkTreeNodePadding } from '@angular/cdk/tree';
|
|
11
8
|
import { CdkTreeNodeToggle } from '@angular/cdk/tree';
|
|
12
9
|
import { CollectionViewer } from '@angular/cdk/collections';
|
|
13
|
-
import { _Constructor } from '@angular/material/core';
|
|
14
10
|
import { DataSource } from '@angular/cdk/collections';
|
|
15
11
|
import { ElementRef } from '@angular/core';
|
|
16
12
|
import { FlatTreeControl } from '@angular/cdk/tree';
|
|
17
|
-
import { HasTabIndex } from '@angular/material/core';
|
|
18
13
|
import * as i0 from '@angular/core';
|
|
19
14
|
import * as i6 from '@angular/cdk/tree';
|
|
20
15
|
import * as i7 from '@angular/material/core';
|
|
21
16
|
import { IterableDiffers } from '@angular/core';
|
|
22
|
-
import { NumberInput } from '@angular/cdk/coercion';
|
|
23
17
|
import { Observable } from 'rxjs';
|
|
24
18
|
import { OnDestroy } from '@angular/core';
|
|
25
19
|
import { OnInit } from '@angular/core';
|
|
@@ -64,9 +58,7 @@ declare namespace i5 {
|
|
|
64
58
|
export declare class MatNestedTreeNode<T, K = T> extends CdkNestedTreeNode<T, K> implements AfterContentInit, OnDestroy, OnInit {
|
|
65
59
|
node: T;
|
|
66
60
|
/** Whether the node is disabled. */
|
|
67
|
-
|
|
68
|
-
set disabled(value: BooleanInput);
|
|
69
|
-
private _disabled;
|
|
61
|
+
disabled: boolean;
|
|
70
62
|
/** Tabindex for the node. */
|
|
71
63
|
get tabIndex(): number;
|
|
72
64
|
set tabIndex(value: number);
|
|
@@ -76,7 +68,8 @@ export declare class MatNestedTreeNode<T, K = T> extends CdkNestedTreeNode<T, K>
|
|
|
76
68
|
ngAfterContentInit(): void;
|
|
77
69
|
ngOnDestroy(): void;
|
|
78
70
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatNestedTreeNode<any, any>, [null, null, null, { attribute: "tabindex"; }]>;
|
|
79
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatNestedTreeNode<any, any>, "mat-nested-tree-node", ["matNestedTreeNode"], { "
|
|
71
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatNestedTreeNode<any, any>, "mat-nested-tree-node", ["matNestedTreeNode"], { "node": { "alias": "matNestedTreeNode"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, never, false, never>;
|
|
72
|
+
static ngAcceptInputType_disabled: unknown;
|
|
80
73
|
}
|
|
81
74
|
|
|
82
75
|
/**
|
|
@@ -189,16 +182,20 @@ export declare class MatTreeNestedDataSource<T> extends DataSource<T> {
|
|
|
189
182
|
/**
|
|
190
183
|
* Wrapper for the CdkTree node with Material design styles.
|
|
191
184
|
*/
|
|
192
|
-
export declare class MatTreeNode<T, K = T> extends
|
|
185
|
+
export declare class MatTreeNode<T, K = T> extends CdkTreeNode<T, K> implements OnInit, OnDestroy {
|
|
186
|
+
/** Whether the node is disabled. */
|
|
187
|
+
disabled: boolean;
|
|
188
|
+
/** Tabindex of the node. */
|
|
189
|
+
tabIndex: number;
|
|
193
190
|
constructor(elementRef: ElementRef<HTMLElement>, tree: CdkTree<T, K>, tabIndex: string);
|
|
194
191
|
ngOnInit(): void;
|
|
195
192
|
ngOnDestroy(): void;
|
|
196
193
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTreeNode<any, any>, [null, null, { attribute: "tabindex"; }]>;
|
|
197
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<MatTreeNode<any, any>, "mat-tree-node", ["matTreeNode"], { "
|
|
194
|
+
static ɵdir: i0.ɵɵDirectiveDeclaration<MatTreeNode<any, any>, "mat-tree-node", ["matTreeNode"], { "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, never, never, false, never>;
|
|
195
|
+
static ngAcceptInputType_disabled: unknown;
|
|
196
|
+
static ngAcceptInputType_tabIndex: unknown;
|
|
198
197
|
}
|
|
199
198
|
|
|
200
|
-
declare const _MatTreeNodeBase: _Constructor<HasTabIndex> & _AbstractConstructor<HasTabIndex> & _Constructor<CanDisable> & _AbstractConstructor<CanDisable> & typeof CdkTreeNode;
|
|
201
|
-
|
|
202
199
|
/**
|
|
203
200
|
* Wrapper for the CdkTree node definition with Material design styles.
|
|
204
201
|
* Captures the node's template and a when predicate that describes when this node should be used.
|
|
@@ -227,12 +224,13 @@ export declare class MatTreeNodeOutlet implements CdkTreeNodeOutlet {
|
|
|
227
224
|
export declare class MatTreeNodePadding<T, K = T> extends CdkTreeNodePadding<T, K> {
|
|
228
225
|
/** The level of depth of the tree node. The padding will be `level * indent` pixels. */
|
|
229
226
|
get level(): number;
|
|
230
|
-
set level(value:
|
|
227
|
+
set level(value: number);
|
|
231
228
|
/** The indent for each level. Default number 40px from material design menu sub-menu spec. */
|
|
232
229
|
get indent(): number | string;
|
|
233
230
|
set indent(indent: number | string);
|
|
234
231
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTreeNodePadding<any, any>, never>;
|
|
235
232
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatTreeNodePadding<any, any>, "[matTreeNodePadding]", never, { "level": { "alias": "matTreeNodePadding"; "required": false; }; "indent": { "alias": "matTreeNodePaddingIndent"; "required": false; }; }, {}, never, never, false, never>;
|
|
233
|
+
static ngAcceptInputType_level: unknown;
|
|
236
234
|
}
|
|
237
235
|
|
|
238
236
|
/**
|