@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.
Files changed (152) hide show
  1. package/_index.scss +7 -4
  2. package/_token-theming.scss +2 -0
  3. package/button/_icon-button-theme.scss +0 -1
  4. package/button/index.d.ts +3 -2
  5. package/card/_card-theme.import.scss +1 -1
  6. package/card/_card-theme.scss +11 -0
  7. package/checkbox/_checkbox-theme.import.scss +1 -1
  8. package/checkbox/_checkbox-theme.scss +18 -3
  9. package/chips/_chips-theme.scss +44 -60
  10. package/core/mdc-helpers/_mdc-helpers.scss +19 -34
  11. package/core/style/_sass-utils.scss +37 -0
  12. package/core/tokens/_token-utils.scss +3 -12
  13. package/core/tokens/m2/_index.scss +84 -0
  14. package/core/tokens/m2/mat/_card.scss +17 -16
  15. package/core/tokens/m2/mat/_radio.scss +6 -5
  16. package/core/tokens/m2/mat/_snack-bar.scss +6 -5
  17. package/core/tokens/m2/mat/_tab-header-with-background.scss +6 -5
  18. package/core/tokens/m2/mat/_tab-header.scss +2 -1
  19. package/core/tokens/m2/mdc/_checkbox.scss +39 -38
  20. package/core/tokens/m2/mdc/_chip.scss +313 -0
  21. package/core/tokens/m2/mdc/_circular-progress.scss +5 -8
  22. package/core/tokens/m2/mdc/_dialog.scss +6 -7
  23. package/core/tokens/m2/mdc/_elevated-card.scss +2 -1
  24. package/core/tokens/m2/mdc/_icon-button.scss +5 -13
  25. package/core/tokens/m2/mdc/_linear-progress.scss +11 -16
  26. package/core/tokens/m2/mdc/_list.scss +102 -101
  27. package/core/tokens/m2/mdc/_outlined-card.scss +2 -1
  28. package/core/tokens/m2/mdc/_plain-tooltip.scss +6 -9
  29. package/core/tokens/m2/mdc/_radio.scss +6 -7
  30. package/core/tokens/m2/mdc/_snack-bar.scss +6 -8
  31. package/core/tokens/m2/mdc/_tab-indicator.scss +6 -6
  32. package/core/tokens/m2/mdc/_tab.scss +6 -6
  33. package/core/typography/_all-typography.scss +1 -154
  34. package/core/typography/_typography.scss +162 -0
  35. package/esm2022/autocomplete/autocomplete.mjs +3 -3
  36. package/esm2022/button/button-base.mjs +7 -11
  37. package/esm2022/button/button.mjs +3 -3
  38. package/esm2022/button/fab.mjs +5 -5
  39. package/esm2022/button/icon-button.mjs +3 -3
  40. package/esm2022/checkbox/checkbox.mjs +2 -2
  41. package/esm2022/chips/chip-grid.mjs +2 -2
  42. package/esm2022/chips/chip-listbox.mjs +5 -5
  43. package/esm2022/chips/chip-option.mjs +3 -3
  44. package/esm2022/chips/chip-row.mjs +2 -2
  45. package/esm2022/chips/chip-set.mjs +2 -2
  46. package/esm2022/chips/chip.mjs +2 -2
  47. package/esm2022/core/version.mjs +1 -1
  48. package/esm2022/datepicker/calendar-body.mjs +29 -16
  49. package/esm2022/datepicker/datepicker-toggle.mjs +3 -3
  50. package/esm2022/form-field/directives/floating-label.mjs +66 -5
  51. package/esm2022/form-field/directives/notched-outline.mjs +14 -16
  52. package/esm2022/form-field/form-field.mjs +30 -36
  53. package/esm2022/icon/testing/icon-harness.mjs +7 -2
  54. package/esm2022/legacy-autocomplete/autocomplete.mjs +3 -3
  55. package/esm2022/legacy-chips/chip-list.mjs +3 -3
  56. package/esm2022/legacy-core/option/optgroup.mjs +3 -3
  57. package/esm2022/legacy-form-field/form-field.mjs +3 -3
  58. package/esm2022/legacy-menu/menu-item.mjs +3 -3
  59. package/esm2022/legacy-menu/menu.mjs +3 -3
  60. package/esm2022/legacy-paginator/paginator.mjs +3 -3
  61. package/esm2022/legacy-select/public-api.mjs +2 -2
  62. package/esm2022/legacy-select/select.mjs +3 -3
  63. package/esm2022/legacy-table/table.mjs +3 -3
  64. package/esm2022/legacy-tabs/tab-group.mjs +3 -3
  65. package/esm2022/list/list-base.mjs +2 -1
  66. package/esm2022/menu/menu-item.mjs +3 -3
  67. package/esm2022/menu/menu.mjs +3 -3
  68. package/esm2022/paginator/paginator.mjs +3 -3
  69. package/esm2022/progress-bar/progress-bar.mjs +2 -2
  70. package/esm2022/select/select.mjs +28 -17
  71. package/esm2022/sidenav/drawer.mjs +7 -7
  72. package/esm2022/sidenav/sidenav.mjs +7 -7
  73. package/esm2022/slide-toggle/slide-toggle.mjs +3 -3
  74. package/esm2022/slider/slider-input.mjs +21 -9
  75. package/esm2022/stepper/stepper.mjs +3 -3
  76. package/esm2022/table/row.mjs +2 -2
  77. package/esm2022/table/table.mjs +3 -3
  78. package/esm2022/tabs/tab-group.mjs +3 -3
  79. package/esm2022/tooltip/tooltip.mjs +5 -1
  80. package/fesm2022/autocomplete.mjs +2 -2
  81. package/fesm2022/autocomplete.mjs.map +1 -1
  82. package/fesm2022/button.mjs +14 -18
  83. package/fesm2022/button.mjs.map +1 -1
  84. package/fesm2022/checkbox.mjs +2 -2
  85. package/fesm2022/checkbox.mjs.map +1 -1
  86. package/fesm2022/chips.mjs +14 -14
  87. package/fesm2022/chips.mjs.map +1 -1
  88. package/fesm2022/core.mjs +1 -1
  89. package/fesm2022/core.mjs.map +1 -1
  90. package/fesm2022/datepicker.mjs +30 -17
  91. package/fesm2022/datepicker.mjs.map +1 -1
  92. package/fesm2022/form-field.mjs +102 -50
  93. package/fesm2022/form-field.mjs.map +1 -1
  94. package/fesm2022/icon/testing.mjs +6 -1
  95. package/fesm2022/icon/testing.mjs.map +1 -1
  96. package/fesm2022/legacy-autocomplete.mjs +2 -2
  97. package/fesm2022/legacy-autocomplete.mjs.map +1 -1
  98. package/fesm2022/legacy-chips.mjs +2 -2
  99. package/fesm2022/legacy-chips.mjs.map +1 -1
  100. package/fesm2022/legacy-core.mjs +2 -2
  101. package/fesm2022/legacy-core.mjs.map +1 -1
  102. package/fesm2022/legacy-form-field.mjs +2 -2
  103. package/fesm2022/legacy-form-field.mjs.map +1 -1
  104. package/fesm2022/legacy-menu.mjs +4 -4
  105. package/fesm2022/legacy-menu.mjs.map +1 -1
  106. package/fesm2022/legacy-paginator.mjs +2 -2
  107. package/fesm2022/legacy-paginator.mjs.map +1 -1
  108. package/fesm2022/legacy-select.mjs +2 -2
  109. package/fesm2022/legacy-select.mjs.map +1 -1
  110. package/fesm2022/legacy-table.mjs +2 -2
  111. package/fesm2022/legacy-table.mjs.map +1 -1
  112. package/fesm2022/legacy-tabs.mjs +2 -2
  113. package/fesm2022/legacy-tabs.mjs.map +1 -1
  114. package/fesm2022/list.mjs +1 -0
  115. package/fesm2022/list.mjs.map +1 -1
  116. package/fesm2022/menu.mjs +4 -4
  117. package/fesm2022/menu.mjs.map +1 -1
  118. package/fesm2022/paginator.mjs +2 -2
  119. package/fesm2022/paginator.mjs.map +1 -1
  120. package/fesm2022/progress-bar.mjs +2 -2
  121. package/fesm2022/progress-bar.mjs.map +1 -1
  122. package/fesm2022/select.mjs +27 -16
  123. package/fesm2022/select.mjs.map +1 -1
  124. package/fesm2022/sidenav.mjs +12 -12
  125. package/fesm2022/sidenav.mjs.map +1 -1
  126. package/fesm2022/slide-toggle.mjs +2 -2
  127. package/fesm2022/slide-toggle.mjs.map +1 -1
  128. package/fesm2022/slider.mjs +20 -8
  129. package/fesm2022/slider.mjs.map +1 -1
  130. package/fesm2022/stepper.mjs +2 -2
  131. package/fesm2022/stepper.mjs.map +1 -1
  132. package/fesm2022/table.mjs +3 -3
  133. package/fesm2022/table.mjs.map +1 -1
  134. package/fesm2022/tabs.mjs +2 -2
  135. package/fesm2022/tabs.mjs.map +1 -1
  136. package/fesm2022/tooltip.mjs +4 -0
  137. package/fesm2022/tooltip.mjs.map +1 -1
  138. package/form-field/index.d.ts +44 -12
  139. package/legacy-select/index.d.ts +7 -2
  140. package/list/index.d.ts +2 -1
  141. package/package.json +49 -49
  142. package/prebuilt-themes/deeppurple-amber.css +1 -1
  143. package/prebuilt-themes/indigo-pink.css +1 -1
  144. package/prebuilt-themes/pink-bluegrey.css +1 -1
  145. package/prebuilt-themes/purple-green.css +1 -1
  146. package/schematics/ng-add/index.js +1 -1
  147. package/schematics/ng-add/index.mjs +1 -1
  148. package/select/index.d.ts +13 -5
  149. package/slider/index.d.ts +10 -1
  150. package/table/index.d.ts +1 -1
  151. package/tabs/_tabs-theme.scss +0 -1
  152. 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, AfterViewInit {
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
- private _onChangeFn;
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
- /** Footer template container that contains the cell outlet. Adds the right class and role. */
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>;
@@ -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;
@@ -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. */