@angular/material 22.0.0-next.8 → 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 (94) 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/_internal-form-field-chunk.mjs +4 -6
  8. package/fesm2022/_internal-form-field-chunk.mjs.map +1 -1
  9. package/fesm2022/_line-chunk.mjs +7 -7
  10. package/fesm2022/_option-chunk.mjs +7 -11
  11. package/fesm2022/_option-chunk.mjs.map +1 -1
  12. package/fesm2022/_option-module-chunk.mjs +4 -4
  13. package/fesm2022/_pseudo-checkbox-chunk.mjs +4 -6
  14. package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -1
  15. package/fesm2022/_pseudo-checkbox-module-chunk.mjs +4 -4
  16. package/fesm2022/_ripple-chunk.mjs +7 -9
  17. package/fesm2022/_ripple-chunk.mjs.map +1 -1
  18. package/fesm2022/_ripple-loader-chunk.mjs +3 -3
  19. package/fesm2022/_ripple-module-chunk.mjs +4 -4
  20. package/fesm2022/_structural-styles-chunk.mjs +4 -6
  21. package/fesm2022/_structural-styles-chunk.mjs.map +1 -1
  22. package/fesm2022/_tooltip-chunk.mjs +7 -9
  23. package/fesm2022/_tooltip-chunk.mjs.map +1 -1
  24. package/fesm2022/autocomplete.mjs +14 -16
  25. package/fesm2022/autocomplete.mjs.map +1 -1
  26. package/fesm2022/badge.mjs +11 -13
  27. package/fesm2022/badge.mjs.map +1 -1
  28. package/fesm2022/bottom-sheet.mjs +10 -10
  29. package/fesm2022/button-toggle.mjs +11 -13
  30. package/fesm2022/button-toggle.mjs.map +1 -1
  31. package/fesm2022/button.mjs +14 -20
  32. package/fesm2022/button.mjs.map +1 -1
  33. package/fesm2022/card.mjs +47 -53
  34. package/fesm2022/card.mjs.map +1 -1
  35. package/fesm2022/checkbox.mjs +8 -10
  36. package/fesm2022/checkbox.mjs.map +1 -1
  37. package/fesm2022/chips.mjs +47 -59
  38. package/fesm2022/chips.mjs.map +1 -1
  39. package/fesm2022/core.mjs +12 -12
  40. package/fesm2022/core.mjs.map +1 -1
  41. package/fesm2022/datepicker.mjs +83 -107
  42. package/fesm2022/datepicker.mjs.map +1 -1
  43. package/fesm2022/dialog-testing.mjs +1 -2
  44. package/fesm2022/dialog-testing.mjs.map +1 -1
  45. package/fesm2022/dialog.mjs +25 -25
  46. package/fesm2022/divider.mjs +8 -10
  47. package/fesm2022/divider.mjs.map +1 -1
  48. package/fesm2022/expansion.mjs +26 -30
  49. package/fesm2022/expansion.mjs.map +1 -1
  50. package/fesm2022/form-field.mjs +4 -4
  51. package/fesm2022/grid-list.mjs +23 -29
  52. package/fesm2022/grid-list.mjs.map +1 -1
  53. package/fesm2022/icon-testing.mjs +7 -7
  54. package/fesm2022/icon.mjs +8 -10
  55. package/fesm2022/icon.mjs.map +1 -1
  56. package/fesm2022/input.mjs +7 -7
  57. package/fesm2022/list.mjs +50 -62
  58. package/fesm2022/list.mjs.map +1 -1
  59. package/fesm2022/menu.mjs +23 -27
  60. package/fesm2022/menu.mjs.map +1 -1
  61. package/fesm2022/paginator.mjs +11 -13
  62. package/fesm2022/paginator.mjs.map +1 -1
  63. package/fesm2022/progress-bar.mjs +8 -10
  64. package/fesm2022/progress-bar.mjs.map +1 -1
  65. package/fesm2022/progress-spinner.mjs +8 -10
  66. package/fesm2022/progress-spinner.mjs.map +1 -1
  67. package/fesm2022/radio.mjs +11 -13
  68. package/fesm2022/radio.mjs.map +1 -1
  69. package/fesm2022/select.mjs +11 -13
  70. package/fesm2022/select.mjs.map +1 -1
  71. package/fesm2022/sidenav.mjs +56 -45
  72. package/fesm2022/sidenav.mjs.map +1 -1
  73. package/fesm2022/slide-toggle.mjs +8 -10
  74. package/fesm2022/slide-toggle.mjs.map +1 -1
  75. package/fesm2022/slider.mjs +17 -21
  76. package/fesm2022/slider.mjs.map +1 -1
  77. package/fesm2022/snack-bar.mjs +23 -25
  78. package/fesm2022/snack-bar.mjs.map +1 -1
  79. package/fesm2022/sort.mjs +14 -16
  80. package/fesm2022/sort.mjs.map +1 -1
  81. package/fesm2022/stepper.mjs +32 -38
  82. package/fesm2022/stepper.mjs.map +1 -1
  83. package/fesm2022/table.mjs +55 -55
  84. package/fesm2022/tabs.mjs +44 -48
  85. package/fesm2022/tabs.mjs.map +1 -1
  86. package/fesm2022/timepicker.mjs +14 -18
  87. package/fesm2022/timepicker.mjs.map +1 -1
  88. package/fesm2022/toolbar.mjs +11 -13
  89. package/fesm2022/toolbar.mjs.map +1 -1
  90. package/fesm2022/tooltip.mjs +4 -4
  91. package/fesm2022/tree.mjs +25 -25
  92. package/package.json +2 -2
  93. package/schematics/ng-add/index.js +1 -1
  94. package/types/sidenav.d.ts +4 -6
package/fesm2022/list.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as i0 from '@angular/core';
2
- import { InjectionToken, inject, ElementRef, Directive, signal, NgZone, Injector, Input, ContentChildren, ChangeDetectionStrategy, ViewEncapsulation, Component, ViewChild, ChangeDetectorRef, EventEmitter, Output, forwardRef, Renderer2, NgModule } from '@angular/core';
2
+ import { InjectionToken, inject, ElementRef, Directive, signal, NgZone, Injector, Input, ContentChildren, ViewEncapsulation, Component, ViewChild, ChangeDetectorRef, EventEmitter, Output, forwardRef, Renderer2, NgModule } from '@angular/core';
3
3
  import { coerceBooleanProperty, coerceNumberProperty } from '@angular/cdk/coercion';
4
4
  import { Platform, _getFocusedElementPierceShadowDom } from '@angular/cdk/platform';
5
5
  import { _CdkPrivateStyleLoader } from '@angular/cdk/private';
@@ -28,7 +28,7 @@ class MatListItemTitle {
28
28
  _elementRef = inject(ElementRef);
29
29
  static ɵfac = i0.ɵɵngDeclareFactory({
30
30
  minVersion: "12.0.0",
31
- version: "22.0.0-next.10",
31
+ version: "22.0.0-next.12",
32
32
  ngImport: i0,
33
33
  type: MatListItemTitle,
34
34
  deps: [],
@@ -36,7 +36,7 @@ class MatListItemTitle {
36
36
  });
37
37
  static ɵdir = i0.ɵɵngDeclareDirective({
38
38
  minVersion: "14.0.0",
39
- version: "22.0.0-next.10",
39
+ version: "22.0.0-next.12",
40
40
  type: MatListItemTitle,
41
41
  isStandalone: true,
42
42
  selector: "[matListItemTitle]",
@@ -48,7 +48,7 @@ class MatListItemTitle {
48
48
  }
49
49
  i0.ɵɵngDeclareClassMetadata({
50
50
  minVersion: "12.0.0",
51
- version: "22.0.0-next.10",
51
+ version: "22.0.0-next.12",
52
52
  ngImport: i0,
53
53
  type: MatListItemTitle,
54
54
  decorators: [{
@@ -65,7 +65,7 @@ class MatListItemLine {
65
65
  _elementRef = inject(ElementRef);
66
66
  static ɵfac = i0.ɵɵngDeclareFactory({
67
67
  minVersion: "12.0.0",
68
- version: "22.0.0-next.10",
68
+ version: "22.0.0-next.12",
69
69
  ngImport: i0,
70
70
  type: MatListItemLine,
71
71
  deps: [],
@@ -73,7 +73,7 @@ class MatListItemLine {
73
73
  });
74
74
  static ɵdir = i0.ɵɵngDeclareDirective({
75
75
  minVersion: "14.0.0",
76
- version: "22.0.0-next.10",
76
+ version: "22.0.0-next.12",
77
77
  type: MatListItemLine,
78
78
  isStandalone: true,
79
79
  selector: "[matListItemLine]",
@@ -85,7 +85,7 @@ class MatListItemLine {
85
85
  }
86
86
  i0.ɵɵngDeclareClassMetadata({
87
87
  minVersion: "12.0.0",
88
- version: "22.0.0-next.10",
88
+ version: "22.0.0-next.12",
89
89
  ngImport: i0,
90
90
  type: MatListItemLine,
91
91
  decorators: [{
@@ -101,7 +101,7 @@ i0.ɵɵngDeclareClassMetadata({
101
101
  class MatListItemMeta {
102
102
  static ɵfac = i0.ɵɵngDeclareFactory({
103
103
  minVersion: "12.0.0",
104
- version: "22.0.0-next.10",
104
+ version: "22.0.0-next.12",
105
105
  ngImport: i0,
106
106
  type: MatListItemMeta,
107
107
  deps: [],
@@ -109,7 +109,7 @@ class MatListItemMeta {
109
109
  });
110
110
  static ɵdir = i0.ɵɵngDeclareDirective({
111
111
  minVersion: "14.0.0",
112
- version: "22.0.0-next.10",
112
+ version: "22.0.0-next.12",
113
113
  type: MatListItemMeta,
114
114
  isStandalone: true,
115
115
  selector: "[matListItemMeta]",
@@ -121,7 +121,7 @@ class MatListItemMeta {
121
121
  }
122
122
  i0.ɵɵngDeclareClassMetadata({
123
123
  minVersion: "12.0.0",
124
- version: "22.0.0-next.10",
124
+ version: "22.0.0-next.12",
125
125
  ngImport: i0,
126
126
  type: MatListItemMeta,
127
127
  decorators: [{
@@ -143,7 +143,7 @@ class _MatListItemGraphicBase {
143
143
  }
144
144
  static ɵfac = i0.ɵɵngDeclareFactory({
145
145
  minVersion: "12.0.0",
146
- version: "22.0.0-next.10",
146
+ version: "22.0.0-next.12",
147
147
  ngImport: i0,
148
148
  type: _MatListItemGraphicBase,
149
149
  deps: [],
@@ -151,7 +151,7 @@ class _MatListItemGraphicBase {
151
151
  });
152
152
  static ɵdir = i0.ɵɵngDeclareDirective({
153
153
  minVersion: "14.0.0",
154
- version: "22.0.0-next.10",
154
+ version: "22.0.0-next.12",
155
155
  type: _MatListItemGraphicBase,
156
156
  isStandalone: true,
157
157
  host: {
@@ -165,7 +165,7 @@ class _MatListItemGraphicBase {
165
165
  }
166
166
  i0.ɵɵngDeclareClassMetadata({
167
167
  minVersion: "12.0.0",
168
- version: "22.0.0-next.10",
168
+ version: "22.0.0-next.12",
169
169
  ngImport: i0,
170
170
  type: _MatListItemGraphicBase,
171
171
  decorators: [{
@@ -181,7 +181,7 @@ i0.ɵɵngDeclareClassMetadata({
181
181
  class MatListItemAvatar extends _MatListItemGraphicBase {
182
182
  static ɵfac = i0.ɵɵngDeclareFactory({
183
183
  minVersion: "12.0.0",
184
- version: "22.0.0-next.10",
184
+ version: "22.0.0-next.12",
185
185
  ngImport: i0,
186
186
  type: MatListItemAvatar,
187
187
  deps: null,
@@ -189,7 +189,7 @@ class MatListItemAvatar extends _MatListItemGraphicBase {
189
189
  });
190
190
  static ɵdir = i0.ɵɵngDeclareDirective({
191
191
  minVersion: "14.0.0",
192
- version: "22.0.0-next.10",
192
+ version: "22.0.0-next.12",
193
193
  type: MatListItemAvatar,
194
194
  isStandalone: true,
195
195
  selector: "[matListItemAvatar]",
@@ -202,7 +202,7 @@ class MatListItemAvatar extends _MatListItemGraphicBase {
202
202
  }
203
203
  i0.ɵɵngDeclareClassMetadata({
204
204
  minVersion: "12.0.0",
205
- version: "22.0.0-next.10",
205
+ version: "22.0.0-next.12",
206
206
  ngImport: i0,
207
207
  type: MatListItemAvatar,
208
208
  decorators: [{
@@ -218,7 +218,7 @@ i0.ɵɵngDeclareClassMetadata({
218
218
  class MatListItemIcon extends _MatListItemGraphicBase {
219
219
  static ɵfac = i0.ɵɵngDeclareFactory({
220
220
  minVersion: "12.0.0",
221
- version: "22.0.0-next.10",
221
+ version: "22.0.0-next.12",
222
222
  ngImport: i0,
223
223
  type: MatListItemIcon,
224
224
  deps: null,
@@ -226,7 +226,7 @@ class MatListItemIcon extends _MatListItemGraphicBase {
226
226
  });
227
227
  static ɵdir = i0.ɵɵngDeclareDirective({
228
228
  minVersion: "14.0.0",
229
- version: "22.0.0-next.10",
229
+ version: "22.0.0-next.12",
230
230
  type: MatListItemIcon,
231
231
  isStandalone: true,
232
232
  selector: "[matListItemIcon]",
@@ -239,7 +239,7 @@ class MatListItemIcon extends _MatListItemGraphicBase {
239
239
  }
240
240
  i0.ɵɵngDeclareClassMetadata({
241
241
  minVersion: "12.0.0",
242
- version: "22.0.0-next.10",
242
+ version: "22.0.0-next.12",
243
243
  ngImport: i0,
244
244
  type: MatListItemIcon,
245
245
  decorators: [{
@@ -278,7 +278,7 @@ class MatListBase {
278
278
  });
279
279
  static ɵfac = i0.ɵɵngDeclareFactory({
280
280
  minVersion: "12.0.0",
281
- version: "22.0.0-next.10",
281
+ version: "22.0.0-next.12",
282
282
  ngImport: i0,
283
283
  type: MatListBase,
284
284
  deps: [],
@@ -286,7 +286,7 @@ class MatListBase {
286
286
  });
287
287
  static ɵdir = i0.ɵɵngDeclareDirective({
288
288
  minVersion: "14.0.0",
289
- version: "22.0.0-next.10",
289
+ version: "22.0.0-next.12",
290
290
  type: MatListBase,
291
291
  isStandalone: true,
292
292
  inputs: {
@@ -303,7 +303,7 @@ class MatListBase {
303
303
  }
304
304
  i0.ɵɵngDeclareClassMetadata({
305
305
  minVersion: "12.0.0",
306
- version: "22.0.0-next.10",
306
+ version: "22.0.0-next.12",
307
307
  ngImport: i0,
308
308
  type: MatListBase,
309
309
  decorators: [{
@@ -438,7 +438,7 @@ class MatListItemBase {
438
438
  }
439
439
  static ɵfac = i0.ɵɵngDeclareFactory({
440
440
  minVersion: "12.0.0",
441
- version: "22.0.0-next.10",
441
+ version: "22.0.0-next.12",
442
442
  ngImport: i0,
443
443
  type: MatListItemBase,
444
444
  deps: [],
@@ -446,7 +446,7 @@ class MatListItemBase {
446
446
  });
447
447
  static ɵdir = i0.ɵɵngDeclareDirective({
448
448
  minVersion: "14.0.0",
449
- version: "22.0.0-next.10",
449
+ version: "22.0.0-next.12",
450
450
  type: MatListItemBase,
451
451
  isStandalone: true,
452
452
  inputs: {
@@ -473,7 +473,7 @@ class MatListItemBase {
473
473
  }
474
474
  i0.ɵɵngDeclareClassMetadata({
475
475
  minVersion: "12.0.0",
476
- version: "22.0.0-next.10",
476
+ version: "22.0.0-next.12",
477
477
  ngImport: i0,
478
478
  type: MatListItemBase,
479
479
  decorators: [{
@@ -532,7 +532,7 @@ class MatActionList extends MatListBase {
532
532
  _isNonInteractive = false;
533
533
  static ɵfac = i0.ɵɵngDeclareFactory({
534
534
  minVersion: "12.0.0",
535
- version: "22.0.0-next.10",
535
+ version: "22.0.0-next.12",
536
536
  ngImport: i0,
537
537
  type: MatActionList,
538
538
  deps: null,
@@ -540,7 +540,7 @@ class MatActionList extends MatListBase {
540
540
  });
541
541
  static ɵcmp = i0.ɵɵngDeclareComponent({
542
542
  minVersion: "14.0.0",
543
- version: "22.0.0-next.10",
543
+ version: "22.0.0-next.12",
544
544
  type: MatActionList,
545
545
  isStandalone: true,
546
546
  selector: "mat-action-list",
@@ -560,13 +560,12 @@ class MatActionList extends MatListBase {
560
560
  template: '<ng-content></ng-content>',
561
561
  isInline: true,
562
562
  styles: [".mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: \"\";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: \"\";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n"],
563
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
564
563
  encapsulation: i0.ViewEncapsulation.None
565
564
  });
566
565
  }
567
566
  i0.ɵɵngDeclareClassMetadata({
568
567
  minVersion: "12.0.0",
569
- version: "22.0.0-next.10",
568
+ version: "22.0.0-next.12",
570
569
  ngImport: i0,
571
570
  type: MatActionList,
572
571
  decorators: [{
@@ -580,7 +579,6 @@ i0.ɵɵngDeclareClassMetadata({
580
579
  'role': 'group'
581
580
  },
582
581
  encapsulation: ViewEncapsulation.None,
583
- changeDetection: ChangeDetectionStrategy.OnPush,
584
582
  providers: [{
585
583
  provide: MatListBase,
586
584
  useExisting: MatActionList
@@ -594,7 +592,7 @@ const MAT_LIST = new InjectionToken('MatList');
594
592
  class MatList extends MatListBase {
595
593
  static ɵfac = i0.ɵɵngDeclareFactory({
596
594
  minVersion: "12.0.0",
597
- version: "22.0.0-next.10",
595
+ version: "22.0.0-next.12",
598
596
  ngImport: i0,
599
597
  type: MatList,
600
598
  deps: null,
@@ -602,7 +600,7 @@ class MatList extends MatListBase {
602
600
  });
603
601
  static ɵcmp = i0.ɵɵngDeclareComponent({
604
602
  minVersion: "14.0.0",
605
- version: "22.0.0-next.10",
603
+ version: "22.0.0-next.12",
606
604
  type: MatList,
607
605
  isStandalone: true,
608
606
  selector: "mat-list",
@@ -619,13 +617,12 @@ class MatList extends MatListBase {
619
617
  template: '<ng-content></ng-content>',
620
618
  isInline: true,
621
619
  styles: [".mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: \"\";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: \"\";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n"],
622
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
623
620
  encapsulation: i0.ViewEncapsulation.None
624
621
  });
625
622
  }
626
623
  i0.ɵɵngDeclareClassMetadata({
627
624
  minVersion: "12.0.0",
628
- version: "22.0.0-next.10",
625
+ version: "22.0.0-next.12",
629
626
  ngImport: i0,
630
627
  type: MatList,
631
628
  decorators: [{
@@ -638,7 +635,6 @@ i0.ɵɵngDeclareClassMetadata({
638
635
  'class': 'mat-mdc-list mat-mdc-list-base mdc-list'
639
636
  },
640
637
  encapsulation: ViewEncapsulation.None,
641
- changeDetection: ChangeDetectionStrategy.OnPush,
642
638
  providers: [{
643
639
  provide: MatListBase,
644
640
  useExisting: MatList
@@ -668,7 +664,7 @@ class MatListItem extends MatListItemBase {
668
664
  }
669
665
  static ɵfac = i0.ɵɵngDeclareFactory({
670
666
  minVersion: "12.0.0",
671
- version: "22.0.0-next.10",
667
+ version: "22.0.0-next.12",
672
668
  ngImport: i0,
673
669
  type: MatListItem,
674
670
  deps: null,
@@ -676,7 +672,7 @@ class MatListItem extends MatListItemBase {
676
672
  });
677
673
  static ɵcmp = i0.ɵɵngDeclareComponent({
678
674
  minVersion: "14.0.0",
679
- version: "22.0.0-next.10",
675
+ version: "22.0.0-next.12",
680
676
  type: MatListItem,
681
677
  isStandalone: true,
682
678
  selector: "mat-list-item, a[mat-list-item], button[mat-list-item]",
@@ -731,13 +727,12 @@ class MatListItem extends MatListItemBase {
731
727
  outputs: ["cdkObserveContent"],
732
728
  exportAs: ["cdkObserveContent"]
733
729
  }],
734
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
735
730
  encapsulation: i0.ViewEncapsulation.None
736
731
  });
737
732
  }
738
733
  i0.ɵɵngDeclareClassMetadata({
739
734
  minVersion: "12.0.0",
740
- version: "22.0.0-next.10",
735
+ version: "22.0.0-next.12",
741
736
  ngImport: i0,
742
737
  type: MatListItem,
743
738
  decorators: [{
@@ -756,7 +751,6 @@ i0.ɵɵngDeclareClassMetadata({
756
751
  '[attr.aria-current]': '_getAriaCurrent()'
757
752
  },
758
753
  encapsulation: ViewEncapsulation.None,
759
- changeDetection: ChangeDetectionStrategy.OnPush,
760
754
  imports: [CdkObserveContent],
761
755
  template: "<ng-content select=\"[matListItemAvatar],[matListItemIcon]\"></ng-content>\n\n<span class=\"mdc-list-item__content\">\n <ng-content select=\"[matListItemTitle]\"></ng-content>\n <ng-content select=\"[matListItemLine]\"></ng-content>\n <span #unscopedContent class=\"mat-mdc-list-item-unscoped-content\"\n (cdkObserveContent)=\"_updateItemLines(true)\">\n <ng-content></ng-content>\n </span>\n</span>\n\n<ng-content select=\"[matListItemMeta]\"></ng-content>\n\n<ng-content select=\"mat-divider\"></ng-content>\n\n<!--\n Strong focus indicator element. MDC uses the `::before` pseudo element for the default\n focus/hover/selected state, so we need a separate element.\n-->\n<div class=\"mat-focus-indicator\"></div>\n"
762
756
  }]
@@ -923,7 +917,7 @@ class MatListOption extends MatListItemBase {
923
917
  }
924
918
  static ɵfac = i0.ɵɵngDeclareFactory({
925
919
  minVersion: "12.0.0",
926
- version: "22.0.0-next.10",
920
+ version: "22.0.0-next.12",
927
921
  ngImport: i0,
928
922
  type: MatListOption,
929
923
  deps: null,
@@ -931,7 +925,7 @@ class MatListOption extends MatListItemBase {
931
925
  });
932
926
  static ɵcmp = i0.ɵɵngDeclareComponent({
933
927
  minVersion: "17.0.0",
934
- version: "22.0.0-next.10",
928
+ version: "22.0.0-next.12",
935
929
  type: MatListOption,
936
930
  isStandalone: true,
937
931
  selector: "mat-list-option",
@@ -1010,13 +1004,12 @@ class MatListOption extends MatListItemBase {
1010
1004
  outputs: ["cdkObserveContent"],
1011
1005
  exportAs: ["cdkObserveContent"]
1012
1006
  }],
1013
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
1014
1007
  encapsulation: i0.ViewEncapsulation.None
1015
1008
  });
1016
1009
  }
1017
1010
  i0.ɵɵngDeclareClassMetadata({
1018
1011
  minVersion: "12.0.0",
1019
- version: "22.0.0-next.10",
1012
+ version: "22.0.0-next.12",
1020
1013
  ngImport: i0,
1021
1014
  type: MatListOption,
1022
1015
  decorators: [{
@@ -1045,7 +1038,6 @@ i0.ɵɵngDeclareClassMetadata({
1045
1038
  '(click)': '_toggleOnInteraction()'
1046
1039
  },
1047
1040
  encapsulation: ViewEncapsulation.None,
1048
- changeDetection: ChangeDetectionStrategy.OnPush,
1049
1041
  providers: [{
1050
1042
  provide: MatListItemBase,
1051
1043
  useExisting: MatListOption
@@ -1096,7 +1088,7 @@ i0.ɵɵngDeclareClassMetadata({
1096
1088
  class MatListSubheaderCssMatStyler {
1097
1089
  static ɵfac = i0.ɵɵngDeclareFactory({
1098
1090
  minVersion: "12.0.0",
1099
- version: "22.0.0-next.10",
1091
+ version: "22.0.0-next.12",
1100
1092
  ngImport: i0,
1101
1093
  type: MatListSubheaderCssMatStyler,
1102
1094
  deps: [],
@@ -1104,7 +1096,7 @@ class MatListSubheaderCssMatStyler {
1104
1096
  });
1105
1097
  static ɵdir = i0.ɵɵngDeclareDirective({
1106
1098
  minVersion: "14.0.0",
1107
- version: "22.0.0-next.10",
1099
+ version: "22.0.0-next.12",
1108
1100
  type: MatListSubheaderCssMatStyler,
1109
1101
  isStandalone: true,
1110
1102
  selector: "[mat-subheader], [matSubheader]",
@@ -1116,7 +1108,7 @@ class MatListSubheaderCssMatStyler {
1116
1108
  }
1117
1109
  i0.ɵɵngDeclareClassMetadata({
1118
1110
  minVersion: "12.0.0",
1119
- version: "22.0.0-next.10",
1111
+ version: "22.0.0-next.12",
1120
1112
  ngImport: i0,
1121
1113
  type: MatListSubheaderCssMatStyler,
1122
1114
  decorators: [{
@@ -1135,7 +1127,7 @@ class MatNavList extends MatListBase {
1135
1127
  _isNonInteractive = false;
1136
1128
  static ɵfac = i0.ɵɵngDeclareFactory({
1137
1129
  minVersion: "12.0.0",
1138
- version: "22.0.0-next.10",
1130
+ version: "22.0.0-next.12",
1139
1131
  ngImport: i0,
1140
1132
  type: MatNavList,
1141
1133
  deps: null,
@@ -1143,7 +1135,7 @@ class MatNavList extends MatListBase {
1143
1135
  });
1144
1136
  static ɵcmp = i0.ɵɵngDeclareComponent({
1145
1137
  minVersion: "14.0.0",
1146
- version: "22.0.0-next.10",
1138
+ version: "22.0.0-next.12",
1147
1139
  type: MatNavList,
1148
1140
  isStandalone: true,
1149
1141
  selector: "mat-nav-list",
@@ -1163,13 +1155,12 @@ class MatNavList extends MatListBase {
1163
1155
  template: '<ng-content></ng-content>',
1164
1156
  isInline: true,
1165
1157
  styles: [".mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: \"\";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: \"\";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n"],
1166
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
1167
1158
  encapsulation: i0.ViewEncapsulation.None
1168
1159
  });
1169
1160
  }
1170
1161
  i0.ɵɵngDeclareClassMetadata({
1171
1162
  minVersion: "12.0.0",
1172
- version: "22.0.0-next.10",
1163
+ version: "22.0.0-next.12",
1173
1164
  ngImport: i0,
1174
1165
  type: MatNavList,
1175
1166
  decorators: [{
@@ -1183,7 +1174,6 @@ i0.ɵɵngDeclareClassMetadata({
1183
1174
  'role': 'navigation'
1184
1175
  },
1185
1176
  encapsulation: ViewEncapsulation.None,
1186
- changeDetection: ChangeDetectionStrategy.OnPush,
1187
1177
  providers: [{
1188
1178
  provide: MatListBase,
1189
1179
  useExisting: MatNavList
@@ -1430,7 +1420,7 @@ class MatSelectionList extends MatListBase {
1430
1420
  }
1431
1421
  static ɵfac = i0.ɵɵngDeclareFactory({
1432
1422
  minVersion: "12.0.0",
1433
- version: "22.0.0-next.10",
1423
+ version: "22.0.0-next.12",
1434
1424
  ngImport: i0,
1435
1425
  type: MatSelectionList,
1436
1426
  deps: [],
@@ -1438,7 +1428,7 @@ class MatSelectionList extends MatListBase {
1438
1428
  });
1439
1429
  static ɵcmp = i0.ɵɵngDeclareComponent({
1440
1430
  minVersion: "14.0.0",
1441
- version: "22.0.0-next.10",
1431
+ version: "22.0.0-next.12",
1442
1432
  type: MatSelectionList,
1443
1433
  isStandalone: true,
1444
1434
  selector: "mat-selection-list",
@@ -1483,13 +1473,12 @@ class MatSelectionList extends MatListBase {
1483
1473
  template: '<ng-content></ng-content>',
1484
1474
  isInline: true,
1485
1475
  styles: [".mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: \"\";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: \"\";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n"],
1486
- changeDetection: i0.ChangeDetectionStrategy.OnPush,
1487
1476
  encapsulation: i0.ViewEncapsulation.None
1488
1477
  });
1489
1478
  }
1490
1479
  i0.ɵɵngDeclareClassMetadata({
1491
1480
  minVersion: "12.0.0",
1492
- version: "22.0.0-next.10",
1481
+ version: "22.0.0-next.12",
1493
1482
  ngImport: i0,
1494
1483
  type: MatSelectionList,
1495
1484
  decorators: [{
@@ -1512,7 +1501,6 @@ i0.ɵɵngDeclareClassMetadata({
1512
1501
  provide: SELECTION_LIST,
1513
1502
  useExisting: MatSelectionList
1514
1503
  }],
1515
- changeDetection: ChangeDetectionStrategy.OnPush,
1516
1504
  styles: [".mdc-list {\n margin: 0;\n padding: 8px 0;\n list-style-type: none;\n}\n.mdc-list:focus {\n outline: none;\n}\n\n.mdc-list-item {\n display: flex;\n position: relative;\n justify-content: flex-start;\n overflow: hidden;\n padding: 0;\n align-items: stretch;\n cursor: pointer;\n padding-left: 16px;\n padding-right: 16px;\n background-color: var(--mat-list-list-item-container-color, transparent);\n border-radius: var(--mat-list-list-item-container-shape, var(--mat-sys-corner-none));\n}\n.mdc-list-item.mdc-list-item--selected {\n background-color: var(--mat-list-list-item-selected-container-color);\n}\n.mdc-list-item:focus {\n outline: 0;\n}\n.mdc-list-item.mdc-list-item--disabled {\n cursor: auto;\n}\n.mdc-list-item.mdc-list-item--with-one-line {\n height: var(--mat-list-list-item-one-line-container-height, 48px);\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__start {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-one-line .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-two-lines {\n height: var(--mat-list-list-item-two-line-container-height, 64px);\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-two-lines .mdc-list-item__end {\n align-self: center;\n margin-top: 0;\n}\n.mdc-list-item.mdc-list-item--with-three-lines {\n height: var(--mat-list-list-item-three-line-container-height, 88px);\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 16px;\n}\n.mdc-list-item.mdc-list-item--selected::before, .mdc-list-item.mdc-list-item--selected:focus::before, .mdc-list-item:not(.mdc-list-item--selected):focus::before {\n position: absolute;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n top: 0;\n left: 0;\n content: \"\";\n pointer-events: none;\n}\n\na.mdc-list-item {\n color: inherit;\n text-decoration: none;\n}\n\n.mdc-list-item__start {\n fill: currentColor;\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-leading-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-leading-icon-size, 24px);\n height: var(--mat-list-list-item-leading-icon-size, 24px);\n margin-left: 16px;\n margin-right: 32px;\n}\n[dir=rtl] .mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-left: 32px;\n margin-right: 16px;\n}\n.mdc-list-item--with-leading-icon:hover .mdc-list-item__start {\n color: var(--mat-list-list-item-hover-leading-icon-color);\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start {\n width: var(--mat-list-list-item-leading-avatar-size, 40px);\n height: var(--mat-list-list-item-leading-avatar-size, 40px);\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n.mdc-list-item--with-leading-avatar .mdc-list-item__start, [dir=rtl] .mdc-list-item--with-leading-avatar .mdc-list-item__start {\n margin-left: 16px;\n margin-right: 16px;\n border-radius: 50%;\n}\n\n.mdc-list-item__end {\n flex-shrink: 0;\n pointer-events: none;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n font-family: var(--mat-list-list-item-trailing-supporting-text-font, var(--mat-sys-label-small-font));\n line-height: var(--mat-list-list-item-trailing-supporting-text-line-height, var(--mat-sys-label-small-line-height));\n font-size: var(--mat-list-list-item-trailing-supporting-text-size, var(--mat-sys-label-small-size));\n font-weight: var(--mat-list-list-item-trailing-supporting-text-weight, var(--mat-sys-label-small-weight));\n letter-spacing: var(--mat-list-list-item-trailing-supporting-text-tracking, var(--mat-sys-label-small-tracking));\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-icon-color, var(--mat-sys-on-surface-variant));\n width: var(--mat-list-list-item-trailing-icon-size, 24px);\n height: var(--mat-list-list-item-trailing-icon-size, 24px);\n}\n.mdc-list-item--with-trailing-icon:hover .mdc-list-item__end {\n color: var(--mat-list-list-item-hover-trailing-icon-color);\n}\n.mdc-list-item.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n color: var(--mat-list-list-item-trailing-supporting-text-color, var(--mat-sys-on-surface-variant));\n}\n.mdc-list-item--selected.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-selected-trailing-icon-color, var(--mat-sys-primary));\n}\n\n.mdc-list-item__content {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n align-self: center;\n flex: 1;\n pointer-events: none;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__content, .mdc-list-item--with-three-lines .mdc-list-item__content {\n align-self: stretch;\n}\n\n.mdc-list-item__primary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n color: var(--mat-list-list-item-label-text-color, var(--mat-sys-on-surface));\n font-family: var(--mat-list-list-item-label-text-font, var(--mat-sys-body-large-font));\n line-height: var(--mat-list-list-item-label-text-line-height, var(--mat-sys-body-large-line-height));\n font-size: var(--mat-list-list-item-label-text-size, var(--mat-sys-body-large-size));\n font-weight: var(--mat-list-list-item-label-text-weight, var(--mat-sys-body-large-weight));\n letter-spacing: var(--mat-list-list-item-label-text-tracking, var(--mat-sys-body-large-tracking));\n}\n.mdc-list-item:hover .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-hover-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item:focus .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-focus-label-text-color, var(--mat-sys-on-surface));\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text, .mdc-list-item--with-three-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after, .mdc-list-item--with-three-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n\n.mdc-list-item__secondary-text {\n text-overflow: ellipsis;\n white-space: nowrap;\n overflow: hidden;\n display: block;\n margin-top: 0;\n color: var(--mat-list-list-item-supporting-text-color, var(--mat-sys-on-surface-variant));\n font-family: var(--mat-list-list-item-supporting-text-font, var(--mat-sys-body-medium-font));\n line-height: var(--mat-list-list-item-supporting-text-line-height, var(--mat-sys-body-medium-line-height));\n font-size: var(--mat-list-list-item-supporting-text-size, var(--mat-sys-body-medium-size));\n font-weight: var(--mat-list-list-item-supporting-text-weight, var(--mat-sys-body-medium-weight));\n letter-spacing: var(--mat-list-list-item-supporting-text-tracking, var(--mat-sys-body-medium-tracking));\n}\n.mdc-list-item__secondary-text::before {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-three-lines .mdc-list-item__secondary-text {\n white-space: normal;\n line-height: 20px;\n}\n.mdc-list-item--with-overline .mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: auto;\n}\n\n.mdc-list-item--with-leading-radio.mdc-list-item,\n.mdc-list-item--with-leading-checkbox.mdc-list-item,\n.mdc-list-item--with-leading-icon.mdc-list-item,\n.mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-checkbox.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-icon.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-leading-avatar.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text {\n display: block;\n margin-top: 0;\n line-height: normal;\n margin-bottom: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines .mdc-list-item__primary-text::after {\n display: inline-block;\n width: 0;\n height: 20px;\n content: \"\";\n vertical-align: -20px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n display: block;\n margin-top: 0;\n line-height: normal;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before,\n.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines.mdc-list-item--with-trailing-meta .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 32px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-trailing-icon.mdc-list-item, [dir=rtl] .mdc-list-item--with-trailing-icon.mdc-list-item {\n padding-left: 0;\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 16px;\n}\n\n.mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-meta .mdc-list-item__end {\n -webkit-user-select: none;\n user-select: none;\n margin-left: 28px;\n margin-right: 16px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-meta .mdc-list-item__end {\n margin-left: 16px;\n margin-right: 28px;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end {\n display: block;\n line-height: normal;\n align-self: flex-start;\n margin-top: 0;\n}\n.mdc-list-item--with-trailing-meta.mdc-list-item--with-three-lines .mdc-list-item__end::before, .mdc-list-item--with-trailing-meta.mdc-list-item--with-two-lines .mdc-list-item__end::before {\n display: inline-block;\n width: 0;\n height: 28px;\n content: \"\";\n vertical-align: 0;\n}\n\n.mdc-list-item--with-leading-radio .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 8px;\n margin-right: 24px;\n}\n[dir=rtl] .mdc-list-item--with-leading-radio .mdc-list-item__start,\n[dir=rtl] .mdc-list-item--with-leading-checkbox .mdc-list-item__start {\n margin-left: 24px;\n margin-right: 8px;\n}\n.mdc-list-item--with-leading-radio.mdc-list-item--with-two-lines .mdc-list-item__start,\n.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines .mdc-list-item__start {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-item--with-trailing-radio.mdc-list-item,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 16px;\n padding-right: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item {\n padding-left: 0;\n padding-right: 16px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-left: 0;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-icon, [dir=rtl] .mdc-list-item--with-trailing-radio.mdc-list-item--with-leading-avatar,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-icon,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox.mdc-list-item--with-leading-avatar {\n padding-right: 0;\n}\n.mdc-list-item--with-trailing-radio .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 24px;\n margin-right: 8px;\n}\n[dir=rtl] .mdc-list-item--with-trailing-radio .mdc-list-item__end,\n[dir=rtl] .mdc-list-item--with-trailing-checkbox .mdc-list-item__end {\n margin-left: 8px;\n margin-right: 24px;\n}\n.mdc-list-item--with-trailing-radio.mdc-list-item--with-three-lines .mdc-list-item__end,\n.mdc-list-item--with-trailing-checkbox.mdc-list-item--with-three-lines .mdc-list-item__end {\n align-self: flex-start;\n margin-top: 8px;\n}\n\n.mdc-list-group__subheader {\n margin: 0.75rem 16px;\n}\n\n.mdc-list-item--disabled .mdc-list-item__start,\n.mdc-list-item--disabled .mdc-list-item__content,\n.mdc-list-item--disabled .mdc-list-item__end {\n opacity: 1;\n}\n.mdc-list-item--disabled .mdc-list-item__primary-text,\n.mdc-list-item--disabled .mdc-list-item__secondary-text {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {\n color: var(--mat-list-list-item-disabled-leading-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-leading-icon-opacity, 0.38);\n}\n.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {\n color: var(--mat-list-list-item-disabled-trailing-icon-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-trailing-icon-opacity, 0.38);\n}\n\n.mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing, [dir=rtl] .mat-mdc-list-item.mat-mdc-list-item-both-leading-and-trailing {\n padding-left: 0;\n padding-right: 0;\n}\n\n.mdc-list-item.mdc-list-item--disabled .mdc-list-item__primary-text {\n color: var(--mat-list-list-item-disabled-label-text-color, var(--mat-sys-on-surface));\n}\n\n.mdc-list-item:hover::before {\n background-color: var(--mat-list-list-item-hover-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-hover-state-layer-opacity, var(--mat-sys-hover-state-layer-opacity));\n}\n\n.mdc-list-item.mdc-list-item--disabled::before {\n background-color: var(--mat-list-list-item-disabled-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-disabled-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item:focus::before {\n background-color: var(--mat-list-list-item-focus-state-layer-color, var(--mat-sys-on-surface));\n opacity: var(--mat-list-list-item-focus-state-layer-opacity, var(--mat-sys-focus-state-layer-opacity));\n}\n\n.mdc-list-item--disabled .mdc-radio,\n.mdc-list-item--disabled .mdc-checkbox {\n opacity: var(--mat-list-list-item-disabled-label-text-opacity, 0.3);\n}\n\n.mdc-list-item--with-leading-avatar .mat-mdc-list-item-avatar {\n border-radius: var(--mat-list-list-item-leading-avatar-shape, var(--mat-sys-corner-full));\n background-color: var(--mat-list-list-item-leading-avatar-color, var(--mat-sys-primary-container));\n}\n\n.mat-mdc-list-item-icon {\n font-size: var(--mat-list-list-item-leading-icon-size, 24px);\n}\n\n@media (forced-colors: active) {\n a.mdc-list-item--activated::after {\n content: \"\";\n position: absolute;\n top: 50%;\n right: 16px;\n transform: translateY(-50%);\n width: 10px;\n height: 0;\n border-bottom: solid 10px;\n border-radius: 10px;\n }\n a.mdc-list-item--activated [dir=rtl]::after {\n right: auto;\n left: 16px;\n }\n}\n\n.mat-mdc-list-base {\n display: block;\n}\n.mat-mdc-list-base .mdc-list-item__start,\n.mat-mdc-list-base .mdc-list-item__end,\n.mat-mdc-list-base .mdc-list-item__content {\n pointer-events: auto;\n}\n\n.mat-mdc-list-item,\n.mat-mdc-list-option {\n width: 100%;\n box-sizing: border-box;\n -webkit-tap-highlight-color: transparent;\n}\n.mat-mdc-list-item:not(.mat-mdc-list-item-interactive),\n.mat-mdc-list-option:not(.mat-mdc-list-item-interactive) {\n cursor: default;\n}\n.mat-mdc-list-item .mat-divider-inset,\n.mat-mdc-list-option .mat-divider-inset {\n position: absolute;\n left: 0;\n right: 0;\n bottom: 0;\n}\n.mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n.mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-left: 72px;\n}\n[dir=rtl] .mat-mdc-list-item .mat-mdc-list-item-avatar ~ .mat-divider-inset,\n[dir=rtl] .mat-mdc-list-option .mat-mdc-list-item-avatar ~ .mat-divider-inset {\n margin-right: 72px;\n}\n\n.mat-mdc-list-item-interactive::before {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n content: \"\";\n opacity: 0;\n pointer-events: none;\n border-radius: inherit;\n}\n\n.mat-mdc-list-item > .mat-focus-indicator {\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n position: absolute;\n pointer-events: none;\n}\n.mat-mdc-list-item:focus-visible > .mat-focus-indicator::before {\n content: \"\";\n}\n\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-line.mdc-list-item__secondary-text {\n white-space: nowrap;\n line-height: normal;\n}\n.mat-mdc-list-item.mdc-list-item--with-three-lines .mat-mdc-list-item-unscoped-content.mdc-list-item__secondary-text {\n display: -webkit-box;\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\nmat-action-list button {\n background: none;\n color: inherit;\n border: none;\n font: inherit;\n outline: inherit;\n -webkit-tap-highlight-color: transparent;\n text-align: start;\n}\nmat-action-list button::-moz-focus-inner {\n border: 0;\n}\n\n.mdc-list-item--with-leading-icon .mdc-list-item__start {\n margin-inline-start: var(--mat-list-list-item-leading-icon-start-space, 16px);\n margin-inline-end: var(--mat-list-list-item-leading-icon-end-space, 16px);\n}\n\n.mat-mdc-nav-list .mat-mdc-list-item {\n border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n --mat-focus-indicator-border-radius: var(--mat-list-active-indicator-shape, var(--mat-sys-corner-full));\n}\n.mat-mdc-nav-list .mat-mdc-list-item.mdc-list-item--activated {\n background-color: var(--mat-list-active-indicator-color, var(--mat-sys-secondary-container));\n}\n"]
1517
1505
  }]
1518
1506
  }],
@@ -1548,7 +1536,7 @@ i0.ɵɵngDeclareClassMetadata({
1548
1536
  class MatListModule {
1549
1537
  static ɵfac = i0.ɵɵngDeclareFactory({
1550
1538
  minVersion: "12.0.0",
1551
- version: "22.0.0-next.10",
1539
+ version: "22.0.0-next.12",
1552
1540
  ngImport: i0,
1553
1541
  type: MatListModule,
1554
1542
  deps: [],
@@ -1556,7 +1544,7 @@ class MatListModule {
1556
1544
  });
1557
1545
  static ɵmod = i0.ɵɵngDeclareNgModule({
1558
1546
  minVersion: "14.0.0",
1559
- version: "22.0.0-next.10",
1547
+ version: "22.0.0-next.12",
1560
1548
  ngImport: i0,
1561
1549
  type: MatListModule,
1562
1550
  imports: [ObserversModule, MatRippleModule, MatPseudoCheckboxModule, MatList, MatActionList, MatNavList, MatSelectionList, MatListItem, MatListOption, MatListSubheaderCssMatStyler, MatListItemAvatar, MatListItemIcon, MatListItemLine, MatListItemTitle, MatListItemMeta],
@@ -1564,7 +1552,7 @@ class MatListModule {
1564
1552
  });
1565
1553
  static ɵinj = i0.ɵɵngDeclareInjector({
1566
1554
  minVersion: "12.0.0",
1567
- version: "22.0.0-next.10",
1555
+ version: "22.0.0-next.12",
1568
1556
  ngImport: i0,
1569
1557
  type: MatListModule,
1570
1558
  imports: [ObserversModule, MatRippleModule, MatPseudoCheckboxModule, BidiModule, MatDividerModule]
@@ -1572,7 +1560,7 @@ class MatListModule {
1572
1560
  }
1573
1561
  i0.ɵɵngDeclareClassMetadata({
1574
1562
  minVersion: "12.0.0",
1575
- version: "22.0.0-next.10",
1563
+ version: "22.0.0-next.12",
1576
1564
  ngImport: i0,
1577
1565
  type: MatListModule,
1578
1566
  decorators: [{