@angular/material 21.0.0-next.0 → 21.0.0-next.10

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 (394) hide show
  1. package/_index.scss +1 -1
  2. package/core/focus-indicators/_private.scss +16 -0
  3. package/core/tokens/_classes.scss +150 -167
  4. package/core/tokens/m2/_md-sys-color-internal.scss +11 -0
  5. package/core/tokens/m2/_md-sys-color.scss +28 -19
  6. package/core/tokens/m3/_md-sys-color-internal.scss +11 -0
  7. package/core/tokens/m3/_md-sys-color.scss +5 -31
  8. package/core/tokens/m3/_md-sys-typescale-internal.scss +5 -0
  9. package/core/tokens/m3/_md-sys-typescale.scss +2 -16
  10. package/fesm2022/{animation.mjs → _animation-chunk.mjs} +2 -23
  11. package/fesm2022/_animation-chunk.mjs.map +1 -0
  12. package/fesm2022/{date-formats.mjs → _date-formats-chunk.mjs} +3 -11
  13. package/fesm2022/_date-formats-chunk.mjs.map +1 -0
  14. package/fesm2022/{date-range-input-harness.mjs → _date-range-input-harness-chunk.mjs} +1 -1
  15. package/fesm2022/_date-range-input-harness-chunk.mjs.map +1 -0
  16. package/fesm2022/{error-options.mjs → _error-options-chunk.mjs} +7 -7
  17. package/fesm2022/_error-options-chunk.mjs.map +1 -0
  18. package/fesm2022/{error-state.mjs → _error-state-chunk.mjs} +1 -1
  19. package/fesm2022/_error-state-chunk.mjs.map +1 -0
  20. package/fesm2022/_form-field-chunk.mjs +1114 -0
  21. package/fesm2022/_form-field-chunk.mjs.map +1 -0
  22. package/fesm2022/{icon-button.mjs → _icon-button-chunk.mjs} +10 -10
  23. package/fesm2022/_icon-button-chunk.mjs.map +1 -0
  24. package/fesm2022/{icon-registry.mjs → _icon-registry-chunk.mjs} +6 -33
  25. package/fesm2022/_icon-registry-chunk.mjs.map +1 -0
  26. package/fesm2022/{input-harness.mjs → _input-harness-chunk.mjs} +1 -1
  27. package/fesm2022/_input-harness-chunk.mjs.map +1 -0
  28. package/fesm2022/{input-value-accessor.mjs → _input-value-accessor-chunk.mjs} +1 -1
  29. package/fesm2022/_input-value-accessor-chunk.mjs.map +1 -0
  30. package/fesm2022/{internal-form-field.mjs → _internal-form-field-chunk.mjs} +4 -4
  31. package/fesm2022/_internal-form-field-chunk.mjs.map +1 -0
  32. package/fesm2022/{line.mjs → _line-chunk.mjs} +11 -11
  33. package/fesm2022/_line-chunk.mjs.map +1 -0
  34. package/fesm2022/{option.mjs → _option-chunk.mjs} +11 -11
  35. package/fesm2022/_option-chunk.mjs.map +1 -0
  36. package/fesm2022/{option-harness.mjs → _option-harness-chunk.mjs} +1 -1
  37. package/fesm2022/_option-harness-chunk.mjs.map +1 -0
  38. package/fesm2022/_option-module-chunk.mjs +22 -0
  39. package/fesm2022/_option-module-chunk.mjs.map +1 -0
  40. package/fesm2022/{pseudo-checkbox.mjs → _pseudo-checkbox-chunk.mjs} +5 -5
  41. package/fesm2022/_pseudo-checkbox-chunk.mjs.map +1 -0
  42. package/fesm2022/_pseudo-checkbox-module-chunk.mjs +20 -0
  43. package/fesm2022/_pseudo-checkbox-module-chunk.mjs.map +1 -0
  44. package/fesm2022/{public-api.mjs → _public-api-chunk.mjs} +1 -1
  45. package/fesm2022/_public-api-chunk.mjs.map +1 -0
  46. package/fesm2022/{ripple.mjs → _ripple-chunk.mjs} +10 -10
  47. package/fesm2022/_ripple-chunk.mjs.map +1 -0
  48. package/fesm2022/{ripple-loader.mjs → _ripple-loader-chunk.mjs} +6 -6
  49. package/fesm2022/_ripple-loader-chunk.mjs.map +1 -0
  50. package/fesm2022/_ripple-module-chunk.mjs +20 -0
  51. package/fesm2022/_ripple-module-chunk.mjs.map +1 -0
  52. package/fesm2022/{structural-styles.mjs → _structural-styles-chunk.mjs} +4 -4
  53. package/fesm2022/_structural-styles-chunk.mjs.map +1 -0
  54. package/fesm2022/{tooltip-module.mjs → _tooltip-chunk.mjs} +18 -61
  55. package/fesm2022/_tooltip-chunk.mjs.map +1 -0
  56. package/fesm2022/{autocomplete/testing.mjs → autocomplete-testing.mjs} +3 -3
  57. package/fesm2022/autocomplete-testing.mjs.map +1 -0
  58. package/fesm2022/autocomplete.mjs +32 -64
  59. package/fesm2022/autocomplete.mjs.map +1 -1
  60. package/fesm2022/{badge/testing.mjs → badge-testing.mjs} +1 -1
  61. package/fesm2022/badge-testing.mjs.map +1 -0
  62. package/fesm2022/badge.mjs +14 -15
  63. package/fesm2022/badge.mjs.map +1 -1
  64. package/fesm2022/{bottom-sheet/testing.mjs → bottom-sheet-testing.mjs} +1 -1
  65. package/fesm2022/bottom-sheet-testing.mjs.map +1 -0
  66. package/fesm2022/bottom-sheet.mjs +20 -98
  67. package/fesm2022/bottom-sheet.mjs.map +1 -1
  68. package/fesm2022/{button/testing.mjs → button-testing.mjs} +6 -2
  69. package/fesm2022/button-testing.mjs.map +1 -0
  70. package/fesm2022/{button-toggle/testing.mjs → button-toggle-testing.mjs} +1 -1
  71. package/fesm2022/button-toggle-testing.mjs.map +1 -0
  72. package/fesm2022/button-toggle.mjs +24 -33
  73. package/fesm2022/button-toggle.mjs.map +1 -1
  74. package/fesm2022/button.mjs +32 -54
  75. package/fesm2022/button.mjs.map +1 -1
  76. package/fesm2022/{card/testing.mjs → card-testing.mjs} +1 -1
  77. package/fesm2022/card-testing.mjs.map +1 -0
  78. package/fesm2022/card.mjs +50 -52
  79. package/fesm2022/card.mjs.map +1 -1
  80. package/fesm2022/{checkbox/testing.mjs → checkbox-testing.mjs} +1 -1
  81. package/fesm2022/checkbox-testing.mjs.map +1 -0
  82. package/fesm2022/checkbox.mjs +26 -36
  83. package/fesm2022/checkbox.mjs.map +1 -1
  84. package/fesm2022/{chips/testing.mjs → chips-testing.mjs} +1 -7
  85. package/fesm2022/chips-testing.mjs.map +1 -0
  86. package/fesm2022/chips.mjs +158 -126
  87. package/fesm2022/chips.mjs.map +1 -1
  88. package/fesm2022/{core/testing.mjs → core-testing.mjs} +2 -2
  89. package/fesm2022/core-testing.mjs.map +1 -0
  90. package/fesm2022/core.mjs +28 -35
  91. package/fesm2022/core.mjs.map +1 -1
  92. package/fesm2022/{datepicker/testing.mjs → datepicker-testing.mjs} +3 -3
  93. package/fesm2022/datepicker-testing.mjs.map +1 -0
  94. package/fesm2022/datepicker.mjs +193 -346
  95. package/fesm2022/datepicker.mjs.map +1 -1
  96. package/fesm2022/{dialog/testing.mjs → dialog-testing.mjs} +7 -8
  97. package/fesm2022/dialog-testing.mjs.map +1 -0
  98. package/fesm2022/dialog.mjs +882 -115
  99. package/fesm2022/dialog.mjs.map +1 -1
  100. package/fesm2022/{divider/testing.mjs → divider-testing.mjs} +1 -1
  101. package/fesm2022/divider-testing.mjs.map +1 -0
  102. package/fesm2022/divider.mjs +10 -12
  103. package/fesm2022/divider.mjs.map +1 -1
  104. package/fesm2022/{expansion/testing.mjs → expansion-testing.mjs} +1 -1
  105. package/fesm2022/expansion-testing.mjs.map +1 -0
  106. package/fesm2022/expansion.mjs +33 -137
  107. package/fesm2022/expansion.mjs.map +1 -1
  108. package/fesm2022/{form-field/testing/control.mjs → form-field-testing-control.mjs} +1 -1
  109. package/fesm2022/form-field-testing-control.mjs.map +1 -0
  110. package/fesm2022/{form-field/testing.mjs → form-field-testing.mjs} +5 -5
  111. package/fesm2022/form-field-testing.mjs.map +1 -0
  112. package/fesm2022/form-field.mjs +20 -51
  113. package/fesm2022/form-field.mjs.map +1 -1
  114. package/fesm2022/{grid-list/testing.mjs → grid-list-testing.mjs} +2 -2
  115. package/fesm2022/grid-list-testing.mjs.map +1 -0
  116. package/fesm2022/grid-list.mjs +30 -35
  117. package/fesm2022/grid-list.mjs.map +1 -1
  118. package/fesm2022/{icon/testing.mjs → icon-testing.mjs} +9 -9
  119. package/fesm2022/icon-testing.mjs.map +1 -0
  120. package/fesm2022/icon.mjs +22 -30
  121. package/fesm2022/icon.mjs.map +1 -1
  122. package/fesm2022/{input/testing.mjs → input-testing.mjs} +3 -3
  123. package/fesm2022/input-testing.mjs.map +1 -0
  124. package/fesm2022/input.mjs +17 -18
  125. package/fesm2022/input.mjs.map +1 -1
  126. package/fesm2022/{list/testing.mjs → list-testing.mjs} +2 -2
  127. package/fesm2022/list-testing.mjs.map +1 -0
  128. package/fesm2022/list.mjs +63 -64
  129. package/fesm2022/list.mjs.map +1 -1
  130. package/fesm2022/material.mjs.map +1 -1
  131. package/fesm2022/{menu/testing.mjs → menu-testing.mjs} +1 -1
  132. package/fesm2022/menu-testing.mjs.map +1 -0
  133. package/fesm2022/menu.mjs +45 -193
  134. package/fesm2022/menu.mjs.map +1 -1
  135. package/fesm2022/{paginator/testing.mjs → paginator-testing.mjs} +2 -2
  136. package/fesm2022/paginator-testing.mjs.map +1 -0
  137. package/fesm2022/paginator.mjs +31 -51
  138. package/fesm2022/paginator.mjs.map +1 -1
  139. package/fesm2022/{progress-bar/testing.mjs → progress-bar-testing.mjs} +1 -1
  140. package/fesm2022/progress-bar-testing.mjs.map +1 -0
  141. package/fesm2022/progress-bar.mjs +24 -29
  142. package/fesm2022/progress-bar.mjs.map +1 -1
  143. package/fesm2022/{progress-spinner/testing.mjs → progress-spinner-testing.mjs} +1 -1
  144. package/fesm2022/progress-spinner-testing.mjs.map +1 -0
  145. package/fesm2022/progress-spinner.mjs +12 -22
  146. package/fesm2022/progress-spinner.mjs.map +1 -1
  147. package/fesm2022/{radio/testing.mjs → radio-testing.mjs} +1 -1
  148. package/fesm2022/radio-testing.mjs.map +1 -0
  149. package/fesm2022/radio.mjs +23 -32
  150. package/fesm2022/radio.mjs.map +1 -1
  151. package/fesm2022/{select/testing.mjs → select-testing.mjs} +1 -1
  152. package/fesm2022/select-testing.mjs.map +1 -0
  153. package/fesm2022/select.mjs +1299 -96
  154. package/fesm2022/select.mjs.map +1 -1
  155. package/fesm2022/{sidenav/testing.mjs → sidenav-testing.mjs} +1 -1
  156. package/fesm2022/sidenav-testing.mjs.map +1 -0
  157. package/fesm2022/sidenav.mjs +30 -120
  158. package/fesm2022/sidenav.mjs.map +1 -1
  159. package/fesm2022/{slide-toggle/testing.mjs → slide-toggle-testing.mjs} +1 -1
  160. package/fesm2022/slide-toggle-testing.mjs.map +1 -0
  161. package/fesm2022/slide-toggle.mjs +14 -15
  162. package/fesm2022/slide-toggle.mjs.map +1 -1
  163. package/fesm2022/{slider/testing.mjs → slider-testing.mjs} +1 -1
  164. package/fesm2022/slider-testing.mjs.map +1 -0
  165. package/fesm2022/slider.mjs +24 -38
  166. package/fesm2022/slider.mjs.map +1 -1
  167. package/fesm2022/{snack-bar/testing.mjs → snack-bar-testing.mjs} +1 -1
  168. package/fesm2022/snack-bar-testing.mjs.map +1 -0
  169. package/fesm2022/snack-bar.mjs +34 -128
  170. package/fesm2022/snack-bar.mjs.map +1 -1
  171. package/fesm2022/{sort/testing.mjs → sort-testing.mjs} +1 -1
  172. package/fesm2022/sort-testing.mjs.map +1 -0
  173. package/fesm2022/sort.mjs +26 -351
  174. package/fesm2022/sort.mjs.map +1 -1
  175. package/fesm2022/{stepper/testing.mjs → stepper-testing.mjs} +3 -2
  176. package/fesm2022/stepper-testing.mjs.map +1 -0
  177. package/fesm2022/stepper.mjs +46 -219
  178. package/fesm2022/stepper.mjs.map +1 -1
  179. package/fesm2022/{table/testing.mjs → table-testing.mjs} +36 -4
  180. package/fesm2022/table-testing.mjs.map +1 -0
  181. package/fesm2022/table.mjs +66 -63
  182. package/fesm2022/table.mjs.map +1 -1
  183. package/fesm2022/{tabs/testing.mjs → tabs-testing.mjs} +1 -1
  184. package/fesm2022/tabs-testing.mjs.map +1 -0
  185. package/fesm2022/tabs.mjs +68 -222
  186. package/fesm2022/tabs.mjs.map +1 -1
  187. package/fesm2022/{timepicker/testing.mjs → timepicker-testing.mjs} +2 -2
  188. package/fesm2022/timepicker-testing.mjs.map +1 -0
  189. package/fesm2022/timepicker.mjs +40 -34
  190. package/fesm2022/timepicker.mjs.map +1 -1
  191. package/fesm2022/{toolbar/testing.mjs → toolbar-testing.mjs} +1 -1
  192. package/fesm2022/toolbar-testing.mjs.map +1 -0
  193. package/fesm2022/toolbar.mjs +13 -15
  194. package/fesm2022/toolbar.mjs.map +1 -1
  195. package/fesm2022/{tooltip/testing.mjs → tooltip-testing.mjs} +1 -1
  196. package/fesm2022/tooltip-testing.mjs.map +1 -0
  197. package/fesm2022/tooltip.mjs +22 -54
  198. package/fesm2022/tooltip.mjs.map +1 -1
  199. package/fesm2022/{tree/testing.mjs → tree-testing.mjs} +1 -1
  200. package/fesm2022/tree-testing.mjs.map +1 -0
  201. package/fesm2022/tree.mjs +29 -31
  202. package/fesm2022/tree.mjs.map +1 -1
  203. package/package.json +115 -114
  204. package/prebuilt-themes/deeppurple-amber.css +1 -1
  205. package/prebuilt-themes/indigo-pink.css +1 -1
  206. package/prebuilt-themes/pink-bluegrey.css +1 -1
  207. package/prebuilt-themes/purple-green.css +1 -1
  208. package/schematics/ng-add/index.js +1 -1
  209. package/schematics/ng-update/index_bundled.js +7 -3
  210. package/schematics/ng-update/index_bundled.js.map +1 -1
  211. package/slider/_m2-slider.scss +1 -0
  212. package/slider/_m3-slider.scss +5 -2
  213. package/{badge.d.d.ts → types/_badge-chunk.d.ts} +1 -1
  214. package/{button-toggle.d.d.ts → types/_button-toggle-chunk.d.ts} +1 -7
  215. package/{date-adapter.d.d.ts → types/_date-adapter-chunk.d.ts} +1 -7
  216. package/{form-field.d.d.ts → types/_form-field-chunk.d.ts} +2 -2
  217. package/{form-field-module.d.d.ts → types/_form-field-module-chunk.d.ts} +4 -4
  218. package/{icon-module.d.d.ts → types/_icon-module-chunk.d.ts} +4 -10
  219. package/{icon-registry.d.d.ts → types/_icon-registry-chunk.d.ts} +2 -18
  220. package/{line.d.d.ts → types/_line-chunk.d.ts} +2 -2
  221. package/types/_option-module-chunk.d.ts +13 -0
  222. package/{paginator.d.d.ts → types/_paginator-chunk.d.ts} +4 -20
  223. package/{progress-spinner.d.d.ts → types/_progress-spinner-chunk.d.ts} +4 -10
  224. package/{pseudo-checkbox-module.d.d.ts → types/_pseudo-checkbox-module-chunk.d.ts} +2 -2
  225. package/{ripple.d.d.ts → types/_ripple-chunk.d.ts} +3 -3
  226. package/{ripple-module.d.d.ts → types/_ripple-module-chunk.d.ts} +3 -3
  227. package/{sort.d.d.ts → types/_sort-chunk.d.ts} +1 -1
  228. package/{autocomplete/testing/index.d.ts → types/autocomplete-testing.d.ts} +2 -2
  229. package/{autocomplete/index.d.ts → types/autocomplete.d.ts} +10 -33
  230. package/{badge/testing/index.d.ts → types/badge-testing.d.ts} +2 -2
  231. package/types/badge.d.ts +14 -0
  232. package/{bottom-sheet/index.d.ts → types/bottom-sheet.d.ts} +10 -14
  233. package/{button/testing/index.d.ts → types/button-testing.d.ts} +2 -0
  234. package/{button-toggle/testing/index.d.ts → types/button-toggle-testing.d.ts} +1 -1
  235. package/types/button-toggle.d.ts +16 -0
  236. package/{button/index.d.ts → types/button.d.ts} +7 -14
  237. package/{card/index.d.ts → types/card.d.ts} +2 -3
  238. package/{checkbox/index.d.ts → types/checkbox.d.ts} +4 -11
  239. package/{chips/index.d.ts → types/chips.d.ts} +74 -68
  240. package/{core/testing/index.d.ts → types/core-testing.d.ts} +1 -1
  241. package/{core/index.d.ts → types/core.d.ts} +14 -41
  242. package/{datepicker/testing/index.d.ts → types/datepicker-testing.d.ts} +2 -2
  243. package/{datepicker/index.d.ts → types/datepicker.d.ts} +48 -101
  244. package/{dialog/testing/index.d.ts → types/dialog-testing.d.ts} +1 -1
  245. package/{dialog/index.d.ts → types/dialog.d.ts} +9 -32
  246. package/{divider/index.d.ts → types/divider.d.ts} +2 -3
  247. package/{expansion/index.d.ts → types/expansion.d.ts} +5 -41
  248. package/{form-field/testing/control/index.d.ts → types/form-field-testing-control.d.ts} +1 -1
  249. package/{form-field/testing/index.d.ts → types/form-field-testing.d.ts} +4 -4
  250. package/{form-field/index.d.ts → types/form-field.d.ts} +6 -17
  251. package/{grid-list/index.d.ts → types/grid-list.d.ts} +3 -4
  252. package/{icon/testing/index.d.ts → types/icon-testing.d.ts} +1 -1
  253. package/types/icon.d.ts +8 -0
  254. package/{input/testing/index.d.ts → types/input-testing.d.ts} +2 -2
  255. package/{input/index.d.ts → types/input.d.ts} +10 -11
  256. package/{list/testing/index.d.ts → types/list-testing.d.ts} +2 -2
  257. package/{list/index.d.ts → types/list.d.ts} +10 -11
  258. package/{menu/index.d.ts → types/menu.d.ts} +7 -48
  259. package/{paginator/testing/index.d.ts → types/paginator-testing.d.ts} +1 -1
  260. package/types/paginator.d.ts +35 -0
  261. package/{progress-bar/index.d.ts → types/progress-bar.d.ts} +4 -11
  262. package/{progress-spinner/testing/index.d.ts → types/progress-spinner-testing.d.ts} +2 -2
  263. package/{progress-spinner/index.d.ts → types/progress-spinner.d.ts} +5 -6
  264. package/{radio/index.d.ts → types/radio.d.ts} +6 -13
  265. package/{select-module.d.d.ts → types/select.d.ts} +19 -26
  266. package/{sidenav/index.d.ts → types/sidenav.d.ts} +4 -21
  267. package/{slide-toggle/index.d.ts → types/slide-toggle.d.ts} +3 -4
  268. package/{slider/index.d.ts → types/slider.d.ts} +5 -5
  269. package/{snack-bar/index.d.ts → types/snack-bar.d.ts} +9 -25
  270. package/{sort/testing/index.d.ts → types/sort-testing.d.ts} +1 -1
  271. package/{sort/index.d.ts → types/sort.d.ts} +8 -40
  272. package/{stepper/index.d.ts → types/stepper.d.ts} +11 -39
  273. package/{table/testing/index.d.ts → types/table-testing.d.ts} +27 -1
  274. package/{table/index.d.ts → types/table.d.ts} +11 -11
  275. package/{tabs/index.d.ts → types/tabs.d.ts} +6 -22
  276. package/{timepicker/testing/index.d.ts → types/timepicker-testing.d.ts} +1 -1
  277. package/{timepicker/index.d.ts → types/timepicker.d.ts} +151 -130
  278. package/{toolbar/index.d.ts → types/toolbar.d.ts} +2 -3
  279. package/{tooltip-module.d.d.ts → types/tooltip.d.ts} +7 -29
  280. package/{tree/index.d.ts → types/tree.d.ts} +2 -3
  281. package/badge/index.d.ts +0 -15
  282. package/button-toggle/index.d.ts +0 -17
  283. package/common-module.d.d.ts +0 -44
  284. package/fesm2022/animation.mjs.map +0 -1
  285. package/fesm2022/autocomplete/testing.mjs.map +0 -1
  286. package/fesm2022/badge/testing.mjs.map +0 -1
  287. package/fesm2022/bottom-sheet/testing.mjs.map +0 -1
  288. package/fesm2022/button/testing.mjs.map +0 -1
  289. package/fesm2022/button-toggle/testing.mjs.map +0 -1
  290. package/fesm2022/card/testing.mjs.map +0 -1
  291. package/fesm2022/checkbox/testing.mjs.map +0 -1
  292. package/fesm2022/chips/testing.mjs.map +0 -1
  293. package/fesm2022/common-module.mjs +0 -42
  294. package/fesm2022/common-module.mjs.map +0 -1
  295. package/fesm2022/core/testing.mjs.map +0 -1
  296. package/fesm2022/date-formats.mjs.map +0 -1
  297. package/fesm2022/date-range-input-harness.mjs.map +0 -1
  298. package/fesm2022/datepicker/testing.mjs.map +0 -1
  299. package/fesm2022/dialog/testing.mjs.map +0 -1
  300. package/fesm2022/dialog-module.mjs +0 -891
  301. package/fesm2022/dialog-module.mjs.map +0 -1
  302. package/fesm2022/divider/testing.mjs.map +0 -1
  303. package/fesm2022/error-options.mjs.map +0 -1
  304. package/fesm2022/error-state.mjs.map +0 -1
  305. package/fesm2022/expansion/testing.mjs.map +0 -1
  306. package/fesm2022/form-field/testing/control.mjs.map +0 -1
  307. package/fesm2022/form-field/testing.mjs.map +0 -1
  308. package/fesm2022/form-field-module.mjs +0 -39
  309. package/fesm2022/form-field-module.mjs.map +0 -1
  310. package/fesm2022/form-field2.mjs +0 -1114
  311. package/fesm2022/form-field2.mjs.map +0 -1
  312. package/fesm2022/grid-list/testing.mjs.map +0 -1
  313. package/fesm2022/icon/testing.mjs.map +0 -1
  314. package/fesm2022/icon-button.mjs.map +0 -1
  315. package/fesm2022/icon-registry.mjs.map +0 -1
  316. package/fesm2022/input/testing.mjs.map +0 -1
  317. package/fesm2022/input-harness.mjs.map +0 -1
  318. package/fesm2022/input-value-accessor.mjs.map +0 -1
  319. package/fesm2022/internal-form-field.mjs.map +0 -1
  320. package/fesm2022/line.mjs.map +0 -1
  321. package/fesm2022/list/testing.mjs.map +0 -1
  322. package/fesm2022/menu/testing.mjs.map +0 -1
  323. package/fesm2022/option-harness.mjs.map +0 -1
  324. package/fesm2022/option-module.mjs +0 -22
  325. package/fesm2022/option-module.mjs.map +0 -1
  326. package/fesm2022/option.mjs.map +0 -1
  327. package/fesm2022/paginator/testing.mjs.map +0 -1
  328. package/fesm2022/progress-bar/testing.mjs.map +0 -1
  329. package/fesm2022/progress-spinner/testing.mjs.map +0 -1
  330. package/fesm2022/pseudo-checkbox-module.mjs +0 -20
  331. package/fesm2022/pseudo-checkbox-module.mjs.map +0 -1
  332. package/fesm2022/pseudo-checkbox.mjs.map +0 -1
  333. package/fesm2022/public-api.mjs.map +0 -1
  334. package/fesm2022/radio/testing.mjs.map +0 -1
  335. package/fesm2022/ripple-loader.mjs.map +0 -1
  336. package/fesm2022/ripple-module.mjs +0 -20
  337. package/fesm2022/ripple-module.mjs.map +0 -1
  338. package/fesm2022/ripple.mjs.map +0 -1
  339. package/fesm2022/select/testing.mjs.map +0 -1
  340. package/fesm2022/select-module.mjs +0 -1318
  341. package/fesm2022/select-module.mjs.map +0 -1
  342. package/fesm2022/sidenav/testing.mjs.map +0 -1
  343. package/fesm2022/slide-toggle/testing.mjs.map +0 -1
  344. package/fesm2022/slider/testing.mjs.map +0 -1
  345. package/fesm2022/snack-bar/testing.mjs.map +0 -1
  346. package/fesm2022/sort/testing.mjs.map +0 -1
  347. package/fesm2022/stepper/testing.mjs.map +0 -1
  348. package/fesm2022/structural-styles.mjs.map +0 -1
  349. package/fesm2022/table/testing.mjs.map +0 -1
  350. package/fesm2022/tabs/testing.mjs.map +0 -1
  351. package/fesm2022/timepicker/testing.mjs.map +0 -1
  352. package/fesm2022/toolbar/testing.mjs.map +0 -1
  353. package/fesm2022/tooltip/testing.mjs.map +0 -1
  354. package/fesm2022/tooltip-module.mjs.map +0 -1
  355. package/fesm2022/tree/testing.mjs.map +0 -1
  356. package/icon/index.d.ts +0 -9
  357. package/option-module.d.d.ts +0 -13
  358. package/paginator/index.d.ts +0 -36
  359. package/select/index.d.ts +0 -38
  360. package/tooltip/index.d.ts +0 -21
  361. /package/{date-range-input-harness.d.d.ts → types/_date-range-input-harness-chunk.d.ts} +0 -0
  362. /package/{dialog.d.d.ts → types/_dialog-chunk.d.ts} +0 -0
  363. /package/{error-options.d.d.ts → types/_error-options-chunk.d.ts} +0 -0
  364. /package/{form-field-control.d.d.ts → types/_form-field-control-chunk.d.ts} +0 -0
  365. /package/{form-field-control-harness.d.d.ts → types/_form-field-control-harness-chunk.d.ts} +0 -0
  366. /package/{input-harness.d.d.ts → types/_input-harness-chunk.d.ts} +0 -0
  367. /package/{list-option-types.d.d.ts → types/_list-option-types-chunk.d.ts} +0 -0
  368. /package/{option.d.d.ts → types/_option-chunk.d.ts} +0 -0
  369. /package/{option-harness.d.d.ts → types/_option-harness-chunk.d.ts} +0 -0
  370. /package/{option-parent.d.d.ts → types/_option-parent-chunk.d.ts} +0 -0
  371. /package/{palette.d.d.ts → types/_palette-chunk.d.ts} +0 -0
  372. /package/{ripple-loader.d.d.ts → types/_ripple-loader-chunk.d.ts} +0 -0
  373. /package/{sort-direction.d.d.ts → types/_sort-direction-chunk.d.ts} +0 -0
  374. /package/{bottom-sheet/testing/index.d.ts → types/bottom-sheet-testing.d.ts} +0 -0
  375. /package/{card/testing/index.d.ts → types/card-testing.d.ts} +0 -0
  376. /package/{checkbox/testing/index.d.ts → types/checkbox-testing.d.ts} +0 -0
  377. /package/{chips/testing/index.d.ts → types/chips-testing.d.ts} +0 -0
  378. /package/{divider/testing/index.d.ts → types/divider-testing.d.ts} +0 -0
  379. /package/{expansion/testing/index.d.ts → types/expansion-testing.d.ts} +0 -0
  380. /package/{grid-list/testing/index.d.ts → types/grid-list-testing.d.ts} +0 -0
  381. /package/{index.d.ts → types/material.d.ts} +0 -0
  382. /package/{menu/testing/index.d.ts → types/menu-testing.d.ts} +0 -0
  383. /package/{progress-bar/testing/index.d.ts → types/progress-bar-testing.d.ts} +0 -0
  384. /package/{radio/testing/index.d.ts → types/radio-testing.d.ts} +0 -0
  385. /package/{select/testing/index.d.ts → types/select-testing.d.ts} +0 -0
  386. /package/{sidenav/testing/index.d.ts → types/sidenav-testing.d.ts} +0 -0
  387. /package/{slide-toggle/testing/index.d.ts → types/slide-toggle-testing.d.ts} +0 -0
  388. /package/{slider/testing/index.d.ts → types/slider-testing.d.ts} +0 -0
  389. /package/{snack-bar/testing/index.d.ts → types/snack-bar-testing.d.ts} +0 -0
  390. /package/{stepper/testing/index.d.ts → types/stepper-testing.d.ts} +0 -0
  391. /package/{tabs/testing/index.d.ts → types/tabs-testing.d.ts} +0 -0
  392. /package/{toolbar/testing/index.d.ts → types/toolbar-testing.d.ts} +0 -0
  393. /package/{tooltip/testing/index.d.ts → types/tooltip-testing.d.ts} +0 -0
  394. /package/{tree/testing/index.d.ts → types/tree-testing.d.ts} +0 -0
package/fesm2022/stepper.mjs CHANGED
@@ -1,32 +1,31 @@
1
+ import { BidiModule } from '@angular/cdk/bidi';
1
2
  import { TemplatePortal, CdkPortalOutlet, PortalModule } from '@angular/cdk/portal';
2
3
  import { CdkStepLabel, CdkStepHeader, CdkStep, CdkStepper, CdkStepperNext, CdkStepperPrevious, CdkStepperModule } from '@angular/cdk/stepper';
3
4
  import * as i0 from '@angular/core';
4
- import { Directive, Injectable, Optional, SkipSelf, inject, ChangeDetectorRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, TemplateRef, ViewContainerRef, ContentChild, NgZone, Renderer2, signal, QueryList, EventEmitter, ElementRef, ViewChildren, ContentChildren, Output, NgModule } from '@angular/core';
5
+ import { Directive, Injectable, inject, ChangeDetectorRef, Component, ViewEncapsulation, ChangeDetectionStrategy, Input, TemplateRef, ViewContainerRef, ContentChild, NgZone, Renderer2, signal, QueryList, EventEmitter, ElementRef, ViewChildren, ContentChildren, Output, NgModule } from '@angular/core';
5
6
  import { FocusMonitor } from '@angular/cdk/a11y';
6
7
  import { Subject, Subscription } from 'rxjs';
7
8
  import { NgTemplateOutlet } from '@angular/common';
8
9
  import { _CdkPrivateStyleLoader, _VisuallyHiddenLoader } from '@angular/cdk/private';
9
10
  import { MatIcon, MatIconModule } from './icon.mjs';
10
- import { _StructuralStylesLoader } from './structural-styles.mjs';
11
- import { MatRipple } from './ripple.mjs';
11
+ import { _StructuralStylesLoader } from './_structural-styles-chunk.mjs';
12
+ import { MatRipple } from './_ripple-chunk.mjs';
12
13
  import { Platform } from '@angular/cdk/platform';
13
14
  import { switchMap, map, startWith, takeUntil } from 'rxjs/operators';
14
- import { ErrorStateMatcher } from './error-options.mjs';
15
- import { _animationsDisabled } from './animation.mjs';
16
- import { MatCommonModule } from './common-module.mjs';
17
- import { MatRippleModule } from './ripple-module.mjs';
18
- import './icon-registry.mjs';
15
+ import { ErrorStateMatcher } from './_error-options-chunk.mjs';
16
+ import { _animationsDisabled } from './_animation-chunk.mjs';
17
+ import { MatRippleModule } from './_ripple-module-chunk.mjs';
18
+ import './_icon-registry-chunk.mjs';
19
19
  import '@angular/common/http';
20
20
  import '@angular/platform-browser';
21
21
  import '@angular/cdk/coercion';
22
22
  import '@angular/cdk/layout';
23
- import '@angular/cdk/bidi';
24
23
 
25
24
  class MatStepLabel extends CdkStepLabel {
26
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepLabel, deps: null, target: i0.ɵɵFactoryTarget.Directive });
27
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-rc.1", type: MatStepLabel, isStandalone: true, selector: "[matStepLabel]", usesInheritance: true, ngImport: i0 });
25
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepLabel, deps: null, target: i0.ɵɵFactoryTarget.Directive });
26
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatStepLabel, isStandalone: true, selector: "[matStepLabel]", usesInheritance: true, ngImport: i0 });
28
27
  }
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepLabel, decorators: [{
28
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepLabel, decorators: [{
30
29
  type: Directive,
31
30
  args: [{
32
31
  selector: '[matStepLabel]',
@@ -46,31 +45,13 @@ class MatStepperIntl {
46
45
  completedLabel = 'Completed';
47
46
  /** Label that is used to indicate step as editable to screen readers. */
48
47
  editableLabel = 'Editable';
49
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
50
- static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperIntl, providedIn: 'root' });
48
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperIntl, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
49
+ static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperIntl, providedIn: 'root' });
51
50
  }
52
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperIntl, decorators: [{
51
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperIntl, decorators: [{
53
52
  type: Injectable,
54
53
  args: [{ providedIn: 'root' }]
55
54
  }] });
56
- /**
57
- * @docs-private
58
- * @deprecated No longer used, will be removed.
59
- * @breaking-change 21.0.0
60
- */
61
- function MAT_STEPPER_INTL_PROVIDER_FACTORY(parentIntl) {
62
- return parentIntl || new MatStepperIntl();
63
- }
64
- /**
65
- * @docs-private
66
- * @deprecated No longer used, will be removed.
67
- * @breaking-change 21.0.0
68
- */
69
- const MAT_STEPPER_INTL_PROVIDER = {
70
- provide: MatStepperIntl,
71
- deps: [[new Optional(), new SkipSelf(), MatStepperIntl]],
72
- useFactory: MAT_STEPPER_INTL_PROVIDER_FACTORY,
73
- };
74
55
 
75
56
  class MatStepHeader extends CdkStepHeader {
76
57
  _intl = inject(MatStepperIntl);
@@ -162,16 +143,16 @@ class MatStepHeader extends CdkStepHeader {
162
143
  _hasErrorLabel() {
163
144
  return this.state === 'error';
164
145
  }
165
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
166
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0-rc.1", type: MatStepHeader, isStandalone: true, selector: "mat-step-header", inputs: { state: "state", label: "label", errorMessage: "errorMessage", iconOverrides: "iconOverrides", index: "index", selected: "selected", active: "active", optional: "optional", disableRipple: "disableRipple", color: "color" }, host: { attributes: { "role": "tab" }, properties: { "class.mat-step-header-empty-label": "_hasEmptyLabel()", "class": "\"mat-\" + (color || \"primary\")" }, classAttribute: "mat-step-header" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mat-step-header-ripple mat-focus-indicator\" matRipple\n [matRippleTrigger]=\"_getHostElement()\"\n [matRippleDisabled]=\"disableRipple\"></div>\n\n<div class=\"mat-step-icon-state-{{state}} mat-step-icon\" [class.mat-step-icon-selected]=\"selected\">\n <div class=\"mat-step-icon-content\">\n @if (iconOverrides && iconOverrides[state]) {\n <ng-container\n [ngTemplateOutlet]=\"iconOverrides[state]\"\n [ngTemplateOutletContext]=\"{index, active, optional}\"></ng-container>\n } @else {\n @switch (state) {\n @case ('number') {\n <span aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</span>\n }\n\n @default {\n @if (state === 'done') {\n <span class=\"cdk-visually-hidden\">{{_intl.completedLabel}}</span>\n } @else if (state === 'edit') {\n <span class=\"cdk-visually-hidden\">{{_intl.editableLabel}}</span>\n }\n\n <mat-icon aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</mat-icon>\n }\n }\n }\n </div>\n</div>\n<div class=\"mat-step-label\"\n [class.mat-step-label-active]=\"active\"\n [class.mat-step-label-selected]=\"selected\"\n [class.mat-step-label-error]=\"state == 'error'\">\n @if (_templateLabel(); as templateLabel) {\n <!-- If there is a label template, use it. -->\n <div class=\"mat-step-text-label\">\n <ng-container [ngTemplateOutlet]=\"templateLabel.template\"></ng-container>\n </div>\n } @else if (_stringLabel()) {\n <!-- If there is no label template, fall back to the text label. -->\n <div class=\"mat-step-text-label\">{{label}}</div>\n }\n\n @if (_hasOptionalLabel()) {\n <div class=\"mat-step-optional\">{{_intl.optionalLabel}}</div>\n }\n\n @if (_hasErrorLabel()) {\n <div class=\"mat-step-sub-label-error\">{{errorMessage}}</div>\n }\n</div>\n\n", styles: [".mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-step-header:focus .mat-focus-indicator::before{content:\"\"}.mat-step-header:hover[aria-disabled=true]{cursor:default}.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:var(--mat-stepper-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-hover-state-layer-shape, var(--mat-sys-corner-medium))}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused{background-color:var(--mat-stepper-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-focus-state-layer-shape, var(--mat-sys-corner-medium))}@media(hover: none){.mat-step-header:hover{background:none}}@media(forced-colors: active){.mat-step-header{outline:solid 1px}.mat-step-header[aria-selected=true] .mat-step-label{text-decoration:underline}.mat-step-header[aria-disabled=true]{outline-color:GrayText}.mat-step-header[aria-disabled=true] .mat-step-label,.mat-step-header[aria-disabled=true] .mat-step-icon,.mat-step-header[aria-disabled=true] .mat-step-optional{color:GrayText}}.mat-step-optional{font-size:12px;color:var(--mat-stepper-header-optional-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-sub-label-error{font-size:12px;font-weight:normal}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative;color:var(--mat-stepper-header-icon-foreground-color, var(--mat-sys-surface));background-color:var(--mat-stepper-header-icon-background-color, var(--mat-sys-on-surface-variant))}.mat-step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error{background-color:var(--mat-stepper-header-error-state-icon-background-color, transparent);color:var(--mat-stepper-header-error-state-icon-foreground-color, var(--mat-sys-error))}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;font-family:var(--mat-stepper-header-label-text-font, var(--mat-sys-title-small-font));font-size:var(--mat-stepper-header-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-label-text-weight, var(--mat-sys-title-small-weight));color:var(--mat-stepper-header-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-active{color:var(--mat-stepper-header-selected-state-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-error{color:var(--mat-stepper-header-error-state-label-text-color, var(--mat-sys-error));font-size:var(--mat-stepper-header-error-state-label-text-size, var(--mat-sys-title-small-size))}.mat-step-label.mat-step-label-selected{font-size:var(--mat-stepper-header-selected-state-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-selected-state-label-text-weight, var(--mat-sys-title-small-weight))}.mat-step-header-empty-label .mat-step-label{min-width:0}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-step-icon-selected{background-color:var(--mat-stepper-header-selected-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-selected-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-done{background-color:var(--mat-stepper-header-done-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-done-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-edit{background-color:var(--mat-stepper-header-edit-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-edit-state-icon-foreground-color, var(--mat-sys-on-primary))}\n"], dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
146
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepHeader, deps: [], target: i0.ɵɵFactoryTarget.Component });
147
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0-next.2", type: MatStepHeader, isStandalone: true, selector: "mat-step-header", inputs: { state: "state", label: "label", errorMessage: "errorMessage", iconOverrides: "iconOverrides", index: "index", selected: "selected", active: "active", optional: "optional", disableRipple: "disableRipple", color: "color" }, host: { attributes: { "role": "" }, properties: { "class.mat-step-header-empty-label": "_hasEmptyLabel()", "class": "\"mat-\" + (color || \"primary\")" }, classAttribute: "mat-step-header" }, usesInheritance: true, ngImport: i0, template: "<div class=\"mat-step-header-ripple mat-focus-indicator\" matRipple\n [matRippleTrigger]=\"_getHostElement()\"\n [matRippleDisabled]=\"disableRipple\"></div>\n\n<div class=\"mat-step-icon-state-{{state}} mat-step-icon\" [class.mat-step-icon-selected]=\"selected\">\n <div class=\"mat-step-icon-content\">\n @if (iconOverrides && iconOverrides[state]) {\n <ng-container\n [ngTemplateOutlet]=\"iconOverrides[state]\"\n [ngTemplateOutletContext]=\"{index, active, optional}\"></ng-container>\n } @else {\n @switch (state) {\n @case ('number') {\n <span aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</span>\n }\n\n @default {\n @if (state === 'done') {\n <span class=\"cdk-visually-hidden\">{{_intl.completedLabel}}</span>\n } @else if (state === 'edit') {\n <span class=\"cdk-visually-hidden\">{{_intl.editableLabel}}</span>\n }\n\n <mat-icon aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</mat-icon>\n }\n }\n }\n </div>\n</div>\n<div class=\"mat-step-label\"\n [class.mat-step-label-active]=\"active\"\n [class.mat-step-label-selected]=\"selected\"\n [class.mat-step-label-error]=\"state == 'error'\">\n @if (_templateLabel(); as templateLabel) {\n <!-- If there is a label template, use it. -->\n <div class=\"mat-step-text-label\">\n <ng-container [ngTemplateOutlet]=\"templateLabel.template\"></ng-container>\n </div>\n } @else if (_stringLabel()) {\n <!-- If there is no label template, fall back to the text label. -->\n <div class=\"mat-step-text-label\">{{label}}</div>\n }\n\n @if (_hasOptionalLabel()) {\n <div class=\"mat-step-optional\">{{_intl.optionalLabel}}</div>\n }\n\n @if (_hasErrorLabel()) {\n <div class=\"mat-step-sub-label-error\">{{errorMessage}}</div>\n }\n</div>\n\n", styles: [".mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-step-header:focus .mat-focus-indicator::before{content:\"\"}.mat-step-header:hover[aria-disabled=true]{cursor:default}.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:var(--mat-stepper-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-hover-state-layer-shape, var(--mat-sys-corner-medium))}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused{background-color:var(--mat-stepper-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-focus-state-layer-shape, var(--mat-sys-corner-medium))}@media(hover: none){.mat-step-header:hover{background:none}}@media(forced-colors: active){.mat-step-header{outline:solid 1px}.mat-step-header[aria-selected=true] .mat-step-label{text-decoration:underline}.mat-step-header[aria-disabled=true]{outline-color:GrayText}.mat-step-header[aria-disabled=true] .mat-step-label,.mat-step-header[aria-disabled=true] .mat-step-icon,.mat-step-header[aria-disabled=true] .mat-step-optional{color:GrayText}}.mat-step-optional{font-size:12px;color:var(--mat-stepper-header-optional-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-sub-label-error{font-size:12px;font-weight:normal}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative;color:var(--mat-stepper-header-icon-foreground-color, var(--mat-sys-surface));background-color:var(--mat-stepper-header-icon-background-color, var(--mat-sys-on-surface-variant))}.mat-step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error{background-color:var(--mat-stepper-header-error-state-icon-background-color, transparent);color:var(--mat-stepper-header-error-state-icon-foreground-color, var(--mat-sys-error))}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;font-family:var(--mat-stepper-header-label-text-font, var(--mat-sys-title-small-font));font-size:var(--mat-stepper-header-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-label-text-weight, var(--mat-sys-title-small-weight));color:var(--mat-stepper-header-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-active{color:var(--mat-stepper-header-selected-state-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-error{color:var(--mat-stepper-header-error-state-label-text-color, var(--mat-sys-error));font-size:var(--mat-stepper-header-error-state-label-text-size, var(--mat-sys-title-small-size))}.mat-step-label.mat-step-label-selected{font-size:var(--mat-stepper-header-selected-state-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-selected-state-label-text-weight, var(--mat-sys-title-small-weight))}.mat-step-header-empty-label .mat-step-label{min-width:0}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-step-icon-selected{background-color:var(--mat-stepper-header-selected-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-selected-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-done{background-color:var(--mat-stepper-header-done-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-done-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-edit{background-color:var(--mat-stepper-header-edit-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-edit-state-icon-foreground-color, var(--mat-sys-on-primary))}\n"], dependencies: [{ kind: "directive", type: MatRipple, selector: "[mat-ripple], [matRipple]", inputs: ["matRippleColor", "matRippleUnbounded", "matRippleCentered", "matRippleRadius", "matRippleAnimation", "matRippleDisabled", "matRippleTrigger"], exportAs: ["matRipple"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
167
148
  }
168
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepHeader, decorators: [{
149
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepHeader, decorators: [{
169
150
  type: Component,
170
151
  args: [{ selector: 'mat-step-header', host: {
171
152
  'class': 'mat-step-header',
172
153
  '[class.mat-step-header-empty-label]': '_hasEmptyLabel()',
173
154
  '[class]': '"mat-" + (color || "primary")',
174
- 'role': 'tab',
155
+ 'role': '', // ignore cdk role in favor of setting appropriately in html
175
156
  }, encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [MatRipple, NgTemplateOutlet, MatIcon], template: "<div class=\"mat-step-header-ripple mat-focus-indicator\" matRipple\n [matRippleTrigger]=\"_getHostElement()\"\n [matRippleDisabled]=\"disableRipple\"></div>\n\n<div class=\"mat-step-icon-state-{{state}} mat-step-icon\" [class.mat-step-icon-selected]=\"selected\">\n <div class=\"mat-step-icon-content\">\n @if (iconOverrides && iconOverrides[state]) {\n <ng-container\n [ngTemplateOutlet]=\"iconOverrides[state]\"\n [ngTemplateOutletContext]=\"{index, active, optional}\"></ng-container>\n } @else {\n @switch (state) {\n @case ('number') {\n <span aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</span>\n }\n\n @default {\n @if (state === 'done') {\n <span class=\"cdk-visually-hidden\">{{_intl.completedLabel}}</span>\n } @else if (state === 'edit') {\n <span class=\"cdk-visually-hidden\">{{_intl.editableLabel}}</span>\n }\n\n <mat-icon aria-hidden=\"true\">{{_getDefaultTextForState(state)}}</mat-icon>\n }\n }\n }\n </div>\n</div>\n<div class=\"mat-step-label\"\n [class.mat-step-label-active]=\"active\"\n [class.mat-step-label-selected]=\"selected\"\n [class.mat-step-label-error]=\"state == 'error'\">\n @if (_templateLabel(); as templateLabel) {\n <!-- If there is a label template, use it. -->\n <div class=\"mat-step-text-label\">\n <ng-container [ngTemplateOutlet]=\"templateLabel.template\"></ng-container>\n </div>\n } @else if (_stringLabel()) {\n <!-- If there is no label template, fall back to the text label. -->\n <div class=\"mat-step-text-label\">{{label}}</div>\n }\n\n @if (_hasOptionalLabel()) {\n <div class=\"mat-step-optional\">{{_intl.optionalLabel}}</div>\n }\n\n @if (_hasErrorLabel()) {\n <div class=\"mat-step-sub-label-error\">{{errorMessage}}</div>\n }\n</div>\n\n", styles: [".mat-step-header{overflow:hidden;outline:none;cursor:pointer;position:relative;box-sizing:content-box;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mat-step-header:focus .mat-focus-indicator::before{content:\"\"}.mat-step-header:hover[aria-disabled=true]{cursor:default}.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:var(--mat-stepper-header-hover-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-hover-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-hover-state-layer-shape, var(--mat-sys-corner-medium))}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused{background-color:var(--mat-stepper-header-focus-state-layer-color, color-mix(in srgb, var(--mat-sys-on-surface) calc(var(--mat-sys-focus-state-layer-opacity) * 100%), transparent));border-radius:var(--mat-stepper-header-focus-state-layer-shape, var(--mat-sys-corner-medium))}@media(hover: none){.mat-step-header:hover{background:none}}@media(forced-colors: active){.mat-step-header{outline:solid 1px}.mat-step-header[aria-selected=true] .mat-step-label{text-decoration:underline}.mat-step-header[aria-disabled=true]{outline-color:GrayText}.mat-step-header[aria-disabled=true] .mat-step-label,.mat-step-header[aria-disabled=true] .mat-step-icon,.mat-step-header[aria-disabled=true] .mat-step-optional{color:GrayText}}.mat-step-optional{font-size:12px;color:var(--mat-stepper-header-optional-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-sub-label-error{font-size:12px;font-weight:normal}.mat-step-icon{border-radius:50%;height:24px;width:24px;flex-shrink:0;position:relative;color:var(--mat-stepper-header-icon-foreground-color, var(--mat-sys-surface));background-color:var(--mat-stepper-header-icon-background-color, var(--mat-sys-on-surface-variant))}.mat-step-icon-content{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:flex}.mat-step-icon .mat-icon{font-size:16px;height:16px;width:16px}.mat-step-icon-state-error{background-color:var(--mat-stepper-header-error-state-icon-background-color, transparent);color:var(--mat-stepper-header-error-state-icon-foreground-color, var(--mat-sys-error))}.mat-step-icon-state-error .mat-icon{font-size:24px;height:24px;width:24px}.mat-step-label{display:inline-block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:50px;vertical-align:middle;font-family:var(--mat-stepper-header-label-text-font, var(--mat-sys-title-small-font));font-size:var(--mat-stepper-header-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-label-text-weight, var(--mat-sys-title-small-weight));color:var(--mat-stepper-header-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-active{color:var(--mat-stepper-header-selected-state-label-text-color, var(--mat-sys-on-surface-variant))}.mat-step-label.mat-step-label-error{color:var(--mat-stepper-header-error-state-label-text-color, var(--mat-sys-error));font-size:var(--mat-stepper-header-error-state-label-text-size, var(--mat-sys-title-small-size))}.mat-step-label.mat-step-label-selected{font-size:var(--mat-stepper-header-selected-state-label-text-size, var(--mat-sys-title-small-size));font-weight:var(--mat-stepper-header-selected-state-label-text-weight, var(--mat-sys-title-small-weight))}.mat-step-header-empty-label .mat-step-label{min-width:0}.mat-step-text-label{text-overflow:ellipsis;overflow:hidden}.mat-step-header .mat-step-header-ripple{top:0;left:0;right:0;bottom:0;position:absolute;pointer-events:none}.mat-step-icon-selected{background-color:var(--mat-stepper-header-selected-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-selected-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-done{background-color:var(--mat-stepper-header-done-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-done-state-icon-foreground-color, var(--mat-sys-on-primary))}.mat-step-icon-state-edit{background-color:var(--mat-stepper-header-edit-state-icon-background-color, var(--mat-sys-primary));color:var(--mat-stepper-header-edit-state-icon-foreground-color, var(--mat-sys-on-primary))}\n"] }]
176
157
  }], ctorParameters: () => [], propDecorators: { state: [{
177
158
  type: Input
@@ -203,10 +184,10 @@ class MatStepperIcon {
203
184
  /** Name of the icon to be overridden. */
204
185
  name;
205
186
  constructor() { }
206
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
207
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-rc.1", type: MatStepperIcon, isStandalone: true, selector: "ng-template[matStepperIcon]", inputs: { name: ["matStepperIcon", "name"] }, ngImport: i0 });
187
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperIcon, deps: [], target: i0.ɵɵFactoryTarget.Directive });
188
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatStepperIcon, isStandalone: true, selector: "ng-template[matStepperIcon]", inputs: { name: ["matStepperIcon", "name"] }, ngImport: i0 });
208
189
  }
209
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperIcon, decorators: [{
190
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperIcon, decorators: [{
210
191
  type: Directive,
211
192
  args: [{
212
193
  selector: 'ng-template[matStepperIcon]',
@@ -222,10 +203,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ng
222
203
  class MatStepContent {
223
204
  _template = inject(TemplateRef);
224
205
  constructor() { }
225
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
226
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-rc.1", type: MatStepContent, isStandalone: true, selector: "ng-template[matStepContent]", ngImport: i0 });
206
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepContent, deps: [], target: i0.ɵɵFactoryTarget.Directive });
207
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatStepContent, isStandalone: true, selector: "ng-template[matStepContent]", ngImport: i0 });
227
208
  }
228
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepContent, decorators: [{
209
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepContent, decorators: [{
229
210
  type: Directive,
230
211
  args: [{
231
212
  selector: 'ng-template[matStepContent]',
@@ -274,13 +255,13 @@ class MatStep extends CdkStep {
274
255
  const customErrorState = !!(control && control.invalid && this.interacted);
275
256
  return originalErrorState || customErrorState;
276
257
  }
277
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStep, deps: null, target: i0.ɵɵFactoryTarget.Component });
278
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0-rc.1", type: MatStep, isStandalone: true, selector: "mat-step", inputs: { color: "color" }, host: { attributes: { "hidden": "" } }, providers: [
258
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStep, deps: null, target: i0.ɵɵFactoryTarget.Component });
259
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatStep, isStandalone: true, selector: "mat-step", inputs: { color: "color" }, host: { attributes: { "hidden": "" } }, providers: [
279
260
  { provide: ErrorStateMatcher, useExisting: MatStep },
280
261
  { provide: CdkStep, useExisting: MatStep },
281
262
  ], queries: [{ propertyName: "stepLabel", first: true, predicate: MatStepLabel, descendants: true }, { propertyName: "_lazyContent", first: true, predicate: MatStepContent, descendants: true }], exportAs: ["matStep"], usesInheritance: true, ngImport: i0, template: "<ng-template>\n <ng-content></ng-content>\n <ng-template [cdkPortalOutlet]=\"_portal\"></ng-template>\n</ng-template>\n", dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
282
263
  }
283
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStep, decorators: [{
264
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStep, decorators: [{
284
265
  type: Component,
285
266
  args: [{ selector: 'mat-step', providers: [
286
267
  { provide: ErrorStateMatcher, useExisting: MatStep },
@@ -443,10 +424,10 @@ class MatStepper extends CdkStepper {
443
424
  this._isAnimating.set(false);
444
425
  this.animationDone.emit();
445
426
  }
446
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
447
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0-rc.1", type: MatStepper, isStandalone: true, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: { disableRipple: "disableRipple", color: "color", labelPosition: "labelPosition", headerPosition: "headerPosition", animationDuration: "animationDuration" }, outputs: { animationDone: "animationDone" }, host: { attributes: { "role": "tablist" }, properties: { "class.mat-stepper-horizontal": "orientation === \"horizontal\"", "class.mat-stepper-vertical": "orientation === \"vertical\"", "class.mat-stepper-label-position-end": "orientation === \"horizontal\" && labelPosition == \"end\"", "class.mat-stepper-label-position-bottom": "orientation === \"horizontal\" && labelPosition == \"bottom\"", "class.mat-stepper-header-position-bottom": "headerPosition === \"bottom\"", "class.mat-stepper-animating": "_isAnimating()", "style.--mat-stepper-animation-duration": "_getAnimationDuration()", "attr.aria-orientation": "orientation" } }, providers: [{ provide: CdkStepper, useExisting: MatStepper }], queries: [{ propertyName: "_steps", predicate: MatStep, descendants: true }, { propertyName: "_icons", predicate: MatStepperIcon, descendants: true }], viewQueries: [{ propertyName: "_stepHeader", predicate: MatStepHeader, descendants: true }, { propertyName: "_animatedContainers", predicate: ["animatedContainer"], descendants: true }], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<!--\n We need to project the content somewhere to avoid hydration errors. Some observations:\n 1. This is only necessary on the server.\n 2. We get a hydration error if there aren't any nodes after the `ng-content`.\n 3. We get a hydration error if `ng-content` is wrapped in another element.\n-->\n@if (_isServer) {\n <ng-content/>\n}\n\n@switch (orientation) {\n @case ('horizontal') {\n <div class=\"mat-horizontal-stepper-wrapper\">\n <div class=\"mat-horizontal-stepper-header-container\">\n @for (step of steps; track step) {\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step}\"/>\n @if (!$last) {\n <div class=\"mat-stepper-horizontal-line\"></div>\n }\n }\n </div>\n\n <div class=\"mat-horizontal-content-container\">\n @for (step of steps; track step) {\n <div\n #animatedContainer\n class=\"mat-horizontal-stepper-content\"\n role=\"tabpanel\"\n [id]=\"_getStepContentId($index)\"\n [attr.aria-labelledby]=\"_getStepLabelId($index)\"\n [class]=\"'mat-horizontal-stepper-content-' + _getAnimationDirection($index)\"\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\n </div>\n }\n </div>\n </div>\n }\n\n @case ('vertical') {\n @for (step of steps; track step) {\n <div class=\"mat-step\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step}\"/>\n <div\n #animatedContainer\n class=\"mat-vertical-content-container\"\n [class.mat-stepper-vertical-line]=\"!$last\"\n [class.mat-vertical-content-container-active]=\"selectedIndex === $index\"\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\n <div class=\"mat-vertical-stepper-content\"\n role=\"tabpanel\"\n [id]=\"_getStepContentId($index)\"\n [attr.aria-labelledby]=\"_getStepLabelId($index)\">\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\n </div>\n </div>\n </div>\n </div>\n }\n }\n}\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === step.index() ? 0 : -1\"\n [id]=\"_getStepLabelId(step.index())\"\n [attr.aria-posinset]=\"step.index() + 1\"\n [attr.aria-setsize]=\"steps.length\"\n [attr.aria-controls]=\"_getStepContentId(step.index())\"\n [attr.aria-selected]=\"step.isSelected()\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"step.isNavigable() ? null : true\"\n [index]=\"step.index()\"\n [state]=\"step.indicatorType()\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"step.isSelected()\"\n [active]=\"step.isNavigable()\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !step.isNavigable()\"\n [color]=\"step.color || color\"/>\n</ng-template>\n", styles: [".mat-stepper-vertical,.mat-stepper-horizontal{display:block;font-family:var(--mat-stepper-container-text-font, var(--mat-sys-body-medium-font));background:var(--mat-stepper-container-color, var(--mat-sys-surface))}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-header-position-bottom .mat-horizontal-stepper-header-container{order:1}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative;top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:var(--mat-stepper-header-height, 72px)}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-horizontal-stepper-header.mat-step-header-empty-label .mat-step-icon{margin:0}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after{border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after{top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-wrapper{display:flex;flex-direction:column}.mat-horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.mat-stepper-animations-enabled .mat-horizontal-stepper-content{transition:transform var(--mat-stepper-animation-duration, 0) cubic-bezier(0.35, 0, 0.25, 1)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-previous{transform:translate3d(-100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-next{transform:translate3d(100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.mat-stepper-horizontal:not(.mat-stepper-animating) .mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{overflow:visible}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}@media(forced-colors: active){.mat-horizontal-content-container{outline:solid 1px}}.mat-stepper-header-position-bottom .mat-horizontal-content-container{padding:24px 24px 0 24px}.mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(0.4, 0, 0.2, 1)}.mat-vertical-content-container.mat-vertical-content-container-active{grid-template-rows:1fr}.mat-step:last-child .mat-vertical-content-container{border:none}@media(forced-colors: active){.mat-vertical-content-container{outline:solid 1px}}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.mat-vertical-content-container{height:0}.mat-vertical-content-container.mat-vertical-content-container-active{height:auto}}.mat-stepper-vertical-line::before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-stepper-line-color, var(--mat-sys-outline));top:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2));bottom:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2))}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.mat-stepper-animations-enabled .mat-vertical-stepper-content{transition:visibility var(--mat-stepper-animation-duration, 0) linear}.mat-vertical-content-container-active>.mat-vertical-stepper-content{visibility:visible}.mat-vertical-content{padding:0 24px 24px 24px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
427
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
428
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.2.0-next.2", type: MatStepper, isStandalone: true, selector: "mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]", inputs: { disableRipple: "disableRipple", color: "color", labelPosition: "labelPosition", headerPosition: "headerPosition", animationDuration: "animationDuration" }, outputs: { animationDone: "animationDone" }, host: { properties: { "class.mat-stepper-horizontal": "orientation === \"horizontal\"", "class.mat-stepper-vertical": "orientation === \"vertical\"", "class.mat-stepper-label-position-end": "orientation === \"horizontal\" && labelPosition == \"end\"", "class.mat-stepper-label-position-bottom": "orientation === \"horizontal\" && labelPosition == \"bottom\"", "class.mat-stepper-header-position-bottom": "headerPosition === \"bottom\"", "class.mat-stepper-animating": "_isAnimating()", "style.--mat-stepper-animation-duration": "_getAnimationDuration()" } }, providers: [{ provide: CdkStepper, useExisting: MatStepper }], queries: [{ propertyName: "_steps", predicate: MatStep, descendants: true }, { propertyName: "_icons", predicate: MatStepperIcon, descendants: true }], viewQueries: [{ propertyName: "_stepHeader", predicate: MatStepHeader, descendants: true }, { propertyName: "_animatedContainers", predicate: ["animatedContainer"], descendants: true }], exportAs: ["matStepper", "matVerticalStepper", "matHorizontalStepper"], usesInheritance: true, ngImport: i0, template: "<!--\n We need to project the content somewhere to avoid hydration errors. Some observations:\n 1. This is only necessary on the server.\n 2. We get a hydration error if there aren't any nodes after the `ng-content`.\n 3. We get a hydration error if `ng-content` is wrapped in another element.\n-->\n@if (_isServer) {\n <ng-content/>\n}\n\n@switch (orientation) {\n @case ('horizontal') {\n <div class=\"mat-horizontal-stepper-wrapper\">\n <div \n aria-orientation=\"horizontal\"\n class=\"mat-horizontal-stepper-header-container\" \n role=\"tablist\">\n @for (step of steps; track step) {\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step}\"/>\n @if (!$last) {\n <div class=\"mat-stepper-horizontal-line\"></div>\n }\n }\n </div>\n\n <div class=\"mat-horizontal-content-container\">\n @for (step of steps; track step) {\n <div\n #animatedContainer\n class=\"mat-horizontal-stepper-content\"\n role=\"tabpanel\"\n [id]=\"_getStepContentId($index)\"\n [attr.aria-labelledby]=\"_getStepLabelId($index)\"\n [class]=\"'mat-horizontal-stepper-content-' + _getAnimationDirection($index)\"\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\n </div>\n }\n </div>\n </div>\n }\n\n @case ('vertical') {\n <div class=\"mat-vertical-stepper-wrapper\">\n @for (step of steps; track step) {\n <div class=\"mat-step\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step}\"/>\n <div\n #animatedContainer\n class=\"mat-vertical-content-container\"\n [class.mat-stepper-vertical-line]=\"!$last\"\n [class.mat-vertical-content-container-active]=\"selectedIndex === $index\"\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\n <div \n class=\"mat-vertical-stepper-content\"\n role=\"region\"\n [id]=\"_getStepContentId($index)\"\n [attr.aria-labelledby]=\"_getStepLabelId($index)\">\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n }\n}\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === step.index() ? 0 : -1\"\n [id]=\"_getStepLabelId(step.index())\"\n [attr.role]=\"orientation === 'horizontal' ? 'tab' : 'button'\"\n [attr.aria-posinset]=\"orientation === 'horizontal' ? step.index() + 1 : null\"\n [attr.aria-setsize]=\"orientation === 'horizontal' ? steps.length : null\"\n [attr.aria-selected]=\"orientation === 'horizontal' ? step.isSelected() : null\"\n [attr.aria-current]=\"orientation === 'vertical' && step.isSelected() ? 'step' : null\"\n [attr.aria-disabled]=\"orientation === 'vertical' && step.isSelected() ? 'true' : null\"\n [attr.aria-expanded]=\"orientation === 'vertical' ? step.isSelected() : null\"\n [attr.aria-controls]=\"_getStepContentId(step.index())\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"step.isNavigable() ? null : true\"\n [index]=\"step.index()\"\n [state]=\"step.indicatorType()\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"step.isSelected()\"\n [active]=\"step.isNavigable()\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !step.isNavigable()\"\n [color]=\"step.color || color\"/>\n</ng-template>\n", styles: [".mat-stepper-vertical,.mat-stepper-horizontal{display:block;font-family:var(--mat-stepper-container-text-font, var(--mat-sys-body-medium-font));background:var(--mat-stepper-container-color, var(--mat-sys-surface))}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-header-position-bottom .mat-horizontal-stepper-header-container{order:1}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative;top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:var(--mat-stepper-header-height, 72px)}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-horizontal-stepper-header.mat-step-header-empty-label .mat-step-icon{margin:0}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after{border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after{top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-wrapper{display:flex;flex-direction:column}.mat-horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.mat-stepper-animations-enabled .mat-horizontal-stepper-content{transition:transform var(--mat-stepper-animation-duration, 0) cubic-bezier(0.35, 0, 0.25, 1)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-previous{transform:translate3d(-100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-next{transform:translate3d(100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.mat-stepper-horizontal:not(.mat-stepper-animating) .mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{overflow:visible}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}@media(forced-colors: active){.mat-horizontal-content-container{outline:solid 1px}}.mat-stepper-header-position-bottom .mat-horizontal-content-container{padding:24px 24px 0 24px}.mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(0.4, 0, 0.2, 1)}.mat-vertical-content-container.mat-vertical-content-container-active{grid-template-rows:1fr}.mat-step:last-child .mat-vertical-content-container{border:none}@media(forced-colors: active){.mat-vertical-content-container{outline:solid 1px}}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.mat-vertical-content-container{height:0}.mat-vertical-content-container.mat-vertical-content-container-active{height:auto}}.mat-stepper-vertical-line::before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-stepper-line-color, var(--mat-sys-outline));top:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2));bottom:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2))}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.mat-stepper-animations-enabled .mat-vertical-stepper-content{transition:visibility var(--mat-stepper-animation-duration, 0) linear}.mat-vertical-content-container-active>.mat-vertical-stepper-content{visibility:visible}.mat-vertical-content{padding:0 24px 24px 24px}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: MatStepHeader, selector: "mat-step-header", inputs: ["state", "label", "errorMessage", "iconOverrides", "index", "selected", "active", "optional", "disableRipple", "color"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
448
429
  }
449
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepper, decorators: [{
430
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepper, decorators: [{
450
431
  type: Component,
451
432
  args: [{ selector: 'mat-stepper, mat-vertical-stepper, mat-horizontal-stepper, [matStepper]', exportAs: 'matStepper, matVerticalStepper, matHorizontalStepper', host: {
452
433
  '[class.mat-stepper-horizontal]': 'orientation === "horizontal"',
@@ -456,9 +437,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ng
456
437
  '[class.mat-stepper-header-position-bottom]': 'headerPosition === "bottom"',
457
438
  '[class.mat-stepper-animating]': '_isAnimating()',
458
439
  '[style.--mat-stepper-animation-duration]': '_getAnimationDuration()',
459
- '[attr.aria-orientation]': 'orientation',
460
- 'role': 'tablist',
461
- }, providers: [{ provide: CdkStepper, useExisting: MatStepper }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MatStepHeader], template: "<!--\n We need to project the content somewhere to avoid hydration errors. Some observations:\n 1. This is only necessary on the server.\n 2. We get a hydration error if there aren't any nodes after the `ng-content`.\n 3. We get a hydration error if `ng-content` is wrapped in another element.\n-->\n@if (_isServer) {\n <ng-content/>\n}\n\n@switch (orientation) {\n @case ('horizontal') {\n <div class=\"mat-horizontal-stepper-wrapper\">\n <div class=\"mat-horizontal-stepper-header-container\">\n @for (step of steps; track step) {\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step}\"/>\n @if (!$last) {\n <div class=\"mat-stepper-horizontal-line\"></div>\n }\n }\n </div>\n\n <div class=\"mat-horizontal-content-container\">\n @for (step of steps; track step) {\n <div\n #animatedContainer\n class=\"mat-horizontal-stepper-content\"\n role=\"tabpanel\"\n [id]=\"_getStepContentId($index)\"\n [attr.aria-labelledby]=\"_getStepLabelId($index)\"\n [class]=\"'mat-horizontal-stepper-content-' + _getAnimationDirection($index)\"\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\n </div>\n }\n </div>\n </div>\n }\n\n @case ('vertical') {\n @for (step of steps; track step) {\n <div class=\"mat-step\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step}\"/>\n <div\n #animatedContainer\n class=\"mat-vertical-content-container\"\n [class.mat-stepper-vertical-line]=\"!$last\"\n [class.mat-vertical-content-container-active]=\"selectedIndex === $index\"\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\n <div class=\"mat-vertical-stepper-content\"\n role=\"tabpanel\"\n [id]=\"_getStepContentId($index)\"\n [attr.aria-labelledby]=\"_getStepLabelId($index)\">\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\n </div>\n </div>\n </div>\n </div>\n }\n }\n}\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === step.index() ? 0 : -1\"\n [id]=\"_getStepLabelId(step.index())\"\n [attr.aria-posinset]=\"step.index() + 1\"\n [attr.aria-setsize]=\"steps.length\"\n [attr.aria-controls]=\"_getStepContentId(step.index())\"\n [attr.aria-selected]=\"step.isSelected()\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"step.isNavigable() ? null : true\"\n [index]=\"step.index()\"\n [state]=\"step.indicatorType()\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"step.isSelected()\"\n [active]=\"step.isNavigable()\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !step.isNavigable()\"\n [color]=\"step.color || color\"/>\n</ng-template>\n", styles: [".mat-stepper-vertical,.mat-stepper-horizontal{display:block;font-family:var(--mat-stepper-container-text-font, var(--mat-sys-body-medium-font));background:var(--mat-stepper-container-color, var(--mat-sys-surface))}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-header-position-bottom .mat-horizontal-stepper-header-container{order:1}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative;top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:var(--mat-stepper-header-height, 72px)}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-horizontal-stepper-header.mat-step-header-empty-label .mat-step-icon{margin:0}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after{border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after{top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-wrapper{display:flex;flex-direction:column}.mat-horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.mat-stepper-animations-enabled .mat-horizontal-stepper-content{transition:transform var(--mat-stepper-animation-duration, 0) cubic-bezier(0.35, 0, 0.25, 1)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-previous{transform:translate3d(-100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-next{transform:translate3d(100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.mat-stepper-horizontal:not(.mat-stepper-animating) .mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{overflow:visible}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}@media(forced-colors: active){.mat-horizontal-content-container{outline:solid 1px}}.mat-stepper-header-position-bottom .mat-horizontal-content-container{padding:24px 24px 0 24px}.mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(0.4, 0, 0.2, 1)}.mat-vertical-content-container.mat-vertical-content-container-active{grid-template-rows:1fr}.mat-step:last-child .mat-vertical-content-container{border:none}@media(forced-colors: active){.mat-vertical-content-container{outline:solid 1px}}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.mat-vertical-content-container{height:0}.mat-vertical-content-container.mat-vertical-content-container-active{height:auto}}.mat-stepper-vertical-line::before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-stepper-line-color, var(--mat-sys-outline));top:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2));bottom:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2))}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.mat-stepper-animations-enabled .mat-vertical-stepper-content{transition:visibility var(--mat-stepper-animation-duration, 0) linear}.mat-vertical-content-container-active>.mat-vertical-stepper-content{visibility:visible}.mat-vertical-content{padding:0 24px 24px 24px}\n"] }]
440
+ }, providers: [{ provide: CdkStepper, useExisting: MatStepper }], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, imports: [NgTemplateOutlet, MatStepHeader], template: "<!--\n We need to project the content somewhere to avoid hydration errors. Some observations:\n 1. This is only necessary on the server.\n 2. We get a hydration error if there aren't any nodes after the `ng-content`.\n 3. We get a hydration error if `ng-content` is wrapped in another element.\n-->\n@if (_isServer) {\n <ng-content/>\n}\n\n@switch (orientation) {\n @case ('horizontal') {\n <div class=\"mat-horizontal-stepper-wrapper\">\n <div \n aria-orientation=\"horizontal\"\n class=\"mat-horizontal-stepper-header-container\" \n role=\"tablist\">\n @for (step of steps; track step) {\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step}\"/>\n @if (!$last) {\n <div class=\"mat-stepper-horizontal-line\"></div>\n }\n }\n </div>\n\n <div class=\"mat-horizontal-content-container\">\n @for (step of steps; track step) {\n <div\n #animatedContainer\n class=\"mat-horizontal-stepper-content\"\n role=\"tabpanel\"\n [id]=\"_getStepContentId($index)\"\n [attr.aria-labelledby]=\"_getStepLabelId($index)\"\n [class]=\"'mat-horizontal-stepper-content-' + _getAnimationDirection($index)\"\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\n </div>\n }\n </div>\n </div>\n }\n\n @case ('vertical') {\n <div class=\"mat-vertical-stepper-wrapper\">\n @for (step of steps; track step) {\n <div class=\"mat-step\">\n <ng-container\n [ngTemplateOutlet]=\"stepTemplate\"\n [ngTemplateOutletContext]=\"{step}\"/>\n <div\n #animatedContainer\n class=\"mat-vertical-content-container\"\n [class.mat-stepper-vertical-line]=\"!$last\"\n [class.mat-vertical-content-container-active]=\"selectedIndex === $index\"\n [attr.inert]=\"selectedIndex === $index ? null : ''\">\n <div \n class=\"mat-vertical-stepper-content\"\n role=\"region\"\n [id]=\"_getStepContentId($index)\"\n [attr.aria-labelledby]=\"_getStepLabelId($index)\">\n <div class=\"mat-vertical-content\">\n <ng-container [ngTemplateOutlet]=\"step.content\"/>\n </div>\n </div>\n </div>\n </div>\n }\n </div>\n }\n}\n\n<!-- Common step templating -->\n<ng-template let-step=\"step\" #stepTemplate>\n <mat-step-header\n [class.mat-horizontal-stepper-header]=\"orientation === 'horizontal'\"\n [class.mat-vertical-stepper-header]=\"orientation === 'vertical'\"\n (click)=\"step.select()\"\n (keydown)=\"_onKeydown($event)\"\n [tabIndex]=\"_getFocusIndex() === step.index() ? 0 : -1\"\n [id]=\"_getStepLabelId(step.index())\"\n [attr.role]=\"orientation === 'horizontal' ? 'tab' : 'button'\"\n [attr.aria-posinset]=\"orientation === 'horizontal' ? step.index() + 1 : null\"\n [attr.aria-setsize]=\"orientation === 'horizontal' ? steps.length : null\"\n [attr.aria-selected]=\"orientation === 'horizontal' ? step.isSelected() : null\"\n [attr.aria-current]=\"orientation === 'vertical' && step.isSelected() ? 'step' : null\"\n [attr.aria-disabled]=\"orientation === 'vertical' && step.isSelected() ? 'true' : null\"\n [attr.aria-expanded]=\"orientation === 'vertical' ? step.isSelected() : null\"\n [attr.aria-controls]=\"_getStepContentId(step.index())\"\n [attr.aria-label]=\"step.ariaLabel || null\"\n [attr.aria-labelledby]=\"(!step.ariaLabel && step.ariaLabelledby) ? step.ariaLabelledby : null\"\n [attr.aria-disabled]=\"step.isNavigable() ? null : true\"\n [index]=\"step.index()\"\n [state]=\"step.indicatorType()\"\n [label]=\"step.stepLabel || step.label\"\n [selected]=\"step.isSelected()\"\n [active]=\"step.isNavigable()\"\n [optional]=\"step.optional\"\n [errorMessage]=\"step.errorMessage\"\n [iconOverrides]=\"_iconOverrides\"\n [disableRipple]=\"disableRipple || !step.isNavigable()\"\n [color]=\"step.color || color\"/>\n</ng-template>\n", styles: [".mat-stepper-vertical,.mat-stepper-horizontal{display:block;font-family:var(--mat-stepper-container-text-font, var(--mat-sys-body-medium-font));background:var(--mat-stepper-container-color, var(--mat-sys-surface))}.mat-horizontal-stepper-header-container{white-space:nowrap;display:flex;align-items:center}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header-container{align-items:flex-start}.mat-stepper-header-position-bottom .mat-horizontal-stepper-header-container{order:1}.mat-stepper-horizontal-line{border-top-width:1px;border-top-style:solid;flex:auto;height:0;margin:0 -16px;min-width:32px;border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{margin:0;min-width:0;position:relative;top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{border-top-width:1px;border-top-style:solid;content:\"\";display:inline-block;height:0;position:absolute;width:calc(50% - 20px)}.mat-horizontal-stepper-header{display:flex;overflow:hidden;align-items:center;padding:0 24px;height:var(--mat-stepper-header-height, 72px)}.mat-horizontal-stepper-header .mat-step-icon{margin-right:8px;flex:none}[dir=rtl] .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:8px}.mat-horizontal-stepper-header.mat-step-header-empty-label .mat-step-icon{margin:0}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after{border-top-color:var(--mat-stepper-line-color, var(--mat-sys-outline))}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after{top:calc(calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) + 12px)}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header{box-sizing:border-box;flex-direction:column;height:auto}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after{right:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before{left:0}[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:last-child::before,[dir=rtl] .mat-stepper-label-position-bottom .mat-horizontal-stepper-header:first-child::after{display:none}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-icon{margin-right:0;margin-left:0}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label{padding:16px 0 0 0;text-align:center;width:100%}.mat-vertical-stepper-header{display:flex;align-items:center;height:24px;padding:calc((var(--mat-stepper-header-height, 72px) - 24px) / 2) 24px}.mat-vertical-stepper-header .mat-step-icon{margin-right:12px}[dir=rtl] .mat-vertical-stepper-header .mat-step-icon{margin-right:0;margin-left:12px}.mat-horizontal-stepper-wrapper{display:flex;flex-direction:column}.mat-horizontal-stepper-content{visibility:hidden;overflow:hidden;outline:0;height:0}.mat-stepper-animations-enabled .mat-horizontal-stepper-content{transition:transform var(--mat-stepper-animation-duration, 0) cubic-bezier(0.35, 0, 0.25, 1)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-previous{transform:translate3d(-100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-next{transform:translate3d(100%, 0, 0)}.mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{visibility:visible;transform:none;height:auto}.mat-stepper-horizontal:not(.mat-stepper-animating) .mat-horizontal-stepper-content.mat-horizontal-stepper-content-current{overflow:visible}.mat-horizontal-content-container{overflow:hidden;padding:0 24px 24px 24px}@media(forced-colors: active){.mat-horizontal-content-container{outline:solid 1px}}.mat-stepper-header-position-bottom .mat-horizontal-content-container{padding:24px 24px 0 24px}.mat-vertical-content-container{display:grid;grid-template-rows:0fr;grid-template-columns:100%;margin-left:36px;border:0;position:relative}.mat-stepper-animations-enabled .mat-vertical-content-container{transition:grid-template-rows var(--mat-stepper-animation-duration, 0) cubic-bezier(0.4, 0, 0.2, 1)}.mat-vertical-content-container.mat-vertical-content-container-active{grid-template-rows:1fr}.mat-step:last-child .mat-vertical-content-container{border:none}@media(forced-colors: active){.mat-vertical-content-container{outline:solid 1px}}[dir=rtl] .mat-vertical-content-container{margin-left:0;margin-right:36px}@supports not (grid-template-rows: 0fr){.mat-vertical-content-container{height:0}.mat-vertical-content-container.mat-vertical-content-container-active{height:auto}}.mat-stepper-vertical-line::before{content:\"\";position:absolute;left:0;border-left-width:1px;border-left-style:solid;border-left-color:var(--mat-stepper-line-color, var(--mat-sys-outline));top:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2));bottom:calc(8px - calc((var(--mat-stepper-header-height, 72px) - 24px) / 2))}[dir=rtl] .mat-stepper-vertical-line::before{left:auto;right:0}.mat-vertical-stepper-content{overflow:hidden;outline:0;visibility:hidden}.mat-stepper-animations-enabled .mat-vertical-stepper-content{transition:visibility var(--mat-stepper-animation-duration, 0) linear}.mat-vertical-content-container-active>.mat-vertical-stepper-content{visibility:visible}.mat-vertical-content{padding:0 24px 24px 24px}\n"] }]
462
441
  }], ctorParameters: () => [], propDecorators: { _stepHeader: [{
463
442
  type: ViewChildren,
464
443
  args: [MatStepHeader]
@@ -487,10 +466,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ng
487
466
 
488
467
  /** Button that moves to the next step in a stepper workflow. */
489
468
  class MatStepperNext extends CdkStepperNext {
490
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperNext, deps: null, target: i0.ɵɵFactoryTarget.Directive });
491
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-rc.1", type: MatStepperNext, isStandalone: true, selector: "button[matStepperNext]", host: { properties: { "type": "type" }, classAttribute: "mat-stepper-next" }, usesInheritance: true, ngImport: i0 });
469
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperNext, deps: null, target: i0.ɵɵFactoryTarget.Directive });
470
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatStepperNext, isStandalone: true, selector: "button[matStepperNext]", host: { properties: { "type": "type" }, classAttribute: "mat-stepper-next" }, usesInheritance: true, ngImport: i0 });
492
471
  }
493
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperNext, decorators: [{
472
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperNext, decorators: [{
494
473
  type: Directive,
495
474
  args: [{
496
475
  selector: 'button[matStepperNext]',
@@ -502,10 +481,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ng
502
481
  }] });
503
482
  /** Button that moves to the previous step in a stepper workflow. */
504
483
  class MatStepperPrevious extends CdkStepperPrevious {
505
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperPrevious, deps: null, target: i0.ɵɵFactoryTarget.Directive });
506
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-rc.1", type: MatStepperPrevious, isStandalone: true, selector: "button[matStepperPrevious]", host: { properties: { "type": "type" }, classAttribute: "mat-stepper-previous" }, usesInheritance: true, ngImport: i0 });
484
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperPrevious, deps: null, target: i0.ɵɵFactoryTarget.Directive });
485
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.2.0-next.2", type: MatStepperPrevious, isStandalone: true, selector: "button[matStepperPrevious]", host: { properties: { "type": "type" }, classAttribute: "mat-stepper-previous" }, usesInheritance: true, ngImport: i0 });
507
486
  }
508
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperPrevious, decorators: [{
487
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperPrevious, decorators: [{
509
488
  type: Directive,
510
489
  args: [{
511
490
  selector: 'button[matStepperPrevious]',
@@ -517,9 +496,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ng
517
496
  }] });
518
497
 
519
498
  class MatStepperModule {
520
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
521
- static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperModule, imports: [MatCommonModule,
522
- PortalModule,
499
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
500
+ static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperModule, imports: [PortalModule,
523
501
  CdkStepperModule,
524
502
  MatIconModule,
525
503
  MatRippleModule,
@@ -530,7 +508,7 @@ class MatStepperModule {
530
508
  MatStepperPrevious,
531
509
  MatStepHeader,
532
510
  MatStepperIcon,
533
- MatStepContent], exports: [MatCommonModule,
511
+ MatStepContent], exports: [BidiModule,
534
512
  MatStep,
535
513
  MatStepLabel,
536
514
  MatStepper,
@@ -539,19 +517,17 @@ class MatStepperModule {
539
517
  MatStepHeader,
540
518
  MatStepperIcon,
541
519
  MatStepContent] });
542
- static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperModule, providers: [MAT_STEPPER_INTL_PROVIDER, ErrorStateMatcher], imports: [MatCommonModule,
543
- PortalModule,
520
+ static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperModule, providers: [ErrorStateMatcher], imports: [PortalModule,
544
521
  CdkStepperModule,
545
522
  MatIconModule,
546
523
  MatRippleModule,
547
524
  MatStepper,
548
- MatStepHeader, MatCommonModule] });
525
+ MatStepHeader, BidiModule] });
549
526
  }
550
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ngImport: i0, type: MatStepperModule, decorators: [{
527
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-next.2", ngImport: i0, type: MatStepperModule, decorators: [{
551
528
  type: NgModule,
552
529
  args: [{
553
530
  imports: [
554
- MatCommonModule,
555
531
  PortalModule,
556
532
  CdkStepperModule,
557
533
  MatIconModule,
@@ -566,7 +542,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ng
566
542
  MatStepContent,
567
543
  ],
568
544
  exports: [
569
- MatCommonModule,
545
+ BidiModule,
570
546
  MatStep,
571
547
  MatStepLabel,
572
548
  MatStepper,
@@ -576,158 +552,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.2.0-rc.1", ng
576
552
  MatStepperIcon,
577
553
  MatStepContent,
578
554
  ],
579
- providers: [MAT_STEPPER_INTL_PROVIDER, ErrorStateMatcher],
555
+ providers: [ErrorStateMatcher],
580
556
  }]
581
557
  }] });
582
558
 
583
- /**
584
- * Animations used by the Material steppers.
585
- * @docs-private
586
- * @deprecated No longer used, will be removed.
587
- * @breaking-change 21.0.0
588
- */
589
- const matStepperAnimations = {
590
- // Represents:
591
- // trigger('horizontalStepTransition', [
592
- // state('previous', style({transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden'})),
593
- // // Transition to `inherit`, rather than `visible`,
594
- // // because visibility on a child element the one from the parent,
595
- // // making this element focusable inside of a `hidden` element.
596
- // state('current', style({transform: 'none', visibility: 'inherit'})),
597
- // state('next', style({transform: 'translate3d(100%, 0, 0)', visibility: 'hidden'})),
598
- // transition(
599
- // '* => *',
600
- // group([
601
- // animate('{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)'),
602
- // query('@*', animateChild(), {optional: true}),
603
- // ]),
604
- // {
605
- // params: {animationDuration: '500ms'},
606
- // },
607
- // ),
608
- // ])
609
- /** Animation that transitions the step along the X axis in a horizontal stepper. */
610
- horizontalStepTransition: {
611
- type: 7,
612
- name: 'horizontalStepTransition',
613
- definitions: [
614
- {
615
- type: 0,
616
- name: 'previous',
617
- styles: {
618
- type: 6,
619
- styles: { transform: 'translate3d(-100%, 0, 0)', visibility: 'hidden' },
620
- offset: null,
621
- },
622
- },
623
- {
624
- type: 0,
625
- name: 'current',
626
- styles: {
627
- type: 6,
628
- styles: { transform: 'none', visibility: 'inherit' },
629
- offset: null,
630
- },
631
- },
632
- {
633
- type: 0,
634
- name: 'next',
635
- styles: {
636
- type: 6,
637
- styles: { transform: 'translate3d(100%, 0, 0)', visibility: 'hidden' },
638
- offset: null,
639
- },
640
- },
641
- {
642
- type: 1,
643
- expr: '* => *',
644
- animation: {
645
- type: 3,
646
- steps: [
647
- {
648
- type: 4,
649
- styles: null,
650
- timings: '{{animationDuration}} cubic-bezier(0.35, 0, 0.25, 1)',
651
- },
652
- {
653
- type: 11,
654
- selector: '@*',
655
- animation: { type: 9, options: null },
656
- options: { optional: true },
657
- },
658
- ],
659
- options: null,
660
- },
661
- options: { params: { animationDuration: '500ms' } },
662
- },
663
- ],
664
- options: {},
665
- },
666
- // Represents:
667
- // trigger('verticalStepTransition', [
668
- // state('previous', style({height: '0px', visibility: 'hidden'})),
669
- // state('next', style({height: '0px', visibility: 'hidden'})),
670
- // // Transition to `inherit`, rather than `visible`,
671
- // // because visibility on a child element the one from the parent,
672
- // // making this element focusable inside of a `hidden` element.
673
- // state('current', style({height: '*', visibility: 'inherit'})),
674
- // transition(
675
- // '* <=> current',
676
- // group([
677
- // animate('{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)'),
678
- // query('@*', animateChild(), {optional: true}),
679
- // ]),
680
- // {
681
- // params: {animationDuration: '225ms'},
682
- // },
683
- // ),
684
- // ])
685
- /** Animation that transitions the step along the Y axis in a vertical stepper. */
686
- verticalStepTransition: {
687
- type: 7,
688
- name: 'verticalStepTransition',
689
- definitions: [
690
- {
691
- type: 0,
692
- name: 'previous',
693
- styles: { type: 6, styles: { 'height': '0px', visibility: 'hidden' }, offset: null },
694
- },
695
- {
696
- type: 0,
697
- name: 'next',
698
- styles: { type: 6, styles: { 'height': '0px', visibility: 'hidden' }, offset: null },
699
- },
700
- {
701
- type: 0,
702
- name: 'current',
703
- styles: { type: 6, styles: { 'height': '*', visibility: 'inherit' }, offset: null },
704
- },
705
- {
706
- type: 1,
707
- expr: '* <=> current',
708
- animation: {
709
- type: 3,
710
- steps: [
711
- {
712
- type: 4,
713
- styles: null,
714
- timings: '{{animationDuration}} cubic-bezier(0.4, 0.0, 0.2, 1)',
715
- },
716
- {
717
- type: 11,
718
- selector: '@*',
719
- animation: { type: 9, options: null },
720
- options: { optional: true },
721
- },
722
- ],
723
- options: null,
724
- },
725
- options: { params: { animationDuration: '225ms' } },
726
- },
727
- ],
728
- options: {},
729
- },
730
- };
731
-
732
- export { MAT_STEPPER_INTL_PROVIDER, MAT_STEPPER_INTL_PROVIDER_FACTORY, MatStep, MatStepContent, MatStepHeader, MatStepLabel, MatStepper, MatStepperIcon, MatStepperIntl, MatStepperModule, MatStepperNext, MatStepperPrevious, matStepperAnimations };
559
+ export { MatStep, MatStepContent, MatStepHeader, MatStepLabel, MatStepper, MatStepperIcon, MatStepperIntl, MatStepperModule, MatStepperNext, MatStepperPrevious };
733
560
  //# sourceMappingURL=stepper.mjs.map