@angular/material 15.1.0-next.0 → 15.1.0-next.1

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 (111) hide show
  1. package/autocomplete/testing/index.d.ts +2 -0
  2. package/button/testing/index.d.ts +2 -0
  3. package/button-toggle/testing/index.d.ts +4 -0
  4. package/checkbox/testing/index.d.ts +2 -0
  5. package/core/index.d.ts +3 -3
  6. package/esm2020/autocomplete/testing/autocomplete-harness-filters.mjs +1 -1
  7. package/esm2020/autocomplete/testing/autocomplete-harness.mjs +6 -2
  8. package/esm2020/button/icon-button.mjs +4 -4
  9. package/esm2020/button/testing/button-harness-filters.mjs +1 -1
  10. package/esm2020/button/testing/button-harness.mjs +5 -2
  11. package/esm2020/button-toggle/testing/button-toggle-group-harness-filters.mjs +1 -1
  12. package/esm2020/button-toggle/testing/button-toggle-group-harness.mjs +4 -2
  13. package/esm2020/button-toggle/testing/button-toggle-harness-filters.mjs +1 -1
  14. package/esm2020/button-toggle/testing/button-toggle-harness.mjs +5 -2
  15. package/esm2020/checkbox/testing/checkbox-harness-filters.mjs +1 -1
  16. package/esm2020/checkbox/testing/checkbox-harness.mjs +5 -2
  17. package/esm2020/chips/chip-action.mjs +3 -5
  18. package/esm2020/core/ripple/ripple-event-manager.mjs +69 -0
  19. package/esm2020/core/ripple/ripple-renderer.mjs +31 -23
  20. package/esm2020/core/version.mjs +1 -1
  21. package/esm2020/form-field/directives/prefix.mjs +12 -7
  22. package/esm2020/form-field/directives/suffix.mjs +12 -7
  23. package/esm2020/legacy-autocomplete/testing/autocomplete-harness-filters.mjs +1 -1
  24. package/esm2020/legacy-autocomplete/testing/autocomplete-harness.mjs +6 -2
  25. package/esm2020/legacy-button/testing/button-harness.mjs +5 -2
  26. package/esm2020/legacy-checkbox/testing/checkbox-harness.mjs +5 -2
  27. package/esm2020/list/list-option.mjs +2 -5
  28. package/esm2020/list/selection-list.mjs +2 -9
  29. package/esm2020/progress-spinner/progress-spinner.mjs +4 -5
  30. package/esm2020/slider/testing/slider-harness-filters.mjs +1 -1
  31. package/esm2020/slider/testing/slider-harness.mjs +6 -2
  32. package/esm2020/tabs/tab-group.mjs +6 -6
  33. package/esm2020/tabs/tab-nav-bar/tab-nav-bar.mjs +7 -7
  34. package/fesm2015/autocomplete/testing.mjs +5 -1
  35. package/fesm2015/autocomplete/testing.mjs.map +1 -1
  36. package/fesm2015/button/testing.mjs +4 -1
  37. package/fesm2015/button/testing.mjs.map +1 -1
  38. package/fesm2015/button-toggle/testing.mjs +7 -2
  39. package/fesm2015/button-toggle/testing.mjs.map +1 -1
  40. package/fesm2015/button.mjs +4 -4
  41. package/fesm2015/button.mjs.map +1 -1
  42. package/fesm2015/checkbox/testing.mjs +4 -1
  43. package/fesm2015/checkbox/testing.mjs.map +1 -1
  44. package/fesm2015/chips.mjs +2 -4
  45. package/fesm2015/chips.mjs.map +1 -1
  46. package/fesm2015/core.mjs +100 -24
  47. package/fesm2015/core.mjs.map +1 -1
  48. package/fesm2015/form-field.mjs +20 -10
  49. package/fesm2015/form-field.mjs.map +1 -1
  50. package/fesm2015/legacy-autocomplete/testing.mjs +6 -8
  51. package/fesm2015/legacy-autocomplete/testing.mjs.map +1 -1
  52. package/fesm2015/legacy-button/testing.mjs +4 -1
  53. package/fesm2015/legacy-button/testing.mjs.map +1 -1
  54. package/fesm2015/legacy-checkbox/testing.mjs +4 -1
  55. package/fesm2015/legacy-checkbox/testing.mjs.map +1 -1
  56. package/fesm2015/list.mjs +2 -12
  57. package/fesm2015/list.mjs.map +1 -1
  58. package/fesm2015/progress-spinner.mjs +3 -4
  59. package/fesm2015/progress-spinner.mjs.map +1 -1
  60. package/fesm2015/slider/testing.mjs +5 -1
  61. package/fesm2015/slider/testing.mjs.map +1 -1
  62. package/fesm2015/tabs.mjs +11 -11
  63. package/fesm2015/tabs.mjs.map +1 -1
  64. package/fesm2020/autocomplete/testing.mjs +5 -1
  65. package/fesm2020/autocomplete/testing.mjs.map +1 -1
  66. package/fesm2020/button/testing.mjs +4 -1
  67. package/fesm2020/button/testing.mjs.map +1 -1
  68. package/fesm2020/button-toggle/testing.mjs +7 -2
  69. package/fesm2020/button-toggle/testing.mjs.map +1 -1
  70. package/fesm2020/button.mjs +4 -4
  71. package/fesm2020/button.mjs.map +1 -1
  72. package/fesm2020/checkbox/testing.mjs +4 -1
  73. package/fesm2020/checkbox/testing.mjs.map +1 -1
  74. package/fesm2020/chips.mjs +2 -4
  75. package/fesm2020/chips.mjs.map +1 -1
  76. package/fesm2020/core.mjs +99 -24
  77. package/fesm2020/core.mjs.map +1 -1
  78. package/fesm2020/form-field.mjs +20 -10
  79. package/fesm2020/form-field.mjs.map +1 -1
  80. package/fesm2020/legacy-autocomplete/testing.mjs +5 -1
  81. package/fesm2020/legacy-autocomplete/testing.mjs.map +1 -1
  82. package/fesm2020/legacy-button/testing.mjs +4 -1
  83. package/fesm2020/legacy-button/testing.mjs.map +1 -1
  84. package/fesm2020/legacy-checkbox/testing.mjs +4 -1
  85. package/fesm2020/legacy-checkbox/testing.mjs.map +1 -1
  86. package/fesm2020/list.mjs +2 -12
  87. package/fesm2020/list.mjs.map +1 -1
  88. package/fesm2020/progress-spinner.mjs +3 -4
  89. package/fesm2020/progress-spinner.mjs.map +1 -1
  90. package/fesm2020/slider/testing.mjs +5 -1
  91. package/fesm2020/slider/testing.mjs.map +1 -1
  92. package/fesm2020/tabs.mjs +11 -11
  93. package/fesm2020/tabs.mjs.map +1 -1
  94. package/form-field/index.d.ts +4 -4
  95. package/legacy-autocomplete/testing/index.d.ts +2 -0
  96. package/list/_interactive-list-theme.scss +0 -17
  97. package/list/index.d.ts +0 -12
  98. package/package.json +2 -2
  99. package/prebuilt-themes/deeppurple-amber.css +1 -1
  100. package/prebuilt-themes/indigo-pink.css +1 -1
  101. package/prebuilt-themes/pink-bluegrey.css +1 -1
  102. package/prebuilt-themes/purple-green.css +1 -1
  103. package/progress-spinner/index.d.ts +3 -4
  104. package/schematics/ng-add/index.js +1 -1
  105. package/schematics/ng-add/index.mjs +1 -1
  106. package/schematics/ng-generate/mdc-migration/index_bundled.js +4 -2
  107. package/schematics/ng-generate/mdc-migration/index_bundled.js.map +2 -2
  108. package/schematics/ng-generate/mdc-migration/mdc_migration_bundle_metadata.json +1 -1
  109. package/slider/testing/index.d.ts +2 -0
  110. package/tabs/_tabs-common.scss +42 -0
  111. package/tabs/_tabs-theme.scss +4 -30
@@ -467,18 +467,18 @@ export declare class MatLabel {
467
467
 
468
468
  /** Prefix to be placed in front of the form field. */
469
469
  export declare class MatPrefix {
470
+ set _isTextSelector(value: '');
470
471
  _isText: boolean;
471
- constructor(elementRef: ElementRef);
472
472
  static ɵfac: i0.ɵɵFactoryDeclaration<MatPrefix, never>;
473
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatPrefix, "[matPrefix], [matIconPrefix], [matTextPrefix]", never, {}, {}, never, never, false, never>;
473
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatPrefix, "[matPrefix], [matIconPrefix], [matTextPrefix]", never, { "_isTextSelector": "matTextPrefix"; }, {}, never, never, false, never>;
474
474
  }
475
475
 
476
476
  /** Suffix to be placed at the end of the form field. */
477
477
  export declare class MatSuffix {
478
+ set _isTextSelector(value: '');
478
479
  _isText: boolean;
479
- constructor(elementRef: ElementRef);
480
480
  static ɵfac: i0.ɵɵFactoryDeclaration<MatSuffix, never>;
481
- static ɵdir: i0.ɵɵDirectiveDeclaration<MatSuffix, "[matSuffix], [matIconSuffix], [matTextSuffix]", never, {}, {}, never, never, false, never>;
481
+ static ɵdir: i0.ɵɵDirectiveDeclaration<MatSuffix, "[matSuffix], [matIconSuffix], [matTextSuffix]", never, { "_isTextSelector": "matTextSuffix"; }, {}, never, never, false, never>;
482
482
  }
483
483
 
484
484
  /** Behaviors for how the subscript height is set. */
@@ -14,6 +14,8 @@ import { MatLegacyOptionHarness } from '@angular/material/legacy-core/testing';
14
14
  export declare interface LegacyAutocompleteHarnessFilters extends BaseHarnessFilters {
15
15
  /** Only find instances whose associated input element matches the given value. */
16
16
  value?: string | RegExp;
17
+ /** Only find instances which match the given disabled state. */
18
+ disabled?: boolean;
17
19
  }
18
20
 
19
21
  /**
@@ -1,13 +1,11 @@
1
1
  @use 'sass:map';
2
2
  @use '@material/ripple' as mdc-ripple;
3
- @use '../core/theming/theming';
4
3
 
5
4
  // Mixin that provides colors for the various states of an interactive list-item. MDC
6
5
  // has integrated styles for these states but relies on their complex ripples for it.
7
6
  @mixin private-interactive-list-item-state-colors($config) {
8
7
  $is-dark-theme: map.get($config, is-dark);
9
8
  $active-base-color: if($is-dark-theme, white, black);
10
- $selected-color: theming.get-color-from-palette(map.get($config, primary));
11
9
 
12
10
  .mat-mdc-list-item-interactive {
13
11
  &::before {
@@ -18,21 +16,6 @@
18
16
  opacity: mdc-ripple.states-opacity($active-base-color, hover);
19
17
  }
20
18
 
21
- &.mdc-list-item--selected {
22
- &::before {
23
- background: $selected-color;
24
- opacity: mdc-ripple.states-opacity($selected-color, selected);
25
- }
26
-
27
- &:not(:focus):not(.mdc-list-item--disabled):hover::before {
28
- // The hover and selected opacities need to be combined to match with what the MDC
29
- // ripple state would render. More details here:
30
- // https://github.com/material-components/material-components-web/blob/348665978ce73694ad4518626dd70cdf5b984113/packages/mdc-ripple/_ripple-theme.scss#L450.
31
- opacity: mdc-ripple.states-opacity($selected-color, hover) +
32
- mdc-ripple.states-opacity($selected-color, selected);
33
- }
34
- }
35
-
36
19
  &:focus::before {
37
20
  opacity: mdc-ripple.states-opacity($active-base-color, focus);
38
21
  }
package/list/index.d.ts CHANGED
@@ -539,23 +539,11 @@ export declare class MatSelectionList extends MatListBase implements SelectionLi
539
539
  export declare class MatSelectionListChange {
540
540
  /** Reference to the selection list that emitted the event. */
541
541
  source: MatSelectionList;
542
- /**
543
- * Reference to the option that has been changed.
544
- * @deprecated Use `options` instead, because some events may change more than one option.
545
- * @breaking-change 12.0.0
546
- */
547
- option: MatListOption;
548
542
  /** Reference to the options that have been changed. */
549
543
  options: MatListOption[];
550
544
  constructor(
551
545
  /** Reference to the selection list that emitted the event. */
552
546
  source: MatSelectionList,
553
- /**
554
- * Reference to the option that has been changed.
555
- * @deprecated Use `options` instead, because some events may change more than one option.
556
- * @breaking-change 12.0.0
557
- */
558
- option: MatListOption,
559
547
  /** Reference to the options that have been changed. */
560
548
  options: MatListOption[]);
561
549
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@angular/material",
3
- "version": "15.1.0-next.0",
3
+ "version": "15.1.0-next.1",
4
4
  "description": "Angular Material",
5
5
  "repository": {
6
6
  "type": "git",
@@ -989,7 +989,7 @@
989
989
  },
990
990
  "peerDependencies": {
991
991
  "@angular/animations": "^15.0.0 || ^16.0.0",
992
- "@angular/cdk": "15.1.0-next.0",
992
+ "@angular/cdk": "15.1.0-next.1",
993
993
  "@angular/core": "^15.0.0 || ^16.0.0",
994
994
  "@angular/common": "^15.0.0 || ^16.0.0",
995
995
  "@angular/forms": "^15.0.0 || ^16.0.0",