@angular/material 22.0.0-next.7 → 22.0.0-rc.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.
Files changed (108) hide show
  1. package/fesm2022/_error-options-chunk.mjs +6 -6
  2. package/fesm2022/_form-field-chunk.mjs +31 -35
  3. package/fesm2022/_form-field-chunk.mjs.map +1 -1
  4. package/fesm2022/_icon-button-chunk.mjs +7 -9
  5. package/fesm2022/_icon-button-chunk.mjs.map +1 -1
  6. package/fesm2022/_icon-registry-chunk.mjs +3 -3
  7. package/fesm2022/_icon-registry-chunk.mjs.map +1 -1
  8. package/fesm2022/_internal-form-field-chunk.mjs +4 -6
  9. package/fesm2022/_internal-form-field-chunk.mjs.map +1 -1
  10. package/fesm2022/_line-chunk.mjs +7 -7
  11. package/fesm2022/_line-chunk.mjs.map +1 -1
  12. package/fesm2022/_option-chunk.mjs +7 -11
  13. package/fesm2022/_option-chunk.mjs.map +1 -1
  14. package/fesm2022/_option-module-chunk.mjs +4 -4
  15. package/fesm2022/_option-module-chunk.mjs.map +1 -1
  16. package/fesm2022/_pseudo-checkbox-chunk.mjs +4 -6
  17. package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -1
  18. package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
  19. package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -1
  20. package/fesm2022/_ripple-chunk.mjs +7 -9
  21. package/fesm2022/_ripple-chunk.mjs.map +1 -1
  22. package/fesm2022/_ripple-loader-chunk.mjs +3 -3
  23. package/fesm2022/_ripple-module-chunk.mjs +4 -4
  24. package/fesm2022/_ripple-module-chunk.mjs.map +1 -1
  25. package/fesm2022/_structural-styles-chunk.mjs +4 -6
  26. package/fesm2022/_structural-styles-chunk.mjs.map +1 -1
  27. package/fesm2022/_tooltip-chunk.mjs +7 -9
  28. package/fesm2022/_tooltip-chunk.mjs.map +1 -1
  29. package/fesm2022/autocomplete.mjs +14 -16
  30. package/fesm2022/autocomplete.mjs.map +1 -1
  31. package/fesm2022/badge.mjs +11 -13
  32. package/fesm2022/badge.mjs.map +1 -1
  33. package/fesm2022/bottom-sheet.mjs +10 -10
  34. package/fesm2022/button-toggle.mjs +11 -13
  35. package/fesm2022/button-toggle.mjs.map +1 -1
  36. package/fesm2022/button.mjs +14 -20
  37. package/fesm2022/button.mjs.map +1 -1
  38. package/fesm2022/card.mjs +47 -53
  39. package/fesm2022/card.mjs.map +1 -1
  40. package/fesm2022/checkbox.mjs +8 -10
  41. package/fesm2022/checkbox.mjs.map +1 -1
  42. package/fesm2022/chips.mjs +47 -59
  43. package/fesm2022/chips.mjs.map +1 -1
  44. package/fesm2022/core.mjs +12 -12
  45. package/fesm2022/core.mjs.map +1 -1
  46. package/fesm2022/datepicker.mjs +83 -107
  47. package/fesm2022/datepicker.mjs.map +1 -1
  48. package/fesm2022/dialog-testing.mjs +1 -2
  49. package/fesm2022/dialog-testing.mjs.map +1 -1
  50. package/fesm2022/dialog.mjs +25 -25
  51. package/fesm2022/dialog.mjs.map +1 -1
  52. package/fesm2022/divider.mjs +8 -10
  53. package/fesm2022/divider.mjs.map +1 -1
  54. package/fesm2022/expansion.mjs +26 -30
  55. package/fesm2022/expansion.mjs.map +1 -1
  56. package/fesm2022/form-field.mjs +4 -4
  57. package/fesm2022/form-field.mjs.map +1 -1
  58. package/fesm2022/grid-list.mjs +23 -29
  59. package/fesm2022/grid-list.mjs.map +1 -1
  60. package/fesm2022/icon-testing.mjs +7 -7
  61. package/fesm2022/icon.mjs +8 -10
  62. package/fesm2022/icon.mjs.map +1 -1
  63. package/fesm2022/input.mjs +7 -7
  64. package/fesm2022/input.mjs.map +1 -1
  65. package/fesm2022/list.mjs +50 -72
  66. package/fesm2022/list.mjs.map +1 -1
  67. package/fesm2022/menu.mjs +27 -28
  68. package/fesm2022/menu.mjs.map +1 -1
  69. package/fesm2022/paginator.mjs +11 -13
  70. package/fesm2022/paginator.mjs.map +1 -1
  71. package/fesm2022/progress-bar.mjs +8 -10
  72. package/fesm2022/progress-bar.mjs.map +1 -1
  73. package/fesm2022/progress-spinner.mjs +8 -10
  74. package/fesm2022/progress-spinner.mjs.map +1 -1
  75. package/fesm2022/radio.mjs +11 -13
  76. package/fesm2022/radio.mjs.map +1 -1
  77. package/fesm2022/select.mjs +11 -13
  78. package/fesm2022/select.mjs.map +1 -1
  79. package/fesm2022/sidenav.mjs +56 -45
  80. package/fesm2022/sidenav.mjs.map +1 -1
  81. package/fesm2022/slide-toggle.mjs +8 -10
  82. package/fesm2022/slide-toggle.mjs.map +1 -1
  83. package/fesm2022/slider.mjs +17 -21
  84. package/fesm2022/slider.mjs.map +1 -1
  85. package/fesm2022/snack-bar.mjs +23 -25
  86. package/fesm2022/snack-bar.mjs.map +1 -1
  87. package/fesm2022/sort.mjs +14 -16
  88. package/fesm2022/sort.mjs.map +1 -1
  89. package/fesm2022/stepper.mjs +32 -38
  90. package/fesm2022/stepper.mjs.map +1 -1
  91. package/fesm2022/table.mjs +55 -55
  92. package/fesm2022/table.mjs.map +1 -1
  93. package/fesm2022/tabs.mjs +44 -48
  94. package/fesm2022/tabs.mjs.map +1 -1
  95. package/fesm2022/timepicker.mjs +14 -18
  96. package/fesm2022/timepicker.mjs.map +1 -1
  97. package/fesm2022/toolbar.mjs +11 -13
  98. package/fesm2022/toolbar.mjs.map +1 -1
  99. package/fesm2022/tooltip.mjs +4 -4
  100. package/fesm2022/tooltip.mjs.map +1 -1
  101. package/fesm2022/tree.mjs +25 -25
  102. package/fesm2022/tree.mjs.map +1 -1
  103. package/package.json +2 -2
  104. package/schematics/ng-add/index.js +1 -1
  105. package/types/list.d.ts +2 -10
  106. package/types/menu.d.ts +1 -0
  107. package/types/sidenav.d.ts +4 -6
  108. package/types/sort.d.ts +0 -23
package/types/list.d.ts CHANGED
@@ -284,14 +284,6 @@ declare class MatListOption extends MatListItemBase implements ListOption, OnIni
284
284
  readonly selectedChange: EventEmitter<boolean>;
285
285
  /** Whether the label should appear before or after the checkbox/radio. Defaults to 'after' */
286
286
  togglePosition: MatListOptionTogglePosition;
287
- /**
288
- * Whether the label should appear before or after the checkbox/radio. Defaults to 'after'
289
- *
290
- * @deprecated Use `togglePosition` instead.
291
- * @breaking-change 17.0.0
292
- */
293
- get checkboxPosition(): MatListOptionTogglePosition;
294
- set checkboxPosition(value: MatListOptionTogglePosition);
295
287
  /**
296
288
  * Theme color of the list option. This sets the color of the checkbox/radio.
297
289
  * This API is supported in M2 themes only, it has no effect in M3 themes. For color customization
@@ -352,7 +344,7 @@ declare class MatListOption extends MatListItemBase implements ListOption, OnIni
352
344
  _setTabindex(value: number): void;
353
345
  protected _hasBothLeadingAndTrailing(): boolean;
354
346
  static ɵfac: i0.ɵɵFactoryDeclaration<MatListOption, never>;
355
- static ɵcmp: i0.ɵɵComponentDeclaration<MatListOption, "mat-list-option", ["matListOption"], { "togglePosition": { "alias": "togglePosition"; "required": false; }; "checkboxPosition": { "alias": "checkboxPosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["_lines", "_titles"], ["[matListItemAvatar],[matListItemIcon]", "[matListItemTitle]", "[matListItemLine]", "*", "mat-divider"], true, never>;
347
+ static ɵcmp: i0.ɵɵComponentDeclaration<MatListOption, "mat-list-option", ["matListOption"], { "togglePosition": { "alias": "togglePosition"; "required": false; }; "color": { "alias": "color"; "required": false; }; "value": { "alias": "value"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["_lines", "_titles"], ["[matListItemAvatar],[matListItemIcon]", "[matListItemTitle]", "[matListItemLine]", "*", "mat-divider"], true, never>;
356
348
  }
357
349
 
358
350
  declare const MAT_SELECTION_LIST_VALUE_ACCESSOR: any;
@@ -509,5 +501,5 @@ declare class MatListModule {
509
501
  static ɵinj: i0.ɵɵInjectorDeclaration<MatListModule>;
510
502
  }
511
503
 
512
- export { MAT_LIST, MAT_LIST_CONFIG, MAT_NAV_LIST, MAT_SELECTION_LIST_VALUE_ACCESSOR, MatActionList, MatList, MatListItem, MatListItemAvatar, MatListItemIcon, MatListItemLine, MatListItemMeta, MatListItemTitle, MatListModule, MatListOption, MatListOptionTogglePosition as MatListOptionCheckboxPosition, MatListOptionTogglePosition, MatListSubheaderCssMatStyler, MatNavList, MatSelectionList, MatSelectionListChange, SELECTION_LIST, _MatListItemGraphicBase };
504
+ export { MAT_LIST, MAT_LIST_CONFIG, MAT_NAV_LIST, MAT_SELECTION_LIST_VALUE_ACCESSOR, MatActionList, MatList, MatListItem, MatListItemAvatar, MatListItemIcon, MatListItemLine, MatListItemMeta, MatListItemTitle, MatListModule, MatListOption, MatListOptionTogglePosition, MatListSubheaderCssMatStyler, MatNavList, MatSelectionList, MatSelectionListChange, SELECTION_LIST, _MatListItemGraphicBase };
513
505
  export type { MatListConfig, SelectionList };
package/types/menu.d.ts CHANGED
@@ -224,6 +224,7 @@ declare class MatMenu implements AfterContentInit, MatMenuPanel<MatMenuItem>, On
224
224
  * to style the containing menu from outside the component.
225
225
  * @param classes list of class names
226
226
  */
227
+ get panelClass(): string;
227
228
  set panelClass(classes: string);
228
229
  private _previousPanelClass;
229
230
  /**
@@ -23,8 +23,11 @@ declare const MAT_DRAWER_DEFAULT_AUTOSIZE: InjectionToken<boolean>;
23
23
  declare class MatDrawerContent extends CdkScrollable implements AfterContentInit {
24
24
  private _platform;
25
25
  private _changeDetectorRef;
26
+ private _element;
27
+ private _isInert;
26
28
  _container: MatDrawerContainer;
27
29
  ngAfterContentInit(): void;
30
+ _updateInert(): void;
28
31
  /** Determines whether the content element should be hidden from the user. */
29
32
  protected _shouldBeHidden(): boolean;
30
33
  static ɵfac: i0.ɵɵFactoryDeclaration<MatDrawerContent, never>;
@@ -109,12 +112,6 @@ declare class MatDrawer implements AfterViewInit, OnDestroy {
109
112
  private _injector;
110
113
  private _changeDetectorRef;
111
114
  constructor();
112
- /**
113
- * Focuses the provided element. If the element is not focusable, it will add a tabIndex
114
- * attribute to forcefully focus it. The attribute is removed after focus is moved.
115
- * @param element The element to focus.
116
- */
117
- private _forceFocus;
118
115
  /**
119
116
  * Focuses the first element that matches the given selector within the focus trap.
120
117
  * @param selector The CSS selector for the element to set focus to.
@@ -125,6 +122,7 @@ declare class MatDrawer implements AfterViewInit, OnDestroy {
125
122
  * the focus trap is disabled in `side` mode.
126
123
  */
127
124
  private _takeFocus;
125
+ private _notifyContentFocus;
128
126
  /**
129
127
  * Restores focus to the element that was originally focused when the drawer opened.
130
128
  * If no element was focused at that time, the focus will be restored to the drawer.
package/types/sort.d.ts CHANGED
@@ -6,28 +6,6 @@ import { SortDirection } from './_sort-direction-chunk.js';
6
6
  import * as i2 from '@angular/cdk/bidi';
7
7
  import { Subject } from 'rxjs';
8
8
 
9
- /**
10
- * Valid positions for the arrow to be in for its opacity and translation. If the state is a
11
- * sort direction, the position of the arrow will be above/below and opacity 0. If the state is
12
- * hint, the arrow will be in the center with a slight opacity. Active state means the arrow will
13
- * be fully opaque in the center.
14
- *
15
- * @docs-private
16
- * @deprecated No longer being used, to be removed.
17
- * @breaking-change 21.0.0
18
- */
19
- type ArrowViewState = SortDirection | 'hint' | 'active';
20
- /**
21
- * States describing the arrow's animated position (animating fromState to toState).
22
- * If the fromState is not defined, there will be no animated transition to the toState.
23
- * @docs-private
24
- * @deprecated No longer being used, to be removed.
25
- * @breaking-change 21.0.0
26
- */
27
- interface ArrowViewStateTransition {
28
- fromState?: ArrowViewState;
29
- toState?: ArrowViewState;
30
- }
31
9
  /**
32
10
  * Applies sorting behavior (click to change sort) and styles to an element, including an
33
11
  * arrow to display the current sort direction.
@@ -127,4 +105,3 @@ declare class MatSortHeaderIntl {
127
105
  }
128
106
 
129
107
  export { MatSort, MatSortHeader, MatSortHeaderIntl, MatSortModule, MatSortable, SortDirection, SortHeaderArrowPosition };
130
- export type { ArrowViewState, ArrowViewStateTransition };