@slotted/angular 0.1.0-beta.1 → 0.1.0-beta.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 (588) hide show
  1. package/README.md +4 -0
  2. package/docs/AGENTS.snippet.md +12 -0
  3. package/docs/alert.json +7 -1
  4. package/docs/alert.md +3 -3
  5. package/docs/app-shell.examples.md +1 -1
  6. package/docs/app-shell.json +5 -5
  7. package/docs/app-shell.md +2 -2
  8. package/docs/avatar.json +22 -1
  9. package/docs/avatar.md +5 -3
  10. package/docs/badge.json +7 -1
  11. package/docs/badge.md +3 -3
  12. package/docs/button-group.json +2 -0
  13. package/docs/button-group.md +1 -1
  14. package/docs/button.json +51 -11
  15. package/docs/button.md +10 -6
  16. package/docs/calendar.json +8 -1
  17. package/docs/calendar.md +1 -0
  18. package/docs/cascader.json +1 -0
  19. package/docs/cascader.md +1 -1
  20. package/docs/chart.examples.md +1 -1
  21. package/docs/chart.json +10 -1
  22. package/docs/chart.md +3 -2
  23. package/docs/checkbox.json +7 -0
  24. package/docs/checkbox.md +1 -0
  25. package/docs/code-block.json +92 -92
  26. package/docs/code-block.md +69 -69
  27. package/docs/combobox.json +1 -0
  28. package/docs/combobox.md +1 -1
  29. package/docs/currency-field.json +40 -1
  30. package/docs/currency-field.md +5 -1
  31. package/docs/data-grid.examples.md +2 -2
  32. package/docs/data-grid.json +24 -7
  33. package/docs/data-grid.md +1 -1
  34. package/docs/data-grid.props.md +6 -4
  35. package/docs/data-list.json +2 -1
  36. package/docs/data-list.md +1 -1
  37. package/docs/date-field.json +9 -1
  38. package/docs/date-field.md +3 -2
  39. package/docs/date-picker.examples.md +36 -0
  40. package/docs/date-picker.json +20 -5
  41. package/docs/date-picker.md +5 -4
  42. package/docs/datetime-field.json +1 -0
  43. package/docs/datetime-field.md +1 -1
  44. package/docs/dialog.examples.md +158 -136
  45. package/docs/dialog.json +35 -11
  46. package/docs/dialog.md +4 -2
  47. package/docs/dialog.props.md +1 -1
  48. package/docs/drawer.json +5 -0
  49. package/docs/drawer.md +1 -0
  50. package/docs/entity-picker.json +19 -4
  51. package/docs/entity-picker.md +8 -6
  52. package/docs/event-calendar.json +7 -0
  53. package/docs/event-calendar.md +1 -0
  54. package/docs/filter-bar.json +118 -118
  55. package/docs/filter-bar.md +79 -79
  56. package/docs/form.json +2 -1
  57. package/docs/form.md +1 -1
  58. package/docs/guidelines/README.md +27 -0
  59. package/docs/guidelines/async-feedback.md +129 -0
  60. package/docs/guidelines/browsing.md +74 -0
  61. package/docs/guidelines/builders.md +97 -0
  62. package/docs/guidelines/composition.md +143 -0
  63. package/docs/guidelines/conversations.md +59 -0
  64. package/docs/guidelines/errors-and-conflicts.md +71 -0
  65. package/docs/guidelines/forms.md +202 -0
  66. package/docs/guidelines/index.md +129 -0
  67. package/docs/guidelines/layout-alignment.md +95 -0
  68. package/docs/guidelines/ledgers.md +45 -0
  69. package/docs/guidelines/list-pages.md +206 -0
  70. package/docs/guidelines/overviews.md +76 -0
  71. package/docs/guidelines/own-elements.md +115 -0
  72. package/docs/guidelines/reading-permissions.md +55 -0
  73. package/docs/guidelines/record-pages.md +178 -0
  74. package/docs/guidelines/reports.md +123 -0
  75. package/docs/guidelines/shell-composition.md +94 -0
  76. package/docs/guidelines/workspaces.md +46 -0
  77. package/docs/icon.json +3 -1
  78. package/docs/icon.md +3 -3
  79. package/docs/index.md +12 -0
  80. package/docs/inline-message.json +14 -2
  81. package/docs/inline-message.md +4 -3
  82. package/docs/list-item.json +9 -1
  83. package/docs/list-item.md +3 -3
  84. package/docs/list.json +19 -1
  85. package/docs/list.md +3 -1
  86. package/docs/markdown.json +79 -79
  87. package/docs/markdown.md +65 -65
  88. package/docs/menu.json +12 -0
  89. package/docs/menu.md +2 -0
  90. package/docs/message.json +7 -1
  91. package/docs/message.md +3 -3
  92. package/docs/multi-select.json +1 -0
  93. package/docs/multi-select.md +1 -1
  94. package/docs/notification-center.json +4 -0
  95. package/docs/notification-center.md +2 -2
  96. package/docs/number-field.json +1 -0
  97. package/docs/number-field.md +1 -1
  98. package/docs/otp-input.json +1 -0
  99. package/docs/otp-input.md +1 -1
  100. package/docs/page-header.json +4 -3
  101. package/docs/page-header.md +2 -2
  102. package/docs/page.json +1 -0
  103. package/docs/page.md +1 -0
  104. package/docs/popover.json +1 -1
  105. package/docs/progress-indicator.json +4 -3
  106. package/docs/progress-indicator.md +4 -4
  107. package/docs/prompt-composer.json +41 -1
  108. package/docs/prompt-composer.md +5 -1
  109. package/docs/rating.json +5 -3
  110. package/docs/rating.md +5 -5
  111. package/docs/section.json +27 -15
  112. package/docs/section.md +11 -9
  113. package/docs/segmented-control.json +36 -12
  114. package/docs/segmented-control.md +17 -1
  115. package/docs/select.json +1 -0
  116. package/docs/select.md +1 -1
  117. package/docs/side-navigation.json +1 -0
  118. package/docs/side-navigation.md +1 -1
  119. package/docs/skills/build-own-element/SKILL.md +90 -0
  120. package/docs/skills/compose-screen/SKILL.md +95 -0
  121. package/docs/skills/index.md +9 -0
  122. package/docs/skills/review-screen/SKILL.md +77 -0
  123. package/docs/skills/theme-app/SKILL.md +87 -0
  124. package/docs/skills/waiting-states/SKILL.md +143 -0
  125. package/docs/sparkline.json +5 -2
  126. package/docs/sparkline.md +4 -4
  127. package/docs/split-button.json +4 -1
  128. package/docs/split-button.md +3 -3
  129. package/docs/stat-card.json +5 -1
  130. package/docs/stat-card.md +3 -3
  131. package/docs/table.examples.md +3 -3
  132. package/docs/table.json +85 -3
  133. package/docs/table.md +12 -1
  134. package/docs/tabs.json +17 -7
  135. package/docs/tabs.md +3 -2
  136. package/docs/tag.json +14 -4
  137. package/docs/tag.md +6 -6
  138. package/docs/tags-input.json +29 -2
  139. package/docs/tags-input.md +4 -1
  140. package/docs/text-field.json +2 -1
  141. package/docs/text-field.md +2 -2
  142. package/docs/textarea.json +1 -0
  143. package/docs/textarea.md +1 -1
  144. package/docs/time-field.json +1 -0
  145. package/docs/time-field.md +1 -1
  146. package/docs/timeline.json +138 -132
  147. package/docs/timeline.md +125 -125
  148. package/docs/toast.json +7 -1
  149. package/docs/toast.md +3 -3
  150. package/docs/toggle-group.json +14 -3
  151. package/docs/toggle-group.md +3 -3
  152. package/docs/toggle.json +12 -3
  153. package/docs/toggle.md +3 -3
  154. package/docs/tokens.md +467 -0
  155. package/docs/tour.json +1 -1
  156. package/docs/typography.json +4 -2
  157. package/docs/typography.md +4 -4
  158. package/fesm2022/slotted-angular-accordion.mjs +4 -2
  159. package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
  160. package/fesm2022/slotted-angular-action-bar.mjs +22 -11
  161. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  162. package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
  163. package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
  164. package/fesm2022/slotted-angular-alert.mjs +18 -11
  165. package/fesm2022/slotted-angular-alert.mjs.map +1 -1
  166. package/fesm2022/slotted-angular-app-shell.mjs +111 -61
  167. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  168. package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
  169. package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
  170. package/fesm2022/slotted-angular-attachment.mjs +31 -20
  171. package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
  172. package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
  173. package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
  174. package/fesm2022/slotted-angular-avatar.mjs +14 -7
  175. package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
  176. package/fesm2022/slotted-angular-badge.mjs +14 -10
  177. package/fesm2022/slotted-angular-badge.mjs.map +1 -1
  178. package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
  179. package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
  180. package/fesm2022/slotted-angular-button-group.mjs +7 -4
  181. package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
  182. package/fesm2022/slotted-angular-button.mjs +90 -29
  183. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  184. package/fesm2022/slotted-angular-calendar.mjs +235 -58
  185. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  186. package/fesm2022/slotted-angular-card.mjs +18 -16
  187. package/fesm2022/slotted-angular-card.mjs.map +1 -1
  188. package/fesm2022/slotted-angular-carousel.mjs +22 -11
  189. package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
  190. package/fesm2022/slotted-angular-cascader.mjs +166 -66
  191. package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
  192. package/fesm2022/slotted-angular-chart.mjs +53 -20
  193. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  194. package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
  195. package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
  196. package/fesm2022/slotted-angular-checkbox.mjs +23 -9
  197. package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
  198. package/fesm2022/slotted-angular-code-block.mjs +29 -15
  199. package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
  200. package/fesm2022/slotted-angular-collapsible.mjs +20 -15
  201. package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
  202. package/fesm2022/slotted-angular-color-picker.mjs +77 -22
  203. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  204. package/fesm2022/slotted-angular-column-manager.mjs +68 -31
  205. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  206. package/fesm2022/slotted-angular-combobox.mjs +112 -39
  207. package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
  208. package/fesm2022/slotted-angular-command-palette.mjs +150 -54
  209. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  210. package/fesm2022/slotted-angular-container.mjs +6 -4
  211. package/fesm2022/slotted-angular-container.mjs.map +1 -1
  212. package/fesm2022/slotted-angular-context-menu.mjs +5 -4
  213. package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
  214. package/fesm2022/slotted-angular-currency-field.mjs +149 -32
  215. package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
  216. package/fesm2022/slotted-angular-dashboard-grid.mjs +142 -63
  217. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  218. package/fesm2022/slotted-angular-data-grid.mjs +354 -113
  219. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  220. package/fesm2022/slotted-angular-data-list.mjs +83 -50
  221. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  222. package/fesm2022/slotted-angular-date-field.mjs +74 -25
  223. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  224. package/fesm2022/slotted-angular-date-picker.mjs +112 -40
  225. package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
  226. package/fesm2022/slotted-angular-date-range-picker.mjs +45 -22
  227. package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
  228. package/fesm2022/slotted-angular-datetime-field.mjs +48 -16
  229. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  230. package/fesm2022/slotted-angular-datetime-picker.mjs +41 -29
  231. package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
  232. package/fesm2022/slotted-angular-datetime-range-picker.mjs +115 -48
  233. package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
  234. package/fesm2022/slotted-angular-description-list.mjs +33 -19
  235. package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
  236. package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
  237. package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
  238. package/fesm2022/slotted-angular-dialog.mjs +72 -30
  239. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  240. package/fesm2022/slotted-angular-divider.mjs +7 -5
  241. package/fesm2022/slotted-angular-divider.mjs.map +1 -1
  242. package/fesm2022/slotted-angular-drawer.mjs +53 -29
  243. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  244. package/fesm2022/slotted-angular-entity-picker.mjs +468 -75
  245. package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
  246. package/fesm2022/slotted-angular-event-calendar.mjs +275 -108
  247. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  248. package/fesm2022/slotted-angular-field-group.mjs +14 -7
  249. package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
  250. package/fesm2022/slotted-angular-field.mjs +35 -15
  251. package/fesm2022/slotted-angular-field.mjs.map +1 -1
  252. package/fesm2022/slotted-angular-filter-bar.mjs +112 -51
  253. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  254. package/fesm2022/slotted-angular-form.mjs +18 -10
  255. package/fesm2022/slotted-angular-form.mjs.map +1 -1
  256. package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
  257. package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
  258. package/fesm2022/slotted-angular-grid.mjs +4 -2
  259. package/fesm2022/slotted-angular-grid.mjs.map +1 -1
  260. package/fesm2022/slotted-angular-highlight.mjs +5 -3
  261. package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
  262. package/fesm2022/slotted-angular-hover-card.mjs +5 -4
  263. package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
  264. package/fesm2022/slotted-angular-icon.mjs +6 -3
  265. package/fesm2022/slotted-angular-icon.mjs.map +1 -1
  266. package/fesm2022/slotted-angular-image.mjs +13 -10
  267. package/fesm2022/slotted-angular-image.mjs.map +1 -1
  268. package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
  269. package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
  270. package/fesm2022/slotted-angular-inline-message.mjs +88 -13
  271. package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
  272. package/fesm2022/slotted-angular-inline.mjs +4 -2
  273. package/fesm2022/slotted-angular-inline.mjs.map +1 -1
  274. package/fesm2022/slotted-angular-kbd.mjs +11 -7
  275. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  276. package/fesm2022/slotted-angular-link.mjs +5 -3
  277. package/fesm2022/slotted-angular-link.mjs.map +1 -1
  278. package/fesm2022/slotted-angular-list-item.mjs +21 -18
  279. package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
  280. package/fesm2022/slotted-angular-list.mjs +37 -22
  281. package/fesm2022/slotted-angular-list.mjs.map +1 -1
  282. package/fesm2022/slotted-angular-listbox.mjs +39 -21
  283. package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
  284. package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
  285. package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
  286. package/fesm2022/slotted-angular-markdown.mjs +31 -19
  287. package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
  288. package/fesm2022/slotted-angular-menu.mjs +51 -29
  289. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  290. package/fesm2022/slotted-angular-menubar.mjs +4 -2
  291. package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
  292. package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
  293. package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
  294. package/fesm2022/slotted-angular-message.mjs +113 -51
  295. package/fesm2022/slotted-angular-message.mjs.map +1 -1
  296. package/fesm2022/slotted-angular-multi-select.mjs +189 -87
  297. package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
  298. package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
  299. package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
  300. package/fesm2022/slotted-angular-notification-center.mjs +108 -65
  301. package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
  302. package/fesm2022/slotted-angular-number-field.mjs +23 -11
  303. package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
  304. package/fesm2022/slotted-angular-otp-input.mjs +13 -8
  305. package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
  306. package/fesm2022/slotted-angular-page-header.mjs +75 -45
  307. package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
  308. package/fesm2022/slotted-angular-page.mjs +38 -10
  309. package/fesm2022/slotted-angular-page.mjs.map +1 -1
  310. package/fesm2022/slotted-angular-pagination.mjs +35 -22
  311. package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
  312. package/fesm2022/slotted-angular-popover.mjs +32 -19
  313. package/fesm2022/slotted-angular-popover.mjs.map +1 -1
  314. package/fesm2022/slotted-angular-progress-indicator.mjs +236 -52
  315. package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
  316. package/fesm2022/slotted-angular-prompt-composer.mjs +41 -20
  317. package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
  318. package/fesm2022/slotted-angular-prose.mjs +14 -11
  319. package/fesm2022/slotted-angular-prose.mjs.map +1 -1
  320. package/fesm2022/slotted-angular-radio-group.mjs +15 -9
  321. package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
  322. package/fesm2022/slotted-angular-rating.mjs +138 -82
  323. package/fesm2022/slotted-angular-rating.mjs.map +1 -1
  324. package/fesm2022/slotted-angular-result-state.mjs +16 -12
  325. package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
  326. package/fesm2022/slotted-angular-saved-views.mjs +43 -16
  327. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  328. package/fesm2022/slotted-angular-scroll-area.mjs +13 -5
  329. package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
  330. package/fesm2022/slotted-angular-section.mjs +53 -18
  331. package/fesm2022/slotted-angular-section.mjs.map +1 -1
  332. package/fesm2022/slotted-angular-segmented-control.mjs +37 -11
  333. package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
  334. package/fesm2022/slotted-angular-select.mjs +184 -94
  335. package/fesm2022/slotted-angular-select.mjs.map +1 -1
  336. package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
  337. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  338. package/fesm2022/slotted-angular-skeleton.mjs +32 -16
  339. package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
  340. package/fesm2022/slotted-angular-slider.mjs +31 -11
  341. package/fesm2022/slotted-angular-slider.mjs.map +1 -1
  342. package/fesm2022/slotted-angular-sparkline.mjs +41 -14
  343. package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
  344. package/fesm2022/slotted-angular-split-button.mjs +25 -11
  345. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  346. package/fesm2022/slotted-angular-splitter.mjs +11 -9
  347. package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
  348. package/fesm2022/slotted-angular-stack.mjs +4 -2
  349. package/fesm2022/slotted-angular-stack.mjs.map +1 -1
  350. package/fesm2022/slotted-angular-stat-card.mjs +35 -28
  351. package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
  352. package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
  353. package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
  354. package/fesm2022/slotted-angular-stepper.mjs +40 -15
  355. package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
  356. package/fesm2022/slotted-angular-switch.mjs +15 -10
  357. package/fesm2022/slotted-angular-switch.mjs.map +1 -1
  358. package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
  359. package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
  360. package/fesm2022/slotted-angular-table.mjs +243 -73
  361. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  362. package/fesm2022/slotted-angular-tabs.mjs +42 -18
  363. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  364. package/fesm2022/slotted-angular-tag.mjs +19 -12
  365. package/fesm2022/slotted-angular-tag.mjs.map +1 -1
  366. package/fesm2022/slotted-angular-tags-input.mjs +253 -28
  367. package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
  368. package/fesm2022/slotted-angular-text-field.mjs +49 -15
  369. package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
  370. package/fesm2022/slotted-angular-textarea.mjs +5 -3
  371. package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
  372. package/fesm2022/slotted-angular-time-field.mjs +48 -14
  373. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  374. package/fesm2022/slotted-angular-time-picker.mjs +32 -20
  375. package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
  376. package/fesm2022/slotted-angular-time-range-picker.mjs +113 -46
  377. package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
  378. package/fesm2022/slotted-angular-timeline.mjs +135 -64
  379. package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
  380. package/fesm2022/slotted-angular-toast.mjs +43 -31
  381. package/fesm2022/slotted-angular-toast.mjs.map +1 -1
  382. package/fesm2022/slotted-angular-toggle-group.mjs +25 -8
  383. package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
  384. package/fesm2022/slotted-angular-toggle.mjs +9 -4
  385. package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
  386. package/fesm2022/slotted-angular-toolbar.mjs +22 -11
  387. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  388. package/fesm2022/slotted-angular-tooltip.mjs +15 -6
  389. package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
  390. package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
  391. package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
  392. package/fesm2022/slotted-angular-tour.mjs +47 -22
  393. package/fesm2022/slotted-angular-tour.mjs.map +1 -1
  394. package/fesm2022/slotted-angular-transfer.mjs +69 -30
  395. package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
  396. package/fesm2022/slotted-angular-tree.mjs +74 -26
  397. package/fesm2022/slotted-angular-tree.mjs.map +1 -1
  398. package/fesm2022/slotted-angular-typography.mjs +8 -4
  399. package/fesm2022/slotted-angular-typography.mjs.map +1 -1
  400. package/fesm2022/slotted-angular-upload.mjs +125 -57
  401. package/fesm2022/slotted-angular-upload.mjs.map +1 -1
  402. package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
  403. package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
  404. package/fesm2022/slotted-angular-wizard.mjs +163 -65
  405. package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
  406. package/package.json +3 -3
  407. package/types/slotted-angular-accordion.d.ts.map +1 -1
  408. package/types/slotted-angular-action-bar.d.ts.map +1 -1
  409. package/types/slotted-angular-action-sheet.d.ts.map +1 -1
  410. package/types/slotted-angular-alert.d.ts +2 -2
  411. package/types/slotted-angular-alert.d.ts.map +1 -1
  412. package/types/slotted-angular-app-shell.d.ts +11 -3
  413. package/types/slotted-angular-app-shell.d.ts.map +1 -1
  414. package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
  415. package/types/slotted-angular-attachment.d.ts +1 -1
  416. package/types/slotted-angular-attachment.d.ts.map +1 -1
  417. package/types/slotted-angular-avatar-group.d.ts.map +1 -1
  418. package/types/slotted-angular-avatar.d.ts +11 -3
  419. package/types/slotted-angular-avatar.d.ts.map +1 -1
  420. package/types/slotted-angular-badge.d.ts +1 -1
  421. package/types/slotted-angular-badge.d.ts.map +1 -1
  422. package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
  423. package/types/slotted-angular-button-group.d.ts +1 -1
  424. package/types/slotted-angular-button-group.d.ts.map +1 -1
  425. package/types/slotted-angular-button.d.ts +33 -13
  426. package/types/slotted-angular-button.d.ts.map +1 -1
  427. package/types/slotted-angular-calendar.d.ts +30 -2
  428. package/types/slotted-angular-calendar.d.ts.map +1 -1
  429. package/types/slotted-angular-card.d.ts.map +1 -1
  430. package/types/slotted-angular-carousel.d.ts.map +1 -1
  431. package/types/slotted-angular-cascader.d.ts.map +1 -1
  432. package/types/slotted-angular-chart.d.ts +10 -0
  433. package/types/slotted-angular-chart.d.ts.map +1 -1
  434. package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
  435. package/types/slotted-angular-checkbox.d.ts +7 -1
  436. package/types/slotted-angular-checkbox.d.ts.map +1 -1
  437. package/types/slotted-angular-code-block.d.ts +1 -1
  438. package/types/slotted-angular-code-block.d.ts.map +1 -1
  439. package/types/slotted-angular-collapsible.d.ts +1 -1
  440. package/types/slotted-angular-collapsible.d.ts.map +1 -1
  441. package/types/slotted-angular-color-picker.d.ts.map +1 -1
  442. package/types/slotted-angular-column-manager.d.ts.map +1 -1
  443. package/types/slotted-angular-combobox.d.ts +5 -1
  444. package/types/slotted-angular-combobox.d.ts.map +1 -1
  445. package/types/slotted-angular-command-palette.d.ts +10 -1
  446. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  447. package/types/slotted-angular-container.d.ts.map +1 -1
  448. package/types/slotted-angular-context-menu.d.ts.map +1 -1
  449. package/types/slotted-angular-currency-field.d.ts +63 -15
  450. package/types/slotted-angular-currency-field.d.ts.map +1 -1
  451. package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
  452. package/types/slotted-angular-data-grid.d.ts +49 -4
  453. package/types/slotted-angular-data-grid.d.ts.map +1 -1
  454. package/types/slotted-angular-data-list.d.ts.map +1 -1
  455. package/types/slotted-angular-date-field.d.ts +11 -1
  456. package/types/slotted-angular-date-field.d.ts.map +1 -1
  457. package/types/slotted-angular-date-picker.d.ts +38 -12
  458. package/types/slotted-angular-date-picker.d.ts.map +1 -1
  459. package/types/slotted-angular-date-range-picker.d.ts +0 -1
  460. package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
  461. package/types/slotted-angular-datetime-field.d.ts.map +1 -1
  462. package/types/slotted-angular-datetime-picker.d.ts +0 -1
  463. package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
  464. package/types/slotted-angular-datetime-range-picker.d.ts +0 -1
  465. package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
  466. package/types/slotted-angular-description-list.d.ts.map +1 -1
  467. package/types/slotted-angular-detail-panel.d.ts.map +1 -1
  468. package/types/slotted-angular-dialog.d.ts +10 -3
  469. package/types/slotted-angular-dialog.d.ts.map +1 -1
  470. package/types/slotted-angular-divider.d.ts.map +1 -1
  471. package/types/slotted-angular-drawer.d.ts +7 -1
  472. package/types/slotted-angular-drawer.d.ts.map +1 -1
  473. package/types/slotted-angular-entity-picker.d.ts +63 -15
  474. package/types/slotted-angular-entity-picker.d.ts.map +1 -1
  475. package/types/slotted-angular-event-calendar.d.ts +9 -2
  476. package/types/slotted-angular-event-calendar.d.ts.map +1 -1
  477. package/types/slotted-angular-field-group.d.ts.map +1 -1
  478. package/types/slotted-angular-field.d.ts.map +1 -1
  479. package/types/slotted-angular-filter-bar.d.ts.map +1 -1
  480. package/types/slotted-angular-form.d.ts.map +1 -1
  481. package/types/slotted-angular-fullscreen.d.ts.map +1 -1
  482. package/types/slotted-angular-grid.d.ts.map +1 -1
  483. package/types/slotted-angular-highlight.d.ts.map +1 -1
  484. package/types/slotted-angular-hover-card.d.ts.map +1 -1
  485. package/types/slotted-angular-icon.d.ts +2 -2
  486. package/types/slotted-angular-icon.d.ts.map +1 -1
  487. package/types/slotted-angular-image.d.ts.map +1 -1
  488. package/types/slotted-angular-import-export-center.d.ts.map +1 -1
  489. package/types/slotted-angular-inline-message.d.ts +25 -25
  490. package/types/slotted-angular-inline-message.d.ts.map +1 -1
  491. package/types/slotted-angular-inline.d.ts.map +1 -1
  492. package/types/slotted-angular-kbd.d.ts.map +1 -1
  493. package/types/slotted-angular-link.d.ts.map +1 -1
  494. package/types/slotted-angular-list-item.d.ts +1 -1
  495. package/types/slotted-angular-list-item.d.ts.map +1 -1
  496. package/types/slotted-angular-list.d.ts +42 -27
  497. package/types/slotted-angular-list.d.ts.map +1 -1
  498. package/types/slotted-angular-listbox.d.ts.map +1 -1
  499. package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
  500. package/types/slotted-angular-markdown.d.ts.map +1 -1
  501. package/types/slotted-angular-menu.d.ts +11 -2
  502. package/types/slotted-angular-menu.d.ts.map +1 -1
  503. package/types/slotted-angular-menubar.d.ts.map +1 -1
  504. package/types/slotted-angular-message-scroller.d.ts.map +1 -1
  505. package/types/slotted-angular-message.d.ts +1 -1
  506. package/types/slotted-angular-message.d.ts.map +1 -1
  507. package/types/slotted-angular-multi-select.d.ts +15 -1
  508. package/types/slotted-angular-multi-select.d.ts.map +1 -1
  509. package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
  510. package/types/slotted-angular-notification-center.d.ts +1 -1
  511. package/types/slotted-angular-notification-center.d.ts.map +1 -1
  512. package/types/slotted-angular-number-field.d.ts.map +1 -1
  513. package/types/slotted-angular-otp-input.d.ts.map +1 -1
  514. package/types/slotted-angular-page-header.d.ts +4 -4
  515. package/types/slotted-angular-page-header.d.ts.map +1 -1
  516. package/types/slotted-angular-page.d.ts.map +1 -1
  517. package/types/slotted-angular-pagination.d.ts.map +1 -1
  518. package/types/slotted-angular-popover.d.ts.map +1 -1
  519. package/types/slotted-angular-progress-indicator.d.ts +8 -1
  520. package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
  521. package/types/slotted-angular-prompt-composer.d.ts +11 -2
  522. package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
  523. package/types/slotted-angular-prose.d.ts.map +1 -1
  524. package/types/slotted-angular-radio-group.d.ts.map +1 -1
  525. package/types/slotted-angular-rating.d.ts +1 -1
  526. package/types/slotted-angular-rating.d.ts.map +1 -1
  527. package/types/slotted-angular-result-state.d.ts.map +1 -1
  528. package/types/slotted-angular-saved-views.d.ts.map +1 -1
  529. package/types/slotted-angular-scroll-area.d.ts.map +1 -1
  530. package/types/slotted-angular-section.d.ts +11 -3
  531. package/types/slotted-angular-section.d.ts.map +1 -1
  532. package/types/slotted-angular-segmented-control.d.ts +15 -2
  533. package/types/slotted-angular-segmented-control.d.ts.map +1 -1
  534. package/types/slotted-angular-select.d.ts +12 -2
  535. package/types/slotted-angular-select.d.ts.map +1 -1
  536. package/types/slotted-angular-side-navigation.d.ts.map +1 -1
  537. package/types/slotted-angular-skeleton.d.ts.map +1 -1
  538. package/types/slotted-angular-slider.d.ts.map +1 -1
  539. package/types/slotted-angular-sparkline.d.ts +7 -1
  540. package/types/slotted-angular-sparkline.d.ts.map +1 -1
  541. package/types/slotted-angular-split-button.d.ts +2 -2
  542. package/types/slotted-angular-split-button.d.ts.map +1 -1
  543. package/types/slotted-angular-splitter.d.ts.map +1 -1
  544. package/types/slotted-angular-stack.d.ts.map +1 -1
  545. package/types/slotted-angular-stat-card.d.ts +1 -1
  546. package/types/slotted-angular-stat-card.d.ts.map +1 -1
  547. package/types/slotted-angular-status-indicator.d.ts +1 -1
  548. package/types/slotted-angular-status-indicator.d.ts.map +1 -1
  549. package/types/slotted-angular-stepper.d.ts +1 -1
  550. package/types/slotted-angular-stepper.d.ts.map +1 -1
  551. package/types/slotted-angular-switch.d.ts.map +1 -1
  552. package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
  553. package/types/slotted-angular-table.d.ts +63 -6
  554. package/types/slotted-angular-table.d.ts.map +1 -1
  555. package/types/slotted-angular-tabs.d.ts +3 -4
  556. package/types/slotted-angular-tabs.d.ts.map +1 -1
  557. package/types/slotted-angular-tag.d.ts +1 -1
  558. package/types/slotted-angular-tag.d.ts.map +1 -1
  559. package/types/slotted-angular-tags-input.d.ts +33 -1
  560. package/types/slotted-angular-tags-input.d.ts.map +1 -1
  561. package/types/slotted-angular-text-field.d.ts.map +1 -1
  562. package/types/slotted-angular-textarea.d.ts.map +1 -1
  563. package/types/slotted-angular-theme.d.ts +1 -1
  564. package/types/slotted-angular-time-field.d.ts.map +1 -1
  565. package/types/slotted-angular-time-picker.d.ts +0 -1
  566. package/types/slotted-angular-time-picker.d.ts.map +1 -1
  567. package/types/slotted-angular-time-range-picker.d.ts +0 -1
  568. package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
  569. package/types/slotted-angular-timeline.d.ts +1 -1
  570. package/types/slotted-angular-timeline.d.ts.map +1 -1
  571. package/types/slotted-angular-toast.d.ts +3 -3
  572. package/types/slotted-angular-toast.d.ts.map +1 -1
  573. package/types/slotted-angular-toggle-group.d.ts +8 -2
  574. package/types/slotted-angular-toggle-group.d.ts.map +1 -1
  575. package/types/slotted-angular-toggle.d.ts +1 -1
  576. package/types/slotted-angular-toggle.d.ts.map +1 -1
  577. package/types/slotted-angular-toolbar.d.ts.map +1 -1
  578. package/types/slotted-angular-tooltip.d.ts.map +1 -1
  579. package/types/slotted-angular-top-navigation.d.ts.map +1 -1
  580. package/types/slotted-angular-tour.d.ts.map +1 -1
  581. package/types/slotted-angular-transfer.d.ts.map +1 -1
  582. package/types/slotted-angular-tree.d.ts.map +1 -1
  583. package/types/slotted-angular-typography.d.ts +1 -1
  584. package/types/slotted-angular-typography.d.ts.map +1 -1
  585. package/types/slotted-angular-upload.d.ts +2 -2
  586. package/types/slotted-angular-upload.d.ts.map +1 -1
  587. package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
  588. package/types/slotted-angular-wizard.d.ts.map +1 -1
@@ -151,17 +151,19 @@ class SlStepper {
151
151
  return `${this.id}-panel-${index}`;
152
152
  }
153
153
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepper, deps: [], target: i0.ɵɵFactoryTarget.Component });
154
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlStepper, isStandalone: true, selector: "[slStepper]", inputs: { stepValue: { classPropertyName: "stepValue", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, defaultStep: { classPropertyName: "defaultStep", publicName: "defaultStep", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPlacement: { classPropertyName: "labelPlacement", publicName: "labelPlacement", isSignal: true, isRequired: false, transformFunction: null }, navigation: { classPropertyName: "navigation", publicName: "navigation", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, host: { attributes: { "data-ui": "stepper", "data-part": "root" }, properties: { "attr.data-orientation": "orientationValue()", "attr.data-label-placement": "labelPlacementValue()", "attr.data-navigation": "navigationValue()" } }, exportAs: ["slStepper"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui=stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui=stepper] [data-part=list]{display:flex;list-style:none;margin:0;padding:0}[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:flex-start;flex-direction:row}[data-ui=stepper][data-orientation=vertical] [data-part=list]{flex-direction:column}[data-ui=stepper] [data-part=item]{display:flex;position:relative}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:1 1 0;min-inline-size:0}[data-ui=stepper][data-orientation=vertical] [data-part=item]{flex-direction:column}[data-ui=stepper] [data-part=trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] button[data-part=trigger],[data-ui=stepper] a[data-part=trigger]{cursor:pointer}[data-ui=stepper][data-label-placement=bottom] [data-part=trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui=stepper] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=stepper] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] [data-current] [data-part=marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-complete]:not([data-current],[data-invalid]) [data-part=marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui=stepper] [data-invalid] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] :is([data-complete],[data-invalid]) [data-part=marker]{color:transparent}[data-ui=stepper] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui=stepper] [data-current]:not([data-invalid]) [data-part=marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-part=label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui=stepper] :is([data-current],[data-complete]) [data-part=label]{color:var(--_strong)}[data-ui=stepper] [data-invalid] [data-part=label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] [data-part=description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:hover [data-part=label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:active [data-part=marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui=stepper] [data-part=separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui=stepper] [data-part=separator][data-complete]{background-color:var(--_done-line)}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=trigger]{flex:0 1 auto;min-inline-size:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui=stepper][data-orientation=vertical] [data-part=separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui=stepper] [data-part=item]:last-child [data-part=separator]{display:none}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=trigger]{inline-size:100%}[data-ui=stepper][data-orientation=vertical] [data-part=item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper][data-orientation=vertical] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=vertical] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui=stepper][data-orientation=horizontal] [data-part=panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper] [data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:stretch;flex-direction:column}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui=stepper][data-orientation=horizontal] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui=stepper] [data-part=separator]{background-color:GrayText}[data-ui=stepper] [data-part=separator][data-complete]{background-color:Highlight}[data-ui=stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
154
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlStepper, isStandalone: true, selector: "[slStepper]", inputs: { stepValue: { classPropertyName: "stepValue", publicName: "step", isSignal: true, isRequired: false, transformFunction: null }, defaultStep: { classPropertyName: "defaultStep", publicName: "defaultStep", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, labelPlacement: { classPropertyName: "labelPlacement", publicName: "labelPlacement", isSignal: true, isRequired: false, transformFunction: null }, navigation: { classPropertyName: "navigation", publicName: "navigation", isSignal: true, isRequired: false, transformFunction: null }, linear: { classPropertyName: "linear", publicName: "linear", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { stepChange: "stepChange" }, host: { attributes: { "data-ui": "stepper", "data-ui-stepper": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-orientation": "orientationValue()", "attr.data-label-placement": "labelPlacementValue()", "attr.data-navigation": "navigationValue()" } }, exportAs: ["slStepper"], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: ["@layer slotted.components{[data-ui-stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui-stepper] [data-part-list]{display:flex;list-style:none;margin:0;padding:0}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:flex-start;flex-direction:row}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui-stepper] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-stepper] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:transparent}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 1 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:stretch;flex-direction:column}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:GrayText}[data-ui-stepper] [data-part-separator][data-complete]{background-color:Highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
155
155
  }
156
156
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepper, decorators: [{
157
157
  type: Component,
158
158
  args: [{ selector: '[slStepper]', standalone: true, template: '<ng-content></ng-content>', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slStepper', host: {
159
159
  'data-ui': 'stepper',
160
+ 'data-ui-stepper': '',
160
161
  'data-part': 'root',
162
+ 'data-part-root': '',
161
163
  '[attr.data-orientation]': 'orientationValue()',
162
164
  '[attr.data-label-placement]': 'labelPlacementValue()',
163
165
  '[attr.data-navigation]': 'navigationValue()',
164
- }, styles: ["@layer slotted.components{[data-ui=stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui=stepper] [data-part=list]{display:flex;list-style:none;margin:0;padding:0}[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:flex-start;flex-direction:row}[data-ui=stepper][data-orientation=vertical] [data-part=list]{flex-direction:column}[data-ui=stepper] [data-part=item]{display:flex;position:relative}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:1 1 0;min-inline-size:0}[data-ui=stepper][data-orientation=vertical] [data-part=item]{flex-direction:column}[data-ui=stepper] [data-part=trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] button[data-part=trigger],[data-ui=stepper] a[data-part=trigger]{cursor:pointer}[data-ui=stepper][data-label-placement=bottom] [data-part=trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui=stepper] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=stepper] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] [data-current] [data-part=marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-complete]:not([data-current],[data-invalid]) [data-part=marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui=stepper] [data-invalid] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] :is([data-complete],[data-invalid]) [data-part=marker]{color:transparent}[data-ui=stepper] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui=stepper] [data-current]:not([data-invalid]) [data-part=marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-part=label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui=stepper] :is([data-current],[data-complete]) [data-part=label]{color:var(--_strong)}[data-ui=stepper] [data-invalid] [data-part=label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] [data-part=description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:hover [data-part=label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:active [data-part=marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui=stepper] [data-part=separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui=stepper] [data-part=separator][data-complete]{background-color:var(--_done-line)}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=trigger]{flex:0 1 auto;min-inline-size:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui=stepper][data-orientation=vertical] [data-part=separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui=stepper] [data-part=item]:last-child [data-part=separator]{display:none}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=trigger]{inline-size:100%}[data-ui=stepper][data-orientation=vertical] [data-part=item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper][data-orientation=vertical] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=vertical] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui=stepper][data-orientation=horizontal] [data-part=panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper] [data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:stretch;flex-direction:column}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui=stepper][data-orientation=horizontal] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui=stepper] [data-part=separator]{background-color:GrayText}[data-ui=stepper] [data-part=separator][data-complete]{background-color:Highlight}[data-ui=stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
166
+ }, styles: ["@layer slotted.components{[data-ui-stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui-stepper] [data-part-list]{display:flex;list-style:none;margin:0;padding:0}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:flex-start;flex-direction:row}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui-stepper] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-stepper] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:transparent}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 1 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:stretch;flex-direction:column}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:GrayText}[data-ui-stepper] [data-part-separator][data-complete]{background-color:Highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
165
167
  }], propDecorators: { stepValue: [{ type: i0.Input, args: [{ isSignal: true, alias: "step", required: false }] }], defaultStep: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultStep", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], labelPlacement: [{ type: i0.Input, args: [{ isSignal: true, alias: "labelPlacement", required: false }] }], navigation: [{ type: i0.Input, args: [{ isSignal: true, alias: "navigation", required: false }] }], linear: [{ type: i0.Input, args: [{ isSignal: true, alias: "linear", required: false }] }], autoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoComplete", required: false }] }], stepChange: [{ type: i0.Output, args: ["stepChange"] }] } });
166
168
  /**
167
169
  * The ordered list, and the one part that knows how many steps there are.
@@ -219,7 +221,7 @@ class SlStepperList {
219
221
  this.element.ownerDocument.getElementById(this.stepper.triggerId(next))?.focus();
220
222
  }
221
223
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
222
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlStepperList, isStandalone: true, selector: "ol[slStepperList]", host: { attributes: { "data-part": "list" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.aria-label": "accessibleLabel()" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => SlStepperStep), isSignal: true }], exportAs: ["slStepperList"], ngImport: i0 });
224
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlStepperList, isStandalone: true, selector: "ol[slStepperList]", host: { attributes: { "data-part": "list", "data-part-list": "" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.aria-label": "accessibleLabel()" } }, queries: [{ propertyName: "items", predicate: i0.forwardRef(() => SlStepperStep), isSignal: true }], exportAs: ["slStepperList"], ngImport: i0 });
223
225
  }
224
226
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperList, decorators: [{
225
227
  type: Directive,
@@ -229,6 +231,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
229
231
  exportAs: 'slStepperList',
230
232
  host: {
231
233
  'data-part': 'list',
234
+ 'data-part-list': '',
232
235
  '[attr.aria-label]': 'accessibleLabel()',
233
236
  '(keydown)': 'onKeydown($event)',
234
237
  },
@@ -299,7 +302,7 @@ class SlStepperStep {
299
302
  this.stepper.goToStep(this.index(), 'pointer', event);
300
303
  }
301
304
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperStep, deps: [], target: i0.ɵɵFactoryTarget.Component });
302
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlStepperStep, isStandalone: true, selector: "li[slStepperStep]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "status() === \"complete\" ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-disabled": "unreachable() ? \"\" : null" } }, exportAs: ["slStepperStep"], ngImport: i0, template: `
305
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlStepperStep, isStandalone: true, selector: "li[slStepperStep]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, invalid: { classPropertyName: "invalid", publicName: "invalid", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, href: { classPropertyName: "href", publicName: "href", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "" }, properties: { "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "status() === \"complete\" ? \"\" : null", "attr.data-invalid": "invalid() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-disabled": "unreachable() ? \"\" : null" } }, exportAs: ["slStepperStep"], ngImport: i0, template: `
303
306
  @switch (stepper.navigationValue()) {
304
307
  @case ('none') {
305
308
  <span
@@ -307,6 +310,7 @@ class SlStepperStep {
307
310
  [attr.data-index]="index()"
308
311
  [id]="stepper.triggerId(index())"
309
312
  data-part="trigger"
313
+ data-part-trigger=""
310
314
  >
311
315
  <ng-container *ngTemplateOutlet="header"></ng-container>
312
316
  </span>
@@ -319,6 +323,7 @@ class SlStepperStep {
319
323
  [attr.href]="unreachable() ? null : (href() ?? null)"
320
324
  [id]="stepper.triggerId(index())"
321
325
  data-part="trigger"
326
+ data-part-trigger=""
322
327
  (click)="activate($event)"
323
328
  >
324
329
  <ng-container *ngTemplateOutlet="header"></ng-container>
@@ -331,6 +336,7 @@ class SlStepperStep {
331
336
  [attr.data-index]="index()"
332
337
  [id]="stepper.triggerId(index())"
333
338
  data-part="trigger"
339
+ data-part-trigger=""
334
340
  type="button"
335
341
  (click)="activate($event)"
336
342
  >
@@ -344,20 +350,21 @@ class SlStepperStep {
344
350
  [attr.data-complete]="travelled() ? '' : null"
345
351
  aria-hidden="true"
346
352
  data-part="separator"
353
+ data-part-separator=""
347
354
  ></span>
348
355
  }
349
356
 
350
357
  <ng-template #header>
351
- <span aria-hidden="true" data-part="marker"
358
+ <span aria-hidden="true" data-part="marker" data-part-marker=""
352
359
  >{{ index() + 1 }}
353
360
  @if (mark(); as mark) {
354
361
  <span slIcon><svg slGlyph [name]="mark"></svg></span>
355
362
  }
356
363
  </span>
357
- <span data-part="label">
364
+ <span data-part="label" data-part-label="">
358
365
  {{ label() }}
359
366
  @if (description()) {
360
- <span data-part="description">{{ description() }}</span>
367
+ <span data-part="description" data-part-description="">{{ description() }}</span>
361
368
  }
362
369
  </span>
363
370
  <!--
@@ -365,9 +372,15 @@ class SlStepperStep {
365
372
  nothing separates two elements' text: without the comma a reader hears
366
373
  "CartStep 1 of 4".
367
374
  -->
368
- <span data-part="status" data-ui="visually-hidden">{{ ', ' + announced() }}</span>
375
+ <span
376
+ data-part="status"
377
+ data-part-status=""
378
+ data-ui="visually-hidden"
379
+ data-ui-visually-hidden=""
380
+ >{{ ', ' + announced() }}</span
381
+ >
369
382
  </ng-template>
370
- `, isInline: true, styles: ["@layer slotted.components{[data-ui=stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui=stepper] [data-part=list]{display:flex;list-style:none;margin:0;padding:0}[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:flex-start;flex-direction:row}[data-ui=stepper][data-orientation=vertical] [data-part=list]{flex-direction:column}[data-ui=stepper] [data-part=item]{display:flex;position:relative}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:1 1 0;min-inline-size:0}[data-ui=stepper][data-orientation=vertical] [data-part=item]{flex-direction:column}[data-ui=stepper] [data-part=trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] button[data-part=trigger],[data-ui=stepper] a[data-part=trigger]{cursor:pointer}[data-ui=stepper][data-label-placement=bottom] [data-part=trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui=stepper] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=stepper] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] [data-current] [data-part=marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-complete]:not([data-current],[data-invalid]) [data-part=marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui=stepper] [data-invalid] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] :is([data-complete],[data-invalid]) [data-part=marker]{color:transparent}[data-ui=stepper] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui=stepper] [data-current]:not([data-invalid]) [data-part=marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-part=label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui=stepper] :is([data-current],[data-complete]) [data-part=label]{color:var(--_strong)}[data-ui=stepper] [data-invalid] [data-part=label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] [data-part=description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:hover [data-part=label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:active [data-part=marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui=stepper] [data-part=separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui=stepper] [data-part=separator][data-complete]{background-color:var(--_done-line)}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=trigger]{flex:0 1 auto;min-inline-size:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui=stepper][data-orientation=vertical] [data-part=separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui=stepper] [data-part=item]:last-child [data-part=separator]{display:none}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=trigger]{inline-size:100%}[data-ui=stepper][data-orientation=vertical] [data-part=item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper][data-orientation=vertical] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=vertical] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui=stepper][data-orientation=horizontal] [data-part=panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper] [data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:stretch;flex-direction:column}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui=stepper][data-orientation=horizontal] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui=stepper] [data-part=separator]{background-color:GrayText}[data-ui=stepper] [data-part=separator][data-complete]{background-color:Highlight}[data-ui=stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
383
+ `, isInline: true, styles: ["@layer slotted.components{[data-ui-stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui-stepper] [data-part-list]{display:flex;list-style:none;margin:0;padding:0}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:flex-start;flex-direction:row}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui-stepper] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-stepper] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:transparent}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 1 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:stretch;flex-direction:column}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:GrayText}[data-ui-stepper] [data-part-separator][data-complete]{background-color:Highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: SlGlyph, selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: SlIcon, selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
371
384
  }
372
385
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperStep, decorators: [{
373
386
  type: Component,
@@ -379,6 +392,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
379
392
  [attr.data-index]="index()"
380
393
  [id]="stepper.triggerId(index())"
381
394
  data-part="trigger"
395
+ data-part-trigger=""
382
396
  >
383
397
  <ng-container *ngTemplateOutlet="header"></ng-container>
384
398
  </span>
@@ -391,6 +405,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
391
405
  [attr.href]="unreachable() ? null : (href() ?? null)"
392
406
  [id]="stepper.triggerId(index())"
393
407
  data-part="trigger"
408
+ data-part-trigger=""
394
409
  (click)="activate($event)"
395
410
  >
396
411
  <ng-container *ngTemplateOutlet="header"></ng-container>
@@ -403,6 +418,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
403
418
  [attr.data-index]="index()"
404
419
  [id]="stepper.triggerId(index())"
405
420
  data-part="trigger"
421
+ data-part-trigger=""
406
422
  type="button"
407
423
  (click)="activate($event)"
408
424
  >
@@ -416,20 +432,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
416
432
  [attr.data-complete]="travelled() ? '' : null"
417
433
  aria-hidden="true"
418
434
  data-part="separator"
435
+ data-part-separator=""
419
436
  ></span>
420
437
  }
421
438
 
422
439
  <ng-template #header>
423
- <span aria-hidden="true" data-part="marker"
440
+ <span aria-hidden="true" data-part="marker" data-part-marker=""
424
441
  >{{ index() + 1 }}
425
442
  @if (mark(); as mark) {
426
443
  <span slIcon><svg slGlyph [name]="mark"></svg></span>
427
444
  }
428
445
  </span>
429
- <span data-part="label">
446
+ <span data-part="label" data-part-label="">
430
447
  {{ label() }}
431
448
  @if (description()) {
432
- <span data-part="description">{{ description() }}</span>
449
+ <span data-part="description" data-part-description="">{{ description() }}</span>
433
450
  }
434
451
  </span>
435
452
  <!--
@@ -437,16 +454,23 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
437
454
  nothing separates two elements' text: without the comma a reader hears
438
455
  "CartStep 1 of 4".
439
456
  -->
440
- <span data-part="status" data-ui="visually-hidden">{{ ', ' + announced() }}</span>
457
+ <span
458
+ data-part="status"
459
+ data-part-status=""
460
+ data-ui="visually-hidden"
461
+ data-ui-visually-hidden=""
462
+ >{{ ', ' + announced() }}</span
463
+ >
441
464
  </ng-template>
442
465
  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slStepperStep', host: {
443
466
  'data-part': 'item',
467
+ 'data-part-item': '',
444
468
  '[attr.data-current]': 'current() ? "" : null',
445
469
  '[attr.data-complete]': 'status() === "complete" ? "" : null',
446
470
  '[attr.data-invalid]': 'invalid() ? "" : null',
447
471
  '[attr.data-loading]': 'loading() ? "" : null',
448
472
  '[attr.data-disabled]': 'unreachable() ? "" : null',
449
- }, styles: ["@layer slotted.components{[data-ui=stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui=stepper] [data-part=list]{display:flex;list-style:none;margin:0;padding:0}[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:flex-start;flex-direction:row}[data-ui=stepper][data-orientation=vertical] [data-part=list]{flex-direction:column}[data-ui=stepper] [data-part=item]{display:flex;position:relative}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:1 1 0;min-inline-size:0}[data-ui=stepper][data-orientation=vertical] [data-part=item]{flex-direction:column}[data-ui=stepper] [data-part=trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] button[data-part=trigger],[data-ui=stepper] a[data-part=trigger]{cursor:pointer}[data-ui=stepper][data-label-placement=bottom] [data-part=trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui=stepper] [data-part=trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=stepper] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=stepper] [data-current] [data-part=marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-complete]:not([data-current],[data-invalid]) [data-part=marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui=stepper] [data-invalid] [data-part=marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] :is([data-complete],[data-invalid]) [data-part=marker]{color:transparent}[data-ui=stepper] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui=stepper] [data-current]:not([data-invalid]) [data-part=marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui=stepper] [data-part=label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui=stepper] :is([data-current],[data-complete]) [data-part=label]{color:var(--_strong)}[data-ui=stepper] [data-invalid] [data-part=label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui=stepper] [data-disabled]:not([data-invalid]) [data-part=label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui=stepper] [data-part=description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:hover [data-part=label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui=stepper] [data-part=item]:not([data-disabled],[data-loading]) :is(button,a)[data-part=trigger]:active [data-part=marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui=stepper] [data-part=separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui=stepper] [data-part=separator][data-complete]{background-color:var(--_done-line)}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui=stepper][data-orientation=horizontal][data-label-placement=end] [data-part=trigger]{flex:0 1 auto;min-inline-size:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui=stepper][data-orientation=vertical] [data-part=separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui=stepper] [data-part=item]:last-child [data-part=separator]{display:none}[data-ui=stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part=trigger]{inline-size:100%}[data-ui=stepper][data-orientation=vertical] [data-part=item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper][data-orientation=vertical] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=vertical] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui=stepper][data-orientation=horizontal] [data-part=panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui=stepper] [data-part=panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui=stepper][data-orientation=horizontal] [data-part=list]{align-items:stretch;flex-direction:column}[data-ui=stepper][data-orientation=horizontal] [data-part=item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui=stepper][data-orientation=horizontal] [data-part=item]:last-child{padding-block-end:0}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui=stepper][data-orientation=horizontal][data-label-placement] [data-part=panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui=stepper] [data-part=separator]{background-color:GrayText}[data-ui=stepper] [data-part=separator][data-complete]{background-color:Highlight}[data-ui=stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui=visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
473
+ }, styles: ["@layer slotted.components{[data-ui-stepper]{--_marker: var(--slotted-stepper-marker-size, var(--slotted-control-height-md, 34px));--_gap: var(--slotted-stepper-gap, var(--slotted-control-gap-md, 8px));--_rule: var(--slotted-stepper-connector-thickness, var(--slotted-border-width-thick, 2px));--_muted: var(--slotted-stepper-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-stepper-color, var(--slotted-text, CanvasText));--_pending-line: var(--slotted-stepper-connector-color, var(--slotted-border-subtle, GrayText));--_pending-ring: var( --slotted-stepper-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_done-line: var( --slotted-stepper-connector-color-complete, var(--slotted-tone-accent-solid, Highlight) );--_state-press: color-mix( in oklab, var(--_strong) var(--slotted-stepper-marker-press-strength, 14%), transparent );color:var(--_strong);container-name:slotted-stepper;container-type:inline-size;display:block;font-family:var(--slotted-stepper-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--slotted-stepper-font-size, var(--slotted-control-font-size-md, 13px))}[data-ui-stepper] [data-part-list]{display:flex;list-style:none;margin:0;padding:0}[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:flex-start;flex-direction:row}[data-ui-stepper][data-orientation=vertical] [data-part-list]{flex-direction:column}[data-ui-stepper] [data-part-item]{display:flex;position:relative}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:1 1 0;min-inline-size:0}[data-ui-stepper][data-orientation=vertical] [data-part-item]{flex-direction:column}[data-ui-stepper] [data-part-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-stepper-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--_gap);display:flex;font:inherit;padding:0;text-align:start;text-decoration:none;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] button[data-part-trigger],[data-ui-stepper] a[data-part-trigger]{cursor:pointer}[data-ui-stepper][data-label-placement=bottom] [data-part-trigger]{align-items:center;flex-direction:column;padding-inline:var(--slotted-stepper-column-inset, var(--slotted-space-3, .375rem));row-gap:var(--slotted-stepper-label-gap, var(--slotted-space-3, .375rem));text-align:center}[data-ui-stepper] [data-part-trigger]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-stepper] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-complete, var(--slotted-tone-accent-on-solid, HighlightText) );--_mark-size: var(--slotted-stepper-glyph-size, var(--slotted-control-icon-size-md, 16px));align-items:center;background-color:var(--slotted-stepper-marker-surface, transparent);block-size:var(--_marker);border:var(--_rule) solid var(--_pending-ring);border-radius:var(--slotted-radius-full, 9999px);box-sizing:border-box;color:var(--_muted);display:flex;flex:none;font-variant-numeric:tabular-nums;font-weight:var(--slotted-stepper-marker-weight, var(--slotted-font-weight-semibold, 600));inline-size:var(--_marker);justify-content:center;line-height:1;position:relative;transition:background-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),box-shadow var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-stepper] [data-current] [data-part-marker]{border-color:var(--slotted-stepper-marker-border-current, var(--_done-line));color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-complete]:not([data-current],[data-invalid]) [data-part-marker]{background-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line));border-color:var(--slotted-stepper-marker-surface-complete, var(--_done-line))}[data-ui-stepper] [data-invalid] [data-part-marker]{--_mark: var( --slotted-stepper-marker-color-invalid, var(--slotted-tone-danger-on-solid, MarkText) );background-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) );border-color:var( --slotted-stepper-marker-surface-invalid, var(--slotted-tone-danger-solid, Mark) )}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-marker]{background-color:transparent;border-color:var(--slotted-disabled-border, GrayText);color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] :is([data-complete],[data-invalid]) [data-part-marker]{color:transparent}[data-ui-stepper] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: var(--_mark-size);color:var(--_mark);inset:0;margin:auto;position:absolute}[data-ui-stepper] [data-current]:not([data-invalid]) [data-part-marker]{color:var(--slotted-stepper-marker-color-current, var(--slotted-tone-accent-text, Highlight))}[data-ui-stepper] [data-part-label]{color:var(--_muted);font-weight:var(--slotted-stepper-label-weight, var(--slotted-font-weight-medium, 500));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));min-inline-size:0;overflow-wrap:anywhere}[data-ui-stepper] :is([data-current],[data-complete]) [data-part-label]{color:var(--_strong)}[data-ui-stepper] [data-invalid] [data-part-label]{color:var(--slotted-stepper-label-color-invalid, var(--slotted-tone-danger-text, MarkText))}[data-ui-stepper] [data-disabled]:not([data-invalid]) [data-part-label]{color:var(--slotted-disabled-foreground, GrayText)}[data-ui-stepper] [data-part-description]{color:var(--_muted);display:block;font-size:var(--slotted-stepper-description-font-size, var(--slotted-font-size-xs, .75rem));line-height:var(--slotted-stepper-line-height, var(--slotted-line-height-sm, 1.45));margin-block-start:var(--slotted-stepper-description-gap, var(--slotted-space-1, .125rem))}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:hover [data-part-label]{color:var(--_strong);text-decoration-color:currentColor;text-decoration-line:underline;text-underline-offset:var(--slotted-stepper-underline-offset, .2em)}[data-ui-stepper] [data-part-item]:not([data-disabled],[data-loading]) :is(button,a)[data-part-trigger]:active [data-part-marker]{box-shadow:inset 0 0 0 var(--_marker) var(--_state-press)}[data-ui-stepper] [data-part-separator]{background-color:var(--_pending-line);display:block;flex:none}[data-ui-stepper] [data-part-separator][data-complete]{background-color:var(--_done-line)}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-separator]{align-self:center;block-size:var(--_rule);flex:1 1 auto;margin-inline:var(--slotted-stepper-track-gap, var(--slotted-space-5, .75rem));min-inline-size:var(--slotted-stepper-track-min, var(--slotted-space-8, 1.5rem));position:static}[data-ui-stepper][data-orientation=horizontal][data-label-placement=end] [data-part-trigger]{flex:0 1 auto;min-inline-size:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-separator]{block-size:var(--_rule);inset-block-start:calc(.5 * (var(--_marker) - var(--_rule)));inset-inline-end:calc(-50% + .5 * var(--_marker) + var(--_gap));inset-inline-start:calc(50% + .5 * var(--_marker) + var(--_gap));position:absolute}[data-ui-stepper][data-orientation=vertical] [data-part-separator]{--_rule-room: var(--slotted-stepper-connector-gap, var(--slotted-space-2, .25rem));inline-size:var(--_rule);inset-block-end:var(--_rule-room);inset-block-start:calc(var(--_marker) + var(--_rule-room));inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));position:absolute}[data-ui-stepper] [data-part-item]:last-child [data-part-separator]{display:none}[data-ui-stepper][data-orientation=horizontal][data-label-placement=bottom] [data-part-trigger]{inline-size:100%}[data-ui-stepper][data-orientation=vertical] [data-part-item]{padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper][data-orientation=vertical] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=vertical] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}[data-ui-stepper][data-orientation=horizontal] [data-part-panel]{padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-6, 1rem))}[data-ui-stepper] [data-part-panel]:focus-visible{outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}@container slotted-stepper (max-width: 30rem){[data-ui-stepper][data-orientation=horizontal] [data-part-list]{align-items:stretch;flex-direction:column}[data-ui-stepper][data-orientation=horizontal] [data-part-item]{flex:none;flex-direction:column;padding-block-end:var(--slotted-stepper-step-gap, var(--slotted-space-6, 1rem));padding-inline-end:0}[data-ui-stepper][data-orientation=horizontal] [data-part-item]:last-child{padding-block-end:0}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-trigger]{align-items:center;flex-direction:row;inline-size:auto;padding-inline:0;text-align:start}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-separator]{block-size:auto;flex:none;inline-size:var(--_rule);inset-block-end:0;inset-block-start:calc(var(--_marker) + var(--_gap));inset-inline-end:auto;inset-inline-start:calc(.5 * (var(--_marker) - var(--_rule)));margin-inline:0;min-inline-size:0;position:absolute}[data-ui-stepper][data-orientation=horizontal][data-label-placement] [data-part-panel]{margin-inline-start:calc(var(--_marker) + var(--_gap));padding-block-start:var(--slotted-stepper-panel-gap, var(--slotted-space-4, .5rem))}}@media(forced-colors:active){[data-ui-stepper] [data-part-separator]{background-color:GrayText}[data-ui-stepper] [data-part-separator][data-complete]{background-color:Highlight}[data-ui-stepper] :is([data-complete],[data-invalid]):not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}}}\n", "@layer slotted.components{[data-ui-visually-hidden]:not([data-focusable]:focus-within){block-size:1px;border:0;clip-path:inset(50%);inline-size:1px;inset-block-start:0;inset-inline-start:0;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}}\n"] }]
450
474
  }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], complete: [{ type: i0.Input, args: [{ isSignal: true, alias: "complete", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], invalid: [{ type: i0.Input, args: [{ isSignal: true, alias: "invalid", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], href: [{ type: i0.Input, args: [{ isSignal: true, alias: "href", required: false }] }] } });
451
475
  /**
452
476
  * The content of the step it is written inside. It is a `group` labelled by its
@@ -458,7 +482,7 @@ class SlStepperPanel {
458
482
  stepper = inject(SlStepper);
459
483
  step = inject(SlStepperStep);
460
484
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperPanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
461
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlStepperPanel, isStandalone: true, selector: "[slStepperPanel]", host: { attributes: { "data-part": "panel", "role": "group", "tabindex": "-1" }, properties: { "attr.id": "stepper.panelId(step.index())", "attr.aria-labelledby": "stepper.triggerId(step.index())", "hidden": "!step.current()" } }, exportAs: ["slStepperPanel"], ngImport: i0 });
485
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlStepperPanel, isStandalone: true, selector: "[slStepperPanel]", host: { attributes: { "data-part": "panel", "data-part-panel": "", "role": "group", "tabindex": "-1" }, properties: { "attr.id": "stepper.panelId(step.index())", "attr.aria-labelledby": "stepper.triggerId(step.index())", "hidden": "!step.current()" } }, exportAs: ["slStepperPanel"], ngImport: i0 });
462
486
  }
463
487
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlStepperPanel, decorators: [{
464
488
  type: Directive,
@@ -468,6 +492,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
468
492
  exportAs: 'slStepperPanel',
469
493
  host: {
470
494
  'data-part': 'panel',
495
+ 'data-part-panel': '',
471
496
  role: 'group',
472
497
  tabindex: '-1',
473
498
  '[attr.id]': 'stepper.panelId(step.index())',
@@ -1 +1 @@
1
- {"version":3,"file":"slotted-angular-stepper.mjs","sources":["../../stepper/src/stepper.constants.ts","../../stepper/src/stepper.ts","../../stepper/src/slotted-angular-stepper.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { StepOrientation } from '@slotted/core/steps';\n\nexport type StepperOrientation = StepOrientation;\nexport type StepperLabelPlacement = 'end' | 'bottom';\n/** What a step header is: a control, a destination, or neither. */\nexport type StepperNavigation = 'button' | 'link' | 'none';\nexport type StepperStepReason = 'pointer' | 'keyboard' | 'programmatic';\n\nexport const STEPPER_DEFAULT_ORIENTATION: StepperOrientation = 'horizontal';\nexport const STEPPER_DEFAULT_LABEL_PLACEMENT: StepperLabelPlacement = 'end';\nexport const STEPPER_DEFAULT_NAVIGATION: StepperNavigation = 'button';\n\nexport interface StepperDefaults {\n labelPlacement?: StepperLabelPlacement;\n linear?: boolean;\n navigation?: StepperNavigation;\n orientation?: StepperOrientation;\n}\n\nexport const STEPPER_DEFAULTS_TOKEN = new InjectionToken<StepperDefaults>(\n 'slotted stepper defaults',\n { providedIn: 'root', factory: (): StepperDefaults => ({}) },\n);\n\n/**\n * An application decides once which way its flows run, where the labels sit,\n * whether a header can be pressed, and whether the order is enforced. A\n * stepper that states any of those itself still wins: an explicit input is\n * never overridden by the token. Its words come from the language in force\n * (`provideSlotted`).\n */\nexport function provideStepperDefaults(defaults: StepperDefaults) {\n return { provide: STEPPER_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStepperDefaults(): StepperDefaults {\n return inject(STEPPER_DEFAULTS_TOKEN);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n Directive,\n effect,\n ElementRef,\n forwardRef,\n HostAttributeToken,\n inject,\n input,\n numberAttribute,\n output,\n signal,\n untracked,\n ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport type { GlyphName } from '@slotted/angular/icon';\nimport { stepperMessages, type PartialMessages, type StepperMessages } from '@slotted/core/i18n';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport { stepFocusIndex, stepPercent, stepReachable, stepStatus } from '@slotted/core/steps';\n\nimport {\n injectStepperDefaults,\n STEPPER_DEFAULT_LABEL_PLACEMENT,\n STEPPER_DEFAULT_NAVIGATION,\n STEPPER_DEFAULT_ORIENTATION,\n type StepperLabelPlacement,\n type StepperNavigation,\n type StepperOrientation,\n type StepperStepReason,\n} from './stepper.constants';\n\nlet counter = 0;\n\n/**\n * Where the reader is in a sequence of steps, which steps they may reach, and\n * the panel belonging to the step they are on.\n *\n * **It refuses the tab role.** Angular Material gives a horizontal stepper\n * `role=\"tablist\"`; section 7 of the feature guide forbids it in the Tabs entry\n * itself — tabs are for peer views in one context, not for the steps of a\n * process. What replaces it is `ol` and `li` for the sequence,\n * `aria-current=\"step\"` for where the reader is, and a visually hidden status\n * inside each header so a reader hears \"Step 2 of 5, completed\" rather than\n * \"2\".\n *\n * **It validates nothing.** A consumer refuses a move by cancelling the change\n * request, which every mutable value in this library already carries. Zag ships\n * `isStepValid` and `onStepInvalid` for that job; this family needs neither.\n *\n * **It never claims completion.** `complete` is the consumer's fact about one\n * step; `autoComplete` is the shorthand for the flow where reaching step three\n * does mean the first two are done, and it is off.\n */\n@Component({\n selector: '[slStepper]',\n standalone: true,\n template: '<ng-content></ng-content>',\n styleUrls: [\n '../../../styles/src/stepper/stepper.css',\n '../../../styles/src/visually-hidden/visually-hidden.css',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStepper',\n host: {\n 'data-ui': 'stepper',\n 'data-part': 'root',\n '[attr.data-orientation]': 'orientationValue()',\n '[attr.data-label-placement]': 'labelPlacementValue()',\n '[attr.data-navigation]': 'navigationValue()',\n },\n})\nexport class SlStepper {\n /** Present means controlled, for the life of the component. */\n readonly stepValue = input(undefined, { alias: 'step', transform: optionalNumber });\n /** What an uncontrolled stepper starts from, read once. */\n readonly defaultStep = input(0, { transform: numberAttribute });\n /**\n * Words laid over the catalog of the language in force, key by key: the\n * list's name (`label`), the position, and the status each step announces.\n */\n readonly messages = input<PartialMessages<StepperMessages> | undefined>(undefined);\n readonly orientation = input<StepperOrientation | undefined>(undefined);\n readonly labelPlacement = input<StepperLabelPlacement | undefined>(undefined);\n readonly navigation = input<StepperNavigation | undefined>(undefined);\n readonly linear = input(false, { transform: booleanAttribute });\n readonly autoComplete = input(false, { transform: booleanAttribute });\n\n /**\n * Emitted before the step moves, carrying what it replaces, the reason and\n * the event. It is not the second half of a two-way binding: one slot can\n * carry none of those, and cancelling the request is how a consumer refuses\n * a move.\n */\n readonly stepChange = output<ChangeRequest<number>>();\n\n private readonly defaults = injectStepperDefaults();\n private readonly own = signal<number | undefined>(undefined);\n private readonly steps = signal<readonly SlStepperStep[]>([]);\n\n readonly id = `slotted-stepper-${(counter += 1)}`;\n readonly step = computed(() => this.stepValue() ?? this.own() ?? this.defaultStep());\n readonly count = computed(() => this.steps().length);\n\n readonly orientationValue = computed(\n () => this.orientation() ?? this.defaults.orientation ?? STEPPER_DEFAULT_ORIENTATION,\n );\n readonly labelPlacementValue = computed(\n () => this.labelPlacement() ?? this.defaults.labelPlacement ?? STEPPER_DEFAULT_LABEL_PLACEMENT,\n );\n readonly navigationValue = computed(\n () => this.navigation() ?? this.defaults.navigation ?? STEPPER_DEFAULT_NAVIGATION,\n );\n readonly linearValue = computed(() => this.linear() || this.defaults.linear === true);\n /** The family's words in the language in force, with this stepper's `messages` laid over them. */\n readonly t = injectMessages(stepperMessages, this.messages);\n /** The locale in force: what the descriptors a step announces are listed in. */\n readonly locale = injectLocale();\n\n /** How far along the row the reader has travelled, nought to a hundred. */\n readonly percent = computed(() => stepPercent({ count: this.count(), step: this.step() }));\n readonly canGoPrevious = computed(() => this.step() > 0);\n readonly canGoNext = computed(\n () => this.count() > 0 && this.step() < this.count() - 1 && this.reachable(this.step() + 1),\n );\n\n register(steps: readonly SlStepperStep[]) {\n this.steps.set(steps);\n }\n\n statusOf(index: number) {\n return stepStatus({\n autoComplete: this.autoComplete(),\n complete: this.steps()[index]?.complete(),\n index,\n step: this.step(),\n });\n }\n\n reachable(index: number) {\n return stepReachable({\n autoComplete: this.autoComplete(),\n complete: this.steps()[index]?.complete(),\n count: this.count(),\n disabled: this.steps()[index]?.disabled(),\n index,\n isComplete: (candidate) => this.statusOf(candidate) === 'complete',\n linear: this.linearValue(),\n step: this.step(),\n });\n }\n\n goToStep(next: number, reason: StepperStepReason = 'pointer', source?: Event) {\n if (next < 0 || (this.count() > 0 && next >= this.count())) return;\n const state = createControllable<number>({\n controlled: untracked(() => this.stepValue()),\n initial: untracked(() => this.step()),\n onRequest: (request) => this.stepChange.emit(request),\n });\n if (state.request(next, reason, source)) this.own.set(next);\n }\n\n next(reason: StepperStepReason = 'pointer', source?: Event) {\n this.goToStep(this.step() + 1, reason, source);\n }\n\n previous(reason: StepperStepReason = 'pointer', source?: Event) {\n this.goToStep(this.step() - 1, reason, source);\n }\n\n reset(source?: Event) {\n this.goToStep(this.defaultStep(), 'programmatic', source);\n }\n\n triggerId(index: number) {\n return `${this.id}-trigger-${index}`;\n }\n\n panelId(index: number) {\n return `${this.id}-panel-${index}`;\n }\n}\n\n/**\n * The ordered list, and the one part that knows how many steps there are.\n *\n * The keyboard is handled here rather than on each header, because the\n * destination of an arrow is another header and only the list knows them all.\n * Every header stays in the tab sequence: the arrows are added on top of it\n * rather than replacing it with a roving tab stop, which is the model a\n * `tablist` has and the model this family declined.\n */\n@Directive({\n selector: 'ol[slStepperList]',\n standalone: true,\n exportAs: 'slStepperList',\n host: {\n 'data-part': 'list',\n '[attr.aria-label]': 'accessibleLabel()',\n '(keydown)': 'onKeydown($event)',\n },\n})\nexport class SlStepperList {\n private readonly stepper = inject(SlStepper);\n /* The step is declared below this class, and the dev-server transform puts\n the query predicate in a static initializer — a direct reference would read\n the binding before it exists. `forwardRef` defers the read to the query. */\n private readonly items = contentChildren<SlStepperStep>(forwardRef(() => SlStepperStep));\n private readonly element = inject(ElementRef<HTMLElement>).nativeElement;\n private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n\n readonly accessibleLabel = computed(() => this.ownLabel ?? this.stepper.t('label'));\n\n constructor() {\n effect(() => {\n const items = this.items();\n this.stepper.register(items);\n for (const [index, item] of items.entries()) {\n item.index.set(index);\n item.last.set(index === items.length - 1);\n }\n });\n }\n\n onKeydown(event: KeyboardEvent) {\n const trigger = (event.target as HTMLElement | null)?.closest?.('[data-part=\"trigger\"]');\n const from = Number(trigger?.getAttribute('data-index') ?? -1);\n if (!Number.isInteger(from) || from < 0) return;\n\n const view = this.element.ownerDocument.defaultView;\n const direction = view?.getComputedStyle(this.element).direction === 'rtl' ? 'rtl' : 'ltr';\n\n /**\n * Every header, reachable or not. The arrows move focus exactly where Tab\n * moves it, because that is the whole reason they were added on top of the\n * tab sequence: a step a linear flow has not opened is still one a reader\n * is allowed to find.\n */\n const next = stepFocusIndex({\n count: this.stepper.count(),\n direction,\n from,\n key: event.key,\n orientation: this.stepper.orientationValue(),\n });\n if (next === -1) return;\n\n event.preventDefault();\n this.element.ownerDocument.getElementById(this.stepper.triggerId(next))?.focus();\n }\n}\n\n/**\n * One step: its marker, its name, the second line under it, and the connector\n * that runs to the next one.\n *\n * A step a linear flow has not reached carries `aria-disabled` rather than\n * `disabled`, so it stays in the tab sequence: a reader can find out the step\n * exists and that it is not yet available.\n */\n@Component({\n selector: 'li[slStepperStep]',\n standalone: true,\n imports: [NgTemplateOutlet, SlGlyph, SlIcon],\n template: `\n @switch (stepper.navigationValue()) {\n @case ('none') {\n <span\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.data-index]=\"index()\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </span>\n }\n @case ('link') {\n <a\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n [attr.data-index]=\"index()\"\n [attr.href]=\"unreachable() ? null : (href() ?? null)\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n (click)=\"activate($event)\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </a>\n }\n @default {\n <button\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n [attr.data-index]=\"index()\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n type=\"button\"\n (click)=\"activate($event)\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </button>\n }\n }\n <ng-content></ng-content>\n @if (!last()) {\n <span\n [attr.data-complete]=\"travelled() ? '' : null\"\n aria-hidden=\"true\"\n data-part=\"separator\"\n ></span>\n }\n\n <ng-template #header>\n <span aria-hidden=\"true\" data-part=\"marker\"\n >{{ index() + 1 }}\n @if (mark(); as mark) {\n <span slIcon><svg slGlyph [name]=\"mark\"></svg></span>\n }\n </span>\n <span data-part=\"label\">\n {{ label() }}\n @if (description()) {\n <span data-part=\"description\">{{ description() }}</span>\n }\n </span>\n <!--\n The visible name and this run concatenate into one accessible name, and\n nothing separates two elements' text: without the comma a reader hears\n \"CartStep 1 of 4\".\n -->\n <span data-part=\"status\" data-ui=\"visually-hidden\">{{ ', ' + announced() }}</span>\n </ng-template>\n `,\n styleUrls: [\n '../../../styles/src/stepper/stepper.css',\n '../../../styles/src/visually-hidden/visually-hidden.css',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStepperStep',\n host: {\n 'data-part': 'item',\n '[attr.data-current]': 'current() ? \"\" : null',\n '[attr.data-complete]': 'status() === \"complete\" ? \"\" : null',\n '[attr.data-invalid]': 'invalid() ? \"\" : null',\n '[attr.data-loading]': 'loading() ? \"\" : null',\n '[attr.data-disabled]': 'unreachable() ? \"\" : null',\n },\n})\nexport class SlStepperStep {\n readonly stepper = inject(SlStepper);\n\n readonly label = input<string | undefined>(undefined);\n readonly description = input<string | undefined>(undefined);\n readonly complete = input(undefined, { transform: optionalBoolean });\n readonly disabled = input(undefined, { transform: optionalBoolean });\n readonly invalid = input(false, { transform: booleanAttribute });\n readonly loading = input(false, { transform: booleanAttribute });\n readonly href = input<string | undefined>(undefined);\n\n /** Written by the list, the only part that can see the whole sequence. */\n readonly index = signal(0);\n readonly last = signal(false);\n\n readonly current = computed(() => this.index() === this.stepper.step());\n readonly travelled = computed(() => this.index() < this.stepper.step());\n readonly status = computed(() => this.stepper.statusOf(this.index()));\n readonly unreachable = computed(\n () => this.disabled() === true || !this.stepper.reachable(this.index()),\n );\n /**\n * The glyph drawn over the number: a cross for a step in error, a check for\n * a finished one the reader has left. The current step keeps its number\n * even when it is also complete, because the number is what says where the\n * reader is.\n */\n readonly mark = computed<GlyphName | null>(() =>\n this.invalid() ? 'x' : this.status() === 'complete' && !this.current() ? 'check' : null,\n );\n\n /** A list of descriptors, written the way the locale in force lists them. */\n readonly announced = computed(() => {\n const t = this.stepper.t;\n const state = this.invalid()\n ? t('invalid')\n : this.current()\n ? t('current')\n : this.status() === 'complete'\n ? t('complete')\n : undefined;\n return new Intl.ListFormat(this.stepper.locale(), { type: 'unit' }).format(\n [\n t('position', { index: this.index() + 1, count: this.stepper.count() }),\n state,\n this.loading() ? t('loading') : undefined,\n this.unreachable() && !this.current() ? t('unavailable') : undefined,\n ].filter((part): part is string => part !== undefined),\n );\n });\n\n activate(event: Event) {\n if (this.unreachable() || this.loading()) return;\n this.stepper.goToStep(this.index(), 'pointer', event);\n }\n}\n\n/**\n * The content of the step it is written inside. It is a `group` labelled by its\n * own header rather than a `tabpanel`, for the reason the root refuses the tab\n * role, and it is focusable so a consumer moving focus after a step change has\n * somewhere to put it.\n */\n@Directive({\n selector: '[slStepperPanel]',\n standalone: true,\n exportAs: 'slStepperPanel',\n host: {\n 'data-part': 'panel',\n role: 'group',\n tabindex: '-1',\n '[attr.id]': 'stepper.panelId(step.index())',\n '[attr.aria-labelledby]': 'stepper.triggerId(step.index())',\n '[hidden]': '!step.current()',\n },\n})\nexport class SlStepperPanel {\n readonly stepper = inject(SlStepper);\n readonly step = inject(SlStepperStep);\n}\n\n/**\n * The two directives that move the flow, on the consumer's own button.\n *\n * Angular Material reaches the same shape with `matStepperNext`: a family that\n * shipped its own advance button would ship a second button nobody could theme\n * with the first.\n */\n@Directive({\n selector: 'button[slStepperNext]',\n standalone: true,\n exportAs: 'slStepperNext',\n host: {\n '[disabled]': '!stepper.canGoNext()',\n '(click)': 'stepper.next(\"pointer\", $event)',\n },\n})\nexport class SlStepperNext {\n readonly stepper = inject(SlStepper);\n}\n\n@Directive({\n selector: 'button[slStepperPrevious]',\n standalone: true,\n exportAs: 'slStepperPrevious',\n host: {\n '[disabled]': '!stepper.canGoPrevious()',\n '(click)': 'stepper.previous(\"pointer\", $event)',\n },\n})\nexport class SlStepperPrevious {\n readonly stepper = inject(SlStepper);\n}\n\n/** Absence has to survive the transform, so an unset input stays unset. */\nfunction optionalBoolean(value: boolean | string | undefined) {\n return value === undefined ? undefined : booleanAttribute(value);\n}\n\nfunction optionalNumber(value: number | string | undefined) {\n if (value === undefined || value === null || value === '') return undefined;\n const parsed = numberAttribute(value);\n return Number.isFinite(parsed) ? parsed : undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"slotted-angular-stepper.mjs","sources":["../../stepper/src/stepper.constants.ts","../../stepper/src/stepper.ts","../../stepper/src/slotted-angular-stepper.ts"],"sourcesContent":["import { InjectionToken, inject } from '@angular/core';\nimport type { StepOrientation } from '@slotted/core/steps';\n\nexport type StepperOrientation = StepOrientation;\nexport type StepperLabelPlacement = 'end' | 'bottom';\n/** What a step header is: a control, a destination, or neither. */\nexport type StepperNavigation = 'button' | 'link' | 'none';\nexport type StepperStepReason = 'pointer' | 'keyboard' | 'programmatic';\n\nexport const STEPPER_DEFAULT_ORIENTATION: StepperOrientation = 'horizontal';\nexport const STEPPER_DEFAULT_LABEL_PLACEMENT: StepperLabelPlacement = 'end';\nexport const STEPPER_DEFAULT_NAVIGATION: StepperNavigation = 'button';\n\nexport interface StepperDefaults {\n labelPlacement?: StepperLabelPlacement;\n linear?: boolean;\n navigation?: StepperNavigation;\n orientation?: StepperOrientation;\n}\n\nexport const STEPPER_DEFAULTS_TOKEN = new InjectionToken<StepperDefaults>(\n 'slotted stepper defaults',\n { providedIn: 'root', factory: (): StepperDefaults => ({}) },\n);\n\n/**\n * An application decides once which way its flows run, where the labels sit,\n * whether a header can be pressed, and whether the order is enforced. A\n * stepper that states any of those itself still wins: an explicit input is\n * never overridden by the token. Its words come from the language in force\n * (`provideSlotted`).\n */\nexport function provideStepperDefaults(defaults: StepperDefaults) {\n return { provide: STEPPER_DEFAULTS_TOKEN, useValue: defaults };\n}\n\nexport function injectStepperDefaults(): StepperDefaults {\n return inject(STEPPER_DEFAULTS_TOKEN);\n}\n","import { NgTemplateOutlet } from '@angular/common';\nimport {\n booleanAttribute,\n ChangeDetectionStrategy,\n Component,\n computed,\n contentChildren,\n Directive,\n effect,\n ElementRef,\n forwardRef,\n HostAttributeToken,\n inject,\n input,\n numberAttribute,\n output,\n signal,\n untracked,\n ViewEncapsulation,\n} from '@angular/core';\nimport { injectLocale, injectMessages } from '@slotted/angular/i18n';\nimport { SlGlyph, SlIcon } from '@slotted/angular/icon';\nimport type { GlyphName } from '@slotted/angular/icon';\nimport { stepperMessages, type PartialMessages, type StepperMessages } from '@slotted/core/i18n';\nimport { createControllable } from '@slotted/core/state';\nimport type { ChangeRequest } from '@slotted/core/state';\nimport { stepFocusIndex, stepPercent, stepReachable, stepStatus } from '@slotted/core/steps';\n\nimport {\n injectStepperDefaults,\n STEPPER_DEFAULT_LABEL_PLACEMENT,\n STEPPER_DEFAULT_NAVIGATION,\n STEPPER_DEFAULT_ORIENTATION,\n type StepperLabelPlacement,\n type StepperNavigation,\n type StepperOrientation,\n type StepperStepReason,\n} from './stepper.constants';\n\nlet counter = 0;\n\n/**\n * Where the reader is in a sequence of steps, which steps they may reach, and\n * the panel belonging to the step they are on.\n *\n * **It refuses the tab role.** Angular Material gives a horizontal stepper\n * `role=\"tablist\"`; section 7 of the feature guide forbids it in the Tabs entry\n * itself — tabs are for peer views in one context, not for the steps of a\n * process. What replaces it is `ol` and `li` for the sequence,\n * `aria-current=\"step\"` for where the reader is, and a visually hidden status\n * inside each header so a reader hears \"Step 2 of 5, completed\" rather than\n * \"2\".\n *\n * **It validates nothing.** A consumer refuses a move by cancelling the change\n * request, which every mutable value in this library already carries. Zag ships\n * `isStepValid` and `onStepInvalid` for that job; this family needs neither.\n *\n * **It never claims completion.** `complete` is the consumer's fact about one\n * step; `autoComplete` is the shorthand for the flow where reaching step three\n * does mean the first two are done, and it is off.\n */\n@Component({\n selector: '[slStepper]',\n standalone: true,\n template: '<ng-content></ng-content>',\n styleUrls: [\n '../../../styles/src/stepper/stepper.css',\n '../../../styles/src/visually-hidden/visually-hidden.css',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStepper',\n host: {\n 'data-ui': 'stepper',\n 'data-ui-stepper': '',\n 'data-part': 'root',\n 'data-part-root': '',\n '[attr.data-orientation]': 'orientationValue()',\n '[attr.data-label-placement]': 'labelPlacementValue()',\n '[attr.data-navigation]': 'navigationValue()',\n },\n})\nexport class SlStepper {\n /** Present means controlled, for the life of the component. */\n readonly stepValue = input(undefined, { alias: 'step', transform: optionalNumber });\n /** What an uncontrolled stepper starts from, read once. */\n readonly defaultStep = input(0, { transform: numberAttribute });\n /**\n * Words laid over the catalog of the language in force, key by key: the\n * list's name (`label`), the position, and the status each step announces.\n */\n readonly messages = input<PartialMessages<StepperMessages> | undefined>(undefined);\n readonly orientation = input<StepperOrientation | undefined>(undefined);\n readonly labelPlacement = input<StepperLabelPlacement | undefined>(undefined);\n readonly navigation = input<StepperNavigation | undefined>(undefined);\n readonly linear = input(false, { transform: booleanAttribute });\n readonly autoComplete = input(false, { transform: booleanAttribute });\n\n /**\n * Emitted before the step moves, carrying what it replaces, the reason and\n * the event. It is not the second half of a two-way binding: one slot can\n * carry none of those, and cancelling the request is how a consumer refuses\n * a move.\n */\n readonly stepChange = output<ChangeRequest<number>>();\n\n private readonly defaults = injectStepperDefaults();\n private readonly own = signal<number | undefined>(undefined);\n private readonly steps = signal<readonly SlStepperStep[]>([]);\n\n readonly id = `slotted-stepper-${(counter += 1)}`;\n readonly step = computed(() => this.stepValue() ?? this.own() ?? this.defaultStep());\n readonly count = computed(() => this.steps().length);\n\n readonly orientationValue = computed(\n () => this.orientation() ?? this.defaults.orientation ?? STEPPER_DEFAULT_ORIENTATION,\n );\n readonly labelPlacementValue = computed(\n () => this.labelPlacement() ?? this.defaults.labelPlacement ?? STEPPER_DEFAULT_LABEL_PLACEMENT,\n );\n readonly navigationValue = computed(\n () => this.navigation() ?? this.defaults.navigation ?? STEPPER_DEFAULT_NAVIGATION,\n );\n readonly linearValue = computed(() => this.linear() || this.defaults.linear === true);\n /** The family's words in the language in force, with this stepper's `messages` laid over them. */\n readonly t = injectMessages(stepperMessages, this.messages);\n /** The locale in force: what the descriptors a step announces are listed in. */\n readonly locale = injectLocale();\n\n /** How far along the row the reader has travelled, nought to a hundred. */\n readonly percent = computed(() => stepPercent({ count: this.count(), step: this.step() }));\n readonly canGoPrevious = computed(() => this.step() > 0);\n readonly canGoNext = computed(\n () => this.count() > 0 && this.step() < this.count() - 1 && this.reachable(this.step() + 1),\n );\n\n register(steps: readonly SlStepperStep[]) {\n this.steps.set(steps);\n }\n\n statusOf(index: number) {\n return stepStatus({\n autoComplete: this.autoComplete(),\n complete: this.steps()[index]?.complete(),\n index,\n step: this.step(),\n });\n }\n\n reachable(index: number) {\n return stepReachable({\n autoComplete: this.autoComplete(),\n complete: this.steps()[index]?.complete(),\n count: this.count(),\n disabled: this.steps()[index]?.disabled(),\n index,\n isComplete: (candidate) => this.statusOf(candidate) === 'complete',\n linear: this.linearValue(),\n step: this.step(),\n });\n }\n\n goToStep(next: number, reason: StepperStepReason = 'pointer', source?: Event) {\n if (next < 0 || (this.count() > 0 && next >= this.count())) return;\n const state = createControllable<number>({\n controlled: untracked(() => this.stepValue()),\n initial: untracked(() => this.step()),\n onRequest: (request) => this.stepChange.emit(request),\n });\n if (state.request(next, reason, source)) this.own.set(next);\n }\n\n next(reason: StepperStepReason = 'pointer', source?: Event) {\n this.goToStep(this.step() + 1, reason, source);\n }\n\n previous(reason: StepperStepReason = 'pointer', source?: Event) {\n this.goToStep(this.step() - 1, reason, source);\n }\n\n reset(source?: Event) {\n this.goToStep(this.defaultStep(), 'programmatic', source);\n }\n\n triggerId(index: number) {\n return `${this.id}-trigger-${index}`;\n }\n\n panelId(index: number) {\n return `${this.id}-panel-${index}`;\n }\n}\n\n/**\n * The ordered list, and the one part that knows how many steps there are.\n *\n * The keyboard is handled here rather than on each header, because the\n * destination of an arrow is another header and only the list knows them all.\n * Every header stays in the tab sequence: the arrows are added on top of it\n * rather than replacing it with a roving tab stop, which is the model a\n * `tablist` has and the model this family declined.\n */\n@Directive({\n selector: 'ol[slStepperList]',\n standalone: true,\n exportAs: 'slStepperList',\n host: {\n 'data-part': 'list',\n 'data-part-list': '',\n '[attr.aria-label]': 'accessibleLabel()',\n '(keydown)': 'onKeydown($event)',\n },\n})\nexport class SlStepperList {\n private readonly stepper = inject(SlStepper);\n /* The step is declared below this class, and the dev-server transform puts\n the query predicate in a static initializer — a direct reference would read\n the binding before it exists. `forwardRef` defers the read to the query. */\n private readonly items = contentChildren<SlStepperStep>(forwardRef(() => SlStepperStep));\n private readonly element = inject(ElementRef<HTMLElement>).nativeElement;\n private readonly ownLabel = inject(new HostAttributeToken('aria-label'), { optional: true });\n\n readonly accessibleLabel = computed(() => this.ownLabel ?? this.stepper.t('label'));\n\n constructor() {\n effect(() => {\n const items = this.items();\n this.stepper.register(items);\n for (const [index, item] of items.entries()) {\n item.index.set(index);\n item.last.set(index === items.length - 1);\n }\n });\n }\n\n onKeydown(event: KeyboardEvent) {\n const trigger = (event.target as HTMLElement | null)?.closest?.('[data-part=\"trigger\"]');\n const from = Number(trigger?.getAttribute('data-index') ?? -1);\n if (!Number.isInteger(from) || from < 0) return;\n\n const view = this.element.ownerDocument.defaultView;\n const direction = view?.getComputedStyle(this.element).direction === 'rtl' ? 'rtl' : 'ltr';\n\n /**\n * Every header, reachable or not. The arrows move focus exactly where Tab\n * moves it, because that is the whole reason they were added on top of the\n * tab sequence: a step a linear flow has not opened is still one a reader\n * is allowed to find.\n */\n const next = stepFocusIndex({\n count: this.stepper.count(),\n direction,\n from,\n key: event.key,\n orientation: this.stepper.orientationValue(),\n });\n if (next === -1) return;\n\n event.preventDefault();\n this.element.ownerDocument.getElementById(this.stepper.triggerId(next))?.focus();\n }\n}\n\n/**\n * One step: its marker, its name, the second line under it, and the connector\n * that runs to the next one.\n *\n * A step a linear flow has not reached carries `aria-disabled` rather than\n * `disabled`, so it stays in the tab sequence: a reader can find out the step\n * exists and that it is not yet available.\n */\n@Component({\n selector: 'li[slStepperStep]',\n standalone: true,\n imports: [NgTemplateOutlet, SlGlyph, SlIcon],\n template: `\n @switch (stepper.navigationValue()) {\n @case ('none') {\n <span\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.data-index]=\"index()\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n data-part-trigger=\"\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </span>\n }\n @case ('link') {\n <a\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n [attr.data-index]=\"index()\"\n [attr.href]=\"unreachable() ? null : (href() ?? null)\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n data-part-trigger=\"\"\n (click)=\"activate($event)\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </a>\n }\n @default {\n <button\n [attr.aria-current]=\"current() ? 'step' : null\"\n [attr.aria-disabled]=\"unreachable() ? 'true' : null\"\n [attr.data-index]=\"index()\"\n [id]=\"stepper.triggerId(index())\"\n data-part=\"trigger\"\n data-part-trigger=\"\"\n type=\"button\"\n (click)=\"activate($event)\"\n >\n <ng-container *ngTemplateOutlet=\"header\"></ng-container>\n </button>\n }\n }\n <ng-content></ng-content>\n @if (!last()) {\n <span\n [attr.data-complete]=\"travelled() ? '' : null\"\n aria-hidden=\"true\"\n data-part=\"separator\"\n data-part-separator=\"\"\n ></span>\n }\n\n <ng-template #header>\n <span aria-hidden=\"true\" data-part=\"marker\" data-part-marker=\"\"\n >{{ index() + 1 }}\n @if (mark(); as mark) {\n <span slIcon><svg slGlyph [name]=\"mark\"></svg></span>\n }\n </span>\n <span data-part=\"label\" data-part-label=\"\">\n {{ label() }}\n @if (description()) {\n <span data-part=\"description\" data-part-description=\"\">{{ description() }}</span>\n }\n </span>\n <!--\n The visible name and this run concatenate into one accessible name, and\n nothing separates two elements' text: without the comma a reader hears\n \"CartStep 1 of 4\".\n -->\n <span\n data-part=\"status\"\n data-part-status=\"\"\n data-ui=\"visually-hidden\"\n data-ui-visually-hidden=\"\"\n >{{ ', ' + announced() }}</span\n >\n </ng-template>\n `,\n styleUrls: [\n '../../../styles/src/stepper/stepper.css',\n '../../../styles/src/visually-hidden/visually-hidden.css',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n encapsulation: ViewEncapsulation.None,\n exportAs: 'slStepperStep',\n host: {\n 'data-part': 'item',\n 'data-part-item': '',\n '[attr.data-current]': 'current() ? \"\" : null',\n '[attr.data-complete]': 'status() === \"complete\" ? \"\" : null',\n '[attr.data-invalid]': 'invalid() ? \"\" : null',\n '[attr.data-loading]': 'loading() ? \"\" : null',\n '[attr.data-disabled]': 'unreachable() ? \"\" : null',\n },\n})\nexport class SlStepperStep {\n readonly stepper = inject(SlStepper);\n\n readonly label = input<string | undefined>(undefined);\n readonly description = input<string | undefined>(undefined);\n readonly complete = input(undefined, { transform: optionalBoolean });\n readonly disabled = input(undefined, { transform: optionalBoolean });\n readonly invalid = input(false, { transform: booleanAttribute });\n readonly loading = input(false, { transform: booleanAttribute });\n readonly href = input<string | undefined>(undefined);\n\n /** Written by the list, the only part that can see the whole sequence. */\n readonly index = signal(0);\n readonly last = signal(false);\n\n readonly current = computed(() => this.index() === this.stepper.step());\n readonly travelled = computed(() => this.index() < this.stepper.step());\n readonly status = computed(() => this.stepper.statusOf(this.index()));\n readonly unreachable = computed(\n () => this.disabled() === true || !this.stepper.reachable(this.index()),\n );\n /**\n * The glyph drawn over the number: a cross for a step in error, a check for\n * a finished one the reader has left. The current step keeps its number\n * even when it is also complete, because the number is what says where the\n * reader is.\n */\n readonly mark = computed<GlyphName | null>(() =>\n this.invalid() ? 'x' : this.status() === 'complete' && !this.current() ? 'check' : null,\n );\n\n /** A list of descriptors, written the way the locale in force lists them. */\n readonly announced = computed(() => {\n const t = this.stepper.t;\n const state = this.invalid()\n ? t('invalid')\n : this.current()\n ? t('current')\n : this.status() === 'complete'\n ? t('complete')\n : undefined;\n return new Intl.ListFormat(this.stepper.locale(), { type: 'unit' }).format(\n [\n t('position', { index: this.index() + 1, count: this.stepper.count() }),\n state,\n this.loading() ? t('loading') : undefined,\n this.unreachable() && !this.current() ? t('unavailable') : undefined,\n ].filter((part): part is string => part !== undefined),\n );\n });\n\n activate(event: Event) {\n if (this.unreachable() || this.loading()) return;\n this.stepper.goToStep(this.index(), 'pointer', event);\n }\n}\n\n/**\n * The content of the step it is written inside. It is a `group` labelled by its\n * own header rather than a `tabpanel`, for the reason the root refuses the tab\n * role, and it is focusable so a consumer moving focus after a step change has\n * somewhere to put it.\n */\n@Directive({\n selector: '[slStepperPanel]',\n standalone: true,\n exportAs: 'slStepperPanel',\n host: {\n 'data-part': 'panel',\n 'data-part-panel': '',\n role: 'group',\n tabindex: '-1',\n '[attr.id]': 'stepper.panelId(step.index())',\n '[attr.aria-labelledby]': 'stepper.triggerId(step.index())',\n '[hidden]': '!step.current()',\n },\n})\nexport class SlStepperPanel {\n readonly stepper = inject(SlStepper);\n readonly step = inject(SlStepperStep);\n}\n\n/**\n * The two directives that move the flow, on the consumer's own button.\n *\n * Angular Material reaches the same shape with `matStepperNext`: a family that\n * shipped its own advance button would ship a second button nobody could theme\n * with the first.\n */\n@Directive({\n selector: 'button[slStepperNext]',\n standalone: true,\n exportAs: 'slStepperNext',\n host: {\n '[disabled]': '!stepper.canGoNext()',\n '(click)': 'stepper.next(\"pointer\", $event)',\n },\n})\nexport class SlStepperNext {\n readonly stepper = inject(SlStepper);\n}\n\n@Directive({\n selector: 'button[slStepperPrevious]',\n standalone: true,\n exportAs: 'slStepperPrevious',\n host: {\n '[disabled]': '!stepper.canGoPrevious()',\n '(click)': 'stepper.previous(\"pointer\", $event)',\n },\n})\nexport class SlStepperPrevious {\n readonly stepper = inject(SlStepper);\n}\n\n/** Absence has to survive the transform, so an unset input stays unset. */\nfunction optionalBoolean(value: boolean | string | undefined) {\n return value === undefined ? undefined : booleanAttribute(value);\n}\n\nfunction optionalNumber(value: number | string | undefined) {\n if (value === undefined || value === null || value === '') return undefined;\n const parsed = numberAttribute(value);\n return Number.isFinite(parsed) ? parsed : undefined;\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}