@angular/material 17.0.2 → 17.0.4

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 (53) hide show
  1. package/button/_button-theme.scss +11 -11
  2. package/core/index.d.ts +6 -2
  3. package/core/tokens/m2/mat/_tab-header.scss +6 -1
  4. package/core/tokens/m2/mdc/_filled-button.scss +7 -6
  5. package/core/tokens/m2/mdc/_outlined-button.scss +7 -7
  6. package/core/tokens/m2/mdc/_protected-button.scss +7 -6
  7. package/core/tokens/m2/mdc/_text-button.scss +7 -8
  8. package/esm2022/autocomplete/autocomplete-trigger.mjs +9 -3
  9. package/esm2022/button/button-base.mjs +2 -1
  10. package/esm2022/button/button.mjs +4 -4
  11. package/esm2022/chips/chip-listbox.mjs +2 -3
  12. package/esm2022/chips/chip.mjs +2 -1
  13. package/esm2022/chips/tokens.mjs +8 -2
  14. package/esm2022/core/private/ripple-loader.mjs +27 -9
  15. package/esm2022/core/version.mjs +1 -1
  16. package/esm2022/datepicker/datepicker-base.mjs +8 -2
  17. package/esm2022/menu/menu-trigger.mjs +8 -2
  18. package/esm2022/select/select.mjs +9 -3
  19. package/esm2022/slider/slider-input.mjs +3 -2
  20. package/esm2022/slider/slider.mjs +3 -3
  21. package/esm2022/tabs/tab-group.mjs +11 -2
  22. package/esm2022/tabs/tab-header.mjs +2 -2
  23. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +2 -2
  24. package/esm2022/tooltip/tooltip.mjs +9 -3
  25. package/fesm2022/autocomplete.mjs +8 -2
  26. package/fesm2022/autocomplete.mjs.map +1 -1
  27. package/fesm2022/button.mjs +5 -4
  28. package/fesm2022/button.mjs.map +1 -1
  29. package/fesm2022/chips.mjs +8 -3
  30. package/fesm2022/chips.mjs.map +1 -1
  31. package/fesm2022/core.mjs +27 -9
  32. package/fesm2022/core.mjs.map +1 -1
  33. package/fesm2022/datepicker.mjs +7 -1
  34. package/fesm2022/datepicker.mjs.map +1 -1
  35. package/fesm2022/menu.mjs +7 -1
  36. package/fesm2022/menu.mjs.map +1 -1
  37. package/fesm2022/select.mjs +8 -2
  38. package/fesm2022/select.mjs.map +1 -1
  39. package/fesm2022/slider.mjs +4 -3
  40. package/fesm2022/slider.mjs.map +1 -1
  41. package/fesm2022/tabs.mjs +14 -5
  42. package/fesm2022/tabs.mjs.map +1 -1
  43. package/fesm2022/tooltip.mjs +8 -2
  44. package/fesm2022/tooltip.mjs.map +1 -1
  45. package/package.json +2 -2
  46. package/prebuilt-themes/deeppurple-amber.css +1 -1
  47. package/prebuilt-themes/indigo-pink.css +1 -1
  48. package/prebuilt-themes/pink-bluegrey.css +1 -1
  49. package/prebuilt-themes/purple-green.css +1 -1
  50. package/schematics/ng-add/index.js +1 -1
  51. package/schematics/ng-add/index.mjs +1 -1
  52. package/tabs/_tabs-common.scss +20 -1
  53. package/tabs/index.d.ts +5 -1
@@ -17,7 +17,12 @@ import * as i1$2 from '@angular/material/form-field';
17
17
  import { MatFormFieldControl, MAT_FORM_FIELD } from '@angular/material/form-field';
18
18
 
19
19
  /** Injection token to be used to override the default options for the chips module. */
20
- const MAT_CHIPS_DEFAULT_OPTIONS = new InjectionToken('mat-chips-default-options');
20
+ const MAT_CHIPS_DEFAULT_OPTIONS = new InjectionToken('mat-chips-default-options', {
21
+ providedIn: 'root',
22
+ factory: () => ({
23
+ separatorKeyCodes: [ENTER],
24
+ }),
25
+ });
21
26
  /**
22
27
  * Injection token that can be used to reference instances of `MatChipAvatar`. It serves as
23
28
  * alternative token to the actual `MatChipAvatar` class which could cause unnecessary
@@ -366,6 +371,7 @@ class MatChip extends _MatChipMixinBase {
366
371
  }
367
372
  ngOnDestroy() {
368
373
  this._focusMonitor.stopMonitoring(this._elementRef);
374
+ this._rippleLoader?.destroyRipple(this._elementRef.nativeElement);
369
375
  this._actionChanges?.unsubscribe();
370
376
  this.destroyed.emit({ chip: this });
371
377
  this.destroyed.complete();
@@ -1492,7 +1498,7 @@ class MatChipListbox extends MatChipSet {
1492
1498
  return !action.isInteractive;
1493
1499
  }
1494
1500
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatChipListbox, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
1495
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: MatChipListbox, selector: "mat-chip-listbox", inputs: { tabIndex: "tabIndex", multiple: "multiple", ariaOrientation: ["aria-orientation", "ariaOrientation"], selectable: "selectable", compareWith: "compareWith", required: "required", hideSingleSelectionIndicator: "hideSingleSelectionIndicator", value: "value" }, outputs: { change: "change" }, host: { attributes: { "ngSkipHydration": "" }, listeners: { "focus": "focus()", "blur": "_blur()", "keydown": "_keydown($event)" }, properties: { "attr.role": "role", "tabIndex": "empty ? -1 : tabIndex", "attr.aria-describedby": "_ariaDescribedby || null", "attr.aria-required": "role ? required : null", "attr.aria-disabled": "disabled.toString()", "attr.aria-multiselectable": "multiple", "attr.aria-orientation": "ariaOrientation", "class.mat-mdc-chip-list-disabled": "disabled", "class.mat-mdc-chip-list-required": "required" }, classAttribute: "mdc-evolution-chip-set mat-mdc-chip-listbox" }, providers: [MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "_chips", predicate: MatChipOption, descendants: true }], usesInheritance: true, ngImport: i0, template: `
1501
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: MatChipListbox, selector: "mat-chip-listbox", inputs: { tabIndex: "tabIndex", multiple: "multiple", ariaOrientation: ["aria-orientation", "ariaOrientation"], selectable: "selectable", compareWith: "compareWith", required: "required", hideSingleSelectionIndicator: "hideSingleSelectionIndicator", value: "value" }, outputs: { change: "change" }, host: { listeners: { "focus": "focus()", "blur": "_blur()", "keydown": "_keydown($event)" }, properties: { "attr.role": "role", "tabIndex": "empty ? -1 : tabIndex", "attr.aria-describedby": "_ariaDescribedby || null", "attr.aria-required": "role ? required : null", "attr.aria-disabled": "disabled.toString()", "attr.aria-multiselectable": "multiple", "attr.aria-orientation": "ariaOrientation", "class.mat-mdc-chip-list-disabled": "disabled", "class.mat-mdc-chip-list-required": "required" }, classAttribute: "mdc-evolution-chip-set mat-mdc-chip-listbox" }, providers: [MAT_CHIP_LISTBOX_CONTROL_VALUE_ACCESSOR], queries: [{ propertyName: "_chips", predicate: MatChipOption, descendants: true }], usesInheritance: true, ngImport: i0, template: `
1496
1502
  <div class="mdc-evolution-chip-set__chips" role="presentation">
1497
1503
  <ng-content></ng-content>
1498
1504
  </div>
@@ -1514,7 +1520,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
1514
1520
  '[attr.aria-disabled]': 'disabled.toString()',
1515
1521
  '[attr.aria-multiselectable]': 'multiple',
1516
1522
  '[attr.aria-orientation]': 'ariaOrientation',
1517
- 'ngSkipHydration': '',
1518
1523
  '[class.mat-mdc-chip-list-disabled]': 'disabled',
1519
1524
  '[class.mat-mdc-chip-list-required]': 'required',
1520
1525
  '(focus)': 'focus()',