@angular/material 18.2.0-next.3 → 18.2.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/testing/index.d.ts +1 -1
- package/button-toggle/index.d.ts +14 -2
- package/card/testing/index.d.ts +1 -1
- package/checkbox/_checkbox-common.scss +16 -0
- package/core/testing/index.d.ts +2 -2
- package/core/tokens/m2/mat/_standard-button-toggle.scss +1 -1
- package/core/tokens/m2/mdc/_checkbox.scss +2 -0
- package/core/tokens/m3/mdc/_chip.scss +4 -0
- package/esm2022/button/testing/button-harness.mjs +2 -2
- package/esm2022/button-toggle/button-toggle.mjs +33 -4
- package/esm2022/button-toggle/testing/button-toggle-harness.mjs +3 -3
- package/esm2022/card/testing/card-harness.mjs +2 -2
- package/esm2022/checkbox/checkbox.mjs +3 -3
- package/esm2022/checkbox/testing/checkbox-harness.mjs +7 -3
- package/esm2022/core/datetime/native-date-adapter.mjs +2 -2
- package/esm2022/core/testing/optgroup-harness.mjs +2 -2
- package/esm2022/core/testing/option-harness.mjs +2 -2
- package/esm2022/core/version.mjs +1 -1
- package/esm2022/expansion/expansion-animations.mjs +2 -2
- package/esm2022/form-field/form-field.mjs +18 -6
- package/esm2022/form-field/testing/error-harness.mjs +2 -2
- package/esm2022/list/list-option.mjs +3 -3
- package/esm2022/list/testing/action-list-harness.mjs +2 -2
- package/esm2022/list/testing/list-harness.mjs +2 -2
- package/esm2022/list/testing/list-item-harness-base.mjs +2 -2
- package/esm2022/list/testing/nav-list-harness.mjs +3 -3
- package/esm2022/list/testing/selection-list-harness.mjs +2 -2
- package/esm2022/menu/testing/menu-harness.mjs +2 -2
- package/esm2022/progress-bar/testing/progress-bar-harness.mjs +2 -2
- package/esm2022/radio/testing/radio-harness.mjs +9 -5
- package/esm2022/select/testing/select-harness.mjs +2 -2
- package/esm2022/sidenav/drawer.mjs +2 -2
- package/esm2022/slide-toggle/slide-toggle.mjs +3 -3
- package/esm2022/slide-toggle/testing/slide-toggle-harness.mjs +7 -3
- package/esm2022/snack-bar/testing/snack-bar-harness.mjs +2 -2
- package/esm2022/tabs/tab-group.mjs +10 -4
- package/esm2022/tabs/tab-header.mjs +9 -3
- package/esm2022/tabs/testing/tab-group-harness.mjs +2 -2
- package/esm2022/tabs/testing/tab-link-harness.mjs +2 -2
- package/esm2022/tabs/testing/tab-nav-bar-harness.mjs +2 -2
- package/esm2022/tooltip/tooltip.mjs +34 -18
- package/expansion/index.d.ts +1 -1
- package/fesm2022/button/testing.mjs +1 -1
- package/fesm2022/button/testing.mjs.map +1 -1
- package/fesm2022/button-toggle/testing.mjs +2 -2
- package/fesm2022/button-toggle/testing.mjs.map +1 -1
- package/fesm2022/button-toggle.mjs +32 -3
- package/fesm2022/button-toggle.mjs.map +1 -1
- package/fesm2022/card/testing.mjs +1 -1
- package/fesm2022/card/testing.mjs.map +1 -1
- package/fesm2022/checkbox/testing.mjs +6 -2
- package/fesm2022/checkbox/testing.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +2 -2
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/core/testing.mjs +2 -2
- package/fesm2022/core/testing.mjs.map +1 -1
- package/fesm2022/core.mjs +2 -2
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/expansion.mjs +1 -1
- package/fesm2022/expansion.mjs.map +1 -1
- package/fesm2022/form-field/testing.mjs +1 -1
- package/fesm2022/form-field/testing.mjs.map +1 -1
- package/fesm2022/form-field.mjs +17 -5
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/list/testing.mjs +6 -6
- package/fesm2022/list/testing.mjs.map +1 -1
- package/fesm2022/list.mjs +2 -2
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu/testing.mjs +1 -1
- package/fesm2022/menu/testing.mjs.map +1 -1
- package/fesm2022/progress-bar/testing.mjs +1 -1
- package/fesm2022/progress-bar/testing.mjs.map +1 -1
- package/fesm2022/radio/testing.mjs +8 -4
- package/fesm2022/radio/testing.mjs.map +1 -1
- package/fesm2022/select/testing.mjs +1 -1
- package/fesm2022/select/testing.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +1 -1
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle/testing.mjs +6 -2
- package/fesm2022/slide-toggle/testing.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +2 -2
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/snack-bar/testing.mjs +1 -1
- package/fesm2022/snack-bar/testing.mjs.map +1 -1
- package/fesm2022/tabs/testing.mjs +3 -3
- package/fesm2022/tabs/testing.mjs.map +1 -1
- package/fesm2022/tabs.mjs +17 -5
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +33 -17
- package/fesm2022/tooltip.mjs.map +1 -1
- package/form-field/_form-field-native-select.scss +1 -1
- package/form-field/index.d.ts +3 -0
- package/form-field/testing/index.d.ts +1 -1
- package/list/index.d.ts +1 -1
- package/list/testing/index.d.ts +6 -6
- package/menu/testing/index.d.ts +1 -1
- package/package.json +7 -7
- package/prebuilt-themes/azure-blue.css +1 -1
- package/prebuilt-themes/cyan-orange.css +1 -1
- package/prebuilt-themes/deeppurple-amber.css +1 -1
- package/prebuilt-themes/indigo-pink.css +1 -1
- package/prebuilt-themes/magenta-violet.css +1 -1
- package/prebuilt-themes/pink-bluegrey.css +1 -1
- package/prebuilt-themes/purple-green.css +1 -1
- package/prebuilt-themes/rose-red.css +1 -1
- package/progress-bar/testing/index.d.ts +1 -1
- package/radio/testing/index.d.ts +2 -2
- package/schematics/ng-add/index.js +2 -2
- package/schematics/ng-add/index.mjs +2 -2
- package/schematics/ng-generate/m3-theme/index_bundled.js +218 -315
- package/schematics/ng-generate/m3-theme/index_bundled.js.map +4 -4
- package/select/testing/index.d.ts +1 -1
- package/snack-bar/testing/index.d.ts +1 -1
- package/tabs/index.d.ts +10 -2
- package/tabs/testing/index.d.ts +3 -3
- package/tooltip/index.d.ts +3 -0
|
@@ -7,7 +7,7 @@ import { MatOptionHarness } from '@angular/material/core/testing';
|
|
|
7
7
|
import { OptgroupHarnessFilters } from '@angular/material/core/testing';
|
|
8
8
|
import { OptionHarnessFilters } from '@angular/material/core/testing';
|
|
9
9
|
|
|
10
|
-
/** Harness for interacting with
|
|
10
|
+
/** Harness for interacting with a mat-select in tests. */
|
|
11
11
|
export declare class MatSelectHarness extends MatFormFieldControlHarness {
|
|
12
12
|
static hostSelector: string;
|
|
13
13
|
private _prefix;
|
|
@@ -3,7 +3,7 @@ import { BaseHarnessFilters } from '@angular/cdk/testing';
|
|
|
3
3
|
import { ContentContainerComponentHarness } from '@angular/cdk/testing';
|
|
4
4
|
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
5
5
|
|
|
6
|
-
/** Harness for interacting with
|
|
6
|
+
/** Harness for interacting with a mat-snack-bar in tests. */
|
|
7
7
|
export declare class MatSnackBarHarness extends ContentContainerComponentHarness<string> {
|
|
8
8
|
/** The selector for the host element of a `MatSnackBar` instance. */
|
|
9
9
|
static hostSelector: string;
|
package/tabs/index.d.ts
CHANGED
|
@@ -624,6 +624,10 @@ export declare class MatTabGroup implements AfterContentInit, AfterContentChecke
|
|
|
624
624
|
get backgroundColor(): ThemePalette;
|
|
625
625
|
set backgroundColor(value: ThemePalette);
|
|
626
626
|
private _backgroundColor;
|
|
627
|
+
/** Aria label of the inner `tablist` of the group. */
|
|
628
|
+
ariaLabel: string;
|
|
629
|
+
/** Sets the `aria-labelledby` of the inner `tablist` of the group. */
|
|
630
|
+
ariaLabelledby: string;
|
|
627
631
|
/** Output to enable support for two-way binding on `[(selectedIndex)]` */
|
|
628
632
|
readonly selectedIndexChange: EventEmitter<number>;
|
|
629
633
|
/** Event emitted when focus has changed within a tab group. */
|
|
@@ -691,7 +695,7 @@ export declare class MatTabGroup implements AfterContentInit, AfterContentChecke
|
|
|
691
695
|
/** Callback for when the focused state of a tab has changed. */
|
|
692
696
|
_tabFocusChanged(focusOrigin: FocusOrigin, index: number): void;
|
|
693
697
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTabGroup, [null, null, { optional: true; }, { optional: true; }]>;
|
|
694
|
-
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"], ["*"], true, never>;
|
|
698
|
+
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; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; }, { "selectedIndexChange": "selectedIndexChange"; "focusChange": "focusChange"; "animationDone": "animationDone"; "selectedTabChange": "selectedTabChange"; }, ["_allTabs"], ["*"], true, never>;
|
|
695
699
|
static ngAcceptInputType_fitInkBarToContent: unknown;
|
|
696
700
|
static ngAcceptInputType_stretchTabs: unknown;
|
|
697
701
|
static ngAcceptInputType_dynamicHeight: unknown;
|
|
@@ -724,13 +728,17 @@ export declare class MatTabHeader extends MatPaginatedTabHeader implements After
|
|
|
724
728
|
_nextPaginator: ElementRef<HTMLElement>;
|
|
725
729
|
_previousPaginator: ElementRef<HTMLElement>;
|
|
726
730
|
_inkBar: MatInkBar;
|
|
731
|
+
/** Aria label of the header. */
|
|
732
|
+
ariaLabel: string;
|
|
733
|
+
/** Sets the `aria-labelledby` of the header. */
|
|
734
|
+
ariaLabelledby: string;
|
|
727
735
|
/** Whether the ripple effect is disabled or not. */
|
|
728
736
|
disableRipple: boolean;
|
|
729
737
|
constructor(elementRef: ElementRef, changeDetectorRef: ChangeDetectorRef, viewportRuler: ViewportRuler, dir: Directionality, ngZone: NgZone, platform: Platform, animationMode?: string);
|
|
730
738
|
ngAfterContentInit(): void;
|
|
731
739
|
protected _itemSelected(event: KeyboardEvent): void;
|
|
732
740
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTabHeader, [null, null, null, { optional: true; }, null, null, { optional: true; }]>;
|
|
733
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
|
|
741
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatTabHeader, "mat-tab-header", never, { "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; }, {}, ["_items"], ["*"], true, never>;
|
|
734
742
|
static ngAcceptInputType_disableRipple: unknown;
|
|
735
743
|
}
|
|
736
744
|
|
package/tabs/testing/index.d.ts
CHANGED
|
@@ -5,7 +5,7 @@ import { ContentContainerComponentHarness } from '@angular/cdk/testing';
|
|
|
5
5
|
import { HarnessLoader } from '@angular/cdk/testing';
|
|
6
6
|
import { HarnessPredicate } from '@angular/cdk/testing';
|
|
7
7
|
|
|
8
|
-
/** Harness for interacting with
|
|
8
|
+
/** Harness for interacting with a mat-tab-group in tests. */
|
|
9
9
|
export declare class MatTabGroupHarness extends ComponentHarness {
|
|
10
10
|
/** The selector for the host element of a `MatTabGroup` instance. */
|
|
11
11
|
static hostSelector: string;
|
|
@@ -59,7 +59,7 @@ export declare class MatTabHarness extends ContentContainerComponentHarness<stri
|
|
|
59
59
|
private _getContentId;
|
|
60
60
|
}
|
|
61
61
|
|
|
62
|
-
/** Harness for interacting with
|
|
62
|
+
/** Harness for interacting with a Angular Material tab link in tests. */
|
|
63
63
|
export declare class MatTabLinkHarness extends ComponentHarness {
|
|
64
64
|
/** The selector for the host element of a `MatTabLink` instance. */
|
|
65
65
|
static hostSelector: string;
|
|
@@ -79,7 +79,7 @@ export declare class MatTabLinkHarness extends ComponentHarness {
|
|
|
79
79
|
click(): Promise<void>;
|
|
80
80
|
}
|
|
81
81
|
|
|
82
|
-
/** Harness for interacting with
|
|
82
|
+
/** Harness for interacting with a mat-tab-nav-bar in tests. */
|
|
83
83
|
export declare class MatTabNavBarHarness extends ComponentHarness {
|
|
84
84
|
/** The selector for the host element of a `MatTabNavBar` instance. */
|
|
85
85
|
static hostSelector: string;
|
package/tooltip/index.d.ts
CHANGED
|
@@ -102,6 +102,7 @@ export declare class MatTooltip implements OnDestroy, AfterViewInit {
|
|
|
102
102
|
private _viewportMargin;
|
|
103
103
|
private _currentPosition;
|
|
104
104
|
private readonly _cssClassPrefix;
|
|
105
|
+
private _ariaDescriptionPending;
|
|
105
106
|
/** Allows the user to define the position of the tooltip relative to the parent element */
|
|
106
107
|
get position(): TooltipPosition;
|
|
107
108
|
set position(value: TooltipPosition);
|
|
@@ -215,6 +216,8 @@ export declare class MatTooltip implements OnDestroy, AfterViewInit {
|
|
|
215
216
|
private _wheelListener;
|
|
216
217
|
/** Disables the native browser gestures, based on how the tooltip has been configured. */
|
|
217
218
|
private _disableNativeGesturesIfNecessary;
|
|
219
|
+
/** Updates the tooltip's ARIA description based on it current state. */
|
|
220
|
+
private _syncAriaDescription;
|
|
218
221
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatTooltip, [null, null, null, null, null, null, null, null, null, null, { optional: true; }, null]>;
|
|
219
222
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatTooltip, "[matTooltip]", ["matTooltip"], { "position": { "alias": "matTooltipPosition"; "required": false; }; "positionAtOrigin": { "alias": "matTooltipPositionAtOrigin"; "required": false; }; "disabled": { "alias": "matTooltipDisabled"; "required": false; }; "showDelay": { "alias": "matTooltipShowDelay"; "required": false; }; "hideDelay": { "alias": "matTooltipHideDelay"; "required": false; }; "touchGestures": { "alias": "matTooltipTouchGestures"; "required": false; }; "message": { "alias": "matTooltip"; "required": false; }; "tooltipClass": { "alias": "matTooltipClass"; "required": false; }; }, {}, never, never, true, never>;
|
|
220
223
|
}
|