@angular/material 17.0.2 → 17.1.0-next.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (329) hide show
  1. package/autocomplete/index.d.ts +14 -10
  2. package/badge/index.d.ts +5 -5
  3. package/bottom-sheet/index.d.ts +6 -6
  4. package/button/_fab-theme.scss +65 -32
  5. package/button/_icon-button-theme.scss +91 -54
  6. package/button/index.d.ts +13 -13
  7. package/button-toggle/index.d.ts +5 -5
  8. package/card/index.d.ts +18 -18
  9. package/card/testing/index.d.ts +1 -1
  10. package/checkbox/index.d.ts +7 -7
  11. package/chips/index.d.ts +103 -126
  12. package/core/index.d.ts +51 -32
  13. package/core/tokens/m2/_index.scss +10 -0
  14. package/datepicker/index.d.ts +109 -109
  15. package/datepicker/testing/index.d.ts +1 -1
  16. package/dialog/index.d.ts +1 -1
  17. package/dialog/testing/index.d.ts +1 -1
  18. package/divider/index.d.ts +4 -4
  19. package/esm2022/autocomplete/autocomplete-origin.mjs +3 -2
  20. package/esm2022/autocomplete/autocomplete-trigger.mjs +11 -4
  21. package/esm2022/autocomplete/autocomplete.mjs +4 -4
  22. package/esm2022/autocomplete/module.mjs +21 -5
  23. package/esm2022/autocomplete/public-api.mjs +3 -1
  24. package/esm2022/badge/badge-module.mjs +3 -4
  25. package/esm2022/badge/badge.mjs +3 -2
  26. package/esm2022/bottom-sheet/bottom-sheet-container.mjs +4 -4
  27. package/esm2022/bottom-sheet/bottom-sheet-module.mjs +6 -5
  28. package/esm2022/bottom-sheet/bottom-sheet.mjs +3 -4
  29. package/esm2022/button/button.mjs +5 -5
  30. package/esm2022/button/fab.mjs +9 -9
  31. package/esm2022/button/icon-button.mjs +5 -5
  32. package/esm2022/button/module.mjs +14 -10
  33. package/esm2022/button-toggle/button-toggle-module.mjs +3 -4
  34. package/esm2022/button-toggle/button-toggle.mjs +6 -5
  35. package/esm2022/card/card.mjs +29 -18
  36. package/esm2022/card/module.mjs +4 -5
  37. package/esm2022/card/testing/card-harness.mjs +9 -1
  38. package/esm2022/checkbox/checkbox-required-validator.mjs +4 -2
  39. package/esm2022/checkbox/checkbox.mjs +31 -17
  40. package/esm2022/checkbox/module.mjs +5 -6
  41. package/esm2022/chips/chip-action.mjs +15 -13
  42. package/esm2022/chips/chip-edit-input.mjs +3 -2
  43. package/esm2022/chips/chip-grid.mjs +41 -40
  44. package/esm2022/chips/chip-icons.mjs +7 -4
  45. package/esm2022/chips/chip-input.mjs +15 -17
  46. package/esm2022/chips/chip-listbox.mjs +20 -23
  47. package/esm2022/chips/chip-option.mjs +13 -12
  48. package/esm2022/chips/chip-row.mjs +6 -7
  49. package/esm2022/chips/chip-set.mjs +20 -19
  50. package/esm2022/chips/chip.mjs +50 -44
  51. package/esm2022/chips/module.mjs +4 -5
  52. package/esm2022/chips/tokens.mjs +8 -2
  53. package/esm2022/core/common-behaviors/error-state.mjs +50 -11
  54. package/esm2022/core/common-behaviors/index.mjs +2 -2
  55. package/esm2022/core/line/line.mjs +5 -5
  56. package/esm2022/core/option/index.mjs +3 -4
  57. package/esm2022/core/option/optgroup.mjs +3 -3
  58. package/esm2022/core/option/option.mjs +7 -7
  59. package/esm2022/core/ripple/index.mjs +3 -4
  60. package/esm2022/core/ripple/ripple-ref.mjs +10 -2
  61. package/esm2022/core/ripple/ripple-renderer.mjs +11 -11
  62. package/esm2022/core/ripple/ripple.mjs +3 -2
  63. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox-module.mjs +3 -4
  64. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
  65. package/esm2022/core/version.mjs +1 -1
  66. package/esm2022/datepicker/calendar-body.mjs +4 -4
  67. package/esm2022/datepicker/calendar.mjs +8 -12
  68. package/esm2022/datepicker/date-range-input-parts.mjs +35 -14
  69. package/esm2022/datepicker/date-range-input.mjs +13 -13
  70. package/esm2022/datepicker/date-range-picker.mjs +3 -2
  71. package/esm2022/datepicker/datepicker-actions.mjs +7 -5
  72. package/esm2022/datepicker/datepicker-base.mjs +57 -62
  73. package/esm2022/datepicker/datepicker-input-base.mjs +8 -7
  74. package/esm2022/datepicker/datepicker-input.mjs +3 -2
  75. package/esm2022/datepicker/datepicker-module.mjs +15 -13
  76. package/esm2022/datepicker/datepicker-toggle.mjs +10 -10
  77. package/esm2022/datepicker/datepicker.mjs +3 -2
  78. package/esm2022/datepicker/month-view.mjs +3 -4
  79. package/esm2022/datepicker/multi-year-view.mjs +3 -4
  80. package/esm2022/datepicker/testing/calendar-harness.mjs +11 -4
  81. package/esm2022/datepicker/year-view.mjs +3 -4
  82. package/esm2022/dialog/dialog-container.mjs +5 -6
  83. package/esm2022/dialog/dialog-ref.mjs +10 -4
  84. package/esm2022/dialog/module.mjs +2 -2
  85. package/esm2022/dialog/testing/dialog-harness.mjs +11 -4
  86. package/esm2022/dialog/testing/dialog-opener.mjs +3 -3
  87. package/esm2022/dialog/testing/public-api.mjs +2 -2
  88. package/esm2022/divider/divider-module.mjs +3 -4
  89. package/esm2022/divider/divider.mjs +3 -3
  90. package/esm2022/expansion/accordion.mjs +8 -13
  91. package/esm2022/expansion/expansion-module.mjs +14 -7
  92. package/esm2022/expansion/expansion-panel-content.mjs +3 -2
  93. package/esm2022/expansion/expansion-panel-header.mjs +18 -16
  94. package/esm2022/expansion/expansion-panel.mjs +11 -11
  95. package/esm2022/expansion/testing/expansion-harness.mjs +14 -6
  96. package/esm2022/form-field/directives/error.mjs +3 -2
  97. package/esm2022/form-field/directives/floating-label.mjs +3 -2
  98. package/esm2022/form-field/directives/hint.mjs +3 -2
  99. package/esm2022/form-field/directives/label.mjs +3 -2
  100. package/esm2022/form-field/directives/line-ripple.mjs +3 -2
  101. package/esm2022/form-field/directives/notched-outline.mjs +3 -3
  102. package/esm2022/form-field/directives/prefix.mjs +3 -2
  103. package/esm2022/form-field/directives/suffix.mjs +3 -2
  104. package/esm2022/form-field/form-field.mjs +12 -11
  105. package/esm2022/form-field/module.mjs +14 -16
  106. package/esm2022/grid-list/grid-list-module.mjs +13 -9
  107. package/esm2022/grid-list/grid-list.mjs +3 -3
  108. package/esm2022/grid-list/grid-tile.mjs +11 -8
  109. package/esm2022/grid-list/testing/grid-tile-harness.mjs +9 -3
  110. package/esm2022/grid-list/tile-coordinator.mjs +1 -1
  111. package/esm2022/icon/icon-module.mjs +3 -4
  112. package/esm2022/icon/icon.mjs +25 -29
  113. package/esm2022/icon/testing/icon-harness-filters.mjs +7 -2
  114. package/esm2022/icon/testing/icon-harness.mjs +4 -3
  115. package/esm2022/input/input.mjs +26 -28
  116. package/esm2022/input/module.mjs +3 -4
  117. package/esm2022/input/public-api.mjs +3 -1
  118. package/esm2022/list/action-list.mjs +3 -3
  119. package/esm2022/list/list-base.mjs +5 -3
  120. package/esm2022/list/list-item-sections.mjs +13 -7
  121. package/esm2022/list/list-module.mjs +12 -13
  122. package/esm2022/list/list-option.mjs +6 -6
  123. package/esm2022/list/list.mjs +6 -6
  124. package/esm2022/list/nav-list.mjs +3 -3
  125. package/esm2022/list/selection-list.mjs +3 -3
  126. package/esm2022/list/subheader.mjs +3 -2
  127. package/esm2022/list/testing/list-item-harness-base.mjs +18 -6
  128. package/esm2022/list/testing/public-api.mjs +2 -2
  129. package/esm2022/menu/menu-content.mjs +3 -2
  130. package/esm2022/menu/menu-item.mjs +4 -4
  131. package/esm2022/menu/menu-trigger.mjs +10 -3
  132. package/esm2022/menu/menu.mjs +4 -4
  133. package/esm2022/menu/module.mjs +23 -5
  134. package/esm2022/paginator/module.mjs +4 -5
  135. package/esm2022/paginator/paginator.mjs +37 -41
  136. package/esm2022/progress-bar/module.mjs +3 -3
  137. package/esm2022/progress-bar/progress-bar.mjs +25 -20
  138. package/esm2022/progress-spinner/module.mjs +3 -4
  139. package/esm2022/progress-spinner/progress-spinner.mjs +35 -34
  140. package/esm2022/radio/module.mjs +3 -4
  141. package/esm2022/radio/radio.mjs +42 -35
  142. package/esm2022/select/module.mjs +19 -5
  143. package/esm2022/select/public-api.mjs +5 -1
  144. package/esm2022/select/select.mjs +83 -66
  145. package/esm2022/sidenav/drawer.mjs +7 -6
  146. package/esm2022/sidenav/sidenav-module.mjs +12 -8
  147. package/esm2022/sidenav/sidenav.mjs +7 -6
  148. package/esm2022/slide-toggle/module.mjs +15 -7
  149. package/esm2022/slide-toggle/slide-toggle-required-validator.mjs +3 -2
  150. package/esm2022/slide-toggle/slide-toggle.mjs +4 -4
  151. package/esm2022/slider/module.mjs +17 -5
  152. package/esm2022/slider/slider-input.mjs +26 -23
  153. package/esm2022/slider/slider-interface.mjs +16 -1
  154. package/esm2022/slider/slider-thumb.mjs +8 -9
  155. package/esm2022/slider/slider.mjs +74 -73
  156. package/esm2022/slider/testing/slider-harness-filters.mjs +7 -2
  157. package/esm2022/slider/testing/slider-harness.mjs +4 -3
  158. package/esm2022/slider/testing/slider-thumb-harness.mjs +3 -2
  159. package/esm2022/snack-bar/module.mjs +2 -2
  160. package/esm2022/snack-bar/simple-snack-bar.mjs +4 -6
  161. package/esm2022/snack-bar/snack-bar-container.mjs +5 -6
  162. package/esm2022/snack-bar/snack-bar-ref.mjs +1 -1
  163. package/esm2022/sort/sort-header.mjs +17 -25
  164. package/esm2022/sort/sort-module.mjs +3 -4
  165. package/esm2022/sort/sort.mjs +13 -19
  166. package/esm2022/stepper/step-content.mjs +3 -2
  167. package/esm2022/stepper/step-header.mjs +11 -16
  168. package/esm2022/stepper/step-label.mjs +3 -2
  169. package/esm2022/stepper/stepper-button.mjs +5 -3
  170. package/esm2022/stepper/stepper-icon.mjs +3 -2
  171. package/esm2022/stepper/stepper-module.mjs +14 -13
  172. package/esm2022/stepper/stepper.mjs +11 -13
  173. package/esm2022/stepper/testing/step-harness-filters.mjs +7 -2
  174. package/esm2022/stepper/testing/stepper-harness.mjs +4 -3
  175. package/esm2022/table/cell.mjs +15 -8
  176. package/esm2022/table/module.mjs +4 -5
  177. package/esm2022/table/row.mjs +19 -10
  178. package/esm2022/table/table.mjs +7 -7
  179. package/esm2022/table/text-column.mjs +6 -4
  180. package/esm2022/tabs/module.mjs +8 -41
  181. package/esm2022/tabs/paginated-tab-header.mjs +12 -18
  182. package/esm2022/tabs/tab-body.mjs +6 -4
  183. package/esm2022/tabs/tab-content.mjs +3 -2
  184. package/esm2022/tabs/tab-group.mjs +69 -78
  185. package/esm2022/tabs/tab-header.mjs +10 -16
  186. package/esm2022/tabs/tab-label-wrapper.mjs +13 -8
  187. package/esm2022/tabs/tab-label.mjs +3 -2
  188. package/esm2022/tabs/tab-nav-bar/tab-nav-bar.mjs +51 -45
  189. package/esm2022/tabs/tab.mjs +12 -12
  190. package/esm2022/toolbar/testing/toolbar-harness.mjs +7 -2
  191. package/esm2022/toolbar/toolbar-module.mjs +3 -4
  192. package/esm2022/toolbar/toolbar.mjs +14 -18
  193. package/esm2022/tooltip/module.mjs +3 -4
  194. package/esm2022/tooltip/tooltip.mjs +14 -8
  195. package/esm2022/tree/node.mjs +24 -21
  196. package/esm2022/tree/outlet.mjs +3 -2
  197. package/esm2022/tree/padding.mjs +12 -4
  198. package/esm2022/tree/toggle.mjs +3 -2
  199. package/esm2022/tree/tree-module.mjs +4 -5
  200. package/esm2022/tree/tree.mjs +3 -4
  201. package/expansion/_expansion-theme.scss +56 -22
  202. package/expansion/index.d.ts +25 -33
  203. package/expansion/testing/index.d.ts +1 -1
  204. package/fesm2022/autocomplete.mjs +39 -15
  205. package/fesm2022/autocomplete.mjs.map +1 -1
  206. package/fesm2022/badge.mjs +4 -4
  207. package/fesm2022/badge.mjs.map +1 -1
  208. package/fesm2022/bottom-sheet.mjs +21 -22
  209. package/fesm2022/bottom-sheet.mjs.map +1 -1
  210. package/fesm2022/button-toggle.mjs +7 -8
  211. package/fesm2022/button-toggle.mjs.map +1 -1
  212. package/fesm2022/button.mjs +29 -25
  213. package/fesm2022/button.mjs.map +1 -1
  214. package/fesm2022/card/testing.mjs +9 -1
  215. package/fesm2022/card/testing.mjs.map +1 -1
  216. package/fesm2022/card.mjs +31 -21
  217. package/fesm2022/card.mjs.map +1 -1
  218. package/fesm2022/checkbox.mjs +38 -23
  219. package/fesm2022/checkbox.mjs.map +1 -1
  220. package/fesm2022/chips.mjs +179 -156
  221. package/fesm2022/chips.mjs.map +1 -1
  222. package/fesm2022/core.mjs +87 -42
  223. package/fesm2022/core.mjs.map +1 -1
  224. package/fesm2022/datepicker/testing.mjs +11 -4
  225. package/fesm2022/datepicker/testing.mjs.map +1 -1
  226. package/fesm2022/datepicker.mjs +183 -156
  227. package/fesm2022/datepicker.mjs.map +1 -1
  228. package/fesm2022/dialog/testing.mjs +13 -6
  229. package/fesm2022/dialog/testing.mjs.map +1 -1
  230. package/fesm2022/dialog.mjs +15 -10
  231. package/fesm2022/dialog.mjs.map +1 -1
  232. package/fesm2022/divider.mjs +4 -5
  233. package/fesm2022/divider.mjs.map +1 -1
  234. package/fesm2022/expansion/testing.mjs +14 -6
  235. package/fesm2022/expansion/testing.mjs.map +1 -1
  236. package/fesm2022/expansion.mjs +51 -44
  237. package/fesm2022/expansion.mjs.map +1 -1
  238. package/fesm2022/form-field.mjs +38 -25
  239. package/fesm2022/form-field.mjs.map +1 -1
  240. package/fesm2022/grid-list/testing.mjs +9 -3
  241. package/fesm2022/grid-list/testing.mjs.map +1 -1
  242. package/fesm2022/grid-list.mjs +24 -17
  243. package/fesm2022/grid-list.mjs.map +1 -1
  244. package/fesm2022/icon/testing.mjs +10 -3
  245. package/fesm2022/icon/testing.mjs.map +1 -1
  246. package/fesm2022/icon.mjs +27 -31
  247. package/fesm2022/icon.mjs.map +1 -1
  248. package/fesm2022/input.mjs +28 -30
  249. package/fesm2022/input.mjs.map +1 -1
  250. package/fesm2022/list/testing.mjs +18 -6
  251. package/fesm2022/list/testing.mjs.map +1 -1
  252. package/fesm2022/list.mjs +44 -38
  253. package/fesm2022/list.mjs.map +1 -1
  254. package/fesm2022/menu.mjs +42 -18
  255. package/fesm2022/menu.mjs.map +1 -1
  256. package/fesm2022/paginator.mjs +39 -47
  257. package/fesm2022/paginator.mjs.map +1 -1
  258. package/fesm2022/progress-bar.mjs +27 -21
  259. package/fesm2022/progress-bar.mjs.map +1 -1
  260. package/fesm2022/progress-spinner.mjs +37 -37
  261. package/fesm2022/progress-spinner.mjs.map +1 -1
  262. package/fesm2022/radio.mjs +43 -37
  263. package/fesm2022/radio.mjs.map +1 -1
  264. package/fesm2022/select.mjs +102 -70
  265. package/fesm2022/select.mjs.map +1 -1
  266. package/fesm2022/sidenav.mjs +23 -17
  267. package/fesm2022/sidenav.mjs.map +1 -1
  268. package/fesm2022/slide-toggle.mjs +19 -11
  269. package/fesm2022/slide-toggle.mjs.map +1 -1
  270. package/fesm2022/slider/testing.mjs +11 -4
  271. package/fesm2022/slider/testing.mjs.map +1 -1
  272. package/fesm2022/slider.mjs +133 -102
  273. package/fesm2022/slider.mjs.map +1 -1
  274. package/fesm2022/snack-bar.mjs +13 -15
  275. package/fesm2022/snack-bar.mjs.map +1 -1
  276. package/fesm2022/sort.mjs +29 -42
  277. package/fesm2022/sort.mjs.map +1 -1
  278. package/fesm2022/stepper/testing.mjs +10 -3
  279. package/fesm2022/stepper/testing.mjs.map +1 -1
  280. package/fesm2022/stepper.mjs +42 -43
  281. package/fesm2022/stepper.mjs.map +1 -1
  282. package/fesm2022/table.mjs +44 -26
  283. package/fesm2022/table.mjs.map +1 -1
  284. package/fesm2022/tabs.mjs +594 -621
  285. package/fesm2022/tabs.mjs.map +1 -1
  286. package/fesm2022/toolbar/testing.mjs +7 -2
  287. package/fesm2022/toolbar/testing.mjs.map +1 -1
  288. package/fesm2022/toolbar.mjs +16 -20
  289. package/fesm2022/toolbar.mjs.map +1 -1
  290. package/fesm2022/tooltip.mjs +15 -10
  291. package/fesm2022/tooltip.mjs.map +1 -1
  292. package/fesm2022/tree.mjs +36 -30
  293. package/fesm2022/tree.mjs.map +1 -1
  294. package/form-field/index.d.ts +33 -45
  295. package/grid-list/index.d.ts +10 -10
  296. package/grid-list/testing/index.d.ts +1 -1
  297. package/icon/index.d.ts +14 -20
  298. package/icon/testing/index.d.ts +1 -1
  299. package/input/index.d.ts +33 -32
  300. package/list/index.d.ts +36 -36
  301. package/list/testing/index.d.ts +2 -2
  302. package/menu/index.d.ts +12 -12
  303. package/package.json +7 -7
  304. package/paginator/index.d.ts +21 -22
  305. package/prebuilt-themes/deeppurple-amber.css +1 -1
  306. package/prebuilt-themes/indigo-pink.css +1 -1
  307. package/prebuilt-themes/pink-bluegrey.css +1 -1
  308. package/prebuilt-themes/purple-green.css +1 -1
  309. package/progress-bar/index.d.ts +14 -17
  310. package/progress-spinner/index.d.ts +18 -19
  311. package/radio/index.d.ts +25 -27
  312. package/schematics/ng-add/index.js +2 -2
  313. package/schematics/ng-add/index.mjs +2 -2
  314. package/schematics/ng-generate/mdc-migration/index_bundled.js +11 -4
  315. package/schematics/ng-generate/mdc-migration/index_bundled.js.map +3 -3
  316. package/select/index.d.ts +66 -49
  317. package/sidenav/index.d.ts +11 -11
  318. package/slide-toggle/index.d.ts +6 -6
  319. package/slider/index.d.ts +38 -38
  320. package/slider/testing/index.d.ts +1 -1
  321. package/sort/index.d.ts +19 -24
  322. package/stepper/index.d.ts +33 -43
  323. package/stepper/testing/index.d.ts +1 -1
  324. package/table/index.d.ts +24 -24
  325. package/tabs/index.d.ts +75 -103
  326. package/toolbar/index.d.ts +10 -17
  327. package/toolbar/testing/index.d.ts +1 -1
  328. package/tooltip/index.d.ts +8 -8
  329. package/tree/index.d.ts +26 -28
package/fesm2022/core.mjs CHANGED
@@ -14,7 +14,7 @@ import { ANIMATION_MODULE_TYPE } from '@angular/platform-browser/animations';
14
14
  import { ENTER, SPACE, hasModifierKey } from '@angular/cdk/keycodes';
15
15
 
16
16
  /** Current version of Angular Material. */
17
- const VERSION = new Version('17.0.2');
17
+ const VERSION = new Version('17.1.0-next.1');
18
18
 
19
19
  /** @docs-private */
20
20
  class AnimationCurves {
@@ -215,24 +215,63 @@ function mixinTabIndex(base, defaultTabIndex = 0) {
215
215
  };
216
216
  }
217
217
 
218
+ /**
219
+ * Class that tracks the error state of a component.
220
+ * @docs-private
221
+ */
222
+ class _ErrorStateTracker {
223
+ constructor(_defaultMatcher, ngControl, _parentFormGroup, _parentForm, _stateChanges) {
224
+ this._defaultMatcher = _defaultMatcher;
225
+ this.ngControl = ngControl;
226
+ this._parentFormGroup = _parentFormGroup;
227
+ this._parentForm = _parentForm;
228
+ this._stateChanges = _stateChanges;
229
+ /** Whether the tracker is currently in an error state. */
230
+ this.errorState = false;
231
+ }
232
+ /** Updates the error state based on the provided error state matcher. */
233
+ updateErrorState() {
234
+ const oldState = this.errorState;
235
+ const parent = this._parentFormGroup || this._parentForm;
236
+ const matcher = this.matcher || this._defaultMatcher;
237
+ const control = this.ngControl ? this.ngControl.control : null;
238
+ // Note: the null check here shouldn't be necessary, but there's an internal
239
+ // test that appears to pass an object whose `isErrorState` isn't a function.
240
+ const newState = typeof matcher?.isErrorState === 'function' ? matcher.isErrorState(control, parent) : false;
241
+ if (newState !== oldState) {
242
+ this.errorState = newState;
243
+ this._stateChanges.next();
244
+ }
245
+ }
246
+ }
218
247
  function mixinErrorState(base) {
219
248
  return class extends base {
249
+ /** Whether the component is in an error state. */
250
+ get errorState() {
251
+ return this._getTracker().errorState;
252
+ }
253
+ set errorState(value) {
254
+ this._getTracker().errorState = value;
255
+ }
256
+ /** An object used to control the error state of the component. */
257
+ get errorStateMatcher() {
258
+ return this._getTracker().matcher;
259
+ }
260
+ set errorStateMatcher(value) {
261
+ this._getTracker().matcher = value;
262
+ }
220
263
  /** Updates the error state based on the provided error state matcher. */
221
264
  updateErrorState() {
222
- const oldState = this.errorState;
223
- const parent = this._parentFormGroup || this._parentForm;
224
- const matcher = this.errorStateMatcher || this._defaultErrorStateMatcher;
225
- const control = this.ngControl ? this.ngControl.control : null;
226
- const newState = matcher.isErrorState(control, parent);
227
- if (newState !== oldState) {
228
- this.errorState = newState;
229
- this.stateChanges.next();
265
+ this._getTracker().updateErrorState();
266
+ }
267
+ _getTracker() {
268
+ if (!this._tracker) {
269
+ this._tracker = new _ErrorStateTracker(this._defaultErrorStateMatcher, this.ngControl, this._parentFormGroup, this._parentForm, this.stateChanges);
230
270
  }
271
+ return this._tracker;
231
272
  }
232
273
  constructor(...args) {
233
274
  super(...args);
234
- /** Whether the component is in an error state. */
235
- this.errorState = false;
236
275
  }
237
276
  };
238
277
  }
@@ -667,13 +706,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
667
706
  */
668
707
  class MatLine {
669
708
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatLine, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
670
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: MatLine, selector: "[mat-line], [matLine]", host: { classAttribute: "mat-line" }, ngImport: i0 }); }
709
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: MatLine, isStandalone: true, selector: "[mat-line], [matLine]", host: { classAttribute: "mat-line" }, ngImport: i0 }); }
671
710
  }
672
711
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatLine, decorators: [{
673
712
  type: Directive,
674
713
  args: [{
675
714
  selector: '[mat-line], [matLine]',
676
715
  host: { 'class': 'mat-line' },
716
+ standalone: true,
677
717
  }]
678
718
  }] });
679
719
  /**
@@ -701,18 +741,25 @@ function setClass(element, className, isAdd) {
701
741
  }
702
742
  class MatLineModule {
703
743
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatLineModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
704
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: MatLineModule, declarations: [MatLine], imports: [MatCommonModule], exports: [MatLine, MatCommonModule] }); }
744
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: MatLineModule, imports: [MatCommonModule, MatLine], exports: [MatLine, MatCommonModule] }); }
705
745
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatLineModule, imports: [MatCommonModule, MatCommonModule] }); }
706
746
  }
707
747
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatLineModule, decorators: [{
708
748
  type: NgModule,
709
749
  args: [{
710
- imports: [MatCommonModule],
750
+ imports: [MatCommonModule, MatLine],
711
751
  exports: [MatLine, MatCommonModule],
712
- declarations: [MatLine],
713
752
  }]
714
753
  }] });
715
754
 
755
+ /** Possible states for a ripple element. */
756
+ var RippleState;
757
+ (function (RippleState) {
758
+ RippleState[RippleState["FADING_IN"] = 0] = "FADING_IN";
759
+ RippleState[RippleState["VISIBLE"] = 1] = "VISIBLE";
760
+ RippleState[RippleState["FADING_OUT"] = 2] = "FADING_OUT";
761
+ RippleState[RippleState["HIDDEN"] = 3] = "HIDDEN";
762
+ })(RippleState || (RippleState = {}));
716
763
  /**
717
764
  * Reference to a previously launched ripple element.
718
765
  */
@@ -729,7 +776,7 @@ class RippleRef {
729
776
  this.config = config;
730
777
  this._animationForciblyDisabledThroughCss = _animationForciblyDisabledThroughCss;
731
778
  /** Current state of the ripple. */
732
- this.state = 3 /* RippleState.HIDDEN */;
779
+ this.state = RippleState.HIDDEN;
733
780
  }
734
781
  /** Fades out the ripple element. */
735
782
  fadeOut() {
@@ -906,7 +953,7 @@ class RippleRenderer {
906
953
  // Note: We use a 3d transform here in order to avoid an issue in Safari where
907
954
  // the ripples aren't clipped when inside the shadow DOM (see #24028).
908
955
  ripple.style.transform = 'scale3d(1, 1, 1)';
909
- rippleRef.state = 0 /* RippleState.FADING_IN */;
956
+ rippleRef.state = RippleState.FADING_IN;
910
957
  if (!config.persistent) {
911
958
  this._mostRecentTransientRipple = rippleRef;
912
959
  }
@@ -937,7 +984,7 @@ class RippleRenderer {
937
984
  /** Fades out a ripple reference. */
938
985
  fadeOutRipple(rippleRef) {
939
986
  // For ripples already fading out or hidden, this should be a noop.
940
- if (rippleRef.state === 2 /* RippleState.FADING_OUT */ || rippleRef.state === 3 /* RippleState.HIDDEN */) {
987
+ if (rippleRef.state === RippleState.FADING_OUT || rippleRef.state === RippleState.HIDDEN) {
941
988
  return;
942
989
  }
943
990
  const rippleEl = rippleRef.element;
@@ -946,7 +993,7 @@ class RippleRenderer {
946
993
  // removes the ripple element from the DOM.
947
994
  rippleEl.style.transitionDuration = `${animationConfig.exitDuration}ms`;
948
995
  rippleEl.style.opacity = '0';
949
- rippleRef.state = 2 /* RippleState.FADING_OUT */;
996
+ rippleRef.state = RippleState.FADING_OUT;
950
997
  // In case there is no fade-out transition duration, we need to manually call the
951
998
  // transition end listener because `transitionend` doesn't fire if there is no transition.
952
999
  if (rippleRef._animationForciblyDisabledThroughCss || !animationConfig.exitDuration) {
@@ -1013,10 +1060,10 @@ class RippleRenderer {
1013
1060
  }
1014
1061
  /** Method that will be called if the fade-in or fade-in transition completed. */
1015
1062
  _finishRippleTransition(rippleRef) {
1016
- if (rippleRef.state === 0 /* RippleState.FADING_IN */) {
1063
+ if (rippleRef.state === RippleState.FADING_IN) {
1017
1064
  this._startFadeOutTransition(rippleRef);
1018
1065
  }
1019
- else if (rippleRef.state === 2 /* RippleState.FADING_OUT */) {
1066
+ else if (rippleRef.state === RippleState.FADING_OUT) {
1020
1067
  this._destroyRipple(rippleRef);
1021
1068
  }
1022
1069
  }
@@ -1027,7 +1074,7 @@ class RippleRenderer {
1027
1074
  _startFadeOutTransition(rippleRef) {
1028
1075
  const isMostRecentTransientRipple = rippleRef === this._mostRecentTransientRipple;
1029
1076
  const { persistent } = rippleRef.config;
1030
- rippleRef.state = 1 /* RippleState.VISIBLE */;
1077
+ rippleRef.state = RippleState.VISIBLE;
1031
1078
  // When the timer runs out while the user has kept their pointer down, we want to
1032
1079
  // keep only the persistent ripples and the latest transient ripple. We do this,
1033
1080
  // because we don't want stacked transient ripples to appear after their enter
@@ -1049,7 +1096,7 @@ class RippleRenderer {
1049
1096
  if (rippleRef === this._mostRecentTransientRipple) {
1050
1097
  this._mostRecentTransientRipple = null;
1051
1098
  }
1052
- rippleRef.state = 3 /* RippleState.HIDDEN */;
1099
+ rippleRef.state = RippleState.HIDDEN;
1053
1100
  if (eventListeners !== null) {
1054
1101
  rippleRef.element.removeEventListener('transitionend', eventListeners.onTransitionEnd);
1055
1102
  rippleRef.element.removeEventListener('transitioncancel', eventListeners.onTransitionCancel);
@@ -1098,8 +1145,8 @@ class RippleRenderer {
1098
1145
  this._getActiveRipples().forEach(ripple => {
1099
1146
  // By default, only ripples that are completely visible will fade out on pointer release.
1100
1147
  // If the `terminateOnPointerUp` option is set, ripples that still fade in will also fade out.
1101
- const isVisible = ripple.state === 1 /* RippleState.VISIBLE */ ||
1102
- (ripple.config.terminateOnPointerUp && ripple.state === 0 /* RippleState.FADING_IN */);
1148
+ const isVisible = ripple.state === RippleState.VISIBLE ||
1149
+ (ripple.config.terminateOnPointerUp && ripple.state === RippleState.FADING_IN);
1103
1150
  if (!ripple.config.persistent && isVisible) {
1104
1151
  ripple.fadeOut();
1105
1152
  }
@@ -1226,7 +1273,7 @@ class MatRipple {
1226
1273
  }
1227
1274
  }
1228
1275
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatRipple, deps: [{ token: i0.ElementRef }, { token: i0.NgZone }, { token: i1$1.Platform }, { token: MAT_RIPPLE_GLOBAL_OPTIONS, optional: true }, { token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Directive }); }
1229
- static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: { color: ["matRippleColor", "color"], unbounded: ["matRippleUnbounded", "unbounded"], centered: ["matRippleCentered", "centered"], radius: ["matRippleRadius", "radius"], animation: ["matRippleAnimation", "animation"], disabled: ["matRippleDisabled", "disabled"], trigger: ["matRippleTrigger", "trigger"] }, host: { properties: { "class.mat-ripple-unbounded": "unbounded" }, classAttribute: "mat-ripple" }, exportAs: ["matRipple"], ngImport: i0 }); }
1276
+ static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "17.0.4", type: MatRipple, isStandalone: true, selector: "[mat-ripple], [matRipple]", inputs: { color: ["matRippleColor", "color"], unbounded: ["matRippleUnbounded", "unbounded"], centered: ["matRippleCentered", "centered"], radius: ["matRippleRadius", "radius"], animation: ["matRippleAnimation", "animation"], disabled: ["matRippleDisabled", "disabled"], trigger: ["matRippleTrigger", "trigger"] }, host: { properties: { "class.mat-ripple-unbounded": "unbounded" }, classAttribute: "mat-ripple" }, exportAs: ["matRipple"], ngImport: i0 }); }
1230
1277
  }
1231
1278
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatRipple, decorators: [{
1232
1279
  type: Directive,
@@ -1237,6 +1284,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
1237
1284
  'class': 'mat-ripple',
1238
1285
  '[class.mat-ripple-unbounded]': 'unbounded',
1239
1286
  },
1287
+ standalone: true,
1240
1288
  }]
1241
1289
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.NgZone }, { type: i1$1.Platform }, { type: undefined, decorators: [{
1242
1290
  type: Optional
@@ -1273,15 +1321,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
1273
1321
 
1274
1322
  class MatRippleModule {
1275
1323
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatRippleModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1276
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: MatRippleModule, declarations: [MatRipple], imports: [MatCommonModule], exports: [MatRipple, MatCommonModule] }); }
1324
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: MatRippleModule, imports: [MatCommonModule, MatRipple], exports: [MatRipple, MatCommonModule] }); }
1277
1325
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatRippleModule, imports: [MatCommonModule, MatCommonModule] }); }
1278
1326
  }
1279
1327
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatRippleModule, decorators: [{
1280
1328
  type: NgModule,
1281
1329
  args: [{
1282
- imports: [MatCommonModule],
1330
+ imports: [MatCommonModule, MatRipple],
1283
1331
  exports: [MatRipple, MatCommonModule],
1284
- declarations: [MatRipple],
1285
1332
  }]
1286
1333
  }] });
1287
1334
 
@@ -1312,7 +1359,7 @@ class MatPseudoCheckbox {
1312
1359
  this.appearance = 'full';
1313
1360
  }
1314
1361
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatPseudoCheckbox, deps: [{ token: ANIMATION_MODULE_TYPE, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1315
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: MatPseudoCheckbox, selector: "mat-pseudo-checkbox", inputs: { state: "state", disabled: "disabled", appearance: "appearance" }, host: { properties: { "class.mat-pseudo-checkbox-indeterminate": "state === \"indeterminate\"", "class.mat-pseudo-checkbox-checked": "state === \"checked\"", "class.mat-pseudo-checkbox-disabled": "disabled", "class.mat-pseudo-checkbox-minimal": "appearance === \"minimal\"", "class.mat-pseudo-checkbox-full": "appearance === \"full\"", "class._mat-animation-noopable": "_animationMode === \"NoopAnimations\"" }, classAttribute: "mat-pseudo-checkbox" }, ngImport: i0, template: '', isInline: true, styles: [".mat-pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox::after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox._mat-animation-noopable{transition:none !important;animation:none !important}.mat-pseudo-checkbox._mat-animation-noopable::after{transition:none}.mat-pseudo-checkbox-disabled{cursor:default}.mat-pseudo-checkbox-indeterminate::after{left:1px;opacity:1;border-radius:2px}.mat-pseudo-checkbox-checked::after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-minimal-pseudo-checkbox-selected-checkmark-color)}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color)}.mat-pseudo-checkbox-full{border-color:var(--mat-full-pseudo-checkbox-unselected-icon-color);border-width:2px;border-style:solid}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{border-color:var(--mat-full-pseudo-checkbox-disabled-unselected-icon-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{background-color:var(--mat-full-pseudo-checkbox-selected-icon-color);border-color:rgba(0,0,0,0)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-full-pseudo-checkbox-selected-checkmark-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background-color:var(--mat-full-pseudo-checkbox-disabled-selected-icon-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-full-pseudo-checkbox-disabled-selected-checkmark-color)}.mat-pseudo-checkbox{width:18px;height:18px}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after{width:14px;height:6px;transform-origin:center;top:-4.2426406871px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{top:8px;width:16px}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after{width:10px;height:4px;transform-origin:center;top:-2.8284271247px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{top:6px;width:12px}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1362
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.0.4", type: MatPseudoCheckbox, isStandalone: true, selector: "mat-pseudo-checkbox", inputs: { state: "state", disabled: "disabled", appearance: "appearance" }, host: { properties: { "class.mat-pseudo-checkbox-indeterminate": "state === \"indeterminate\"", "class.mat-pseudo-checkbox-checked": "state === \"checked\"", "class.mat-pseudo-checkbox-disabled": "disabled", "class.mat-pseudo-checkbox-minimal": "appearance === \"minimal\"", "class.mat-pseudo-checkbox-full": "appearance === \"full\"", "class._mat-animation-noopable": "_animationMode === \"NoopAnimations\"" }, classAttribute: "mat-pseudo-checkbox" }, ngImport: i0, template: '', isInline: true, styles: [".mat-pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox::after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox._mat-animation-noopable{transition:none !important;animation:none !important}.mat-pseudo-checkbox._mat-animation-noopable::after{transition:none}.mat-pseudo-checkbox-disabled{cursor:default}.mat-pseudo-checkbox-indeterminate::after{left:1px;opacity:1;border-radius:2px}.mat-pseudo-checkbox-checked::after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-minimal-pseudo-checkbox-selected-checkmark-color)}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color)}.mat-pseudo-checkbox-full{border-color:var(--mat-full-pseudo-checkbox-unselected-icon-color);border-width:2px;border-style:solid}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{border-color:var(--mat-full-pseudo-checkbox-disabled-unselected-icon-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{background-color:var(--mat-full-pseudo-checkbox-selected-icon-color);border-color:rgba(0,0,0,0)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-full-pseudo-checkbox-selected-checkmark-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background-color:var(--mat-full-pseudo-checkbox-disabled-selected-icon-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-full-pseudo-checkbox-disabled-selected-checkmark-color)}.mat-pseudo-checkbox{width:18px;height:18px}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after{width:14px;height:6px;transform-origin:center;top:-4.2426406871px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{top:8px;width:16px}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after{width:10px;height:4px;transform-origin:center;top:-2.8284271247px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{top:6px;width:12px}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1316
1363
  }
1317
1364
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatPseudoCheckbox, decorators: [{
1318
1365
  type: Component,
@@ -1324,7 +1371,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
1324
1371
  '[class.mat-pseudo-checkbox-minimal]': 'appearance === "minimal"',
1325
1372
  '[class.mat-pseudo-checkbox-full]': 'appearance === "full"',
1326
1373
  '[class._mat-animation-noopable]': '_animationMode === "NoopAnimations"',
1327
- }, styles: [".mat-pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox::after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox._mat-animation-noopable{transition:none !important;animation:none !important}.mat-pseudo-checkbox._mat-animation-noopable::after{transition:none}.mat-pseudo-checkbox-disabled{cursor:default}.mat-pseudo-checkbox-indeterminate::after{left:1px;opacity:1;border-radius:2px}.mat-pseudo-checkbox-checked::after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-minimal-pseudo-checkbox-selected-checkmark-color)}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color)}.mat-pseudo-checkbox-full{border-color:var(--mat-full-pseudo-checkbox-unselected-icon-color);border-width:2px;border-style:solid}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{border-color:var(--mat-full-pseudo-checkbox-disabled-unselected-icon-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{background-color:var(--mat-full-pseudo-checkbox-selected-icon-color);border-color:rgba(0,0,0,0)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-full-pseudo-checkbox-selected-checkmark-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background-color:var(--mat-full-pseudo-checkbox-disabled-selected-icon-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-full-pseudo-checkbox-disabled-selected-checkmark-color)}.mat-pseudo-checkbox{width:18px;height:18px}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after{width:14px;height:6px;transform-origin:center;top:-4.2426406871px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{top:8px;width:16px}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after{width:10px;height:4px;transform-origin:center;top:-2.8284271247px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{top:6px;width:12px}"] }]
1374
+ }, standalone: true, styles: [".mat-pseudo-checkbox{border-radius:2px;cursor:pointer;display:inline-block;vertical-align:middle;box-sizing:border-box;position:relative;flex-shrink:0;transition:border-color 90ms cubic-bezier(0, 0, 0.2, 0.1),background-color 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox::after{position:absolute;opacity:0;content:\"\";border-bottom:2px solid currentColor;transition:opacity 90ms cubic-bezier(0, 0, 0.2, 0.1)}.mat-pseudo-checkbox._mat-animation-noopable{transition:none !important;animation:none !important}.mat-pseudo-checkbox._mat-animation-noopable::after{transition:none}.mat-pseudo-checkbox-disabled{cursor:default}.mat-pseudo-checkbox-indeterminate::after{left:1px;opacity:1;border-radius:2px}.mat-pseudo-checkbox-checked::after{left:1px;border-left:2px solid currentColor;transform:rotate(-45deg);opacity:1;box-sizing:content-box}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-minimal-pseudo-checkbox-selected-checkmark-color)}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color)}.mat-pseudo-checkbox-full{border-color:var(--mat-full-pseudo-checkbox-unselected-icon-color);border-width:2px;border-style:solid}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{border-color:var(--mat-full-pseudo-checkbox-disabled-unselected-icon-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate{background-color:var(--mat-full-pseudo-checkbox-selected-icon-color);border-color:rgba(0,0,0,0)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{color:var(--mat-full-pseudo-checkbox-selected-checkmark-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled{background-color:var(--mat-full-pseudo-checkbox-disabled-selected-icon-color)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-disabled::after,.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-disabled::after{color:var(--mat-full-pseudo-checkbox-disabled-selected-checkmark-color)}.mat-pseudo-checkbox{width:18px;height:18px}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after{width:14px;height:6px;transform-origin:center;top:-4.2426406871px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-indeterminate::after{top:8px;width:16px}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked::after{width:10px;height:4px;transform-origin:center;top:-2.8284271247px;left:0;bottom:0;right:0;margin:auto}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-indeterminate::after{top:6px;width:12px}"] }]
1328
1375
  }], ctorParameters: () => [{ type: undefined, decorators: [{
1329
1376
  type: Optional
1330
1377
  }, {
@@ -1340,15 +1387,14 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
1340
1387
 
1341
1388
  class MatPseudoCheckboxModule {
1342
1389
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatPseudoCheckboxModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1343
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: MatPseudoCheckboxModule, declarations: [MatPseudoCheckbox], imports: [MatCommonModule], exports: [MatPseudoCheckbox] }); }
1390
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: MatPseudoCheckboxModule, imports: [MatCommonModule, MatPseudoCheckbox], exports: [MatPseudoCheckbox] }); }
1344
1391
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatPseudoCheckboxModule, imports: [MatCommonModule] }); }
1345
1392
  }
1346
1393
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatPseudoCheckboxModule, decorators: [{
1347
1394
  type: NgModule,
1348
1395
  args: [{
1349
- imports: [MatCommonModule],
1396
+ imports: [MatCommonModule, MatPseudoCheckbox],
1350
1397
  exports: [MatPseudoCheckbox],
1351
- declarations: [MatPseudoCheckbox],
1352
1398
  }]
1353
1399
  }] });
1354
1400
 
@@ -1396,7 +1442,7 @@ class MatOptgroup {
1396
1442
  this._inert = parent?.inertGroups ?? false;
1397
1443
  }
1398
1444
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatOptgroup, deps: [{ token: MAT_OPTION_PARENT_COMPONENT, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1399
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: MatOptgroup, selector: "mat-optgroup", inputs: { label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "attr.role": "_inert ? null : \"group\"", "attr.aria-disabled": "_inert ? null : disabled.toString()", "attr.aria-labelledby": "_inert ? null : _labelId" }, classAttribute: "mat-mdc-optgroup" }, providers: [{ provide: MAT_OPTGROUP, useExisting: MatOptgroup }], exportAs: ["matOptgroup"], ngImport: i0, template: "<span\n class=\"mat-mdc-optgroup-label\"\n role=\"presentation\"\n [class.mdc-list-item--disabled]=\"disabled\"\n [id]=\"_labelId\">\n <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\n</span>\n\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n", styles: [".mat-mdc-optgroup{color:var(--mat-optgroup-label-text-color);font-family:var(--mat-optgroup-label-text-font);line-height:var(--mat-optgroup-label-text-line-height);font-size:var(--mat-optgroup-label-text-size);letter-spacing:var(--mat-optgroup-label-text-tracking);font-weight:var(--mat-optgroup-label-text-weight)}.mat-mdc-optgroup-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;min-height:48px}.mat-mdc-optgroup-label:focus{outline:none}[dir=rtl] .mat-mdc-optgroup-label,.mat-mdc-optgroup-label[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-optgroup-label.mdc-list-item--disabled{opacity:.38}.mat-mdc-optgroup-label .mdc-list-item__primary-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;white-space:normal}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1445
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "16.1.0", version: "17.0.4", type: MatOptgroup, isStandalone: true, selector: "mat-optgroup", inputs: { label: "label", disabled: ["disabled", "disabled", booleanAttribute] }, host: { properties: { "attr.role": "_inert ? null : \"group\"", "attr.aria-disabled": "_inert ? null : disabled.toString()", "attr.aria-labelledby": "_inert ? null : _labelId" }, classAttribute: "mat-mdc-optgroup" }, providers: [{ provide: MAT_OPTGROUP, useExisting: MatOptgroup }], exportAs: ["matOptgroup"], ngImport: i0, template: "<span\n class=\"mat-mdc-optgroup-label\"\n role=\"presentation\"\n [class.mdc-list-item--disabled]=\"disabled\"\n [id]=\"_labelId\">\n <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\n</span>\n\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n", styles: [".mat-mdc-optgroup{color:var(--mat-optgroup-label-text-color);font-family:var(--mat-optgroup-label-text-font);line-height:var(--mat-optgroup-label-text-line-height);font-size:var(--mat-optgroup-label-text-size);letter-spacing:var(--mat-optgroup-label-text-tracking);font-weight:var(--mat-optgroup-label-text-weight)}.mat-mdc-optgroup-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;min-height:48px}.mat-mdc-optgroup-label:focus{outline:none}[dir=rtl] .mat-mdc-optgroup-label,.mat-mdc-optgroup-label[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-optgroup-label.mdc-list-item--disabled{opacity:.38}.mat-mdc-optgroup-label .mdc-list-item__primary-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;white-space:normal}"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1400
1446
  }
1401
1447
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatOptgroup, decorators: [{
1402
1448
  type: Component,
@@ -1405,7 +1451,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
1405
1451
  '[attr.role]': '_inert ? null : "group"',
1406
1452
  '[attr.aria-disabled]': '_inert ? null : disabled.toString()',
1407
1453
  '[attr.aria-labelledby]': '_inert ? null : _labelId',
1408
- }, providers: [{ provide: MAT_OPTGROUP, useExisting: MatOptgroup }], template: "<span\n class=\"mat-mdc-optgroup-label\"\n role=\"presentation\"\n [class.mdc-list-item--disabled]=\"disabled\"\n [id]=\"_labelId\">\n <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\n</span>\n\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n", styles: [".mat-mdc-optgroup{color:var(--mat-optgroup-label-text-color);font-family:var(--mat-optgroup-label-text-font);line-height:var(--mat-optgroup-label-text-line-height);font-size:var(--mat-optgroup-label-text-size);letter-spacing:var(--mat-optgroup-label-text-tracking);font-weight:var(--mat-optgroup-label-text-weight)}.mat-mdc-optgroup-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;min-height:48px}.mat-mdc-optgroup-label:focus{outline:none}[dir=rtl] .mat-mdc-optgroup-label,.mat-mdc-optgroup-label[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-optgroup-label.mdc-list-item--disabled{opacity:.38}.mat-mdc-optgroup-label .mdc-list-item__primary-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;white-space:normal}"] }]
1454
+ }, providers: [{ provide: MAT_OPTGROUP, useExisting: MatOptgroup }], standalone: true, template: "<span\n class=\"mat-mdc-optgroup-label\"\n role=\"presentation\"\n [class.mdc-list-item--disabled]=\"disabled\"\n [id]=\"_labelId\">\n <span class=\"mdc-list-item__primary-text\">{{ label }} <ng-content></ng-content></span>\n</span>\n\n<ng-content select=\"mat-option, ng-container\"></ng-content>\n", styles: [".mat-mdc-optgroup{color:var(--mat-optgroup-label-text-color);font-family:var(--mat-optgroup-label-text-font);line-height:var(--mat-optgroup-label-text-line-height);font-size:var(--mat-optgroup-label-text-size);letter-spacing:var(--mat-optgroup-label-text-tracking);font-weight:var(--mat-optgroup-label-text-weight)}.mat-mdc-optgroup-label{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;min-height:48px}.mat-mdc-optgroup-label:focus{outline:none}[dir=rtl] .mat-mdc-optgroup-label,.mat-mdc-optgroup-label[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-optgroup-label.mdc-list-item--disabled{opacity:.38}.mat-mdc-optgroup-label .mdc-list-item__primary-text{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;white-space:normal}"] }]
1409
1455
  }], ctorParameters: () => [{ type: undefined, decorators: [{
1410
1456
  type: Inject,
1411
1457
  args: [MAT_OPTION_PARENT_COMPONENT]
@@ -1604,7 +1650,7 @@ class MatOption {
1604
1650
  this.onSelectionChange.emit(new MatOptionSelectionChange(this, isUserInput));
1605
1651
  }
1606
1652
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatOption, deps: [{ token: i0.ElementRef }, { token: i0.ChangeDetectorRef }, { token: MAT_OPTION_PARENT_COMPONENT, optional: true }, { token: MAT_OPTGROUP, optional: true }], target: i0.ɵɵFactoryTarget.Component }); }
1607
- static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: MatOption, selector: "mat-option", inputs: { value: "value", id: "id", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_selectViaInteraction()", "keydown": "_handleKeydown($event)" }, properties: { "class.mdc-list-item--selected": "selected", "class.mat-mdc-option-multiple": "multiple", "class.mat-mdc-option-active": "active", "class.mdc-list-item--disabled": "disabled", "id": "id", "attr.aria-selected": "selected", "attr.aria-disabled": "disabled.toString()" }, classAttribute: "mat-mdc-option mdc-list-item" }, viewQueries: [{ propertyName: "_text", first: true, predicate: ["text"], descendants: true, static: true }], exportAs: ["matOption"], ngImport: i0, template: "<!-- Set aria-hidden=\"true\" to this DOM node and other decorative nodes in this file. This might\n be contributing to issue where sometimes VoiceOver focuses on a TextNode in the a11y tree instead\n of the Option node (#23202). Most assistive technology will generally ignore non-role,\n non-text-content elements. Adding aria-hidden seems to make VoiceOver behave more consistently. -->\n@if (multiple) {\n <mat-pseudo-checkbox\n class=\"mat-mdc-option-pseudo-checkbox\"\n [disabled]=\"disabled\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n aria-hidden=\"true\"></mat-pseudo-checkbox>\n}\n\n<ng-content select=\"mat-icon\"></ng-content>\n\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\n\n<!-- Render checkmark at the end for single-selection. -->\n@if (!multiple && selected && !hideSingleSelectionIndicator) {\n <mat-pseudo-checkbox\n class=\"mat-mdc-option-pseudo-checkbox\"\n [disabled]=\"disabled\"\n state=\"checked\"\n aria-hidden=\"true\"\n appearance=\"minimal\"></mat-pseudo-checkbox>\n}\n\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n@if (group && group._inert) {\n <span class=\"cdk-visually-hidden\">({{ group.label }})</span>\n}\n\n<div class=\"mat-mdc-option-ripple mat-mdc-focus-indicator\" aria-hidden=\"true\" mat-ripple\n [matRippleTrigger]=\"_getHostElement()\" [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n", styles: [".mat-mdc-option{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--mat-option-label-text-color);font-family:var(--mat-option-label-text-font);line-height:var(--mat-option-label-text-line-height);font-size:var(--mat-option-label-text-size);letter-spacing:var(--mat-option-label-text-tracking);font-weight:var(--mat-option-label-text-weight);min-height:48px}.mat-mdc-option:focus{outline:none}[dir=rtl] .mat-mdc-option,.mat-mdc-option[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-hover-state-layer-color)}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mat-option-selected-state-label-text-color)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background-color:var(--mat-option-selected-state-layer-color)}.mat-mdc-option.mdc-list-item{align-items:center}.mat-mdc-option.mdc-list-item--disabled{cursor:default;pointer-events:none}.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,.mat-mdc-option.mdc-list-item--disabled>mat-icon{opacity:.38}.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:32px}[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:16px;padding-right:32px}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin-right:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-icon,[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full{margin-right:0;margin-left:16px}.mat-mdc-option .mat-pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal{margin-right:16px;margin-left:0}.mat-mdc-option .mat-mdc-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text{margin-right:0;margin-left:auto}.cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after{content:\"\";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}[dir=rtl] .cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after{right:auto;left:16px}.mat-mdc-option-active .mat-mdc-focus-indicator::before{content:\"\"}"], dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "component", type: MatPseudoCheckbox, selector: "mat-pseudo-checkbox", inputs: ["state", "disabled", "appearance"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1653
+ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.0.4", type: MatOption, isStandalone: true, selector: "mat-option", inputs: { value: "value", id: "id", disabled: ["disabled", "disabled", booleanAttribute] }, outputs: { onSelectionChange: "onSelectionChange" }, host: { attributes: { "role": "option" }, listeners: { "click": "_selectViaInteraction()", "keydown": "_handleKeydown($event)" }, properties: { "class.mdc-list-item--selected": "selected", "class.mat-mdc-option-multiple": "multiple", "class.mat-mdc-option-active": "active", "class.mdc-list-item--disabled": "disabled", "id": "id", "attr.aria-selected": "selected", "attr.aria-disabled": "disabled.toString()" }, classAttribute: "mat-mdc-option mdc-list-item" }, viewQueries: [{ propertyName: "_text", first: true, predicate: ["text"], descendants: true, static: true }], exportAs: ["matOption"], ngImport: i0, template: "<!-- Set aria-hidden=\"true\" to this DOM node and other decorative nodes in this file. This might\n be contributing to issue where sometimes VoiceOver focuses on a TextNode in the a11y tree instead\n of the Option node (#23202). Most assistive technology will generally ignore non-role,\n non-text-content elements. Adding aria-hidden seems to make VoiceOver behave more consistently. -->\n@if (multiple) {\n <mat-pseudo-checkbox\n class=\"mat-mdc-option-pseudo-checkbox\"\n [disabled]=\"disabled\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n aria-hidden=\"true\"></mat-pseudo-checkbox>\n}\n\n<ng-content select=\"mat-icon\"></ng-content>\n\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\n\n<!-- Render checkmark at the end for single-selection. -->\n@if (!multiple && selected && !hideSingleSelectionIndicator) {\n <mat-pseudo-checkbox\n class=\"mat-mdc-option-pseudo-checkbox\"\n [disabled]=\"disabled\"\n state=\"checked\"\n aria-hidden=\"true\"\n appearance=\"minimal\"></mat-pseudo-checkbox>\n}\n\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n@if (group && group._inert) {\n <span class=\"cdk-visually-hidden\">({{ group.label }})</span>\n}\n\n<div class=\"mat-mdc-option-ripple mat-mdc-focus-indicator\" aria-hidden=\"true\" mat-ripple\n [matRippleTrigger]=\"_getHostElement()\" [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n", styles: [".mat-mdc-option{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--mat-option-label-text-color);font-family:var(--mat-option-label-text-font);line-height:var(--mat-option-label-text-line-height);font-size:var(--mat-option-label-text-size);letter-spacing:var(--mat-option-label-text-tracking);font-weight:var(--mat-option-label-text-weight);min-height:48px}.mat-mdc-option:focus{outline:none}[dir=rtl] .mat-mdc-option,.mat-mdc-option[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-hover-state-layer-color)}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mat-option-selected-state-label-text-color)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background-color:var(--mat-option-selected-state-layer-color)}.mat-mdc-option.mdc-list-item{align-items:center}.mat-mdc-option.mdc-list-item--disabled{cursor:default;pointer-events:none}.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,.mat-mdc-option.mdc-list-item--disabled>mat-icon{opacity:.38}.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:32px}[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:16px;padding-right:32px}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin-right:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-icon,[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full{margin-right:0;margin-left:16px}.mat-mdc-option .mat-pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal{margin-right:16px;margin-left:0}.mat-mdc-option .mat-mdc-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text{margin-right:0;margin-left:auto}.cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after{content:\"\";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}[dir=rtl] .cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after{right:auto;left:16px}.mat-mdc-option-active .mat-mdc-focus-indicator::before{content:\"\"}"], dependencies: [{ kind: "component", type: MatPseudoCheckbox, selector: "mat-pseudo-checkbox", inputs: ["state", "disabled", "appearance"] }, { kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
1608
1654
  }
1609
1655
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatOption, decorators: [{
1610
1656
  type: Component,
@@ -1629,7 +1675,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
1629
1675
  '(click)': '_selectViaInteraction()',
1630
1676
  '(keydown)': '_handleKeydown($event)',
1631
1677
  'class': 'mat-mdc-option mdc-list-item',
1632
- }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- Set aria-hidden=\"true\" to this DOM node and other decorative nodes in this file. This might\n be contributing to issue where sometimes VoiceOver focuses on a TextNode in the a11y tree instead\n of the Option node (#23202). Most assistive technology will generally ignore non-role,\n non-text-content elements. Adding aria-hidden seems to make VoiceOver behave more consistently. -->\n@if (multiple) {\n <mat-pseudo-checkbox\n class=\"mat-mdc-option-pseudo-checkbox\"\n [disabled]=\"disabled\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n aria-hidden=\"true\"></mat-pseudo-checkbox>\n}\n\n<ng-content select=\"mat-icon\"></ng-content>\n\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\n\n<!-- Render checkmark at the end for single-selection. -->\n@if (!multiple && selected && !hideSingleSelectionIndicator) {\n <mat-pseudo-checkbox\n class=\"mat-mdc-option-pseudo-checkbox\"\n [disabled]=\"disabled\"\n state=\"checked\"\n aria-hidden=\"true\"\n appearance=\"minimal\"></mat-pseudo-checkbox>\n}\n\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n@if (group && group._inert) {\n <span class=\"cdk-visually-hidden\">({{ group.label }})</span>\n}\n\n<div class=\"mat-mdc-option-ripple mat-mdc-focus-indicator\" aria-hidden=\"true\" mat-ripple\n [matRippleTrigger]=\"_getHostElement()\" [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n", styles: [".mat-mdc-option{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--mat-option-label-text-color);font-family:var(--mat-option-label-text-font);line-height:var(--mat-option-label-text-line-height);font-size:var(--mat-option-label-text-size);letter-spacing:var(--mat-option-label-text-tracking);font-weight:var(--mat-option-label-text-weight);min-height:48px}.mat-mdc-option:focus{outline:none}[dir=rtl] .mat-mdc-option,.mat-mdc-option[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-hover-state-layer-color)}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mat-option-selected-state-label-text-color)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background-color:var(--mat-option-selected-state-layer-color)}.mat-mdc-option.mdc-list-item{align-items:center}.mat-mdc-option.mdc-list-item--disabled{cursor:default;pointer-events:none}.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,.mat-mdc-option.mdc-list-item--disabled>mat-icon{opacity:.38}.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:32px}[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:16px;padding-right:32px}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin-right:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-icon,[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full{margin-right:0;margin-left:16px}.mat-mdc-option .mat-pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal{margin-right:16px;margin-left:0}.mat-mdc-option .mat-mdc-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text{margin-right:0;margin-left:auto}.cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after{content:\"\";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}[dir=rtl] .cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after{right:auto;left:16px}.mat-mdc-option-active .mat-mdc-focus-indicator::before{content:\"\"}"] }]
1678
+ }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [MatPseudoCheckbox, MatRipple], template: "<!-- Set aria-hidden=\"true\" to this DOM node and other decorative nodes in this file. This might\n be contributing to issue where sometimes VoiceOver focuses on a TextNode in the a11y tree instead\n of the Option node (#23202). Most assistive technology will generally ignore non-role,\n non-text-content elements. Adding aria-hidden seems to make VoiceOver behave more consistently. -->\n@if (multiple) {\n <mat-pseudo-checkbox\n class=\"mat-mdc-option-pseudo-checkbox\"\n [disabled]=\"disabled\"\n [state]=\"selected ? 'checked' : 'unchecked'\"\n aria-hidden=\"true\"></mat-pseudo-checkbox>\n}\n\n<ng-content select=\"mat-icon\"></ng-content>\n\n<span class=\"mdc-list-item__primary-text\" #text><ng-content></ng-content></span>\n\n<!-- Render checkmark at the end for single-selection. -->\n@if (!multiple && selected && !hideSingleSelectionIndicator) {\n <mat-pseudo-checkbox\n class=\"mat-mdc-option-pseudo-checkbox\"\n [disabled]=\"disabled\"\n state=\"checked\"\n aria-hidden=\"true\"\n appearance=\"minimal\"></mat-pseudo-checkbox>\n}\n\n<!-- See a11y notes inside optgroup.ts for context behind this element. -->\n@if (group && group._inert) {\n <span class=\"cdk-visually-hidden\">({{ group.label }})</span>\n}\n\n<div class=\"mat-mdc-option-ripple mat-mdc-focus-indicator\" aria-hidden=\"true\" mat-ripple\n [matRippleTrigger]=\"_getHostElement()\" [matRippleDisabled]=\"disabled || disableRipple\">\n</div>\n", styles: [".mat-mdc-option{display:flex;position:relative;align-items:center;justify-content:flex-start;overflow:hidden;padding:0;padding-left:16px;padding-right:16px;-webkit-user-select:none;user-select:none;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);color:var(--mat-option-label-text-color);font-family:var(--mat-option-label-text-font);line-height:var(--mat-option-label-text-line-height);font-size:var(--mat-option-label-text-size);letter-spacing:var(--mat-option-label-text-tracking);font-weight:var(--mat-option-label-text-weight);min-height:48px}.mat-mdc-option:focus{outline:none}[dir=rtl] .mat-mdc-option,.mat-mdc-option[dir=rtl]{padding-left:16px;padding-right:16px}.mat-mdc-option:hover:not(.mdc-list-item--disabled){background-color:var(--mat-option-hover-state-layer-color)}.mat-mdc-option:focus.mdc-list-item,.mat-mdc-option.mat-mdc-option-active.mdc-list-item{background-color:var(--mat-option-focus-state-layer-color)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mat-option-selected-state-label-text-color)}.mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled):not(.mat-mdc-option-multiple){background-color:var(--mat-option-selected-state-layer-color)}.mat-mdc-option.mdc-list-item{align-items:center}.mat-mdc-option.mdc-list-item--disabled{cursor:default;pointer-events:none}.mat-mdc-option.mdc-list-item--disabled .mat-mdc-option-pseudo-checkbox,.mat-mdc-option.mdc-list-item--disabled .mdc-list-item__primary-text,.mat-mdc-option.mdc-list-item--disabled>mat-icon{opacity:.38}.mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:32px}[dir=rtl] .mat-mdc-optgroup .mat-mdc-option:not(.mat-mdc-option-multiple){padding-left:16px;padding-right:32px}.mat-mdc-option .mat-icon,.mat-mdc-option .mat-pseudo-checkbox-full{margin-right:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-icon,[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-full{margin-right:0;margin-left:16px}.mat-mdc-option .mat-pseudo-checkbox-minimal{margin-left:16px;flex-shrink:0}[dir=rtl] .mat-mdc-option .mat-pseudo-checkbox-minimal{margin-right:16px;margin-left:0}.mat-mdc-option .mat-mdc-option-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-mdc-option .mdc-list-item__primary-text{white-space:normal;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;font-family:inherit;text-decoration:inherit;text-transform:inherit;margin-right:auto}[dir=rtl] .mat-mdc-option .mdc-list-item__primary-text{margin-right:0;margin-left:auto}.cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after{content:\"\";position:absolute;top:50%;right:16px;transform:translateY(-50%);width:10px;height:0;border-bottom:solid 10px;border-radius:10px}[dir=rtl] .cdk-high-contrast-active .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple)::after{right:auto;left:16px}.mat-mdc-option-active .mat-mdc-focus-indicator::before{content:\"\"}"] }]
1633
1679
  }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
1634
1680
  type: Optional
1635
1681
  }, {
@@ -1694,15 +1740,14 @@ function _getOptionScrollPosition(optionOffset, optionHeight, currentScrollPosit
1694
1740
 
1695
1741
  class MatOptionModule {
1696
1742
  static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatOptionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
1697
- static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: MatOptionModule, declarations: [MatOption, MatOptgroup], imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule], exports: [MatOption, MatOptgroup] }); }
1743
+ static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "17.0.4", ngImport: i0, type: MatOptionModule, imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule, MatOption, MatOptgroup], exports: [MatOption, MatOptgroup] }); }
1698
1744
  static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatOptionModule, imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule] }); }
1699
1745
  }
1700
1746
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImport: i0, type: MatOptionModule, decorators: [{
1701
1747
  type: NgModule,
1702
1748
  args: [{
1703
- imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule],
1749
+ imports: [MatRippleModule, MatCommonModule, MatPseudoCheckboxModule, MatOption, MatOptgroup],
1704
1750
  exports: [MatOption, MatOptgroup],
1705
- declarations: [MatOption, MatOptgroup],
1706
1751
  }]
1707
1752
  }] });
1708
1753
 
@@ -1834,5 +1879,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.0.4", ngImpor
1834
1879
  * Generated bundle index. Do not edit.
1835
1880
  */
1836
1881
 
1837
- export { AnimationCurves, AnimationDurations, DateAdapter, ErrorStateMatcher, MATERIAL_SANITY_CHECKS, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_NATIVE_DATE_FORMATS, MAT_OPTGROUP, MAT_OPTION_PARENT_COMPONENT, MAT_RIPPLE_GLOBAL_OPTIONS, MatCommonModule, MatLine, MatLineModule, MatNativeDateModule, MatOptgroup, MatOption, MatOptionModule, MatOptionSelectionChange, MatPseudoCheckbox, MatPseudoCheckboxModule, MatRipple, MatRippleLoader, MatRippleModule, NativeDateAdapter, NativeDateModule, RippleRef, RippleRenderer, ShowOnDirtyErrorStateMatcher, VERSION, _countGroupLabelsBeforeOption, _getOptionScrollPosition, defaultRippleAnimationConfig, mixinColor, mixinDisableRipple, mixinDisabled, mixinErrorState, mixinInitialized, mixinTabIndex, setLines };
1882
+ export { AnimationCurves, AnimationDurations, DateAdapter, ErrorStateMatcher, MATERIAL_SANITY_CHECKS, MAT_DATE_FORMATS, MAT_DATE_LOCALE, MAT_DATE_LOCALE_FACTORY, MAT_NATIVE_DATE_FORMATS, MAT_OPTGROUP, MAT_OPTION_PARENT_COMPONENT, MAT_RIPPLE_GLOBAL_OPTIONS, MatCommonModule, MatLine, MatLineModule, MatNativeDateModule, MatOptgroup, MatOption, MatOptionModule, MatOptionSelectionChange, MatPseudoCheckbox, MatPseudoCheckboxModule, MatRipple, MatRippleLoader, MatRippleModule, NativeDateAdapter, NativeDateModule, RippleRef, RippleRenderer, RippleState, ShowOnDirtyErrorStateMatcher, VERSION, _ErrorStateTracker, _countGroupLabelsBeforeOption, _getOptionScrollPosition, defaultRippleAnimationConfig, mixinColor, mixinDisableRipple, mixinDisabled, mixinErrorState, mixinInitialized, mixinTabIndex, setLines };
1838
1883
  //# sourceMappingURL=core.mjs.map