@angular/material 22.1.0-next.1 → 22.1.0-next.3

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 (74) hide show
  1. package/fesm2022/_error-options-chunk.mjs +22 -6
  2. package/fesm2022/_error-options-chunk.mjs.map +1 -1
  3. package/fesm2022/_error-state-chunk.mjs +25 -6
  4. package/fesm2022/_error-state-chunk.mjs.map +1 -1
  5. package/fesm2022/_form-field-chunk.mjs +30 -30
  6. package/fesm2022/_icon-button-chunk.mjs +6 -6
  7. package/fesm2022/_icon-registry-chunk.mjs +3 -3
  8. package/fesm2022/_internal-form-field-chunk.mjs +3 -3
  9. package/fesm2022/_line-chunk.mjs +7 -7
  10. package/fesm2022/_option-chunk.mjs +6 -6
  11. package/fesm2022/_option-module-chunk.mjs +4 -4
  12. package/fesm2022/_pseudo-checkbox-chunk.mjs +3 -3
  13. package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
  14. package/fesm2022/_ripple-chunk.mjs +6 -6
  15. package/fesm2022/_ripple-loader-chunk.mjs +3 -3
  16. package/fesm2022/_ripple-module-chunk.mjs +4 -4
  17. package/fesm2022/_structural-styles-chunk.mjs +3 -3
  18. package/fesm2022/_tooltip-chunk.mjs +6 -6
  19. package/fesm2022/autocomplete.mjs +13 -13
  20. package/fesm2022/badge.mjs +10 -10
  21. package/fesm2022/bottom-sheet.mjs +10 -10
  22. package/fesm2022/button-toggle.mjs +10 -10
  23. package/fesm2022/button.mjs +13 -13
  24. package/fesm2022/card.mjs +46 -46
  25. package/fesm2022/checkbox.mjs +7 -7
  26. package/fesm2022/chips.mjs +46 -46
  27. package/fesm2022/core.mjs +12 -12
  28. package/fesm2022/core.mjs.map +1 -1
  29. package/fesm2022/datepicker.mjs +82 -82
  30. package/fesm2022/dialog.mjs +25 -25
  31. package/fesm2022/divider.mjs +7 -7
  32. package/fesm2022/expansion.mjs +25 -25
  33. package/fesm2022/form-field.mjs +4 -4
  34. package/fesm2022/grid-list.mjs +22 -22
  35. package/fesm2022/icon-testing.mjs +7 -7
  36. package/fesm2022/icon.mjs +7 -7
  37. package/fesm2022/input.mjs +7 -7
  38. package/fesm2022/list.mjs +51 -51
  39. package/fesm2022/list.mjs.map +1 -1
  40. package/fesm2022/menu.mjs +22 -22
  41. package/fesm2022/paginator.mjs +10 -10
  42. package/fesm2022/progress-bar.mjs +7 -7
  43. package/fesm2022/progress-spinner.mjs +7 -7
  44. package/fesm2022/radio.mjs +12 -12
  45. package/fesm2022/select.mjs +10 -10
  46. package/fesm2022/sidenav.mjs +30 -23
  47. package/fesm2022/sidenav.mjs.map +1 -1
  48. package/fesm2022/slide-toggle.mjs +19 -9
  49. package/fesm2022/slide-toggle.mjs.map +1 -1
  50. package/fesm2022/slider.mjs +16 -16
  51. package/fesm2022/snack-bar.mjs +22 -22
  52. package/fesm2022/sort.mjs +13 -13
  53. package/fesm2022/stepper.mjs +36 -31
  54. package/fesm2022/stepper.mjs.map +1 -1
  55. package/fesm2022/table.mjs +55 -55
  56. package/fesm2022/tabs.mjs +59 -57
  57. package/fesm2022/tabs.mjs.map +1 -1
  58. package/fesm2022/timepicker.mjs +13 -13
  59. package/fesm2022/toolbar.mjs +10 -10
  60. package/fesm2022/tooltip.mjs +4 -4
  61. package/fesm2022/tree.mjs +25 -25
  62. package/package.json +2 -2
  63. package/schematics/ng-add/index.js +1 -1
  64. package/types/_error-options-chunk.d.ts +3 -0
  65. package/types/chips.d.ts +1 -0
  66. package/types/core.d.ts +6 -2
  67. package/types/datepicker.d.ts +1 -0
  68. package/types/input.d.ts +1 -0
  69. package/types/paginator.d.ts +1 -0
  70. package/types/select.d.ts +1 -0
  71. package/types/sidenav.d.ts +3 -0
  72. package/types/slide-toggle.d.ts +4 -1
  73. package/types/stepper.d.ts +2 -0
  74. package/types/tabs.d.ts +3 -3
package/fesm2022/select.mjs CHANGED
@@ -761,7 +761,7 @@ class MatSelect {
761
761
  }
762
762
  static ɵfac = i0.ɵɵngDeclareFactory({
763
763
  minVersion: "12.0.0",
764
- version: "22.1.0-next.0",
764
+ version: "22.1.0-next.4",
765
765
  ngImport: i0,
766
766
  type: MatSelect,
767
767
  deps: [],
@@ -769,7 +769,7 @@ class MatSelect {
769
769
  });
770
770
  static ɵcmp = i0.ɵɵngDeclareComponent({
771
771
  minVersion: "17.0.0",
772
- version: "22.1.0-next.0",
772
+ version: "22.1.0-next.4",
773
773
  type: MatSelect,
774
774
  isStandalone: true,
775
775
  selector: "mat-select",
@@ -891,7 +891,7 @@ class MatSelect {
891
891
  }
892
892
  i0.ɵɵngDeclareClassMetadata({
893
893
  minVersion: "12.0.0",
894
- version: "22.1.0-next.0",
894
+ version: "22.1.0-next.4",
895
895
  ngImport: i0,
896
896
  type: MatSelect,
897
897
  decorators: [{
@@ -1077,7 +1077,7 @@ i0.ɵɵngDeclareClassMetadata({
1077
1077
  class MatSelectTrigger {
1078
1078
  static ɵfac = i0.ɵɵngDeclareFactory({
1079
1079
  minVersion: "12.0.0",
1080
- version: "22.1.0-next.0",
1080
+ version: "22.1.0-next.4",
1081
1081
  ngImport: i0,
1082
1082
  type: MatSelectTrigger,
1083
1083
  deps: [],
@@ -1085,7 +1085,7 @@ class MatSelectTrigger {
1085
1085
  });
1086
1086
  static ɵdir = i0.ɵɵngDeclareDirective({
1087
1087
  minVersion: "14.0.0",
1088
- version: "22.1.0-next.0",
1088
+ version: "22.1.0-next.4",
1089
1089
  type: MatSelectTrigger,
1090
1090
  isStandalone: true,
1091
1091
  selector: "mat-select-trigger",
@@ -1098,7 +1098,7 @@ class MatSelectTrigger {
1098
1098
  }
1099
1099
  i0.ɵɵngDeclareClassMetadata({
1100
1100
  minVersion: "12.0.0",
1101
- version: "22.1.0-next.0",
1101
+ version: "22.1.0-next.4",
1102
1102
  ngImport: i0,
1103
1103
  type: MatSelectTrigger,
1104
1104
  decorators: [{
@@ -1116,7 +1116,7 @@ i0.ɵɵngDeclareClassMetadata({
1116
1116
  class MatSelectModule {
1117
1117
  static ɵfac = i0.ɵɵngDeclareFactory({
1118
1118
  minVersion: "12.0.0",
1119
- version: "22.1.0-next.0",
1119
+ version: "22.1.0-next.4",
1120
1120
  ngImport: i0,
1121
1121
  type: MatSelectModule,
1122
1122
  deps: [],
@@ -1124,7 +1124,7 @@ class MatSelectModule {
1124
1124
  });
1125
1125
  static ɵmod = i0.ɵɵngDeclareNgModule({
1126
1126
  minVersion: "14.0.0",
1127
- version: "22.1.0-next.0",
1127
+ version: "22.1.0-next.4",
1128
1128
  ngImport: i0,
1129
1129
  type: MatSelectModule,
1130
1130
  imports: [OverlayModule, MatOptionModule, MatSelect, MatSelectTrigger],
@@ -1132,7 +1132,7 @@ class MatSelectModule {
1132
1132
  });
1133
1133
  static ɵinj = i0.ɵɵngDeclareInjector({
1134
1134
  minVersion: "12.0.0",
1135
- version: "22.1.0-next.0",
1135
+ version: "22.1.0-next.4",
1136
1136
  ngImport: i0,
1137
1137
  type: MatSelectModule,
1138
1138
  imports: [OverlayModule, MatOptionModule, BidiModule, CdkScrollableModule, MatFormFieldModule, MatOptionModule]
@@ -1140,7 +1140,7 @@ class MatSelectModule {
1140
1140
  }
1141
1141
  i0.ɵɵngDeclareClassMetadata({
1142
1142
  minVersion: "12.0.0",
1143
- version: "22.1.0-next.0",
1143
+ version: "22.1.0-next.4",
1144
1144
  ngImport: i0,
1145
1145
  type: MatSelectModule,
1146
1146
  decorators: [{
package/fesm2022/sidenav.mjs CHANGED
@@ -38,6 +38,9 @@ class MatDrawerContent extends CdkScrollable {
38
38
  this._updateInert();
39
39
  }
40
40
  }
41
+ _drawerModeChanged() {
42
+ this._updateInert();
43
+ }
41
44
  _updateInert() {
42
45
  const newValue = this._container._isShowingBackdrop();
43
46
  if (newValue !== this._isInert) {
@@ -62,7 +65,7 @@ class MatDrawerContent extends CdkScrollable {
62
65
  }
63
66
  static ɵfac = i0.ɵɵngDeclareFactory({
64
67
  minVersion: "12.0.0",
65
- version: "22.1.0-next.0",
68
+ version: "22.1.0-next.4",
66
69
  ngImport: i0,
67
70
  type: MatDrawerContent,
68
71
  deps: null,
@@ -70,7 +73,7 @@ class MatDrawerContent extends CdkScrollable {
70
73
  });
71
74
  static ɵcmp = i0.ɵɵngDeclareComponent({
72
75
  minVersion: "14.0.0",
73
- version: "22.1.0-next.0",
76
+ version: "22.1.0-next.4",
74
77
  type: MatDrawerContent,
75
78
  isStandalone: true,
76
79
  selector: "mat-drawer-content",
@@ -95,7 +98,7 @@ class MatDrawerContent extends CdkScrollable {
95
98
  }
96
99
  i0.ɵɵngDeclareClassMetadata({
97
100
  minVersion: "12.0.0",
98
- version: "22.1.0-next.0",
101
+ version: "22.1.0-next.4",
99
102
  ngImport: i0,
100
103
  type: MatDrawerContent,
101
104
  decorators: [{
@@ -155,6 +158,7 @@ class MatDrawer {
155
158
  this._mode = value;
156
159
  this._updateFocusTrapState();
157
160
  this._modeChanged.next();
161
+ this._getContent()?._drawerModeChanged();
158
162
  }
159
163
  _mode = 'over';
160
164
  get disableClose() {
@@ -338,7 +342,7 @@ class MatDrawer {
338
342
  return Promise.resolve(isOpen ? 'open' : 'close');
339
343
  }
340
344
  this._opened.set(isOpen);
341
- (this._container?._content || this._container?._userContent)?._drawerToggled(this);
345
+ this._getContent()?._drawerToggled(this);
342
346
  if (this._container?._transitionsEnabled) {
343
347
  this._setIsAnimating(true);
344
348
  setTimeout(() => this._animationStarted.next());
@@ -358,6 +362,9 @@ class MatDrawer {
358
362
  this.openedChange.pipe(take(1)).subscribe(open => resolve(open ? 'open' : 'close'));
359
363
  });
360
364
  }
365
+ _getContent() {
366
+ return this._container?._content || this._container?._userContent;
367
+ }
361
368
  _setIsAnimating(isAnimating) {
362
369
  this._elementRef.nativeElement.classList.toggle('mat-drawer-animating', isAnimating);
363
370
  }
@@ -398,7 +405,7 @@ class MatDrawer {
398
405
  };
399
406
  static ɵfac = i0.ɵɵngDeclareFactory({
400
407
  minVersion: "12.0.0",
401
- version: "22.1.0-next.0",
408
+ version: "22.1.0-next.4",
402
409
  ngImport: i0,
403
410
  type: MatDrawer,
404
411
  deps: [],
@@ -406,7 +413,7 @@ class MatDrawer {
406
413
  });
407
414
  static ɵcmp = i0.ɵɵngDeclareComponent({
408
415
  minVersion: "14.0.0",
409
- version: "22.1.0-next.0",
416
+ version: "22.1.0-next.4",
410
417
  type: MatDrawer,
411
418
  isStandalone: true,
412
419
  selector: "mat-drawer",
@@ -456,7 +463,7 @@ class MatDrawer {
456
463
  }
457
464
  i0.ɵɵngDeclareClassMetadata({
458
465
  minVersion: "12.0.0",
459
- version: "22.1.0-next.0",
466
+ version: "22.1.0-next.4",
460
467
  ngImport: i0,
461
468
  type: MatDrawer,
462
469
  decorators: [{
@@ -740,7 +747,7 @@ class MatDrawerContainer {
740
747
  }
741
748
  static ɵfac = i0.ɵɵngDeclareFactory({
742
749
  minVersion: "12.0.0",
743
- version: "22.1.0-next.0",
750
+ version: "22.1.0-next.4",
744
751
  ngImport: i0,
745
752
  type: MatDrawerContainer,
746
753
  deps: [],
@@ -748,7 +755,7 @@ class MatDrawerContainer {
748
755
  });
749
756
  static ɵcmp = i0.ɵɵngDeclareComponent({
750
757
  minVersion: "17.0.0",
751
- version: "22.1.0-next.0",
758
+ version: "22.1.0-next.4",
752
759
  type: MatDrawerContainer,
753
760
  isStandalone: true,
754
761
  selector: "mat-drawer-container",
@@ -799,7 +806,7 @@ class MatDrawerContainer {
799
806
  }
800
807
  i0.ɵɵngDeclareClassMetadata({
801
808
  minVersion: "12.0.0",
802
- version: "22.1.0-next.0",
809
+ version: "22.1.0-next.4",
803
810
  ngImport: i0,
804
811
  type: MatDrawerContainer,
805
812
  decorators: [{
@@ -852,7 +859,7 @@ i0.ɵɵngDeclareClassMetadata({
852
859
  class MatSidenavContent extends MatDrawerContent {
853
860
  static ɵfac = i0.ɵɵngDeclareFactory({
854
861
  minVersion: "12.0.0",
855
- version: "22.1.0-next.0",
862
+ version: "22.1.0-next.4",
856
863
  ngImport: i0,
857
864
  type: MatSidenavContent,
858
865
  deps: null,
@@ -860,7 +867,7 @@ class MatSidenavContent extends MatDrawerContent {
860
867
  });
861
868
  static ɵcmp = i0.ɵɵngDeclareComponent({
862
869
  minVersion: "14.0.0",
863
- version: "22.1.0-next.0",
870
+ version: "22.1.0-next.4",
864
871
  type: MatSidenavContent,
865
872
  isStandalone: true,
866
873
  selector: "mat-sidenav-content",
@@ -883,7 +890,7 @@ class MatSidenavContent extends MatDrawerContent {
883
890
  }
884
891
  i0.ɵɵngDeclareClassMetadata({
885
892
  minVersion: "12.0.0",
886
- version: "22.1.0-next.0",
893
+ version: "22.1.0-next.4",
887
894
  ngImport: i0,
888
895
  type: MatSidenavContent,
889
896
  decorators: [{
@@ -929,7 +936,7 @@ class MatSidenav extends MatDrawer {
929
936
  _fixedBottomGap = 0;
930
937
  static ɵfac = i0.ɵɵngDeclareFactory({
931
938
  minVersion: "12.0.0",
932
- version: "22.1.0-next.0",
939
+ version: "22.1.0-next.4",
933
940
  ngImport: i0,
934
941
  type: MatSidenav,
935
942
  deps: null,
@@ -937,7 +944,7 @@ class MatSidenav extends MatDrawer {
937
944
  });
938
945
  static ɵcmp = i0.ɵɵngDeclareComponent({
939
946
  minVersion: "14.0.0",
940
- version: "22.1.0-next.0",
947
+ version: "22.1.0-next.4",
941
948
  type: MatSidenav,
942
949
  isStandalone: true,
943
950
  selector: "mat-sidenav",
@@ -978,7 +985,7 @@ class MatSidenav extends MatDrawer {
978
985
  }
979
986
  i0.ɵɵngDeclareClassMetadata({
980
987
  minVersion: "12.0.0",
981
- version: "22.1.0-next.0",
988
+ version: "22.1.0-next.4",
982
989
  ngImport: i0,
983
990
  type: MatSidenav,
984
991
  decorators: [{
@@ -1024,7 +1031,7 @@ class MatSidenavContainer extends MatDrawerContainer {
1024
1031
  _content = undefined;
1025
1032
  static ɵfac = i0.ɵɵngDeclareFactory({
1026
1033
  minVersion: "12.0.0",
1027
- version: "22.1.0-next.0",
1034
+ version: "22.1.0-next.4",
1028
1035
  ngImport: i0,
1029
1036
  type: MatSidenavContainer,
1030
1037
  deps: null,
@@ -1032,7 +1039,7 @@ class MatSidenavContainer extends MatDrawerContainer {
1032
1039
  });
1033
1040
  static ɵcmp = i0.ɵɵngDeclareComponent({
1034
1041
  minVersion: "17.0.0",
1035
- version: "22.1.0-next.0",
1042
+ version: "22.1.0-next.4",
1036
1043
  type: MatSidenavContainer,
1037
1044
  isStandalone: true,
1038
1045
  selector: "mat-sidenav-container",
@@ -1074,7 +1081,7 @@ class MatSidenavContainer extends MatDrawerContainer {
1074
1081
  }
1075
1082
  i0.ɵɵngDeclareClassMetadata({
1076
1083
  minVersion: "12.0.0",
1077
- version: "22.1.0-next.0",
1084
+ version: "22.1.0-next.4",
1078
1085
  ngImport: i0,
1079
1086
  type: MatSidenavContainer,
1080
1087
  decorators: [{
@@ -1116,7 +1123,7 @@ i0.ɵɵngDeclareClassMetadata({
1116
1123
  class MatSidenavModule {
1117
1124
  static ɵfac = i0.ɵɵngDeclareFactory({
1118
1125
  minVersion: "12.0.0",
1119
- version: "22.1.0-next.0",
1126
+ version: "22.1.0-next.4",
1120
1127
  ngImport: i0,
1121
1128
  type: MatSidenavModule,
1122
1129
  deps: [],
@@ -1124,7 +1131,7 @@ class MatSidenavModule {
1124
1131
  });
1125
1132
  static ɵmod = i0.ɵɵngDeclareNgModule({
1126
1133
  minVersion: "14.0.0",
1127
- version: "22.1.0-next.0",
1134
+ version: "22.1.0-next.4",
1128
1135
  ngImport: i0,
1129
1136
  type: MatSidenavModule,
1130
1137
  imports: [CdkScrollableModule, MatDrawer, MatDrawerContainer, MatDrawerContent, MatSidenav, MatSidenavContainer, MatSidenavContent],
@@ -1132,7 +1139,7 @@ class MatSidenavModule {
1132
1139
  });
1133
1140
  static ɵinj = i0.ɵɵngDeclareInjector({
1134
1141
  minVersion: "12.0.0",
1135
- version: "22.1.0-next.0",
1142
+ version: "22.1.0-next.4",
1136
1143
  ngImport: i0,
1137
1144
  type: MatSidenavModule,
1138
1145
  imports: [CdkScrollableModule, BidiModule, CdkScrollableModule]
@@ -1140,7 +1147,7 @@ class MatSidenavModule {
1140
1147
  }
1141
1148
  i0.ɵɵngDeclareClassMetadata({
1142
1149
  minVersion: "12.0.0",
1143
- version: "22.1.0-next.0",
1150
+ version: "22.1.0-next.4",
1144
1151
  ngImport: i0,
1145
1152
  type: MatSidenavModule,
1146
1153
  decorators: [{