@angular/material-experimental 14.1.0-next.3 → 14.1.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 (85) hide show
  1. package/esm2020/mdc-button/button-base.mjs +1 -3
  2. package/esm2020/mdc-button/button.mjs +5 -5
  3. package/esm2020/mdc-button/fab.mjs +9 -9
  4. package/esm2020/mdc-button/icon-button.mjs +5 -7
  5. package/esm2020/mdc-card/card.mjs +2 -2
  6. package/esm2020/mdc-checkbox/checkbox.mjs +2 -2
  7. package/esm2020/mdc-chips/chip-row.mjs +16 -9
  8. package/esm2020/mdc-core/option/option.mjs +2 -2
  9. package/esm2020/mdc-dialog/dialog-content-directives.mjs +1 -1
  10. package/esm2020/mdc-form-field/directives/notched-outline.mjs +10 -7
  11. package/esm2020/mdc-form-field/form-field.mjs +6 -11
  12. package/esm2020/mdc-list/list-option.mjs +2 -2
  13. package/esm2020/mdc-paginator/paginator.mjs +4 -4
  14. package/esm2020/mdc-slider/slider.mjs +26 -12
  15. package/esm2020/mdc-tabs/tab-header.mjs +2 -2
  16. package/esm2020/mdc-tabs/tab-nav-bar/tab-nav-bar.mjs +2 -2
  17. package/esm2020/selection/selection-module.mjs +2 -2
  18. package/esm2020/version.mjs +1 -1
  19. package/fesm2015/material-experimental.mjs +1 -1
  20. package/fesm2015/material-experimental.mjs.map +1 -1
  21. package/fesm2015/mdc-button.mjs +16 -20
  22. package/fesm2015/mdc-button.mjs.map +1 -1
  23. package/fesm2015/mdc-card.mjs +1 -1
  24. package/fesm2015/mdc-card.mjs.map +1 -1
  25. package/fesm2015/mdc-checkbox.mjs +2 -2
  26. package/fesm2015/mdc-checkbox.mjs.map +1 -1
  27. package/fesm2015/mdc-chips.mjs +15 -8
  28. package/fesm2015/mdc-chips.mjs.map +1 -1
  29. package/fesm2015/mdc-core.mjs +2 -2
  30. package/fesm2015/mdc-core.mjs.map +1 -1
  31. package/fesm2015/mdc-dialog.mjs.map +1 -1
  32. package/fesm2015/mdc-form-field.mjs +14 -16
  33. package/fesm2015/mdc-form-field.mjs.map +1 -1
  34. package/fesm2015/mdc-list.mjs +1 -1
  35. package/fesm2015/mdc-list.mjs.map +1 -1
  36. package/fesm2015/mdc-paginator.mjs +3 -3
  37. package/fesm2015/mdc-paginator.mjs.map +1 -1
  38. package/fesm2015/mdc-slider.mjs +26 -11
  39. package/fesm2015/mdc-slider.mjs.map +1 -1
  40. package/fesm2015/mdc-tabs.mjs +4 -4
  41. package/fesm2015/mdc-tabs.mjs.map +1 -1
  42. package/fesm2015/selection.mjs.map +1 -1
  43. package/fesm2020/material-experimental.mjs +1 -1
  44. package/fesm2020/material-experimental.mjs.map +1 -1
  45. package/fesm2020/mdc-button.mjs +16 -20
  46. package/fesm2020/mdc-button.mjs.map +1 -1
  47. package/fesm2020/mdc-card.mjs +1 -1
  48. package/fesm2020/mdc-card.mjs.map +1 -1
  49. package/fesm2020/mdc-checkbox.mjs +2 -2
  50. package/fesm2020/mdc-checkbox.mjs.map +1 -1
  51. package/fesm2020/mdc-chips.mjs +15 -8
  52. package/fesm2020/mdc-chips.mjs.map +1 -1
  53. package/fesm2020/mdc-core.mjs +2 -2
  54. package/fesm2020/mdc-core.mjs.map +1 -1
  55. package/fesm2020/mdc-dialog.mjs.map +1 -1
  56. package/fesm2020/mdc-form-field.mjs +14 -16
  57. package/fesm2020/mdc-form-field.mjs.map +1 -1
  58. package/fesm2020/mdc-list.mjs +1 -1
  59. package/fesm2020/mdc-list.mjs.map +1 -1
  60. package/fesm2020/mdc-paginator.mjs +3 -3
  61. package/fesm2020/mdc-paginator.mjs.map +1 -1
  62. package/fesm2020/mdc-slider.mjs +25 -11
  63. package/fesm2020/mdc-slider.mjs.map +1 -1
  64. package/fesm2020/mdc-tabs.mjs +4 -4
  65. package/fesm2020/mdc-tabs.mjs.map +1 -1
  66. package/fesm2020/selection.mjs.map +1 -1
  67. package/mdc-button/index.d.ts +1 -5
  68. package/mdc-checkbox/_checkbox-theme.scss +6 -0
  69. package/mdc-chips/index.d.ts +6 -0
  70. package/mdc-core/theming/prebuilt/deeppurple-amber.css +1 -1
  71. package/mdc-core/theming/prebuilt/indigo-pink.css +1 -1
  72. package/mdc-core/theming/prebuilt/pink-bluegrey.css +1 -1
  73. package/mdc-core/theming/prebuilt/purple-green.css +1 -1
  74. package/mdc-dialog/index.d.ts +1 -1
  75. package/mdc-form-field/_form-field-density.scss +2 -1
  76. package/mdc-form-field/_form-field-theme.scss +25 -1
  77. package/mdc-form-field/index.d.ts +5 -5
  78. package/mdc-list/index.d.ts +1 -1
  79. package/mdc-paginator/_paginator-theme.scss +15 -1
  80. package/mdc-paginator/index.d.ts +1 -1
  81. package/mdc-radio/_radio-theme.scss +6 -0
  82. package/mdc-slide-toggle/_slide-toggle-theme.scss +6 -0
  83. package/mdc-slider/index.d.ts +7 -1
  84. package/mdc-tabs/_tabs-common.scss +5 -2
  85. package/package.json +3 -3
@@ -99,8 +99,6 @@ declare class MatButtonBase extends _MatButtonMixin implements CanDisable, CanCo
99
99
  _animationMode?: string | undefined;
100
100
  /** Whether this button is a FAB. Used to apply the correct class on the ripple. */
101
101
  _isFab: boolean;
102
- /** Whether this button is an icon button. Used to apply the correct class on the ripple. */
103
- _isIconButton: boolean;
104
102
  /** Reference to the MatRipple instance of the button. */
105
103
  ripple: MatRipple;
106
104
  constructor(elementRef: ElementRef, _platform: Platform, _ngZone: NgZone, _animationMode?: string | undefined);
@@ -173,7 +171,6 @@ export declare interface MatFabDefaultOptions {
173
171
  * See https://material.io/develop/web/components/buttons/icon-buttons/
174
172
  */
175
173
  export declare class MatIconAnchor extends MatAnchorBase {
176
- _isIconButton: boolean;
177
174
  constructor(elementRef: ElementRef, platform: Platform, ngZone: NgZone, animationMode?: string);
178
175
  static ɵfac: i0.ɵɵFactoryDeclaration<MatIconAnchor, [null, null, null, { optional: true; }]>;
179
176
  static ɵcmp: i0.ɵɵComponentDeclaration<MatIconAnchor, "a[mat-icon-button]", ["matButton", "matAnchor"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "color": "color"; "tabIndex": "tabIndex"; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], false>;
@@ -185,10 +182,9 @@ export declare class MatIconAnchor extends MatAnchorBase {
185
182
  * See https://material.io/develop/web/components/buttons/icon-buttons/
186
183
  */
187
184
  export declare class MatIconButton extends MatButtonBase {
188
- _isIconButton: boolean;
189
185
  constructor(elementRef: ElementRef, platform: Platform, ngZone: NgZone, animationMode?: string);
190
186
  static ɵfac: i0.ɵɵFactoryDeclaration<MatIconButton, [null, null, null, { optional: true; }]>;
191
- static ɵcmp: i0.ɵɵComponentDeclaration<MatIconButton, "button[mat-icon-button]", ["matButton"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "color": "color"; }, {}, never, [".material-icons:not([iconPositionEnd]), mat-icon:not([iconPositionEnd]), [matButtonIcon]:not([iconPositionEnd])", "*", ".material-icons[iconPositionEnd], mat-icon[iconPositionEnd], [matButtonIcon][iconPositionEnd]"], false>;
187
+ static ɵcmp: i0.ɵɵComponentDeclaration<MatIconButton, "button[mat-icon-button]", ["matButton"], { "disabled": "disabled"; "disableRipple": "disableRipple"; "color": "color"; }, {}, never, ["*"], false>;
192
188
  }
193
189
 
194
190
  /**
@@ -33,6 +33,7 @@
33
33
  $primary: mat.get-color-from-palette(map.get($config, primary));
34
34
  $accent: mat.get-color-from-palette(map.get($config, accent));
35
35
  $warn: mat.get-color-from-palette(map.get($config, warn));
36
+ $foreground: map.get($config, foreground);
36
37
 
37
38
  @include mdc-helpers.mat-using-mdc-theme($config) {
38
39
  .mat-mdc-checkbox {
@@ -65,6 +66,11 @@
65
66
  @include _selected-ripple-colors($warn, error);
66
67
  }
67
68
  }
69
+
70
+ .mat-mdc-checkbox-disabled label {
71
+ // MDC should set the disabled color on the label, but doesn't, so we do it here instead.
72
+ color: mat.get-color-from-palette($foreground, disabled-text);
73
+ }
68
74
  }
69
75
  }
70
76
 
@@ -790,6 +790,12 @@ export declare class MatChipRemove extends MatChipAction {
790
790
  */
791
791
  export declare class MatChipRow extends MatChip implements AfterViewInit {
792
792
  protected basicChipAttrName: string;
793
+ /**
794
+ * The editing action has to be triggered in a timeout. While we're waiting on it, a blur
795
+ * event might occur which will interrupt the editing. This flag is used to avoid interruptions
796
+ * while the editing action is being initialized.
797
+ */
798
+ private _editStartPending;
793
799
  editable: boolean;
794
800
  /** Emitted when the chip is edited. */
795
801
  readonly edited: EventEmitter<MatChipEditedEvent>;