@slotted/angular 0.1.0-beta.8 → 0.1.0-beta.9

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 (418) hide show
  1. package/docs/code-block.json +92 -92
  2. package/docs/code-block.md +69 -69
  3. package/docs/currency-field.json +7 -0
  4. package/docs/currency-field.md +1 -0
  5. package/docs/data-grid.examples.md +1 -1
  6. package/docs/data-grid.json +21 -4
  7. package/docs/data-grid.md +1 -1
  8. package/docs/data-grid.props.md +5 -3
  9. package/docs/dialog.examples.md +138 -136
  10. package/docs/dialog.json +8 -8
  11. package/docs/filter-bar.json +118 -118
  12. package/docs/filter-bar.md +79 -79
  13. package/docs/guidelines/async-feedback.md +10 -0
  14. package/docs/guidelines/composition.md +11 -7
  15. package/docs/guidelines/index.md +6 -1
  16. package/docs/guidelines/list-pages.md +30 -0
  17. package/docs/guidelines/overviews.md +10 -0
  18. package/docs/markdown.json +79 -79
  19. package/docs/markdown.md +65 -65
  20. package/docs/page-header.json +1 -1
  21. package/docs/skills/compose-screen/SKILL.md +22 -10
  22. package/docs/skills/review-screen/SKILL.md +6 -0
  23. package/docs/skills/waiting-states/SKILL.md +4 -1
  24. package/docs/tags-input.json +28 -2
  25. package/docs/tags-input.md +4 -1
  26. package/docs/timeline.json +131 -131
  27. package/docs/timeline.md +123 -123
  28. package/fesm2022/slotted-angular-accordion.mjs +4 -2
  29. package/fesm2022/slotted-angular-accordion.mjs.map +1 -1
  30. package/fesm2022/slotted-angular-action-bar.mjs +21 -10
  31. package/fesm2022/slotted-angular-action-bar.mjs.map +1 -1
  32. package/fesm2022/slotted-angular-action-sheet.mjs +42 -29
  33. package/fesm2022/slotted-angular-action-sheet.mjs.map +1 -1
  34. package/fesm2022/slotted-angular-alert.mjs +17 -11
  35. package/fesm2022/slotted-angular-alert.mjs.map +1 -1
  36. package/fesm2022/slotted-angular-app-shell.mjs +52 -40
  37. package/fesm2022/slotted-angular-app-shell.mjs.map +1 -1
  38. package/fesm2022/slotted-angular-aspect-ratio.mjs +4 -2
  39. package/fesm2022/slotted-angular-aspect-ratio.mjs.map +1 -1
  40. package/fesm2022/slotted-angular-attachment.mjs +31 -20
  41. package/fesm2022/slotted-angular-attachment.mjs.map +1 -1
  42. package/fesm2022/slotted-angular-avatar-group.mjs +9 -6
  43. package/fesm2022/slotted-angular-avatar-group.mjs.map +1 -1
  44. package/fesm2022/slotted-angular-avatar.mjs +9 -6
  45. package/fesm2022/slotted-angular-avatar.mjs.map +1 -1
  46. package/fesm2022/slotted-angular-badge.mjs +14 -10
  47. package/fesm2022/slotted-angular-badge.mjs.map +1 -1
  48. package/fesm2022/slotted-angular-breadcrumb.mjs +26 -18
  49. package/fesm2022/slotted-angular-breadcrumb.mjs.map +1 -1
  50. package/fesm2022/slotted-angular-button-group.mjs +7 -4
  51. package/fesm2022/slotted-angular-button-group.mjs.map +1 -1
  52. package/fesm2022/slotted-angular-button.mjs +53 -25
  53. package/fesm2022/slotted-angular-button.mjs.map +1 -1
  54. package/fesm2022/slotted-angular-calendar.mjs +68 -26
  55. package/fesm2022/slotted-angular-calendar.mjs.map +1 -1
  56. package/fesm2022/slotted-angular-card.mjs +18 -16
  57. package/fesm2022/slotted-angular-card.mjs.map +1 -1
  58. package/fesm2022/slotted-angular-carousel.mjs +22 -11
  59. package/fesm2022/slotted-angular-carousel.mjs.map +1 -1
  60. package/fesm2022/slotted-angular-cascader.mjs +158 -64
  61. package/fesm2022/slotted-angular-cascader.mjs.map +1 -1
  62. package/fesm2022/slotted-angular-chart.mjs +4 -2
  63. package/fesm2022/slotted-angular-chart.mjs.map +1 -1
  64. package/fesm2022/slotted-angular-checkbox-group.mjs +5 -3
  65. package/fesm2022/slotted-angular-checkbox-group.mjs.map +1 -1
  66. package/fesm2022/slotted-angular-checkbox.mjs +13 -8
  67. package/fesm2022/slotted-angular-checkbox.mjs.map +1 -1
  68. package/fesm2022/slotted-angular-code-block.mjs +29 -15
  69. package/fesm2022/slotted-angular-code-block.mjs.map +1 -1
  70. package/fesm2022/slotted-angular-collapsible.mjs +20 -15
  71. package/fesm2022/slotted-angular-collapsible.mjs.map +1 -1
  72. package/fesm2022/slotted-angular-color-picker.mjs +77 -22
  73. package/fesm2022/slotted-angular-color-picker.mjs.map +1 -1
  74. package/fesm2022/slotted-angular-column-manager.mjs +68 -31
  75. package/fesm2022/slotted-angular-column-manager.mjs.map +1 -1
  76. package/fesm2022/slotted-angular-combobox.mjs +77 -31
  77. package/fesm2022/slotted-angular-combobox.mjs.map +1 -1
  78. package/fesm2022/slotted-angular-command-palette.mjs +128 -51
  79. package/fesm2022/slotted-angular-command-palette.mjs.map +1 -1
  80. package/fesm2022/slotted-angular-container.mjs +6 -4
  81. package/fesm2022/slotted-angular-container.mjs.map +1 -1
  82. package/fesm2022/slotted-angular-context-menu.mjs +5 -4
  83. package/fesm2022/slotted-angular-context-menu.mjs.map +1 -1
  84. package/fesm2022/slotted-angular-currency-field.mjs +98 -32
  85. package/fesm2022/slotted-angular-currency-field.mjs.map +1 -1
  86. package/fesm2022/slotted-angular-dashboard-grid.mjs +127 -44
  87. package/fesm2022/slotted-angular-dashboard-grid.mjs.map +1 -1
  88. package/fesm2022/slotted-angular-data-grid.mjs +309 -104
  89. package/fesm2022/slotted-angular-data-grid.mjs.map +1 -1
  90. package/fesm2022/slotted-angular-data-list.mjs +83 -50
  91. package/fesm2022/slotted-angular-data-list.mjs.map +1 -1
  92. package/fesm2022/slotted-angular-date-field.mjs +38 -12
  93. package/fesm2022/slotted-angular-date-field.mjs.map +1 -1
  94. package/fesm2022/slotted-angular-date-picker.mjs +19 -9
  95. package/fesm2022/slotted-angular-date-picker.mjs.map +1 -1
  96. package/fesm2022/slotted-angular-date-range-picker.mjs +41 -16
  97. package/fesm2022/slotted-angular-date-range-picker.mjs.map +1 -1
  98. package/fesm2022/slotted-angular-datetime-field.mjs +46 -14
  99. package/fesm2022/slotted-angular-datetime-field.mjs.map +1 -1
  100. package/fesm2022/slotted-angular-datetime-picker.mjs +37 -23
  101. package/fesm2022/slotted-angular-datetime-picker.mjs.map +1 -1
  102. package/fesm2022/slotted-angular-datetime-range-picker.mjs +111 -42
  103. package/fesm2022/slotted-angular-datetime-range-picker.mjs.map +1 -1
  104. package/fesm2022/slotted-angular-description-list.mjs +33 -19
  105. package/fesm2022/slotted-angular-description-list.mjs.map +1 -1
  106. package/fesm2022/slotted-angular-detail-panel.mjs +29 -18
  107. package/fesm2022/slotted-angular-detail-panel.mjs.map +1 -1
  108. package/fesm2022/slotted-angular-dialog.mjs +39 -28
  109. package/fesm2022/slotted-angular-dialog.mjs.map +1 -1
  110. package/fesm2022/slotted-angular-divider.mjs +7 -5
  111. package/fesm2022/slotted-angular-divider.mjs.map +1 -1
  112. package/fesm2022/slotted-angular-drawer.mjs +32 -24
  113. package/fesm2022/slotted-angular-drawer.mjs.map +1 -1
  114. package/fesm2022/slotted-angular-entity-picker.mjs +195 -67
  115. package/fesm2022/slotted-angular-entity-picker.mjs.map +1 -1
  116. package/fesm2022/slotted-angular-event-calendar.mjs +259 -102
  117. package/fesm2022/slotted-angular-event-calendar.mjs.map +1 -1
  118. package/fesm2022/slotted-angular-field-group.mjs +14 -7
  119. package/fesm2022/slotted-angular-field-group.mjs.map +1 -1
  120. package/fesm2022/slotted-angular-field.mjs +35 -15
  121. package/fesm2022/slotted-angular-field.mjs.map +1 -1
  122. package/fesm2022/slotted-angular-filter-bar.mjs +104 -43
  123. package/fesm2022/slotted-angular-filter-bar.mjs.map +1 -1
  124. package/fesm2022/slotted-angular-form.mjs +18 -10
  125. package/fesm2022/slotted-angular-form.mjs.map +1 -1
  126. package/fesm2022/slotted-angular-fullscreen.mjs +14 -8
  127. package/fesm2022/slotted-angular-fullscreen.mjs.map +1 -1
  128. package/fesm2022/slotted-angular-grid.mjs +4 -2
  129. package/fesm2022/slotted-angular-grid.mjs.map +1 -1
  130. package/fesm2022/slotted-angular-highlight.mjs +5 -3
  131. package/fesm2022/slotted-angular-highlight.mjs.map +1 -1
  132. package/fesm2022/slotted-angular-hover-card.mjs +5 -4
  133. package/fesm2022/slotted-angular-hover-card.mjs.map +1 -1
  134. package/fesm2022/slotted-angular-icon.mjs +6 -3
  135. package/fesm2022/slotted-angular-icon.mjs.map +1 -1
  136. package/fesm2022/slotted-angular-image.mjs +13 -10
  137. package/fesm2022/slotted-angular-image.mjs.map +1 -1
  138. package/fesm2022/slotted-angular-import-export-center.mjs +167 -99
  139. package/fesm2022/slotted-angular-import-export-center.mjs.map +1 -1
  140. package/fesm2022/slotted-angular-inline-message.mjs +10 -8
  141. package/fesm2022/slotted-angular-inline-message.mjs.map +1 -1
  142. package/fesm2022/slotted-angular-inline.mjs +4 -2
  143. package/fesm2022/slotted-angular-inline.mjs.map +1 -1
  144. package/fesm2022/slotted-angular-kbd.mjs +11 -7
  145. package/fesm2022/slotted-angular-kbd.mjs.map +1 -1
  146. package/fesm2022/slotted-angular-link.mjs +5 -3
  147. package/fesm2022/slotted-angular-link.mjs.map +1 -1
  148. package/fesm2022/slotted-angular-list-item.mjs +21 -18
  149. package/fesm2022/slotted-angular-list-item.mjs.map +1 -1
  150. package/fesm2022/slotted-angular-list.mjs +14 -10
  151. package/fesm2022/slotted-angular-list.mjs.map +1 -1
  152. package/fesm2022/slotted-angular-listbox.mjs +39 -21
  153. package/fesm2022/slotted-angular-listbox.mjs.map +1 -1
  154. package/fesm2022/slotted-angular-loading-overlay.mjs +59 -22
  155. package/fesm2022/slotted-angular-loading-overlay.mjs.map +1 -1
  156. package/fesm2022/slotted-angular-markdown.mjs +31 -19
  157. package/fesm2022/slotted-angular-markdown.mjs.map +1 -1
  158. package/fesm2022/slotted-angular-menu.mjs +41 -27
  159. package/fesm2022/slotted-angular-menu.mjs.map +1 -1
  160. package/fesm2022/slotted-angular-menubar.mjs +4 -2
  161. package/fesm2022/slotted-angular-menubar.mjs.map +1 -1
  162. package/fesm2022/slotted-angular-message-scroller.mjs +28 -15
  163. package/fesm2022/slotted-angular-message-scroller.mjs.map +1 -1
  164. package/fesm2022/slotted-angular-message.mjs +113 -51
  165. package/fesm2022/slotted-angular-message.mjs.map +1 -1
  166. package/fesm2022/slotted-angular-multi-select.mjs +133 -57
  167. package/fesm2022/slotted-angular-multi-select.mjs.map +1 -1
  168. package/fesm2022/slotted-angular-navigation-menu.mjs +34 -26
  169. package/fesm2022/slotted-angular-navigation-menu.mjs.map +1 -1
  170. package/fesm2022/slotted-angular-notification-center.mjs +107 -65
  171. package/fesm2022/slotted-angular-notification-center.mjs.map +1 -1
  172. package/fesm2022/slotted-angular-number-field.mjs +23 -11
  173. package/fesm2022/slotted-angular-number-field.mjs.map +1 -1
  174. package/fesm2022/slotted-angular-otp-input.mjs +13 -8
  175. package/fesm2022/slotted-angular-otp-input.mjs.map +1 -1
  176. package/fesm2022/slotted-angular-page-header.mjs +72 -42
  177. package/fesm2022/slotted-angular-page-header.mjs.map +1 -1
  178. package/fesm2022/slotted-angular-page.mjs +18 -9
  179. package/fesm2022/slotted-angular-page.mjs.map +1 -1
  180. package/fesm2022/slotted-angular-pagination.mjs +35 -22
  181. package/fesm2022/slotted-angular-pagination.mjs.map +1 -1
  182. package/fesm2022/slotted-angular-popover.mjs +25 -18
  183. package/fesm2022/slotted-angular-popover.mjs.map +1 -1
  184. package/fesm2022/slotted-angular-progress-indicator.mjs +122 -30
  185. package/fesm2022/slotted-angular-progress-indicator.mjs.map +1 -1
  186. package/fesm2022/slotted-angular-prompt-composer.mjs +24 -18
  187. package/fesm2022/slotted-angular-prompt-composer.mjs.map +1 -1
  188. package/fesm2022/slotted-angular-prose.mjs +14 -11
  189. package/fesm2022/slotted-angular-prose.mjs.map +1 -1
  190. package/fesm2022/slotted-angular-radio-group.mjs +15 -9
  191. package/fesm2022/slotted-angular-radio-group.mjs.map +1 -1
  192. package/fesm2022/slotted-angular-rating.mjs +138 -82
  193. package/fesm2022/slotted-angular-rating.mjs.map +1 -1
  194. package/fesm2022/slotted-angular-result-state.mjs +16 -12
  195. package/fesm2022/slotted-angular-result-state.mjs.map +1 -1
  196. package/fesm2022/slotted-angular-saved-views.mjs +43 -16
  197. package/fesm2022/slotted-angular-saved-views.mjs.map +1 -1
  198. package/fesm2022/slotted-angular-scroll-area.mjs +9 -5
  199. package/fesm2022/slotted-angular-scroll-area.mjs.map +1 -1
  200. package/fesm2022/slotted-angular-section.mjs +34 -15
  201. package/fesm2022/slotted-angular-section.mjs.map +1 -1
  202. package/fesm2022/slotted-angular-segmented-control.mjs +15 -9
  203. package/fesm2022/slotted-angular-segmented-control.mjs.map +1 -1
  204. package/fesm2022/slotted-angular-select.mjs +135 -53
  205. package/fesm2022/slotted-angular-select.mjs.map +1 -1
  206. package/fesm2022/slotted-angular-side-navigation.mjs +46 -35
  207. package/fesm2022/slotted-angular-side-navigation.mjs.map +1 -1
  208. package/fesm2022/slotted-angular-skeleton.mjs +32 -16
  209. package/fesm2022/slotted-angular-skeleton.mjs.map +1 -1
  210. package/fesm2022/slotted-angular-slider.mjs +31 -11
  211. package/fesm2022/slotted-angular-slider.mjs.map +1 -1
  212. package/fesm2022/slotted-angular-sparkline.mjs +29 -13
  213. package/fesm2022/slotted-angular-sparkline.mjs.map +1 -1
  214. package/fesm2022/slotted-angular-split-button.mjs +25 -11
  215. package/fesm2022/slotted-angular-split-button.mjs.map +1 -1
  216. package/fesm2022/slotted-angular-splitter.mjs +11 -9
  217. package/fesm2022/slotted-angular-splitter.mjs.map +1 -1
  218. package/fesm2022/slotted-angular-stack.mjs +4 -2
  219. package/fesm2022/slotted-angular-stack.mjs.map +1 -1
  220. package/fesm2022/slotted-angular-stat-card.mjs +35 -28
  221. package/fesm2022/slotted-angular-stat-card.mjs.map +1 -1
  222. package/fesm2022/slotted-angular-status-indicator.mjs +22 -8
  223. package/fesm2022/slotted-angular-status-indicator.mjs.map +1 -1
  224. package/fesm2022/slotted-angular-stepper.mjs +40 -15
  225. package/fesm2022/slotted-angular-stepper.mjs.map +1 -1
  226. package/fesm2022/slotted-angular-switch.mjs +15 -10
  227. package/fesm2022/slotted-angular-switch.mjs.map +1 -1
  228. package/fesm2022/slotted-angular-table-of-contents.mjs +29 -21
  229. package/fesm2022/slotted-angular-table-of-contents.mjs.map +1 -1
  230. package/fesm2022/slotted-angular-table.mjs +135 -72
  231. package/fesm2022/slotted-angular-table.mjs.map +1 -1
  232. package/fesm2022/slotted-angular-tabs.mjs +31 -14
  233. package/fesm2022/slotted-angular-tabs.mjs.map +1 -1
  234. package/fesm2022/slotted-angular-tag.mjs +19 -12
  235. package/fesm2022/slotted-angular-tag.mjs.map +1 -1
  236. package/fesm2022/slotted-angular-tags-input.mjs +253 -28
  237. package/fesm2022/slotted-angular-tags-input.mjs.map +1 -1
  238. package/fesm2022/slotted-angular-text-field.mjs +49 -15
  239. package/fesm2022/slotted-angular-text-field.mjs.map +1 -1
  240. package/fesm2022/slotted-angular-textarea.mjs +5 -3
  241. package/fesm2022/slotted-angular-textarea.mjs.map +1 -1
  242. package/fesm2022/slotted-angular-time-field.mjs +46 -12
  243. package/fesm2022/slotted-angular-time-field.mjs.map +1 -1
  244. package/fesm2022/slotted-angular-time-picker.mjs +28 -14
  245. package/fesm2022/slotted-angular-time-picker.mjs.map +1 -1
  246. package/fesm2022/slotted-angular-time-range-picker.mjs +109 -40
  247. package/fesm2022/slotted-angular-time-range-picker.mjs.map +1 -1
  248. package/fesm2022/slotted-angular-timeline.mjs +135 -64
  249. package/fesm2022/slotted-angular-timeline.mjs.map +1 -1
  250. package/fesm2022/slotted-angular-toast.mjs +42 -31
  251. package/fesm2022/slotted-angular-toast.mjs.map +1 -1
  252. package/fesm2022/slotted-angular-toggle-group.mjs +10 -6
  253. package/fesm2022/slotted-angular-toggle-group.mjs.map +1 -1
  254. package/fesm2022/slotted-angular-toggle.mjs +9 -4
  255. package/fesm2022/slotted-angular-toggle.mjs.map +1 -1
  256. package/fesm2022/slotted-angular-toolbar.mjs +21 -10
  257. package/fesm2022/slotted-angular-toolbar.mjs.map +1 -1
  258. package/fesm2022/slotted-angular-tooltip.mjs +8 -5
  259. package/fesm2022/slotted-angular-tooltip.mjs.map +1 -1
  260. package/fesm2022/slotted-angular-top-navigation.mjs +64 -44
  261. package/fesm2022/slotted-angular-top-navigation.mjs.map +1 -1
  262. package/fesm2022/slotted-angular-tour.mjs +46 -21
  263. package/fesm2022/slotted-angular-tour.mjs.map +1 -1
  264. package/fesm2022/slotted-angular-transfer.mjs +69 -30
  265. package/fesm2022/slotted-angular-transfer.mjs.map +1 -1
  266. package/fesm2022/slotted-angular-tree.mjs +74 -26
  267. package/fesm2022/slotted-angular-tree.mjs.map +1 -1
  268. package/fesm2022/slotted-angular-typography.mjs +8 -4
  269. package/fesm2022/slotted-angular-typography.mjs.map +1 -1
  270. package/fesm2022/slotted-angular-upload.mjs +125 -57
  271. package/fesm2022/slotted-angular-upload.mjs.map +1 -1
  272. package/fesm2022/slotted-angular-visually-hidden.mjs +4 -2
  273. package/fesm2022/slotted-angular-visually-hidden.mjs.map +1 -1
  274. package/fesm2022/slotted-angular-wizard.mjs +163 -65
  275. package/fesm2022/slotted-angular-wizard.mjs.map +1 -1
  276. package/package.json +3 -3
  277. package/types/slotted-angular-accordion.d.ts.map +1 -1
  278. package/types/slotted-angular-action-bar.d.ts.map +1 -1
  279. package/types/slotted-angular-action-sheet.d.ts.map +1 -1
  280. package/types/slotted-angular-alert.d.ts +1 -1
  281. package/types/slotted-angular-alert.d.ts.map +1 -1
  282. package/types/slotted-angular-app-shell.d.ts.map +1 -1
  283. package/types/slotted-angular-aspect-ratio.d.ts.map +1 -1
  284. package/types/slotted-angular-attachment.d.ts +1 -1
  285. package/types/slotted-angular-attachment.d.ts.map +1 -1
  286. package/types/slotted-angular-avatar-group.d.ts.map +1 -1
  287. package/types/slotted-angular-avatar.d.ts.map +1 -1
  288. package/types/slotted-angular-badge.d.ts.map +1 -1
  289. package/types/slotted-angular-breadcrumb.d.ts.map +1 -1
  290. package/types/slotted-angular-button-group.d.ts.map +1 -1
  291. package/types/slotted-angular-button.d.ts.map +1 -1
  292. package/types/slotted-angular-calendar.d.ts.map +1 -1
  293. package/types/slotted-angular-card.d.ts.map +1 -1
  294. package/types/slotted-angular-carousel.d.ts.map +1 -1
  295. package/types/slotted-angular-cascader.d.ts.map +1 -1
  296. package/types/slotted-angular-chart.d.ts.map +1 -1
  297. package/types/slotted-angular-checkbox-group.d.ts.map +1 -1
  298. package/types/slotted-angular-checkbox.d.ts.map +1 -1
  299. package/types/slotted-angular-code-block.d.ts +1 -1
  300. package/types/slotted-angular-code-block.d.ts.map +1 -1
  301. package/types/slotted-angular-collapsible.d.ts +1 -1
  302. package/types/slotted-angular-collapsible.d.ts.map +1 -1
  303. package/types/slotted-angular-color-picker.d.ts.map +1 -1
  304. package/types/slotted-angular-column-manager.d.ts.map +1 -1
  305. package/types/slotted-angular-combobox.d.ts +1 -1
  306. package/types/slotted-angular-combobox.d.ts.map +1 -1
  307. package/types/slotted-angular-command-palette.d.ts.map +1 -1
  308. package/types/slotted-angular-container.d.ts.map +1 -1
  309. package/types/slotted-angular-context-menu.d.ts.map +1 -1
  310. package/types/slotted-angular-currency-field.d.ts +39 -13
  311. package/types/slotted-angular-currency-field.d.ts.map +1 -1
  312. package/types/slotted-angular-dashboard-grid.d.ts.map +1 -1
  313. package/types/slotted-angular-data-grid.d.ts +26 -2
  314. package/types/slotted-angular-data-grid.d.ts.map +1 -1
  315. package/types/slotted-angular-data-list.d.ts.map +1 -1
  316. package/types/slotted-angular-date-field.d.ts.map +1 -1
  317. package/types/slotted-angular-date-picker.d.ts.map +1 -1
  318. package/types/slotted-angular-date-range-picker.d.ts.map +1 -1
  319. package/types/slotted-angular-datetime-field.d.ts.map +1 -1
  320. package/types/slotted-angular-datetime-picker.d.ts.map +1 -1
  321. package/types/slotted-angular-datetime-range-picker.d.ts.map +1 -1
  322. package/types/slotted-angular-description-list.d.ts.map +1 -1
  323. package/types/slotted-angular-detail-panel.d.ts.map +1 -1
  324. package/types/slotted-angular-dialog.d.ts +2 -1
  325. package/types/slotted-angular-dialog.d.ts.map +1 -1
  326. package/types/slotted-angular-divider.d.ts.map +1 -1
  327. package/types/slotted-angular-drawer.d.ts.map +1 -1
  328. package/types/slotted-angular-entity-picker.d.ts.map +1 -1
  329. package/types/slotted-angular-event-calendar.d.ts.map +1 -1
  330. package/types/slotted-angular-field-group.d.ts.map +1 -1
  331. package/types/slotted-angular-field.d.ts.map +1 -1
  332. package/types/slotted-angular-filter-bar.d.ts.map +1 -1
  333. package/types/slotted-angular-form.d.ts.map +1 -1
  334. package/types/slotted-angular-fullscreen.d.ts.map +1 -1
  335. package/types/slotted-angular-grid.d.ts.map +1 -1
  336. package/types/slotted-angular-highlight.d.ts.map +1 -1
  337. package/types/slotted-angular-hover-card.d.ts.map +1 -1
  338. package/types/slotted-angular-icon.d.ts +1 -1
  339. package/types/slotted-angular-icon.d.ts.map +1 -1
  340. package/types/slotted-angular-image.d.ts.map +1 -1
  341. package/types/slotted-angular-import-export-center.d.ts.map +1 -1
  342. package/types/slotted-angular-inline-message.d.ts +1 -1
  343. package/types/slotted-angular-inline-message.d.ts.map +1 -1
  344. package/types/slotted-angular-inline.d.ts.map +1 -1
  345. package/types/slotted-angular-kbd.d.ts.map +1 -1
  346. package/types/slotted-angular-link.d.ts.map +1 -1
  347. package/types/slotted-angular-list-item.d.ts.map +1 -1
  348. package/types/slotted-angular-list.d.ts.map +1 -1
  349. package/types/slotted-angular-listbox.d.ts.map +1 -1
  350. package/types/slotted-angular-loading-overlay.d.ts.map +1 -1
  351. package/types/slotted-angular-markdown.d.ts.map +1 -1
  352. package/types/slotted-angular-menu.d.ts.map +1 -1
  353. package/types/slotted-angular-menubar.d.ts.map +1 -1
  354. package/types/slotted-angular-message-scroller.d.ts.map +1 -1
  355. package/types/slotted-angular-message.d.ts.map +1 -1
  356. package/types/slotted-angular-multi-select.d.ts +1 -1
  357. package/types/slotted-angular-multi-select.d.ts.map +1 -1
  358. package/types/slotted-angular-navigation-menu.d.ts.map +1 -1
  359. package/types/slotted-angular-notification-center.d.ts.map +1 -1
  360. package/types/slotted-angular-number-field.d.ts.map +1 -1
  361. package/types/slotted-angular-otp-input.d.ts.map +1 -1
  362. package/types/slotted-angular-page-header.d.ts +1 -1
  363. package/types/slotted-angular-page-header.d.ts.map +1 -1
  364. package/types/slotted-angular-page.d.ts.map +1 -1
  365. package/types/slotted-angular-pagination.d.ts.map +1 -1
  366. package/types/slotted-angular-popover.d.ts.map +1 -1
  367. package/types/slotted-angular-progress-indicator.d.ts.map +1 -1
  368. package/types/slotted-angular-prompt-composer.d.ts.map +1 -1
  369. package/types/slotted-angular-prose.d.ts.map +1 -1
  370. package/types/slotted-angular-radio-group.d.ts.map +1 -1
  371. package/types/slotted-angular-rating.d.ts.map +1 -1
  372. package/types/slotted-angular-result-state.d.ts.map +1 -1
  373. package/types/slotted-angular-saved-views.d.ts.map +1 -1
  374. package/types/slotted-angular-scroll-area.d.ts.map +1 -1
  375. package/types/slotted-angular-section.d.ts.map +1 -1
  376. package/types/slotted-angular-segmented-control.d.ts.map +1 -1
  377. package/types/slotted-angular-select.d.ts +1 -1
  378. package/types/slotted-angular-select.d.ts.map +1 -1
  379. package/types/slotted-angular-side-navigation.d.ts.map +1 -1
  380. package/types/slotted-angular-skeleton.d.ts.map +1 -1
  381. package/types/slotted-angular-slider.d.ts.map +1 -1
  382. package/types/slotted-angular-sparkline.d.ts.map +1 -1
  383. package/types/slotted-angular-split-button.d.ts.map +1 -1
  384. package/types/slotted-angular-splitter.d.ts.map +1 -1
  385. package/types/slotted-angular-stack.d.ts.map +1 -1
  386. package/types/slotted-angular-stat-card.d.ts.map +1 -1
  387. package/types/slotted-angular-status-indicator.d.ts +1 -1
  388. package/types/slotted-angular-status-indicator.d.ts.map +1 -1
  389. package/types/slotted-angular-stepper.d.ts +1 -1
  390. package/types/slotted-angular-stepper.d.ts.map +1 -1
  391. package/types/slotted-angular-switch.d.ts.map +1 -1
  392. package/types/slotted-angular-table-of-contents.d.ts.map +1 -1
  393. package/types/slotted-angular-table.d.ts.map +1 -1
  394. package/types/slotted-angular-tabs.d.ts.map +1 -1
  395. package/types/slotted-angular-tag.d.ts.map +1 -1
  396. package/types/slotted-angular-tags-input.d.ts +33 -1
  397. package/types/slotted-angular-tags-input.d.ts.map +1 -1
  398. package/types/slotted-angular-text-field.d.ts.map +1 -1
  399. package/types/slotted-angular-textarea.d.ts.map +1 -1
  400. package/types/slotted-angular-time-field.d.ts.map +1 -1
  401. package/types/slotted-angular-time-picker.d.ts.map +1 -1
  402. package/types/slotted-angular-time-range-picker.d.ts.map +1 -1
  403. package/types/slotted-angular-timeline.d.ts.map +1 -1
  404. package/types/slotted-angular-toast.d.ts +2 -2
  405. package/types/slotted-angular-toast.d.ts.map +1 -1
  406. package/types/slotted-angular-toggle-group.d.ts.map +1 -1
  407. package/types/slotted-angular-toggle.d.ts.map +1 -1
  408. package/types/slotted-angular-toolbar.d.ts.map +1 -1
  409. package/types/slotted-angular-tooltip.d.ts.map +1 -1
  410. package/types/slotted-angular-top-navigation.d.ts.map +1 -1
  411. package/types/slotted-angular-tour.d.ts.map +1 -1
  412. package/types/slotted-angular-transfer.d.ts.map +1 -1
  413. package/types/slotted-angular-tree.d.ts.map +1 -1
  414. package/types/slotted-angular-typography.d.ts.map +1 -1
  415. package/types/slotted-angular-upload.d.ts +2 -2
  416. package/types/slotted-angular-upload.d.ts.map +1 -1
  417. package/types/slotted-angular-visually-hidden.d.ts.map +1 -1
  418. package/types/slotted-angular-wizard.d.ts.map +1 -1
@@ -228,11 +228,12 @@ class SlTimeline {
228
228
  this.revealRequest.emit({ event, reason });
229
229
  }
230
230
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimeline, deps: [], target: i0.ɵɵFactoryTarget.Component });
231
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimeline, isStandalone: true, selector: "[slTimeline]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, growing: { classPropertyName: "growing", publicName: "growing", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, freshCount: { classPropertyName: "freshCount", publicName: "freshCount", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, reflow: { classPropertyName: "reflow", publicName: "reflow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loadMoreRequest: "loadMoreRequest", revealRequest: "revealRequest" }, host: { attributes: { "data-ui": "timeline", "data-part": "root" }, properties: { "attr.data-mode": "modeValue()", "attr.data-orientation": "orientationValue()", "attr.data-placement": "placementValue()", "attr.data-order": "orderValue()", "attr.data-variant": "variantValue()", "attr.data-tone": "toneValue()", "attr.data-size": "sizeValue()", "attr.data-growing": "growingValue()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-reflow": "reflow() ? null : \"false\"" } }, viewQueries: [{ propertyName: "moreElement", first: true, predicate: ["more"], descendants: true, isSignal: true }, { propertyName: "freshElement", first: true, predicate: ["fresh"], descendants: true, isSignal: true }], exportAs: ["slTimeline"], ngImport: i0, template: `
231
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimeline, isStandalone: true, selector: "[slTimeline]", inputs: { mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, orientation: { classPropertyName: "orientation", publicName: "orientation", isSignal: true, isRequired: false, transformFunction: null }, placement: { classPropertyName: "placement", publicName: "placement", isSignal: true, isRequired: false, transformFunction: null }, order: { classPropertyName: "order", publicName: "order", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, size: { classPropertyName: "size", publicName: "size", isSignal: true, isRequired: false, transformFunction: null }, growing: { classPropertyName: "growing", publicName: "growing", isSignal: true, isRequired: false, transformFunction: null }, timeFormat: { classPropertyName: "timeFormat", publicName: "timeFormat", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, messages: { classPropertyName: "messages", publicName: "messages", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, freshCount: { classPropertyName: "freshCount", publicName: "freshCount", isSignal: true, isRequired: false, transformFunction: null }, autoComplete: { classPropertyName: "autoComplete", publicName: "autoComplete", isSignal: true, isRequired: false, transformFunction: null }, reflow: { classPropertyName: "reflow", publicName: "reflow", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { loadMoreRequest: "loadMoreRequest", revealRequest: "revealRequest" }, host: { attributes: { "data-ui": "timeline", "data-ui-timeline": "", "data-part": "root", "data-part-root": "" }, properties: { "attr.data-mode": "modeValue()", "attr.data-orientation": "orientationValue()", "attr.data-placement": "placementValue()", "attr.data-order": "orderValue()", "attr.data-variant": "variantValue()", "attr.data-tone": "toneValue()", "attr.data-size": "sizeValue()", "attr.data-growing": "growingValue()", "attr.data-loading": "loading() ? \"\" : null", "attr.data-reflow": "reflow() ? null : \"false\"" } }, viewQueries: [{ propertyName: "moreElement", first: true, predicate: ["more"], descendants: true, isSignal: true }, { propertyName: "freshElement", first: true, predicate: ["fresh"], descendants: true, isSignal: true }], exportAs: ["slTimeline"], ngImport: i0, template: `
232
232
  @if (heldCount() > 0) {
233
233
  <button
234
234
  #fresh
235
235
  data-part="fresh"
236
+ data-part-fresh=""
236
237
  type="button"
237
238
  [hidden]="freshCount() <= 0"
238
239
  (click)="reveal($event)"
@@ -243,24 +244,30 @@ class SlTimeline {
243
244
  <ng-content></ng-content>
244
245
  @if (growingValue() !== 'none') {
245
246
  @if (loading()) {
246
- <div #more aria-live="polite" data-part="more">
247
- <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
247
+ <div #more aria-live="polite" data-part="more" data-part-more="">
248
+ <span
249
+ aria-hidden="true"
250
+ data-part="root"
251
+ data-part-root=""
252
+ data-ui="spinner"
253
+ data-ui-spinner=""
254
+ ></span>
248
255
  {{ t('loading') }}
249
256
  </div>
250
257
  } @else if (growingValue() === 'button') {
251
- <button #more data-part="more" type="button" (click)="loadMore($event)">
258
+ <button #more data-part="more" data-part-more="" type="button" (click)="loadMore($event)">
252
259
  {{ t('loadMore') }}
253
260
  </button>
254
261
  } @else {
255
- <div #more data-part="more"></div>
262
+ <div #more data-part="more" data-part-more=""></div>
256
263
  }
257
264
  }
258
265
  @if (loaded() === 0 && !loading()) {
259
- <div data-part="empty">
266
+ <div data-part="empty" data-part-empty="">
260
267
  <ng-content select="[slTimelineEmpty]">{{ t('empty') }}</ng-content>
261
268
  </div>
262
269
  }
263
- `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-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=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]: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=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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 });
270
+ `, isInline: true, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-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-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]: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-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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 });
264
271
  }
265
272
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimeline, decorators: [{
266
273
  type: Component,
@@ -269,6 +276,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
269
276
  <button
270
277
  #fresh
271
278
  data-part="fresh"
279
+ data-part-fresh=""
272
280
  type="button"
273
281
  [hidden]="freshCount() <= 0"
274
282
  (click)="reveal($event)"
@@ -279,26 +287,34 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
279
287
  <ng-content></ng-content>
280
288
  @if (growingValue() !== 'none') {
281
289
  @if (loading()) {
282
- <div #more aria-live="polite" data-part="more">
283
- <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
290
+ <div #more aria-live="polite" data-part="more" data-part-more="">
291
+ <span
292
+ aria-hidden="true"
293
+ data-part="root"
294
+ data-part-root=""
295
+ data-ui="spinner"
296
+ data-ui-spinner=""
297
+ ></span>
284
298
  {{ t('loading') }}
285
299
  </div>
286
300
  } @else if (growingValue() === 'button') {
287
- <button #more data-part="more" type="button" (click)="loadMore($event)">
301
+ <button #more data-part="more" data-part-more="" type="button" (click)="loadMore($event)">
288
302
  {{ t('loadMore') }}
289
303
  </button>
290
304
  } @else {
291
- <div #more data-part="more"></div>
305
+ <div #more data-part="more" data-part-more=""></div>
292
306
  }
293
307
  }
294
308
  @if (loaded() === 0 && !loading()) {
295
- <div data-part="empty">
309
+ <div data-part="empty" data-part-empty="">
296
310
  <ng-content select="[slTimelineEmpty]">{{ t('empty') }}</ng-content>
297
311
  </div>
298
312
  }
299
313
  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimeline', host: {
300
314
  'data-ui': 'timeline',
315
+ 'data-ui-timeline': '',
301
316
  'data-part': 'root',
317
+ 'data-part-root': '',
302
318
  '[attr.data-mode]': 'modeValue()',
303
319
  '[attr.data-orientation]': 'orientationValue()',
304
320
  '[attr.data-placement]': 'placementValue()',
@@ -309,7 +325,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
309
325
  '[attr.data-growing]': 'growingValue()',
310
326
  '[attr.data-loading]': 'loading() ? "" : null',
311
327
  '[attr.data-reflow]': 'reflow() ? null : "false"',
312
- }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-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=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]: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=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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"] }]
328
+ }, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-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-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]: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-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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"] }]
313
329
  }], ctorParameters: () => [], propDecorators: { mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], orientation: [{ type: i0.Input, args: [{ isSignal: true, alias: "orientation", required: false }] }], placement: [{ type: i0.Input, args: [{ isSignal: true, alias: "placement", required: false }] }], order: [{ type: i0.Input, args: [{ isSignal: true, alias: "order", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], growing: [{ type: i0.Input, args: [{ isSignal: true, alias: "growing", required: false }] }], timeFormat: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeFormat", required: false }] }], locale: [{ type: i0.Input, args: [{ isSignal: true, alias: "locale", required: false }] }], timeZone: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeZone", required: false }] }], now: [{ type: i0.Input, args: [{ isSignal: true, alias: "now", required: false }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], messages: [{ type: i0.Input, args: [{ isSignal: true, alias: "messages", required: false }] }], label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: false }] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], freshCount: [{ type: i0.Input, args: [{ isSignal: true, alias: "freshCount", required: false }] }], autoComplete: [{ type: i0.Input, args: [{ isSignal: true, alias: "autoComplete", required: false }] }], reflow: [{ type: i0.Input, args: [{ isSignal: true, alias: "reflow", required: false }] }], loadMoreRequest: [{ type: i0.Output, args: ["loadMoreRequest"] }], revealRequest: [{ type: i0.Output, args: ["revealRequest"] }], moreElement: [{ type: i0.ViewChild, args: ['more', { isSignal: true }] }], freshElement: [{ type: i0.ViewChild, args: ['fresh', { isSignal: true }] }] } });
314
330
  /**
315
331
  * Every event that lays out under a list, in DOM order, is indexed by the one
@@ -387,7 +403,7 @@ class SlTimelineList {
387
403
  outside?.focus();
388
404
  }
389
405
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
390
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineList, isStandalone: true, selector: "ol[slTimelineList], div[slTimelineList]", host: { attributes: { "data-part": "list" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.id": "timeline.id", "attr.role": "timeline.feed() ? \"feed\" : null", "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "timeline.feed() && timeline.loading() ? \"true\" : null" } }, queries: [{ propertyName: "all", predicate: i0.forwardRef(() => SlTimelineItem), descendants: true, isSignal: true }, { propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineList"], ngImport: i0 });
406
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineList, isStandalone: true, selector: "ol[slTimelineList], div[slTimelineList]", host: { attributes: { "data-part": "list", "data-part-list": "" }, listeners: { "keydown": "onKeydown($event)" }, properties: { "attr.id": "timeline.id", "attr.role": "timeline.feed() ? \"feed\" : null", "attr.aria-label": "accessibleLabel()", "attr.aria-busy": "timeline.feed() && timeline.loading() ? \"true\" : null" } }, queries: [{ propertyName: "all", predicate: i0.forwardRef(() => SlTimelineItem), descendants: true, isSignal: true }, { propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineList"], ngImport: i0 });
391
407
  }
392
408
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineList, decorators: [{
393
409
  type: Directive,
@@ -397,6 +413,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
397
413
  exportAs: 'slTimelineList',
398
414
  host: {
399
415
  'data-part': 'list',
416
+ 'data-part-list': '',
400
417
  '[attr.id]': 'timeline.id',
401
418
  '[attr.role]': 'timeline.feed() ? "feed" : null',
402
419
  '[attr.aria-label]': 'accessibleLabel()',
@@ -450,22 +467,32 @@ class SlTimelineGroup {
450
467
  }
451
468
  }
452
469
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroup, deps: [], target: i0.ɵɵFactoryTarget.Component });
453
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineGroup, isStandalone: true, selector: "li[slTimelineGroup], div[slTimelineGroup]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openRequest: "openRequest" }, host: { attributes: { "data-part": "group" }, properties: { "attr.data-open": "isOpen() ? \"\" : null" } }, exportAs: ["slTimelineGroup"], ngImport: i0, template: `
470
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineGroup, isStandalone: true, selector: "li[slTimelineGroup], div[slTimelineGroup]", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: true, transformFunction: null }, level: { classPropertyName: "level", publicName: "level", isSignal: true, isRequired: false, transformFunction: null }, collapsible: { classPropertyName: "collapsible", publicName: "collapsible", isSignal: true, isRequired: false, transformFunction: null }, open: { classPropertyName: "open", publicName: "open", isSignal: true, isRequired: false, transformFunction: null }, defaultOpen: { classPropertyName: "defaultOpen", publicName: "defaultOpen", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { open: "openChange", openRequest: "openRequest" }, host: { attributes: { "data-part": "group", "data-part-group": "" }, properties: { "attr.data-open": "isOpen() ? \"\" : null" } }, exportAs: ["slTimelineGroup"], ngImport: i0, template: `
454
471
  @switch (levelValue()) {
455
472
  @case (2) {
456
- <h2 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h2>
473
+ <h2 data-part="group-label" data-part-group-label="">
474
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
475
+ </h2>
457
476
  }
458
477
  @case (4) {
459
- <h4 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h4>
478
+ <h4 data-part="group-label" data-part-group-label="">
479
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
480
+ </h4>
460
481
  }
461
482
  @case (5) {
462
- <h5 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h5>
483
+ <h5 data-part="group-label" data-part-group-label="">
484
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
485
+ </h5>
463
486
  }
464
487
  @case (6) {
465
- <h6 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h6>
488
+ <h6 data-part="group-label" data-part-group-label="">
489
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
490
+ </h6>
466
491
  }
467
492
  @default {
468
- <h3 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h3>
493
+ <h3 data-part="group-label" data-part-group-label="">
494
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
495
+ </h3>
469
496
  }
470
497
  }
471
498
  <ng-content></ng-content>
@@ -476,14 +503,15 @@ class SlTimelineGroup {
476
503
  [attr.aria-controls]="listId"
477
504
  [attr.aria-expanded]="isOpen()"
478
505
  data-part="group-trigger"
506
+ data-part-group-trigger=""
479
507
  type="button"
480
508
  (click)="toggle($event)"
481
509
  >
482
- <span aria-hidden="true" data-part="group-indicator"
510
+ <span aria-hidden="true" data-part="group-indicator" data-part-group-indicator=""
483
511
  ><span slIcon><svg slGlyph name="chevron-down"></svg></span
484
512
  ></span>
485
513
  {{ label()
486
- }}<span data-ui="visually-hidden">{{
514
+ }}<span data-ui="visually-hidden" data-ui-visually-hidden="">{{
487
515
  isOpen() ? timeline.t('collapse') : timeline.t('expand')
488
516
  }}</span>
489
517
  </button>
@@ -491,26 +519,36 @@ class SlTimelineGroup {
491
519
  {{ label() }}
492
520
  }
493
521
  </ng-template>
494
- `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-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=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]: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=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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 });
522
+ `, isInline: true, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-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-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]: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-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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 });
495
523
  }
496
524
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroup, decorators: [{
497
525
  type: Component,
498
526
  args: [{ selector: 'li[slTimelineGroup], div[slTimelineGroup]', standalone: true, template: `
499
527
  @switch (levelValue()) {
500
528
  @case (2) {
501
- <h2 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h2>
529
+ <h2 data-part="group-label" data-part-group-label="">
530
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
531
+ </h2>
502
532
  }
503
533
  @case (4) {
504
- <h4 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h4>
534
+ <h4 data-part="group-label" data-part-group-label="">
535
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
536
+ </h4>
505
537
  }
506
538
  @case (5) {
507
- <h5 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h5>
539
+ <h5 data-part="group-label" data-part-group-label="">
540
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
541
+ </h5>
508
542
  }
509
543
  @case (6) {
510
- <h6 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h6>
544
+ <h6 data-part="group-label" data-part-group-label="">
545
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
546
+ </h6>
511
547
  }
512
548
  @default {
513
- <h3 data-part="group-label"><ng-container *ngTemplateOutlet="heading"></ng-container></h3>
549
+ <h3 data-part="group-label" data-part-group-label="">
550
+ <ng-container *ngTemplateOutlet="heading"></ng-container>
551
+ </h3>
514
552
  }
515
553
  }
516
554
  <ng-content></ng-content>
@@ -521,14 +559,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
521
559
  [attr.aria-controls]="listId"
522
560
  [attr.aria-expanded]="isOpen()"
523
561
  data-part="group-trigger"
562
+ data-part-group-trigger=""
524
563
  type="button"
525
564
  (click)="toggle($event)"
526
565
  >
527
- <span aria-hidden="true" data-part="group-indicator"
566
+ <span aria-hidden="true" data-part="group-indicator" data-part-group-indicator=""
528
567
  ><span slIcon><svg slGlyph name="chevron-down"></svg></span
529
568
  ></span>
530
569
  {{ label()
531
- }}<span data-ui="visually-hidden">{{
570
+ }}<span data-ui="visually-hidden" data-ui-visually-hidden="">{{
532
571
  isOpen() ? timeline.t('collapse') : timeline.t('expand')
533
572
  }}</span>
534
573
  </button>
@@ -538,8 +577,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
538
577
  </ng-template>
539
578
  `, imports: [NgTemplateOutlet, SlGlyph, SlIcon], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimelineGroup', host: {
540
579
  'data-part': 'group',
580
+ 'data-part-group': '',
541
581
  '[attr.data-open]': 'isOpen() ? "" : null',
542
- }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-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=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]: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=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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"] }]
582
+ }, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-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-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]: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-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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"] }]
543
583
  }], propDecorators: { label: [{ type: i0.Input, args: [{ isSignal: true, alias: "label", required: true }] }], level: [{ type: i0.Input, args: [{ isSignal: true, alias: "level", required: false }] }], collapsible: [{ type: i0.Input, args: [{ isSignal: true, alias: "collapsible", required: false }] }], open: [{ type: i0.Input, args: [{ isSignal: true, alias: "open", required: false }] }, { type: i0.Output, args: ["openChange"] }], defaultOpen: [{ type: i0.Input, args: [{ isSignal: true, alias: "defaultOpen", required: false }] }], openRequest: [{ type: i0.Output, args: ["openRequest"] }] } });
544
584
  /** The list inside a group: hidden while the group is folded. */
545
585
  class SlTimelineGroupList {
@@ -550,7 +590,7 @@ class SlTimelineGroupList {
550
590
  effect(() => assignLast(this.own()));
551
591
  }
552
592
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroupList, deps: [], target: i0.ɵɵFactoryTarget.Directive });
553
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineGroupList, isStandalone: true, selector: "ol[slTimelineGroupList], div[slTimelineGroupList]", host: { attributes: { "data-part": "group-list" }, properties: { "attr.id": "group.listId", "hidden": "!group.isOpen()" } }, queries: [{ propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineGroupList"], ngImport: i0 });
593
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "22.1.7", type: SlTimelineGroupList, isStandalone: true, selector: "ol[slTimelineGroupList], div[slTimelineGroupList]", host: { attributes: { "data-part": "group-list", "data-part-group-list": "" }, properties: { "attr.id": "group.listId", "hidden": "!group.isOpen()" } }, queries: [{ propertyName: "own", predicate: i0.forwardRef(() => SlTimelineItem), isSignal: true }], exportAs: ["slTimelineGroupList"], ngImport: i0 });
554
594
  }
555
595
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineGroupList, decorators: [{
556
596
  type: Directive,
@@ -560,6 +600,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
560
600
  exportAs: 'slTimelineGroupList',
561
601
  host: {
562
602
  'data-part': 'group-list',
603
+ 'data-part-group-list': '',
563
604
  '[attr.id]': 'group.listId',
564
605
  '[hidden]': '!group.isOpen()',
565
606
  },
@@ -664,12 +705,18 @@ class SlTimelineItem {
664
705
  return this.timeline.itemId(this.index(), part);
665
706
  }
666
707
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineItem, deps: [], target: i0.ɵɵFactoryTarget.Component });
667
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineItem, isStandalone: true, selector: "li[slTimelineItem], article[slTimelineItem]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, actor: { classPropertyName: "actor", publicName: "actor", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item" }, properties: { "attr.role": "timeline.feed() ? \"article\" : null", "attr.tabindex": "timeline.feed() ? (ownTabindex ?? \"0\") : null", "attr.aria-posinset": "timeline.feed() ? index() + 1 : null", "attr.aria-setsize": "timeline.feed() ? setSize() : null", "attr.aria-labelledby": "timeline.feed() ? labelledBy() : null", "attr.aria-describedby": "timeline.feed() ? describedBy() : null", "attr.aria-current": "current() ? \"true\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "finished() && !current() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-connector": "line() === \"solid\" ? null : line()", "attr.data-side": "sideValue()", "attr.data-tone": "tone() ?? timeline.toneValue()", "attr.data-variant": "variant() ?? timeline.variantValue()" } }, queries: [{ propertyName: "projectedTitle", first: true, predicate: i0.forwardRef(() => SlTimelineTitle), descendants: true, isSignal: true }, { propertyName: "projectedActor", first: true, predicate: i0.forwardRef(() => SlTimelineActor), descendants: true, isSignal: true }, { propertyName: "projectedDescription", first: true, predicate: i0.forwardRef(() => SlTimelineDescription), descendants: true, isSignal: true }], exportAs: ["slTimelineItem"], ngImport: i0, template: `
708
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.1.7", type: SlTimelineItem, isStandalone: true, selector: "li[slTimelineItem], article[slTimelineItem]", inputs: { title: { classPropertyName: "title", publicName: "title", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: false, transformFunction: null }, actor: { classPropertyName: "actor", publicName: "actor", isSignal: true, isRequired: false, transformFunction: null }, time: { classPropertyName: "time", publicName: "time", isSignal: true, isRequired: false, transformFunction: null }, timeLabel: { classPropertyName: "timeLabel", publicName: "timeLabel", isSignal: true, isRequired: false, transformFunction: null }, current: { classPropertyName: "current", publicName: "current", isSignal: true, isRequired: false, transformFunction: null }, complete: { classPropertyName: "complete", publicName: "complete", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, connector: { classPropertyName: "connector", publicName: "connector", isSignal: true, isRequired: false, transformFunction: null }, side: { classPropertyName: "side", publicName: "side", isSignal: true, isRequired: false, transformFunction: null }, tone: { classPropertyName: "tone", publicName: "tone", isSignal: true, isRequired: false, transformFunction: null }, variant: { classPropertyName: "variant", publicName: "variant", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "item", "data-part-item": "" }, properties: { "attr.role": "timeline.feed() ? \"article\" : null", "attr.tabindex": "timeline.feed() ? (ownTabindex ?? \"0\") : null", "attr.aria-posinset": "timeline.feed() ? index() + 1 : null", "attr.aria-setsize": "timeline.feed() ? setSize() : null", "attr.aria-labelledby": "timeline.feed() ? labelledBy() : null", "attr.aria-describedby": "timeline.feed() ? describedBy() : null", "attr.aria-current": "current() ? \"true\" : null", "attr.aria-busy": "loading() ? \"true\" : null", "attr.data-current": "current() ? \"\" : null", "attr.data-complete": "finished() && !current() ? \"\" : null", "attr.data-loading": "loading() ? \"\" : null", "attr.data-connector": "line() === \"solid\" ? null : line()", "attr.data-side": "sideValue()", "attr.data-tone": "tone() ?? timeline.toneValue()", "attr.data-variant": "variant() ?? timeline.variantValue()" } }, queries: [{ propertyName: "projectedTitle", first: true, predicate: i0.forwardRef(() => SlTimelineTitle), descendants: true, isSignal: true }, { propertyName: "projectedActor", first: true, predicate: i0.forwardRef(() => SlTimelineActor), descendants: true, isSignal: true }, { propertyName: "projectedDescription", first: true, predicate: i0.forwardRef(() => SlTimelineDescription), descendants: true, isSignal: true }], exportAs: ["slTimelineItem"], ngImport: i0, template: `
668
709
  <ng-content select="[slTimelineOpposite]"></ng-content>
669
- <div data-part="rail">
670
- <span data-part="marker">
710
+ <div data-part="rail" data-part-rail="">
711
+ <span data-part="marker" data-part-marker="">
671
712
  @if (loading()) {
672
- <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
713
+ <span
714
+ aria-hidden="true"
715
+ data-part="root"
716
+ data-part-root=""
717
+ data-ui="spinner"
718
+ data-ui-spinner=""
719
+ ></span>
673
720
  } @else {
674
721
  <ng-content select="[slTimelineMarker]">
675
722
  @if (finished() && !current()) {
@@ -679,16 +726,18 @@ class SlTimelineItem {
679
726
  }
680
727
  </span>
681
728
  @if (!last()) {
682
- <span aria-hidden="true" data-part="connector"></span>
729
+ <span aria-hidden="true" data-part="connector" data-part-connector=""></span>
683
730
  }
684
731
  </div>
685
- <div data-part="content">
732
+ <div data-part="content" data-part-content="">
686
733
  @if (title() !== undefined) {
687
- <div data-part="title" [id]="partId('title')">{{ title() }}</div>
734
+ <div data-part="title" data-part-title="" [id]="partId('title')">{{ title() }}</div>
688
735
  }
689
736
  <ng-content select="[slTimelineTitle]"></ng-content>
690
737
  @if (current()) {
691
- <span data-ui="visually-hidden" [id]="partId('current')">{{ timeline.t('current') }}</span>
738
+ <span data-ui="visually-hidden" data-ui-visually-hidden="" [id]="partId('current')">{{
739
+ timeline.t('current')
740
+ }}</span>
692
741
  }
693
742
  @if (time() !== undefined) {
694
743
  @if (timeLabel() !== undefined) {
@@ -698,26 +747,34 @@ class SlTimelineItem {
698
747
  }
699
748
  }
700
749
  @if (actor() !== undefined) {
701
- <div data-part="actor" [id]="partId('actor')">{{ actor() }}</div>
750
+ <div data-part="actor" data-part-actor="" [id]="partId('actor')">{{ actor() }}</div>
702
751
  }
703
752
  <ng-content select="[slTimelineActor]"></ng-content>
704
753
  @if (description() !== undefined) {
705
- <div data-part="description" [id]="partId('description')">{{ description() }}</div>
754
+ <div data-part="description" data-part-description="" [id]="partId('description')">
755
+ {{ description() }}
756
+ </div>
706
757
  }
707
758
  <ng-content select="[slTimelineDescription]"></ng-content>
708
759
  <ng-content></ng-content>
709
760
  <ng-content select="[slTimelineActions]"></ng-content>
710
761
  </div>
711
- `, isInline: true, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-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=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]: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=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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: "component", type: i0.forwardRef(() => SlTimelineTime), selector: "time[slTimelineTime]", inputs: ["value", "format", "locale", "timeZone", "now"], exportAs: ["slTimelineTime"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
762
+ `, isInline: true, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-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-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]: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-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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: "component", type: i0.forwardRef(() => SlTimelineTime), selector: "time[slTimelineTime]", inputs: ["value", "format", "locale", "timeZone", "now"], exportAs: ["slTimelineTime"] }, { kind: "component", type: i0.forwardRef(() => SlGlyph), selector: "svg[slGlyph]", inputs: ["name", "solid"] }, { kind: "component", type: i0.forwardRef(() => SlIcon), selector: "[slIcon]", inputs: ["directional", "label", "size", "tone"], exportAs: ["slIcon"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
712
763
  }
713
764
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineItem, decorators: [{
714
765
  type: Component,
715
766
  args: [{ selector: 'li[slTimelineItem], article[slTimelineItem]', standalone: true, imports: [forwardRef(() => SlTimelineTime), SlGlyph, SlIcon], template: `
716
767
  <ng-content select="[slTimelineOpposite]"></ng-content>
717
- <div data-part="rail">
718
- <span data-part="marker">
768
+ <div data-part="rail" data-part-rail="">
769
+ <span data-part="marker" data-part-marker="">
719
770
  @if (loading()) {
720
- <span aria-hidden="true" data-part="root" data-ui="spinner"></span>
771
+ <span
772
+ aria-hidden="true"
773
+ data-part="root"
774
+ data-part-root=""
775
+ data-ui="spinner"
776
+ data-ui-spinner=""
777
+ ></span>
721
778
  } @else {
722
779
  <ng-content select="[slTimelineMarker]">
723
780
  @if (finished() && !current()) {
@@ -727,16 +784,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
727
784
  }
728
785
  </span>
729
786
  @if (!last()) {
730
- <span aria-hidden="true" data-part="connector"></span>
787
+ <span aria-hidden="true" data-part="connector" data-part-connector=""></span>
731
788
  }
732
789
  </div>
733
- <div data-part="content">
790
+ <div data-part="content" data-part-content="">
734
791
  @if (title() !== undefined) {
735
- <div data-part="title" [id]="partId('title')">{{ title() }}</div>
792
+ <div data-part="title" data-part-title="" [id]="partId('title')">{{ title() }}</div>
736
793
  }
737
794
  <ng-content select="[slTimelineTitle]"></ng-content>
738
795
  @if (current()) {
739
- <span data-ui="visually-hidden" [id]="partId('current')">{{ timeline.t('current') }}</span>
796
+ <span data-ui="visually-hidden" data-ui-visually-hidden="" [id]="partId('current')">{{
797
+ timeline.t('current')
798
+ }}</span>
740
799
  }
741
800
  @if (time() !== undefined) {
742
801
  @if (timeLabel() !== undefined) {
@@ -746,11 +805,13 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
746
805
  }
747
806
  }
748
807
  @if (actor() !== undefined) {
749
- <div data-part="actor" [id]="partId('actor')">{{ actor() }}</div>
808
+ <div data-part="actor" data-part-actor="" [id]="partId('actor')">{{ actor() }}</div>
750
809
  }
751
810
  <ng-content select="[slTimelineActor]"></ng-content>
752
811
  @if (description() !== undefined) {
753
- <div data-part="description" [id]="partId('description')">{{ description() }}</div>
812
+ <div data-part="description" data-part-description="" [id]="partId('description')">
813
+ {{ description() }}
814
+ </div>
754
815
  }
755
816
  <ng-content select="[slTimelineDescription]"></ng-content>
756
817
  <ng-content></ng-content>
@@ -758,6 +819,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
758
819
  </div>
759
820
  `, changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, exportAs: 'slTimelineItem', host: {
760
821
  'data-part': 'item',
822
+ 'data-part-item': '',
761
823
  '[attr.role]': 'timeline.feed() ? "article" : null',
762
824
  '[attr.tabindex]': 'timeline.feed() ? (ownTabindex ?? "0") : null',
763
825
  '[attr.aria-posinset]': 'timeline.feed() ? index() + 1 : null',
@@ -773,7 +835,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
773
835
  '[attr.data-side]': 'sideValue()',
774
836
  '[attr.data-tone]': 'tone() ?? timeline.toneValue()',
775
837
  '[attr.data-variant]': 'variant() ?? timeline.variantValue()',
776
- }, styles: ["@layer slotted.components{[data-ui=timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui=timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui=timeline]:has([data-part=marker]>:not([data-ui=spinner],[data-check])){--_rail: var(--_badge)}[data-ui=timeline]:has([data-part=marker]>[data-ui=avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui=timeline],[data-ui=timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui=timeline][data-tone=accent],[data-ui=timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui=timeline][data-tone=success],[data-ui=timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui=timeline][data-tone=warning],[data-ui=timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui=timeline][data-tone=danger],[data-ui=timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui=timeline] :is([data-part=list],[data-part=group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui=timeline] [data-part=list]:has([data-part=opposite]){--_opposite-column: var(--_opposite)}[data-ui=timeline] [data-part=item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui=timeline] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline] [data-part=item]{margin-block-end:var(--_item-gap)}[data-ui=timeline] [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline] [data-part=content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui=timeline] [data-part=opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui=timeline] [data-part=rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui=timeline] [data-part=marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui=timeline] [data-part=marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui=timeline] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=marker]>[data-ui=icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui=timeline] [data-part=marker]>[data-ui=avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui=timeline] [data-part=marker]:has(>[data-ui=avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui=timeline] [data-variant=outline] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui=timeline] [data-variant=outline] [data-part=marker]:empty:after,[data-ui=timeline] [data-variant=solid] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-variant=solid] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui=timeline] [data-variant=outline] [data-part=marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui=timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui=timeline] [data-variant=solid] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-variant=subtle] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui=timeline] [data-variant=plain] [data-part=marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui=timeline] [data-current] [data-part=marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui=timeline] [data-current] [data-part=marker]:empty:after{content:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui=timeline] [data-current] [data-part=marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])),[data-ui=timeline] [data-current] [data-part=marker]:not(:empty,:has(>[data-ui=spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui=timeline] [data-loading][data-variant] [data-part=marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui=timeline] [data-loading]>[data-part=content]{color:var(--_muted)}[data-ui=timeline] [data-part=connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-connector=dashed] [data-part=connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui=timeline] [data-connector=none] [data-part=connector],[data-ui=timeline] [data-part=item]:last-child [data-part=connector]{display:none}[data-ui=timeline] [data-complete] [data-part=connector]{border-color:var(--_tone-mark)}[data-ui=timeline] [data-part=content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui=timeline] [data-part=content]>:not([data-part=title],[data-part=time]){grid-column:1 / -1}[data-ui=timeline] [data-part=content]>:is([data-part=actor],[data-part=description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui=timeline] [data-part=title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=content]>[data-part=time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui=timeline] [data-part=time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui=timeline] [data-part=actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui=timeline] [data-part=description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui=timeline] [data-part=actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui=timeline] [data-part=item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui=timeline] [data-part=group]{display:block}[data-ui=timeline] [data-part=group]+[data-part=group]{margin-block-start:var(--_item-gap)}[data-ui=timeline] [data-part=group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui=timeline] [data-part=group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=group-trigger]:enabled:hover{color:var(--_strong)}[data-ui=timeline] [data-part=group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui=timeline] [data-part=group-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=timeline] [data-part=group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui=timeline] [data-part=group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui=timeline] [data-part=group-indicator]>[data-ui=icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui=timeline] [data-open]>[data-part=group-label] [data-part=group-indicator]>[data-ui=icon]{rotate:0deg}[data-ui=timeline] [data-part=group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui=timeline] [data-part=group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui=timeline] [data-part=group-label]{transition:margin-block-end var(--_fold)}[data-ui=timeline] [data-part=group-label]:has(+[data-part=group-list][hidden]){margin-block-end:0}[data-ui=timeline] [data-part=fresh],[data-ui=timeline] button[data-part=more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui=timeline] [data-part=fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui=timeline] [data-part=fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui=timeline] [data-part=fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui=timeline] [data-part=fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui=timeline] [data-part=fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui=timeline] button[data-part=more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui=timeline] button[data-part=more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui=timeline] :is([data-part=fresh],button[data-part=more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui=timeline] [data-part=fresh]:focus-visible,[data-ui=timeline] button[data-part=more]: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=timeline] [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui=timeline] [data-part=list]:has([data-part=opposite])~[data-part=more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui=timeline] div[data-part=more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui=timeline] [data-part=more]>[data-ui=spinner]{--slotted-spinner-size: var(--_icon)}[data-ui=timeline] [data-part=empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui=timeline][data-placement=start] [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui=timeline][data-placement=start] :where([data-part=list]:not(:has([data-part=opposite]))) [data-part=item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui=timeline][data-placement=start] [data-part=content]{text-align:end}[data-ui=timeline][data-placement=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=start] [data-part=opposite]{text-align:start}[data-ui=timeline][data-placement=start] [data-part=more]{margin-inline-start:0}[data-ui=timeline][data-placement=alternate] [data-part=item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=content]{grid-column:after}[data-ui=timeline][data-placement=alternate] [data-part=opposite]{grid-column:before}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=opposite]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=content]{grid-column:after;text-align:start}[data-ui=timeline][data-placement=alternate] [data-side=end] [data-part=opposite]{grid-column:before;text-align:end}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]{grid-template-columns:auto minmax(0,1fr)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=title],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=title]{grid-column:2}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]>[data-part=time],[data-ui=timeline][data-placement=alternate] [data-side=start] [data-part=content]>[data-part=time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui=timeline][data-placement=alternate] [data-part=item]:nth-child(2n) :is([data-part=actor],[data-part=actions]),[data-ui=timeline][data-placement=alternate] [data-side=start] :is([data-part=actor],[data-part=actions]){justify-content:flex-end}[data-ui=timeline][data-placement=alternate] [data-part=more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui=timeline][data-orientation=horizontal] [data-part=list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui=timeline][data-orientation=horizontal] [data-part=item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui=timeline][data-orientation=horizontal] [data-part=item]:last-child{padding-inline-end:0}[data-ui=timeline][data-orientation=horizontal] [data-part=rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui=timeline][data-orientation=horizontal] [data-part=marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui=timeline][data-orientation=horizontal] [data-part=opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=content],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui=timeline][data-orientation=horizontal][data-placement=start] [data-part=opposite],[data-ui=timeline][data-orientation=horizontal][data-placement=alternate] [data-part=item]:nth-child(2n) [data-part=opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui=timeline][data-orientation=horizontal] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=horizontal] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=horizontal] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal] [data-part=more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui=timeline][data-orientation=vertical] [data-part=content]{display:flex;flex-direction:column}[data-ui=timeline][data-orientation=vertical] [data-part=content]>[data-part=time]{margin-inline:0;white-space:normal}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=list] [data-part=item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n):has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=item]:nth-child(n) :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:last-child{margin-block-end:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=item]:nth-child(n)>[data-part=content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui=timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part=more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=content],[data-part=opposite]){grid-column:content;text-align:start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] [data-part=opposite]{grid-row:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=content]{grid-row:2}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:has(>[data-part=opposite])>[data-part=rail]{grid-row:1 / 3}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]{grid-template-columns:minmax(0,1fr) auto}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=title]{grid-column:1}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item]:nth-child(n) [data-part=content]>[data-part=time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=item] :is([data-part=actor],[data-part=actions]){justify-content:flex-start}[data-ui=timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part=more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui=timeline] [data-part=marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui=timeline] [data-complete]:not([data-current]) [data-part=marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui=timeline] [data-part=marker]>[data-ui=icon][data-check]{color:inherit}[data-ui=timeline] [data-current]:not([data-loading]) [data-part=marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui=spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui=spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui=spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui=spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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"] }]
838
+ }, styles: ["@layer slotted.components{[data-ui-timeline]{--_icon: var(--slotted-control-icon-size-md, 16px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-md, 13px));--_meta-size: var(--slotted-timeline-meta-font-size, var(--_font-size));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-md, 8px) + var(--slotted-space-2, .25rem)) );--_glyph: calc(var(--_icon) - 2 * var(--slotted-space-1, .125rem));--_dot: calc(var(--_rule) + round(up, var(--_glyph) - var(--_rule), 2px));--_core: calc( var(--_rule) + round(nearest, var(--_dot) * var(--slotted-timeline-core-ratio, .4) - var(--_rule), 2px) );--_badge: calc( var(--_rule) + round(up, var(--_icon) + 2 * var(--slotted-space-1, .125rem) - var(--_rule), 2px) );--_avatar: calc( var(--_rule) + round(up, var(--slotted-avatar-size-xs, 24px) - var(--_rule), 2px) );--_rail: var(--_dot);--_rule: var(--slotted-timeline-connector-thickness, var(--slotted-border-width-thin, 1px));--_edge: var(--slotted-border-width-medium, 1.5px);--_reach: calc(var(--_edge) + var(--slotted-border-width-thick, 2px));--_item-gap: var( --slotted-timeline-item-gap, calc(var(--_gap) + var(--slotted-space-2, .25rem)) );--_line-gap: var(--slotted-timeline-line-gap, var(--slotted-space-1, .125rem));--_opposite: var(--slotted-timeline-opposite-size, 8rem);--_line-height: var(--slotted-timeline-line-height, var(--slotted-line-height-md, 1.5));--_leading: round(up, calc(var(--_font-size) * var(--_line-height)), 1px);--_muted: var(--slotted-timeline-color-muted, var(--slotted-text-muted, GrayText));--_strong: var(--slotted-timeline-color, var(--slotted-text, CanvasText));--_line: var(--slotted-timeline-connector-color, var(--slotted-border-subtle, GrayText));--_ring: var( --slotted-timeline-marker-border, var(--slotted-control-border-color, ButtonBorder) );--_surface: var(--slotted-timeline-marker-surface, var(--slotted-surface, Canvas));color:var(--_strong);container-name:slotted-timeline;container-type:inline-size;display:block;font-family:var(--slotted-timeline-font-family, var(--slotted-font-family-sans, inherit));font-size:var(--_font-size);line-height:var(--_leading)}[data-ui-timeline][data-size=sm]{--_icon: var(--slotted-control-icon-size-sm, 14px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-sm, 12px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-sm, 6px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline][data-size=lg]{--_icon: var(--slotted-control-icon-size-lg, 18px);--_font-size: var(--slotted-timeline-font-size, var(--slotted-control-font-size-lg, 14px));--_gap: var( --slotted-timeline-gap, calc(var(--slotted-control-gap-lg, 8px) + var(--slotted-space-2, .25rem)) )}[data-ui-timeline]:has([data-part-marker]>:not([data-ui-spinner],[data-check])){--_rail: var(--_badge)}[data-ui-timeline]:has([data-part-marker]>[data-ui-avatar]){--_rail: max(var(--_badge), var(--_avatar))}[data-ui-timeline],[data-ui-timeline] [data-tone=secondary]{--_tone-solid: var(--slotted-tone-secondary-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-secondary-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-secondary-surface, Canvas);--_tone-border: var(--slotted-tone-secondary-border, ButtonBorder);--_tone-text: var(--slotted-tone-secondary-text, CanvasText);--_tone-mark: var(--slotted-border-strong, GrayText)}[data-ui-timeline][data-tone=accent],[data-ui-timeline] [data-tone=accent]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-on-solid: var(--slotted-tone-accent-on-solid, HighlightText);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-mark: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight)}[data-ui-timeline][data-tone=success],[data-ui-timeline] [data-tone=success]{--_tone-solid: var(--slotted-tone-success-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-success-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-success-surface, Canvas);--_tone-border: var(--slotted-tone-success-border, ButtonBorder);--_tone-mark: var(--slotted-tone-success-border, ButtonBorder);--_tone-text: var(--slotted-tone-success-text, CanvasText)}[data-ui-timeline][data-tone=warning],[data-ui-timeline] [data-tone=warning]{--_tone-solid: var(--slotted-tone-warning-solid, ButtonFace);--_tone-on-solid: var(--slotted-tone-warning-on-solid, ButtonText);--_tone-surface: var(--slotted-tone-warning-surface, Canvas);--_tone-border: var(--slotted-tone-warning-border, ButtonBorder);--_tone-mark: var(--slotted-tone-warning-border, ButtonBorder);--_tone-text: var(--slotted-tone-warning-text, CanvasText)}[data-ui-timeline][data-tone=danger],[data-ui-timeline] [data-tone=danger]{--_tone-solid: var(--slotted-tone-danger-solid, Mark);--_tone-on-solid: var(--slotted-tone-danger-on-solid, MarkText);--_tone-surface: var(--slotted-tone-danger-surface, Canvas);--_tone-border: var(--slotted-tone-danger-border, Mark);--_tone-mark: var(--slotted-tone-danger-border, Mark);--_tone-text: var(--slotted-tone-danger-text, MarkText)}[data-ui-timeline] :is([data-part-list],[data-part-group-list]){display:flex;flex-direction:column;list-style:none;margin:0;padding:0}[data-ui-timeline] [data-part-list]:has([data-part-opposite]){--_opposite-column: var(--_opposite)}[data-ui-timeline] [data-part-item]{align-items:stretch;column-gap:var(--_gap);display:grid;grid-template-columns:[opposite] var(--_opposite-column, 0) [rail] var(--_rail) [content] minmax(0,1fr);position:relative}[data-ui-timeline] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline] [data-part-item]{margin-block-end:var(--_item-gap)}[data-ui-timeline] [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline] [data-part-content]{align-self:baseline;grid-column:content;grid-row:1;min-inline-size:0}[data-ui-timeline] [data-part-opposite]{align-self:baseline;color:var(--_muted);grid-column:opposite;grid-row:1;min-inline-size:0;overflow-wrap:anywhere;text-align:end}[data-ui-timeline] [data-part-rail]{align-items:center;display:flex;flex-direction:column;grid-column:rail;grid-row:1;line-height:var(--_leading);position:relative}[data-ui-timeline] [data-part-marker]{--_marker: var(--_dot);--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);--_tint: color-mix(in srgb, var(--_tone-mark) 16%, var(--_surface));align-items:center;background-color:var(--_tint);block-size:var(--_marker);border:0 solid transparent;border-radius:var(--slotted-radius-full, 9999px);box-shadow:0 0 0 var(--_line-gap) var(--_surface);box-sizing:border-box;color:var(--_muted);display:inline-flex;flex:none;inline-size:var(--_marker);justify-content:center;margin-block-start:var(--_lift);overflow:hidden;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);z-index:1}[data-ui-timeline] [data-part-marker]:empty:after{background-color:var(--_tone-mark);border-radius:inherit;content:\"\";inset:calc((var(--_marker) - var(--_core)) / 2);position:absolute}[data-ui-timeline] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){--_marker: var(--_badge);background-color:var(--_surface);border-color:var(--_ring);border-width:var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-marker]>[data-ui-icon]{--slotted-icon-size: calc( var(--_badge) - 2 * round(down, (var(--_badge) - var(--_glyph)) / 2, 1px) );color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-spinner]{--slotted-spinner-size: var(--_dot);color:inherit}[data-ui-timeline] [data-part-marker]>[data-ui-avatar]{--slotted-avatar-size: var(--_avatar)}[data-ui-timeline] [data-part-marker]:has(>[data-ui-avatar]){--_marker: var(--_avatar);background-color:transparent;border-width:0}[data-ui-timeline] [data-variant=outline] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:var(--_tone-mark);border-width:var(--_edge)}[data-ui-timeline] [data-variant=outline] [data-part-marker]:empty:after,[data-ui-timeline] [data-variant=solid] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-variant=solid] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:is(:empty,:has(>[data-check])){background-color:transparent;box-shadow:none}[data-ui-timeline] [data-variant=outline] [data-part-marker]:not(:empty,:has(>[data-check])){color:var(--_tone-mark)}[data-ui-timeline] [data-variant=outline][data-tone]:not([data-tone=secondary]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){border-color:var(--_tone-border)}[data-ui-timeline] [data-variant=solid] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-variant=subtle] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text)}[data-ui-timeline] [data-variant=plain] [data-part-marker]:not(:empty,:has(>[data-check])){background-color:var(--_surface);border-color:transparent;color:var(--_tone-mark)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:has(>[data-check]){background-color:var(--_tone-mark);border-width:0}[data-ui-timeline] [data-current] [data-part-marker]:empty{background-color:var(--_tone-mark);border-color:var(--_tone-mark);border-width:calc(var(--_marker) / 2)}[data-ui-timeline] [data-current] [data-part-marker]:empty:after{content:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{--slotted-icon-size: calc(var(--_marker) - 2 * var(--slotted-space-1, .125rem));color:var(--_surface)}[data-ui-timeline] [data-current] [data-part-marker]{box-shadow:0 0 0 var(--slotted-border-width-thick, 2px) var(--_surface),0 0 0 var(--_reach) var(--_tone-mark),0 0 0 calc(var(--_reach) + var(--_line-gap)) var(--_surface)}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])),[data-ui-timeline] [data-current] [data-part-marker]:not(:empty,:has(>[data-ui-spinner],>[data-check])){background-color:var(--_tone-solid);border-color:var(--_tone-solid);color:var(--_tone-on-solid)}[data-ui-timeline] [data-loading][data-variant] [data-part-marker]{background-color:var(--_surface);border-color:transparent;box-shadow:0 0 0 var(--_line-gap) var(--_surface);color:var(--_tone-mark)}[data-ui-timeline] [data-loading]>[data-part-content]{color:var(--_muted)}[data-ui-timeline] [data-part-connector]{border-block-start:0 solid var(--_line);border-inline-start:var(--_rule) solid var(--_line);display:block;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-start:calc(50% - var(--_rule) / 2);position:absolute;transition:border-color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-connector=dashed] [data-part-connector]{border-block-start-style:dashed;border-inline-start-style:dashed}[data-ui-timeline] [data-connector=none] [data-part-connector],[data-ui-timeline] [data-part-item]:last-child [data-part-connector]{display:none}[data-ui-timeline] [data-complete] [data-part-connector]{border-color:var(--_tone-mark)}[data-ui-timeline] [data-part-content]{column-gap:0;display:grid;grid-template-columns:minmax(0,1fr) auto;row-gap:0}[data-ui-timeline] [data-part-content]>:not([data-part-title],[data-part-time]){grid-column:1 / -1}[data-ui-timeline] [data-part-content]>:is([data-part-actor],[data-part-description]){margin-block-start:var(--slotted-timeline-content-gap, var(--slotted-space-2, .25rem))}[data-ui-timeline] [data-part-title]{color:var(--_strong);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));grid-column:1;min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-content]>[data-part-time]{grid-column:2;grid-row:1;margin-inline-start:var(--_gap)}[data-ui-timeline] [data-part-time]{color:var(--_muted);font-size:var(--slotted-timeline-time-font-size, var(--slotted-font-size-xs, .75rem));font-variant-numeric:tabular-nums;white-space:nowrap}[data-ui-timeline] [data-part-actor]{align-items:center;color:var(--_muted);column-gap:var(--slotted-space-3, .375rem);display:flex;font-size:var(--_meta-size);min-inline-size:0}[data-ui-timeline] [data-part-description]{color:var(--_muted);font-size:var(--_meta-size);min-inline-size:0;overflow-wrap:anywhere}[data-ui-timeline] [data-part-actions]{column-gap:var(--_gap);display:flex;flex-wrap:wrap;margin-block-start:var(--slotted-space-4, .5rem);row-gap:var(--slotted-space-2, .25rem)}[data-ui-timeline] [data-part-item][tabindex]:focus-visible{border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));outline:var(--slotted-focus-ring-width, 2px) solid var(--slotted-focus-ring-color, Highlight);outline-offset:var(--slotted-focus-ring-offset, 2px)}[data-ui-timeline] [data-part-group]{display:block}[data-ui-timeline] [data-part-group]+[data-part-group]{margin-block-start:var(--_item-gap)}[data-ui-timeline] [data-part-group-label]{align-items:center;color:var(--_muted);display:flex;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-group-weight, var(--slotted-font-weight-semibold, 600));line-height:var(--_leading);margin:0 0 var(--slotted-timeline-group-gap, var(--slotted-space-4, .5rem))}[data-ui-timeline] [data-part-group-trigger]{align-items:center;appearance:none;background:none;border:0;border-radius:var(--slotted-timeline-radius, var(--slotted-control-radius, 4px));color:inherit;column-gap:var(--slotted-space-2, .25rem);cursor:pointer;display:inline-flex;font:inherit;min-block-size:var(--slotted-target-min, 24px);padding:0;text-align:start;transition:color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),translate var(--slotted-duration-instant) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-group-trigger]:enabled:hover{color:var(--_strong)}[data-ui-timeline] [data-part-group-trigger]:enabled:active{color:var(--_strong);translate:0 var(--slotted-border-width-thin, 1px)}[data-ui-timeline] [data-part-group-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-timeline] [data-part-group-indicator]{--slotted-icon-size: var(--_icon);display:inline-flex;flex:none}[data-ui-timeline] [data-part-group]{--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard))}[data-ui-timeline] [data-part-group-indicator]>[data-ui-icon]{rotate:-90deg;transition:rotate var(--_fold)}[data-ui-timeline] [data-open]>[data-part-group-label] [data-part-group-indicator]>[data-ui-icon]{rotate:0deg}[data-ui-timeline] [data-part-group-list]{interpolate-size:allow-keywords;opacity:1;overflow:clip;overflow-clip-margin:max(round(up,var(--_reach),1px),calc(var(--slotted-focus-ring-width, 2px) + var(--slotted-focus-ring-offset, 2px)));transition:block-size var(--_fold),opacity var(--_fold),visibility var(--_fold)}[data-ui-timeline] [data-part-group-list][hidden]{block-size:0;display:flex;opacity:0;visibility:hidden}[data-ui-timeline] [data-part-group-label]{transition:margin-block-end var(--_fold)}[data-ui-timeline] [data-part-group-label]:has(+[data-part-group-list][hidden]){margin-block-end:0}[data-ui-timeline] [data-part-fresh],[data-ui-timeline] button[data-part-more]{align-items:center;appearance:none;background-color:var(--_surface);border:var(--slotted-border-width-thin, 1px) solid var(--_ring);border-radius:var(--slotted-radius-full, 9999px);color:var(--_strong);column-gap:var(--_gap);cursor:pointer;display:flex;font:inherit;font-size:var(--_meta-size);font-weight:var(--slotted-timeline-title-weight, var(--slotted-font-weight-medium, 500));inline-size:fit-content;justify-content:center;line-height:var(--slotted-control-line-height, 1);min-block-size:var(--slotted-control-height-sm, 30px);padding-inline:var(--slotted-control-padding-inline-md, 13px);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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing)}[data-ui-timeline] [data-part-fresh]{--_tone-solid: var(--slotted-tone-accent-solid, Highlight);--_tone-surface: var(--slotted-tone-accent-surface, Canvas);--_tone-border: var(--slotted-tone-accent-border, Highlight);--_tone-text: var(--slotted-tone-accent-text, Highlight);--_fold: var(--slotted-duration-medium) var(--slotted-control-transition-easing, var(--slotted-easing-standard));background-color:var(--_tone-surface);border-color:var(--_tone-border);color:var(--_tone-text);interpolate-size:allow-keywords;margin-block-end:var(--_item-gap);opacity:1;overflow:clip;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),color var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),block-size var(--_fold),min-block-size var(--_fold),border-block-width var(--_fold),margin-block-end var(--_fold),opacity var(--_fold),display var(--_fold) allow-discrete}@starting-style{[data-ui-timeline] [data-part-fresh]:not([hidden]){block-size:0;border-block-width:0;margin-block-end:0;min-block-size:0;opacity:0}}[data-ui-timeline] [data-part-fresh][hidden]{block-size:0;border-block-width:0;display:none;margin-block-end:0;min-block-size:0;opacity:0;pointer-events:none}[data-ui-timeline] [data-part-fresh]:enabled:hover{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-hover, 8%))}[data-ui-timeline] [data-part-fresh]:enabled:active{background-color:color-mix(in oklab,var(--_tone-surface),currentColor var(--slotted-timeline-state-layer-active, 14%))}[data-ui-timeline] button[data-part-more]:enabled:hover{background-color:var(--slotted-tone-secondary-subtle-hover, Canvas)}[data-ui-timeline] button[data-part-more]:enabled:active{background-color:var(--slotted-tone-secondary-subtle-active, Canvas)}[data-ui-timeline] :is([data-part-fresh],button[data-part-more]):enabled:active{transition-duration:var(--slotted-duration-instant)}[data-ui-timeline] [data-part-fresh]:focus-visible,[data-ui-timeline] button[data-part-more]: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-timeline] [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_opposite-column, 0px) + var(--_rail) + var(--_gap))}[data-ui-timeline] [data-part-list]:has([data-part-opposite])~[data-part-more]{margin-inline-start:calc(var(--_opposite) + var(--_rail) + 2 * var(--_gap))}[data-ui-timeline] div[data-part-more]{align-items:center;color:var(--_muted);column-gap:var(--_gap);display:flex;font-size:var(--_meta-size);min-block-size:var(--slotted-control-height-sm, 30px)}[data-ui-timeline] [data-part-more]>[data-ui-spinner]{--slotted-spinner-size: var(--_icon)}[data-ui-timeline] [data-part-empty]{color:var(--_muted);padding-block:var(--_item-gap);text-align:center}[data-ui-timeline][data-placement=start] [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail) [opposite] var(--_opposite-column, 0)}[data-ui-timeline][data-placement=start] :where([data-part-list]:not(:has([data-part-opposite]))) [data-part-item]{grid-template-columns:[content] minmax(0,1fr) [rail] var(--_rail)}[data-ui-timeline][data-placement=start] [data-part-content]{text-align:end}[data-ui-timeline][data-placement=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=start] [data-part-opposite]{text-align:start}[data-ui-timeline][data-placement=start] [data-part-more]{margin-inline-start:0}[data-ui-timeline][data-placement=alternate] [data-part-item]{grid-template-columns:[before] round(down,calc((100% - var(--_rail)) / 2 - var(--_gap)),1px) [rail] var(--_rail) [after] minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-content]{grid-column:after}[data-ui-timeline][data-placement=alternate] [data-part-opposite]{grid-column:before}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-opposite]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-content]{grid-column:after;text-align:start}[data-ui-timeline][data-placement=alternate] [data-side=end] [data-part-opposite]{grid-column:before;text-align:end}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]{grid-template-columns:auto minmax(0,1fr)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-title],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-title]{grid-column:2}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]>[data-part-time],[data-ui-timeline][data-placement=alternate] [data-side=start] [data-part-content]>[data-part-time]{grid-column:1;margin-inline:0 var(--_gap)}[data-ui-timeline][data-placement=alternate] [data-part-item]:nth-child(2n) :is([data-part-actor],[data-part-actions]),[data-ui-timeline][data-placement=alternate] [data-side=start] :is([data-part-actor],[data-part-actions]){justify-content:flex-end}[data-ui-timeline][data-placement=alternate] [data-part-more]{margin-inline-start:calc(50% + var(--_rail) / 2 + var(--_gap))}[data-ui-timeline][data-orientation=horizontal] [data-part-list]{display:grid;grid-auto-columns:minmax(var(--slotted-timeline-track-min, var(--slotted-space-12, 4rem)),1fr);grid-auto-flow:column;overflow-x:auto;overscroll-behavior-x:contain;padding-block:round(up,var(--_reach),1px) var(--slotted-space-2, .25rem);padding-inline:round(up,var(--_reach),1px)}[data-ui-timeline][data-orientation=horizontal] [data-part-item]{align-content:start;align-items:start;column-gap:0;grid-template-columns:minmax(0,1fr);grid-template-rows:[before] auto [rail] auto [after] auto;margin-block-end:0;padding-inline-end:var(--_item-gap);row-gap:0}[data-ui-timeline][data-orientation=horizontal] [data-part-item]:last-child{padding-inline-end:0}[data-ui-timeline][data-orientation=horizontal] [data-part-rail]{align-items:start;align-self:start;block-size:var(--_rail);grid-column:1;grid-row:rail;justify-content:center}[data-ui-timeline][data-orientation=horizontal] [data-part-marker]{--_lift: 0px;margin-inline-start:calc((var(--_rail) - var(--_marker)) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-connector]{border-block-start-width:var(--_rule);border-inline-start-width:0;block-size:0;inline-size:auto;inset-block-end:auto;inset-block-start:calc(50% - var(--_rule) / 2);inset-inline-end:calc(-1 * var(--_item-gap) - var(--_rail) / 2);inset-inline-start:calc(var(--_rail) / 2)}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{align-self:start;grid-column:1;grid-row:after;margin-block:var(--_gap) 0;text-align:start}[data-ui-timeline][data-orientation=horizontal] [data-part-opposite]{align-self:start;grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-content],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-content]{grid-column:1;grid-row:before;margin-block:0 var(--_gap);text-align:start}[data-ui-timeline][data-orientation=horizontal][data-placement=start] [data-part-opposite],[data-ui-timeline][data-orientation=horizontal][data-placement=alternate] [data-part-item]:nth-child(2n) [data-part-opposite]{grid-column:1;grid-row:after;margin-block:var(--_gap) 0}[data-ui-timeline][data-orientation=horizontal] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=horizontal] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=horizontal] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal] [data-part-more]{margin-block-start:var(--_gap);margin-inline-start:0}@container slotted-timeline (max-width: 20rem){[data-ui-timeline][data-orientation=vertical] [data-part-content]{display:flex;flex-direction:column}[data-ui-timeline][data-orientation=vertical] [data-part-content]>[data-part-time]{margin-inline:0;white-space:normal}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-list] [data-part-item]:nth-child(n){grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{grid-column:content;grid-row:1;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n):has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-item]:nth-child(n) :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@container slotted-timeline (max-width: 30rem){[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-list]{display:flex;flex-direction:column;overflow-x:visible;padding:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]{align-items:stretch;column-gap:var(--_gap);grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr);grid-template-rows:none;margin-block-end:var(--_item-gap);padding-inline-end:0;row-gap:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:last-child{margin-block-end:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-rail]{align-items:center;align-self:stretch;block-size:auto;grid-column:rail;grid-row:1 / 3;justify-content:flex-start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-marker]{--_lift: round(nearest, calc((1lh - var(--_marker)) / 2), 1px);margin-inline-start:0}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-connector]{border-block-start-width:0;border-inline-start-width:var(--_rule);block-size:auto;inline-size:0;inset-block-end:calc(-.5lh - var(--_item-gap));inset-block-start:.5lh;inset-inline-end:auto;inset-inline-start:calc(50% - var(--_rule) / 2)}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-opposite]{align-self:baseline;grid-column:content;grid-row:1;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-item]:nth-child(n)>[data-part-content]{align-self:baseline;grid-column:content;grid-row:auto;margin-block:0;text-align:start}[data-ui-timeline][data-orientation=horizontal]:not([data-reflow=false]) [data-part-more]{margin-block-start:var(--_item-gap);margin-inline-start:calc(var(--_rail) + var(--_gap))}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]{grid-template-columns:[rail] var(--_rail) [content] minmax(0,1fr)}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-content],[data-part-opposite]){grid-column:content;text-align:start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] [data-part-opposite]{grid-row:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-content]{grid-row:2}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:has(>[data-part-opposite])>[data-part-rail]{grid-row:1 / 3}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]{grid-template-columns:minmax(0,1fr) auto}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-title]{grid-column:1}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item]:nth-child(n) [data-part-content]>[data-part-time]{grid-column:2;margin-inline:var(--_gap) 0}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-item] :is([data-part-actor],[data-part-actions]){justify-content:flex-start}[data-ui-timeline][data-orientation=vertical][data-placement=alternate]:not([data-reflow=false]) [data-part-more]{margin-inline-start:calc(var(--_rail) + var(--_gap))}}@media(forced-colors:active){[data-ui-timeline] [data-part-marker]:empty:after{background-color:currentColor;forced-color-adjust:none}[data-ui-timeline] [data-complete]:not([data-current]) [data-part-marker]{background-color:Highlight;border-color:Highlight;color:HighlightText;forced-color-adjust:none}[data-ui-timeline] [data-part-marker]>[data-ui-icon][data-check]{color:inherit}[data-ui-timeline] [data-current]:not([data-loading]) [data-part-marker]{outline:var(--_edge) solid CanvasText;outline-offset:var(--slotted-border-width-thick, 2px)}}}\n", "@layer slotted.components{[data-ui-spinner]{--_size: var(--slotted-spinner-size, var(--slotted-control-icon-size-md, 16px));--_ring: calc(var(--_size) * 5 / 6);--_stroke: max(var(--slotted-border-width-medium, 1.5px), calc(var(--_size) / 12));--_radius: calc((var(--_ring) - var(--_stroke)) / 2);--_track: color-mix(in oklab, currentColor 20%, transparent);--_start: calc(var(--_turn) + var(--_tail));--_end: calc(var(--_turn) + var(--_head));--_cap: calc(var(--_stroke) / 2);animation:slotted-spinner-turn var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-head var(--slotted-duration-loop-slow) linear infinite,slotted-spinner-tail var(--slotted-duration-loop-slow) linear infinite;background-image:radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_end))) calc(50% - var(--_radius) * cos(var(--_end))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),radial-gradient(circle at calc(50% + var(--_radius) * sin(var(--_start))) calc(50% - var(--_radius) * cos(var(--_start))),currentColor calc(var(--_cap) - .5px),transparent calc(var(--_cap) + .5px)),conic-gradient(from var(--_start),currentColor 0deg,currentColor calc(var(--_head) - var(--_tail)),transparent calc(var(--_head) - var(--_tail))),conic-gradient(var(--_track) 0 100%);background-origin:content-box;background-clip:content-box;block-size:var(--_size);box-sizing:border-box;display:inline-block;flex:none;inline-size:var(--_size);-webkit-mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));mask-image:radial-gradient(circle,transparent calc(var(--_ring) / 2 - var(--_stroke) - .5px),#000 calc(var(--_ring) / 2 - var(--_stroke) + .5px),#000 calc(var(--_ring) / 2 - .5px),transparent calc(var(--_ring) / 2 + .5px));opacity:1;padding:calc((var(--_size) - var(--_ring)) / 2);scale:1;transition:opacity var(--slotted-control-transition-duration) var(--slotted-control-transition-easing),scale var(--slotted-control-transition-duration) var(--slotted-control-transition-easing);vertical-align:middle}@starting-style{[data-ui-spinner]{opacity:0;scale:.6}}@media(prefers-reduced-motion:reduce){[data-ui-spinner]{--_head: 270deg;animation:none}}@media(forced-colors:active){[data-ui-spinner]{forced-color-adjust:none}}}@property --_turn{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@property --_head{inherits: false; initial-value: 20deg; syntax: \"<angle>\";}@property --_tail{inherits: false; initial-value: 0deg; syntax: \"<angle>\";}@keyframes slotted-spinner-turn{to{--_turn: 460deg}}@keyframes slotted-spinner-head{0%{--_head: 20deg;animation-timing-function:ease-in-out}50%,to{--_head: 280deg}}@keyframes slotted-spinner-tail{0%,50%{--_tail: 0deg;animation-timing-function:ease-in-out}to{--_tail: 260deg}}\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"] }]
777
839
  }], propDecorators: { title: [{ type: i0.Input, args: [{ isSignal: true, alias: "title", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: false }] }], actor: [{ type: i0.Input, args: [{ isSignal: true, alias: "actor", required: false }] }], time: [{ type: i0.Input, args: [{ isSignal: true, alias: "time", required: false }] }], timeLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "timeLabel", required: false }] }], current: [{ type: i0.Input, args: [{ isSignal: true, alias: "current", required: false }] }], complete: [{ type: i0.Input, args: [{ isSignal: true, alias: "complete", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], connector: [{ type: i0.Input, args: [{ isSignal: true, alias: "connector", required: false }] }], side: [{ type: i0.Input, args: [{ isSignal: true, alias: "side", required: false }] }], tone: [{ type: i0.Input, args: [{ isSignal: true, alias: "tone", required: false }] }], variant: [{ type: i0.Input, args: [{ isSignal: true, alias: "variant", required: false }] }], projectedTitle: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineTitle), { isSignal: true }] }], projectedActor: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineActor), { isSignal: true }] }], projectedDescription: [{ type: i0.ContentChild, args: [forwardRef(() => SlTimelineDescription), { isSignal: true }] }] } });
778
840
  /**
779
841
  * When it happened, as the platform reads it and as the reader does. The
@@ -802,7 +864,7 @@ class SlTimelineTime {
802
864
  }), /* @ts-ignore */
803
865
  ...(ngDevMode ? [{ debugName: "formatted" }] : /* istanbul ignore next */ []));
804
866
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTime, deps: [], target: i0.ɵɵFactoryTarget.Component });
805
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTimelineTime, isStandalone: true, selector: "time[slTimelineTime]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "time" }, properties: { "attr.datetime": "formatted().dateTime", "attr.title": "formatted().title" } }, exportAs: ["slTimelineTime"], ngImport: i0, template: '<ng-content>{{ formatted().text }}</ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
867
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "22.1.7", type: SlTimelineTime, isStandalone: true, selector: "time[slTimelineTime]", inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, format: { classPropertyName: "format", publicName: "format", isSignal: true, isRequired: false, transformFunction: null }, locale: { classPropertyName: "locale", publicName: "locale", isSignal: true, isRequired: false, transformFunction: null }, timeZone: { classPropertyName: "timeZone", publicName: "timeZone", isSignal: true, isRequired: false, transformFunction: null }, now: { classPropertyName: "now", publicName: "now", isSignal: true, isRequired: false, transformFunction: null } }, host: { attributes: { "data-part": "time", "data-part-time": "" }, properties: { "attr.datetime": "formatted().dateTime", "attr.title": "formatted().title" } }, exportAs: ["slTimelineTime"], ngImport: i0, template: '<ng-content>{{ formatted().text }}</ng-content>', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
806
868
  }
807
869
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTime, decorators: [{
808
870
  type: Component,
@@ -815,6 +877,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
815
877
  exportAs: 'slTimelineTime',
816
878
  host: {
817
879
  'data-part': 'time',
880
+ 'data-part-time': '',
818
881
  '[attr.datetime]': 'formatted().dateTime',
819
882
  '[attr.title]': 'formatted().title',
820
883
  },
@@ -829,60 +892,68 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImpor
829
892
  class SlTimelineTitle {
830
893
  item = inject(SlTimelineItem);
831
894
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTitle, deps: [], target: i0.ɵɵFactoryTarget.Directive });
832
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineTitle, isStandalone: true, selector: "[slTimelineTitle]", host: { attributes: { "data-part": "title" }, properties: { "attr.id": "item.partId(\"title\")" } }, ngImport: i0 });
895
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineTitle, isStandalone: true, selector: "[slTimelineTitle]", host: { attributes: { "data-part": "title", "data-part-title": "" }, properties: { "attr.id": "item.partId(\"title\")" } }, ngImport: i0 });
833
896
  }
834
897
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineTitle, decorators: [{
835
898
  type: Directive,
836
899
  args: [{
837
900
  selector: '[slTimelineTitle]',
838
901
  standalone: true,
839
- host: { 'data-part': 'title', '[attr.id]': 'item.partId("title")' },
902
+ host: { 'data-part': 'title', 'data-part-title': '', '[attr.id]': 'item.partId("title")' },
840
903
  }]
841
904
  }] });
842
905
  class SlTimelineActor {
843
906
  item = inject(SlTimelineItem);
844
907
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActor, deps: [], target: i0.ɵɵFactoryTarget.Directive });
845
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActor, isStandalone: true, selector: "[slTimelineActor]", host: { attributes: { "data-part": "actor" }, properties: { "attr.id": "item.partId(\"actor\")" } }, ngImport: i0 });
908
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActor, isStandalone: true, selector: "[slTimelineActor]", host: { attributes: { "data-part": "actor", "data-part-actor": "" }, properties: { "attr.id": "item.partId(\"actor\")" } }, ngImport: i0 });
846
909
  }
847
910
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActor, decorators: [{
848
911
  type: Directive,
849
912
  args: [{
850
913
  selector: '[slTimelineActor]',
851
914
  standalone: true,
852
- host: { 'data-part': 'actor', '[attr.id]': 'item.partId("actor")' },
915
+ host: { 'data-part': 'actor', 'data-part-actor': '', '[attr.id]': 'item.partId("actor")' },
853
916
  }]
854
917
  }] });
855
918
  class SlTimelineDescription {
856
919
  item = inject(SlTimelineItem);
857
920
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineDescription, deps: [], target: i0.ɵɵFactoryTarget.Directive });
858
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineDescription, isStandalone: true, selector: "[slTimelineDescription]", host: { attributes: { "data-part": "description" }, properties: { "attr.id": "item.partId(\"description\")" } }, ngImport: i0 });
921
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineDescription, isStandalone: true, selector: "[slTimelineDescription]", host: { attributes: { "data-part": "description", "data-part-description": "" }, properties: { "attr.id": "item.partId(\"description\")" } }, ngImport: i0 });
859
922
  }
860
923
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineDescription, decorators: [{
861
924
  type: Directive,
862
925
  args: [{
863
926
  selector: '[slTimelineDescription]',
864
927
  standalone: true,
865
- host: { 'data-part': 'description', '[attr.id]': 'item.partId("description")' },
928
+ host: {
929
+ 'data-part': 'description',
930
+ 'data-part-description': '',
931
+ '[attr.id]': 'item.partId("description")',
932
+ },
866
933
  }]
867
934
  }] });
868
935
  class SlTimelineActions {
869
936
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActions, deps: [], target: i0.ɵɵFactoryTarget.Directive });
870
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActions, isStandalone: true, selector: "[slTimelineActions]", host: { attributes: { "data-part": "actions" } }, ngImport: i0 });
937
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineActions, isStandalone: true, selector: "[slTimelineActions]", host: { attributes: { "data-part": "actions", "data-part-actions": "" } }, ngImport: i0 });
871
938
  }
872
939
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineActions, decorators: [{
873
940
  type: Directive,
874
- args: [{ selector: '[slTimelineActions]', standalone: true, host: { 'data-part': 'actions' } }]
941
+ args: [{
942
+ selector: '[slTimelineActions]',
943
+ standalone: true,
944
+ host: { 'data-part': 'actions', 'data-part-actions': '' },
945
+ }]
875
946
  }] });
876
947
  class SlTimelineOpposite {
877
948
  static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineOpposite, deps: [], target: i0.ɵɵFactoryTarget.Directive });
878
- static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineOpposite, isStandalone: true, selector: "[slTimelineOpposite]", host: { attributes: { "data-part": "opposite" } }, ngImport: i0 });
949
+ static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.1.7", type: SlTimelineOpposite, isStandalone: true, selector: "[slTimelineOpposite]", host: { attributes: { "data-part": "opposite", "data-part-opposite": "" } }, ngImport: i0 });
879
950
  }
880
951
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.1.7", ngImport: i0, type: SlTimelineOpposite, decorators: [{
881
952
  type: Directive,
882
953
  args: [{
883
954
  selector: '[slTimelineOpposite]',
884
955
  standalone: true,
885
- host: { 'data-part': 'opposite' },
956
+ host: { 'data-part': 'opposite', 'data-part-opposite': '' },
886
957
  }]
887
958
  }] });
888
959
  /** Artwork projected into the marker; the marker itself is the family's. */