@angular/material 16.1.0-next.0 → 16.1.0-next.2
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/_index.scss +7 -4
- package/_token-theming.scss +2 -0
- package/button/_icon-button-theme.scss +0 -1
- package/button/index.d.ts +3 -2
- package/card/_card-theme.import.scss +1 -1
- package/card/_card-theme.scss +11 -0
- package/checkbox/_checkbox-theme.import.scss +1 -1
- package/checkbox/_checkbox-theme.scss +18 -3
- package/chips/_chips-theme.scss +44 -60
- package/core/mdc-helpers/_mdc-helpers.scss +19 -34
- package/core/style/_sass-utils.scss +37 -0
- package/core/tokens/_token-utils.scss +3 -12
- package/core/tokens/m2/_index.scss +84 -0
- package/core/tokens/m2/mat/_card.scss +17 -16
- package/core/tokens/m2/mat/_radio.scss +6 -5
- package/core/tokens/m2/mat/_snack-bar.scss +6 -5
- package/core/tokens/m2/mat/_tab-header-with-background.scss +6 -5
- package/core/tokens/m2/mat/_tab-header.scss +2 -1
- package/core/tokens/m2/mdc/_checkbox.scss +39 -38
- package/core/tokens/m2/mdc/_chip.scss +313 -0
- package/core/tokens/m2/mdc/_circular-progress.scss +5 -8
- package/core/tokens/m2/mdc/_dialog.scss +6 -7
- package/core/tokens/m2/mdc/_elevated-card.scss +2 -1
- package/core/tokens/m2/mdc/_icon-button.scss +5 -13
- package/core/tokens/m2/mdc/_linear-progress.scss +11 -16
- package/core/tokens/m2/mdc/_list.scss +102 -101
- package/core/tokens/m2/mdc/_outlined-card.scss +2 -1
- package/core/tokens/m2/mdc/_plain-tooltip.scss +6 -9
- package/core/tokens/m2/mdc/_radio.scss +6 -7
- package/core/tokens/m2/mdc/_snack-bar.scss +6 -8
- package/core/tokens/m2/mdc/_tab-indicator.scss +6 -6
- package/core/tokens/m2/mdc/_tab.scss +6 -6
- package/core/typography/_all-typography.scss +1 -154
- package/core/typography/_typography.scss +162 -0
- package/esm2022/autocomplete/autocomplete.mjs +3 -3
- package/esm2022/button/button-base.mjs +7 -11
- package/esm2022/button/button.mjs +3 -3
- package/esm2022/button/fab.mjs +5 -5
- package/esm2022/button/icon-button.mjs +3 -3
- package/esm2022/checkbox/checkbox.mjs +2 -2
- package/esm2022/chips/chip-grid.mjs +2 -2
- package/esm2022/chips/chip-listbox.mjs +5 -5
- package/esm2022/chips/chip-option.mjs +3 -3
- package/esm2022/chips/chip-row.mjs +2 -2
- package/esm2022/chips/chip-set.mjs +2 -2
- package/esm2022/chips/chip.mjs +2 -2
- package/esm2022/core/version.mjs +1 -1
- package/esm2022/datepicker/calendar-body.mjs +29 -16
- package/esm2022/datepicker/datepicker-toggle.mjs +3 -3
- package/esm2022/form-field/directives/floating-label.mjs +66 -5
- package/esm2022/form-field/directives/notched-outline.mjs +14 -16
- package/esm2022/form-field/form-field.mjs +30 -36
- package/esm2022/icon/testing/icon-harness.mjs +7 -2
- package/esm2022/legacy-autocomplete/autocomplete.mjs +3 -3
- package/esm2022/legacy-chips/chip-list.mjs +3 -3
- package/esm2022/legacy-core/option/optgroup.mjs +3 -3
- package/esm2022/legacy-form-field/form-field.mjs +3 -3
- package/esm2022/legacy-menu/menu-item.mjs +3 -3
- package/esm2022/legacy-menu/menu.mjs +3 -3
- package/esm2022/legacy-paginator/paginator.mjs +3 -3
- package/esm2022/legacy-select/public-api.mjs +2 -2
- package/esm2022/legacy-select/select.mjs +3 -3
- package/esm2022/legacy-table/table.mjs +3 -3
- package/esm2022/legacy-tabs/tab-group.mjs +3 -3
- package/esm2022/list/list-base.mjs +2 -1
- package/esm2022/menu/menu-item.mjs +3 -3
- package/esm2022/menu/menu.mjs +3 -3
- package/esm2022/paginator/paginator.mjs +3 -3
- package/esm2022/progress-bar/progress-bar.mjs +2 -2
- package/esm2022/select/select.mjs +28 -17
- package/esm2022/sidenav/drawer.mjs +7 -7
- package/esm2022/sidenav/sidenav.mjs +7 -7
- package/esm2022/slide-toggle/slide-toggle.mjs +3 -3
- package/esm2022/slider/slider-input.mjs +21 -9
- package/esm2022/stepper/stepper.mjs +3 -3
- package/esm2022/table/row.mjs +2 -2
- package/esm2022/table/table.mjs +3 -3
- package/esm2022/tabs/tab-group.mjs +3 -3
- package/esm2022/tooltip/tooltip.mjs +5 -1
- package/fesm2022/autocomplete.mjs +2 -2
- package/fesm2022/autocomplete.mjs.map +1 -1
- package/fesm2022/button.mjs +14 -18
- package/fesm2022/button.mjs.map +1 -1
- package/fesm2022/checkbox.mjs +2 -2
- package/fesm2022/checkbox.mjs.map +1 -1
- package/fesm2022/chips.mjs +14 -14
- package/fesm2022/chips.mjs.map +1 -1
- package/fesm2022/core.mjs +1 -1
- package/fesm2022/core.mjs.map +1 -1
- package/fesm2022/datepicker.mjs +30 -17
- package/fesm2022/datepicker.mjs.map +1 -1
- package/fesm2022/form-field.mjs +102 -50
- package/fesm2022/form-field.mjs.map +1 -1
- package/fesm2022/icon/testing.mjs +6 -1
- package/fesm2022/icon/testing.mjs.map +1 -1
- package/fesm2022/legacy-autocomplete.mjs +2 -2
- package/fesm2022/legacy-autocomplete.mjs.map +1 -1
- package/fesm2022/legacy-chips.mjs +2 -2
- package/fesm2022/legacy-chips.mjs.map +1 -1
- package/fesm2022/legacy-core.mjs +2 -2
- package/fesm2022/legacy-core.mjs.map +1 -1
- package/fesm2022/legacy-form-field.mjs +2 -2
- package/fesm2022/legacy-form-field.mjs.map +1 -1
- package/fesm2022/legacy-menu.mjs +4 -4
- package/fesm2022/legacy-menu.mjs.map +1 -1
- package/fesm2022/legacy-paginator.mjs +2 -2
- package/fesm2022/legacy-paginator.mjs.map +1 -1
- package/fesm2022/legacy-select.mjs +2 -2
- package/fesm2022/legacy-select.mjs.map +1 -1
- package/fesm2022/legacy-table.mjs +2 -2
- package/fesm2022/legacy-table.mjs.map +1 -1
- package/fesm2022/legacy-tabs.mjs +2 -2
- package/fesm2022/legacy-tabs.mjs.map +1 -1
- package/fesm2022/list.mjs +1 -0
- package/fesm2022/list.mjs.map +1 -1
- package/fesm2022/menu.mjs +4 -4
- package/fesm2022/menu.mjs.map +1 -1
- package/fesm2022/paginator.mjs +2 -2
- package/fesm2022/paginator.mjs.map +1 -1
- package/fesm2022/progress-bar.mjs +2 -2
- package/fesm2022/progress-bar.mjs.map +1 -1
- package/fesm2022/select.mjs +27 -16
- package/fesm2022/select.mjs.map +1 -1
- package/fesm2022/sidenav.mjs +12 -12
- package/fesm2022/sidenav.mjs.map +1 -1
- package/fesm2022/slide-toggle.mjs +2 -2
- package/fesm2022/slide-toggle.mjs.map +1 -1
- package/fesm2022/slider.mjs +20 -8
- package/fesm2022/slider.mjs.map +1 -1
- package/fesm2022/stepper.mjs +2 -2
- package/fesm2022/stepper.mjs.map +1 -1
- package/fesm2022/table.mjs +3 -3
- package/fesm2022/table.mjs.map +1 -1
- package/fesm2022/tabs.mjs +2 -2
- package/fesm2022/tabs.mjs.map +1 -1
- package/fesm2022/tooltip.mjs +4 -0
- package/fesm2022/tooltip.mjs.map +1 -1
- package/form-field/index.d.ts +44 -12
- package/legacy-select/index.d.ts +7 -2
- package/list/index.d.ts +2 -1
- package/package.json +49 -49
- 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/schematics/ng-add/index.js +1 -1
- package/schematics/ng-add/index.mjs +1 -1
- package/select/index.d.ts +13 -5
- package/slider/index.d.ts +10 -1
- package/table/index.d.ts +1 -1
- package/tabs/_tabs-theme.scss +0 -1
- package/tooltip/index.d.ts +4 -0
package/select/index.d.ts
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { _AbstractConstructor } from '@angular/material/core';
|
|
2
2
|
import { ActiveDescendantKeyManager } from '@angular/cdk/a11y';
|
|
3
3
|
import { AfterContentInit } from '@angular/core';
|
|
4
|
-
import { AfterViewInit } from '@angular/core';
|
|
5
4
|
import { AnimationTriggerMetadata } from '@angular/animations';
|
|
6
5
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
7
6
|
import { CanDisable } from '@angular/material/core';
|
|
@@ -88,18 +87,22 @@ export declare function MAT_SELECT_SCROLL_STRATEGY_PROVIDER_FACTORY(overlay: Ove
|
|
|
88
87
|
*/
|
|
89
88
|
export declare const MAT_SELECT_TRIGGER: InjectionToken<MatSelectTrigger>;
|
|
90
89
|
|
|
91
|
-
export declare class MatSelect extends _MatSelectBase<MatSelectChange> implements OnInit
|
|
90
|
+
export declare class MatSelect extends _MatSelectBase<MatSelectChange> implements OnInit {
|
|
92
91
|
options: QueryList<MatOption>;
|
|
93
92
|
optionGroups: QueryList<MatOptgroup>;
|
|
94
93
|
customTrigger: MatSelectTrigger;
|
|
94
|
+
/**
|
|
95
|
+
* Width of the panel. If set to `auto`, the panel will match the trigger width.
|
|
96
|
+
* If set to null or an empty string, the panel will grow to match the longest option's text.
|
|
97
|
+
*/
|
|
98
|
+
panelWidth: string | number | null;
|
|
95
99
|
_positions: ConnectedPosition[];
|
|
96
100
|
/** Ideal origin for the overlay panel. */
|
|
97
101
|
_preferredOverlayOrigin: CdkOverlayOrigin | ElementRef | undefined;
|
|
98
102
|
/** Width of the overlay panel. */
|
|
99
|
-
_overlayWidth: number;
|
|
103
|
+
_overlayWidth: string | number;
|
|
100
104
|
get shouldLabelFloat(): boolean;
|
|
101
105
|
ngOnInit(): void;
|
|
102
|
-
ngAfterViewInit(): void;
|
|
103
106
|
open(): void;
|
|
104
107
|
close(): void;
|
|
105
108
|
/** Scrolls the active option into view. */
|
|
@@ -116,7 +119,7 @@ export declare class MatSelect extends _MatSelectBase<MatSelectChange> implement
|
|
|
116
119
|
_syncParentProperties(): void;
|
|
117
120
|
protected _skipPredicate: (option: MatOption) => boolean;
|
|
118
121
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatSelect, never>;
|
|
119
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<MatSelect, "mat-select", ["matSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; }, {}, ["customTrigger", "options", "optionGroups"], ["mat-select-trigger", "*"], false, never>;
|
|
122
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MatSelect, "mat-select", ["matSelect"], { "disabled": { "alias": "disabled"; "required": false; }; "disableRipple": { "alias": "disableRipple"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "panelWidth": { "alias": "panelWidth"; "required": false; }; "hideSingleSelectionIndicator": { "alias": "hideSingleSelectionIndicator"; "required": false; }; }, {}, ["customTrigger", "options", "optionGroups"], ["mat-select-trigger", "*"], false, never>;
|
|
120
123
|
}
|
|
121
124
|
|
|
122
125
|
/**
|
|
@@ -458,6 +461,11 @@ export declare interface MatSelectConfig {
|
|
|
458
461
|
overlayPanelClass?: string | string[];
|
|
459
462
|
/** Wheter icon indicators should be hidden for single-selection. */
|
|
460
463
|
hideSingleSelectionIndicator?: boolean;
|
|
464
|
+
/**
|
|
465
|
+
* Width of the panel. If set to `auto`, the panel will match the trigger width.
|
|
466
|
+
* If set to null or an empty string, the panel will grow to match the longest option's text.
|
|
467
|
+
*/
|
|
468
|
+
panelWidth?: string | number | null;
|
|
461
469
|
}
|
|
462
470
|
|
|
463
471
|
/** @docs-private */
|
package/slider/index.d.ts
CHANGED
|
@@ -442,9 +442,18 @@ export declare class MatSliderThumb implements _MatSliderThumb, OnDestroy, Contr
|
|
|
442
442
|
*/
|
|
443
443
|
_skipUIUpdate: boolean;
|
|
444
444
|
/** Callback called when the slider input value changes. */
|
|
445
|
-
|
|
445
|
+
protected _onChangeFn: ((value: any) => void) | undefined;
|
|
446
446
|
/** Callback called when the slider input has been touched. */
|
|
447
447
|
private _onTouchedFn;
|
|
448
|
+
/**
|
|
449
|
+
* Whether the NgModel has been initialized.
|
|
450
|
+
*
|
|
451
|
+
* This flag is used to ignore ghost null calls to
|
|
452
|
+
* writeValue which can break slider initialization.
|
|
453
|
+
*
|
|
454
|
+
* See https://github.com/angular/angular/issues/14988.
|
|
455
|
+
*/
|
|
456
|
+
protected _isControlInitialized: boolean;
|
|
448
457
|
constructor(_ngZone: NgZone, _elementRef: ElementRef<HTMLInputElement>, _cdr: ChangeDetectorRef, _slider: _MatSlider);
|
|
449
458
|
ngOnDestroy(): void;
|
|
450
459
|
/** @docs-private */
|
package/table/index.d.ts
CHANGED
|
@@ -141,7 +141,7 @@ export declare class MatHeaderCellDef extends CdkHeaderCellDef {
|
|
|
141
141
|
static ɵdir: i0.ɵɵDirectiveDeclaration<MatHeaderCellDef, "[matHeaderCellDef]", never, {}, {}, never, never, false, never>;
|
|
142
142
|
}
|
|
143
143
|
|
|
144
|
-
/**
|
|
144
|
+
/** Header template container that contains the cell outlet. Adds the right class and role. */
|
|
145
145
|
export declare class MatHeaderRow extends CdkHeaderRow {
|
|
146
146
|
static ɵfac: i0.ɵɵFactoryDeclaration<MatHeaderRow, never>;
|
|
147
147
|
static ɵcmp: i0.ɵɵComponentDeclaration<MatHeaderRow, "mat-header-row, tr[mat-header-row]", ["matHeaderRow"], {}, {}, never, never, false, never>;
|
package/tabs/_tabs-theme.scss
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
@use 'sass:map';
|
|
2
2
|
@use '@material/tab-indicator/tab-indicator-theme' as mdc-tab-indicator-theme;
|
|
3
|
-
@use '@material/tab' as mdc-tab;
|
|
4
3
|
@use '@material/tab/tab-theme' as mdc-tab-theme;
|
|
5
4
|
@use '../core/tokens/m2/mdc/tab' as tokens-mdc-tab;
|
|
6
5
|
@use '../core/tokens/m2/mdc/tab-indicator' as tokens-mdc-tab-indicator;
|
package/tooltip/index.d.ts
CHANGED
|
@@ -125,6 +125,10 @@ export declare abstract class _MatTooltipBase<T extends _TooltipComponentBase> i
|
|
|
125
125
|
/** Allows the user to define the position of the tooltip relative to the parent element */
|
|
126
126
|
get position(): TooltipPosition;
|
|
127
127
|
set position(value: TooltipPosition);
|
|
128
|
+
/**
|
|
129
|
+
* Whether tooltip should be relative to the click or touch origin
|
|
130
|
+
* instead of outside the element bounding box.
|
|
131
|
+
*/
|
|
128
132
|
get positionAtOrigin(): boolean;
|
|
129
133
|
set positionAtOrigin(value: BooleanInput);
|
|
130
134
|
/** Disables the display of the tooltip. */
|